/* 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 CONTENU */
#contenu h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#fff;
	border-bottom:1px solid #da9e97;
	margin-bottom:17px;
}

#contenu h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
	color:#750C00;
	border-bottom:1px solid #A42215;
	margin-bottom:4px;
}

#contenu h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	color:#A42215;
	margin-bottom:4px;
	margin-top:5px;
}

#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
	color:#FBE6E1;
	margin-bottom:10px;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#fff;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:underline;
	color:#590800;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
}

/****************** Généralités **********************/

.colonne{
	width:300px;
	margin-right:15px;
	float:left;
	margin-bottom:10px;
}

#contenu .titre_gras{
	/*color:#E8680C;*/
	color:#A42215;
	font-weight:bold;
}

#contenu .titre_gras1{
	/*color:#FF9E40;*/
	color:#A42215;
	font-weight:bold;
}

#contenu .titre_gras2{
	color:#E8680C;
	font-weight:bold;
}

#container #contenu  ul li{
	/*padding-bottom:2px;*/
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FBE6E1;
	line-height:1.4em;
	list-style-image:none;
	background:url(../images/charte/puce3.gif) no-repeat center left;
	list-style:none;
	padding-left:10px;
	margin:0px 0px 1px 20px;
}

#container #contenu  ul.liste1 li{
	/*padding-bottom:2px;*/
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FBE6E1;
	line-height:1.4em;
	list-style-image:none;
	background:url(../images/charte/puce4.gif) no-repeat center left;
	list-style:none;
	padding-left:10px;
	margin:0px 0px 1px 20px;
}

#container #contenu  ul.liste1{
	margin:10px 0px;
}

#container #contenu .bloc_contact{
	background:url(../images/charte/bg_contact.jpg) no-repeat;
	padding:50px 5px 5px 5px;
	width:140px;
	height:65px;
	float:right;
	border:1px solid #ED5D45;
	margin:0px 0px 10px 15px;
} 

#container #contenu .bloc_contact p{
	color:#991D11;
	line-height:20px;
	text-align:center;
	font-size:14px;
}

#container #contenu .anim{
	float:right;
	border:1px solid #ED5D45;
	margin:0px 0px 10px 15px;
}

#container #contenu .anim_gauche{
	float:left;
	border:1px solid #ED5D45;
	margin:0px 15px 10px 0px;
}


/***************** Accueil ******************/
#container #contenu .promo{
	margin:0px 10px 0px 10px;
	border:1px solid #ED5D45;
	float:left;
}

#container #contenu .coup{
	margin:0px 10px 0px 10px;
	border:1px solid #ED5D45;
}


#container #contenu .colonne_promo{
	width:313px;
	float:left;
}

/**************** cours de danse ***********************/

.table_cours{
	margin-bottom:10px;
	margin-top:5px;
}

.table_cours tr td.ligne1{
	background:#86170C;
	padding:2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
	color:#FBE6E1;
}

.table_cours tr td.titre_jour{
	background:#86170C;
	padding:2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
	color:#F9C027;
}

.table_cours tr td.ligne2{
	background:#FFD0BE;
	padding:2px 3px;
	color:#86170C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
}

/******************* Listing produits **************************/
#container #contenu a.news p.marque{
	color:#EA5E00;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#container #contenu a.news p.info{
	text-decoration:underline; 
	font-weight:bold; 
	font-size:11px;
}

#container #contenu #pagination{
	width:630px;
	height:20px;
	text-align:center;
	/*clear:left;*/
}

#container #contenu #pagination p.page{
	float:left;	
	font-size:1.2em;
	width:360px;
	text-align:center;
	}
	


#container #contenu #pagination p.prec{
	float:left;	
	text-align:left;
	font-size:1.1em;
	width:80px;
	}
	
#container #contenu #pagination p.prec a{
	font-size:1em;
	font-weight:bold;
}
	
	
#container #contenu #pagination p.suiv{
	float:right;	
	text-align:right;
	font-size:1.1em;
	width:70px;
	}
	
#container #contenu #pagination p.suiv a{
	font-size:1em;
	font-weight:bold;
}	

#container #contenu .coup_coeur{
	position:absolute;
	width:80px;
	height:67px;
	background:url(../images/charte/selection.gif) no-repeat;
	top:0px;
	left:0px;
}

#container #contenu .pr{	
	position:absolute;
	top:0px;
	left:0px;
}

#container #contenu a.news:hover .coup_coeur{
	position:absolute;
	width:80px;
	height:64px;
	background:url(../images/charte/selection1.gif) no-repeat;
	top:0px;
	left:0px;
}

