/* CSS  Boutique */
* {margin:0; padding:0; border: none; text-decoration: none; }    ul li {list-style: none}
body { background: url(../images/fond/fondecransp.jpg); background-attachment: fixed; text-align: center;font-family: Arial, Helvetica, sans-serif,"Trebuchet MS";font-size: 12px;color: #A5A5D4;}
p {margin: 10px auto;}
a img {padding: 0;border: none;}
h1#tohome a {display: block; height:130px; width: 210px; position: absolute; top: 0; left: 0;   } 
h1#header a, h1#header p{ text-indent: -5000px; }
h2 {margin: 10px 0 20px 15px; }
h3{color: #A5A5D4; margin: 15px 0 15px 15px; font: normal 16px arial;  }
h5 {font-size: 11px; color: #c00;}

a:link, a:visited {color: #A5A5D4; text-decoration: none;}
a:active, a:hover{color: #ffffff; text-decoration: underline;}



/* ------------ FLAGS ------------- */
/*
.flags {position: absolute; top: 0px; right: 10px; }
.flags img {margin: 0 0 5px 0px;  }
.flags a:hover img { border: 1px solid gray;  }
*/

.flags { position: absolute; top: 0; right: 10px; }
.flags img {margin: 0 0 2px 0; }
.flags a:hover img { border: 0; }




/* ------------------ CONTENEURS DE LA PAGE ----------------*/	
.maintable {background-color: #050409; width:995px; margin: 0; padding: 0}
#conteneur {position:relative; width:995px; top:0; left:0; margin: 0 auto; }
#main { text-align:left; width: 573px;  }
#main #content { margin: 5px 10px 10px 10px!important; margin: 0 10px 10px 10px  }



/* ------------------ COLONNE GAUCHE  ----------------*/	
div#linksttop{ margin : 0 0 21px 0; padding: 10px 0 0 0; }

#menu-left { width: 210px; margin-top: 17px;}
.lineright { border-right:1px solid #A5A5D4; }

h4.cat {margin: 15px 0 15px 0; }
ul.artforms_menu { text-align: left; margin: 0 0 15px 0; }
ul.artforms_menu  li{ background: url(../images/fond/bottom_li.jpg) bottom left no-repeat; height: 27px;  }
ul.artforms_menu  li a{ font: bold 13px arial;display: block; background: url(../images/puce/puce_off.png) 0 10px  no-repeat; height: 27px;padding: 6px 0 0 18px; margin: 0 0 0 5px; color: #A5A5D4; text-decoration: none; }
ul.artforms_menu  li a:hover {background: url(../images/puce/puce_on.png) 0 10px  no-repeat; color: #ffffff}


/*Menu themes dynamique */
h4.themes { margin: 15px 0 10px 0; }
a.stretchtoggle { display: block; width:169px; height:22px; text-align:left;  margin: 0 0 0 15px; font: bold 12px arial; color: #050409; text-decoration: none; padding: 4px 0 0 3px; background: url(../images/fond/menu_ouvert.jpg) top left no-repeat; }
#themes ul li { color: #A5A5D4; font: normal 11px arial; text-align: left; } 
#themes ul li ul { margin: 0 0 0 25px; }
#themes ul li a { text-decoration: none }






/* ------------------ COLONNE DROITE  ----------------*/	
#menu-right {  width: 210px; margin-top: 17px;} 
.lineleft {  border-left:1px solid #A5A5D4;}  
p.engage {margin: 20px 0 0 0}

/* ------------------Mon Compte et Newsletter ----------------*/	
div#nletter {text-align: left; margin: 0 0 0 18px; padding: 0;  }
div#nletter fieldset {border: none; }
p.nlettre_img {padding:  4px 0 0 0; }
div#nletter input.oknl {margin: 3px 0 0 0; color: #050409}

div.mon_compte {text-align: left; margin: -16px 0 0 18px;  }
div.mon_compte input {float: left;  }
div.mon_compte label {font: normal 12px arial; margin: 2px 0 4px 0;}
div.mon_compte p.link_log {font: normal 10px arial; text-decoration: underline; clear: both}
div.mon_compte input#oklogg {margin: 3px 0 0 0; color: white}

input.champ2 {background: url(../images/fond/input_3.jpg) 0 0px repeat-x; 
width: 129px; height: 16px; float: left; 	
padding: 4px 0 0 5px;  font: normal 12px arial;
border-left: 2px solid #A5A5D4; border-bottom: 1px solid #A5A5D4; border-right: 1px solid #A5A5D4;}

input.champ, div.format input {background: url(../images/fond/input_3.jpg) 0 0px repeat-x; 
height: 21px; float: left;  padding: 3px 0 0 6px; margin: 0 5px 0 0; 
width: 200px; 
border-left: 2px solid #A5A5D4; border-bottom: 1px solid #A5A5D4; border-right: 1px solid #A5A5D4;}





/* - - - - - PATH NAVIGATION - - - */
div.path {margin: -10px 15px 0 15px; color: #A5A5D4}
div.path2 {margin: 0 15px; color: #A5A5D4 }
div.path a,  div.path2 a  {text-decoration: none; color: #A5A5D4 }
div.path a:hover,  div.path2 a:hover {text-decoration: underline; color: #A5A5D4 }
  
  
/* ------------------ MENU LOGIN ----------------*/	
#search { text-align: left;  margin: 6px 0 0 0; background-image: url(../images/titres/recherche.jpg);   
background-position:  top left;background-repeat: no-repeat;  padding:  0 0 0 100px; }
 
div#logg input#login5 {background: url(../images/fond/input_search.jpg) top left no-repeat; width: 128px;  float: left; 
position:relative; top: 1px; left: 0; height: 15px;
padding: 2px 0 0 5px; font: normal 10px arial;    }
div#logg input.ok , div.mon_compte input#oklogg, div#nletter input.oklogg {background-color: #000; color: #050409; width: 19px; height: 18px; font: bold 10px arial; 
position:relative; top: 1px; left: 2px; cursor: pointer;  padding: 0 1px 1px 0; border: 1px solid white}
a#searchingappr {font: bold 12px arial; color: #050409;  position:relative; top: -17px; left: 170px; }
a#searchingappr:hover {text-decoration: underline;}





/*- - - - - - -COMMERCIALS LINKS - - - - -- - - - */	  

div#com_cont {background-color: #050409; border-top: 1px solid #ccc; width: 525px; margin: 0 0 0 12px; }
h3.commerciaux {  font: bold 17px verdana;  margin: 0 0 6px 20px; }
/*
h4.com { font: bold 13px arial; color: #000; margin: 0 0 2px 0;}
p.commercial_links { margin: 2px 0 10px 0;}
p.commercial_links a { color: #ffffff; text-decoration: none }
*/

/*------------Footer --------------*/			
#outro { width: 995px;   position:relative; margin: 0 auto; height: 45px;  padding: 5px 0 0 0;color: #A5A5D4; background-color: #050409;  solid #fff; }
#outro a, p.foot_links {  color:#A5A5D4; text-decoration: none }

/* - -  - - - Classes - - - - - - */
.full { width: 100%; border-collapse: collapse }
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.left {	text-align: left;}
.center {text-align: center; margin: 5px 0; }
.centerpad0 {text-align: center; padding: 0; }
.justify {text-align: justify;}
.right {text-align: right;}
.bottom {vertical-align: bottom;}
.strike {text-decoration: line-through;}

.block {display: block;}
.button {border: none;}

.clear {clear:both; display: none }
.clear2 {clear:both; visibility: hidden;}
.clear3 {clear:both; color:white; }
.kill {display: none;}
.fleft {float: left}   .flright {float: right}

.padup {margin: 5px 0 0 0}
.italicenter {text-align: center;  font-style:italic; margin: 5px 0}
.bitalicenter {text-align: center; font :italic normal 13px Georgia; margin: 15px 0 15px 0; color: #A5A5D4}
.bitalicenter:first-letter { font :italic normal 18px Georgia; text-indent: 0; }

.explaindesc {text-align: left; font :italic normal 13px Georgia; margin: 15px 0 0 0; color: #A5A5D4; height: auto; padding: 0 10px; line-height: 18px }
.marginleft {margin: 0 0 0 20px}

.boldcenter  {text-align: center; font-weight: bold}
.boldcolor {color: #A5A5D4; font-weight: bold}
.centercolor {text-align: center; color: #A5A5D4; padding: 6px 0; }
.noborder {border: none; }
.nobordernobg {border: none; background-color: #A5A5D4 }
.zoom {position:relative; zoom: 1}

.margindown {margin: 0 0 -10px 0; }
.marginbot {margin: 0; overflow: auto; }

#orderconfirm td {padding: 2px 0 2px 2px;   }

#orderconfirm td.ligne2 {padding: 4px 0 2px 2px; border-top: 1px solid #A5A5D4}

/*-----------   HEADER   ------------*/
#header {width: 995px;height: 166px; background: url(../images/fond/header.jpg) top right no-repeat; color: white; text-align: right;  }
#header a{color: white; font-weight: bold; text-decoration: none; font-size:14px}
#header a:hover {color: white; font-weight: bold; text-decoration: underline; font-size:14px}
#menu-horizontal {padding-top: 123px; padding-right: 10px;   z-index: 400}
#menu-horizontal #menu li {display: inline;}