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

li {font-size:12px;}
.bloc-gauche {
	float:left;
	width:300px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;
	text-align:justify;
}

.bloc-gauche1 {
	float:left;
	width:600px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:20px;
	text-align:justify;
}
.bloc-droite {
	float:right;
	width:300px;
	margin-right:0;
	margin-bottom:20px;
	margin-top:20px;
	text-align:justify;
	/*border:1px solid red;*/
}
.bloc-gauche img{
	border:1px solid #FFF;
	margin-left:20px;
	margin-top:10px;
}


#galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:10px;
	height:96px;
	margin-bottom:20px;	
}
#galerie2 {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:10px;
	height:96px;
	margin-bottom:20px;	
}

/*-------------------------- Galerie  ---------------------------*/



#contenuTexte #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut {
  width: 502px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;
  width: 138px;
    border:1px solid #C8362A;
  }
  
.bloc-droite img{
	float:left;
	border:1px solid #FFF;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:2px;
}

/*-------------------------- Galerie 2 ---------------------------*/


#contenuTexte #defilgauche2 {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite2 {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut2 {
  width: 502px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow2{
  position: relative;
  }
  
.bloc-droite img{
	float:left;
	border:1px solid #FFF;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:2px;
}
.gras1 {color:#666666; font-weight:bold;}
.gras2 {color:#B34A00; font-weight:bold;}
.gras3 {color:#FFF; font-weight:bold;}


#selection {
	float:right;
	margin-top:50px;
	margin-right:0px;
}

.nota {
	font-style:italic;
	text-align:center;
	margin:0 auto;
}

	
#contenuTexte h1.filariane{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	color:#8a949c;
	text-decoration:none;
	margin-bottom:20px;
}
#contenuTexte h1.filariane a {text-decoration:none;}

	
	
/* RUBRIQUE LISTING PRODUIT */
#listing-produits{
	width:500px;
	float:left;
	margin:0 0 0 30px;
}

#produits{
	float:left;
	width:150px;
	background:none;
	text-align:center;
	margin:0 0 20px 20px;
}

#produits .image-produit{
	width:150px;
	height:100px;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#none;
}

#produits a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	border:1px solid #FFF;
}
#produits a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#produits #contenu-produit {
	background-color:#666;
	width:150px;
	margin-top:5px;
	padding:2px 0;
}

#produits h3{
	font-family: "Trebuchet MS"Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	width:140px;
}

#produits p.prix-produit {
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	padding:0;
	line-height:14px;
}

#produits a.produit-lien{
	width:140px;
	background:url(../images/charte/loupe.jpg) right center no-repeat;
	padding:0 15px 0 0;
	font-size:11px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: #D5D729;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	}

#produits a:hover.produit-lien{ 
	background:url(../images/charte/loupe-roll.jpg) right center no-repeat;
	cursor:pointer;
	color: #D5D729;
	text-decoration:none;
	}




/* FICHE PRODUIT */
#ficheprod {
	width:320px;
	float:left;
	margin:0 0 0 50px;
	font-family: "Trebuchet MS"  Arial, Helvetica, sans-serif;
}

#ficheprod h1.titre-prod{
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#8A949C;
	color:#FFF;
	font-size:11px;
	padding:0 0 0 5px;
	margin:10px 0 10px 0 ;
	border:none;
	height:16px;
	width:100%;
	font-variant:normal;
}

#ficheprod p{
	padding:5px 10px 5px 10px;
	margin:5px 0;
	font-size:1.1em;
	line-height: normal;
	text-align:justify;
	width: 320px;
}


#ficheprod span#prix-produit {
	float:left;
	font-size:18px;
	color:#B34A00;
	font-weight:bold;
	margin: 5px 0 0 0;
}

#ficheprod span#prix-barre {
	float:left;
	font-size:16px;
	color:#8A949C;
	font-weight:bold;
	text-decoration:line-through;
	margin: 5px 10px 0 0;
}


.images{
	width:250px; 
	height:250px;
	float:left;
	margin:0 0 5px 0;
	text-align:center;
}
.images img{border:1px solid #FFF;}
		
a span {
	display:block;
	padding:8px 0 0 35px;
	height:25px;
	font-size:11px;
	width:100px;
	float:left;
	margin:0 0 0 15px;
	cursor:pointer;
	color:#B34A00;
	text-decoration:none;
	}
a:hover span{
	color:#FFF;
	text-decoration:none;
	}
	
a span.detail-achetez {background:url(../images/charte/acheter.gif) top left no-repeat;}
a span.detail-amis {background:url(../images/charte/amis.gif) top left no-repeat; float:right; margin:10px 0 0 0;}
a span.detail-contact {background:url(../images/charte/contact.gif) top left no-repeat; float:right; padding:8px 0 0 28px; margin:0 5px 0 0;}

a:hover span.detail-achetez{background:url(../images/charte/acheter-roll.gif) top left no-repeat;}
a:hover span.detail-amis {background:url(../images/charte/amis.gif) top left no-repeat;}
a:hover span.detail-contact {background:url(../images/charte/contact.gif) top left no-repeat;}

select.liste{
	background-color:#CCD8E3;
	width:150px;
	margin-right:5px;
	margin-bottom:10px;
	margin-left:5px;
	border:1px solid #8A949C;
	float:left;
}
span.liste {
	display:block;
	width:50px;
	float:left;
	margin-left:10px;
}
span.liste2 {
	display:block;
	width:80px;
	float:left;
	margin-left:10px;
}
		
/* RUBRIQUE TROUVER */
*html .trouver-gauche{
	float:left;
	width:250px;
	margin-right:10px;
}
.trouver-gauche{
	float:left;
	width:250px;
	margin-right:60px;
}
.trouver-gauche img{
	border:1px solid #FFF;
	margin-top:10px;
}

.trouver-gauche .bloc-gauche{
	/*border:1px solid blue;*/
	margin-top:0px;
}


p.trouver {
	float:left;
	width:250px;
	margin:10px 0 10px 0;
	display:block;
	padding:10px 0;
	word-wrap: break-word;
	word-break: break-all;
	overflow:hidden;
}

p.trouver span.date-trouver {
	font-size:12px; 
	text-align:left; 
	color:#FFF; 
	display:block; 
	background-color:#C21019;
	padding-left:5px;
	}

p.trouver span.date-trouver-salon {
	font-size:12px; 
	text-align:left; 
	color:#FFF; 
	display:block; 
	background-color:#AAAA18;
	padding-left:5px;
	}
	
p.trouver span.texte-trouver {
	font-size:12px; 
	text-align:left; 
	display:block; 
	color:#666;
	padding-left:5px;}
	

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

#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:#666666;
	letter-spacing:0.03em;
}

#bloc-contact #contactTxt{
	width:45%;
	float:left;
	color:#000;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  input, textarea{
	width:190px;
	border:1px solid #666;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background:none;
}
#bloc-contact  .radio{
	width:10%;
	border:none;
}
#bloc-contact  .champRequis{color:#ff6000; font-size:9px;}

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

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


/* mariage */



#liste{
float:left;
width:280px;
margin-left:10px;
margin-bottom:10px;

}

#liste ul{
float:left;
width:280px;
margin-left:5px;

}
#liste li{
float:left;
width:280px;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
	color:#8a949c;
	list-style-image:url(../images/charte/puce.jpg);
}