/*  Common---------------------------------------------------------------*/

* {margin:0;padding:0;}

body {
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #666;
	color: #000;*/
	color: #444;
	background: #fff url(../Images/styl_MainBkg.gif) 50% 0 no-repeat;
}

.align  {vertical-align: middle;}
.align2  {vertical-align: baseline; }

img {border: none;}
img.left {float: left;}
img.left2 {float: left;margin:0 10px 0 0}

a.transp1:hover img {
  opacity: 0.6;
  -moz-opacity:0.6;
  filter:alpha(opacity=60);  
  }
a.transp2:hover img {
  opacity: 0.8;
  -moz-opacity:0.8;
  filter:alpha(opacity=80);  
  }

.italic {font-style: italic;}
.underline {text-decoration: underline;}
.none {text-decoration: none;}

.t10 { font-size:10px}
.t11 { font-size:11px}
.t12 { font-size:12px}
.t13 { font-size:13px;}
.t17 { font-size:17px;}


.yellow {color:yellow;}
.silver {color:silver;}
.white {color:white;}
.black {color:black;}
.silver {color:silver;}
.red {color:red;}
.gray {color:gray;}
.vert{color:#080;}
.gris1{color:#999;}
.gris2{color:#BCBBBB;}
.gris3{color:#333;}
.gris4{color:#666;}
.orange{color:#f60;}


.bkg01 {background-color:#FEE7A1;}	
.bkg02 { background-color: #DFDFDF;}
.bkg06{background-color:#f1f1f1;}
.bkg07{background-color:#EFEFEF;}


.separation {border:0; clear:both; visibility:hidden; margin:0;}

#zoom { position:absolute;top:0;left:0; z-index: 90}

p.warning {font-weight:bold;color: red;}

.marg5 {margin:5px 0}
.marg10 {margin:10px 0}
.marg20 {margin:20px 0}
.marg30 {margin:30px 0}

.bout24{
	padding:4px 12px 4px 16px;
	font-size: 13px;
	letter-spacing:3px;}

input[type=text]:focus,input[type=password]:focus,select:focus, textarea:focus{
	border: 2px solid;
	color: #f60;
}

input[type=text],input[type=password],select, textarea{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}	


a.gris4link {text-decoration:none; color:#666;}
a.gris4link:hover  {text-decoration:none; color:#f60;}


.delimiterannu {
	margin:20px 0;
	border-top: 1px dotted #f60;
}
	
/* Header --------------------------------------------------------*/

#header {
	width: 996px;
	height: 154px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/*background-color:#000;*/
	 
}


#header h1,#flashcontainer h1, #header p,#flashcontainer p, #header h2, #flashcontainer h2{display:inline;font-size: 0.8em;color:orange;}


#header ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 0.8em;
	}

#header ul li {
	display:inline;
	}
	
#header a {color:orange;}

/* Main Containers --------------------------------------------------------*/


#content {
	width: 996px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/*background-color:#ccc;*/	
	background: url(../Images/styl_MainBody.jpg) 50% 0 repeat-y;	
}

#colonne1 {
	float:left;
	width: 230px;
	height:100%;
	/*background-color:#ccc;*/
	}
	
#colonnemain {
	float:left;
	width: 575px;
	height:100%;
	/*background-color:yellow;*/
	font-size:11px;
	}
	
	
#colonne2 {
	float:left;
	width: 189px;
	height:100%;
	/*background-color:green;*/
	}
	
#topcolonne2 {
	width:185px;
	height:125px;
	background-color:white;
	}	
			

.contstyl01 {padding:5px 8px 0 11px; text-align:justify;}


/* Colonne1 ---------------------------------------*/



#flashcontainer {
	padding-left:8px;
	border-top:1px solid #F4EDB3;
	border-right:1px solid #9E0B0E;
	background: url(../Images/Rotation/CMimg00.jpg) 9px 0 no-repeat;
}

#flashphoto {}


/* Navigation */

#navigation {
	width:221px;
	margin:0px 1px 15px 8px;
}

#theMenu {margin:0 }
#theMenu li { list-style-type: none;}


h4.head a, h4 a { 
	display:block; 
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	padding-left:20px;
	}
	
	
#theMenu li {
	line-height:20px;
	background: url(../Images/styl_nav1Sep.jpg) 0 0 no-repeat;
	font-size: 95%;
	}

#theMenu li li {
	padding: 0 0 0 5px;
	line-height:15px;
	background: #FEEF88 url(../Images/styl_navBoutiqueSep.gif) repeat-x left bottom;
	font-size: 100%;
	text-align:left;
	}

