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

.contenu{
  width:680px;
  float: left;
  }
  .contenu p{
    font:normal 12px Arial;
    color: #2A2A67;
    text-align: justify;
    line-height: 18px;
    padding-top: 5px;
  }

.box-contenu{
  width: 140px;
  height: 135px;
 	background: url(../images/charte/bg-box.jpg) no-repeat left top;
	}
.box-contenu1{
  width: 140px;
  height: 135px;
 	background: url(../images/charte/bg-box1.jpg) no-repeat left top;
	}
.text-adress{
	padding-top:10px;
	text-align:center;
	}
.text-adress1{
	padding-top:30px;
	font:bold 12px Arial;
	color:#2A2A67;
	text-align:center;
	}
.text-adress2{	
	padding-top:15px; 
	font:normal 12px Arial; 
	color:#2A2A67; 
	text-align:center;
	}
.text-adress3{
	padding-top:20px;
	font:bold 12px Arial;
	color:#2A2A67;
	text-align:center;
  line-height: 20px;
	}
.line{
	padding-bottom:10px;
	padding-top:10px;
	clear:both;
  text-align: center;
	}
.image-right{
	float:right;
	clear:both;
	padding-top:5px;
	padding-left:5px;
  padding-right: 60px;
	}
.image-left{
	float:left;
	padding-right:10px;
	}
.image-left1{
	float:left;
	padding-right:30px;
  padding-top:10px;
	}
.image-left2{
	float:left;
	padding-left:30px;
  padding-top: 10px;
	}
.image-left3{
	float:left;
	padding-left:5px;
  padding-top: 10px;
  padding-bottom: 20px;
	}
.image-left4{
	float:left;
	padding-right:10px;
  padding-top:10px;
	}
.background{
  background: url(../images/charte/bg-text.jpg) no-repeat left top;
  width: 450px;
  height: 88px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  }
  .background p{
    font:normal 12px Arial;
    color: #2A2A67;
    float: left;
    padding-left: 70px;
    padding-top: 5px;
  }
.background1{
  background: url(../images/charte/bg-text1.jpg) no-repeat left top;
  width: 450px;
  height: 40px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  }
  .background1 p{
    font:normal 12px Arial;
    color: #2A2A67;
    float: left;
    padding-left: 70px;
    padding-top: 5px;
  }
.background2{
  background: url(../images/charte/bg-text2.jpg) no-repeat left top;
  width: 550px;
  height: 35px;
  margin: 0 auto;
  border-bottom:1px solid #717177;
  padding-top: 5px;
  }
  .background2 p{
    font:normal 12px Arial;
    color: #2A2A67;
    float: left;
    padding-left: 70px;
    padding-top: 5px;
    }
.background3{
  background: url(../images/charte/bg-text2.jpg) no-repeat left top;
  width: 550px;
  height: 35px;
  margin: 0 auto;
  border-bottom:1px solid #717177;
  padding-top: 5px;
  }
  .background3 p{
    font:normal 12px Arial;
    color: #2A2A67;
    float: left;
	padding-left:40px;
    padding-top: 5px;
    }
ul.list{
	 padding:5px 35px;
	 list-style:none;
	 float:left;
	}
	ul.list li{
		color:#2A2A67;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:15px;
		margin-left:15px;
		line-height:18px;
		text-align:justify;
		}
ul.list1{
	 padding:5px 0px;
	 list-style:none;
	 float:left;
	}
	ul.list1 li{
		color:#2A2A67;
		font:bold 14px Arial;
		margin-top:2px;
		background: url(../images/charte/boulet.jpg) no-repeat left 2px;
		padding-left:20px;
		line-height:18px;
		text-align:justify;
		}
ul.list2{
	 padding:5px 0px;
	 list-style:none;
	 float:left;
	}
	ul.list2 li{
		color:#2A2A67;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
		padding-left:15px;
		margin-left:10px;
		line-height:18px;
		text-align:justify;
		}
