/*
------------------------------------
	  ###CSS SYSTRA###
		Date :	28.02.06
		modif :  18.04.06
	   ##############
------------------------------------
*/

/*Positionnement général*/

html {height:100%}
html,body {margin:0;padding:0; border:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
body {text-align:center;/*min-width:756px;*/}
img {border:0;}
/*#vertical{position:absolute;top:50%;margin-top:-261px;left:0;width:100%;}*/
/*#hoz {width:756px;margin-left:auto;margin-right:auto;height:523px;}*/
#contain {width:756px; border:1px solid #ddd; text-align:left; position:relative;margin-left:auto;margin-right:auto; margin-bottom:auto; margin-top:auto;}
#vertical {position:absolute;margin-top:30px;left:0;width:100%;}
#hoz{width:756px;margin-left:auto;margin-right:auto;height:523px;}

/*pages*/
#verticalP {position:absolute;margin-top:30px;left:0;width:100%;}
#hozP {width:756px;margin-left:auto;margin-right:auto;height:523px;}

/*Styles communs à toutes les pages*/
a:link {color:#205B7D;}
a:hover {color:#FF6702;}
a:visited {color:#526D7D;}
address {font-style: normal;margin-left: 40px;}
address:first-line {	font-weight: bold;}

/*Blocs communs à toutes les pages*/
/*
------------------------------------
	HEADER
------------------------------------
*/
#header {border-bottom:1px solid #dde7e9; background:#fff; height:185px; color:#FF6702;}
#header a {color:#215E7D; background:#fff; text-decoration:none; font-weight:bold;}
#header a:hover {color:#FF6702; background:#fff; text-decoration:underline;}
#menu-h input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #ddd; width:80px;}
#menu-h {float:right; margin-bottom:13px; margin-top:0px; margin-right:8px;}
div#baseLine {text-align:center; margin-bottom:8px; margin-top:1px; font-size:12px;}
#home {width:46px ; height:43px; position:relative; border:0; display:block; background:transparent;}

/*
------------------------------------
	BLOC GAUCHE
------------------------------------
*/
#gauche {width:168px; float:left; left:0; margin-top:18px;}
#gauche h3 {background:#215a7a url('../img/menu-br.gif') no-repeat right; color:#fff; font-weight:normal; padding:1px; padding-right:18px; font-size:9px;
border-bottom:8px; display:inline; padding-left:5px;}

/*
------------------------------------
	MENU GAUCHE
------------------------------------
*/
.click-menu {width: 155px;font-size:10px;}
.click-menu .box1 {background: #205B7D url('../img/menu-br.gif') repeat-y right; color: #fff;font-weight: bold; font-size: 10px; padding: 2px 4px;
    cursor: default;position: relative; margin-bottom:8px;}
.click-menu .box1-hover {background: #014C6A url('../img/menu-br.gif') repeat-y right; color: #ddd;font-weight: bold;
    padding: 2px 4px;margin-bottom:8px;cursor: default;position: relative;}
.click-menu .box1-open {background-color: #FF6801; color: #fff;
    font-weight: bold;padding: 2px 4px; border-width: 1px; cursor: default;position: relative; }
.click-menu .box1-open-hover {background-color: #113344; color: #CCEEEB; font-weight: bold; padding: 2px 4px;
   cursor: default; position: relative;}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute; top: 6px; right: 6px;}
.click-menu .section {background-color: #fff;line-height: 15px;
    padding: 5px 5px 6px 5px; display: none; }
.click-menu .section a {color:#124a60;text-decoration: none;  }
.click-menu .section a:hover {color:#124a60; text-decoration:none;}
.click-menu .box2 a {display:inline;}
.click-menu .box2-hover {background: #ffce94; color:#124a60;}
.click-menu .box1 a:link {background: #205B7D url('../img/menu-br.gif') repeat-y right; color: #fff;font-weight: bold; font-size: 10px; padding: 2px 4px;
    cursor: default;position: relative; margin-bottom:8px;text-decoration:none; }
.click-menu .box1 a:hover {	color: #fff;text-decoration:none;}
.click-menu .box1 a:visited {color: #fff; text-decoration:none;}
#click-menu1 .section2 {background: #205B7D url('../img/menu-br.gif') repeat-y right; color: #fff;font-weight: bold; font-size: 10px; padding: 2px 4px;
    cursor: default; margin-bottom:8px;text-decoration:none; width:73px;}

.section2 a {text-decoration: none; white-space: nowrap;background: #205B7D; color: #fff;}
.section2 a:visited {color:#FFF;}
.section2 a:hover {color: #CCEEEB; text-decoration: none;white-space: nowrap;}*

 /*
------------------------------------
	FOOTER
------------------------------------
*/
#footer{  width:450px; clear:both;}

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

/*Blocs spécifiques*/
 /*
------------------------------------
	HOMEPAGE
------------------------------------
*/
#milieu{ float:left; margin-left:0px; margin-top:18px; text-align:center; padding-right:5px; 
width:262px; border-left:1px solid #ddd;}

#milieu h1{ font-size:16px; color:#FF6633; background:#fff; border:0; margin:0; padding:0; margin-bottom:5px; text-align:left; padding-left:12px;}
#milieu h2{ font-size:12px; color:#01638B; background:#fff; border:0; margin:0; padding:0; margin-bottom:5px; text-align:left; padding-left:12px;}
#milieu p img { border:1px solid #0d5b82;}
#milieu p{width:220px; text-align:justify; margin-left:18px; margin-right:18px;}

/*bloc droite*/
#droite{float:right; margin-top:5px; width:200px;  margin-bottom:25px; margin-right:90px; border-left:1px solid #ddd; padding-left:28px;}
* html #droite {margin-right:0; margin-top:15px;}
#droite h1{ text-align:right;}
#droite h2{font-size:11px;margin-top:8px;padding-bottom:4px;border-bottom:4px; margin-bottom:4px; width:280px;}
#droite h2 a {color:#FF6633; background:#fff url('../img/fleche.gif') no-repeat 4px 0 ; text-decoration:none;padding-left:25px;}
#droite h2 a:hover{ text-decoration:underline;}
.texte{ width:280px; margin-top:0px; display:block;}
.date { font-size:9px; font-weight:normal; color:#333; background:#fff;}

 
/*
------------------------------------
	GABARIT ARTICLE
------------------------------------
*/

#gauchePage{width:148px; float:left; left:0; margin-top:18px;}
#imageHeader { color:#fff; background:transparent;}
#chemin { position:absolute; top:100px; left:215px; font-size:22px; font-weight:bold;}

#article{ float:right; width:530px; border-left:1px solid #ddd; margin-top:10px; padding-left:30px; font-size:11px;margin-right:20px;} 

#article p {margin-left:10px;}
#article ul {margin-right:20px;}
#article h1 {background:#FF6633 url('../img/elem-gris.jpg') repeat-x right; font-size:14px; color:#fff; }
.titreArticle {color:#fff; background:#00a5b5 url('../img/h3bk.gif') no-repeat left; padding:2px; margin-top:15px; display:block; font-weight:bold; padding-left:8px;
margin-bottom:25px; font-size:15px; padding-left:35px;}
#article h3.chapo{color:#006b7b; background:#fff; font-size:12px; margin-right:5px; border-left:1px #8a76a1 dotted; padding-left:8px;}
#article h2 a {color:#3A7999; background:#fff; font-size:12px;}
#article h3 {background:#fff url('../img/titrebk.gif') no-repeat 0% 8%;  color:#ff6300; font-size:11px; font-weight:bold; padding-left:32px; clear:left;}
#tool { margin-bottom:8px; margin-top:50px; bottom:29px; text-align:right;}
.marge {clear:both;}
#article li.sommaire { font-size:11px; list-style-type:decimal; color:#FF6300; background:#fff;}
#article li.sommaire a { text-decoration:none; color:#205B7D; background:#fff;}
#article li.sommaire a:hover { background:#E6EFF2;}

#path {margin: 0 0 25px 0; font-size:10px; color:#014c6a;}
#path a:link {color:#555; background: #fff;text-decoration:underline;}
#path a:visited {color:#555; background: #fff;text-decoration:underline;}
#path a:hover {color:#014c6a; background: #fff;text-decoration:underline;}

#article input{font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #95A4AB; font-size:11px;line-height:17px;height:17px;width:191px;margin-top:3px;}
#article textarea{width:257px;margin-top:3px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; padding:1px;border:1px solid #95A4AB;}
#article .spip_bouton { background:#00A5B5; color:#fff; text-transform:uppercase; border:1px solid #01638B; }

#article .spip_logos {margin: 0 0 15px 15px; /*float:right;*/}


/*
.infobulle {float: right;width:158px;border :solid 1px #69519E;clear:right;margin:0 0 15px 15px;}
.infobulle h4 {background: #817DAB;color: #fff;text-align:center;margin:0;padding: 5px;font-size: 11px;}
.infobulle ul {width: 100%;margin:0;padding:0;list-style:none;margin: 5px 0;}
.infobulle li {color: #FF9900;font-weight: bold;border-bottom: solid 1px #A8A651;margin-left:3px;margin-right:1px;
background: url('../img/puce-ronde.gif') no-repeat 1px 9px;padding-left: 14px;}
.infobulle li.dernier {border-bottom:0;}
.infobulle li a {display: block;width: 100%;color: #8A8484;text-decoration: none;padding: 4px 0;}
.infobulle li a:hover {color:#FF6702;} */

#article .infobulle ul {margin-right:0;}
.infobulle {float:right;width:140px;border :solid 1px #69519E;clear:both;margin:0 0 15px 15px;}
/* htm .infobulle{zoom:1;}*/
.infobulle h4 {background: #817DAB;color: #fff;text-align:center;margin:0;padding: 3px;font-size: 10px;}
.infobulle ul {width: 100%;margin:0;padding:0;list-style:none;margin: 5px 0;}
.infobulle li {color: #FF9900;font-weight: normal;border-bottom: solid 1px #DBD969;margin-left:2px;margin-right:2px;
background: url('../img/puce-ronde.gif') no-repeat 1px 9px;padding-left: 14px;}
.infobulle li.dernier {border-bottom:0;}
.infobulle li a {display: block;width: 100%;color: #8A8484;text-decoration: none;padding: 2px 0;}
.infobulle li a:hover {color:#FF6702;}

.voiraussi {border :solid 1px #69519E;clear:right;margin:2em 0 0 0;}
.voiraussi h4 {background: #817DAB;color: #fff;margin:0;padding: 5px 15px;font-size: 11px;}
.voiraussi ul {width: 100%;margin:0;padding:0;list-style:none;margin: 5px 0;}
.voiraussi li {color: #FF9900;font-weight: bold;border-bottom: dashed 1px #A8A651;margin-left:3px;margin-right:1px;
background: url('../img/puce-ronde.gif') no-repeat 1px 9px;padding-left: 14px;}
.voiraussi li.dernier {border-bottom:0;}
.voiraussi li a {display: block;width: 100%;color: #8A8484;text-decoration: none;padding: 4px 0;}
.voiraussi li a:hover {color:#FF6702;}
.voiraussi li a:visited {color:#526D7D;}

.documents ul{list-style:none;margin:0;padding:0;}
.documents li {clear:left;}
.documents img {margin:0;padding:0;float:left;}

/*
------------------------------------
	GABARIT RUBRIQUE
------------------------------------
*/
#rub{ float:right; width:530px; border-left:1px solid #ddd; margin-top:10px; padding-left:40px; font-size:11px;} 
#rub p{margin-left:10px; margin-right:20px; /*width:480px;*/ }
#rub p.chapoRub { margin-bottom:25px; background:#fff; color:#3a7999; font-weight:bold;}
#rub p img {border:0}
#rub ul {margin-right:20px;}
#rub h1 {font-size:15px; background:#fff ;padding-left:6px; color:#ff6801; display:inline; padding-right:42px; 
border-bottom:2px solid #ff6801; border-left:12px solid #ff6801; margin-bottom:1000px;}
#rub h2 {background:#0d9cde; color:#fff; font-size:14px; margin-right:20px;padding:2px 10px; /*width:92%;*/ font-weight:bold; border-right:10px solid #89cbea; clear:both;}
#rub h2 a { color:#fff; text-decoration:none;}
#rub h2 a:hover { text-decoration:none;}
#rub .spip_logos {float:right; margin-bottom:15px; margin-left:10px;margin-right:20px;}
#rub h3{ background:#fff url('../img/titrebk.gif') no-repeat 0% 8%;  color:#ff6300; font-size:11px; font-weight:bold; padding-left:32px;margin:0;}
#rub p a { text-decoration:none; background:#fff; color:#ff6300;}

.espace {margin-bottom:20px;}

#rub h4 { display:inline;}
#rub h4.actu a.actu {color:#ff6700; font-size:12px; background:#fff url('../img/puce-actu.gif') no-repeat 0% 8%; text-decoration:none; padding-left:22px; }
#rub h4.actu a.actu:hover { text-decoration:underline;}
#rub small { font-size:9px; color:#9e9d9a;}
.trait {  width:100%; height:1px; margin-bottom:15px; margin-top:10px;}

.mois { text-align:right; font-size:18px; color:#0D5B82; padding-right:8px; margin-bottom:10px; background:#F2F8FB; border-right:1px solid #AAC4D1;
border-top:1px solid #AAC4D1; }
* html .mois{width:111%}
.annee { background:#fff;color:#0D5B82; font-weight:bold; }
 
/*
------------------------------------
	GABARIT PLAN DU SITE
------------------------------------
*/
#plan{ float:right; width:530px; border-left:1px solid #ddd; margin-top:10px; padding-left:40px; font-size:11px;} 
#plan p{margin-left:10px; margin-right:20px; width:480px; }
#plan  h2{ color:#fff; background:#00a5b5 url('../img/h3bk.gif') no-repeat left; padding:2px; margin-top:15px; display:block; font-weight:bold; padding-left:8px;
margin-bottom:25px; font-size:15px; padding-left:35px; }
#plan h3{ background:#fff url('../img/titrebk.gif') no-repeat 0% 8%;  color:#ff6300; font-size:13px; font-weight:bold; padding-left:32px;}
#plan h3 a { color:#ff6801; background:#fff; text-decoration:none; border-bottom:1px dotted #ff6801;}
#plan h3 a:hover { color:#ff6801; background:#f8f2ee;}
#plan h4 {margin-left:25px; font-size:12px; background:#fff url('../img/puce-bleue.gif') no-repeat left; padding-left:15px;}
#plan h4 a{ text-decoration:none; color:#205b7d; background:#fff;}
#plan ul { margin-left:35px; list-style-image:url('../img/puce2.gif');}
#plan li a { background:#fff; color:#124a60; text-decoration:none; }
#plan li a:hover { text-decoration:underline;}


/*
------------------------------------
	STYLES SPIP COMMUN
------------------------------------
*/
 /*h3 .spip{ font-size:12px ;  color:#ff6300; }*/
 
 p.spip { padding:0; margin-bottom:7px; margin-top:7px;}

 .spip_out{background:#fff; color:#50538c; font-weight:bold; margin-left:5px;}
 a.spip_out{background:#fff url('../img/liens.gif') no-repeat left bottom; color:#50538c; font-weight:bold; text-decoration:underline; padding-left:25px;}

.spip_puce {list-style-position: inside;border-width: 0px; list-style-image:url('../img/puce-orange.gif');}
.spip_documents{font-family: Verdana,Arial,Helvetica,sans-serif;font-size : 10px;	color:#333; margin-bottom:20px;}

.spip {list-style-image:url('../img/puce-orange.gif'); padding-bottom:5px;}

ul.spip ul.spip {margin-top:5px;}
ul.spip ul.spip li {list-style-image:url('../img/puce.gif');}

.spip_logos {margin:0;padding:0;border:0;}

.spip_documents_center{float:none;display:block;width:100%;text-align:center; margin-bottom:8px; clear:both;margin:0 auto;clear:both;}
.spip_documents_left{	float: left;	margin-right: 15px; margin-bottom:8px;text-align: center; margin-top:10px;}
* html .spip_documents_left{	float: left;	margin-right: 15px; margin-bottom:8px;text-align: center;margin-top:0;}
.spip_documents_right{float: right;margin-left: 15px; margin-bottom:8px;	text-align: center;}

.spip_doc_titre { text-align:center; margin:0 auto;}
.spip_documents{ float:left;}

blockquote.spip {padding: 0 0.4em;color:#00445F;border-left:solid 2px #00A5B5;margin: 1.5em 0;line-height:14px;}

/*Tableaux*/
table.spip {border: 1px solid #9491b0;	border-collapse:collapse;	margin: 0 auto 20px auto; color:#ff6300; width:80%;}
table.spip caption{	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;	margin-left: auto;margin-right: auto;padding: 5px;font-weight: bold;font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 12px;	color:#205B7D;margin-top: 30px;}

table.spip tr.row_first, table.spip tr.row_first:hover {background-color: #76A6BB;}
table.spip tr.row_odd {	background-color:#ffffff ;}
table.spip tr.row_even {background-color: #e8e7ee;}
table.spip tr:hover, table.spip tr:hover {background-color: #b3b1c1; color:#fff;}
table.spip td {padding: 7px;text-align: left;vertical-align: middle;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
table.spip th {padding: 7px;	text-align: left;vertical-align: middle; background:#9491b0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold;color:#fff;}
	
/*
------------------------------------
	FORMULAIRES
------------------------------------
*/
#form{ float:right; width:530px;  margin-top:10px; padding-left:40px; font-size:11px;} 
#form h3 { color:#3c505b; background:#fff; font-size:15px; font-weight:bold; border-bottom:1px solid #ddd; padding-top:8px;}
#form p, #form .texte {margin-bottom:1em;margin-left:0;}
#form legend {background:url('../img/titrebk.gif') no-repeat 0% 8% #fff; color:#ff6300; font-size:11px; font-weight:bold; padding-left:32px; /*clear:both;*/}
#form fieldset {border:0;}
#form label{font-size:12px;text-align:right;vertical-align:top;float:left;width:171px; margin-top:3px;margin-right:5px;}
#form input{font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #95A4AB; font-size:11px;line-height:17px;height:17px;width:191px;margin-top:3px;}
#form select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; width:194px;margin-top:3px;}
#form .txt{text-align:left;position:static;width:auto;margin-left:88px;margin-top:15px;}
#form .boutons{text-align:center;}
#form .boutonvalider { width:75px; background:#00A5B5; color:#fff; text-transform:uppercase; border:1px solid #01638B; margin-left:357px;} 
#form .boutonenvoyer { background:#00A5B5; color:#fff; text-transform:uppercase; border:1px solid #01638B; margin-left:185px;margin-bottom:2em;cursor:pointer;height:20px;} 
#form .boutonajouter { background:#00A5B5; color:#fff; text-transform:uppercase; border:1px solid #01638B;cursor:pointer;height:20px;width:80px;} 
#form select.form1{margin-left:176px;}
* html #form select.form1{margin-left:179px;}
#form .boutonretirer{background:#00A5B5; color:#fff; text-transform:uppercase; border:1px solid #01638B;cursor:pointer;height:20px;width:80px;margin-left:176px;}
* html #form .boutonretirer{background:#00A5B5; color:#fff; text-transform:uppercase; border:1px solid #01638B;cursor:pointer;height:20px;width:80px;margin-left:179px;}
#form span.notes{display:block;margin-left:179px;margin-top:5px;}
#form .cv { border:1px solid #95A4AB; font-size:11px;}
#form .red{color:#D71920;font-weight:normal;}
#form .label {font-size:small;text-align:right;vertical-align:middle; float:none; }
#form textarea{width:257px;margin-top:3px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; padding:1px;border:1px solid #95A4AB;}
#form .choix { margin-left:170px; margin-bottom:15px; margin-top:2px; background:#CFE4E6; width:200px; font-size:10px;}
#form .choix ul {  margin:0;}
#form .choix li {}
#form .info { margin-left:170px; margin-bottom:15px; margin-top:2px; color:#CCCCCC; width:200px; font-size:10px;}
#form .ON {border:1px solid #00A5B5;} 
#form .OFF{border:1px solid #95A4AB;} 
#form .ERREUR { border:1px solid #ff0000;}
#form .overInfo { color:#000;}
#form .champs { text-align:right; margin-right:5px; font-size:10px; color:#666666; background:#fff;}
#form .reponse_formulaire {margin-bottom: 2em;}

input.invalid, textarea.invalid {background-color: #FC9B9B;border: 0.1em;border-color: #BB0000 !important;border-style: solid;margin: 0.1em !important;}
input.invalid:focus, textarea.invalid:focus {background-color: #FC9B9B;border: 0.2em;border-color: #BB0000 !important;border-style: solid;margin: 0 !important;}
#form input:focus, #form textarea:focus, #form select:focus{background:#CFE4E6;border:1px;border-color: #4A9AA2;border-style: solid;}

#menu-h input.bouton { background:#fff; border:0; color:#0D5B82; font-weight:bold; width:75px;}
p.alerte{color:red;}

/*
------------------------------------
	GABARIT DOCUMENTS
------------------------------------
*/
.doc { background:url('../img/doc.gif') no-repeat top left; padding-left:19px; height:20px; margin-bottom:0;}
.typedoc { color:#999999; font-size:9px;}
.docdesc { margin-top:3px; padding-left:20px; margin-bottom:28px;}
h4.docu { font-size:11px;}