/* 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;
}

/* STYLE DE LA PAGE CONTACT */
.ami{
	float:left;
	width:362px;
	margin:0px 5xp 0px 20px;
}
.gauchecontact{
	float:left;
	width:300px;
	margin:0px 5xp 0px 0;
}
.droitecontact{
	float:right;
	width:163px;
	margin:0px 0 5px 0;
}
.formulaire{
	float:left;
	width:480px;
	margin:0px 0xp 0px 0;
}
.formulaire1{
	float:left;
	width:750px;
	margin:0px 0xp 0px 0;
}
.bleunuit{
	font-size:11px;
	color:#7F2330;
}
.blanc{
	font-size:8px;
	color:#ffffff;
}
#container .loi {
	font-size:10px;
	color:#EEC268;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #650815;
	border-color:#650815;
	border:1px solid #650815;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #650815;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#650815;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #650815;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#650815;
}
#formContact .champRequis{
	color:#650815;
}
/*****PAGE ACCUEIL***/
#accueil {
	float:left;
	width:780px;
	margin:10px 0 0 0;
}
.gauche {
	float:left;
	width:520px;
	margin:0 5px 0 0;
}
.droite {
	float:left;
	width:240px;
	margin:0 0 0 0;
}
.centrecoupsdecoeurs {
	float:left;
	width:240px;
	margin:0 0 0 0;
		background-image:url(../images/centrecoups.jpg);
}
.coups {
	float:left;
	width:210px;
	margin:10px 7px 0 24px;
}
.coups1 {
	float:left;
	width:210px;
	margin:8px 0px 0 0px;
}
.imgfloatcoup {
	float:left;
	width:72px;
	margin:0 5px 0 0;
	border:1px solid #6D071A;
}

.imgfloat {
	float:left;
}
#container .titaccueil1 {
	color:#7F2330;
	margin-top:10px;
	font-weight:bold;
}
#container .titaccueil {
	color:#7F2330;
	margin-top:10px;
	font-weight:bold;
}
#container .titsousrub {
	color:#7F2330;
	font-size:12px;
}
#container .titrub {
	color:#7F2330;
	font-weight:bold;
	font-size:11px;
}
#container .titrubprix {
	color:#000;
	font-weight:bold;
	font-size:11px;
}
#container .titcoupsdesignation {
	color:#5D0012;
	font-weight:bold;
	
}
.imgfloatleft {
	float:left;
	width:300px;
	margin:0 0 0 0;
}
.imgfloatright {
	float:left;
	width:400px;
	margin:0 0 0 0;
	
}
.imgfloatright2 {
	float:right;
	width:150px;
	margin:5px 10px 0 0;
	border:1px solid #7F2330;
	
}
.imgfloatright1 {
	float:right;
	width:150px;
	margin:5px 0 5px 0;
	border:1px solid #7F2330;
}
.puce{
	float:left;
	width:520px;
	margin:0 0 0 0;
	
}
.gaucheaccueil ul{
	float:left;
	list-style-type:none;
	width:300px;
	padding:5px 0px 10px 0px;
	
}
.gaucheaccueil li{
	  float:left;
      background:url(../images/puce.jpg) no-repeat ;
	  padding:3px 0 5px 25px;
	  list-style-type:none;
	  font-size:12px;
	  color:#000;
	  width:300px;
	  margin:0 0 0px 0;
	  text-align:justify;
}

#container .infoslist1{
    float:left;
	background-image:url(../images/infos.gif);
	width:166px;
	height:27px;
	margin:0px 0 0 0px;
}

/*************PAGE LISTING**********************/
.pagination{
    float:left;
	width:780px;
	padding:0px 0 0px 0;
	text-align:center;
	color:#000;

}
#container .pagination a{
    color:#000;
	text-decoration:none;
	font-size:12px;
}

#container .pagination  a:hover{
    color:#711522;
	text-decoration:underline;
	font-size:12px;
}

.listing{
    float:left;
	width:371px;
	margin:0px 12px 0px 0;

}
.hautlisting{
    float:left;
	width:371px;
	margin:0px 0px 0px 0;
	height:49px;
	background-image:url(../images/listinghaut.jpg);
}
.centrelisting{
    float:left;
	width:371px;
	margin:0px 0px 0px 0;
	background-image:url(../images/listingcentre.jpg);
}

.droitelisting{
    float:left;
	width:130px;
	margin:100px 2px 0px 5px;
	
}
#container .titlisting {
	color:#5D0012;
	font-weight:bold;
	padding:25px 0 0 10px;
	font-size:14px;	
}
.gauchelisting{
    float:left;
	width:190px;
	margin:5px 0 0 10px;
	
}
#container .imglisting {
	float:left;
	border:1px solid #5D0012;
}
#container .infoslisting{
    float:left;
	background-image:url(../images/infos.gif);
	width:157px;
	height:27px;
	margin:0px 0 0 0px;
}

/*******************PAGE PRODUITS******************/
.produits{
    float:left;
	width:763px;
	margin:0px 0px 0px 0;

}
.hautproduits{
    float:left;
	width:763px;
	margin:0px 0px 0px 0;
	height:49px;
	background-image:url(../images/hautproduits.jpg);
}
.centreproduits{
    float:left;
	width:763px;
	margin:0px 0px 0px 0;
	background-image:url(../images/centreproduits.jpg);
}

