@import 'https://fonts.googleapis.com/css?family=Raleway:200,400';
BODY {margin:0;background:#FFF; width:100%; font-family:'Raleway', sans-serif; font-size:16px; color:#000; margin:auto;}
A { text-decoration:none; color:#666;}
A:hover{color:#cc3399;}



#entete_tool {background: #333; float:left; width:100%; height:30px; margin-top:45px;}
#entete_tool a {color:white;}
#container_entete {clear:both; width:100%; margin:auto; border:0px solid red; }
#entete_tool_panier {float:left; padding:7px; text-transform:uppercase; font-size:12px; color:white; }
#entete_tool_contact { float:right; border-left: 1px solid #999; padding:7px; text-transform:uppercase; font-size:12px; }
#entete_tool_connexion { float:right; border-left: 1px solid #999; padding:7px;  text-transform:uppercase; font-size:12px; }
#entete_tool_wishlist {float:right; border-left: 1px solid #999; padding:7px;  text-transform:uppercase; font-size:12px; }

#entete_tool_numtel { float:left; padding:7px; text-transform:uppercase; font-size:12px; color:white; display:none;}


#container{ clear:both; max-width:100%; margin:auto; margin-top:-50px;}


#logo{ width:100%; border:0px solid red; text-align:center; }

#rech {width:100%;padding-top:5px; border:0px solid green; text-align:center;}
#tool-rech { padding: 8px 40px 8px 8px; background: #fbfbfb; border:1px solid #999999; width:200px; }
#btn-tool-rech { padding:8px; background:#333; color:white; border:0;}


#bt-panier { float:right; margin-top:5px; display:none;}
#bt-panier a {margin-top:0px; border:1px solid black; padding: 5px 10px; font-size:13px; background:#333; color:white;}

#container-menu { position:absolute; left:0px; top:44px; z-index:10; width:100%;  background:#333; float:left; display:none; }
.lib_menu { margin-left: 25px; color:white;}
#menu {margin:0px; padding:0px;}
#menu > ul { background:#666; padding:0px; margin:0;}
#menu > li { padding-top:5px; margin:0; padding-bottom:5px; border-bottom:1px solid #999; list-style:none;}
#menu > li a { text-decoration:none; color:whitesmoke; padding-left:15px;}


/* form création compte*/
#conteneur-crea-compte {width:100%; float:left; margin-top:100px; margin-bottom:25px;}
#conteneur-form-crea-compte { width:80%; margin:auto; border:1px solid #959595; text-align:left; color:#000000; font-size:13px;clear:both; padding:20px;}
.input-crea { width:100%; padding:5px 0px; font-size:15px; margin-top:5px; border:1px solid #CFCFCF;}
#btn-crea-compte { width:100%; display: inline-block; border:1px solid #cfcfcf; text-align:center; padding-top:12px; padding-bottom:12px;font-size:15px; background:#cfcfcf; color:black;}
.texte-separ-compte { font-size:18px; padding-top:20px; padding-bottom: 20px; color:#0d7405; }



#container-footer { width:100%; background:#333; float:left; margin-top:25px;}
#footer{ clear:both; padding-top:10px; font-size:12px; color:white; border:0px solid black; text-align:center; margin:auto; }
#footer ul {text-align:left; margin:0; padding:0px;}
#footer li { list-style:none; margin:0; padding:0px;}
#footer li a { color:white; padding:5px 0px; float:left; width:100%;}
#footer hr {width:90%; float:left; height:1px; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px dotted #777;}


#cache_recherche { position:fixed; background:#fff; width:100%; top:0px; left:0px; z-index:9999; opacity:1; display:none; height:100%; }
#form_recherche { position: fixed; width:100%; top:0px; z-index:10000; text-align: center; display:none;}
#resultat_recherche { position: absolute; width:100%; z-index:10000; display:none; background:white; }
#icone_cache_recherche { position:fixed; right:10px; top:10px; z-index:10001; display:none; }

#cache_panier{
    position: fixed;
    background: #000;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 15000;
    opacity: 0.7;
    display:none;
  }
#message_panier{position:fixed; border:1px solid black; top:10%; z-index:15001; background:white; display:none;}