/* CSS Document */

/* ---------------------------------------------------------------- Global */

	#global{

		width:770px;

		float:left;

	}

/* ---------------------------------------------------------------- id et class propres aux pages internes */

	#nav2{

		width:770px;

		min-height:75px;

		float:left;

		background-color:#6199c8;

		margin-top:1px;

		padding-bottom:5px;

	}

	* html #nav2{

		height:75px;

	}

	h4{

		font-size:1.3em;

		font-style:italic;

		color:#feffff;

		margin:5px 0 5px 270px;

	}

	#nav2 ul{

		margin-left:310px;

		font-size:0.9em;

		font-weight:bold;

	}

	* html #nav2 ul{

		margin-left:270px;

	}

	#nav2 ul li{

		display:inline;

		margin-right:8px;

	}

	#nav2 ul li a{

		color:#d5edf9;

	}

	#nav2 ul li a:hover{

		color:#000;

	}

	#nav2 img{

		position:relative;

		margin-right:6px;

		bottom:2px;

	}

/* ---------------------------------------------------------------- Images aléatoires */	

	#aleatoires {

		width:770px;

		height:171px

	}

	.visu1 {background:url(../img/visu1.jpg)}
	.visu2 {background:url(../img/visu2.jpg)}
	.visu3 {background:url(../img/visu3.jpg)}
	.visu4 {background:url(../img/visu4.jpg)}
	.visu5 {background:url(../img/visu5.jpg)}
	.visu6 {background:url(../img/visu6.jpg)}
	.visu7 {background:url(../img/visu7.jpg)}
	.visu8 {background:url(../img/visu8.jpg)}
	.visu9 {background:url(../img/visu9.jpg)}
	.visu10 {background:url(../img/visu10.jpg)}
	.visu11 {background:url(../img/visu11.jpg)}
	.visu12 {background:url(../img/visu12.jpg)}
	.visu13 {background:url(../img/visu13.jpg)}
	.visu14 {background:url(../img/visu14.jpg)}
	.visu15 {background:url(../img/visu15.jpg)}
	.visu16 {background:url(../img/visu16.jpg)}
	.visu17 {background:url(../img/visu17.jpg)}
	.visu18 {background:url(../img/visu18.jpg)}
	.visu19 {background:url(../img/visu19.jpg)}
	.visu20 {background:url(../img/visu20.jpg)}
	.visu21 {background:url(../img/visu21.jpg)}
	.visu22 {background:url(../img/visu22.jpg)}
	.visu23 {background:url(../img/visu23.jpg)}
	.visu24 {background:url(../img/visu24.jpg)}
	.visu25 {background:url(../img/visu25.jpg)}
	.visu26 {background:url(../img/visu26.jpg)}
	.visu27 {background:url(../img/visu27.jpg)}
	.visu28 {background:url(../img/visu28.jpg)}
	.visu29 {background:url(../img/visu29.jpg)}
	.visu30 {background:url(../img/visu30.jpg)}
	.visu31 {background:url(../img/visu31.jpg)}
	.visu32 {background:url(../img/visu32.jpg)}
	.visu33 {background:url(../img/visu33.jpg)}
	.visu34 {background:url(../img/visu34.jpg)}
	.visu35 {background:url(../img/visu35.jpg)}
	.visu36 {background:url(../img/visu36.jpg)}
	.visu37 {background:url(../img/visu37.jpg)}
	.visu38 {background:url(../img/visu38.jpg)}
	.visu39 {background:url(../img/visu39.jpg)}
	.visu40 {background:url(../img/visu40.jpg)}
	.visu41 {background:url(../img/visu41.jpg)}
	.visu42 {background:url(../img/visu42.jpg)}
	.visu43 {background:url(../img/visu43.jpg)}
	.visu44 {background:url(../img/visu44.jpg)}
	.visu45 {background:url(../img/visu45.jpg)}
	.visu46 {background:url(../img/visu46.jpg)}
	.visu47 {background:url(../img/visu47.jpg)}
	.visu48 {background:url(../img/visu48.jpg)}
	.visu49 {background:url(../img/visu49.jpg)}
	.visu50 {background:url(../img/visu50.jpg)}



/* ---------------------------------------------------------------- Main */

	#main{

		width:502px;

		min-height:300px;

		float:left;

		background-image:url(/library/img/dotted_vertical.gif);

		background-position:right;

		background-repeat:repeat-y;

		padding:40px 20px 20px 28px

	}

	a.lien {

		color:#000

	}

	* html #main {

		height:300px;

	}

	#triangle {

		float:left;

		background:url(/library/img/nav_bas_triangle.gif) right bottom no-repeat;

		width:100%

	}

	#main .fd_gris{

		background-color:#EBF4F9; 

	}

/* -------------------------- Liens annexes */

	#annexes{

		width:485px;

		float:left;

		margin:20px 0 0 28px;

	}

	* html #annexes{

		margin-left:18px;

	}

	.orangeGras{

		font-weight:bold;

		color:#f46f20;

	}

	#annexes ul{

		height:auto;

		padding-bottom:1px;

		background-image:url(/library/img/dotted.gif);

		background-repeat:repeat-x;

		background-position:bottom;

		margin-top:5px;

	}

	#annexes ul li{

		padding-top:5px;

		padding-bottom:5px;

		height:auto;

		background-color:#e9f3fb;

		background-image:url(/library/img/dotted.gif);

		background-repeat:repeat-x;

		background-position:top;

	}

	#annexes ul li a{

		color:#6199C8;

		font-size:0.9em;

		background-image:url(/library/img/puce_carreBleuF.gif);

		background-position:0 5px;

		padding-left:10px;

		margin-left:5px;

	}

