/*Général
-------------------------------------------------------------------------*/
* {
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	border: 0;
	}

ul, li {
	list-style: none;
	}

strong {
	font-weight: bold;
	}

table {
	border-collapse: collapse;
	}

td {
	vertical-align:top;
	padding: 0;
	}

body {
	margin: 0;
	text-align: center;
	background: #C1DBE8 url(gifs/droitfluvial_01.jpg) repeat-x top;
	}
	
	#container {
		text-align: left;
		width: 997px;
		margin: 0 auto;
		}
		
		#content {
		background: url(gifs/droitfluvial_20.jpg) repeat-y;
		position: relative;}
		
			#options {
			position: absolute;
			top: 200px;
			right: 15px;;}
		
		#nav {
		background: url(gifs/droitfluvial_06.jpg) no-repeat;
		width: 249px;
		height: 235px;
		padding-top: 6px;}
		#nav li {
		padding: 0;
		margin: 0 9px;}
		#nav li a:link, #nav li a:visited{
		display: block;
		padding: 6px 0 6px 20px;
		#padding: 5px 0 5px 20px;
		margin: 0;
		text-decoration: none;
		color: #DAEFFA;}
		* html #nav{
		overflow: hidden;
		}
		* html #nav li a:link, * html #nav li a:visited{
		height: 11px;
		padding: 5px 0 6px 20px;
		}
		#nav li a:hover{
		background: #A8C2D5;
		color: #203F65;}
		
#zs {
background: url(gifs/droitfluvial_07.jpg) no-repeat top;}


/*TEXTE
--------------------------------------------------------------------------*/
																					h1, h2, h2, h4, h5, h6, h7, p {
																						text-align: left;
																						font-family: Arial, Helvetica, sans-serif;
																						}
																																																												
																					h1 {
																						font-size: 16px;
																						font-weight: bold;
																						margin: 15px 15px 0;
																						padding: .5em 0;
																						color: #203F65;
																						}
																						
																																											
																					h1#lien_titre a {
																						text-align: left;
																						font-family: Arial, Helvetica, sans-serif;
																						font-size: 16px;
																						font-weight: bold;
																						color: #203F65;
																					}
																					
																					h1 a:link, h1 a:visited{
																						font-size: 16px;
																						font-weight: bold;
																						/*margin: 15px 15px 0;
																						padding: .5em 0;*/
																						color: #203F65;
																						text-decoration:none;
																						}
																					
																					h2 {
																						font-size: 14px;
																						font-weight: bold;
																						margin: 0 15px;
																						padding: .5em 0;
																						color: #203F65;
																						}
																						
																					h2 a:link, h2 a:visited{
																						display: block;
																						font-size: 12px;
																						color: #203F65;
																						text-decoration: none;
																						}
																						
																					.bloc h2 a:link, .bloc h2 a:visited{
																						color: #f5f5f5;
																						}
																						
																					h3 {
																						font-size: 18px;
																						padding: 0;
																						margin: 0 15px;
																						color: #000;
																						}
																					
																					p {
																						font-size: 12px;
																						margin: 0 15px;
																						padding-bottom: 0.66em;
																						color: #555;
																						text-align: justify;
																						line-height: 1.5em;
																						}
																					
																						.impt {
																							color: #203F65;
																							}
																							
																						.link {
																						text-align: right;
																						}
																						
																						.link a:link, .link a:visited{
																						font-weight: bold;
																						text-decoration: underline;
																						color: #203F65;
																						background: url(gifs/01.gif) no-repeat left .5em;
																						padding-left: 10px;
																						}
																						
																						.link a:hover, .link a:active{
																						text-decoration: none;
																						}

/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #203F65;
float: left;
margin: 5px 15px 5px 0;
}

.imag2{
border: 1px solid #203F65;
float: right;
margin: 5px 0 5px 15px;
}

.imag0{
border: 1px solid #203F65;
}
/*--------------------------------------------------------------------------*/

#b1 {
background: url(gifs/droitfluvial_09.jpg) no-repeat;
width: 249px;
height: 256px;}

#b2 {
background: url(gifs/droitfluvial_10.jpg) no-repeat;
width: 247px;
height: 256px;}

#b3 {
background:url(gifs/droitfluvial_11.jpg) no-repeat;
width: 252px;
height: 256px;}

.bloc h2 {
padding-bottom: 160px;}

#plan {
background: url(gifs/droitfluvial_13.jpg) repeat-y;
height: 107px;}


/*Liens
-------------------------------------------------------------------------*/
a, a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #203F65;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #203F65;
	}

a:focus {
	outline: 0;
	}



#footer a, #footer a:link, #footer a:visited, #footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #203F65;
	font-weight: normal;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	color: #203F65;
	}
/*--------------------------------------------------------------------------*/




/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/




/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
}

.bouton_news {
background: url(gifs/ok.jpg) no-repeat;
height: 18px;
width: 22px;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------------------*/




/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
/*--------------------------------------------------------------------------*/


/*BDD AUTO
-------------------------------------------------------------------------*/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/*-------------------------------------------------------------------------*/




/*NAV
-------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/




/*MODELE
-------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/





/*INDEX
-------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/





/*PAGES
-------------------------------------------------------------------------*/
.tpl {
width: 80%;
margin: 25px auto;
border: 1px solid #e0e0e0;
padding: 10px 15px;}
#contenu .tpl h2 {
margin: 0;
padding: 0;}
.tpl p {
margin: 0;}
/*--------------------------------------------------------------------------*/



/*CONTACT
-------------------------------------------------------------------------*/

#contact_body {
width:  70%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	color: #203F65;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}


	fieldset input:focus {
		border: 1px solid #203F65;
		background: #fff;
	}
	
	fieldset textarea:focus {
		border: 1px solid #203F65;
		background: #fff;
		}
		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #203F65;
border: 0;}
/*--------------------------------------------------------------------------*/




/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 5px;
text-align: center;
color: #203F65;}
/*--------------------------------------------------------------------------*/

.selcat {
text-align: center;
margin: 15px 0;}

.selcat form {
background: #B5D6E5;
padding: 5px;
width: 60%;
margin: 0 auto;}

.actus_juri {
background: #f5f5f5;
border: 1px solid #B5D6E5;
width: 198px;
float: right;
margin: 48px 15px 0 0;
padding: 5px 10px;}

.actus_juri li {
background: url(gifs/carre.gif) no-repeat left 5px;
padding-left: 10px;}

#reponse, .article {
width: 513px;
float: right;}




#questions {
background: #f5f5f5;
border: 1px solid #B5D6E5;
width: 198px;
float: right;
margin: 15px 15px 0 0;
padding: 5px 10px;}


#questions li {
background: url(gifs/carre.gif) no-repeat left 5px;
padding-left: 10px;}



.boom {
background: #f5f5f5;
border: 1px solid #B5D6E5;
margin: 5px 15px;
clear:both;
padding: 10px 20px;
}