/***************** 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:#4bcb20 url(../images/charte/bg-body.jpg) center top no-repeat;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:960px;

margin:0 auto;



background:url(../images/charte/bg-container.gif) center top repeat-y;

}

/***************** HEADER *****************/

#header{

width:960px;

height:183px;

background:url(../images/charte/bg-header.jpg) center top no-repeat;

}

/***************** RECHERCHER*****************/

#recherche{

width:200px;

height:170px;

}

#recherche input{

background:none;

width:120px;

height:15px;

border:none;

font:11px Arial, Helvetica, sans-serif;

color:#00b1bf;

float:left;

padding:124px 0 0 28px;

}

#recherche #box1{

margin-left:25px;

float:left;

}



#recherche a.ok{

font:bold 11px/14px Arial, Helvetica, sans-serif;

color: #fea301;

text-decoration:none;

text-align:center;

text-transform:uppercase;

float:left;

width:15px;

height:14px;

margin:0px;

padding:125px 0 0 5px;

background:none;

float:left;

}

#recherche a.ok:hover{

color:#10f305;

}

/***************** MENU LEFT *****************/

#menuLeft{

float:left;

width:200px;

padding-bottom:0;

background: #4bcb20 url(../images/charte/bg-menu.jpg) left top no-repeat;

margin-bottom:200px;

}

#menuLeft ul{

list-style:none;

float:left;

width:200px;

background:url(../images/charte/bg-ss-menu.gif) center top repeat-y;

}

#menuLeft a{

text-decoration:none;

display:block;

height:24px;

overflow:hidden;

width:200px;

background:url(../images/charte/bg-ss-menu.gif) center top repeat-y;

}

#menuLeft a span{

display:none;

}

#menuLeft a:hover,

#menuLeft a.trigered{

background-position:top right;

}

#menuLeft .btn_01 {

background: url(../images/charte/btn_01.gif) top left;

}

#menuLeft .btn_02 {

background:url(../images/charte/btn_02.gif) top left;

}

#menuLeft .btn_03 {

background:url(../images/charte/btn_03.gif) top left;

}

#menuLeft .btn_04 {

background:url(../images/charte/btn_04.gif) top left;

}

#menuLeft .btn_05 {

background:url(../images/charte/btn_05.gif) top left;

}

#menuLeft .btn_06 {

background:url(../images/charte/btn_06.gif) top left;

}

#menuLeft .btn_07 {

background:url(../images/charte/btn_07.gif) top left;

}

#menuLeft .btn_08 {

background:url(../images/charte/btn_08.gif) top left;

}

/***************** SOUS MENU */

#container #menuLeft li a{

text-decoration:none;

font:bold 11px/20px Arial, Helvetica, sans-serif;

color:#03daff;

display:block;

height:20px;

overflow:hidden;

padding:0 0 0 40px;

width:160px;

background:none;

}

#container #menuLeft li a:hover{

text-decoration:underline;

color:#11889f;

}



#img-left{

position:absolute;

left:0;

bottom:83px;

height:77px;

width:200px;

padding-bottom:0;

}

/***************** CONTENU *****************/

#contenu{

float:left;

width:490px;

height:auto !important;

min-height:450px;

padding:40px 10px 0 60px;

background:url(../images/charte/bg-contenu.jpg) left top no-repeat;

}

/***************** RIGHT *****************/

#right{

float:right;

width:200px;

background:url(../images/charte/bg-right.jpg) center top no-repeat;

height:350px;

}

#compte{

width:200px;

height:102px;

float:right;

padding-top:108px;

}

#compte input{

background:none;

width:95px;

height:14px;

border:none;

font:10px Arial, Helvetica, sans-serif;

color:#4a494a;

float:left;

margin-top:5px;

}

#compte #box1{

margin-left:48px;

}

#compte #box2{

margin-top:6px;

margin-left:48px;

}

#compte a.ok{

font:bold 11px/14px Arial, Helvetica, sans-serif;

color:#07dbff;

text-decoration:none;

text-align:center;

text-transform:uppercase;

float:left;

display:block;

width:15px;

height:14px;

margin:6px 0px 0 8px;

}

#compte a.ok:hover{

color: #fff;

}

#compte a{

font:10px/10px Arial, Helvetica, sans-serif;

color:#07dbff;

text-decoration:none;

float:left;

width:100px;

height:10px;

margin:5px 0px 0 48px;

}

#compte a:hover{

color:#10f305;

}

#commanderight{

width:110px;

height:100px;

float:right;

padding:10px 0 0 0px;

}

#commanderight a{

font:bold 9px/12px Arial, Helvetica, sans-serif;

color:#fff;

text-decoration:none;

text-align:left;

float:left;

display:block;

width:115px;

height:14px;

text-decoration:underline;

}

#commanderight a:hover{

color:#07dbff;

}

/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:84px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#footer{

position:relative;

clear:both;

width:100%;

height:84px;

margin:-84px auto;

background:#000 url(../images/charte/footer2.jpg) center top repeat-x;

}

#footer2{

position:relative;

width:960px;

margin:auto ;

height:84px;

background:#5f101c url(../images/charte/bg-footer.jpg) center top no-repeat;

}

#idep{

position:absolute;

left:0;

top:0;

width:110px;

height:84px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

font:9px/8px Arial, Helvetica, sans-serif;

color:#fff;

margin:40px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#fe9e01;

}

/***************** STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#01daff;

text-align:right;

padding:0 140px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#01daff;

}

#footer a:hover, #footer a:active{

color:#fff;

}



#galerieFlash{

	width:400px;

	height:170px;

	display:block;

	outline:0;

	margin:20px 0px 15px 50px;

}