/*=================================================================================
///////////////////////////////////////////////////////////////////////////////////
---------------------------- TOUTPOURLOMBRAGE CSS ------------------------------
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
=================================================================================*/

body{
	margin:auto;
	margin-bottom:20px;
	width:965px;
	background-color:#ECECEC;
	font-family:Tahoma, sans serif;
	color:#000000;
	font-size:12px;
}

p{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
}

h1{
	margin:0px;
	padding:0px;
	font-size:15px;
}

h1.titreprod {
	margin-top: 5px;
	padding-bottom: 15px;
	padding-top: 5px;
	width: 100%;
	background-image: url('../img/fond_h1prod.gif');
	color: #f05d04;
	letter-spacing: 0.12em;
	font-variant: small-caps;
}

h2{
	margin:0px;
	margin-top: 30px;
	margin-right: 10%;
	padding:0px;
	padding-left: 20px;
	font-size:14px;
	color: #535353;
	font-style: italic;
	background-image: url('../img/fond_h2.gif');
	background-repeat: no-repeat;
	border-bottom: 1px dotted #f05c04;
}

h3{
	margin:0px;
	padding:0px;
	font-size:13px;
}

h4 {
	margin:0px;
	padding:0px;
	font-size:12px;
	letter-spacing: 2px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
}

form{
	padding:0px;
	margin:0px;
}

input {
	margin:0px;
	padding:0px;
}

textarea, select {
	margin:0px;
	padding:0px;
}

select{
	background-color:#D9D0C9;
}

label{
	cursor:pointer;
}

.both{
	clear:both;
	height:0px;
	font-size:2px;
}

.gras{
	font-weight:bold;
}

.gauche{
	float:left;
}

.droite{
	float:right;
}

.centre {
	text-align: center;
}

.erreur{
	width:100%;
	text-align:center;
	color:#FF0000;
	font-size:12px;
	margin-top:20px;
	font-weight:bold;
}

.ok{
}

.hand{
	cursor:pointer;
}

/*=================================================================================
Page
=================================================================================*/

#page{
	width:965px;
	background-image:url('../img/fond.jpg');
	background-repeat:repeat-y;
}

#pagessombre{
	width:948px;
	margin-left:8px;
}

/*=================================================================================
Bandeau sup
=================================================================================*/

#bandeausup{
	height:42px;
	background-image:url('../img/fond-haut.jpg');
}

#photoaccueil{
	width:948px;
	height:181px;
	// background-image:url('../img/photo-accueil.jpg');
}

.casehaut{
	margin-top:10px;
	margin-right:7px;
	margin-left:7px;
}

.barrebandeauhaut{
	margin-top:4px;
}

.logopaiement{
	margin-top:8px;
	margin-left:7px;
}

.panierhaut{
	margin-top:10px;
	margin-left:45px;
}

.casepanier{
	color:#FFFFFF;
	letter-spacing:0.12em;
	font-size:11px;
	margin-left:8px;
}

#menu{
	width:948px;
	height:41px;
}

#menubtntri{
	float:left;
	width:195px;
	height:26px;
	padding-top:15px;
	padding-left:30px;
	background-image:url('../img/btn-triangulaire.jpg');
	cursor:pointer;
}

#menubtnrect{
	float:left;
	width:228px;
	height:26px;
	padding-top:15px;
	padding-left:30px;
	background-image:url('../img/btn-rectangulaire.jpg');
	cursor:pointer;
}

#menubtncarre{
	float:left;
	width:113px;
	height:26px;
	padding-top:15px;
	padding-left:30px;
	background-image:url('../img/btn-carre.jpg');
	cursor:pointer;
}

#menutel{
	float:left;
	width:465px;
	height:41px;
	background-image:url('../img/btn-telephone.jpg');
}

#numtel{
	float:right;
	margin-top:1px;
	margin-right:5px;
}


/*=================================================================================
Fil d'ariane
=================================================================================*/
#filariane{
	padding-bottom:10px;
	color:#333333;
	font-size:11px;
	width:800px;
}

/*=================================================================================
Sommaire
=================================================================================*/
#corps{
	clear:both;
	margin-top:10px;
	padding-left:28px;
	margin-bottom:30px;
	min-height:350px;
	/*border:1px solid #FF0000;*/
}

#sommairerectangulaire{
	float:left;
	width:236px;
	height:334px;
	margin-left:28px;
	margin-top:15px;
	background-image:url('../img/rectangulaire.jpg');
}

#sommairetriangulaire{
	float:left;
	width:236px;
	height:334px;
	margin-top:15px;
	background-image:url('../img/triangulaire.jpg');
}

.titrestore{
	margin-top:187px;
	text-align:center;
}

.titrestore h2{
	color:#F05D04;
	font-variant:small-caps;
	letter-spacing:0.1em;
}

