/* 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 */
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
line-height:30px;
height:30px;
color:#444f52;
margin:20px 0px 15px 0px;
border-left:20px solid #722295;
padding-left:5px;
padding-top:5px;
}

#texte2 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
line-height:30px;
height:30px;
color:#FFF;
margin:20px 0px 15px 0px;
border-left:20px solid #722295;
padding-left:5px;
padding-top:5px;
}

#texte h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
line-height:30px;
height:30px;
color:#444f52;
margin:20px 0px 15px 0px;
border-left:20px solid #FFB320;
padding-left:5px;
}

#texte h3{
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#444f52;
margin:10px 0px 5px 0;
}

#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #444f52;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #444f52;
}

#texte2 a:link, #texte2 a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #FFF;
}
#texte2 a:hover, #texte2 a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #FFF;
}

p {margin-bottom:5px; font:11px arial, Helvetica, sans-serif;}

ul.violet {
	list-style:url(../images/charte/puce-violet.gif) outside;
	margin:10px 0 10px 25px
	}
ul.orange {
	list-style:url(../images/charte/puce-orange.gif) outside;
	margin:10px 0 10px 25px
	}
	
.gras1 {font-weight:bold; color:#722295;}
.gras2 {font-weight:bold; color:#FFB320;}
.gras3 {font-weight:bold;}

.txt01 {color:#722295;}
.txt02 {color:#FFB320;}
.txt03 {color:#913338;}
.txt04 {font-size:12px;}
.txt05 {font-size:14px;}
.txt06 {font-size:14px; text-align:center; margin:10px 0; line-height:20px;}
.txt07 {font-size:12px; text-align:center; margin:10px 0; line-height:20px;}

.nota {
	font-style:italic;
	color:#204486;
	font-size:10px;
	margin-top:20px;
	color:#666;
}

#texte h1.ariane {
	font-size:12px;
	color:#722295;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#texte h1.ariane a {
	font-size:12px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#texte h1.ariane a:hover {
	font-size:12px;
	color:#FFB320;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}



/* RUBRIQUE AMENAGEMENT */
#diapo-amenagement {
	width:418px;
	height:418px;
	float:left;
	margin:0  0 0 20px;
}

#texte-amenagement {
	width:200px;
	float:left;
	margin-left:15px;
}


/* RUBRIQUE REALISATION */
#bloc-realisation {
	margin:0 0 0 20px;
	width:580px;
	height:auto;
}

#bloc-realisation a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	float:left;
	margin:0 0 10px 10px;
	border:1px solid #FFF;
}
#bloc-realisation a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
	border:1px solid #FFF;
	}



/* LA PAGINATION */
.pagination {
	width:550px;
	margin:0 0 0 7px;
	float:left;
	color:#722295;
	font-size:11px;
	text-align:center;
	}



/* LE CATALOGUE */
#bloc-catalogue {
	margin:0 0 0 20px;
	width:580px;
	height:auto;
}

.produit {
	width:100px;
	height:auto;
	text-align:center;
	margin:0 10px 10px 0;
	float:left;
}

.produit span {
	width:100px;
	display:block;
	font-size:11px;
	color:#333333;
	text-align:center;
	margin:0;
	padding:0;
}

.produit a:link, .produit a:visited {text-align:center; width:100px; height:105px; display:block;}
.produit a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin:0 0 0 0;
	border:1px solid #CCC;
}
.produit a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
	}

.produit-texte {
	width:570px;
	font-size:12px;
	color:#666;
	margin-top:20px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	border-top:3px solid #722295;
}


/* LA FICHE PRODUIT */
#bloc-fiche {
	margin:20px 0 0 30px;
	width:650px;
	height:auto;
}

#gauche-fiche {
	width:120px;
	height:auto;
	margin:20px 25px 0 0;
	float:left;
}

#milieu-fiche {
	width:280px;
	height:auto;
	text-align:center;
	margin:0 20px 0 0;
	float:left;
}

