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



a:focus{
  outline: none;
}


#contenuTexte h1{
	margin:10px 0 10px 0;
	padding:0;
	font:bold 1.8em "Trebuchet MS", Arial;
	text-align:left;
	color:#d12307;
	border-bottom:1px solid #d12307;
}
#contenuTexte h2{
	margin:20px 0 25px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	color:#D46A00;
	border-bottom:1px dashed #D46A00;
}

#contenuTexte p{
	 
	font-size:1.2em;
	text-align:justify;
}
#contenuTexte a:link, #contenu a:visited{
	color: #d91102;
	text-decoration:none;
}
#contenuTexte a:hover, #contenu a:active{
	color: #d91102;
	text-decoration:underline;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#FF0000;
}

#cgv{
font-size:12px;

}

#cgv span{
display:block;
font-size:16px;
font-weight:bold;
margin-top:10px;
}

.actualite{
   float:left;
  width:420px;
  background-color: #7AF88A;
  border: 1px dotted red;
  padding:10px;
  margin-bottom:15px;
}
.actualite-img{
  padding:4px 0px 0px 0px;
}


#contenuTexte .actualite-img img{
  margin:0px 10px 0px 0px !important;
  float:left;
  border:1px solid #ffffff;
}


/***************** CATALOGUE *****************/

.cata {
width:150px;
height:238px;
font:1em Arial, Helvetica, sans-serif;
color:#000000;
background:#92f9a0;
padding:8px 0px 2px 0px;
float:left;
margin:5px;
border: 1px solid #FFFFFF;
}

.cata p{
padding:6px;
}

.cata img{
margin:0 auto;
}

.cata .image{
height:100px;
margin-bottom:5px;
text-align:center;
}

.cata .image img{
border:1px solid #fff;
}

.titre{
font-size:14px;
margin-bottom:5px;
text-align:center;
}

.prix{
clear:both;
font-size:12px;
color:#3366CC;
text-align:left;
padding-left:10px;
font-weight:bold;
}

.prixf{
clear:both;
font-size:12px;
color:#CC3333;
text-align:left;
padding-left:10px;
font-weight:bold;
}

.cata p{
font:0.8em Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
display:block;
}

.addbasket {
border:0px;
text-align:center;
}


/* ------------------------------------------ LISTING --------------------------------- */

.listing{
border:1px solid #FFFFFF;
background: #92F9A0;
}

.listing .tete{
border-bottom:1px solid #FFFFFF;
background: #C5FFBD;
height:30px;
}

.listing .tete .deno{
float:left;
line-height:30px;
font-size:16px;
padding-left:10px;
font-weight:bold;
}

.listing .tete .ref{
float:right;
line-height:30px;
font-size:12px;
padding-right:10px;
}



.listing .info{
padding:10px;
}

.listing .centre{
width:100%;
}

.listing .description{
padding:10px;
}

.listing .info .prix{
float:right;
margin:10px;
font-size:18px;
font-weight:bold;
color:#009933;
}

.listing .info .commander{
float:right;
margin:10px;
font-size:18px;
font-weight:bold;
color:#009933;
}

.listing .description img{
float:right;
margin:0px 0px 10px 10px;
border:1px solid #FFFFFF;
}

#contenuTexte .listing .pied{


border-top:1px solid #FFFFFF;
clear:both;
background: #C5FFBD;
}

.listing .pied .plus_info{
float:right;
margin:10px;
font-size:16px;
font-weight:bold;
color: #990000;
}

.listing .pied .impr{
float:left;
margin:10px;
width:200px;
}

.listing .pied .impr img{
vertical-align:middle;
padding-right:10px;
border:0;
}

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


#tab_com td{
border-top: 1px solid #FFFFFF;
}

.cata_int{
position:relative;
background:#993300;

}

.etiket_promo{
background:url(../images/charte/etiket-promo.jpg) left top no-repeat;
width:90px;
height:14px;
position:absolute;
margin-top:-15px;
margin-left:0px;
}




.etiket_new{
background:url(../images/charte/etiket-new.jpg) left top no-repeat;
width:90px;
height:14px;
position:absolute;
margin-top:-15px;
margin-left:0px;
}


/* ------------------------------------------ CHAUSSURES DE TANGO ARGENTIN --------------------------------- */

