/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-2A.css);

/* Liste des layout disponibles :
	
@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body { background:url(../images/fond.gif) repeat-x top; background-color:#050505; }

#page { width: 950px; }

#header { }

#wrapper { background-image: url(../images/bg.gif); }

#top{ }

#content { padding:30px 60px 0px 20px; width:590px; background: url(../images/bgcontenu.jpg) no-repeat; background-position: top left;  color: #FFFFFF; }
#content h2 { font-size:1.4em; }
#content h3 { font-size:1.1em; }
#content a:hover {
	/*color:#3C031E;*/
	text-decoration:none;
}

#main { width:710px; float:right; }
#menu { float:right; width:200px; text-align:left; }
#nav { }
#extra { }

#footer { font-size: 0.8em;}
#footer * { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration:none; }

.validator{ clear:both; float:right; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Page d'intro */
.bodyIntro {color:#FFFFFF;}
.bodyIntro p, a:link{ color: #FFFFFF; }
.bodyIntro a:visited{color:#FFFFFF;}
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }
.h1intro {font-size:12px; height:15px; margin-bottom:-30px; top:365px; width:100%; position:relative;}

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi textarea{ /*background-color:#ff6009;*/  border-width:thin; }
input .bouton{ background-color:#000000;  border-width:thin; }
.INPUT2 { background-color:#535353; border:0px solid #535353; }
.champ{ /*background-color:#ff6009;*/  border-width:thin; }
#code { /*background-color:#ff6009;*/  border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }


/*classes supplémentaires*/
.alignproduits{text-align:left; margin-left:40px;}

/* Générale */
#page2{
	margin:0 5px;
	width:680px;
	text-align:center;
}

.page_center{
	text-align:center;
	margin:0 auto;
}

input, select, texarea, button{
	color:#3C031E;
	font-weight:normal;
	font-size:10px;
	/*background-color: #CE5004;*/
	border: 1px solid #5B0025;
}

.tableau{
	border:#5B0025 solid 1px;
	margin:auto;
}

.selpage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #3C031E;
}

.pagination{
	margin:5px 0 5px 0;
	text-align:center;
}

.clearer{
	clear:both;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

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

.message{
	margin:10px auto; padding:5px 5px 5px 5px;
	width:300px; height:auto;
	border:#004c99 dashed 1px;
	background:#ccc;
	text-align:center; color:#004c99; font-size:12px; font-weight:normal;
}

.message_erreur{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	color:#fff;
}

.condition{
	margin:0 auto 10px auto;
	overflow:scroll;
	width:550px; height:400px;
	text-align:center;
}

h1{
	margin:0;
	float:left;
	width:730px;
	height:187px;
}

h2{
	margin:0;
	width:501px;
	height:30px;
}

#code{
	width:100px;
}

.titre_tab{
	text-align:center;
	font-size:12px;
	color:#3C031E;
	font-weight:bold;	
	background-color:#CE5004;
}

.texte_titre{
	font-size:12px;
	text-align:center;
}

.texte_general, .texte_general a, .texte_general a:visited, .texte_general a:hover{
	color:#3C031E;
	font-size:12px;
}

.texte_tab{
	font-size:10px;
	text-align:left;
	color:#3C031E;
}

.texte_tab_right{
	font-size:10px;
	text-align:right;
	color:#3C031E;
}

texte_tab a:link, .texte_tab a:visited, .texte_tab a:hover{
	font-size:10px;
	text-align:center;
	color:#3C031E;
}

a.liencpt:link, a.liencpt:visited, a.liencpt:hover{
	font-size:10px;
	color:#fff;
	text-decoration: underline;
}

/**Client Log
********************/
div#client_log{
	float:left;
	margin:10px 0; padding:0;
}

div#client_log form{
	margin:0 auto; padding:0;
}

div#client_log p{
	margin:2px 0 0 0; padding:0;
	text-align:left;
	font-size:10px; color:#666666;
}

div#client_log input, div#client_log select, div#client_log texarea{
	color:#666666;
	font-weight:normal;
	font-size:10px;
	background-color: #FFFFFF;
	border: 1px solid #9d2121;
}

div#client_log label{
	margin:0; padding:0;
	float:left; text-align:left;
	width:100px;
}

div#client_log span.lien_client{
	color:#9d2121; font-size:10px;
}

div#client_log span.lien_client a:link, div#client_log span.lien_client a:visited, div#client_log span.lien_client a:hover{
	color:#9d2121; font-size:10px;
}

/**Encart Menu
**********************/
#block_menu{
	float:left;
	margin:10px 0; padding:0;
}

#block_menu h2{	
	margin:0; padding:0;
	width:200px;
	text-align:center;
}

