/* 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;}
 /* Fiches PRODUITS */
#contenu #contenuTexte a.ficheProd-mini{
	display:block;
	float:left;
	width:201px;
  height: 120px;
  font-size: 10px;
	margin:5px 4px;
	padding:5px;
	border:#8b714e solid 1px;
	text-decoration:none;
	background-color:#FFF;
}
#contenu #contenuTexte a.ficheProd-mini:hover {	border:#7756ad solid 1px;}
#contenu #contenuTexte a.ficheProd-mini img{ float:left; margin:0 10px 0 0;	border: 1px solid #cecece;}
#contenu #contenuTexte a.ficheProd-mini h3{
	margin:0 0 5px 0;
	padding:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #8b714e;
	text-decoration:none;
}
#contenu #contenuTexte a.ficheProd-mini:hover h3{ color: #488bf5;}
#contenu #contenuTexte a.ficheProd-mini ul{
  list-style:outside none;
  margin:0;
  padding:0;
  color:#7756ad;
  font:1.1em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte a.ficheProd-mini li{ list-style:none; text-decoration:none;}
#contenu #contenuTexte .ficheProd-images{ float:left; width:300px; padding-left:20px;}
#contenu #contenuTexte .ficheProd-images a{
  float:left;
  width:80px;
  height:80px;
  margin:5px 5px 0 0;
  display:block;
  margin-bottom:10px;
}
#contenu #contenuTexte .ficheProd-images a img{	border:#a3b8d9 solid 1px;}
#contenu #contenuTexte ul.ficheProd-liste{
	list-style:outside none;
	margin:0 0 0 282px;
	padding:0;
	color:#7756ad;
	font:1.1em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte ul.ficheProd-liste span.barré{	text-decoration:line-through;}
#contenu #contenuTexte ul.ficheProd-liste span.rougeBold{	color:#CC0000; font-weight:bold;}
/* 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;}*/