#theMenu a {
	text-decoration: none;
	color: #790000;
	}

#theMenu a:hover {
	text-decoration: none;
	color:#CBA364;
	}

#theMenu li li a {
	text-decoration: none;
	color: #f60;
	}

#theMenu li li a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#E9B84E;
	}


/*-------------------------*/

#naviglinks {padding:0 28px}
#naviglinks li { list-style-type: none;}


h5 a { 
	display:block; 
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	line-height:30px;
	padding:0px;
	}
	
	
#naviglinks li {
	line-height:20px;
	background: url(../Images/styl_navlinksSep.gif) left bottom repeat-x;
	font-size: 95%;
	}

#naviglinks a {
	text-decoration: none;
	color: #f60;
	}

#naviglinks a:hover {
	text-decoration: none;
	color:#FDAB75;
	}


/* Champs Newsletter --------- */


#newsletter fieldset {
	border: none;
	}

#emailnews {
	width: 125px;
	background: none;
	border: none;
	color:#BFBFBF;
	height: auto;
	font-size:10px;
	position:relative;
	left:7px;
	top:-3px
	}

#newsletter {
	height: 30px;
	padding:6px 0 0 0px;
	*padding:6px 0 0 0px;
	background: url(../Images/styl_Newsletter.gif) 0 0 no-repeat;
	margin:10px 0 10px 25px;
	}




#validnews {
	width:200px;
	height:150px;
	position:absolute;
	top:280px;
	left:44%;
	padding:60px 25px 10px 20px;
	background: transparent url(../Images/styl_ValidNewsBkg.gif) no-repeat 0 0;
	z-index:100;
	color:#666;
	font-size:11px;



}







/* ColonneMain --------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/


#path {	
	color:#A9A9A9;
	font-size:10px;
	margin:0 0 10px 0;
}


/*--Page Acceuil---*/

#path a {text-decoration:none;color:#A9A9A9;}
#path a:hover {text-decoration:underline;}


#titre01 {
	height:47px;
	background: url(../Images/styl_Titre01.jpg) 0 0 no-repeat;
	margin:0
	}

#txt-titre01 {
	width: 210px;
	position:relative;
	top:9px;
	left:320px;
	/*background-color:#00CC33;*/
	color:white;
	font-size:11px;
	}

.carousel_container{
	width: 550px;
	height: 130px;
	margin:0px auto;
	border-bottom: 1px solid silver;
	}

#message01 {
	margin-top:10px;
	padding:10px;
	font-size:11px;
	border: 1px dotted #f60;
	color:#f60;
	/*background-color:#FFDCAC;*/
	}
	
#message02 {
	margin-top:10px;
	padding:10px;
	font-size:11px;
	border: 1px dotted #f60;
	color:#DF2500;
	text-align:center;
	}	
	
	
	
.img-evasionhome{
	float:left;
	margin:12px 12px 12px 0;
	}
	
.delimitercolmain {
	clear:both;
	margin:10px 0;
	border-top: 1px dotted #f60;
}