#droite-fiche {
	width:150px;
	height:auto;
	margin:0;
	float:right;
	margin:5px 35px 0 0;
}

#gauche-fiche a:link, #gauche-fiche a:visited {width:50px; height:50px;  display:block; margin:0 5px 5px 0; float:left; }

#gauche-fiche a img {
	border:1px solid #CCC;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#gauche-fiche a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}



#milieu-fiche img {border:1px solid #CCC;}
#milieu-fiche #designation {font-size:14px; font-weight:bold; font-variant:small-caps;}
#milieu-fiche #descriptif {font-size:11px; text-align:justify;}
#milieu-fiche #dimenssion {font-size:11px; text-align:left; font-weight:normal; color:666;}
#milieu-fiche #tarif {font-size:12px; text-align:left; font-weight:bold; color:666;}


#droite-fiche p.vignette{
	width:32px; 
	height:auto;
	font-size:9px;
	color:#333;
	margin:0 5px 5px 0;
	float:left;
	text-align:center;
	}
	
#droite-fiche p.vignette  a img{
	border:1px solid #CCC;
	display:block;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	width:32px;
	height:32px;
}
#droite-fiche p.vignette a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#couleurs {
	width:180px;
	height:auto;
	margin:0;
	float:left;
	margin:5px 0 0 0
}

#plus-fiche {
	width:180px;
	height:auto;
	margin:0;
	float:left;
	margin:15px 0 0 0
}

#plus-fiche a img{
	cursor:pointer;
	margin:10px 0 0 0;
	border:none
}

#plus-fiche span#prix-produit {
	float:left;
	font-size:20px;
	color:#333;
	font-weight:bold;
	margin: 5px 0 0 0;
	width:150px;
}

#plus-fiche span#prix-barre {
	float:left;
	font-size:14px;
	color:#333;
	font-weight:bold;
	text-decoration:line-through;
	margin: 5px 10px 0 0;
}




/* ANNONCES */
#annonces{
	float:left;
	width:670px;
	min-height:104px;
	height:auto !important;
	height:104px;
	border:1px solid #5e3c23;
	margin-bottom:10px;
}
#annonces img{
	margin:5px;
	float:left;
}
#annonces p{
	margin:20px 5px 5px 5px;
	
}
#titre-annonce{
	float:left;
	width:666px;
	height:16px;
	background:#ebcc8b;
	padding:4px 0 0 4px;
	color:#643f24;
	font-weight:bold;
	font-size:12px;
}
.majuscule{
	text-transform:uppercase;
}
#titre-annonce2{
	float:left;
	width:500px;
}
#prix{
	width:50px;
	float:right;
	color:#000000;
}
/* ------------------------------------------FIN ANNONCES--------------------------------- */
/* 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;
}
.champRequis{
	color:#722295;
}

/* RUBRIQUE CONTACT */
/** RUBRIQUE CONTACT **/
#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:30px 30px 20px 0 ;
	padding: 0 5px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#bloc-contact {
	width: 320px;
	float:left;
	margin:30px 0 20px 0 ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#722295;
	letter-spacing:0.03em;
}

#bloc-contact #contactTxt{
	width:45%;
	float:left;
	color:#722295;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:200px;
	border:1px solid #722295;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#722295;
}
#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton-contact{
	width:80px;
	border:1px solid #e4e4e4;
	background-color:#fff;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#722295;
	cursor:pointer;
}

#bloc-merci {
	width:500px;
	margin:30px 50px 20px 0 ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}


/** style pour la page rélaisation */
.realisation {
	width:100px;
	height:auto;
	text-align:center;
	margin:0 10px 10px 0;
	float:left;
}

.realisation span {
	width:100px;
	display:block;
	font-size:11px;
	color:#333333;
	text-align:center;
	margin:0;
	padding:0;
	margin:0 0 0 10px;
}

.realisation a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin:0 0 0 0;
	border:1px solid #CCC;

}
.realisation a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}