*{
margin:0;
padding:0;
text-decoration:none;
}

img{
border:0;
}

body{
width: 960px;
margin: 0 auto;
padding: 30px 80px 30px;
background:url(background_carreaux.gif) top left repeat;
font-family:helvetica;
font-size:13px;
color:#777;
text-align:center;
z-index:-5;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#feuille-contenu-1, #feuille-contenu-2{
width: 960px;
background-color: #F9F9F9;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
max-height: 1024px;
position: absolute;
}

#feuille-contenu-1{
-webkit-transform:rotate(-3deg);
   -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
     -o-transform:rotate(-3deg);
	    transform:rotate(-3deg);
margin-left: -10px;
z-index: -2;
}

#feuille-contenu-2{
-webkit-transform:rotate(2deg);
   -moz-transform:rotate(2deg);
    -ms-transform:rotate(2deg);
     -o-transform:rotate(2deg);
	    transform:rotate(2deg);
margin-left: 5px;
z-index: -1;
}

#feuille-contenu{
width:960px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	     -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
text-align:left;
margin: 0 auto;
background:#ffffff;
}

input,textarea,select{
color:#333333;
}

.slideshow{
height:600px;
padding:0;
margin:0;
}

.slideshow img{
display:none;
height:600px;
top:0;
left:0;
}

.slideshow img.first {
display:block;
}

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

#header{
height:110px;
background:url(bandeau-bob-carpenter-8.gif) no-repeat 0 0px;
}

#header #select_langue{
display:inline;
text-transform:uppercase;
margin-left:5px;
font-size:11px;
color:#777;
}
#header #select_langue span{
color:#000;
}
#header #select_langue a{
color:#777;
text-decoration:none;
cursor:pointer;
}
#header #select_langue a:hover{
color:#000;
text-decoration:underline;
}

#header #select_compte{
display:inline;
text-transform:uppercase;
margin-left:670px;
height:16px;
font-size:11px;
color:#777;
}
#header #select_compte span{
color:#000;
}
#header #select_compte a{
color:#777;
text-decoration:none;
cursor:pointer;
}
#header #select_compte a:hover{
color:#000;
text-decoration:underline;
}

#header #lien_accueil{
display:block;
width:960px;
height:0px;
position:absolute;
overflow:hidden;
margin-top:0px;
padding-top:92px;
}

h1{
text-transform:uppercase;
font-size:16px;
font-weight:100;
}
h2{
text-transform:uppercase;
font-size:12px;
font-weight:100;
}
h3{
font-size:12px;
font-weight:100;
}

/*/////////////    MENU    //////////////*/
#menu{
position:relative;
width:960px;
height:60px;
z-index:8;
}

#menu a{
display:block;
float:left;
height:40px;
width:162px;
margin:0 15px 0 15px;
padding-top:20px;
text-align:center;
width:160px;
font: 22px 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;
text-transform:uppercase;
color:#777;
z-index:8;
}

#menu a:hover{
color:#000;
	-webkit-transform:rotate(-5deg);
	   -moz-transform:rotate(-5deg);
	    -ms-transform:rotate(-5deg);
	     -o-transform:rotate(-5deg);
	        transform:rotate(-5deg);
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

#menu a.onglet_bleu:hover{
background-color:#56CBF5;
}

#menu a.onglet_rouge:hover{
background-color:#F37667;
}

#menu a.onglet_vert:hover{
background-color:#6EC272;
}

#menu a.actif{
color:#000;
	-webkit-transform:rotate(-5deg);
	   -moz-transform:rotate(-5deg);
	    -ms-transform:rotate(-5deg);
	     -o-transform:rotate(-5deg);
	        transform:rotate(-5deg);
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

#menu a.onglet_bleu.actif{
background-color:#56CBF5;
}

#menu a.onglet_rouge.actif{
background-color:#F37667;
}

#menu a.onglet_vert.actif{
background-color:#6EC272;
}

#menu_aide{
width:130px;
float:left;
list-style-type:none;
}
#menu_aide a{
color:#ccc;
}
#menu_aide a:hover{
text-decoration:underline;
}

/*/////// CONTENU //////////*/
#contenu{
width:960px;
}

#contenu a{
color:#777;
}
#contenu a:hover{
text-decoration:none;
}

#contenu h2{
margin-top:20px;
}

#contenu_texte{
width:920px;
padding:20px;
text-align:justify;
}

#contenu_texte a{
color:#777;
text-decoration:underline;
}

#contenu_texte a:hover{
color:#000;
text-decoration:underline;
}

