/* Mise en page CSS du site pour screen */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;margin: 0px;padding: 0px;background:#f4ae1e;}

img {border: 0 none; }

h1 {}
h2 {}
.contenu  h3 {
	font-size:1em;
}
h4 {}
div {background-color:transparent}
p {text-align: left;}
strong {}
a:link, a:active, a:visited  {text-decoration: none;}
a:hover {text-decoration: underline;}
li, ul, li, dd {list-style-type: none;}
abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
.rss{margin:5px 0 3px;}


/* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */

div#container_global{background:url(../images/header-bg.gif) top left repeat-x;}

div#container {background:#FFFFFF;}

/* -------------------------------------------------------- Header -----------------------------------------------------------------*/
div#header {
	margin:0 auto;padding:0;
	height: 116px;width:955px;
}

/* ------------------------------------------------------- Main nav ----------------------------------------------------------------*/
div#navigation {height:23px;width:955px;background-color:#f4ad1c;margin:0px 10px 0px 0px; padding-top:12px }

div#mainnav {width:657px; float:left;}
div#mainnav dl {display:inline; }
div#mainnav dt {color:#5c5854; display:inline;  font-size: .75em; }
div#mainnav dt a {color:#5c5854; border-left: solid 1px #DF9800;  padding:0px 4px 0px 4px; }
div#mainnav dt a:hover{ color:#FFFFFF; text-decoration:none;}
div#mainnav dt a.actif1{color:#ed1e83; text-decoration:none;}

div#mainnav dt a.actif2{color:#FFFFFF; text-decoration:none; background:#ed1e83; padding:3px 7px 3px 7px;}


div#mainnav dd { display:block; width:200px; font-size: .75em; padding:0px; color:#5C5854; border-top: #FFFFFF 1px solid; }
div#mainnav dd a{ display:block;background:#eeeeee;text-decoration:none; color:#5C5854;padding:5px;}
div#mainnav dd a:hover{background-color:#ed1e83;text-decoration:none; color:#FFFFFF;}


/* ------------------------------------------------------- Metanav ----------------------------------------------------------------*/
div#metanav {float:right; width: 270px; margin-left: 20px; }
div#metanav ul{display:inline;}
div#metanav ul li {display:inline; color:#FFFFFF; font-size: .7em; list-style: none;}
div#metanav ul li a {float:left; display:block; padding-left:20px; padding-top: 3px; margin-right:5px;}
div#metanav ul li a:hover {color:#ed1e83;}
div#metanav ul li a.plan{background:url(../images/plandusite.gif) top left no-repeat;}
div#metanav ul li a.contact{ background:url(../images/mail.gif) top left no-repeat; }
div#metanav ul li a.prive{ background:url(../images/prive.gif) top left no-repeat;}
div#metanav li img{}
div#metanav li a {color:#FFFFFF;text-decoration: none;}
div#metanav li a:hover {color: #5c5854;font-weight:normal;}
/* -------------------------------------------------------- Logo -----------------------------------------------------------------*/
div#logo {height: 78px; float:left; background:#FFFFFF; width:666px; margin-top:20px;}
div#logo h1,{}
div#logo a { background:transparent url(../images/logo-home.jpg) left bottom no-repeat;height:57x; display:block;overflow:hidden;width:666px; text-indent: -9000em;}
div#logo a:hover {background:transparent url(../images/logo-retour-home.jpg) left bottom no-repeat;}

/* ------------------------------------------------------- Breadcrumb ----------------------------------------------------------------*/
div#container_int #col-centrale #ariane {width:500px; font-size: 0.8em;text-align:left; float:left; margin-bottom:4px;display:inline; color:#D5D4D2 }
div#container_int #col-centrale #ariane a{text-decoration: none; color:#D5D4D2;padding:0px 5px 0px 5px;}
div#container_int #col-centrale #ariane a:hover{text-decoration: none; color:#ed1e83;}

/* --------------------------------------------------------- Content ------------------------------------------------------------------*/
div#contenu {
	clear:left;
	position:relative;
	margin:0 auto;
	width: 955px;
	font-size: .9em;
}
#col-centrale div#contenu {width:auto;}

div#contenu #col-gauche { height:500px; width:666px; float:left; background:#FFFFFF;}

div#contenu #col-gauche #description{ background:#006600;}
div#contenu #col-gauche #description h2{ }
div#contenu #col-gauche #description img a {}
div#contenu #col-gauche #description img a:hover{}
div#contenu #col-gauche #description p{}

div#contenu #col-gauche #theme ul {}
div#contenu #col-gauche #theme ul li {}
div#contenu #col-gauche #theme ul li a {}
div#contenu #col-gauche #theme ul li a:hover {}
div#contenu #col-gauche #theme ul li a.actif{}