ul.list3{
	 padding:5px 10px;
	 list-style:none;
	 float:left;
	}
	ul.list3 li{
		color:#2A2A67;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 2px;
		padding-left:20px;
		line-height:18px;
		text-align:justify;
		}
ul.list4{
	 padding:5px 50px;
	 list-style:none;
	 float:left;
	}
	ul.list4 li{
		color:#2A2A67;
		font:normal 12px Arial;
		margin-top:2px;
		background: url(../images/charte/icon-list.jpg) no-repeat left 2px;
		padding-left:20px;
		line-height:18px;
		text-align:justify;
		}
ul.list5{
	 padding:5px 0px;
	 list-style:none;
	 float:left;
	}
	ul.list5 li{
		color:#2A2A67;
		font:bold 12px Arial;
		margin-top:2px;
		background: url(../images/charte/boulet.jpg) no-repeat left 2px;
		padding-left:20px;
		line-height:18px;
		text-align:justify;
		}
.title-line{
  width: 680px;
  height: 1px;
  margin-bottom: 15px;
}

.col{
   width:380px;
   float:left;
   padding-left: 15px;
   }
.col1{
   padding-left:10px;
   float:left;
    }
.col2{
	width:130px;
	border-right:1px solid #717177; 
	float:left;
  padding-left: 2px;
	}
.col3{
	width:135px; 
	float:left;
	}
.col4{
	width:135px; 
	border-right:1px solid #717177; 
	border-left:1px solid #717177; 
	float:left;
	}
.col5{
	width:130px; 
	float:left; 
	padding-left:5px;
	}
.col6{	
	width:130px; 
	border-right:1px solid #717177; 
	border-left:1px solid #717177; 
	float:left; 
	padding-left:5px
	}
.bg-col{
	border:1px solid #717177; 
	width:550px; 
	margin:0 auto; 
	float:left;
	}
.text-img{
  width:385px;
  float:left;
  padding-top:15px;
  }
.text-title {
   font:bold 12px Arial;
   color:#525289;
}

/*galerie*/
.text-galerie{
  width:150px;
  float:left;
  text-align:center;
  padding-left:11px;
  padding-right:15px;
}
.text-galerie1{
  width:150px;
  float:left;
  text-align:center;
  padding-right:15px;
  padding-left:3px;
}
.text-galerie2{
  width:150px;
  float:left;
  text-align:center;
  padding-right:15px;
  padding-left:7px;
}
.text-galerie3{
  width:150px;
  float:left;
  text-align:center;
}

#contact-link {
		color:#ffffff;
		font:bold 12px Arial;
		text-align:justify;
		}
		#contact-link:link, #contact-link:visited{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#ffffff;
				}
		#contact-link:hover, #contact-link:active{
				font:bold 12px Arial;
				text-decoration:none;
				color:#C7DFF9;
				}
#devis-link {
		color:#ffffff;
		font:bold 12px Arial;
		text-align:justify;
		}
		#devis-link:link, #devis-link:visited{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#ffffff;
				}
		#devis-link:hover, #devis-link:active{
				font:bold 12px Arial;
				text-decoration:none;
				color:#C7DFF9;
				}
.page-link {
		color:#BC0202;
		font:bold 12px Arial;
		text-align:justify;
		}
		.page-link:link, .page-link:visited{
				font:bold 12px Arial;
				text-decoration:none;
				color:#BC0202;
				}
		.page-link:hover, .page-link:active{
				font:bold 12px Arial;
				text-decoration:underline;
				color:#2A2A67;
				}

.fermer-link {
		color:#ffffff;
		font:bold 13px Arial;
		text-align:justify;
		}
		.fermer-link:link, .fermer-link:visited{
				font:bold 13px Arial;
				text-decoration:underline;
				color:#ffffff;
				}
		.fermer-link:hover, .fermer-link:active{
				font:bold 13px Arial;
				text-decoration:none;
				color:#C7DFF9;
				}