#contenu_texte h2{
margin-top:20px;
}

.bouton{
z-index:1;
cursor:pointer;
border:1px solid #777;
padding:5px 8px 5px 8px;
font-weight:900;
font-size:12pt;
background-color:#f0eeee;
color:#777;
text-align:center;
}

.bouton a{
text-decoration:none;
}

.bouton:hover{
color:#000;
border:1px solid #000;
background-color:#dddddd;
}

.fermer_div{
width:15px;
height:15px;
background:url(delete.png) no-repeat;
cursor:pointer;
padding:0px;
margin:0px;
}

.fermer_div:hover{
background-position:0 -15px;
cursor:pointer;
padding:0px;
margin:0px;
}


/*/////////   PAGE CATALOGUE     /////////////*/
.produit_catalogue{
width:200px;
height:240px;
overflow:hidden;
float:left;
text-align:center;
cursor:pointer;
padding:20px 20px 10px 20px;
background-color:#ffffff;
}

.produit_catalogue img{  /* pour minimiser le mauvais antialiasing sur les images tournées sur chrome */
-webkit-backface-visibility:hidden;
-webkit-box-shadow: 0px 0px 2px black;
}

.produit_catalogue:hover{
position:relative;
background-color:#edebeb;
	-webkit-box-shadow: 5px 5px 5px #888;
	   -moz-box-shadow: 5px 5px 5px #888;
	    -ms-box-shadow: 5px 5px 5px #888;
	     -o-box-shadow: 5px 5px 5px #888;
	        box-shadow: 5px 5px 5px #888;
z-index:5;
}

.produit_catalogue.pair {
	-webkit-transform:rotate(1deg); 
	   -moz-transform:rotate(1deg);
	    -ms-transform:rotate(1deg);
	     -o-transform:rotate(1deg);
	        transform:rotate(1deg);
}

.produit_catalogue.impair {
	-webkit-transform:rotate(-1deg);
	   -moz-transform:rotate(-1deg);
	    -ms-transform:rotate(-1deg);
	     -o-transform:rotate(-1deg);
	        transform:rotate(-1deg);
-webkit-backface-visibility:hidden; 
}

.produit_catalogue .desc_produit{
text-align:center;
width:200px;
height:50px;
font-size:13px;
padding-top:13px;
color:#777;
}

.produit_catalogue .desc_produit a{
color:#777;
}

.prix_barre{
text-decoration:line-through;
}

/*/////////   PAGE PRODUIT     /////////////*/
#photo_space{
width:350px;
float:left;
cursor:url("loupe+.cur"), pointer;
}

#projection{
background:url(wait.gif) no-repeat 159px 159px;
cursor:url("loupe+.cur"), pointer;
}

#projection img{
border:0px;
}

#image_zoom{
position:absolute;
overflow:visible;
width:100%;
height:100%;
display:none;
z-index:10;
cursor:url("loupe-.cur"), pointer;
}

#image_zoom_content{
position:absolute;
overflow:visible;
top:0px;
left:0px;
width:600px;
height:600px;
}

#image_tres_grande{
border:1px solid #777;
}

#vignettes{
width:350px;
}
#vignettes img{
margin-right:11px;
cursor:pointer;
width:77px;
height:77px;
margin-top:12px;
padding:1px;
}
#vignettes img:hover{
background:#444;
}

#desc_space{
float:left;
margin-left:60px;
width:510px;
}

#desc_produit{
color:#777;
}

#desc_produit h1{
font-size:12px;
font-weight:900;
color:#777;
padding-bottom:4px;
border-bottom: 1px solid #cccccc;
}

#desc_produit #desc{
color:#777;
font-size:12px;
text-align:justify;
}

#desc_produit strong{
font-weight:100;
}

#prix{
margin-top:30px;
font-size:22px;
color:#777;
}

#choix_taille{
margin-top:10px;
color:#777;
}

#choix_taille select{
color:#777;
}

#jachete{
margin-top:20px;
width:150px;
}

#jachete_en{
margin-top:20px;
width:95px;
}

.select_class{
width:30px;
padding:2px 15px 0 0;
text-align:center;
background:url(select_size.png) no-repeat top right;
height:14px;
color:#333;
cursor:default;
font-size:12px;
font-family:verdana;
border:1px solid #ccc;
}

#select_qte{
width:30px;
}

.select_class:hover{
background-position:bottom right;
}

