/* CSS Document */
		body {
	margin:0px;
	padding:0px;
	font-family: Verdana, arial, serif, sans-serif;
	font-size:11px;
	color:#666;
	text-align:center;
	background-color: #FFFFFF;
		}
		
		#container {
	background-color:#fff;
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px outset #D18627;
		
		}
		
		#container2 {
		background-color:#fff;
		
		width: 890px;
		background-image: url(images/fond.jpg);
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		}

		#banner {
		background-color: #D5DBE1;
		margin-left: 50px;
		margin-right:50px;
		}
		
		h1 {
		font-size: 140%;
		text-align: left;
		}
		
		h2 {
		font-size: 110%;
		text-align: left;
		}
		
		h4{
		font-size: 10px;
		text-align: left;
		font-style: italic;
		font-weight : normal;
		}
		
		
		a:link   {
		color:#1B89AE;
		text-decoration:none;
		}
	
		a:visited   {
		color:#1B89AE;
		text-decoration:none;
		}
	
		a:active   {
		color:#1B89AE;
		text-decoration:none;
		}

		a:hover {
		color:#FF6600;
		text-decoration:none;
		}
		
		.imgdroite {
	float: right;
	margin-bottom: 40px;
	margin-left: 25px;
	height: 120px;
	width: 160px;
	border: 2px solid #000000;
}
		

#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
z-index: 1;
font-size: 14px;
}

#navcontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#navcontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}

#navcontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
background-color: #D18627;
}

#navcontainer li a#current
{
color: #333;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
background-color: #D18627;
}

#content {
	padding:5px;
	width: 890px;
}
#contentSomm {
	padding:5px;
	width: 890px;
	background-image: url(images/accueilMezonet.gif);
	background-repeat: no-repeat;
}


#content_run {
	width: 890px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
		#texte {
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		width: 570px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom:20px;
		padding-left: 5px;
		color: #666;
		text-align:justify;
		}
		
		#texteSomm {
	float: left;
	color: #666;
	text-align:justify;
	background-image: url(images/accueilMezonet.gif);
	background-repeat: no-repeat;
	width: 890px;
		}
		#textefdc {
		float: left;
		margin-top: 20px;
		margin-left: 100px;
		margin-right:50px
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom:20px;
		padding-left: 5px;
		color: #666;
		text-align:justify;
		}
		
		#texte4 {
	float: left;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom:5px;
	color: #666;
	text-align:justify;
	width: 630px;
	padding-left: 25px;
	padding-right: 5px;
		}
		#texte4_pub {
	float: left;
	margin-top: 70px;
	padding-top: 5px;
	padding-bottom:5px;
	color: #666;
	text-align:justify;
	width: 130px;
	margin-left: 30px;
		}
		#texte4_pub2 {
	float: left;
	margin-top: 70px;
	padding-top: 5px;
	padding-bottom:5px;
	color: #666;
	text-align:justify;
	width: 190px;
	margin-left: 90px;
		}
		
		#texte3 {
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		width: 640px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom:20px;
		padding-left: 5px;
		color: #666;
		text-align:justify;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		}
		
		#texte3 h1{
			font-size: 12px;
		}
		
		#texte h1{
		margin-top:10px;
		}
		
		
		#texte h3{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		font-weight : normal;
		}
		
		#texte h2{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		font-weight : normal;
		}
		
		#texte h5{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight : bold;
		
		}
		
		#texte h8{
		margin-left: 150px;
		
		}
		
		#texte2 {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight : normal;
		margin-left: 150px;
		text-align:justify;
		}
		
		a.image { /* définition de la classe "image" de la balise <a> */
		 display: block; /* la balise a doit être en bloc */
		 width: 114px; /* largeur de l'image réactive */
		 height: 38px; /* hauteur de l'image réactive */
		 background-image: url(images/boutonpayer.gif); /* source de l'image de départ */
		 background-repeat: no-repeat;
		 }
	 
		a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
		 background-image: url(images/boutonpayer2.gif); /* source de l'image d'arrivée */
		 } 
			
		#image {
	float: right;
	margin-top: 40px;
	margin-right: 1px;
	width: 260px;
	color: #666;
	text-align:left;
	background-repeat: no-repeat;
	border: thin dotted #022440;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	}
	
	#imageSomm {
	float: right;
	margin-top: 110px;
	-margin-top: 120x;
	margin-right: 220px;
	-margin-right: 110px;
	width: 170px;
	color: #666;
	text-align:center;
	font-size: 11px;
	}	
	.texteUL {
	margin-left:80px;
	font-size: 13px;
	letter-spacing: 1px;
	margin-right: 50px;
	list-style-type: circle;
	list-style-position: inside;
}