#block_menu h3{	
	text-align:left;
	width:190px; height:auto;
	margin:2px 0 0 0; padding:0;
	color:#9d2121; font-size:12px; font-weight:bold;
	border-bottom:#9d2121 solid 1px;	
}

#block_menu h3 a{
	display:block;
	color:#9d2121; font-size:12px;
	width:190px;
	text-decoration:none;
}

#block_menu h3 a:hover{
	text-decoration:none;
	background-color:#9d2121;
	color:#fff; font-size:12px;
}

#block_menu ul{
	margin:0; padding:0 0 5px 0;	
	color:#9d2121;
	list-style-type:none;	
	width:180px;
	vertical-align:top;		
}

#block_menu ul li{	
	width:180px;
	margin:0; padding: 0;	
	/*list-style-type:circle;*/
}

#block_menu ul li a{
	display:block;
	width:180px;
	color:#9d2121;
	font-weight:normal;
	text-decoration:none;
	margin:0; padding:0;	
	font-weight:normal; font-size:10px;
}

#block_menu ul li a:hover{
	color:#fff;	
	background-color:#9d2121;	
}

/**Encart Panier
**********************/
#block_panier{	
	font-weight:bold;	
	color:#5b0025;
	text-align:left;
	vertical-align:top;
	width:162px;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
}

#block_panier .block{	
	margin:0;
	height:75px;
	width:162px;
	border:#5b0025 solid 1px;
	background-color:#ce5004;
}

#block_panier .block p{
	text-align:center;
	margin:0;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
}

#block_panier img{
	border:none;
	margin:4px 0;
}

/**Cadre1
**********************/
#cadre{
	color:#ad0101;
	float:left;	
	width: 230px;	
	padding:0;
	margin:10px 0 10px 60px;
	text-align:left;
	border:#5B0025 solid 1px;
}

#cadre h3{
	color:#fff;
	background-color:#CE5004;
	text-align:left;
	width: 210px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0 20px;
	margin:0 0;	
}

#cadre p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight:bold;
	margin:2px 0 0 20px;
	color:#fff;
}

/**Cadre2
**********************/
#cadre2{
	color:#3C031E;
	float:left;	
	width: 280px;	
	padding:0;
	margin:10px 0 10px 25px;
	text-align:left;
}

#cadre2 h3{
	color:#CE5004;
	border-bottom:#5B0025 solid 1px;
	text-align:left;
	width: 260px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0 0;	
}

#cadre2 p{
	font-size:10px;	
	font-weight:bold;
	margin:2px 0 0 0;
}

/**Formulaire1
**********************/
form.form1{
 	padding:10px 0 0 0;	
	height:auto;
	font-size:10px;
	color:#3C031E;
}

fieldset.form1{
	width: 400px;
	padding:1em;
	text-align:left;
	margin:0 auto 10px auto;
	border:#3C031E solid 1px;	
}

.form1 legend{
	color:#3C031E;
	font-size:12px;
	font-weight:bold;
}

.form1 p{
	margin:4px 0 0 0;
}

.form1 label{
	font-size:10px;
	padding-left:5px;	
	font-weight:bold;
	display: block;
	float: left;
	width: 180px;
	text-align:left;
	margin:0;
}

.form1 .capt{
	margin:0;
	text-align:center;
	font-size:10px;
	color:#000000;
}

/**Formulaire2
**********************/
form.form2{
	text-align:center;
	padding:10px auto 0 auto;	
	clear:both;
	margin:0;
	height:auto;
	font-size:10px;
	color:#3C031E;
	width: 280px;
}

fieldset.form2{
	width: 280px;
	padding:1em;
	text-align:left;
	margin:0 auto 10px auto;	
	border:#3C031E solid 1px;	
}

.form2 form{
	height:auto;
}

.form2 legend{
	color:#ad0101;
	font-size:12px;
	font-weight:bold;
	color:#3C031E;
	width:400px;
}

.form2 p{
	margin:4px 0 0 0;
}

.form2 label{
	font-size:10px;
	padding-left:5px;	
	display: block;
	float: left;
	width: 140px;
	text-align:left;
	margin:0;
}

/*************************** block_rub ***************************/
.block_rub{
	float:left;
	margin:10px 0 10px 27px; padding:0;
	width:150px;
}

.block_rub h3, .block_rub h3 a, .block_rub h3 a:visited, .block_rub h3 a:hover{
	display:block;
	margin:0; padding:0;
	text-align:center; font-size:12px; color:#272727;
	width:150px;
	text-decoration:none;	
}

.block_rub h3{
	margin:0 0 5px 0;
	border:#015093 solid 1px; background:#fff;	
}

.block_rub .image{
	margin:0 auto; padding:0;
	text-align:center;
	width:150px; height:150px;
}