.select_class_liste{
position:absolute;
z-index:9;
list-style-type:none;
width:30px;
border:1px solid #ccc;
margin-top:0;
margin-left:0;
display:none;
background:#fff;
}
#select_qte_liste{
width:30px;
}
.select_class_liste li{
font-family:verdana;
height:15px;
padding-top:1px;
cursor:default;
background:#fff;
color:#333;
text-align:center;
font-size:10px;
margin:0;
}
.select_class_liste li:hover{
background:#dddddd;
color:#000000;
}

#livraison{
margin-top:35px;
padding-top:4px;
border-top: 1px solid #cccccc;
font-weight:900;
}

#produit_precedent_suivant{
margin-top:25px;
text-align:right;
color:#777;
}
#produit_precedent_suivant a{
color:#777;
}
#produit_precedent_suivant a:hover{
color:#000000;
}

#conseil_taille{
width:20px;
height:20px;
background:url(conseil.png) no-repeat;
cursor:pointer;
margin-left:10px;
}
#conseil_taille:hover{
background-position:0 -20px;
}
#guide_taille{
position:absolute;
overflow:hidden;
width:322px;
height:250px;
padding:15px;
display:none;
z-index:9;
clear:both;
color:#777;
background-color:#eeeeee;
}

#guide_taille table{
width:100%;
border-collapse:collapse;
margin:15px 0;
}

#guide_taille td{
padding:5px;
border:1px solid #777;
text-align:center;
}

#guide_taille .titre{
text-align:left;
}

#content #guide_taille .methode{
font-style:italic;
margin-top:10px;
font-size:12px;
}

#content #guide_taille .methode a{
text-decoration:underline;
color:#777;
}

#content #guide_taille .methode a:hover{
color:#000;
}


.boutiques{
	width:220px;
	margin:2em 30px 1em 30px;
	float:left;
	padding:10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-color:#efeded;
	/* post it shadow*/
	-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, .3);
	   -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, .3);
			box-shadow:5px 5px 10px rgba(0, 0, 0, .3);
	/* post it transformation */
	-webkit-transform:rotate(-2deg);
	   -moz-transform:rotate(-2deg);
	    -ms-transform:rotate(-2deg);
	     -o-transform:rotate(-2deg);
	        transform:rotate(-2deg);		
}


.boutiques:before {
	content:'';
	display:block;
	position:relative;
	top:-25px;
	left:25%;
	width:50%;
	height:30px; /* stky paper dimensions */
	background-color:rgba(255, 255, 255, .5); /* rgba is used so that IE8 don't show them */
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .3);
	   -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .3);
	        box-shadow:0 1px 2px rgba(0, 0, 0, .3);
	/* post it transformation */
	-webkit-transform:rotate(5deg);
	   -moz-transform:rotate(5deg);
	    -ms-transform:rotate(5deg);
	     -o-transform:rotate(5deg);
	        transform:rotate(5deg);
}


#contenu_texte  .boutiques h2{ /*enlève la margin-top par défaut dans les contenus texte */
margin-top:-5px;
}

/*/////////////// PAGE PANIER ////////////////*/
.element_panier{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px 0 10px 5px;
margin-bottom:-1px;
}
.panier_img{
float:left;
padding:1px;
background:#ccc;
margin-right:15px;
}
.panier_nom{
float:left;
margin-right:20px;
width:280px;
overflow:hidden;
padding-top:20px;
}
.panier_taille{
float:left;
margin-right:80px;
width:110px;
overflow:hidden;
padding-top:22px;
}
.panier_prix{
float:left;
width:50px;
overflow:hidden;
padding-top:20px;
font-size:16px;
}
.panier_sup{
margin-top:18px;
cursor:pointer;
}
.bloc_contact{
font-size:14px;
border:1px solid #ccc;
padding:15px;
margin-bottom:20px;
}
#table_recap{
margin-left:640px;
}
#table_recap table{
border-collapse:collapse;
margin:30px 0;
}
#table_recap td{
padding:6px 0 6px 0;
}
/*/////////   A PROPOS     /////////////*/
#lien_adrien1 {
display:block;
position:absolute;
margin-top:680px;
margin-left:370px;
width:135px;
height:20px;
}
#lien_adrien2 {
display:block;
position:absolute;
margin-top:470px;
margin-left:470px;
width:125px;
height:330px;
}

/*/////////   INSCRIPTION     /////////////*/
#deja_client {
width:440px;
height:400px;
float:left;
}

#deja_client a{
text-decoration:underline;
}

#deja_client a:hover{
color:#000000;
text-decoration:underline;
}

#creer_compte_client {
width:440px;
float:left;
padding-left:40px;
}