#container #contenu .promotion{
	position:absolute;
	width:80px;
	height:64px;
	background:url(../images/charte/promotion.gif) no-repeat;
	top:0px;
	left:0px;
}

#container #contenu a.news:hover .promotion{
	position:absolute;
	width:80px;
	height:64px;
	background:url(../images/charte/promotion1.gif) no-repeat;
	top:0px;
	left:0px;
}

#container #contenu a.news p.rub_prod{
	color:#DF2F1C;
	margin-bottom:0px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}



/************************Fiche produit************************************/
.cadre_photos{
	width:300px;
	float:left;
	margin-top:10px;
}

#container .cadre_photos .photo_principal{
	width:280px;
	text-align:center;
	margin-bottom:10px;
}

#container .cadre_photos .photo_principal img{
	border:1px solid #ED5D45;
}


.cadre_photos .ligne_img{
	width:300px;
	clear:left;
}

#container .vignette{
	/*width:80px;*/
	margin-right:18px;
	float:left;
	border:1px solid #ED5D45;
	margin-bottom:12px;
}


#container p.des_fiche_prod{
	font-size:1.3em;
	color:#EAA629;
	font-weight:bold;
	margin-bottom:5px;
	line-height:14px;
	text-align:left;
	float:left;
	width:160px;
}

#container p.ref_fiche_prod{
	font-size:1.2em;
	color:#FF8434;
	font-weight:bold;
	margin-bottom:5px;
	line-height:14px;
	text-align:right;
	width:150px;
	float:right;
}

#container p.marque_fiche_prod{
	font-size:1.2em;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:5px;
	line-height:14px;
	text-align:left;
	clear:left;
}

#container  #bloc_fiche{
	float:left;
	width:320px;
	margin-top:10px;
}

#container #bloc_fiche fieldset{
	border:1px solid #ED5D45;
	margin:5px 0px;
	float:left;
	width:320px;
}

#container #bloc_fiche legend{
	color:#580800;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	margin-left:30px;
	padding:5px;
}

#container #bloc_fiche fieldset p{
	font-family:Trebuchet MS;
	font-size:12px;
	line-height:1.1em;
	text-align:justify;
	color: #333333;
	margin-bottom:5px;
	padding:5px;
 }


#form_fiche{
	margin-bottom:10px;
	color:#FBE6E1;
	font-size:12px;
}

#form_fiche input,textarea,select{
	width:90px;
	border:1px solid #ED5D45;
	font-size:12px;
}
#form_fiche input:focus,textarea:focus{
	border-color:#FF0000;
}

#container #form_fiche .qte{
	width:90px;
	text-align:center;
}

#container p.info{
	font-weight:bold;
	font-size:12px;
}

#container #bloc_fiche p.prix_promo{
	color:#CA2307;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	clear:left;
}

#container #bloc_fiche p.prix_promo span.prix_barre{
	font-size:14px;
	text-decoration:line-through;
	margin-right:10px;
}

#container #bloc_fiche .env{
	float:right;
	margin:10px 0px;
}

#container #bloc_fiche .contact{
	float:left;
	margin:10px 0px;
}


#container #contenu .bloc_prod_ass{
	width:170px;
	float:left;
	margin:5px 15px 20px 0px;
}

#container #contenu .bloc_prod_ass .top_prod_ass{
	width:170px;
	float:left;
	min-height:20px;
	height:auto;
	background:url(../images/charte/top_prod_ass.jpg) no-repeat;
}



#container #contenu .bloc_prod_ass .contenu_prod_ass{
	width:170px;
	float:left;
	height:auto;
	background:url(../images/charte/contenu_prod_ass.jpg);
	background-repeat:repeat-y;
	text-align:center;
}

#container #contenu .bloc_prod_ass .bas_prod_ass{
	width:170px;
	float:left;
	height:14px;
	background:url(../images/charte/bas_prod_ass.jpg) no-repeat;
}

#container #contenu .bloc_prod_ass .top_prod_ass p{
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	margin-bottom:2px;
	padding:2px 6px;
}

#container #contenu .bloc_prod_ass .top_prod_ass p a{
	color:#FFFFFF;
}

#container #contenu .bloc_prod_ass .contenu_prod_ass img{
	margin:4px 0px 0px 0px;
	border:1px solid #475C99;
}

/*****************************************************/
/* 		Produits associés
/*****************************************************/
#container #contenu a.prod_ass{
	float:left;
	width:178px;
	background:#ffcfbc;
	padding:5px;
	text-decoration:none;
	margin:10px 20px 10px 0px;
	border:1px solid #ed5d45;
}
*html #container #contenu a.prod_ass{
display:inline;
}
#container #contenu a.prod_ass img{
	border:none;
	float:left;
	margin-right:5px;
	border:1px solid #ed5d45;
	}