a.titlelink {text-decoration:none; color:#666;}
a.titlelink:hover  {text-decoration:none; color:#FF8635;}

a.orangelink {text-decoration:none; color:#f60;}
a.orangelink:hover  {text-decoration:none; color:#FCAE7A;}

#agenda, #catalogue {
	float:left;
	margin:0 15px 10px 0;
	width:270px;
	/*background-color:#FFDCAC;*/
	}
	
#coupdecoeur, #annuaire {
	float:left;
	margin:0 0 10px 0;
	width:270px;
	/*background-color:#FFDCAC;*/
	}	

#cdc01{padding:10px 0 0 127px;}	

#cdc02{padding:10px 0 0 52px;}



/*-- Page Boutique ------------------*/


/* Barre Pages/Affichage */

.barre {
	background: url(../Images/styl_Barre02.gif) left bottom no-repeat;
	padding-bottom:10px;
	margin-bottom:8px;
	}
	
.barre01 {float:right; display:inline; margin:0 10px 10px 10px; width:200px;/*color:#C1C1C1*/color:#A3A3A3;}
.barre02 { padding:0px 10px 0px 10px;/*color:#C1C1C1*/color:#A3A3A3; line-height:18px}

.barre01 form {display:inline;vertical-align: middle;position:relative;top:-1px;left:2px}
.barre01 select {font: 10px Verdana, Helvetica, sans-serif ; color:#999}

/*.bp1 {padding:2px 4px; background-color:#C1C1C1; text-decoration:none;color:white;font-size:10px;}*/
.bp1 {padding:2px 4px; background-color:#FA9D45; text-decoration:none;color:white;font-size:10px;}
.bp2 {padding:1px 3px; background-color:white; text-decoration:none;color:#C1C1C1;border:1px solid #C1C1C1;font-size:10px;}
a.bp1:hover, a.bp2:hover  {padding:2px 4px; background-color:#DFDFDF; text-decoration:none;color:white;border:0px;}	




/* Mode  Liste */


.listeprod {}

.listeprod01 {
	position: relative;
	float:left;
	width:185px;
	text-align:center;
	}
	
.listeprod01 p.diapo06 {
	display:inline;
	margin:0;
	position:absolute;
	bottom:-25px;
	right:-2px
	}	

.listeprod02 {
	padding:0 0 0 185px;
	text-align:left;
	margin-bottom:5px;
	*margin-bottom:0px;
	}
	
	
.listeprod02 p.listeprod06 {margin-bottom:5px; padding-bottom:5px; border-bottom: 1px dotted silver; font-weight:bold;}
.listeprod02 p.listeprod07 {margin-bottom:10px;text-align:justify;}	


p.bouton30 {
	position:relative;
	top:-22px;
	left:190px;
	margin:0;
	padding:0;
	width:170px;
	background-color: transparent;
	text-align:right;
	}


p.bouton30 a {
	display:inline;
	margin:0;
	line-height:22px;
	padding:2px 6px;
	text-align:center;
	border: 1px solid silver;
	border-width: 2px 2px 2px 2px;
	border-color:#e1e1e1 #666 #666 #e1e1e1;
	background: url("../Images/styl_Boutton01.jpg") no-repeat left top;
	text-decoration:none;
	color:#999;
	font-weight:bold;
	}


p.bouton30 a:hover {
	background: url("../Images/styl_Boutton01.jpg") no-repeat left top;
	border-width: 2px 2px 2px 2px;
	border-color:#666 #e1e1e1 #e1e1e1 #666;
	color:#666;
	}	


p.listeprod09 {
	display:inline;
	margin:0;
	position:absolute;
	top:100px;
	left:0px;
	}
	
.listeprod10 {font: 25px Arial, Helvetica, sans-serif; color:#790000;}
.listeprod11 {font:15px Arial, Helvetica, sans-serif; color:#E1B0BA;}
.listeprod12 {font: 10px Verdana, Helvetica, sans-serif; color:#ADADAD;}



.delimiterliste {
	clear:both;
	margin: 12px 0 20px 0;
	border-top: 1px dotted #FF9B2C;
}
	

/* Mode  Galerie */

.gal01, .gal03 {
	position:relative;
	float:left;
	background: url(../Images/styl_Galerie01.gif) left top no-repeat;
	height: 177px;
	width: 184px;
	margin:0;
	text-align:center;
	}

.gal01 p {padding:10px 15px 0 10px;color:#790000; font-size:11px}

img.gal02 {margin-top:10px}

a.bordeaulink {text-decoration:none; color:#790000;}
a.bordeaulink:hover  {text-decoration:none; color:#FD6D71;}


.gal03 p {padding:10px 15px 0 10px;color:#f60; font-size:10px}

#contentmain h2, #catvisu01 h2  {font: 24px "Trebuchet MS",Verdana, Helvetica, sans-serif ; color:#f60; margin-bottom:10px}


.gal04 {
	position:relative;
	float:left;
	background: url(../Images/styl_Galerie02.gif) left top no-repeat;
	height: 224px;
	width: 185px;
	margin:0;
	text-align:left;
	}

p.gal05 {
	display:inline;
	margin:0;
	position:absolute;
	top:3px;
	left:10px;
	font: 25px Arial, Helvetica, sans-serif ; 
	color:#790000;
	}

.gal06 {font-size:20px}
.gal06b {font-size:18px; text-decoration: line-through}

img.gal07 {margin:30px 0 0 13px  }

p.gal08 {
	display:inline;
	margin:0;
	position:absolute;
	top:5px;
	right:10px;
	}

p.gal09 {
	display:inline;
	margin:0;
	position:absolute;
	top:130px;
	left:4px;
	}

p.gal10 {
	display:inline;
	margin:0;
	position:absolute;
	top:174px;
	left:4px;
	font-size:10px;
	color:#f60;
	width:170px;
	height:26px;
	}

img.gal11{
	margin:0;
	position:absolute;
	top:202px;
	left:4px;
	}

img.gal12{
	margin:0;
	position:absolute;
	top:202px;
	left:74px;
	}



/*-- Fiche Produit --*/

#fprod00 {
	position:relative;
	float:left;
	width:350px;
	}


#fprod01 {
	position:relative;
	background: url(../Images/styl_FichProd01.gif) left top no-repeat;
	
	}

#fprod02 {
	float:left;
	width:200px;
	/*padding:0 0 0 350px;
	background-color:yellow;*/
	}

.fprod04{
	position:absolute;
	top:10px;
	right:10px;
	}

img.fprod05 {margin:30px 0 0 18px}

img.fprod06{
	position:relative;
	top:0px;
	right:10px;
	}
	
#fprod03 {
	padding:8px 13px 4px 9px;
	background: url(../Images/styl_FichProd03.gif) left top repeat-y;
	text-align:left;
	}	

#fprod03 img {margin:0 1px 1px 0}

#fprod07 {
	height:30px;
	background: url(../Images/styl_FichProd04.gif) left top no-repeat;
	}
	
.fprod08 { font-weight:bold; color:#FCC000;}	


.fprod10{
	margin-top:8px;
	height:27px;
	background: url(../Images/styl_FichProd05.gif) left bottom no-repeat;
	}

.fprod11{
	padding:0 15px 5px 5px;
	background: url(../Images/styl_FichProd06.gif) left top repeat-y;
	}	
	
.fprod09{
	margin-bottom:10px;
	color:#929292;
	
	}

#titleprod {
	margin:15px 0 5px 0;
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#f60;
	text-align:left;
	}	
	
#refprod{
	padding:2px 4px;
	color:white;
	background-color:#FD7E29;
	}	

#stock1 {
	margin-top:10px;
	color:#ADADAD;
	font-size:10px;
	}
	
#prix1{
	font: 27px Arial, Helvetica, sans-serif ; 
	color:#790000;
	margin:15px 0;
	}	
	
#prix2 {
	font:15px Arial, Helvetica, sans-serif ; 
	color:#E1B0BA;
	}	

#avis2 {
	margin-bottom:15px
	}
	
#ajoutpanier {	
	width:195px;
	height:63px;
	text-align:left;
	background: url(../Images/styl_FichProd07.gif) left top no-repeat;
	padding:5px;
	
	}
		
img.fprod12{margin:3px}

#optionsprod {
	width:205px;
	text-align:left;
	background: url(../Images/styl_FichProd09.gif) left bottom no-repeat;
	
	}
	
#optionsprod p {
	padding:0 5px 10px 7px;
	}	
	
#optionsprod p img {
	margin:1px 1px 0 0;
	}	
	
#optionsprod select {
	font-size:11px;
	color:#999;
	}			