.bouton-radio{
  padding-left:80px;
  font: normal 12px Arial;
  color: #2A2A67;
  clear: both;
  }
.radio{
  margin-right:3px;
  padding-top:5px;
}
.dossier-col{
  float:left;
  padding-left:20px;
}
.dossier-bouton{
  text-align:center;
 /* float:right;
  padding-right:120px;*/
}
.color-text{
  color:#9F1312;
  font-weight: bold;
}




/*---Contact---*/
#divContact{
	font:normal 12px Arial;
	color:#000000;
	}
	#divContact table{
		font:normal 12px Arial;
		color:#000000;
		clear:both;
		width:300px;
		}
	#divContact td{
		font:normal 12px Arial;
		color:#000000;
		clear:left;
		border:none;
		}
	#text-contact{
		font:normal 8px Arial;
		color:#000000;
		background-color:#CFE7B0;
		clear:left;
		border:none;
		}
	#divContact lable{
		font:normal 12px Arial;
		color:#000000;
		}
#table-contact{
	border:1px solid #C3C3C3;
  margin-bottom:30px;
	}
#table-dossier{
	border:1px solid #C3C3C3;
  margin-bottom:30px;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  width:670px;
	}
label{
	width:90px;
	float:left;
	display:inline;
	clear:both;
	color:#2A2A67;
	font:normal 12px Arial;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	}
.mail_label{
	width:150px;
	float:left;
	display:inline;
	clear:both;
	color:#000000;
	font:normal 12px Arial;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:130px;
	float:left;
	color:#000;
	}
.inputForm{
	border:1px solid #fff;
	background-color:#C0C0C0;
	width:230px;
	font:normal 12px Arial;
	color:#000000;
	margin-top:5px;
	}
.inputFormOver{
	border:1px solid #6E6E6E;
	background-color:#EBEBEC;
	width:230px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	margin-top:5px;
	}
.button{
border:1px solid #825454;
	background-color: #DE0000;
	width:75px;
	color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:5px;
	margin-top:10px;
	}
.buttonOver{
	border:1px solid #282869;
	background-color: #282869;
	width:75px;
	color:#ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:5px;
	margin-top:10px;

	}
.contact-text{
	font:normal 12px Arial;
	color:#2A2A67;
	line-height:20px;
	text-align:left;
	}
#contact-adresse{
	background:url(../images/charte/contact-bg.jpg) no-repeat left top;
	width:550px;
	height:146px;
	margin-top:40px;
	margin-bottom:30px;
	margin-left:60px;
	}
#title-contact{
  font-size:14px;
  margin-bottom:10px;
  border-bottom:1px solid #2A2A67;
  text-align:center;
}
.text{
  width:630px;
  padding-bottom:9px;
  text-align:center;
  font:10px Arial;
  color:#2A2A67
}



/* --------------------------
	FORMULAIRE DE CALCUL
--------------------------- */
a:focus{
  outline: none;
}
#ideo_clcl_global{
   font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    border:1px solid #C3C3C3;
    float:left;
    padding:5px 10px;
}
#ideo_clcl_global h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  border:none;
}


#ideo_clcl_global ul li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#ideo_clcl_global input {
    background-color:#C0C0C0;
    border:1px solid #FFFFFF;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    height:auto;
    padding:1px;
}
#ideo_clcl_global input:hover{
    background-color:#C0C0C0;
    border:1px solid #000000;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    height:auto;
    padding:1px;
}

#ideo_clcl_global label {
color:#666666;
line-height:19px;
}


/*********** BLOC CALCUL DU VOLUME *******************/
.clearer{clear:both; height:0px; line-height:0px;}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume {float:left; width:320px; margin-right:18px; }
.h3_bg{
  width:316px;
  background:  url(../images/charte/bg-h3.jpg) left top no-repeat;
  height:24px;
  padding:6px 0px 0px 4px;
  float:left;
}
.h3_bg h3{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#323676;
  padding:0px;
  text-transform: uppercase;
}


