/* --------------------------------------------------------------------------
				Mise en page
-------------------------------------------------------------------------- */

#conteneur {
	/*border: 1px dashed red;*/
	width: 990px;
	/* centrer la page au centre de l'écran*/
    margin: 20px auto;
	background-color: white;
	padding-bottom: 20px;
}

#entete {
	/*border: 1px dashed;*/
	width: 950px;
	/*height: 156px;*/ /* 118px (banniere) + 33px (lien sd) + 5px (espacement entre entete et menu) */
	/* centrer l'entete au centre de la page */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
}

.pdf {
	color: red;
	font-weight: bold;
	font-size: 8pt;
}

#contenu {
	/*border: 1px dashed;*/
	float: left;
	width: 950px;
	/* centrer le contenu au centre de la page */
	margin-left: auto;
	margin-right: auto;
	margin-left: 20px;
    background-color: white;
}

#index_cadre{
	float: left;
	width: 296px;
	height: 431px; /* 441px de hauteur moins padding de 5 px (soit 5*2 = 10, car padding-top et padding-bottom) */
	text-align: left;
	font-size: 8pt;
	background-image: url(./bg_bloc_vignette.png);
	background-repeat: repeat-x;
	border: 1px solid #e7e7e7;
	padding: 5px;
	text-align: justify;
}

#index_espace{
	float: left;
	width: 13px;
}

#clear{
	clear:both;
}
.clear{
	clear:both;
}

#contact {
	/*border: 1px dashed;*/
	width: 950px;
	height: 27px;
	text-align: center;
	background-color: #ff7200;
	/* centrer la bande contact au centre de la page */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}


#pied {
	/*border: 1px dashed;*/
	width: 950px;
	background-color: #333134;
	font-size: 8pt;
	color: #ffffff;
	text-align: center;
	/* centrer le contenu au centre de la page */
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#pied a {
	font-size: 8pt;
	color: #ff7204;
	font-weight: bold;
	text-decoration: underline;
}

#film_cadre{
	float: left;
	height: 286px; /* 296px de hauteur moins padding de 5 px (soit 5*2 = 10, car padding-top et padding-bottom) */
	text-align: left;
	background-image: url(./bg_fond_intro-film.png);
	background-repeat: repeat-x;
	border: 1px solid #e7e7e7;
	font-size: 9pt;
	padding: 5px;
	text-align: justify;
}
/* --------------------------------------------------------------------
								Styles
 ------------------------------------------------------------------- */
#header img{
    display:block;
    float:left;
}

#header .returnWebsiteUrl{
    float:left;
    background:url('../images/header/bg-bt-retour-sd.png');
    width:218px;
    height:40px;
    padding-top:10px;
    padding-left:60px;
}

#header .infHeader{
    float:right;
    text-align:right;
    margin-top:15px;
}

#header .infHeader strong{
    font-size:18px;
}
#header .infHeader .telHeader{
    font-size:20px;
    color:#FE7C11;
    font-style:italic;
    font-weight:bold;
}

#header .infHeader .inf_hour{
    font-size:10px;
}

.fLeft{
    float:left;
}

.clear{
    clear:both;
}

body{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	text-align: justify;
	text-decoration: none;
	background-color: #404040;
	/* centrer la page au centre de l'écran*/
	margin: 0; /* pour éviter les marges */
}

h1{
	color: #ff5300;
	font-weight: bold;
	font-size: 10pt;
}

h2{
	font-weight: bold;
	text-decoration: underline;
	font-size: 10pt;
}

form{
	float: left;
	width: 930px;
	padding: 10px;
	border: 1px solid #eaeaea;
	background-color: #f8f8f8;
}

.rouge{
	color: red;
	font-size: 8pt;
	font-weight: bold;
}
.vert{
	color: green;
	font-size: 8pt;
	font-weight: bold;
}


.souligne{
	text-decoration: underline;
}

.rectangle_gauche_societe {
	/*border: 1px dashed red;*/
	float: left;
	width: 950px;
	background-image: url(./rect_gauche_societe.gif);
	background-repeat: repeat-y;
	/*border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;*/
}


