/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#333333 center center no-repeat;
}
/***************** CONTAINER *****************/
#containerIntro{
position:absolute;
width:930px;
height:550px;
left:50%;
top:50%;
margin-left:-465px;
margin-top:-275px;
}

#container{
position:absolute;
width:930px;
height:520px;
left:50%;
top:50%;
margin-left:-465px;
margin-top:-260px;
}

/***************** MENU TOP *****************/
#menuTop{
position:relative;
float:right;
z-index:10;
padding-left:164px;
width:740px;
height:30px;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
overflow:hidden;
}

#container #menuTop li a span {display:none;}

#container #menuTop li.btn1 a {background:url(../images/charte/btn1.gif) top left no-repeat;width:215px; height:30px;}
#container #menuTop li.btn2 a {background:url(../images/charte/btn2.gif) top left no-repeat;width:225px; height:30px;}
#container #menuTop li.btn3 a {background:url(../images/charte/btn3.gif) top left no-repeat;width:109px; height:30px;}
#container #menuTop li.btn4 a {background:url(../images/charte/btn4.gif) top left no-repeat;width:106px; height:30px;}
#container #menuTop li.btn5 a {background:url(../images/charte/btn5.gif) top left no-repeat;width:106px; height:30px;}


#container #menuTop li.btn1 a:hover,#container #menuTop li.btn2 a:hover,
#container #menuTop li.btn3 a:hover,#container #menuTop li.btn4 a:hover,
#container #menuTop li.btn5 a:hover,
#container #menuTop li a.trigered{
background-position:bottom left;
}


/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:160px;
top:-6000px;
left:0;
background:#CCCCCC;
border:solid #fff;
border-width:1px 0 0 0;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#fff;
text-decoration:none;
border:solid #ffcfbd;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
background:#ff8598;
}

/***************** CONTENU *****************/
a.logoIntro {
position:absolute;
left:50%;
margin-left:-316px;
top:190px;
display:block;
width:632px;
height:176px;
background:url(../images/charte/logo.gif) top left no-repeat;

}

a.logoIntro:hover {
background-position:bottom left;
}
a.logoIntro_eng {
position:absolute;
left:50%;
margin-left:-316px;
top:190px;
display:block;
width:632px;
height:176px;
background:url(../images/charte/logo_eng.gif) top left no-repeat;

}

a.logoIntro_eng:hover {
background-position:bottom left;
}
#contenu{
margin-top:50px;
width:930px;
height:440px;

}

#contenu #colLeft{
float:left;
height:430px;
width:274px;
}

#contenu #colLeft a.logo_accueil {
display:block;
width:274px;
height:122px;
background:url(../images/charte/logo_accueil.gif) top left no-repeat;
}

#contenu #colCenter{
float:left;
margin:0 15px;
height:430px;
width:245px;
}

#contenu #colCenter #diapo{
position:relative;
width:245px;
height:279px;
}

#contenu #colCenter #adresse{
padding-top:4px;
width:244px;
height:118px;
padding-top:25px;
/*border:1px solid #fff;*/
background:url(../images/charte/adresse.gif) left 4px no-repeat;
}
#contenu #title{
  float:left;
  width:365px;
  height:32px;
  border-bottom: 1px solid #E4E4E4;
}
#contenu #title img{margin:0; padding: 0; float:left;}

#contenu #colRight{
float:left;
width:375px;
/*height:440px;*/
height:396px;
padding-top:10px;
overflow:auto;
outline: none;
}
#contenu #colRight #contacter{
  width:364px;
  height: 30px;
  margin: 10px 0;
  padding: 0;
  float: right;
  background: url(../images/charte/bg-contacter.jpg) right top no-repeat;
}

#contenu .photo{
  width:100px;
  height: 100px;
  background: #797979;
  padding:3px;
  border:1px solid #ffffff;
  float:left;
  margin:5px 10px 5px 0px;
  overflow: hidden;
}
#contenu .photo-center{
margin:5px 10px;
}
#contenu .photo-right{
margin:5px 0px 5px 10px;
}
.clearer{
  height:0px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  clear: both;
}


/***************** FOOTER INTRO *****************/
#footerIntro {
position:absolute;
width:100px;
height:30px;
bottom:0;
left:50%;
margin-left:-25px;
}

#footerIntro p {
text-align:center;margin:0 auto;
}

/***************** FOOTER *****************/
#footer{
float:left;
position:relative;
width:930px;
height:30px;
background:#5e5346;
}

/***************** STYLE FOOTER *****************/
#footer p{
font:10px Verdana, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:5px 10px 0 0;
}
#footer a:link, #footer a:visited{
font:10px Verdana, Helvetica, sans-serif;
line-height: 10px;;
text-decoration:none;
color:#ffffff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#cccccc;
}