div#contenu #col-gauche #zoom-sur {
	width:666px;height:205px;
	margin-top:46px;
}
div#contenu #col-gauche #zoom-sur .knowMore {
	margin-left:492px;
	font-weight:bold;font-size:1em;
}

div#contenu #col-gauche #zoom-sur h2{ font-size:1em; color:#737373; }
div#contenu #col-gauche #zoom-sur h3{font-size:0.9em; color:#ed1e83; margin-top:2px;}
div#contenu #col-gauche #zoom-sur p{ font-size:0.8em; color:#737373; margin-bottom:10px; margin-top:10px;}
div#contenu #col-gauche #zoom-sur a{ font-size:0.8em; color:#ed1e83; }
div#contenu #col-gauche #zoom-sur a:hover{color:#ed1e83; text-decoration:underline; }
div#contenu #col-gauche div#zoom-sur #zoom1{ width:210px; float:left; padding-right: 15px; border-right:solid 1px #e1dedc;}
div#contenu #col-gauche div#comments{ background:url(../images/bulle.gif) top left no-repeat; float:left; margin-top:5px; padding-bottom:5px;} 
div#contenu #col-gauche div#ecrire{background:url(../images/crayon.gif) top left no-repeat;float:left; margin-top:5px; padding-bottom:5px;}

div#contenu #col-gauche div#zoom-sur #zoom1 #comments a, div#contenu #col-gauche div#zoom-sur #zoom1 #ecrire a{color:#737373; padding-left:18px; margin-right:5px;font-size:0.7em;  }
div#contenu #col-gauche div#zoom-sur #zoom1 #comments a:hover, div#contenu #col-gauche div#zoom-sur #zoom1 #ecrire a:hover{color:#ed1e83;text-decoration:none; }

div#contenu #col-gauche div#zoom-sur #zoom2{width:220px;float:left; margin:0px 0px 0px 20px; }
div#contenu #col-gauche div#zoom-sur #zoom2, div#comments{ background:url(images/bulle.gif) top left no-repeat; float:left;}
div#contenu #col-gauche div#zoom-sur #zoom2, div#ecrire{ /*background:url(images/crayon.gif) top left no-repeat; */float:left;  }

div#contenu #col-gauche div#zoom-sur #zoom2 #comments a, div#contenu #col-gauche div#zoom-sur #zoom2 #ecrire a{color:#737373; margin-right:5px; padding-left:18px;font-size:0.7em;  }
div#contenu #col-gauche div#zoom-sur #zoom2 #comments a:hover, div#contenu #col-gauche div#zoom-sur #zoom2 #ecrire a:hover{color:#ed1e83; text-decoration:none;}

div#contenu #col-gauche #agenda{float:right; margin-left:0px; }

div#contenu #col-droite {
	position:relative;
	float: right;
	margin-top:-78px;margin-left:20px;
	height:auto;width:250px;
}

div#intro-search {
	padding-top:4px;
	width:243px;height:78px;
	background:transparent url(../images/carte_ra.gif) no-repeat scroll left 22px;
}
div#intro-search h3{ margin-bottom:15px;}
div#intro-search p {font-size: 0.75em; float:right;}

div#intro-search p a{color:#545351;}
div#intro-search p a:hover{color:#3c82c4;}
div#intro-search a strong{font-size:bold;}

div#search {width:251px;}
div#search fieldset{border:none;}
div#search label {visibility:hidden;}
div#search input[type=text] {font-size:0.7em;}
div#search input.chps {width:175px; border: 1px solid #CCCCCC; padding:5px 0 3px 5px;}
div#search input[type=submit] {font-size:0.7em; color:#FFFFFF; padding:0px 0px 0px 0px;  }
div#search input.go { background-color:#3c82c4;height:21px;width:51px; border:none; cursor:pointer; color:#FFFFFF; font-size:0.75em;}
div#search a{text-decoration:none; color:#545351;margin-top:5px; font-size:0.8em;}
div#search a:hover{color:#3c82c4; text-decoration:underline; }


#col-droite #tags {color:#258ECB; font-size: 0.8em; float:left; width:243px;}
div#container_int #col-droite #search #tags {width:172px; }
#col-droite #tags ul li{display:block;float:left; padding:0; margin:0;}
#col-droite #tags ul li a {white-space:nowrap;}
#col-droite #tags ul li a, div#container_int #col-droite #search #tags ul li a {padding-left:5px;color:#258ECB; }
#col-droite #tags ul li a:hover, div#container_int #col-droite #search #tags ul li a:hover {text-decoration:none; color: #737373;}
#col-droite #tags ul li a.keyword_1, div#container_int #col-droite #search #tags ul li a.keyword_1 { font-size: 0.9em;line-height:1.7em; }
#col-droite #tags ul li a.keyword_2, div#container_int #col-droite #search #tags ul li a.keyword_2{ font-size: 1.1em; font-weight:bold; }
#col-droite #tags ul li a.keyword_3, div#container_int #col-droite #search #tags ul li a.keyword_3{ font-size: 1.2em; font-weight:bold; }