hr.largeur_border {
	float: left;
	border: 0;
	margin: 0;
	width: 193px;
	height: 1px;
	background-color: #e7e7e7;
}

.gauche {
	/*border: 1px dashed green;*/
	float: left;
	width: 285px;
	margin-left: 50px;
}
.droite {
	/*border: 1px dashed blue;*/
	float: right;
	width: 586px;
	margin-right: 10px;
}
.droite ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	/*list-style-type: none;*/
}

.bordure_photo{
	border: 1px solid #d2d2d2;
}

.formulaire_intro1 {
	width: 950px;
	/* centrer le titre 1 au centre de la page */
	margin-left: auto;
	margin-right: auto;
	background-color: #ff7200;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

.formulaire_intro2 {
	/* centrer le titre 2 au centre de la page */
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align: center;
	color: #ff7200;
	font-weight: bold;
}


.barre1{
	width: 500px;
	background-color: #333134;
	padding-left: 10px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
}


.centrer_formulaire {
	margin-left: 200px;
}

.espace_submit{
	float: left;
	width: 950px;
	height: 5px;
	margin-left: -211px;  /* -11px + -200px */
	border: 1px solid #eaeaea;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
}

.bouton_envoyer{
	cursor: pointer;
	width: 120px;
	height: 35px;
	font-size: 0px;
	color: #FFFFFF;
	background-image: url(../images/envoyer_bt.png);
	border: 0;
}
.bouton_envoyer:hover{
	background-image: url(../images/envoyer_bt_on.png);
}

.mention {
	font-size: 8pt;
}


.table_border {
	border: 1px solid #eaeaea;
	border-top: 0;
}
.table_th {
	width: 920px;
	background-color: #333134;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	padding-left: 30px;
}
.table_th h2 {
    text-decoration:none;
    padding:0px;
    margin:0px;
}
.table_texte {
	font-size: 8pt;
	color: #92908f;
}

.nb {
	border: 1px solid #000000;
	text-align: center;
	color: green;
}

.tous_nos_coloris a {
	text-decoration: underline;
	color: #ff7200;
	font-weight: bold;
}

.type_stores_interieurs {
	position: absolute;
	top: 695px;
	left: 180px;
	width: 929px;
	border: 0px;
	margin: 0px;
	/*width: 929px;
	height: 66px;
	background-image: url(../images/type_stores_interieurs_2.jpg);
	background-repeat: no-repeat;*/
}
.type_stores_interieurs a {
	color: #000000;
	border: 0;
}

.borderContent{
    border:1px solid #EAEAEA;
}
/************* HOME ***************/
#contenu .home-img-californien{
    float:left;
}
#contenu .wrapperInfHome{
    float:left;
    width:680px;
    margin-left:15px;
}
#contenu  .wrapperInfHome h1{
    color:#FF831F;
    font-weight:bold;
    font-size:18px;
    margin-top:5px;
    margin-bottom:5px;
}
#contenu  .wrapperInfHome h2{
    font-weight:bold;
    font-size:14px;
    font-style:italic;
    margin-top:0px;
    text-decoration:none;
}
#contenu  .wrapperInfHome h3{
    color:#FF831F;
    font-weight:bold;
    font-size:18px;
    font-style:italic;
    margin:15px 0 0 20px;
    text-align:left;
}
#contenu .wrapperInfHome .imgCommercialHome{
    float:left;
}
#contenu .wrapperInfHome .contentHomeInfTxt{
    float:left;
    margin-left:15px;
    width:390px;
    color:#3A3A3A;

}
#contenu .wrapperInfHome .contentHomeInfTxt p{
    text-align:left;
}
#contenu .wrapperInfHome .contentHomeInfTxt p strong{
    color:#000000;
}
#contenu .wrapperInfHome .contentHomeInfTxt ul{
    list-style-type: none;
    margin:0px 0 0 5px;
    padding:0px;
}
#contenu .wrapperInfHome .contentHomeInfTxt ul li{
    padding:5px 0;
}
#contenu .wrapperInfHome .contentHomeInfTxt ul li span{
    color:#FF831F;
    font-weight:bold;
    font-size:14px;
}
#contenu .wrapperInfHome .contentHomeInfTxt ul li strong{
    color:#FF831F;
}
#contenu  .wrapperInfHome .inscriptionBlock{
    float:left;
    background-color:#E3E3E3;
    text-align:center;
    margin-top:17px;
    height:183px;
    font-size:11px;
    width:350px;
}
#contenu  .wrapperInfHome .inscriptionBlock p{
    text-align:left;
    margin:10px 15px 0px 15px;

}
#contenu  .wrapperInfHome .homeReference{
    float:right;
    border:1px solid #C0C0C0;
    margin-top:17px;
    height:183px;
}
#contenu  .wrapperInfHome .homeReference{
    padding-left:10px;
}
/*****************************************************/
/************ STORES INTERIEUR ******************/
.wrapperImgGalInterieur img{
    float:left;
    margin:15px 0 15px 17px;
}
/*********** FILMS *************************/
.noticePoseFilmArray{
    float:left;
    margin-left:15px;
    text-align:center;
}
.noticePoseFilmArray a{
    text-decoration:none;
}