.droiteproduits{
    float:left;
	width:130px;
	margin:100px 2px 0px 5px;
	
}
#container .titproduits {
	float:left;
	color:#5D0012;
	font-weight:bold;
	padding:25px 0 0 10px;
	font-size:13px;	
	width:250px;
}
#container .titprix {
	float:right;
	color:#000;
	padding:25px 25px 0 0px;
	font-size:13px;	
	width:250px;
	text-align:right;
}
.gaucheproduits{
    float:left;
	width:289px;
	margin:5px 0 0 10px;
	
}
#container .imgproduits {
	float:left;
	border:1px solid #5D0012;
}
#container .infosproduits{
    float:left;
	background-image:url(../images/infos.gif);
	width:157px;
	height:27px;
	margin:0px 0 0 0px;
}



/********************IMAGE***/
.gaucheproduits {
	float:left;
	margin:5px 10px 0px 0;
	width:287px;
}
.droiteproduits1 {
	float:left;
	margin:10px 5px 0px 5px;
	width:440px;
}
.imagesdiaporama{
    float:left;
	width:318px;
}
.miniphotovoyage {
	float:left;
	width:288px;
	margin:0px 0px 0px 10px;
}
#container .miniphotovoyage img{
	float:left;
	width:69px;
	margin:3px 1px 0px 0px;
	border:1px solid #5D0012;
}
.grandeimgvoyage {
	float:left;
	width:287px;
	margin:6px 0px 0px 10px;
	border:1px solid #5D0012;
}
fieldset {
    float:left;
	width:425px;
	margin:0px 0px 5px 0px;
	padding:0px;
	border:1px solid #FDE8C3;
	font-size:11px;
	color:#000;
	text-align:justify;
	padding:5px 5px 10px 5px;
}
legend {
    margin:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	font-style:italic;
}
#container .titdimensions {
	float:left;
	color:#5D0012;
	margin:0px 0 0 3px;
	font-size:12px;
}

#container .contactproduits{
    float:left;
	background-image:url(../images/contact.gif);
	width:217px;
	height:16px;
	margin:3px 4px 0 0px;
}
#container .amiproduits{
    float:left;
	background-image:url(../images/ami.gif);
	width:216px;
	height:16px;
	margin:3px 0 0 0px;
}
.miniphoto {
	float:left;
	width:100px;
	margin:0px 0px 0px 10px;
}
#container .titprdouitsaccosies {
	color:#000;
	font-weight:bold;
	font-size:11px;
}

/**************PAGE ATELIRE*/
.formulairedevis{
	float:left;
	width:520px;
	margin:0px 0xp 0px 0;
}



/*- FICHE PRODUIT */
/*.produit-left {
background-image:url(../images/charte/fd-fiche-produit.gif);
background-repeat:no-repeat;
width:605px;
height:457px;
float:left;
margin:0 0 0 25px;
}*/
.produit-miniature img{ margin:0 0 5px 0;}
.produit-miniature {
width:150px;
text-align:center;
height:435px;
float:left;
margin:12px 0 0 25px;
/*border:1px solid red;*/
}
.produit-fleche-top {
width:95px;
height:15px;
float:left;
margin:8px 0 0 27px;
}
.produit-fleche-bottom {
width:95px;
height:15px;
float:left;
margin:8px 0 0 27px;
}
.produit-defile-image img{
   margin:0 0 7px 0;
}
.produit-defile-image {
width:114px;
float:left;
height:385px;
margin:10px 0 0 17px;
overflow:hidden; 
text-align:center;
position:relative;
}
.produit-titre {
font-size:20px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:600px; 
float:left;
margin:20px 0 0 30px;
}
.produit-texte-description {
margin:0 0 10px 0;
}
.produit-texte-description li{
margin:0 0 10px 0;
list-style-image:url(../images/charte/puce_description.gif);
}
.produit-description {
width:770px; 
float:left;
margin:20px 0 0 60px;
}
.produit-entretien {
width:180px;
height:50px;
float:left;
}
.produit-coloris {
margin:0 0 0 15px;
height:50px;
float:left;
}
.cliquez-image {
display:block;
float:left;
width:350px;
}
.cliquez-mensu {
display:block;
float:right;
width:200px;
}

.produit-coloris2 {
width:150px;
margin:0 0 0 15px;
height:50px;
float:left;
}
.produit-taille {
width:200px;
margin:0 0 0 15px;
height:50px;
float:left;
}
.produit-panier {
width:128px;
margin:0;
height:22px;
margin:20px 0 0 0;
padding-top:4px;
float:left;
background-image:url(../images/charte/fd-panier.gif);
clear:left;
text-align:center;
}
.produit-liste {background-color:#000000; color:#FFF; border:1px solid white; }
.produit-grand {
width:380px;
float:left;
height:435px;
margin:12px 0 0 15px;
/*border:1px solid blue;*/
/********************* ajouté par développeur **********************/
text-align:center;
/********************* fin ajouté par développeur **********************/
}
.produit-right {
background-image:url(../images/charte/fd-fiche-produit2.gif);
width:148px;
height:457px;
float:left;
margin:0 0 0 55px;
/*border:1px solid yellow;*/
}