div#contenu #col-droite #actualite{font-size: .8em; float:left; margin-top:33px;width:243px;}
div#contenu #col-droite #actualite h3{}

div#contenu #col-droite #actualite dl dt{font-size: 1.1em; font-weight:bold; background:#3c82c4; margin:2px 5px 2px 0px; padding:4px; color:#FFFFFF;}
div#contenu #col-droite #actualite dl dt a.accordeon{font-size: 0.9em;color: #FFFFFF;}
div#contenu #col-droite #actualite dl dt a.accordeon:hover{text-decoration:underline;}

div#contenu #col-droite #actualite dl dt a{ text-decoration:none;}

div#contenu #col-droite #actualite dd {margin:2px 5px 2px 0px; font-size: 1.1em;color:#545351; background: #FFFFFF;  height:auto; }
div#contenu #col-droite #actualite dd ul li {margin:2px 0px 2px 0;padding:4px;list-style:none; }
div#contenu #col-droite #actualite dd {font-size: 1.1em;color:#545351; background: #FFFFFF;  height:auto; }
div#contenu #col-droite #actualite dd ul li.gris {color:#545351; background:#f5f4f1; }
div#contenu #col-droite #actualite dd ul li a{text-decoration:none; color:#545351;}
div#contenu #col-droite #actualite dd ul li a:hover{text-decoration:none; color:#3c82c4;}
div#contenu #col-droite #actualite dd u li.gris a:hover{text-decoration:none; color:#3c82c4; }

div#contenu #col-droite #actualite{font-size: .8em; float:left; margin-top:14px;width:243px;}
div#contenu #col-droite #actualite a{color:#545351;}
div#contenu #col-droite #actualite a.underline:hover {color:#3c82c4; text-decoration:underline;margin-top:5px;}

div#contenu #col-droite #cahier h3{}
div#contenu #col-droite #cahier{font-size: .8em; float:left; margin-top:17px; width:243px;}
div#contenu #col-droite #cahier dl dt{font-size: 1.1em; font-weight:bold; background:#f5f4f1; margin:2px 5px 2px 0px; padding: 4px; color:#3C82C4;}
div#contenu #col-droite #cahier dl dt a{text-decoration:none; color:#545351; font-weight:normal; font-size:0.9em;}
div#contenu #col-droite #cahier dl dt a.underline:hover {color:#3c82c4; text-decoration:underline;margin-top:5px;}
div#contenu #col-droite #cahier a{text-decoration:none; color:#545351; font-weight:normal;}
div#contenu #col-droite #cahier a.underline:hover {color:#3c82c4; text-decoration:underline;margin-top:5px;}

/* --------------------------------------------------------- Container_int ------------------------------------------------------------------*/
div#container_int {
	position:relative;
	background:#FFF;
}

div#container_int #content {width: 955px;font-size: .9em;margin:0 auto; background:url(../images/fd_bg_col-gauche.gif) top left repeat-y;}

div#container_int #col-gauche  {width:161px; height:auto; float:left; clear:both;}
div#container_int #col-gauche #nav_int {width:146px;}
div#container_int #col-gauche #nav_int ul{ margin-top:10px;}
div#container_int #col-gauche #nav_int ul li {font-size: 0.85em; list-style: none; }
div#container_int #col-gauche #nav_int ul li a {
	float:left;
	padding:6px 5px 6px 5px;
	color:#54595c;
}
div#container_int #col-gauche #nav_int ul li a:hover {color:#ed1e83; text-decoration:none;}
div#container_int #col-gauche #nav_int ul li a.actif {color:#FFFFFF; background: #ed1e83 url(../images/fleche_nav_int.gif) top left no-repeat ; height: auto; width:122px; padding: 5px 30px 5px 5px;}

div#content-previsu { position:relative; height:85px; margin-left:-11px; }
div#content-previsu fieldset { width:485px; }


div#container_int #col-centrale { width:590px; height:auto; float:left; margin:10px 3px 16px;}
div#container_int #col-centrale .contenu {
	float:left;
	width:570px;
	margin-top:40px;
}
div#container_int #col-centrale .contenu h4 {font-size:1.4em; color:#ED1E83;margin:10px 10px 5px 0;}
div#container_int #col-centrale .contenu h5 {font-size:1.1em; color:#54595c;margin:10px 10px 10px 0;}
div#container_int #col-centrale .contenu h6 {font-size:1em; color:#ED1E83;margin:0px 10px 5px 0; font-weight:normal;}

