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

/* 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;
}*/
hr{
clear:both;
}
.text-color{
  color:#A32110 ;
}
.line{
		text-align:center;
    padding-top: 10px;
    padding-bottom: 20px;
		}
.line1{
		text-align:center;
    padding-top: 5px;
    padding-bottom: 20px;
		}
/*produit*/

.box-produits{
  float: left;
  width: 186px;
/*  height: 146px;*/
  border:solid 1px #636363;
  text-align: center;
  padding-top: 2px;
  margin: 0 auto;
  margin-right: 40px;
  margin-bottom:30px;
}

.img-produits{
  width: 182px;
  height: 117px;
  text-align: center;
  margin: 0 auto;
  background: url(../images/charte/bg-produit.jpg) no-repeat left top; ;
}
.title-produits{
  width: 186px;
  text-align: center;
  background-color: #272626;
  margin-top:6px;

}
    .title-produits p{
      font-family: Arial;
        padding-top: 2px;
      font-size: 1.3em;
      color: #E0E0E0;
      font-weight: bold;
      text-align: center !important;
    }
.title-produits a:link, .title-produits a:visited{
	color: #ffffff !important;
	text-decoration:none;
}
.title-produits a:hover, .title-produits a:active{
	color: #FF0000 !important;
	text-decoration:underline;
}

