/* Tous droits révervés à Janeiro Studio */
 
/* balises html */
 
body 
	{
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	margin: 0;
	padding: 0;
	}
 
h1 
	{
	color: #fff;
	font: 36px Helvetica;
	position: relative;
	left: 120px;
	margin: 0;
	padding: 0;
	width: 200px;
	top: 50px;
	}
 
h2 
	{
	clear: both;
	color: #fff;
	padding: 5px;
	font: 24px Helvetica;
	background-color: #283650;
	margin: 0;
	}
 
h3, h4, h5, h6 
	{
	font-family: Helvetica;
	margin-bottom: 18px;
	font-weight: bold;
	color: #870005;
	display: block;
	clear: both;
	text-align: left;
	}
 
#filariane 
	{
	padding: 5px;
	margin: 10px 0 0;
	font: italic bold 14px "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
	display: block;
	clear: both;
	}
 
/* entête */
 
#header 
	{
	text-align: left;
	padding: 0;
	margin: 0;
	border-bottom: 10px solid #870005;
	position: relative;
	background-color: #1f4a1e;
	top: 0;
	left: 0;
	}
 
#header-wrapper 
	{
	width: 900px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 0;
	}
 
#header-wrapper img 
	{
	margin: 0;
	padding: 0;
	border-style: none;
	}
 
/* bannière */
 
#banner 
	{
	width: 900px;
	padding: 0;
	position: relative;
	margin: 0;
	top: 0;
	left: 0;
	height: 250px;
	}
 
/* logotype */
 
#logo 
	{
	width: 100px;
	position: absolute;
	top: 30px;
	left: 10px;
	display: block;
	height: 139px;
	margin: 0;
	padding: 0;
	}
 
/* conteneur du site */
 
#wrapper 
	{
	width: 900px;
	display: block;
	clear: both;
	position: relative;
	margin: 0 auto 36px;
	background-color: #fff;
	}
 
/* colonnes (3) */
 
#nav-col 
	{
	width: 190px;
	float: right;
	padding-left: 10px;
	}
 
#content-col 
	{
	width: 640px;
	float: right;
	z-index: 1;
	position: relative;
	margin: 10px 0 0;
	text-align: justify;
	padding: 0 0 0 10px;
	background-color: #fff;
	}
 
#content-col h3 
	{
	padding: 9px 0;
	margin-top: 5px;
	clear: both;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #870005;
	}
 
#content-col p 
	{
	text-align: justify;
	}
 
#content-col p a 
	{
	text-decoration: none;
	}
 
#tools-col 
	{
	width: 250px;
	float: left;
	margin: 10px 0 0;
	padding: 0;
	}
 
#tools-col h3, #nav-col h3 
	{
	background-color: #283650;
	padding: 10px;
	color: #fff;
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	}
 
/* footer */
 
#footer 
	{
	text-align: center;
	padding: 20px;
	background-color: #1f4a1e;
	color: #fff;
	margin: 0;
	border-top: 10px solid #870005;
	}
 
#footer a, #footer a:link, #footer a:visited 
	{
	color: #fff;
	text-decoration: none;
	font: 16px Helvetica;
	}
 
#footer a:hover 
	{
	color: #fff;
	}
 
/* copyright */
 
#copyright 
	{
	text-align: center;
	padding: 10px;
	margin: 0;
	color: #eee;
	font: 11px "Trebuchet MS";
	text-transform: uppercase;
	}
 
#copyright a, #copyright a:link, #copyright a:visited, #copyright a:hover 
	{
	text-transform: none;
	color: #eee;
	text-decoration: none;
	font-size: 9px;
	}
 
/* @group menus */
 
/* menu global (accueil, contact, ...) */
 
ul#nav-tools 
	{
	font-size: 11px;
	display: block;
	width: 888px;
	height: 30px;
	padding: 0;
	position: relative;
	z-index: 3;
	margin: 0;
	left: 0;
	top: 130px;
	}
 
ul#nav-tools li 
	{
	padding: 0;
	float: left;
	margin: 0 5px 0 0;
	font-weight: bold;
	}
 