div#container_int #col-centrale .contenu ul{margin-bottom:15px;}
div#container_int #col-centrale .contenu ul li {background:url(../images/ico_article.gif) 0 3px no-repeat; padding-left:15px; list-style-type:none; line-height:1.5em;}

div#container_int #col-centrale .contenu .chapo {font-size:1.1em; color:#968576; border-left:3px solid #cccbcb; font-weight:bold; padding:0px 5px 0px 5px; line-height:normal;}
div#container_int #col-centrale .contenu p {font-size:1em; color:#54595c;margin:10px 10px 10px 0; line-height:1.4em;}
div#container_int #col-centrale .contenu p a, div#container_int #col-centrale .contenu ul li a { color:#8F8F8F; text-decoration:none; }
div#container_int #col-centrale .contenu p a:hover, div#container_int #col-centrale .contenu ul li a:hover { text-decoration:underline;  }
div#container_int #col-centrale .contenu h5 a { color:#54595c; }

div#container_int #col-centrale .echanges {
	position:relative;
	float:left;
	width:502px;height:auto;
	padding:5px 0;margin:15px 15px 0 40px;border-bottom:solid 1px #D5D4D2;border-top:solid 1px #D5D4D2;
	color:#ED1E83;
} 
div#container_int #col-centrale .echanges p {font-size:0.85em; color: #ED1E83;margin:5px 0;}
div#container_int #col-centrale .echanges p a {color:#54595c;}
div#container_int #col-centrale .echanges p a:hover {color: #ED1E83; text-decoration:underline;}
div#container_int #col-centrale .echanges p a.doc {color:#54595c; background:url(../images/ico_fichier.gif) top left no-repeat; padding-left:15px;}
div#container_int #col-centrale .echanges p a.doc:hover {color: #ED1E83; text-decoration:underline;}


div#container_int #col-centrale .echanges .comments{ background:url(../images/bulle.gif) top left no-repeat; float:left; margin-top:5px; padding-bottom:5px;} 
div#container_int #col-centrale .echanges .ecrire{background:url(../images/crayon.gif) top left no-repeat;float:left; margin-top:5px; padding-bottom:5px;}
div#container_int #col-centrale .echanges .comments a, div#container_int #col-centrale .echanges .ecrire a{color:#737373; padding-left:18px; margin-right:5px;font-size:0.7em; }
div#container_int #col-centrale .echanges .comments a:hover, div#container_int #col-centrale .echanges .ecrire a:hover, div#container_int #col-centrale .echanges .comments a.actif, div#container_int #col-centrale .echanges .ecrire a.actif{color:#ed1e83;text-decoration:none; }
div#container_int #col-centrale .echanges .comments a.rep_comment, div#container_int #col-centrale .echanges .ecrire a.rep_comment { color:#C5BBB8; padding:0 0 0 15px; }

div#container_int #col-centrale #reunion{ width:502px; height:auto ; margin:10px 15px 0 40px;} 
div#container_int #col-centrale #reunion h5{ font-size:1.1em; color:#54595c;margin:10px 10px 10px 0;}

div#container_int #col-centrale #reunion div.date{ float:left; width:243px; height:auto; margin-right:8px; }
div#container_int #col-centrale #reunion div.date div.numero{width:30px; height:70px; float:left; background:#ED1E83; text-align:center; font-size:1.5em; color:#FFFFFF; padding-top:20px; padding-right:0px;}  
div#container_int #col-centrale #reunion div.date div#detail{background:#F5F4F1 none repeat scroll 0 0;float:left;height:78px;width:196px; padding: 7px 7px 5px 10px}
div#container_int #col-centrale #reunion div.date div#detail p{font-size:0.85em;color:61605f; margin-top:3px;}
p.titre{font-size:0.85em; color: #ED1E83; font-weight:bold;}
div#container_int #col-centrale #echanges p.titre a {color: #ED1E83; }
div#container_int #col-centrale #reunion p.soumettre{ clear:both;font-size:0.85em;color:61605f;padding:8px 5px; }
div#container_int #col-centrale #reunion p a{color:#ED1E83; }
div#container_int #col-centrale #reunion p a:hover{color:#ED1E83; text-decoration: underline}

div#container_int #col-droite {
	position:relative;
	float:left;
	height:auto; width:177px;
	margin-top:-56px;
}

div#container_int #col-droite div#intro-search h3{ margin-bottom:0px;}