/********* content *********/
.invisible{	display:none;}
ul.list{ 	float:left;}
.list li{
	list-style-type:none;
	background-image: url(../images/charte/pointer1.gif);
	background-position: 5px 3px;
	background-repeat:no-repeat;
  width: auto;
  font-size: 11px;
  text-decoration: none;
  text-align: justify;
  color: #175a7d;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.clr{clear: both;}
.pt20{ padding-top: 20px;}
.pt17{ padding-top: 17px;}
.pl20{ padding-left: 20px;}
.h5{ height: 5px; line-height: 0px; font-size: 0px;}
.h10{ height: 10px; line-height: 10px; font-size: 10px;}
.h15{ height: 15px; line-height: 15px; font-size: 10px;}
.h20{ height: 20px; line-height: 20px; font-size: 10px;}

.prix-reduit{ text-decoration: line-through;}
.left{ float: left;}
.right{ float: right;}
.ml10{ margin-left: 10px;}
.ml70{ margin-left: 70px;}
.ml100{ margin-left: 100px;}
.pl70{ padding-left: 70px;}
.pl100{ padding-left: 100px;}
.slideshow{ width: 300px; height: 400px; float: right; margin-left: 15px;}
.slideshow-big{ width: 298px; height: 280px;/* border: 1px solid #8b714e;*/ float: right; text-align: center;}
.slideshow-small{ width: 298px; height: 100px;/* border: 1px solid #8b714e;*/ float: right; text-align: center;}
hr { border: none 0; border-top: 1px dashed #cdcdcd; height: 1px;}
.centered{ text-align: center;}
.centered1{ text-align: center; font-size: 12px; height: 350px; padding-top: 15px;}
a img{ opacity:1.00; border: 0px;}
a:hover img{ opacity:0.70; border: 0px;}
.footerlink:link, .footerlink:visited{ text-decoration: none; color: #2d7aab; font-size: 10px; font-family: arial;}
.footerlink:hover, .footerlink:active{ text-decoration: underline; color: #2d7aab; font-size: 10px; font-family: arial;}

#frmContact{ color: #175a7d; font:normal 12px Arial; width: 470px; float: left;}
.contact-left{ width:230px; float:left;}
.contact-right{ width:234px; display:inline; float:left;}
.contact-right p{ padding-left:5px;}
.inputForm{	border:1px solid #4de0ff;	background-color:#fff; color:#175a7d; width:120px; font:normal 12px Arial; padding:1px 0;}
.inputFormOver{ border:1px solid #37a1d2; background-color:#c3f4ff; color:#175a7d; width:120px; font:normal 12px Arial; padding:1px 0;}
.textarea{ width:350px; height:67px; text-align:left; border:1px solid #4de0ff;	background-color:#fff; color:#175a7d;}
.textareaOver{ width:350px; height:67px; text-align:left; border:1px solid #37a1d2;	background-color:#c3f4ff;	color:#175a7d;}
.label{ width:80px;	float:left;	display:inline;	clear:both;	margin-top:5px;	text-align:left; padding:2px 0px;}
.label span, .obligatoire span{color:#e1c011;}
.field{	width:130px; float:left; margin-top:5px; font:normal 12px Arial;}
.submit-buttons{ width:340px; text-align: center; margin:0 0 0 70px; clear: both; margin-top:10px;}
.submit-buttons div{ float:left; display:inline; width:170px;}
.button{
  background: url(../images/contact/button.jpg) no-repeat center bottom;
  border:none;
	width:115px;
  height:27px;
	cursor:pointer;
  color:#175a7d;
  font:bold 12px Arial;
}
.buttonOver{
  background: url(../images/contact/button-over.jpg) no-repeat center bottom;
  border:none;
  width:115px;
  height:27px;
  cursor:pointer;
  color:#fff;
  font:bold 12px Arial;
}
.plus{ font-size: 11px; font-weight: bold;}
.plus1{ font-size: 11px; font-weight: bold; color: #175a7d;}
.plus2{ font-size: 11px; color: #175a7d;}
/******* end content *******/


#contenu #contenuTexte a.ficheProd-mini1{
  text-align: center;
	display:block;
	float:left;
	width:100px;
  height: 120px;
  font-size: 10px;
	margin:5px 2px;
	padding:5px;
	border:#8b714e solid 1px;
	text-decoration:none;
	background-color:#FFF;
}
#contenu #contenuTexte a.ficheProd-mini1:hover {	border:#7756ad solid 1px;}
#contenu #contenuTexte a.ficheProd-mini1 img{ margin:0 0 0 0;	border: 1px solid #cecece;}
#contenu #contenuTexte a.ficheProd-mini1 h3{
	margin:0 0 5px 0;
	padding:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color: #8b714e;
	text-decoration:none;
}
#contenu #contenuTexte a.ficheProd-mini1:hover h3{ color: #488bf5;}
#contenu #contenuTexte a.ficheProd-mini1 ul{
  list-style:outside none;
  margin:0;
  padding:0;
  color:#7756ad;
  font:1.1em Arial, Helvetica, sans-serif;
}
#contenu #contenuTexte a.ficheProd-mini1 li{ list-style:none; text-decoration:none;}
#contenu #contenuTexte .ficheProd-images{ float:left; width:300px; padding-left:20px;}
#contenu #contenuTexte .ficheProd-images a{
  float:left;
  width:80px;
  height:80px;
  margin:5px 5px 0 0;
  display:block;
  margin-bottom:10px;
}
#contenu #contenuTexte .ficheProd-images a img{	border:#a3b8d9 solid 1px;}
#contenu #contenuTexte ul.ficheProd-liste{
	list-style:outside none;
	margin:0 0 0 282px;
	padding:0;
	color:#7756ad;
	font:1.1em Arial, Helvetica, sans-serif;
}


.high3{	margin:0 0 5px 0;	padding:0; font:bold 1.2em Arial, Helvetica, sans-serif; color: #8b714e; text-decoration:none;}
.boxtxt{ margin:0; padding:0; color:#175a7d; font:1.1em Arial, Helvetica, sans-serif;}

#contenuTexte .linking:link, #contenuTexte .linking:visited{ text-decoration: underline; color: #18658b;}
#contenuTexte .linking:hover, #contenuTexte .linking:active{ text-decoration: none; color: #18658b;}