.delimiterfd {
	margin: 12px 0;
	border-top: 1px solid #ccc;
}

#prodassocies{
	text-align:center;
	margin-top:15px;
}

#formavis form {margin:5px 0}
#formavis label {display: inline; float: left;width: 170px;}
#formavis input {margin:1px}
#formavis input[type=text]:focus, #formavis textarea:focus{border: 2px solid;}
#formavis textarea {color:#999; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#formavis p {margin:10px 0; padding:5px; background-color:#F0F0F0;color:#999; font-size:10px}

#formavis label.error { 
	margin-left: 170px; 
	color:red; 
	display:inline;
	text-align:left;
	}

.familyname {visibility: hidden;}

#envoifiche {
	width:338px;
	background-color:#E6E6E6;
	padding:4px 0 5px 4px;
}


/*Pages commandes----------------*/

#lost  {
	margin-top:10px;
	padding:8px 25px 15px 25px;
	border: 1px solid #999;
}



.chpvide {background-color:#DFDFDF;border: 1px solid gray}


/*Mon Compte + Ma Commande ----*/

.mescomm {margin-bottom:10px;text-align:justify;width:400px}

.mesmessg {text-align:justify;width:300px}


/*---Evasions ---*/

.eva01 {
	float:left;
	width:275px;
}


/*---Annuaire ---*/

a.compteur0 {
	display:inline;
	margin:0px;
	padding: 2px 2px 2px 2px;
	color: gray;
	text-decoration:none;
	line-height:18px;
	border: 1px solid gray;
	background: white;
	text-align:center;
}


a.compteur0:hover {
	background: #ccc;
	color:white;
}


.compteur1 {
	display:inline;
	padding: 2px 2px 2px 2px;
	margin:0;
	color: white;
	text-decoration:none;
	line-height:18px;
	border: 1px solid #f60;
	background: #f60;
	text-align:center;
	font-weight:bold;
}

/*--Agenda------*/

.ag01 {
	float:left;
	width:210px;
	
}

/*--Contact------*/

#mentions {
	padding: 20px;
	background-image: url(../Images/styl_bkg02.gif);
	
}