.contactPhone{
    font-size:18px;
    font-weight:bold;
    color:#FF831F;
}

.hauteur10{
    height:10px;
}
.hauteur15{
    height:15px;
}
.hauteur30{
    height:30px;
}

.hauteur50{
    height:50px;
}

.eqpmt{
    padding-left:20px;
    padding-right:20px;
}

.bordure{
    border: 1px solid #e8e8e8;
}

.paraphGaucheVoletRoulant{
    float:left;
    width:420px;
    margin-left:10px;
    text-align:justify;
}

.paraphDroitVoletRoulant{
    float:right;
    width:420px;
    margin-right:10px;
    text-align:justify;
}

.celluleVoletRoulant{
    text-align:right;
    padding-right:10px;
}

.floatLeft{
    float:left;
}

.floatRight{
    float:right;
}

.voletRoulantTradi{
    border-right:1px solid #EAEAEA;
    font-weight:bold;
    color:#FB5605;
    text-align:center;
}

.voletRoulantReno{
    text-align:center;
    font-weight:bold;
    color:#FB5605
}

.graSouligne{
    text-decoration: underline;
    font-weight: bold;
}

.tarif{
    padding-left:20px;
    padding-right:20px;
}


/************
 * fenetres *
 ************/

#contenu .section {
    border: 1px solid #EAEAEA;
    width: 930px;
    padding: 10px;
    margin-bottom: 23px;
}

#contenu .section p {
    margin: 0px 0px 10px 0px;
}

#contenu .images_fenetres {
    border: 1px solid #EAEAEA;
    padding: 10px;
    text-align: center;
}

#contenu .images_fenetres img {
    margin-right: 10px;
}

#contenu .images_fenetres img:last-child {
    margin-right: 0px;
}

#contenu h2.fenetres {
    text-decoration: none;
    color: white;
    background-color: #404040;
    width: 940px;
    height: 24px;
    padding: 5px 0px 0px 10px;
    margin: 0px;
}

#contenu .section ul.fiches_produits {
    padding: 0px;
    height: 238px;
}

#contenu .section ul.fiches_produits li {
    text-align: center;
    list-style-type: none;
    float: left;
    width: 138px;
    margin-left: 25px;
}

#contenu .section ul.fiches_produits li h3 {
    font-size: 1em;
}

#contenu .section ul li a img {
    vertical-align: top;
    margin-right: 5px;
}

#contenu .section ul.coloris {
    padding: 0px;
    margin: 0px;
    height: 193px;
}

#contenu .section ul.coloris li {
    list-style-type: none;
    float: left;
    width: 170px;
    margin: 10px 0px 10px 15px;
}

#contenu .section ul.coloris li span {
    vertical-align: top;
    font-weight: bold;
    display: inline-block;
}