.box-detail{
  float: left;
  width: 690px;
  border:solid 1px #636363;
  text-align: center;
  padding: 0px 1px 10px 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.box-detail1{
  float: left;
  width: 690px;
  border:solid 1px #636363;
  text-align: center;
  padding: 10px 2px 10px 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.detail-images{
  width:250px;
  height:300px;
  float:left;
  text-align:center;
  padding:2px;
   margin-right: 10px;
}
.detail-images1{
  width:250px;
  height:250px;
  float:left;
  text-align:center;
  padding:2px 3px 2px 2px;
   margin-right: 10px;
}
.right-col{
  float: left;
  width: 420px;
}
.detail-title{
  float: left;
  width: 414px;
  height:24px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
  background-color: #272626;
  margin-bottom: 5px;
}
   .detail-title p{
       float: left;
       font-family: Arial;
       font-size: 1.6em !important;
       font-weight: bold;
       color: #E0E0E0;
       margin: 0 !important;
       padding: 0 !important;
   }
.detail-title-big{
  float: left;
  width: 679px;
  height: 24px;
  padding-left: 5px;
  padding-right: 5px;
/*  padding-top: 1px; */
  background-color: #272626;
  margin-bottom: 5px;
}
   .detail-title-big p{
       float: left;
       font-family: Arial;
       font-size: 1.6em !important;
       font-weight: bold;
       color: #E0E0E0;
       margin: 0 !important;
       padding: 0 !important;
   }
.detail-title1{
  float: left;
  width: 414px;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #D0CFCF;
  margin-bottom: 5px;
}
   .detail-title1 p{
       float: left;
       font-family: Arial;
       font-size: 1.3em;
       font-weight: bold;
       color: #6C6A6A;
       padding-right: 5px !important;
       margin: 0 !important;
       padding: 0 !important;
   }
.detail-title1-big{
   float: left;
  width: 679px;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
/*  padding-top: 1px; */
  background-color: #D0CFCF;
  margin-bottom: 5px;
}
   .detail-title1-big p{
       float: left;
       font-family: Arial;
       font-size: 1.3em;
       font-weight: bold;
       color: #6C6A6A;
       margin: 0 !important;
       padding: 0 !important;
   }
.detail-title2{
  float: left;
  width: 414px;
  height:24px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #272626;
  margin-bottom: 5px;
}
   .detail-title2 p{
       float: left;
       font-family: Arial;
       font-size: 1.6em !important;
       font-weight: bold;
       color: #E0E0E0;
        margin: 0 !important;
       padding: 0 !important;
   }
.detail-title3{
  float: left;
  width: 414px;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #D0CFCF;
  margin-bottom: 5px;
}
   .detail-title3 p{
       float: left;
       font-family: Arial;
       font-size: 1.3em;
       font-weight: bold;
       color: #6C6A6A;
       padding-right: 5px !important;
        margin: 0 !important;
       padding: 0 !important;
   }
.detail-contact{
  width:113px;
  height: 29px;
  float: right;
  padding-right:10px;
}

/*pilotes*/
.box-pilotes{
  float: left;
  width: 690px;
  border:solid 1px #636363;
  text-align: center;
  padding: 10px 1px 10px 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.pilotes-images{
  width:182px;
  height:107px;
  float:left;
  text-align:center;
  border:solid 1px #BDBDBC;
  padding:2px;
  margin-right: 10px;
}
.pilotes-title{
  float: left;
  width: 482px;
  height:24px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #272626;
  margin-bottom: 5px;
}
   .pilotes-title p{
       float: left;
       font-family: Arial;
       font-size: 1.6em !important;
       font-weight: bold;
       color: #E0E0E0;
       margin: 0 !important;
       padding: 0 !important;
   }
.pilotes-title1{
  float: left;
  width: 482px;
    height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #D0CFCF;
  margin-bottom: 5px;
}
   .pilotes-title1 p{
       float: left;
       font-family: Arial;
       font-size: 1.3em !important;
       font-weight: bold;
       color: #6C6A6A;
       margin: 0 !important;
       padding: 0 !important;
       padding-right: 5px!iportant;
   }

.detail-link {
		color:#FF8D00;
		font:normal 1.1em Arial;
		text-align:right;
    width: 150px;
    padding-top: 5px;
    float:right;
    padding-right: 10px;
		}
		.detail-link a:link, .detail-link a:visited{
				font:bold 1.1em Arial;
				text-decoration:none;
				color:#FF8D00;
				}
		.detail-link a:hover, .detail-link a:active{
				font:bold 1.1em Arial;
				text-decoration:underline;
				color:#73AEFF;
				}

/*.text{
  width: 400px;
  height: 150px;
  overflow:auto;
  float: left;
  padding-left: 15px;
}*/
.color-text{
  color:#2F2F2F;
}
#bg-text{
  background: url(../images/charte/bg-text.jpg) no-repeat left top;
  width: 609px;
  height: 32px;
  text-align:center;
  margin-top: 10px;
  padding-top: 7px;
  margin: 0 auto;
}
  #bg-text p{
    text-align: center;
    margin: 0 auto;
    padding-left: 140px;
    color: #6C6A6A;
    font-weight: bold;
  }
.text-index{
   border:solid 1px #BDBDBC;
   padding: 10px;
}


/*news  */
.news-image{
  width:182px;
  height:107px;
  float:left;
  text-align:center;
  padding:2px;
  margin-right: 10px;
}
.news-images{
/*  border-top:solid 1px #ff0000;
  border-bottom:solid 1px #ff0000;*/
  float:left;
  clear:both;
  width:395px;
  padding-left: 20px;
}
.news-img{
  text-align:center;
  height:63px;
  width: 95px;
  float:left;
}
.scroll{
  height:136px;
  overflow:hidden;
  float:left;
}

.news-scroll1{
  float:right;
  padding-bottom:3px;
  padding-top:3px;
}

/*nos points*/

.box-points{
  border:solid 1px #B9B9B9;
  margin-bottom: 5px;
  padding:0px 5px 0px 5px;
  width:300px;
  height: 170px;
  float:left;
  margin-right: 20px;
  background: url(../images/charte/carte-vizite.jpg) no-repeat left top;
}
.points-text{
  width: 180px;
  float: left;
  padding-top: 8px;
}
.points-img{
  width:120px;
  height:120px;
  float:left;
  padding-top: 40px;
}

.retour{
  float:left;
  padding-top:7px;
  padding-bottom:0px;
}
.retour-link {
		color:#D42900;
		font:normal 1.1em Arial;
		text-align:justify;
    float:left;
    padding-top: 10px;
    clear: both;
    padding-left: 10px;
    height: 20px;
		}
		.retour-link:link, .retour-link:visited{
				font:bold 1.1em Arial;
				text-decoration:none;
				color:#D42900;
				}
		.retour-link:hover, .retour-link:active{
				font:bold 1.1em Arial;
				text-decoration:underline;
				color:#007EFF;
				}
.mentions-box{
  float:left;
  width:700px;
}
.mentions-box1{
  float:left;
  width:340px;
}
.mentions-box2{
  float:left;
  width:360px;
}