div#container_int #col-droite #search{ width:177px; margin-top:0px; margin-left:0;}
div#container_int #col-droite #search fieldset {
	width:172px; height:18px;
	border:0;
}
div#container_int #col-droite #search label {visibility:hidden;}
div#container_int #col-droite #search input[type=text] {font-size:0.7em;}
div#container_int #col-droite #search input.chps {
	float:left;
	width:120px;height: 16px;
	border: 1px solid #CCC;
	padding:2px 0 0 5px;margin-right:2px;
}
div#container_int #col-droite #search input[type=button] { margin-top:-36px; margin-right:-37px; font-size:0.7em; color:#FFFFFF; padding:0px 0px 2px 6px; }
div#container_int #col-droite #search input.go {
	float:left;
	width:40px;height:20px;
	border:0;
	background-color:#3c82c4;
	cursor:pointer;
}
div#container_int #col-droite #search a{text-decoration:none; color:#545351;margin-top:0px;}
div#container_int #col-droite #search a:hover{color:#3c82c4; text-decoration:underline; }


div#container_int #col-droite #actualite{font-size: .8em; float:left; margin-top:33px; width:177px;}
div#container_int #col-droite #actualite h3{}
div#container_int #col-droite #actualite dl dt {font-size: 1.1em; font-weight:bold; background:#3c82c4; margin:2px 5px 2px 0px; padding: 4px; color:#FFFFFF;}
div#container_int #col-droite #actualite dl dt a.accordeon{font-size: 0.9em;color: #FFFFFF;}
div#container_int #col-droite #actualite dl dt a.accordeon:hover{text-decoration:underline;}
div#container_int #col-droite #actualite dl dt a{ text-decoration:none;}
div#container_int #col-droite #actualite dd ul li {margin:1px 5px 1px 0px; padding: 4px;  list-style:none; }
div#container_int #col-droite #actualite dd {font-size: 1.1em;color:#545351; background: #FFFFFF;  height:auto; }
div#container_int #col-droite #actualite dd ul li.gris {color:#545351; background:#f5f4f1; }
div#container_int #col-droite #actualite dd ul li a{text-decoration:none; color:#545351;}
div#container_int #col-droite #actualite dd ul li a:hover{text-decoration:none; color:#3c82c4;}
div#container_int #col-droite #actualite dd u li.gris a:hover{text-decoration:none; color:#3c82c4; }
div#container_int #col-droite #actualite a{color:#545351;}
div#container_int #col-droite #actualite a.underline:hover {color:#3c82c4; text-decoration:underline;margin-top:5px;}

div#container_int #col-droite #cahier h3{border-bottom:solid 1px #CCCCCC; padding-bottom:5px;}
div#container_int #col-droite #cahier{font-size: .8em; float:left; margin-top:57px;width:177px;}
div#container_int #col-droite #cahier dl dt{font-size: 1.1em; font-weight:bold; margin:2px 5px 2px 0px; padding: 4px; color:#3C82C4;}
div#container_int #col-droite #cahier dl dt a{text-decoration:none; color:#545351; font-weight:normal; font-size:0.9em;}
div#container_int #col-droite #cahier dl dt a.underline:hover {color:#3c82c4; text-decoration:underline;margin-top:5px;}
div#container_int #col-droite #cahier a{text-decoration:none; color:#545351; font-weight:normal;}
div#container_int #col-droite #cahier a.underline:hover {color:#3c82c4; text-decoration:underline;margin-top:5px;}

div#container_int #col-droite #agenda{ float:left; margin-top:45px; width:177px; }



/* -------------------------------------------------------- Sub Nav -----------------------------------------------------------------*/

/*div#sous-nav h2 {width: auto; margin: 5px 0 0 0; background-color:#218BC7; color:#FFFFFF; text-transform:uppercase; font-size:.9em; padding: 3px}
div#sous-nav  {background-color:#F3F3F3;padding: 8px 7px 3px 7px; border: #E7E7E7 solid 1px}
div#sous-nav li {margin-bottom: 5px;font-size:.9em;}
div#sous-nav li a {background:transparent url(../images/puce-li.gif) left 4px no-repeat;color:#333333; padding-left:10px;}
div#sous-nav li.on {color:#FFFFFF;background-color:#218BC7; padding: 3px 1px 1px 1px; text-indent: 3px}
div#sous-nav li  { background-color:#FFFFFF; margin-top: 3px; border: 0px}
div#sous-nav li  li {margin-bottom: 5px; padding-right: 15px}
div#sous-nav li  li a {background:transparent url(../images/puce-fleche.gif) left 6px no-repeat;color:#333333; padding-left:12px;}
div#sous-nav li  li.on {color:#FFFFFF;background-color:#218BC7;  display:block; padding: 1px}



/* ------------------------------------------------------ Print and top ---------------------------------------------------------------*/