ul#nav-tools li a, ul#nav-tools li a:link, ul#nav-tools li a:visited 
	{
	display: block;
	text-decoration: none;
	color: #fff;
	width: 120px;
	margin: 0;
	text-align: center;
	background-color: #122a11;
	padding: 10px;
	}
 
ul#nav-tools li a:hover 
	{
	background-color: #870005;
	color: #fff;
	}
 
/* menu section */
 
#nav-sec 
	{
	margin-bottom: 5px;
	font-size: 11px;
	color: #aaa;
	background-color: #eee;
	padding: 9px;
	text-align: center;
	}
 
#nav-sec a, #nav-sec a:link, #nav-sec a:visited 
	{
	color: #1672b8;
	text-decoration: none;
	}
 
#nav-sec a:hover 
	{
	color: #870005;
	}
 
/* menu accordion (rubrique + chapitre) */
 
dl.accordion 
	{
	list-style-type: none;
	font-size: 11px;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	}
 
dl.accordion dt 
	{
 	color: #1672b8;
 	cursor: pointer;
	list-style-type: none;
	padding: 10px;
	width: 230px;
	margin: 0;
	text-transform: uppercase;
	background: #fff url(../images/nav-col-button.jpg) no-repeat 0 top;
	font: normal bold 12px Helvetica;
	}
 
dl.accordion dt:hover 
	{
	color: #870005;
	}
 
dl.accordion ul 
	{
 	padding: 0;
	list-style-type: none;
	background-color: #fff;
	margin: 0;
	}
 
dl.accordion ul li 
	{
 	margin: 0;
 	padding: 0;
	background-color: #bfd8bf;
	}
 
dl.accordion ul li a, dl.accordion ul li a:link, dl.accordion ul li a:visited 
	{
 	color: #1f4a1e;
 	display: block;
 	margin: 0;
	text-decoration: none;
	font-size: 11px;
	padding: 5px 5px 5px 15px;
	width: 230px;
	border-top: 1px dotted #97ab98;
	}
 
dl.accordion ul li a:hover 
	{
 	color: #870005;
	background-color: #cbe5cc;
	}
 
/* @end */
 
/* @group liens utiles */
 
#links 
	{
	
	}
 
#links h3 
	{
	margin-bottom: 0;
	padding-bottom: 9px;
	}
 
#links p 
	{
	margin-bottom: 9px;
	padding-bottom: 9px;
	padding-top: 9px;
	margin-top: 0;
	}
 
#links h4 
	{
	margin: 0;
	padding: 0;
	}
 
#links h4 a, #links h4 a:link, #links h4 a:visited 
	{
	color: #1672b8;
	text-decoration: none;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	}
 
#links h4 a:hover
	{
	color: #fa2d7f;
	}
 

 
/* @end */
 
/* @group éléments de mise en page */
 
/* bloc 1/2 largeur */
 
.demi
	{
	padding: 9px;
	font-size: 12px;
	margin: 0 10px 9px 0;
	float: left;
	display: block;
	width: 287px;
	}
 
/* bloc pleine largeur */
 
.entier
	{
	color: #fff;
	padding: 10px;
	font-size: 12px;
	margin: 10px 0;
	display: block;
	clear: both;
	}
 
/* bloc avec coins arrondis */
 
.rond 
	{
	display: block;
	}
 
/* blocs de couleur */
 
.bleu 
	{
	background-color: #d9e8fc;
	color: #103246;
	}
 
.rouge 
	{
	background-color: #d6001b;
	color: #fff;
	}
 
.noir 
	{
	background-color: #333;
	color: #fff;
	}
 
.rose 
	{
	background-color: #fdd6da;
	color: #712c44;
	}
 
.violet 
	{
	background-color: #e5d3fe;
	color: #44166b;
	}
 
.vert 
	{
	background-color: #c8deb5;
	color: #28350c;
	}
 
.jaune 
	{
	background-color: #ffee91;
	color: #333;
	}
 
.orange 
	{
	background-color: #ffd57d;
	color: #4f1906;
	}
 