#contenuTexte #vignettes{
	float:left;
	width:340px;
	height:360px;
	padding:5px 0px 5px 0px;
	}

#contenuTexte #vignettes img{
	margin:0 6px 5px 0;
	border:1px solid #FFF;
}


#vignettes .img_image{
	float:left;
	width:95px;
	height:104px;
	margin:0px 5px 2px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
}

/* ------------------------------------------ Créations de vêtements personnalisables ou sur mesures --------------------------------- */

#contenuTexte #vignettes1{
	float:left;
	width:340px;
	height:360px;
	padding:5px 0px 5px 0px;
	}



#vignettes1 .img_image1{
	float:left;
	width:95px;
	height:104px;
	margin:0px 5px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
    text-align: center;
}
#contenuTexte #vignettes1 .img_image1 img{
	margin:0 4px 5px 4;
	border:1px solid #FFF;
    text-align: center;
}
#big-image{
  float:left;
  width:310px;
  text-align: center;
  background-color: #3BF24C;
  padding-bottom:20px;
}
#big-image img{
  text-align: center !important;
  padding-bottom:10px;
}
#title{
  color:#1F8027;
  font-weight: bold;
  font-size:12px;
   text-align: center;
}
#text{
  color:#000000;
  text-align: justify;
}

/* ------------------------------------------ CHAUSSURES DE MARIAGE --------------------------------- */

#contenuTexte #vignettes-mariage{
	float:left;
	width:330px;
	height:400px;
	padding:5px 0 5px 0px;
	}

#contenuTexte #vignettes-mariage img{
	margin:0 0 2px 0;
	border:1px solid #FFF;
}


#vignettes-mariage .img_image-mariage{
	float:left;
	width:90px;
	height:120px;
	margin:0px 5px 5px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
}

#contenuTexte .grande_image-mariage{
	float:left;
	width:200px;
	/*border:1px solid black;*/
}
#contenuTexte .grande_image-mariage img{border:1px solid #FFF;}

#contenuTexte .descriptif-mariage{
	font-size:12px;
	margin-top:20px;
}

.pagination-produit-mariage{
	padding-top:5px;
	margin:5px auto 0 auto;
	font-size:11px;
	clear:both;
	}
	
.pagination-produit-mariage a{color:#ff0066; border:none;}	
.pagination-produit-mariage a:hover{color:#046010;}	

	

/* -----------------------------PAGINATION----------------------------------------------- */
.pagination-produit{
	width:250px;
	text-align:center;
	padding-top:5px;
	margin: 30px auto 0 auto;
	padding-top:50px;
	font-size:11px;
	}
	
#listing-produit .pagination-produit a{color:#ff0066;}	
#listing-produit .pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}



#contenuTexte #grande_image{
	float:left;
	width:200px;
	/*border:1px solid black;*/
}

#contenuTexte .descriptif{
	font-size:12px;
	margin-top:20px;
}






/* ------------------------------------------ PARTENAIRES NOS BONNES ADRESSES --------------------------------- */

#contenuTexte .partenaires{
	float:left;
	width:400px;
	/*border:1px solid red;*/
	margin:20px 0;
	border-bottom:1px dashed #FFF;
	padding-bottom:5px;
}

#contenuTexte .partenaires .nom{
	font-size:14px;
}

#contenuTexte .partenaires .desc{
	font-size:12px;
}



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


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

























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



.forminput,
.formtextareadress,
.formtextareacomment,
 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;
}

.forminput
{
padding:0 3px 0 3px;
height:20px;
line-height:20px;
width:230px;
}

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

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

.formbt{
border:1px #333 solid;
height:25px;
width:100px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#333;
background-color:#F6B497;
}

*html .formbt
{
border:1px #704A3e dashed;
height:25px;
width:100px;
text-align:center;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:600;
letter-spacing:0.1em;
color:#704A3e;
background-color:#F4F3EA;
}
			
.text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color: #333;
letter-spacing:0.1em;
text-align:right;
padding-right:10px;
}	

.btn_commander {
	background: url(../images/charte/commander.jpg) no-repeat top left;
	border: 0;
	width: 169px;
	height: 32px;
}

span.noProd {
	font-size: 12px;
	font-weight: bold;
}


/*** ***/

#contenu p a.demande-catalogue, #contenu p.demande-renseignement {
color:#870d0b;
font-size:1.2em;
}