div#container_int #col-centrale #services {display:inline; margin:0;float:left; text-align:left; width:502px; }
div#container_int #col-centrale #services li{display:inline;list-style:none; }
div#container_int #col-centrale #services li a {font-size:.8em;color:#D5D4D2;text-decoration:none;border-right:solid 1px #D5D4D2; padding:0px 3px 0px 3px;}
div#container_int #col-centrale #services li a:hover{text-decoration:none; color:#f20588;}


/* -------------------------------------------------------- Footer -----------------------------------------------------------------*/
div#footer{}
div#footer-content{margin:0 auto;width:955px;}
div#footer #nav-footer{ }
div#footer #nav-footer ul{ font-size:0.75em; margin: 5px 0px 5px 0px; }
div#footer #nav-footer ul li{ display:inline; color:#545351; border-right: solid 1px #DF9800; padding-left:7px; padding-right:5px; margin:0px;}
div#footer #nav-footer ul li.entree{color:#ffffff; padding-left:0px}
div#footer #nav-footer ul li a{color:#545351;}
div#footer #nav-footer ul li a.actif{color:#ed1e83;}
div#footer #nav-footer ul li a:hover{text-decoration:none; color: #FFFFFF;}

div#footer #infos{font-size:0.7em;color:#ffffff; margin-top:20px;}
div#footer #infos a{color:#ffffff;border-left: solid 1px #FFFFFF; margin-left:2px;} 
div#footer #infos a:hover{color:#ed1e83; text-decoration:none; } 



/* ///////////////////////////////////////////////////// GESTION DES ROLL-OVER /////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////// GESTION DES STYLES ///////////////////////////////////////////////////// */