#container #contenu a.prod_ass p.titre{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #a32114;
	text-transform:uppercase;
	margin-bottom:3px;
}
#container #contenu a.prod_ass p.prix{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	text-align:right;
	/*color: #a32114;*/
	color:#D82E1B;
}

#container #contenu a.prod_ass p.prix span.txt_prix{
	font-size:10px;
	font-weight:normal;
}

#container #contenu a.prod_ass:hover{
	background:#a32114;
	border:1px solid #ffaf4c;
	cursor:pointer;
}
#container #contenu a.prod_ass:hover img{
	border:1px solid #ffaf4c;
	}
#container #contenu a.prod_ass:hover p{
	color: #f8d7d0;
}
#container #contenu a.prod_ass:hover p.titre, #container #contenu a.prod_ass:hover p.prix{
	color: #ffaf4c;
}


/* STYLE FOOTER */
#footer2 p{
	font:normal 1.1em/32px Arial, Helvetica, sans-serif;
	color:#ff6e4b;
	text-align:center;
	letter-spacing:1px;
}
#footer2 a:link, #footer2 a:visited{
	text-decoration:none;
	color:#ff6e4b;
}
#footer2 a:hover, #footer2 a:active{
	text-decoration:underline;
	color:#a32114;
}

/*****************Location de costumes****************/
#container #contenu .bloc_location{
	float:left;
	width:273px;
	background:#ffcfbc;
	padding:10px;
	text-decoration:none;
	margin:10px;
	border:1px solid #ed5d45;
	height:142px;
}
#container #contenu .bloc_location img{
	border:none;
	float:left;
	margin-right:10px;
	border:1px solid #ed5d45;
}

#container #contenu .bloc_location .img_contact{
	border:none;
	float:left;
	margin-right:0px;
	margin-top:8px;
	/*border:1px solid #ed5d45;*/
	} 
#container #contenu .bloc_location p{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #590800;
}
#container #contenu .bloc_location p.titre{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #a32114;
	text-transform:uppercase;
	margin-bottom:3px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:630px;
	margin-bottom:10px;
}

#contactTxt img{
	float:right;
	border:1px solid #ED5D45;
	margin:0px 3px 5px 20px;
}

#contactTxt .colonne_contact{
	width:200px;
	margin-right:30px;
	float:left;
	margin-bottom:10px;
}

#container #contactTxt .logo{
	float:left;
	border:none;
	margin:20px 30px 5px 0px;
}


#container #formContact p{
	padding-bottom:0px;
	margin-bottom:5px;
	margin-left:0px;
	line-height:18px;
	text-align:left;
}

#container #formContact table.table tr td{
	height:20px;
}

#container #formContact table.table tr td.br{
	height:5px;
}

#container #formContact table.table tr td.adresse1{
	height:55px;
}

#container #formContact .checkbox{
	width:12px;
	height:12px;
}

#container #formContact textarea{
	width:150px;
	border:1px solid #ED5D45;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#container #formContact input, #panier .formulaire input, #bloc-ami input{
	width:150px;
	border:1px solid #ED5D45;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#formContact input:focus,textarea:focus, #panier .formulaire input, #bloc-ami input{
	border-color:#FF0000;
}

#formContact .champRequis{
	color:#FF0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.champRequis{
	color:#FF0000;
}

#container #formContact p.txt_rq{
	font-size:11px;
	padding-bottom:0px;
	text-align:justify;
	padding-bottom:5px;
	line-height:12px;
}

#container #formContact .bouton{
	border:1px solid #ED5D45;
	color:#FFFFFF;
	background:#ED5D45;
	margin:2px 5px;
	width:80px;
	height:20px;
	text-align:center;
	padding-bottom:2px;
}

#container #formContact .capta{
	width:50px;
}

/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
color:#FBE6E1;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
line-height:1.2em;

	width:350px;
	float:left;
	margin:40px 0 0 20px;
	padding-left:10px;
	border-left:1px solid #e6e6e6;
	font-size:11px;
	
	
}
#bloc-ami h1{
margin-bottom:20px;}
#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#580800;
	}

#bloc-ami #f_envoyerAmi input{
	width:200px;
	height:15px;
	padding-left:2px;
	background:#ffcfbb;
}

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	height:80px;
	padding-left:2px;
	background:#ffcfbb;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:100px;
	height:20px;
	color:#580800;
	background-color:#ffcfbb;
	cursor:pointer;
	text-align:center;
	}
#filtre{
text-align:right;}
#idcollection{
width:200px;}