#ideo_clcl_global #ideo_clcl_blocSelectionVolume ul{margin:0;padding:0;}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li{background:none; margin:0; padding:0; }
#ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li a{display:block; clear:both; float:left; padding:3px;}

#ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li a:link, #ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li a:visited {
	color:#333;
    font-weight: bold;
    text-decoration:none;
}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li a:hover, #ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li a:active {
	background:none;
	color:#BC0202;
	text-indent:15px;
	text-decoration:none;

}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume ul li a.ideo_clcl_encoursSelectionSalle {
	background: url(../images/charte/puce-devis.jpg) no-repeat;
	text-indent:15px;

}

#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocSelectionSalle {float:left;width:35%; }
#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocSelectionItem {float:right;width:60%; }
#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocSelectionItem .ideo_clcl_blocLigneFormulaire{background-color: #DEDEDF; margin-bottom:2px;}

#ideo_clcl_global .ideo_clcl_blocLigneFormulaire label {
	float:left;
	padding-right:10px;
	text-align:left;
    line-height: 12px;
	width:45%;
}

#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocSelectionItem .ideo_clcl_blocLigneFormulaire label {width:75%;}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocSelectionItem input{width:20px;}

#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocVolumeTotal {float:left;}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocVolumeTotal p {text-align:center;font-weight:bold;margin:5px 0;}
#ideo_clcl_global #ideo_clcl_blocSelectionVolume #ideo_clcl_blocVolumeTotal input {width:40px;margin:0 5px;}


/*********** BLOC CALCUL COUT *******************/
#ideo_clcl_global #ideo_clcl_blocCalculCout{
  float:left;
  width:320px;
  background-color: #dededf;
  padding:0px 0px 20px 0px;
}


#ideo_clcl_global #ideo_clcl_blocCalculCout p {font-weight:bold;margin:0 0 2px 0;}
#ideo_clcl_global #ideo_clcl_blocCalculCout p label{width:180px; float:left; padding-left:20px;}
#ideo_clcl_global #ideo_clcl_blocCalculCout p input {width:40px;margin:0 5px 0 0;}
#ideo_clcl_global #ideo_clcl_blocCalculCout p a{font-size:10px; margin-left:10px; font-weight:normal; padding:0 0 0 10px; background:url(../images/charte/puce.gif) 0 2px no-repeat;}


#ideo_clcl_global #ideo_clcl_blocCalculCout .ideo_cnt_blocBouton {text-align:center;margin:10px 0 0 0;}

#ideo_clcl_global input.ideo_gbl_boutonFormulaire{
background:#DE0000 none repeat scroll 0 0;
border:1px solid #825454;
width:220px;
color:#FFFFFF;}

#ideo_clcl_global input.ideo_gbl_boutonFormulaire:hover {
background:#282869 none repeat scroll 0 0;
width:220px;
border:1px solid #282869;
color:#FFFFFF;}

/*********** BLOC ESTIMATION COUT *******************/
#ideo_clcl_global  #ideo_clcl_blocEstimationCout {
	background:#ABC7EE;
    float:left;
    width:320px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd ;
	padding:15px 0px;
	margin:20px 0 0 0;
}

#ideo_clcl_blocCalculCout a:link, #ideo_clcl_blocCalculCout a:visited {
	color:#2A2A67;
    text-decoration:none;
}
#ideo_clcl_blocCalculCout a:hover, #ideo_clcl_blocCalculCout a:active {
	color:#BC0202;
     text-decoration:underline;
}

#ideo_clcl_global  #ideo_clcl_blocEstimationCout h3 {background:none;text-align:center;}
#ideo_clcl_global  #ideo_clcl_blocEstimationCout p{text-align:center;}
#ideo_clcl_global  #ideo_clcl_blocEstimationCout input{width:60px;margin:0 3px;}