/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
}
body{
background:#e2e0e1 url(../images/charte/bg-body.gif) center top repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:930px;
margin:0 auto;
padding:0 15px;
background:#fff url(../images/charte/bg-container.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:930px;
height:155px;
}
/***************** MENU HEADER */
#headerMenu{
position:relative;
width:930px;
height:26px;
background:url(../images/charte/bg-headerMenu.gif) left top no-repeat;
}
#headerMenu p{
font:10px/26px Arial, Helvetica, sans-serif;
color:#fff;
padding:0 0 0 5px;
}
#contenu a.en{
background:url(../images/charte/en.gif) left center no-repeat;
padding:0 0 0 19px;
}
#contenu a.fr{
background:url(../images/charte/fr.gif) left center no-repeat;
padding:0 0 0 19px;
}
#headerMenu a:link, #headerMenu a:visited{
text-decoration:none;
color:#898989;
}
#headerMenu a:hover, #headerMenu a:active{
text-decoration:underline;
color:#898989;
}
#headerMenu form#recherche{
position:absolute;
height:26px;
top:0;
right:10px;
}
form#recherche input.case{
font:10px Arial, Helvetica, sans-serif;
color:#7d7d7d;
padding:0 2px;
width:139px;
height:14px;
background:#fff;
border:1px solid #c1c1c1;
margin:5px 45px 0 0;
}
form#recherche input.btn{
position:absolute;
right:0;
top:5px;
width:40px;
height:16px;
}
/***************** FLASH HEADER */
#headerFlash{
width:930px;
height:129px;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:930px;
height:58px;
background:url(../images/charte/bg-menuTop.gif) left top no-repeat;
list-style:none;
}

body#rub1 #menuTop{background-color:#fabb00;}
body#rub2 #menuTop{background-color:#a2ce2a;}
body#rub3 #menuTop{background-color:#3f93fb;}
body#rub4 #menuTop{background-color:#f50065;}
body#rub5 #menuTop{background-color:#ca2127;}
body#rub6 #menuTop{background-color:#fd5310;}
body#rub7 #menuTop{background-color:#6baa20;}
body#rub8 #menuTop{background-color:#1a5daf;}
body#rub9 #menuTop{background-color:#b1004a;}
body#rub10 #menuTop{background-color:#b13a00;}

#menuTop li{
position:relative;
float:left;
}
#menuTop a{
	text-decoration:none;
	float:left;
	font:bold 11px/29px Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color:#333;
	text-align:center;
	display:block;
	height:29px;
	overflow:hidden;
	border:solid #ececec;
	border-width:0 1px 0 0;
	padding:0 7px;
}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop li.actif a
{
color:#fff;
}
#menuTop li a:hover{
background:left top repeat-x;
}
#menuTop li.bt1 a:hover,
#menuTop li.bt1 a.trigered,
body#rub1 #menuTop li.bt1 a
{
background-image:url(../images/charte/bt-01.gif);
}
#menuTop li.bt2 a:hover,
#menuTop li.bt2 a.trigered,
body#rub2 #menuTop li.bt2 a
{
background-image:url(../images/charte/bt-02.gif);
}
#menuTop li.bt3 a:hover,
#menuTop li.bt3 a.trigered,
body#rub3 #menuTop li.bt3 a
{
background-image:url(../images/charte/bt-03.gif);
}
#menuTop li.bt4 a:hover,
#menuTop li.bt4 a.trigered,
body#rub4 #menuTop li.bt4 a
{
background-image:url(../images/charte/bt-04.gif);
}
#menuTop li.bt5 a:hover,
#menuTop li.bt5 a.trigered,
body#rub5 #menuTop li.bt5 a
{
background-image:url(../images/charte/bt-05.gif);
}
#menuTop li.bt6 a:hover,
#menuTop li.bt6 a.trigered,
body#rub6 #menuTop li.bt6 a
{
background-image:url(../images/charte/bt-06.gif);
}
#menuTop li.bt7 a:hover,
#menuTop li.bt7 a.trigered,
body#rub7 #menuTop li.bt7 a
{
background-image:url(../images/charte/bt-07.gif);
}
#menuTop li.bt8 a:hover,
#menuTop li.bt8 a.trigered,
body#rub8 #menuTop li.bt8 a
{
background-image:url(../images/charte/bt-08.gif);
}
#menuTop li.bt9 a:hover,
#menuTop li.bt9 a.trigered,
body#rub9 #menuTop li.bt9 a
{
background-image:url(../images/charte/bt-09.gif);
}
#menuTop li.bt10 a:hover,
#menuTop li.bt10 a.trigered,
body#rub10 #menuTop li.bt10 a
{
background-image:url(../images/charte/bt-10.gif);
}
/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
top:-6000px;
left:-1px;
border:solid #ececec;
border-width:0 1px 1px;
padding:4px 10px 10px;
}
#menuTop li li{
float:none;
}
#menuTop li.bt1 ul{background:#fabb00;}
#menuTop li.bt2 ul{background:#a2ce2a;}
#menuTop li.bt3 ul{background:#3f93fb;}
#menuTop li.bt4 ul{background:#f50065;}
#menuTop li.bt5 ul{background:#ca2127;}
#menuTop li.bt6 ul{background:#fd5310;}
#menuTop li.bt7 ul{background:#6baa20;}
#menuTop li.bt8 ul{background:#1a5daf;}
#menuTop li.bt9 ul{background:#b00049;}
#menuTop li.bt10 ul{background:#b13a00;}