/*---Formulaire-----*/

/* FORMULAIRE ----------------------------------------------------------- */


#formcontact fieldset {padding: 2em; border: 1px solid #ccc;}
 
#formcontact legend  {padding: 1em; color: #999;}

#formcontact label  {display: inline; float: left;width: 150px;}

#formcontact input {margin:1px}

#menu-1 {
	color:#666;
	margin-top:10px;
	padding: 20px;
	background-image: url(Images/styl_bkg02.gif);
}


#formcontact label.error { 
	margin-left: 152px; 
	color:red; 
	display:block;
	text-align:left;
	width:400px;
	}


/* Tables------------------- */

table.styl04 {
	width:80%;
	border:0px;
	border-collapse: collapse;
	
}

table.styl04 th {
	padding:4px;
	font-weight: bold;
	color: white;
	background-image: url(Images/Bkg_pattern2.gif);
}


table.styl04 td {
	padding:3px;
}



/* Colonne2 ---------------------------------------*/

.col2styl01 {padding:0 15px 10px 14px}


#panier {
	background: url(../Images/styl_PanierFond.gif) 0 50% no-repeat;
	height:40px;
	font-size:10px;
	color:#FFF799;
	}
	
#panier a {
	text-decoration:none;
	color: #ff0;
	font-weight:bold;
	}
	
#panier a:hover {color: #FEBB8F;}	

.panierimg {margin:0 1px 0 6px}

.delimitercol2 {
	margin: 10px 6px 15px 0;
	border-top: 1px dotted #f60;
}

