/**************************************************************************/
/* reset CSS de meyer (v1.0 - 12 02 2008)  : http://meyerweb.com/eric/tools/css/reset/index.html    */
/**************************************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin:0;padding:0;border:0;outline: 0;font-size:100%;vertical-align: baseline; background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*******************************************************/
/* balises generiques                                                                          */
/*******************************************************/
a {
	text-decoration:none;
	color:#97c00e;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#c1e350;
}
h1 {
	position:relative;
	display:block;
	padding:  10px 180px 10px 10px;
	color:#f9b435;
	font-weight: bold;
	font-size:20px;
	/*width:605px;*/
	margin:5px 0px 15px 0px;
	line-height:26px;
	text-align:left !important;
	background:#0A0A0A;
	border:3px dashed #222;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-family:georgia, verdana, sans-serif;
}
h2 {
	margin: 10px 0px 10px 0px;
	padding:  0px;
	font-size: 16px; 
	color:#f9b435;
	line-height:20px;
	text-align:left !important;
	clear:both;
	font-family:georgia, verdana, sans-serif;
}
h3,h4,h5,h6 {
	margin: 3px 0px 3px 0px;
	padding:  0px 0px 0px 0px;
	font-size: 12px; 
   	font-weight:bold;
	line-height:16px;
	text-align:left !important;
}
input[type=submit],input[type=reset] {
	border: solid 1px #bbb;
	background: #ddd;
	text-align: center;
}
table {
	width:100%;
}
table tr td {
	border:0px solid #eac6ab;
	padding:3px;
	margin:20px 0 20px 0;
}
ul {
	overflow:hidden;
	padding-left:30px;
	margin-left:20px;
	/*line-height:14px;*/
	zoom:1;
	list-style-image:url(../img/li.jpg);
}
ul ul {
	list-style-image:url(../img/ululli.jpg);
}
ol {
	list-style:decimal;
	overflow:hidden;
	padding-left:30px;
	margin-left:20px;
	zoom:1;
}
ul ul,ol ol{
	margin-left:20px;
}
ul li,ol li {
	padding:2px 0 2px 0;
}
p {
	padding:10px 0 10px 0;
}
hr {
	position:relative;
	display:block;
	width:100%;
	height:3px;
	background:orange;
}
/*******************************************************/
/* divs specifiques au contenu                                                         */
/*******************************************************/
/**************/
/* important      */
/**************/
.important {
   color:#c04242;
}
/**************/
/*show / hide    */
/**************/
.hidden {
   display: none;
}
.visible {
   display: inline;
}
/**************/
/* clearfix   */
/**************/
.clearfix:after {
	visibility: hidden !important;
	display: block !important;
	font-size: 0 !important;
	content: " " !important;
	clear: both !important;
	height: 0 !important;
}
* html .clearfix             { zoom: 1 !important; } /* IE6 */
*:first-child+html .clearfix { zoom: 1 !important; } /* IE7 */
/*****************/
/* alignements   */
/*****************/
.align-left{text-align:left !important;}
.align-right{text-align:right !important;}
.align-center{text-align:center !important;}
.align-justify{text-align:justify !important;}
/*******/
/* sup */
/*******/
sup {
	font-size: .8em;
	vertical-align:super;
} 
/*******************************************************/
/* Divs de super structure  */
/*******************************************************/
html,body {
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}
body {
	font: small/1.3em Verdana,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,  sans-serif;
	font-size:11px;
	text-align: center;
	background:#161616;
}
body TABLE {
	font: small/1.3em Verdana,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial,  sans-serif;
	font-size:11px;
	color:#ddd;
}
div#containerHeader{
	position:relative;
	width:100%;
	height:343px;
	/*z-index:30;*/
	background:#262626 url(../img/bg_body.jpg) repeat-x top left;
}
div#header{
	position:relative;
	width:960px;
	margin:0 auto;
	background:url(../img/bg_headerv2.jpg) top left no-repeat;
	/*z-index:30;*/
	height:342px;
	border-bottom:1px solid #535353;
	text-align:left;
}
div#containerContent{
	position:relative;
	width:100%;
	background:#262626;
	color:#bbb;
	/*z-index:1;*/
}
div#content{
	position:relative;
	width:960px;
	margin:0 auto;
	background:#0A0A0A url(../img/bg_content_2cols.jpg) repeat-y 10px top;
	/*z-index:1;*/
	line-height:18px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:justify;
	border-top:10px solid #0A0A0A;
	border-bottom:10px solid #0A0A0A;
}
div#containerFooter{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	background:#161616 url(../img/bg_footer.jpg) repeat-x top left;	
	line-height:16px;
	text-align:left;
	color:#bbb;
}
div#footer {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
}
/*******************************************************/
/* styles de structure */
/*******************************************************/
/*********** header */
div#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:130px;
	height:130px;
}
div#logo a {
	width:100%;
	height:100%;
	display:block;
}
div#logo a:hover {
	border:none;
}
div#rapide{
	position:absolute;
	z-index:50;
	right:5px;
	top:105px;
	height:25px;
	padding:0px;
}
div#rapide a{
	margin-left:5px;
}
div#rapide img {
	border:0px;
}
div#bandeau {
	position:absolute;
	top:178px;
	width:100%;
	height:165px;
	margin:0px;
	padding:0px;
	z-index:1;
}
div#meteo {
	position:absolute;
	top:180px;
	left:0px;
	width:200px;
	height:90px;
	z-index:25;
}
/**************************************** Menu T1 ************************************/
/*menu global*/
#menuT1 {
	position:relative;
	list-style-type:none;
	list-style:none;
	height:41px;
	width:960px;
	top:136px;
	font: bold 10px Verdana;
	color:#ddd;
	border:0px solid red;
	margin:0;
	padding:0;
	z-index:30;
	background: url(../img/bg_menuT1.jpg) top left repeat-x;
	overflow:visible;
}
#menuT1 li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#menuT1 a {
	display: block;
	color: #ddd;
	text-decoration: none;
	padding: 14px 15px;
	line-height:14px;
	text-shadow: 1px 1px 0px #333,0px 0px 7px #000;	
}
#menuT1 li.actif a {
	color: #f9b434;
}
#menuT1 a:hover {
	color: #f9b434;
	border:0;
}
/*ul sous menu global*/
#menuT1 ul {
	display:block;
	float: left;
	width: 200px;
	list-style: none;
	line-height: 1;
	background: #6a850b url(../img/bg_menuT1.jpg) top left repeat-x;
	border:1px solid #555;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:0;
	padding:0;
	z-index:30;
	overflow:visible;
	top:38px;
}
/*on vire le sucker sous IE6 et IE7*/
.ISIE67 #menuT1 ul {
	display:none;
}
#menuT1 ul li {
	float: left;
	padding: 0;
	width: 200px;
}
#menuT1 li.sublevel2 {
	background: url(../img/rightarrow.gif) 190px center no-repeat;
}
#menuT1 li ul {
	position: absolute;
	top: -10000px;
	width: 200px;
}
#menuT1 li li {
	padding-right: 30px;
	width: 190px;
}
#menuT1 li ul a {
	width: 170px;
	padding: 10px 15px;
}
#menuT1 li.actif ul li a {
	color: #ddd;
}
#menuT1 li.actif ul li a:hover {
	color: #f9b434;
}
#menuT1 li.actif ul li.actif a {
	color: #f9b434;
}
/*ul ul sous menu global*/
#menuT1 li ul ul {
	margin: -39px 0 0 200px;
}
#menuT1 li.actif ul li.actif ul li a {
	color: #ddd;
}
#menuT1 li.actif ul li.actif ul li a:hover {
	color: #f9b434;
}
#menuT1 li.actif ul li.actif ul li.actif a {
	color: #f9b434;
}
/*ul ul sous menu global*/