.block_rub .image img{
	margin:0 auto; padding:0;
	border:#015093 solid 1px;
}

/*************************** Block vignette et produit ***************************/
.block_vignette{	
	margin:5px auto 5px auto; padding:0;
	/*float:left;*/
	width:340px; height:200px;
	border:#004c99 dashed 1px;
	background-color:#fff;
	color:#272727;	
}

.block_vignette a{
	color:#272727;	
}

.block_vignette h3, .block_vignette h3 a:link, .block_vignette h3 a:visited{
	display:block;
	margin:5px auto 0 auto; padding:0;
	text-align:center;
	font-size:12px; font-weight:normal; color:#004c99;
	text-decoration:underline;
	width:340px;
}

.block_vignette h3 a:hover{	
	text-decoration:none;
}

.block_vignette .image{
	float:left;
	margin:5px auto 5px 8px; padding:0;
	text-align:center;
	width:150px; height:150px;
}

.block_vignette .image img{	
	margin:0 auto; padding:0;
	border:#004c99 solid 1px;	
}

.block_vignette .detail{
	float:left;
	margin:5px auto; padding:0;
	width:180px; height:150px;
	text-align:center;
}

.block_vignette .detail p.prix{
	margin:0 auto 5px auto; padding:5px 0;	
	text-align:center; color:#004c99; font-size:14px; font-weight:bold;
	width:106px; height:auto;
	border:#004c99 solid 1px;
}

.block_vignette h3 span.divers{
	margin:0;
	color:#CC0000;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
}

.block_vignette .detail span.prixbarre{
	margin:0;
	color:#272727;
	font-size:10px;
	font-weight:normal;
	text-decoration:line-through;
}

#block_prod{
	margin:10px auto; padding:0;
	width:590px; height:300px;
	border:#004c99 dashed 1px;
	background-color:#fff;
	color:#272727;
	text-align:left;
}

#block_prod h3{
	display:block;
	margin:5px auto 0 auto; padding:5px 0 0 0;
	text-align:center;
	font-size:12px; font-weight:normal; color:#004c99;
	text-decoration:underline;
}

#block_prod .image{
	float:left;
	margin:5px auto 5px 8px; padding:0;
	text-align:center;
	width:150px; height:150px;
}

#block_prod .image img, #block_prod .detail p.imagemini img{	
	margin:0 auto; padding:0;
	border:#004c99 solid 1px;	
}

#block_prod .detail{
	float:left;
	margin:5px auto; padding:0;
	width:400px; height:150px;
	text-align:center;
}

#block_prod .declinaison{
	float:left;	
	height:40px;
	margin:3px 0 0 5px;
}

#block_prod .declinaison p{	
	text-align:left;
	width:200px;
}

#block_prod .declinaison label{
	float:left;
	margin:0;
	display:block;
	text-align:left;
	width:60px;
	font-size:10px;
	color:#004c99;
	text-align:left;	
}

#block_prod .detail p.imagemini{
	float:left;
	margin:5px auto; padding:0;
	text-align:center;
	width:60px; height:60px;
}

#block_prod .detail p.prix{
	float:right;
	margin:0 auto 5px auto; padding:5px 0;	
	text-align:center; color:#004c99; font-size:14px; font-weight:bold;
	width:106px; height:auto;
	border:#004c99 solid 1px;
}

#block_prod h3 span.divers{
	margin:0;
	color:#CC0000;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
}

#block_prod .detail span.prixbarre{
	margin:0;
	color:#272727;
	font-size:10px;
	font-weight:normal;
	text-decoration:line-through;
}

#block_prod .detail .panier{
	margin:5px 0; padding:0;
	float:right;
}

#block_prod .detail .panier a{
color:#666666;
}

#block_prod .description{
	margin:1em;
	float:left;
	width:400px;
	text-align:left;
	font-size:10px;
}

#cadre_info{
	margin:auto;
	padding:1em;
	border:1px solid #FFFFFF;
	background-color:#827e7e;
	color:#FFFFFF;
	width:250px;
}
.SousTitre{
	color:#ff8400;
}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #9d2121;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #9d2121;
border-bottom: none;
background: #d37943;
text-decoration: none;
}

#navlist li a:link { color: #9d2121; }
#navlist li a:visited { color: #9d2121; }

#navlist li a:hover
{
color: #9d2121;
background: #e09c73;
border-color: #9d2121;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid #9d2121;
}

/*--------------------------------- Plan du site -------------------------------*/
.bordure {
	border: 1px solid #ffffff;
}
#PS_page
{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	
}
#PS_text
{
	margin:auto;
	text-align:left;
	width:700px;
	padding-left:40px;	
	padding-right:40px;	
	background-color:#535353;
}
#PS_lienbas
{
	margin:auto;
	text-align:left;
	width:700px;
}