/* cadre autour d'une image */
 
.image-cadre 
	{
	border: 9px solid #ddd;
	}
 
/* @end */
 
/* @group plan du site */
 
#site-map 
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
 
#site-map h3, #site-map h4, #site-map h5 
	{
	margin: 0;
	}
 
/* h3= rubriques */
 
#site-map h3 a, #site-map h3 a:link, #site-map h3 a:visited 
	{
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 9px 5px;
	width: 640px;
	color: #3a4a4a;
	}
 
#site-map h3 a:hover 
	{
	color: #870005;
	}
 
/* h4 = chapitres */
 
#site-map h4 a, #site-map h4 a:link, #site-map h4 a:visited 
	{
	text-decoration: none;
	color: #1672b8;
	margin: 0 0 0 40px;
	border-bottom: 1px solid #ccc;
	padding-top: 9px;
	padding-bottom: 9px;
	display: block;
	width: 590px;
	}
 
#site-map h4 a:hover
	{
	color: #870005;
	}
 
/* h5 = sections */
 
#site-map h5 a, #site-map h5 a:link, #site-map h5 a:visited 
	{
	text-decoration: none;
	margin: 0 0 0 80px;
	color: #000;
	font-weight: normal;
	font-style: normal;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #ccc;
	width: 550px;
	}
 
#site-map h5 a:hover	{
	color: #870005;
	}
 

 
/* @end */
 
/* @group formulaires */
 
/* styles des formulaires (contact, épaves, ...) */
 
.generic-form 
	{
	position: relative;
	background-color: #cbe5cc;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0 23px;
	color: #1f4a1e;
	}
 
.generic-form div 
	{
	clear: both;
	margin-bottom: 0;
	padding: 5px;
	border-bottom: 1px dotted #4f4f4f;
	}
 
.generic-form label 
	{
	display: block;
	padding: 3px 6px 3px 3px;
	color: #1f4a1e;
	clear: right;
	text-align: right;
	float: left;
	margin-left: 0;
	margin-right: 10px;
	font: 16px Helvetica;
	width: 250px;
	}
 
/* champs obligatoires */
 
span.must-be 
	{
	color: #bd000e;
	font-weight: bold;
	font-size: 20px;
	}
 
/* sous-titres des formulaires */
 
.generic-form h3 
	{
	text-align: center;
	margin: 0;
	font-weight: bold;
	padding: 10px;
	background-color: #fff;
	}
 
/* style des input type checkbox */
 
.generic-form input[type="checkbox"] 
	{
	margin-left: 210px;
	}
 