#compte_coordonnees {
border:1px solid #ccc;
padding:10px;
margin-bottom:40px;
}

#compte_coordonnees span{
width:130px;
display:block;
float:left;
}

#compte_commandes {
border:1px solid #ccc;
}

.commande{padding:5px 0 0px 0;border-top:1px solid #ccc;overflow:hidden;}
.commande .date{width:210px;float:left;margin:21px 0 0 10px;}
.commande .prix{width:200px;float:left;margin-top:21px;}
.commande .facture{width:250px;float:left;margin-top:21px;}
.commande .produits{float:left;width:240px;line-height:140%; }
.commande .image{width:240px; height:58px; padding-bottom:5px;}
.commande .image img{float:left;margin-right:10px;}

/*////// RECAPITULATIF ///////*/
#invit_reduc{
text-decoration:underline;
cursor:pointer;
}
#invit_reduc:hover{
text-decoration:underline;
color:#000;
cursor:pointer;
}

/*//////// GUIDE DES TAILLES //////////*/
.table_taille{
border-collapse:collapse;
}
.table_taille td{
padding:5px;
border:1px solid #bbb;
width:54px;
text-align:center;
}
.table_taille .explic{
border:0;
width:200px;
text-align:left;
}
.table_taille .lead{
font-weight:900;
width:100px;
text-align:left;
}

#petit_conseil {
background:url(siege.png) no-repeat;
background-position: 95% 90%;
border:1px solid #ccc;
padding:10px;
margin:50px 50px 0 0;
}

/*///////   QUESTIONS /////////*/
h2.deroul_titre  {
padding-left:10px;
background:url(fleche_menu_grande_grise.png) no-repeat 0px 7px;
cursor:pointer;
color:#777;
font-size:11pt;
text-transform:lowercase;
}

h2.deroul_titre:hover  {
padding-left:10px;
background:url(fleche_menu_grande.png) no-repeat 0px 7px;
cursor:pointer;
color:#000;
}

.deroul_texte {
padding-top:5px;
padding-left:11px;
}

/*/////////   PRESSE     /////////////*/

#presse-tv{
width:920px;
margin-bottom:20px;
}

#presse-tv h1{
padding-bottom:20px;
}

#presse-tv li{
float:left;
list-style-type:none;
margin: 0 40px 40px 40px;
width:150px;
}

#presse-tv li img{
border:1px solid #ccc;
padding:3px;
}

#presse-tv a{
font-size:9px;
text-decoration:none;
}

#presse-tv li img:hover{
border:1px solid #000;
padding:3px;
}

#presse-tv li img:hover{
border:1px solid #000;
padding:3px;
}

#presse-mags{
width:920px;
padding-top:20px;
border-top:1px solid #ddd;
}

#presse-mags h1{
padding-bottom:20px;
}

#presse-mags li{
float:left;
list-style-type:none;
margin: 0 40px 40px 40px;
width:150px;
}

#presse-mags li img{
border:1px solid #ccc;
padding:3px;
}

#presse-mags li img:hover{
border:1px solid #000;
padding:3px;
}

#presse-blogs-div {
width:920px;
padding-top:20px;
border-top:1px solid #ddd;
}

#presse-blogs li{
list-style-type:none;
margin: 30px 0 0 0;
padding:0;
}

/* ////////// FOOTER  /////////////*/
#footer{
font-size:12px;
color:#777;
margin-top:20px;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
text-align:center;
}

#footer h1{
font-size:12px;
color:#777;
}

#footer a{
color:#777;
}

#footer a:hover{
color:#000000;
}

#footer img{
vertical-align:bottom;
}

#footer1{
/* largeur totale: 380px */
float:left;
width:360px;
text-align:left;
padding-left:20px;
}

#footer2{
/* largeur totale: 580px */
float:left;
padding-left:10px;
padding-right:12px;
width:549px;
color:#ccc;
text-align:justify;
border-left:1px solid #ccc;
}

#footer2 a{
color:#ccc;
}

#footer2 a:hover{
color:#777;
}

#footer #newsletter {
margin-top:10px;
line-height:160%;
}

#footer #newsletter input{
padding:2px;
border:1px solid #777777;
color:#000000;
width:150px;
height:12px;
}

#footer #newsletter #go_newsletter{
cursor:pointer;
padding: 1px 4px 0px 4px;
border: 1px solid #777777;
font-weight:900;
}

#footer #newsletter #go_newsletter:hover{
color:#000000;
border: 1px solid #000000;
background-color:#dddddd;
}

#footer #newsletter #wait_newsletter{
color:#777777;
display:none;
}