body#rub1 #menuTop li.bt1 li a{background:none;}
body#rub2 #menuTop li.bt2 li a{background:none;}
body#rub3 #menuTop li.bt3 li a{background:none;}
body#rub4 #menuTop li.bt4 li a{background:none;}
body#rub5 #menuTop li.bt5 li a{background:none;}
body#rub6 #menuTop li.bt6 li a{background:none;}
body#rub7 #menuTop li.bt7 li a{background:none;}
body#rub8 #menuTop li.bt8 li a{background:none;}
body#rub9 #menuTop li.bt9 li a{background:none;}
body#rub10 #menuTop li.bt10 li a{background:none;}

#container #menuTop li li a{
float:none;
background:none;
width:auto;
position:relative;
height:auto;
width:100%;
padding:4px 0;
font:11px/11px Arial, Helvetica, sans-serif;
text-align:center;
text-transform:none;
color:#fff;
text-decoration:none;
border:solid;
border-width:0 0 1px;
opacity:0.9;
}

#container #menuTop li.bt2 ul{width:136px;}
#container #menuTop li.bt3 ul{width:136px;}
#container #menuTop li.bt4 ul{width:114px;}
#container #menuTop li.bt5 ul{width:136px;}
#container #menuTop li.bt6 ul{width:136px;}
#container #menuTop li.bt7 ul{width:135px;}
#container #menuTop li.bt8 ul{width:123px;}
#container #menuTop li.bt9 ul{width:123px;}


#container #menuTop li.bt2 li a{border-color:#bedd37;}
#container #menuTop li.bt3 li a{border-color:#4ca9fc;}
#container #menuTop li.bt4 li a{border-color:#f84d94;}
#container #menuTop li.bt5 li a{border-color:#df2e37;}
#container #menuTop li.bt7 li a{border-color:#86bf28;}
#container #menuTop li.bt8 li a{border-color:#2279c7;}

#container #menuTop li li a:hover{
text-decoration:underline;
opacity:1;
}
/***************** COL LEFT *****************/
#colLeft{
float:left;
width:180px;
padding:30px 0 0;
}
#colLeft img.photo{
border:1px solid #fff;
margin:0 10px;
}
/***************** MENU */
#menuLeft{
width:160px;
margin:0 10px;
background:left top repeat-y;
}
#titreRub{
height:25px;
background:left top no-repeat;
margin:0 0 5px;
}
#basRub{
height:10px;
background:left top no-repeat;
}
body#rub2 #menuLeft{background-image:url(../images/charte/bg-left02.gif);}
body#rub2 #titreRub{background-image:url(../images/charte/bg-titre02.gif);}
body#rub2 #basRub{background-image:url(../images/charte/bg-leftbas02.gif);}

body#rub3 #menuLeft{background-image:url(../images/charte/bg-left03.gif);}
body#rub3 #titreRub{background-image:url(../images/charte/bg-titre03.gif);}
body#rub3 #basRub{background-image:url(../images/charte/bg-leftbas03.gif);}

body#rub4 #menuLeft{background-image:url(../images/charte/bg-left04.gif);}
body#rub4 #titreRub{background-image:url(../images/charte/bg-titre04.gif);}
body#rub4 #basRub{background-image:url(../images/charte/bg-leftbas04.gif);}

body#rub5 #menuLeft{background-image:url(../images/charte/bg-left05.gif);}
body#rub5 #titreRub{background-image:url(../images/charte/bg-titre05.gif);}
body#rub5 #basRub{background-image:url(../images/charte/bg-leftbas05.gif);}

body#rub6 #menuLeft{background-image:url(../images/charte/bg-left06.gif);}
body#rub6 #titreRub{background-image:url(../images/charte/bg-titre06.gif);}
body#rub6 #basRub{background-image:url(../images/charte/bg-leftbas06.gif);}

body#rub7 #menuLeft{background-image:url(../images/charte/bg-left07.gif);}
body#rub7 #titreRub{background-image:url(../images/charte/bg-titre07.gif);}
body#rub7 #basRub{background-image:url(../images/charte/bg-leftbas07.gif);}

body#rub8 #menuLeft{background-image:url(../images/charte/bg-left08.gif);}
body#rub8 #titreRub{background-image:url(../images/charte/bg-titre08.gif);}
body#rub8 #basRub{background-image:url(../images/charte/bg-leftbas08.gif);}

body#rub9 #menuLeft{background-image:url(../images/charte/bg-left09.gif);}
body#rub9 #titreRub{background-image:url(../images/charte/bg-titre09.gif);}
body#rub9 #basRub{background-image:url(../images/charte/bg-leftbas09.gif);}