/* ---------------------------------------------------------------- Right */

	#right{

		width:205px;

		float:left;

		padding-left:15px;

		padding-top:10px

	}

	.photos{

		width:197px;

		height:auto;

		border:solid 1px #ccc;

		text-align:center;

		margin-bottom:5px;

		padding:5px 0;

	}

	#right #a_suivre .news {

		margin:0 0 15px 0

	}

	#right #a_suivre .news .titre {

		font-size:1.2em;

		font-weight:bold;

		color:#666;

		display:block;

		margin:0 0 3px 0

	}

	#right #a_suivre .news .descriptif {

		font-size:0.9em;

		color:#6199C8;

		display:block;

		margin:0 0 3px 0

	}

	#right #a_suivre .news .contenu {

		font-size:0.9em;

		color:#2d4174;
		
		text-align:justify;

	}

/* ---------------------------------------------------------------- Bande multicore */

	#bandeColor {

		float:left;

		width:100%;

		height:14px;

		background:url(../img/bandeColor.gif) no-repeat top;

	}

	

/* ---------------------------------------------------------------- input contact */

	#formContainer{

		float:left;

		margin:15px 0 0 10px;

	}

			

			

	#formContainer input, #formContainer select, #formContainer textarea{border:1px solid #005D73;padding:0px 0 0 2px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;}

	#formContainer input, #formContainer select{margin-left:77px}



	* html #formContainer input, #formContainer select{margin-left:69px}

	

	#formContainer label{

		float:left;

		display:block;

		width:170px;

	}



	#formContainer span.chps {

		float:left;

		display:block;

		clear:both;

		margin:0 0 15px 0;

		width:100%

	}

	

	#formContainer span.chps input{

		float:left;

		display:block;

		width:200px;

		height:15px;

	}

	#formContainer span.chps select{

		float:left;

		display:block;

		width:205px;

		height:15px;

		margin-left:77px;

	}

	#formContainer span.chps select{margin-left:77px;}

	* html #formContainer span.chps select{margin-left:70px;}

	

	

	#formContainer span.chps label span.oblig{color:#FF0000}

	.buttons{width:100%; float:left}

	* html .buttons{margin-top:10px}

	

	.btn1{float:left; margin-left:130px}

	* html .btn1{margin-left:143px}

	.btn2{float:right; margin-right:39px}

	

	

/* --------------------------------------------------------------------------------------------- Arbo */

	ul.arbo {

		float:left;

		width:95%;

		line-height:18px;

		margin-top:15px;

		background:url(/library/img/demande_citoyenne/FO/dotted.gif) repeat-x bottom

	}

	ul.arbo li {background:url(/library/img/demande_citoyenne/FO/dotted.gif) repeat-x}

	ul.arbo li ul {margin:0 0 10px 30px}

	ul.arbo li ul li {background:url(/library/img/demande_citoyenne/FO/dotted2.gif) repeat-x}

	ul.arbo li ul li ul li {background:url(/library/img/demande_citoyenne/FO/dotted3.gif) repeat-x}

	#liste_service ul.arbo li a {

		background:url(/library/img/demande_citoyenne/FO/puce_B.gif) no-repeat 0 6px;

		padding:0 0 0 8px;

		color:#5786be;

		text-decoration:none;

	}

	

	#liste_service ul.arbo li.first a{text-decoration:none}

	

	#liste_service a.lienModifier{text-decoration:none; font-weight:bold}

	#liste_service ul li ul a.lienModifier{text-decoration:none; font-weight:normal}

	

	#liste_service a:hover.lienModifier{text-decoration:underline}

	

	#liste_service ul.arbo li a:hover {text-decoration:underline}

	

	

/* ----------------------------------------------------------------------------- Bouton extensible */

	.bt_blue .left {

		width:2px;

		height:18px;

		float:left;

		background:url(../img/demande_citoyenne/blue_left.gif)

	}

	.bt_blue a.middle {

		display:block;

		height:18px;

		padding:2px 5px 0 5px;

		float:left;

		text-decoration:none;

		font-size:.9em;

		background:url(../img/demande_citoyenne/blue.gif) repeat-x;

		color:#0c2776

	}

	.bt_blue a:hover.middle {color:#000}

	.bt_blue .right {

		height:18px;

		width:3px;

		float:left;

		background:url(../img/demande_citoyenne/blue_right.gif)

	}

	.bt_red .left {

		width:2px;

		height:18px;

		float:left;

		background:url(../img/demande_citoyenne/red_left.gif)

	}

	.bt_red a.middle {

		display:block;

		height:18px;

		padding:2px 5px 0 5px;

		float:left;

		text-decoration:none;

		font-size:.9em;

		background:url(../img/demande_citoyenne/red.gif) repeat-x;

		color:#0c2776

	}

	.bt_red a:hover.middle {color:#000}

	.bt_red .right {

		height:18px;

		width:3px;

		float:left;

		background:url(../img/demande_citoyenne/red_right.gif)

	}