#infoscommande  {
	background: url(../Images/styl_infoscommande.gif) left top no-repeat;
	height:207px;
	font-size:10px;
	color:#FFF799;
	}
	
#ic1 {position:relative; top:1px; *top:-1px; left:122px; font-size:11px; font-weight:bold;color:#FCB17F; width:35px}	
#ic2 {position:relative; top:-13px; *top:-17px; left:108px; font-size:13px; font-weight:bold;width:50px}
#ic3 {position:relative; top:32px; *top:25px; left:29px; font-weight:bold; color:#FCB17F}



.ic11 {position:relative; top:6px; *top:4px}
.ic12 {position:relative; top:4px; *top:-2px}
.ic13 {position:relative; top:47px; *top:38px}
.ic14 {position:relative; top:-6px; *top:-10px}

#diaporama, #diaporama2  {
	background: url(../Images/styl_CadrePhoto.gif) left top no-repeat;
	height:135px;
	padding-top:12px
	}

#diapo  {
	list-style: none
	}

.modulep0 {
	width:156px;
	padding-top:30px;
	font-size:11px;
	color:#790000;	
	}	

.modulep1 {
	margin:0;
	background-color:#F4A45C;
	padding:3px 2px;
	}
	
p.modulep1 a { text-decoration:none; color:#790000}
p.modulep1 a:hover { text-decoration:none; color:#FFF799}
	
.modulep2 {
	margin:0;
	padding:3px 2px;
	background-color:#FECF88;
	}	
	



/* Footer --------------------------------------------------------*/


#footer {
	width: 996px;
	height:340px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../Images/styl_MainFooter.jpg) 50% 0 no-repeat;	
}


.f11 {position:relative; top:88px;left:40px}
.f12 {position:relative; top:88px;left:45px}

#f01 {position:relative; top:22px; left:263px; font-size:10px; font-weight:normal;color:white; width:135px}
#f02 {position:relative; top:-62px; left:430px; font-size:10px; font-weight:normal;color:white; width:135px}	
#f03 {position:relative; top:-147px; left:595px; font-size:10px; font-weight:normal;color:white; width:135px}	
#f04 {position:relative; top:-228px;* top:-240px; left:823px; font-size:11px; font-weight:bold;color:#FDC19A; width:150px}		
#f05 {position:relative; top:-115px;* top:-125px; left:715px; font-size:10px; font-weight:normal;color:#FCB17F; width:300px}	


#f01 a, #f02 a, #f03 a   {text-decoration:none; color:white}
#f01 a:hover, #f02 a:hover, #f03 a:hover  {text-decoration:none; color:#BD0404}

#f05 a {text-decoration:none; color:#FCB17F}
#f05 a:hover {text-decoration:none; color:#FFF799}

#f03 a.yellow {color:#FFF568}
#f03 a.yellow:hover {color:#BD0404}






/* Tables  ----------------------------------------------------------- */

table.styl01 {
	border:0px;
	border-collapse: collapse;
	width: 99%;
	margin-top:0;	

}

table.styl01 th {
	padding:4px;
	font-weight: bold;
	height:22px;
}


table.styl01 td {
	padding:3px 0;
}

table.styl01 td.l01 {
	padding-left:5px;
	
}


table.styl02 {
	border: medium solid #FEE893;
	border-collapse: collapse;
	width: 99%;
	margin-top:0;
	font-size:10px;

}

table.styl02 td {
	padding:5px;
}


table.styl08 {
	border:0px;
	border-collapse: collapse;
	width: 90%;	
}


table.styl08 td {
	padding:2px;
}


table.styl09 {
	border:0px;
	border-collapse: collapse;
	width: 90%;	
	margin:0;
}

table.styl09 td {
	padding:0;
	margin:0;
}


.right { text-align:right;}
.left { text-align:left;}
.center { text-align:center;}
.top {vertical-align : top;}

.pad8 {padding:8px 0;}
.pad10 {padding:10px 0;}