/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}




.img_index{
border:1px solid #017E00;
float:right;
margin:0px 0px 4px 10px;
}


#contenuTexte .txt_02{
font-size:18px;
}

.img_boutique{
border:1px solid #BB711D;
float:left;
margin:16px;
}

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

#tab_catalogue{
width:694px;
}

#tab_catalogue td{
width:50%;

}

#contenuTexte .afficheprod {
margin:10px;
padding:5px;
min-height:120px;
border:4px solid #ECA62C;
background:#ECBC2C;
width:300px;
}

#contenuTexte .afficheprod .photo{
float:left;
min-width:120px;
}


#contenuTexte .afficheprod .photo img{
border:1px solid #000000;
height:100px;
margin-right:5px;
}

#contenuTexte .afficheprod h1{
font:1.4em "Arial Black", Arial, Helvetica, sans-serif;
color:#c80000;
text-transform: uppercase;
border:none;
margin:0;
padding:0;
height:auto; <!-- 25px; -->
}

#contenuTexte .afficheprod p.titre-prod {
font:1.2em "Arial Black", Arial, Helvetica, sans-serif;
color:#c80000;
text-transform: uppercase;
border:none;
margin:0;
padding:0;
min-height:25px;
width:130px;
float:left;
}

#contenuTexte .afficheprod p{
font:1.1em Arial, Helvetica, sans-serif;
color:#000;
margin:0;
padding:0;
text-transform:uppercase;
text-align:left;
float:left;
width:130px;
}



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

#contenuTexte .detail{
margin:10px;
padding:10px;
border:4px solid #ECA62C;
background:#ECBC2C;
min-height:343px;
}

#contenuTexte .detail #reserve{
border: 1px solid #F5DC91;
background:#ECAE2C;
margin:20px 0px 0 20px;
font-size:16px;
color:#cc3300;
padding:6px 0px;
width:100px;
float:left;
text-align:center;
cursor:pointer;
}

#contenuTexte .detail #vendu, #contenuTexte .detail #reserve{
border: 1px solid #F5DC91;
background:#ECAE2C;
margin:20px 0px 0px 0;
font-size:14px;
color:#cc3300;
padding:6px 0px;
width:70px;
float:left;
text-align:center;
/*cursor:pointer;*/
}

#contenuTexte .detail #ajout{
border: 1px solid #F5DC91;
background:#ECAE2C;
margin:20px 0px 0 5px;
font-size:14px;
color:#cc3300;
padding:6px 0px;
width:150px;
float:left;
text-align:center;
cursor:pointer;
}


#contenuTexte .detail img{
border:1px solid #000000;
height:340px;
float:left;
margin-right:10px;
}

#contenuTexte .detail h1{
font:1.4em "Arial Black", Arial, Helvetica, sans-serif;
color:#c80000;
text-transform: uppercase;
border:none;
margin:0;
padding:0;
height:auto; <!-- 25px -->
}

#contenuTexte .detail p{
font:1.1em Arial, Helvetica, sans-serif;
color:#000;
margin:0;
padding:0;
text-transform:uppercase;
text-align:left;

}

.clear_box{
 

}



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

#tab_catalogue_menu{
width:694px;
}

#tab_catalogue_menu td{
text-align:center;
width:25%;
}


#tab_catalogue_menu td a{
padding:10px;
display:block;
font-size:14px;
color:#333;
background:#ECA62C;
text-decoration:none;
}

#tab_catalogue_menu td a:hover{
color:#fff;
background:#EA6D08;
text-decoration:none;
}

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

.diapo{
border:0px solid #70C5CA;
width:400px;
margin:50px 0px 0px 50px ;
background:none;
}


#pagination{
text-align:center;
font-size:14px;
margin:10px 0px;
letter-spacing:1px; 
}

#pagination a{
margin:0px 5px;
padding:1px 4px;
color:#333;
background:#ECA62C;
text-decoration:none;
border:1px solid #993300; 
}

