/***************** BODY *****************/

*{

/*---on passe toutes les marges à 0---*/

margin:0;

padding:0;

}

body,html{

height:100%;

}

body{

background:#333333;

}

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

#container{

position:relative;

min-height:100%;

width:990px;

margin:0 auto;

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

}

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

#header{

width:990px;

height:127px;

}

/***************** FLASH */

#headerFlash{

float:left;

width:761px;

height:127px;

display:block;

background-image:url(../images/charte/bg-header.jpg);

}

/***************** PANIER */

#panier1{

float:left;

width:229px;

height:127px;

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

}

#panier1 #commande{

float:left;

width:70px;

padding:30px 0 0 35px;

}

#panier1 #commande a.panier{/***************** LIEN MON PANIER */

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

display:block;

margin:0 0 0px 30px;

text-decoration:none;

color:#000;

}

#panier1 #commande a.panier:hover{/***************** LIEN MON PANIER */

text-decoration:underline;

color:#fff;

}

#panier1 #commande a.commander{

display:block;

width:65px;

height:14px;

background:url(../images/charte/bt-commander.gif) no-repeat left top;

}

#panier1 #commande a:hover.commander{
width:65px;

height:14px;
background:url(../images/charte/bt-commander-over.gif) no-repeat left top;


}

#panier1 #commande p{

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

margin:0 0 6px;

text-align:center;

}

#panier1 #commande p a{/***************** articles */

text-decoration:underline;

color:#fff;

margin:0;

padding:0;

}

#panier1 #commande p a:hover{/***************** articles */

text-decoration:none;

color:#FF6600;

}

#panier1 #menu{

float:left;

width:70px;

padding:30px 0 0 20px;

list-style:none;

}

#panier1 #menu li{

line-height:19px;

}

#panier1 #menu li a{

text-decoration:none;

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

color:#fff;

}

#panier1 #menu li a:hover{

text-decoration:underline;

color:#FF6600;

}



#panier1 #commande a{

margin:10px 0px 0px 5px;

}

/***************** MENU TOP *****************/

#menuTop{

position: relative;

z-index:10;

width:801px;

height:26px;

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

list-style:none;

padding:0 0 0px 189px;

}

#menuTop li{

position:relative;

float:left;

margin:0px;

border-right:1px solid #000;

}

#menuTop li a{

text-decoration:none;

height:15px;

color:#000;

padding:0 7px;

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

}

#container #menuTop a:hover,

#container #menuTop a.trigered{

color:#FFFFFF

}

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

#menuTop li ul{

list-style:none;

position:absolute;

width:160px;

top:-6000px;

left:0;

background:#ffc0a9;

border:solid #fff;

border-width:1px 0 0 0;

z-index:5;

}

#menuTop li li{

float:none;

}

#container #menuTop li li a{

background:none;

width:auto;

position:relative;

height:15px;

font:11px/15px 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;

}

/***************** COL LEFT *****************/

#colLeft{

float:left;

width:160px;

padding:0 0 0 15px;

}

/***************** CATALOGUE */

#catalogue{

width:160px;

position:relative;

padding:71px 0 0 0;

background-color:#00CC66;

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

list-style:none;

}

#catalogue h1 a{

text-decoration:none;

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

color:#000;

display:block;

min-height:20px;

height:auto !important;

height:20px;

overflow:hidden;

padding:0 0 0 22px;

background:url(../images/charte/bt-catalogue.jpg) left bottom no-repeat;

}

#catalogue h1 a:hover{

color:#6eab0d;

}

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

#catalogue ul{

width:140px;

list-style:none;

padding:0 0 0px 20px;

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

}

#catalogue li a{

text-decoration:none;

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

color:#1a98b1;

display:block;

overflow:hidden;

padding:2px 0 2px 8px;

}

#catalogue li a:hover{

text-decoration:underline;

color:#6eab0d;

}

/***************** RECHERCHE */

form#recherche{

position:relative;

height:38px;

padding:25px 0 0 12px;

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

}

form#recherche input.case{

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

color:#666;

width:80px;

height:14px;

padding:2px;

border:none;

margin:0 0 0 30px;

background:none;

}

form#recherche input.btn{

position:absolute;

width:20px;

height:19px;

top:26px;

left:133px;

}

/***************** AMI */

#colLeft a.ami{

text-decoration:none;

display:block;

height:65px;

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

}

#colLeft a:hover.ami{

background-position:left bottom;

}

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

#contenu{

float:left;

width:789px;

z-index:9;

padding:29px 0 0 10px;

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

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

}

#contenu p.couleur{

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

color:#000;

margin-bottom:1.2em;

}

#blocFlash{

float:left;

width:780px;

height:130px;

margin:0 10px 0 0;

display:block;

z-index:expression(1);

position: relative;



}

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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer{

position:relative;

clear:both;

width:990px;

height:48px;

margin:-48px auto 0;

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

overflow:hidden;

}

#idep{

position:absolute;

left:30px;

top:30px;

width:170px;

height:15px;

}

#idep img{

float:left;

}

#footer #idep a.idep{

text-decoration:none;

display:block;

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

color:#000;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#FF6600;

}

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

#footer p{

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

color:#000;

padding:30px 195px 0 200px;

text-align:center;

}

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

text-decoration:none;

color:#000;

}

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

text-decoration:underline;

color:#FF6600;

}