.textestore{
	color:#535353;
	padding:10px;
	margin-top:6px;
	text-align:justify;
	height:80px;
	font-size:12px;
}

.voirstore{
	text-align:right;
	margin-right:10px;
}

#sommairedroite{
	float:left;
	width:361px;
	margin-left:28px;
}

.sommairepromotion{
	width:361px;
	margin-top:19px;
}

.sommairenouveautehaut{
	width:361px;
	height:33px;
	background-image:url('../img/nouveaute-haut.jpg');
}

.sommairepromotionhaut{
	width:361px;
	height:33px;
	background-image:url('../img/titre-promotion.jpg');
}

.sommairepromotionbas{
	width:361px;
	min-height:50px;
	background-image:url('../img/fond-promotion.gif');
}

.detailpromo{
	width:350px;
	padding-top:12px;
}

.detailpromoimg{
	float:left;
	width:120px;
	height:67px;
}

.chapopromo{
	color:#535353;
	letter-spacing:0.1em;
	font-size:11px;
}

.chapoprixnonpromo{
	float:right;
	text-align:right;
	width:200px;
	margin-top:5px;
	color:#535353;
	letter-spacing:0.1em;
	text-decoration:line-through;
	font-size:12px;
}

.chapoprix{
	float:right;
	margin-top:5px;
	color:#F05D04;
	font-weight:bolder;
	letter-spacing:0.1em;
	font-size:15px;
}

#sommaireinformez{
	width:361px;
	margin-top:22px;
}

#sommaireinformezhaut{
	width:361px;
	height:28px;
	background-image:url('../img/informez-haut.jpg');
}

#sommaireinformezcentre{
	width:301px;
	min-height:80px;
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	color:#535353;
	font-size:10px;
	background-image:url('../img/informez-corps.jpg');
}

#sommaireinformezadresse{
	width:289px;
	height:22px;
	margin-top:8px;
	background-color:#FFFFFF;
	border:1px #535353 solid;
}

#sommaireinformezbas{
	width:361px;
	height:5px;
	background-image:url('../img/informez-bas.jpg');
	background-repeat:no-repeat;
}

/*=================================================================================
Partie droite (hors sommaire)
=================================================================================*/
#partiedroite{
	float:right;
	width:340px;
	padding-right:10px;
	padding-bottom:30px;
}

#panierdroite{
}

#panierdroitehaut{
	width:321px;
	height:33px;
	background-image:url('../img/panier-droite-haut.jpg');
}

#panierdroitecontenu{
	width:321px;
	background-image:url('../img/panier-droite-contenu.jpg');
}

.listepromotion{
	clear:both;
	width:321px;
	margin-bottom:26px;
}

.listenouveautehaut{
	width:321px;
	height:33px;
	background-image:url('../img/nouveaute-petit-haut.jpg');
}

.listepromotionhaut{
	width:321px;
	height:33px;
	background-image:url('../img/promotion-petit-haut.jpg');
}

.listepromotionbas{
	width:321px;
	min-height:50px;
	background-image:url('../img/panier-droite-contenu.jpg');
}

.listedetailpromo{
	width:316px;
}

.listedetailpromoimg{
	float:left;
	width:100px;
	height:67px;
}

.listechapopromo{
	color:#535353;
	letter-spacing:0.1em;
	font-size:11px;
}

.listechapoprixnonpromo{
	float:right;
	text-align:right;
	margin-top:5px;
	color:#535353;
	letter-spacing:0.1em;
	text-decoration:line-through;
	font-size:10px;
}

.listechapoprix{
	float:right;
	margin-top:5px;
	color:#F05D04;
	font-weight:bolder;
	letter-spacing:0.1em;
	font-size:12px;
}

#informezpetit{
	width:321px;
	margin-top:30px;
}

#informezpetithaut{
	width:321px;
	height:28px;
	background-image:url('../img/informez-haut-petit.jpg');
}

#informezpetitcorps{
	width:306px;
	padding-top:1px;
	background-image:url('../img/informez-corps-petit.jpg');
	padding-left:15px;
	font-size:10px;
	text-align:justify;
}

#informezpetitbas{
	width:321px;
	height:10px;
	background-image:url('../img/informez-bas-petit.jpg');
	background-repeat:no-repeat;
}

#sommaireinformezadressepetit{
	width:280px;
	height:22px;
	background-color:#FFFFFF;
	border:1px #535353 solid;
}


/*=================================================================================
Rubrique
=================================================================================*/
#listeproduit{
	float:left;
	width:560px;
	max-width:560px;
}

.listeproddet{
	float:left;
	width:156px;
	margin-top:20px;
	margin-bottom:15px;
	padding-right:28px;
}

.listeproddethaut{
	font-size:2px;
	width:156px;
	height:7px;
	background-image:url('../img/liste-prod-det-haut.jpg');
	background-repeat:no-repeat;
}