.generic-form input[type="button"] 
	{
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
 

 
/* @end */
 
/* @group Lire la suite */
 
ul.read-more 
	{
	display: block;
	list-style-type: none;
	clear: both;
	padding-bottom: 18px;
	margin: 10px 0 0;
	}
 
ul.read-more li 
	{
	padding: 5px;
	margin: 0;
	width: 96px;
	}
 
ul.read-more li a, ul.read-more li a:link, ul.read-more li a:visited 
	{
	padding: 0;
	color: #1672b8;
	text-decoration: none;
	display: block;
	margin: 0;
	}
 
ul.read-more li a:hover 
	{
	color: #870005;
	}
 

 
/* @end */
 
/* @group edito */
 
#edito 
	{
	
	}
 

 
/* @end */
 
/* @group La une */
 
#highlights 
	{
	
	}
 
#highlights ul.read-more 
	{
	border-bottom-style: none;
	}
 

 
/* @end */
 
/* @group 10 derniers articles */
 
#last-10 p 
	{
	}
 
#last-10 ul.read-more 
	{
	}
 

 
/* @end */
 
/* @group recherche */
 
/* formulaire */
 
#search-box 
	{
	background-color: #283650;
	margin: 0 0 10px;
	width: 240px;
	float: right;
	clear: both;
	padding: 5px;
	}
 
#search-box label 
	{
	color: #fff;
	font: bold 18px Helvetica;
	margin-bottom: 5px;
	padding: 10px;
	}
 
#search-box input 
	{
	margin-bottom: 10px;
	color: #333;
	margin-top: 10px;
	margin-left: 10px;
	}
 
/* résulats de la recherche */
 
#search-results h2 span.amp 
	{
	color: #fcc31c;
	}
 
#search-results h3 
	{
	color: #333;
	}
 
#search-results h4 
	{
	margin: 0 0 9px 30px;
	}
 
#search-results h4 a, #search-results h4 a:link, #search-results h4 a:visited 
	{
	color: #1672b8;
	}
 
#search-results h4 a:hover 
	{
	color: #870005;
	}
 
#search-results p span.amp 
	{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #4ca2fc;
	padding: 5px;
	}
 
#search-results p 
	{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 9px;
	margin-left: 30px;
	}
 

 
/* @end */
 
/* @group actualités */
 
/* 5 dernières actualités (colonne) */
 
ul#news-titles 
	{
	list-style-type: none;
	width: 250px;
	font-size: 11px;
	background-color: #fff;
	padding: 0;
	margin: 10px 0;
	}
 
ul#news-titles li a, ul#news-titles li a:link, ul#news-titles li a:visited 
	{
	text-decoration: none;
	color: #1672b8;
	display: block;
	width: 240px;
	margin: 0 0 1px;
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	}
 
ul#news-titles li a:hover 
	{
	color: #870005;
	}
 
li.more-news 
	{
	font-size: 12px;
	font-weight: bold;
	}
 
/* actualités */
 
#news-index 
	{
	
	}
 
#news-index h3 
	{
	margin-bottom: 0;
	}
 
#news-index h3 a, #news-index h3 a:link, #news-index h3 a:visited 
	{
	text-decoration: none;
	color: #333;
	}
 
#news-index h3 a:hover 
	{
	color: #870005;
	}
 
#news-index p 
	{
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	padding-bottom: 9px;
	padding-top: 9px;
	}
 
/* actualités du mois */
 
#news-index h4 
	{
	margin: 0;
	padding: 0;
	}
 
#news-index h4 a, #news-index h4 a:link, #news-index h4 a:visited 
	{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #1672b8;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #ccc;
	}
 
#news-index h4 a:hover 
	{
	background-color: #eee;
	color: #870005;
	}
 
/* archives */
 
#news-archives 
	{
	margin-top: 18px;
	}
 
#news-archives h2 
	{
	margin-bottom: 18px;
	}
 
#news-archives h3 
	{
	float: left;
	width: 100px;
	margin-left: 150px;
	margin-bottom: 18px;
	}
 
#news-archives ul 
	{
	list-style-type: none;
	margin: 0 0 10px;
	width: 250px;
	padding: 0;
	display: block;
	float: right;
	}
 
#news-archives ul li 
	{
	float: left;
	}
 
#news-archives ul li a, #news-archives ul li a:link, #news-archives ul li a:visited 
	{
	display: block;
	width: 39px;
	color: #fff;
	text-decoration: none;
	background-color: #283650;
	margin-right: 1px;
	text-align: center;
	margin-bottom: 1px;
	font-size: 11px;
	}
 
#news-archives ul li a:hover 
	{
	background-color: #122a11;
	color: #fff;
	}
 
/* @end */
 
/* @group événements */
 
#event 
	{
	padding: 0;
	margin: 0;
	text-align: center;
	}
 
#event h3 
	{
	margin-bottom: 10px;
	text-align: left;
	}
 
/* @end */
 
/* @group téléprocédures */
 
ul#teleproc 
	{
	list-style-type: none;
	margin: 10px 0;
	width: 250px;
	font-size: 11px;
	padding: 0;
	}
 
ul#teleproc li a, ul#teleproc li a:link, ul#teleproc li a:visited 
	{
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	width: 240px;
	color: #1672b8;
	padding: 5px;
	}
 
ul#teleproc li a:hover 
	{
	color: #870005;
	}
 
/* @end */
 
/* @group partenaires */
 
div#partners 
	{
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	}
 
/* @end */