.txt {font-family: Arial, Helvetica, sans-serif;font-size: .7em;font-style: normal;font-weight: normal;color: #012537;}
.mentions {font-family: Arial, Helvetica, sans-serif;font-size: .8em;color: #666666;}

/* /////////////////////////////////////////////////////// GESTION DU FORMAIRE DE CONTACT ///////////////////////////////////////////////////// */

.legal {padding-left: 80px;}

/* /////////////////////////////////////////////////////// GESTION DU PLAN DU SITE ///////////////////////////////////////////////////// */

.plan_site , li {padding: 0px 0px 0px 0px;}

/* /////////////////////////////////////////////////////// SLIDER GALERIE ///////////////////////////////////////////////////// */

#diaporama {margin-top:10px; background-color:#FFFFFF;}
#diaporama .fl { float: left; display: inline; background-color:#E4E3E1 }
#diaporama.news_slider {clear:both;	position: relative;	width: 471px; overflow: hidden; }
#diaporama.news_slider .prev, #diaporama.news_slider .next { position: absolute; display: none; margin:0px; padding:0px; top:134px;  }
#diaporama.news_slider .prev { right: 20px;   }
#diaporama.news_slider .next { right: 5px;  }
#diaporama.news_slider .news_items {  width: 157px; overflow: hidden; left:30px; top:5px; height:110px; }
#diaporama.news_slider .news_items .view_all { display:none; }
#diaporama.news_slider .news_items .container { position: relative; top: 0; left: 0; }
#diaporama.news_slider .news_items .container .item { width:157px; padding:5px 0px 0px 0px; text-align:center; margin:0px 2px 0px 0px; overflow:hidden}
#diaporama.news_slider .news_items .container .actif { border-right: 0px;}
#diaporama.news_slider .news_items .container #article-vide { display:none; }
#diaporama.news_slider .news_items .container .item a { display:block; width:157px; height:105px; text-decoration:none; color:#9d0f0f; margin:0px 0px 0px 0px; }
#diaporama.news_slider .news_items .container .item a span { background-color:#ffffff; display:block; padding:3px 0px 0px 0px; font-weight:bold; }
#diaporama.news_slider img {padding:0px;}
#fonction_slide { height:16px; display:block; background-color:#E4E3E1; padding:2px 10px 0px 10px; margin:2px 0px 0px 0px;}
#fonction_slide span { cursor:pointer; color:#959492; font-size:0.8em; }
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #E4E3E1; padding: 5px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty { border: none; padding:10px; opacity: 0.9;  }
#tooltip.pretty div { text-align: left; }
#tooltip.pretty h3 { text-align: center; color:#1A81B9; font-size:0.8em; }

div#contenu #photogallery { margin:-30px 0 30px 0; float:left}
div#contenu #photogallery h2{ /*color:#258ECB;*/ font-size: .85em; /*border-bottom:#CCCCCC solid 1px; */text-transform:uppercase; padding-top: 3px; background-color:#258ECB; color:#FFFFFF; padding-left: 5px}
div#contenu #photogallery #pretty { color:#258ECB;}
div#contenu-int #col-centrale #diaporama h2{ display:none; visibility:hidden;}
div#contenu-int #col-centrale #diaporama.news_slider .prev, div#contenu-int #col-centrale #diaporama.news_slider .next { position: absolute; display: none; margin:0px; padding:0px; top:116px; z-index:9000}


/* /////////////////////////////////////////////////////// COMMENTAIRES ///////////////////////////////////////////////////// */

.myFieldset{height:445px;}
.myPrevisu{margin-bottom:10px;}
.bugajaxie{height:0px}
div.switch_ecrire fieldset, div#container_int div.formulaire_login fieldset {border: 1px solid #D5D4D2;  /*position:absolute; left:8px;*/  }
div.switch_ecrire fieldset, div#container_int div.formulaire_login legend {font-weight:bold; padding:0px;padding:5px 0px 5px 0px;}
div.switch_ecrire fieldset, div#container_int div.formulaire_login ul li label{font-weight: normal; }

div#container_int div.formulaire_login ul li { background:none !important; }

div.switch_ecrire p.boutons input, div#container_int div.formulaire_login p.boutons input {font-size:0.9em; font-weight:bold; border: 1px solid #D5D4D2; background:#ED1E83; color:#FFFFFF; float:right; margin:0 14px; padding:3px}
div.switch_ecrire ul, div#container_int div.formulaire_login ul { list-style:none; font-size:0.95em; }
div#container_int #col-centrale #echanges div.switch_ecrire .myFieldset ul li , div#container_int #col-centrale #echanges div.formulaire_login .myFieldset ul li, div#container_int #col-centrale #echanges  div.switch_ecrire .myFieldset ul li ul li , div#container_int #col-centrale #echanges  div.formulaire_login .myFieldset ul li ul li { list-style:none; margin:15px}
div#container_int #col-centrale #echanges  div.switch_ecrire .myFieldset ul li ul li , div#container_int #col-centrale #echanges  div.formulaire_login .myFieldset ul li ul li { width:100px;}

div#container_int #col-centrale #echanges .switch_comments {border: 1px solid #D5D4D2; padding:10px; margin:10px 0px 10px 0px; }
div#container_int #col-centrale #echanges .switch_comments #content_comments {  clear:both; margin:10px 0px 10px 0px; }
div#container_int #col-centrale #echanges .switch_comments #content_comments p  { border-left:none; color:#968576;  padding:5px 5px 5px 5px; font-size:1em; }
div#container_int #col-centrale #echanges .switch_comments #content_comments p.comment_texte, div#container_int #col-centrale #echanges .forum-message p  { border-left:1px solid #CCCBCB; color:#968576; font-size:0.9em; }
div#container_int #col-centrale #echanges .forum-message p  { color:#968576; font-size:1em; border-left:0px; }
div#container_int #col-centrale #echanges .switch_comments #content_comments p.small { clear:both; color:#ED1E83; font-size:0.85em; margin:0px;padding:0px;}
div#container_int #col-centrale #echanges .switch_comments ul li { list-style:none; }
div#container_int #col-centrale #echanges .switch_comments ul li ul li { margin:0px 0px 0px 20px; list-style:none; }
div#container_int #col-centrale #echanges .switch_comments #content_comments h4 { float:left }
div#container_int #col-centrale #echanges .switch_comments #content_comments ul{display:block;background:red;}

div#container_int #col-centrale #echanges #content-previsu fieldset.previsu { padding:5px 0px 5px 0px; }

div#container_int div.formulaire_login legend { color:#ED1E83; } 
div#container_int div.formulaire_login #var_login {margin:0px 0px 0px 90px; }
div#container_int div.formulaire_login #password {margin:0px 0px 0px 47px; }
div#container_int span.details { float:left; margin:15px 10px 10px 0px; }
div#container_int span.details a {color:#ED1E83;}

div#container_int div.atelier_detail { border-bottom:1px solid #E5E1DD; padding:0px 0px 2px 0; margin:5px 0px 10px 20px; }


div#container_int #col-centrale #echanges div.switch_ecrire ul li form {margin:0px 0px 0px 0px; }


/* /////////////////////////////////////////////////////// TABS ///////////////////////////////////////////////////// */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

div#container_int #col-centrale #tab_ateliers ul.tabs-nav { clear:both; list-style-position:outside; list-style-type:none; margin:47px 15px 0 40px; background:url(../images/filet_onglet.png) 0px -33px repeat-x;   font-weight:bold; font-size:0.9em; width:502px;color:#54595c; height:25px;}
div#container_int #col-centrale #tab_ateliers ul.tabs-nav li { float:left; margin:5px 0px 0px 3px; }
div#container_int #col-centrale #tab_ateliers ul.tabs-nav li a {color:#ffffff; padding:2px 5px 6px 5px;  }
div#container_int #col-centrale #tab_ateliers ul.tabs-nav li a:hover { color:#54595c; background:#ffffff; text-decoration:none; padding:2px 5px 6px 5px; }
div#container_int #col-centrale #tab_ateliers ul.tabs-nav li.tabs-selected a { color:#54595c; background:#ffffff; text-decoration:none; padding:2px 5px 6px 5px; }


div#container_int #barre_outils {
	float:left;
	width:100%;
}
#barre_outils .wrapper {
	float:right;
	margin-right:50px;
}