.listeproddetcentre{
	width:156px;
	min-height:40px;
	background-image:url('../img/liste-prod-det-centre.jpg');
}

.listeproddetbas{
	width:156px;
	height:30px;
	background-image:url('../img/liste-prod-det-bas.jpg');
	background-repeat:no-repeat;
}

.listeproddettitre{
	margin-left:5px;
	margin-right:5px;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#DEDEDE;
	height:30px;
}

.listeproddetimage{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.listeprodprix{
	padding-top:6px;
	padding-left:15px;
	color:#666666;
	font-weight:bold;
}

.listeprodmoins{
	margin-top:3px;
}

.listeprodplus{
	margin-top:3px;
	margin-right:6px;
}

.listeprodpanier{
	margin-top:3px;
}

/*=================================================================================
Produit
=================================================================================*/
#produit{
	float:left;
	width:555px;
}

#photoprincipale{
	margin-left:3px;
	width:400px;
	height:240px;
	text-align:center;
}

#naviguationphoto{
	padding-left:22px;
	width:60px;
	height:188px;
	overflow:hidden;
}

#galeriephoto{
}

.photogalerie{
	margin-bottom:5px;
}

.photosuivante{
	margin-left:120px;
	text-align:center;
	display:none;
	width:400px;
	height:240px;
}

#photoinferieur{
	margin-top:5px;
	padding-left:22px;
	width:38px;
	height:20px;
	cursor:pointer;
}

#photosuperieur{
	margin-bottom:5px;
	padding-left:22px;
	width:38px;
	height:20px;
	cursor:pointer;
}

#boite{
}

.uneboite{
	display: none;
	padding: 15px;
	background-image: url('../img/boite_fond.gif');
	background-repeat: repeat-x;
	border-left: 1px solid #535353;
	border-right: 1px solid #535353;
	min-height: 142px;
	color: #333333;
}

.uneboite ul {
	margin-left: 15px;
	color: #333333;
	text-align: justify;
}

#boitebas{
	width: 870px;
	height: 13px;
	background-image:url('../img/boite_bas.gif');
}

.ongletproduitgche1{
	width: 20px;
	height:25px;
	background-image:url('../img/onglet_bord_gcheON.gif');
}

.ongletproduit1{
	color:#535353;
	height:15px;
	padding:5px 0px 5px 0px;
	background-image:url('../img/onglet_fondON.gif');
	letter-spacing:0.2em;
	cursor:pointer;
}

.ongletproduitdroit1{
	width: 20px;
	height:25px;
	background-image:url('../img/onglet_bord_droitON.gif');
}

.ongletproduitgche{
	width: 20px;
	height:25px;
	background-image:url('../img/onglet_bord_gche.gif');
}

.ongletproduit{
	color:#ffffff;
	height:15px;
	padding:5px 0px 5px 0px;
	background-image:url('../img/onglet_fond.gif');
	letter-spacing:0.2em;
	cursor:pointer;
}

.ongletproduitdroit{
	width: 20px;
	height:25px;
	background-image:url('../img/onglet_bord_droit.gif');
}

#contenuboite{
	clear:both;
	width:870px;
	border-top:0px;
	background-color:#FFFFFF;
}

.contenuventreprod {
	margin-bottom: 15px;
	margin-right: 15px;
	border-right: 1px solid #f38039;
	width: 487px;
	color: #333333;
}

/*=================================================================================
Espace client
=================================================================================*/
#divconnexion{
	float:left;
	width:520px;
}

#connexionhaut{
	width:520px;
	height:33px;
	background-image:url('../img/compte-encadre-haut.jpg');
}

#connexionhaut h1{
	padding-top:8px;
	margin-left:33px;
	font-variant:small-caps;
	color:#535353;
	letter-spacing:0.1em;
}

#connexioncorps{
	width:520px;
	padding-top:10px;
	background-image:url('../img/compte-encadre-contenu.gif');
	color: #535353;
}

#connexiongauche{
	float:left;
	width:270px;
	padding-top:15px;
}

#barreseparation{
	float:left;
	width:15px;
	padding-left:9px;
}

#barrevertical{
	width:2px;
	height:100px;
	background-color:#F05D04;
}

#connexiondroite{
	float:left;
	width:215px;
}

.inputlibelleconnexion{
	height:28px;
	text-align:right;
}

.obligatoire{
	color:#FF0000;
	text-align:center;
	font-weight:bold;
	height:30px;
}

.obligatoire2{
	color:#FF0000;
	font-weight:bold;
	height:20px;
}


.modifiermdp{
	margin:auto;
}

.modifiercoo{
	padding-top:50px;
}

.lignemdp{
	clear:both;
	height:25px;
}

.intlignemdp{
	float:left;
	padding-top:3px;
	width:200px;
	text-align:right;
}