#menuT1 li.actif ul li.actif ul li.actif ul li a {
	color: #ddd;
}
#menuT1 li.actif ul li.actif ul li.actif ul li a:hover {
	color: #f9b434;
}
#menuT1 li.actif ul li.actif ul li.actif ul li.actif a {
	color: #f9b434;
}
/*generique*/
#menuT1 li:hover ul ul, #menuT1 li:hover ul ul ul, #menuT1 li.sfhover ul ul, #menuT1 li.sfhover ul ul ul {
	top: -10000px;
	overflow:visible;
	z-index:30;
}
#menuT1 li:hover ul, #menuT1 li li:hover ul, #menuT1 li li li:hover ul, #menuT1 li.sfhover ul, #menuT1 li li.sfhover ul, #menuT1 li li li.sfhover ul {
	left: 0px;
	z-index:50;
	top:38px;
}
#menuT1 li:hover ,#menuT1 li.sfhover {
	color:#f9b434;
}
/**************************************** fin Menu T1 ************************************/
/*** content ***/
/********************/
/**img dans contenu**/
/********************/
div#content img,div#footer img {
	padding:5px;
	border:2px dashed #333;
	display:block;
}
/****************************************/
/**img texte et image en colonne & news**/
/****************************************/
.news_image {
	margin-right:10px;
}
div.csc-textpic div.csc-textpic-imagewrap {
	padding-top:13px;
	position:relative;
}
div.csc-textpic-center div.csc-textpic-imagewrap {
	left:-7px;
}
.csc-textpic-imagewrap img,.news_image img {
	padding:5px;
	border:2px dashed #333;
	display:block;
}
.csc-textpic {
	clear:both;
}
div.csc-textpic-center div.csc-textpic-text {
	text-align:justify !important;
}
div.csc-textpic div.csc-textpic-imagewrap a:hover {
	border:none;
}
/*img en colonnes*/
div.csc-textpic csc-textpic-intext-left-nowrap {
	clear:both;
}
div.csc-textpic csc-textpic-intext-left-nowrap h1,
div.csc-textpic csc-textpic-intext-left-nowrap h2,
div.csc-textpic csc-textpic-intext-left-nowrap h3,
div.csc-textpic csc-textpic-intext-left-nowrap h4,
div.csc-textpic csc-textpic-intext-left-nowrap h5,
div.csc-textpic csc-textpic-intext-left-nowrap h6 {
	position:relative;
	clear:none;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left:34px;
	/*padding-bottom:15px;*/
}
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow-last .csc-textpic-image {
	padding-bottom:0 !important;
}
/*img hab gauche + habille gauche*/
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:34px !important;
}
/*colonne droite + habille droite*/
div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-right:14px !important;
	margin-left:20px !important;
}
/*colonne gauche + colonne droite*/
div.csc-textpic-intext-left-nowrap h2,
div.csc-textpic-intext-right-nowrap h2{
	clear:none;
}
.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left:34px;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text {
	margin-right:34px;
}
/*************************************/
/**legende texte et image en colonne**/
/*************************************/
.csc-textpic-imagewrap .csc-textpic-caption {
	position:relative;
	padding:5px 0;
	font-style:italic;
	text-align:center;
	font-size:10px;
	left:7px;
	line-height:12px;
}
/*******/
/**fin**/
/*******/
/*********** content */
div#contentTypo3 {
	position:relative;
	float: left;
	width:630px;
	padding:10px 20px 20px 20px;
	margin:0px 0px 0px 10px;
	background:#222;
	/*box-shadow:1px 0px 7px #000;*/
	/*-moz-box-shadow-right:0px 0px 7px #000;*/
	/*-webkit-box-shadow:1px 0px 7px #000;*/
	/*z-index:30;*/
	resize: both;
}
html>body #contentTypo3 {
}
div#contentTypo3 span#maj {
	position:absolute;
	right:20px;
	top:22px;
	width:160px;
	color:#666;
	font-style:italic;
	font-size:10px;
}
div#menuT2{
	position:relative;
	float: left;
	width:280px;
	padding:10px 0px;
	text-align:left;
	z-index:20;
}
html>body #menuT2 {
}
ul#menuT2Liste{
	position:relative;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-size:12px;
	width:290px;
	list-style-type: square;
	list-style-image:none;
}
ul#menuT2Liste ul{
	margin-left:0;
}
ul#menuT2Liste li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:17px;
}
ul#menuT2Liste li a,div#menuT2 h2 a {
	display:block;
	padding:10px 30px 20px 20px;
	margin:0px 0px 5px 0px;
	color:#bbb;
	width:240px;
	font-weight:normal;
	font-size:12px;
	background:#1c1c1c url(../img/bg_menuT2_no.jpg) no-repeat left bottom;
}
div#menuT2 h2 {
	margin:0;
}
div#menuT2 h2 a {
	padding:20px 30px 30px 20px;
	font-size: 18px; 
	color:#f9b435;
	font-weight:bold;
	line-height:20px;
}
ul#menuT2Liste li a:hover,div#menuT2 h2.no a:hover {
	color: #222;
	background:#97c013 url(../img/bg_menuT2_hover.jpg) no-repeat left bottom;
}
ul#menuT2Liste li.actif a,div#menuT2 h2.actif a {
	color: #222;
	background:#bc7817 url(../img/bg_menuT2_current.jpg) no-repeat left bottom;
}
ul#menuT2Liste li.actif_sublevel a {
	margin:0px 0px 0px 0px;
	color: #222;
	background:#bc7817 url(../img/bg_menuT2_actif.jpg) no-repeat left bottom;
}
ul#menuT2Liste li.actif ul,
ul#menuT2Liste li.actif_sublevel ul {
	position:relative;
	font-size:10px;
	width:230px;
	list-style-image:url(../img/bg_menuT2_li.gif);
	padding: 0 0 10px 50px;
	background:#4e4334 url(../img/bg_menuT2_ul.jpg) repeat-y left top;
}
ul#menuT2Liste li.actif ul li a,
ul#menuT2Liste li.actif_sublevel ul li a {
	background:none;
	color:#bbb;
	padding:10px 20px 10px 0px;
	width:210px;
	font-size:10px;
}
ul#menuT2Liste li.actif ul li a:hover,
ul#menuT2Liste li.actif ul li.actif a,
ul#menuT2Liste li.actif_sublevel ul li a:hover,
ul#menuT2Liste li.actif_sublevel ul li.actif a
 {
	color:#bc7817;
}
/*** fin content ***/
div.tx-macinasearchbox-pi1 {
	position:absolute;
	left:650px;
	top:0;
	z-index:99;
	width:300px;
	height:35px;
	padding-top:20px;
}
div.tx-macinasearchbox-pi1 fieldset {
}
div.tx-macinasearchbox-pi1 input.recherche_input {
	position:relative;
	background:url(../img/bg_search.jpg) no-repeat top left;
	color:#333;
	font: 11px Verdana;
	padding:6px 20px 6px 6px;
	width:165px;
	border:none;
	float:left;
}
div.tx-macinasearchbox-pi1 input.recherche_image {
	position:relative;
	float:left;
}
.ac_results {
	color:#eee;
	font: 11px Verdana !important;	
	background:#333 !important;
	border:3px solid #97c00e;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-align:left;
	opacity:0.95;
}
.ac_results ul li.over{
	background:#eee !important;
	font-weight:normal !important;
	color:#333 !important;
}
/*********** footer */
div#plandusite {
	width:610px;
	padding:10px;
	background:#131313 url(../img/bg_plandusite.jpg) no-repeat bottom center;
	margin-left:10px;
	position:relative;
	float:left;
}
div#fcol1 {
	width:300px;
	margin-left:10px;
	position:relative;
	float:left;
}
div#coordonnees {
	width:280px;
	padding:10px;
	background:#222;
	position:relative;
	float:left;
}
div#mentions {
	width:280px;
	padding:10px;
	margin-top:10px;
	background:#131313;
	position:relative;
	float:left;
}
#plandusite a {display: inline;}
#plandusite dl dt {clear:left;float:left;padding-bottom:20px;width:150px;}
#plandusite dl dt a {color:#c2c2c2;}
#plandusite dl dt a:hover {color:#c1e350;}
#plandusite dl dt.actif a {color:#F9B434;}
#plandusite dl dd {float:left;width:460px;padding-bottom:20px;font-size:10px;}
#plandusite dl dd ul {float:left;list-style:none;margin:0px;padding:0px 0 5px 0;text-align:justify;}
#plandusite dl dd ul li {display:inline;}
#plandusite dl dd ul li a {color:#7E7E7E;}
#plandusite dl dd ul li a:hover {color:#c1e350;}
#plandusite dl dd ul li.actif a {color:#F9B434;}
/*******************************************************/
/* Divs de style */
/*******************************************************/
div.clear {
	margin:0px;
	padding:0px;
	clear:both;
}