/* /////////////////////////////////////////////////////// Carousel ///////////////////////////////////////////////////// */
div#contenu #col-gauche #zone-anim{ height:258px; width:668px; /*_width:671px;*/ top:20px; position: relative;}

div#contenu #col-gauche .visuels{float:left;background-position: top left; background-repeat: no-repeat; width:506px;height:258px; margin:0px;position:relative; }

div#contenu #col-gauche .description {
	position:absolute; top:206px; bottom:0;
	clear:both;
	width:505px;height:50px;
	background:#FFFFFF none repeat scroll 0 0;
	filter: alpha(opacity=80);
	-moz-opacity : 0.8;
	-khtml-opacity: 0.8;
}

div#contenu #col-gauche .description h2{ color:#46474a; font-size:1.5em; padding:10px; font-weight:normal;}

div#contenu #col-gauche .description .acces_theme {height:50px;margin-left:11px;width:100px;}
div#contenu #col-gauche .description .acces_theme a {}
div#contenu #col-gauche .description .acces_theme a:hover{}
div#contenu #col-gauche .description p{font-size:0.85em; color:#000000;width:300px; float:right; margin:0 31px 0 0;}

ul#home_carousel {
	position: relative;
	list-style: none;
}

div#contenu #col-gauche #theme {
	float:right;
	width:161px;height:258px;
}
div#contenu #col-gauche #theme ul {
	position:relative;left:-12px;
	overflow:hidden;
	padding-left:12px;
	width:157px;
	margin:0;
}
div#contenu #col-gauche #theme ul li {
	position:relative;
	display:block;
	background:url(../images/bg_theme.jpg) top left no-repeat;
	list-style:none;
}

div#contenu #col-gauche #theme ul li a {
	display:block;
	padding:15px 5px 0 5px;
	width:154px;height:38px;
	color:#6e6a6a;
	font-size:0.85em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
}
div#contenu #col-gauche #theme ul li a:hover,
div#contenu #col-gauche #theme ul li.current a,
div#contenu #col-gauche #theme ul li a.actif {
	position:relative;left:-12px;z-index:99;
	overflow:hidden;
	display:block;
	padding:15px 5px 0 17px;
	height:38px;
	color: #FFFFFF;background:url(../images/bg_theme_on.png) top left no-repeat;
	text-decoration:none;
}
#theme h2 {
	padding:0 10px 12px;
	color: #ED1E83;
	font-size:1.1em;
	text-align: center;
}

#calendar { font-size: 1em; float:left;}
#calendar td { border:1px solid #D8D8D8;}
#calendar caption { padding :0.2em 0; background:#ED1E83 url(../scripts/images/ui-bg_highlight-soft_75_ED1E83_1x100.png) repeat-x scroll 50% 50%; color:#FFFFFF; font-weight: bold; }
#calendar caption a { color: #FFFFFF !important; }
#calendar thead { background-color:#f4f6f7; }
#calendar td.occupe { background-color: #CCCCCC;  }
#calendar td.occupe a {color: #AC387F; font-weight: bold;}
#col-gauche #calendar td.occupe { font-size : 1.25em; }


/**
 * @section easyclearing
 */
div#container_int #col-gauche #nav_int ul li:after, div#container_int #col-centrale:after, ul#home_carousel:after, div#search:after, #col-droite #tags ul:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/**
 * @section form
 */
.spip_forms { border: none; }

.spip_forms input.submit { background-color:#A90329; color:#FFFFFF; width:auto}
.spip_forms form { width:400px; border:0px none; margin:0px; padding:0px;}
.spip_forms form fieldset { width:390px;border-left:0px none;border-bottom:0px none;border-right:0px none;border-top:1px solid #A90329; overflow:hidden}

.spip_forms  form span label { width:auto; float:left; margin:0px; padding:0px; font-size:.95em; text-align:right; display:block}
.spip_forms  form span input { width:50%; float:right; margin:0px; padding:0px; background-color:#CC3366;}
.spip_form_label{font-size: .9em; width:auto; clear:both; display:inherit; margin-top:0px; }
.spip_form_label_obligatoire {display:none;}
span.spip_form_label_details { display:none}
span.spip_form_label { width:30%; text-align:right}
.spip_forms span{ float: left; width:auto; display: inline;margin:0px;}
form span.spip_form_champ {margin: 0;display: block;clear: both;width: auto;padding: 0px;}