.validmdp{
	margin-left:140px;
	margin-top:10px;
}

.titreinter{
	width:250px;
	border-bottom:1px solid #535353;
	color:#535353;
	font-weight:bold;
	margin-bottom:10px;
}

.titreinter h2{
	font-size:12px;
}

.inputsaisieconnexion{
}

/*=================================================================================
Panier
=================================================================================*/
#processuscommande{
	clear:both;
	width:760px;
	margin:auto;
	text-align:center;
	margin-top:20px;
	padding-bottom:20px;
}

.processon{
	width:165px;
	height:19px;
	padding-top:4px;
	background-image:url('../img/process-commande-on.gif');
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

.processoff{
	width:165px;
	height:19px;
	padding-top:4px;
	background-image:url('../img/process-commande-off.gif');
	background-repeat:no-repeat;
	text-align:center;
	color:#C1C0BD;
	font-weight:bold;
}

.separateur{
	margin-top:4px;
	margin-left:7px;
	margin-right:7px;
}

#panierhaut{
	clear:both;
}

#paniercontenu{
	clear:both;
}

.panierproduit{
	clear:both;
}

#panierbas{
	clear:both;
}

#paniervalidation{
	clear:both;
}

.cross{
	height:16px;
	width:16px;
}

#ajoutfixation{
	position:absolute;
	width:388px;
	height:132px;
	padding:10px;
	margin-left:50px;
	background-image:url('../img/fond-kit.png');
	background-repeat:no-repeat;
}

/*=================================================================================
Pied
=================================================================================*/
#bandeauinf{
	clear:both;
}

#logo{
	float:left;
	margin-left:28px;
}

#signature{
	float:left;
	width:327px;
	margin-top:0px;
	margin-left:20px;
	color:#909191;
	font-size:10px;
}

#pied{
	clear:both;
	width:965px;
	height:37px;
	background-image:url('../img/fond-bas.jpg');
}


/*=================================================================================
Les liens
=================================================================================*/
a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.liensbandeauhaut{
	color:#FFFFFF;
	font-size:11px;
	letter-spacing:0.1em;
}

a.liensmenu{
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:16px;
	letter-spacing:0.1em;
}

a.liensmenu:hover{
	text-decoration:none;
}

a.lienssignature{
	color:#909191;
	font-size:10px;
}

a.listetitreprod{
	color:#F05D04;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-weight:bold;
	font-size:11px;
}

a.listetitrepromo{
	color:#F05D04;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-size:11px;
}

a.lienssommairecategorie{
	color:#F05D04;
	font-variant:small-caps;
	letter-spacing:0.1em;
}

a.liensfilariane{
	color:#333333;
	font-weight:bold;
	font-size:11px;
}

a.lienspanierprod{
	color:#000000;
	font-size:11px;
}

a.lienspanierprod:hover{
	text-decoration:none;
}

a.lienscompte{
	color:#F05D04;
}

a.lienscompte2{
	color:#333333;
}


/*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 10px;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #FFFFFF;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}

/*----------- Contenu ------------*/

.sommairecontenu {
	float: right;
	margin-left: 10px;
	margin-right: 15px;
	padding: 10px;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #e6e6e6;
}

.sommairecontenu a {
	margin-left: 10px;
}

.tableaucontenu {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 90%;
}

.tableaucontenu td {
	border: 1px solid #cccccc;
	padding: 3px;
}

.tableaucontenu th {
	background-color: #f05c04;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	padding: 5px;
	font-size: 13px;
}

#connexioncorps p {
	text-align: justify;
	margin-right: 10%;
	margin-bottom: 10px;
}


#recherche_{
	width:361px;
	margin-top:22px;
}

#recherche_haut{
	width:361px;
	height:28px;
	background-image:url('../img/recherche-haut.png');
}

#recherche_centre{
	width:301px;
	min-height:80px;
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	color:#535353;
	font-size:10px;
	background-image:url('../img/informez-corps.jpg');
}

#recherche_adresse{
	width:289px;
	height:22px;
	margin-top:8px;
	background-color:#FFFFFF;
	border:1px #535353 solid;
}

#recherche_bas{
	width:361px;
	height:5px;
	background-image:url('../img/informez-bas.jpg');
	background-repeat:no-repeat;
}


#recherchepetit_{
	width:321px;
	margin-top:30px;
}

#recherchepetit_haut{
	width:321px;
	height:28px;
	background-image:url('../img/recherche-haut-petit.jpg');
}

#recherchepetit_corps{
	width:306px;
	padding-top:1px;
	background-image:url('../img/informez-corps-petit.jpg');
	padding-left:15px;
	font-size:10px;
	text-align:justify;
}

#recherchepetit_bas{
	width:321px;
	height:10px;
	background-image:url('../img/informez-bas-petit.jpg');
	background-repeat:no-repeat;
}