.encadrement {
	background-color: #F2F2F2;
	margin-top: 35px;
	margin-right: 80px;
	margin-bottom: 10px;
	margin-left: 50px;
	font-size: 12px;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 15px;
	border: 1px dashed #333333;

}
	
		
		#image p{
	margin-left: 15px;
		}
		#image2 {
	float: right;
	margin-top: 28px;
	margin-right: 5px;
	width: 200px;
	height:120px;
	color: #666;
	text-align:left;
	padding:5px 10px 5px 5px ;
	background-repeat: no-repeat;
	}		
		
		#image li {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 110%;
	color: #666;
	display: list-item;
	list-style-image: url(/images/puce.gif);
	list-style-position: outside;
}
		#image h1{
	font-size: 13px;
	font-weight: bold;
		}
		#image h2{
	font-size: 12px;
	
		}
		
		#image h3{
		background-color:  #77B0C3;
		text-align:center;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		font-weight : normal;
		padding:5px;
		}
			
		#image h5{
		background-color: #B3D2DD;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px;
		font-weight : normal;
		padding:15px;
		}	
		
		#image h6{
	background-color:  #77B0C3;
	text-align:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight : normal;
	margin-top:10px;
	color: #FFFFFF;
	margin-left: 9px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
		}
		
		#image h7 {
		
		font-size:9px;
		}
		
		#image3 {
	background-color: #ccc;
	float: right;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 222px;

	color: #000;
	text-align:left;
	padding:10px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #0099CC;
		}			
		
	#droiteT {
	margin-top: 30px;
	position: absolute;
	left: 819px;
	top: 535px;
}
				
		#footer {
		width: 880px;
		clear: both;
		padding: 5px;
		margin-top: 65px;
		background-color: #0099CC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #FFFFFF;
		text-align:left;
		letter-spacing: 1px;
		word-spacing: 3px;
		}

		#footer a:link   {
		color:#FFf;
		text-decoration:none;
		}
	
		#footer a:visited   {
		color:#FFf;
		text-decoration:none;
		}
	
		#footer a:active   {
		color:#fff;
		text-decoration:none;
		}

		#footer a:hover {
		color:#FF6600;
		text-decoration:none;
		}
		
		
		
#texte3 h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight : bold;
	letter-spacing: 2px;
	margin-left: 25px;
	color: #0099CC;
	text-align: right;
}
/*#form {
	margin:0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	width: 540px;
	color: #666666;
}

select, option {
background-color:#d1dad9;
font-size:12px;
}
input {
	border:1px solid black;
	background-color:#d1dad9;
	font-size:12px;
	text-align: left;
	background-position: left;
}
textarea {
border:1px solid black;
background-color:#d1dad9;
	font-size:12px;
	text-align: left;
	background-position: left;
}*/

#outils {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #0099CC;
	border-left-color: #0099CC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
}
#outilsSomm {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #0099CC;
	border-left-color: #0099CC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	width: 250px;
	text-align: center;
}

#outils p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
table#sample3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	
}
#texte3 h3 {
	font-size: 12px;
	text-align: left;
}
.imagebord {}

#imagebisFDC {
	/*border: thin solid #022440;*/
	float: right;
	margin-right: 200px;
	margin-bottom: 20px;
	width: 120px;
}
#textepub {

		float: left;
		margin-top: 20px;
		margin-left: 20px;
		width: 500px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom:20px;
		padding-left: 5px;
		color: #666;
		text-align:justify;
}