#pagination a:hover{
color:#fff;
background:#EA6D08;
border:1px solid #fff; 
text-decoration:none;
}

#tab_depot_vente{
width:100%;
}

#tab_depot_vente img{
border:1px solid #993300;
}

#cgv{
font-size:12px;
}

#cgv span{
font-size:14px;
font-weight:bold;
display:block;
width:500px;
border-bottom:1px solid #fff;
padding:5px 0px;
margin:10px 0px;
}

/* ------------------------------------------ STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

#form_contact .text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color: #333;                                  /* COULEUR TEXTE */
letter-spacing:0.1em;
text-align:right;
padding-right:10px;
}	

#form_contact .forminput,
#form_contact .formtextareadress,
#form_contact .formtextareacomment,
#form_contact select
{
border:1px #704A3e solid;
padding:0;
margin:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
background:#fff;
text-align:justify;
}

#form_contact .forminput
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;
width:230px;
}

#formContact select
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;

}

#form_contact .formtextareadress
{
padding:0 3px 0 3px;
height:60px;
width:230px;
}

#form_contact .formtextareacomment
{
padding:0 3px 0 3px;
height:110px;
width:230px;
}

#formAccount {
	margin-top: 15px;
	display: block;
}

#formAccount #errors {
	margin: 10px 0;
	color: red;
	font-weight: bold;
	text-decoration: blink;
}

#formAccount label {
	float: left;
	width: 125px;
	display: block;
	text-align: right;
}

#formAccount .requiredField {
	color: red;
}

#formAccount input, #formAccount textarea, #formAccount select {
	float: left;
	margin: 2px 10px;
	margin-right: 0px;
}

#formAccount textarea {
	width: 250px;
	height: 75px;
}


#formAccount input[type="submit"] {
	width: 57px;
	height: 17px;
	border: 1px solid white;
	background: url(../images/charte/bt-validerMembre.gif) top left no-repeat;
	padding: 1px;
	margin-left: 185px;
	margin-top: 10px;
}

/* LISTING PRODUIT */
#menu-catalogue {
	width:750px;
	height:40px;
}
#contenuTexte a:link.case-menu, #contenuTexte a:visited.case-menu {
	background:#007A01;
	width:90px;
	height:19px;
	float:left;
	margin:0 2px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#FFF;
	padding:8px 5px;
	font-weight:bold;
	font-variant:small-caps;
}

#contenuTexte a:link.case-menu2, #contenuTexte a:visited.case-menu2 {
	background:#007A01;
	width:90px;
	height:29px;
	float:left;
	margin:0 2px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
	padding:3px 5px;
	font-weight:bold;
	font-variant:small-caps;
}

#contenuTexte a:hover.case-menu, #contenuTexte a:active.case-menu, 
#contenuTexte a:hover.case-menu2, #contenuTexte a:active.case-menu2 {
text-decoration:none; background:#C79D15} 

#catalogue {
	width:750px;
	margin:30px 0 0 0;
	}

#contenuTexte a:link.produit, #contenuTexte a:visited.produit {
	width:150px;
	height:115px;
	float:left;
	margin:0 15px 10px 0;
	padding-right:15px;
	border-right:1px solid #C79D15;
	display:block;
}
#contenuTexte a:link.produit img, #contenuTexte a:visited.produit img{
	border:1px solid #333;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	}

#contenuTexte a:hover.produit img, #contenuTexte a:active.produit img{
	filter: alpha(opacity=90);
	-moz-opacity: 0.90; opacity:0.90;
	border:1px solid #333;
	}

/* PAGINATION */
.pagination {
	width:500px;
	margin:20px auto;
	color:#007A01;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	font-variant:small-caps;
	}

#contenuTexte h1.produit{
	margin:10px 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:2.5em;
	text-align:left;
	color:#007A01;
	height:15px;
	}