/* 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";
.invisible
{
	display:none;
}

/********************** accueil *******************************/
#bandeau{
	float:left;
  width: 755px;
  height: 132px;
}
.line{
  text-align: center;
  padding-bottom: 10px;
}
.line1{
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.line2{
  text-align: left;
  padding-top: 6px;
  padding-bottom: 2px;
}
.line3{
  text-align: left;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}
.line4{
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}
.text{
  color: #83A6CF;
}
#text1{
  color: #0F72B8;
  font-weight: bold;
  font-size: 14px;
  text-align: center !important;
  margin: 0 auto;
  padding-left: 120px;
}
.image-left{
		float:left;
    margin-right:10px;
    border: solid 1px #7695BA;
		}
.image-left1{
		float:left;
    margin-left:10px;
    border: solid 1px #7695BA;
		}
.image-left2{
		float:left;
    margin-right:10px;
		}
.image-right{
		float:right;
    margin-left: 10px;
    border: solid 1px #7695BA;
		}
.image-right1{
		float:right;
    margin-left: 10px;
		}
.box-image{
  float:left;
  width:330px;
  padding-left:20px;
}

.text-image{
  float: left;
  width: 375px;
  padding-top: 8px;

}
.images{
  float: left;
  width: 650px;
  text-align: center;
  margin: 0 auto;
  padding-left: 30px;
}


ul.list{
	 		padding:0px 0px 15px 21px;
			list-style:none;
			float:left;
      width:250px;
		 	}
		ul.list li{
		 	color:#0C3C74;
      font-family: Arial;
      font-size:12px;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.gif) no-repeat left 3px;
			padding-left:15px;
			line-height:14px;
			}
ul.list1{
	 		padding:0px 0px 15px 21px;
			list-style:none;
			float:left;
      width: 300px;
		 	}
		ul.list1 li{
		 	color:#0C3C74;
      font-family: Arial;
      font-size:12px;
      font-weight: normal;
			text-align:justify;
			background: url(../images/charte/icon-list1.gif) no-repeat left 3px;
			padding-left:15px;
			line-height:14px;
			}
ul.list2{
	 		padding:0px 0px 15px 21px;
			list-style:none;
			float:left;
      width: 320px;
		 	}
		ul.list2 li{
		 	color:#0C3C74;
      font-family: Arial;
      font-size:12px;
      font-weight: normal;
			text-align:justify;
			background: url(../images/charte/icon-list.gif) no-repeat left 3px;
			padding-left:15px;
			line-height:14px;
			}
ul.list3{
	 		padding:0px 0px 15px 21px;
			list-style:none;
			float:left;
  /*    width: 300px;  */
		 	}
		ul.list3 li{
		 	color:#0C3C74;
      font-family: Arial;
      font-size:12px;
      font-weight: normal;
			text-align:justify;
			background: url(../images/charte/icon-list1.gif) no-repeat left 3px;
			padding-left:15px;
			line-height:14px;
			}
.index-col1{
  float: left;
  width: 522px;
  padding-right: 20px;
  border-right: solid 1px #84A7D0;
}
.index-col2{
  float: left;
  width: 141px;
  padding-left: 16px;
  text-align: right;
  font-weight: bold !important;
	background: url(../images/charte/bg-textright.jpg) no-repeat right top;        
}

/******************************* nos atouts *************************************************/

.atouts-col1{
  float: left;
  width: 350px;
}
.atouts-col2{
  float: left;
  width: 300px;
}

/******************************** pose de fil ******************************************/

#etiquette-col1{
  float:left;
  width: 350px;
  font-size: 14px !important;
  font-size: 14px !important;
}
#etiquette-col2{
  float: left;
  padding-left:27px;
  padding-top: 30px;
  margin-bottom: 0px;
  padding-bottom: 30px;
}
#etiquette-col3{
  float: left;
  padding-left:27px;
  margin-bottom: 0px;
  padding-bottom: 30px;
}

/********************************** devis ********************************************/

.devis{
  width:600px;
  float:left;
  padding-left: 60px;
}
    .devis span{
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      text-align: left;
      float: left;
    }

.devis-left{
  float:left;
  width:120px;
  color: #036CB6;
}
    .devis-left p{
       font-family:Arial;
       font-size: 12px;
       font-weight: bold;
       color: #036CB6 !important;
       margin-top:1px;
       height: 5px;
       padding-top: 5px;
       text-align: left;
    }
.devis1-left{
  float:left;
  width:350px;
  color: #036CB6;
}
    .devis1-left p{
       font-family:Arial;
       font-size: 12px;
       font-weight: bold;
       color: #036CB6 !important;
       margin-top:1px;
       height: 5px;
       padding-top: 5px;
       text-align: left;
       float: left;
       width:100px;
    }
input{
  float:left;
  margin-top: 4px;
  clear: left;
  margin-right: 3px;
  height: 20px;
  width: 15px;
}
    .text-input p{
       font-family:Arial;
       font-size: 12px;
       font-weight: bold;
       color: #000000;
       margin-left: 0px;
       margin-top:1px;
    }
.box-button{
    float:left;
    width:500px;
    padding-left: 150px;
}
    .box-button p{
      float: left;
      padding-right: 20px;
      padding-top: 3px;
      width: 80px;
      text-align: left;
      color: #036CB6 !important;
    }
.box1-button{
    float:left;
    width:500px;
    padding-left: 110px;
}
    .box1-button p{
      float: left;
      padding-right: 20px;
      padding-top: 3px;
      width: 80px;
      text-align: left;
      color: #036CB6 !important;
    }
.devis-button1{
  float:left;
  width:80px;
  color: #036CB6 !important;
}
.devis-button2{
  float:left;
  width:250px;
  padding-left:20px;
  color: #036CB6 !important;
}
.devis-button3{
  float:left;
  width:110px;
  margin-left: 15px;
  color: #036CB6 !important;
}
.devis-button4{
  float:left;
  width:120px;
  margin-left: 15px;
  color: #036CB6 !important;
}



/******************************** contact ******************************************/

.contact-col1{
  float: left;
  width: 398px;
}
.contact-col2{
  float: left;
  width: 300px;
}
.title-plan{
  text-align: right;
}
.contact-plan{
  float: right;
  width:99px;
}
#contact-code{
  width:100px;
  margin-left:2px;
  margin-top:10px;
  border:solid 1px #7790BC;
}


#text-page p{
  font-size: 14px !important;
}