body#rub10 #menuLeft{background-image:url(../images/charte/bg-left10.gif);}
body#rub10 #titreRub{background-image:url(../images/charte/bg-titre10.gif);}
body#rub10 #basRub{background-image:url(../images/charte/bg-leftbas10.gif);}

body#rub11 #menuLeft{background-image:url(../images/charte/market3.gif)}
body#rub11 #titreRub{background-image:url(../images/charte/market1.gif);}
body#rub11 #basRub{background-image:url(../images/charte/market2.gif);}


#menuLeft a{
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
display:block;
padding:2px 0;
margin:0 10px;
}
#menuLeft a:hover{text-decoration:underline;}

body#rub2 #menuLeft a {color:#90c21f;}
body#rub3 #menuLeft a {color:#3f93fb;}
body#rub4 #menuLeft a {color:#f50065;}
body#rub5 #menuLeft a {color:#ca2127;}
body#rub6 #menuLeft a {color:#fd5310;}
body#rub7 #menuLeft a {color:#6baa20;}
body#rub8 #menuLeft a {color:#1a5daf;}
body#rub9 #menuLeft a {color:#b1004a;}
body#rub10 #menuLeft a {color:#b33a00;}
body#rub11 #menuLeft a {color:#c43700;}
/***************** NEWSLETTER */
form#news{
position:relative;
height:94px;
width:160px;
padding:35px 32px 0 0;
margin:20px 10px;
background:url(../images/charte/bg-news.gif) left top no-repeat;
}
form#news p{
font:10px/1.2em Arial, Helvetica, sans-serif;
color:#fff;
text-align:justify;
padding:0 10px;
}
form#news input.case{
font:10px Arial, Helvetica, sans-serif;
color:#ca2127;
width:112px;
height:14px;
padding:2px;
border:none;
margin:7px 0 0 10px;
background:none;
}
form#news input.btn{
position:absolute;
width:20px;
height:19px;
top:87px;
left:130px;
}
/***************** COL RIGHT *****************/
#colRight{
float:right;
width:180px;
min-height:330px;
padding:30px 10px 0;
background:left top no-repeat;
}
#colRight img{
position:relative;
top:-5px;
}

body#rub1 #colRight{background-image:url(../images/charte/bg-col01.gif);}
body#rub2 #colRight{background-image:url(../images/charte/bg-col02.gif);}

/***************** INFOS */
#infos{
width:160px;
min-height:133px;
padding:37px 10px 0;
background:#fabc00 url(../images/charte/bg-infos.gif) left top no-repeat;
}
#basinfos{
width:180px;
height:10px;
background:url(../images/charte/bas-infos.gif) left top no-repeat;
}
#infos p{
font:10px/1.2em Arial, Helvetica, sans-serif;
color:#ca2127;
padding:0 0 0 12px;
margin-bottom:0.8em;
background:url(../images/charte/puce03.gif) left 2px no-repeat;
}
#infos a{
text-decoration:none;
color:#ca2127;
}
#infos a:hover{
color:#fff;
}
/***************** EVENEMENTS */
#evenements{
width:160px;
min-height:133px;
margin:6px 0 0;
padding:37px 10px 0;
background:#7d5d25 url(../images/charte/bg-evenements.gif) left top no-repeat;
}
#basevenements{
width:180px;
height:10px;
background:url(../images/charte/bas-evenements.gif) left top no-repeat;
}
#evenements p{
font:10px/1.2em Arial, Helvetica, sans-serif;
padding:0 0 0 12px;
margin-bottom:0.8em;
background:url(../images/charte/puce04.gif) left 2px no-repeat;
}
#evenements a{
text-decoration:none;
color:#e7dac2;
}
#evenements a:hover{
color:#fabb00;
}
/***************** POINTS */
#points{
position:relative;
width:160px;
padding:66px 10px 0;
background:url(../images/charte/bg-points.gif) left top no-repeat;
/*top:-10px;*/
}
#points p{
font:10px/1.2em Arial, Helvetica, sans-serif;
color:#333;
margin-bottom:1.2em;
text-indent:8px;
background:url(../images/charte/puce01.gif) left 4px no-repeat;
}
#points a:link, #points a:visited{
text-decoration:underline;
color:#f6a800;
}
#points a:hover, #points a:active{
text-decoration:none;
color:#ca2127;
}
/***************** CONSIGNES */
#consignes{
position:relative;
width:160px;
padding:51px 10px 0;
background:url(../images/charte/bg-consignes.gif) left top no-repeat;
}
#consignes p{
font:10px/1.2em Arial, Helvetica, sans-serif;
color:#333;
margin-bottom:1.2em;
text-indent:8px;
background:url(../images/charte/puce02.gif) left 4px no-repeat;
}
#consignes a:link, #consignes a:visited{
text-decoration:underline;
color:#ca2127;
}
#consignes a:hover, #consignes a:active{
text-decoration:none;
color:#f6a800;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:490px;
padding:30px 0 0 30px;
position:relative;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:75px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:930px;
height:75px;
margin:-75px auto 0;
background:url(../images/charte/bg-footer.gif) center top no-repeat;
}
#idep{
position:absolute;
left:0;
top:35px;
width:180px;
height:40px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#bbb;
margin:11px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#ca2127;
}