/* V2 */

/* positionnement des calques de toutes les pages */
.contenupage {
  position:absolute;
  left: 50%;
  width: 1024px;
  height: 676px;
  margin-left: -512px;
}

.footer {
	position: absolute;
	top: 644px;
	left: 119px;
	width: 786px;
	height: 40px;
	border: 0px solid #000000;
	text-align: center;
	vertical-align: top;
}





/* positionnement des calques des autres pages sauf index.html */
.tetiere {
	position: absolute;
	top: -4px;
	left: 119px;
	width: 786px;
	height: 180px;
	border: 0px solid #000000;
}

.devis {
	position: absolute;
	top: 59px;
	left: 787px;
	width: 105px;
	height: 109px;
	border: 0px solid #000000;
	text-align: left;

}

.navigation {
	position: absolute;
	top: 187px;
	left: 119px;
	width: 658px;
	height: 25px;
	border: 0px solid #000000;
}

.fondrubrique {
	position: absolute;
	top: 206px;
	left: 110px;
	width: 803px;
	height: 439px;
	border: 0px solid #000000;
}

/* positionnement des calques de la page home */

.qui {
	position: absolute;
	top: 180px;
	left: 110px;
	width: 184px;
	height: 26px;
	border: 0px solid #000000;
}

.quititre {
	position: absolute;
	top: 272px;
	left: 171px;
	width: 160px;
	height: 49px;
	border: 0px solid #000000;
}

.quitexte1 {
	position: absolute;
	top: 339px;
	left: 171px;
	width: 436px;
	height: 282px;
	border: 0px solid #000000;
}

/* positionnement des calques de la page offre */

.offre {
	position: absolute;
	top: 180px;
	left: 278px;
	width: 117px;
	height: 26px;
	border: 0px solid #000000;
}

.offretexte1 {
	position: absolute;
	top: 264px;
	left: 171px;
	width: 463px;
	height: 338px;
	border: 0px solid #000000;
}

.offretexte2 {
	position: absolute;
	top: 502px;
	left: 683px;
	width: 194px;
	height: 97px;
	border: 0px solid #000000;
}

/* positionnement des calques de la page reseau */

.reseau {
	position: absolute;
	top: 180px;
	left: 380px;
	width: 130px;
	height: 26px;
	border: 0px solid #000000;
}

.reseautexte1 {
	position: absolute;
	top: 408px;
	left: 159px;
	width: 730px;
	height: 218px;
	border: 0px solid #000000;
}

/* positionnement des calques de la page realisations */

.realisations {
	position: absolute;
	top: 180px;
	left: 495px;
	width: 154px;
	height: 26px;
	border: 0px solid #000000;
}

.realisationsimages {
	position: absolute;
	top: 231px;
	left: 132px;
	width: 758px;
	height: 383px;
	overflow: auto;
	border: 0px solid #000000;
	text-align: left;
	vertical-align: top;
}

/* positionnement des calques de la page contact */

.contact {
	position: absolute;
	top: 180px;
	left: 634px;
	width: 152px;
	height: 26px;
	border: 0px solid #000000;
}

.contactplan {
	position: absolute;
	top: 274px;
	left: 169px;
	width: 312px;
	height: 340px;
	border: 0px solid #000000;
}

.contacttexte1 {
	position: absolute;
	top: 494px;
	left: 587px;
	width: 168px;
	height: 41px;
	border: 0px solid #000000;
}

.contacttexte2 {
	position: absolute;
	top: 532px;
	left: 587px;
	width: 168px;
	height: 60px;
	border: 0px solid #000000;
}

/* positionnement des calques de la page devis */

.fonddevis {
	position: absolute;
	top: 211px;
	left: 120px;
	width: 786px;
	height: 421px;
	border: 0px solid #000000;
}

.devistexte1 {
	position: absolute;
	top: 315px;
	left: 175px;
	width: 713px;
	height: 302px;
	overflow: auto;
	border: 0px solid #000000;
}

.devistexte2 {
	position: absolute;
	top: 315px;
	left: 175px;
	width: 713px;
	height: 302px;
	border: 0px solid #000000;
}

/******************************  FORMULAIRE  ************************/

form{
	margin:0;
}
.bloc{
	margin:25px 0 0 0;
}
.bloc label, .bloc .civilite{
	width:115px;
	font-family: Arial;
	font-size: 11px;
	color: #182539;
	float:left;
	text-align:right;
	margin:0 10px 0 0;
	font-weight:bold;
}
.bloc .civilite{
	float:none;
	text-align:center;
	font-weight:normal;
	width:233px;
	margin-left:126px;
	margin-right:0px;
	border:1px solid #fff;
}
.bloc .civilite label{
	display:none;
}

/***********  INPUT  *********/
.bloc .help_ico{
	cursor:pointer;
	margin-left:10px;
	border:none;
	position:absolute;
}
.bloc .help_message{
	background-color:#fff;
	font-size:11px;
	border:1px solid #9eb0d5;
	padding:5px;
	margin-left:50px;
	display:none;
	position:absolute;
	width:250px;
}
.bloc input{
	height:15px;
	font-size:11px;
}
.bloc .myInput{
	width:235px;
	border:1px solid #9eb0d5;
}
.bloc .myInputCP{
	width:52px;
	border:1px solid #9eb0d5;
}
.bloc .myInputPhone{
	width:83px;
	border:1px solid #9eb0d5;
}
.bloc .myInputCadre{
	width:41px;
}
.bloc .myTextarea{
	font-family: Arial;
	font-size:11px;
	width:365px;
	height:85px;
	border:1px solid #9eb0d5;
}
.bloc .myTextareaAdress{
	font-family: Arial;
	font-size:11px;
	width:235px;
	height:40px;
	border:1px solid #9eb0d5;
}
.bloc .mySelect
{
	font-size:11px;
	width:167px;
	height:20px;
	padding:2px;
	border:1px solid #9eb0d5;
}
.bloc p{
	margin:5px 0 8px 0;
}
.menu-radio{
	margin: 0 0 0 130px;	
}
.menu-radio p{
	margin:5px 0 5px 0;
}
.content-form{
	margin: 20px 0 10px 0;
	border-top:1px solid #9eb0d5;
	border-bottom:1px solid #9eb0d5;
	background:#f3f5f7;
	padding:5px 5px 15px 5px;
}
.submit{
	width:87px;
	margin:25px auto 80px auto;
	cursor:pointer;
}

/********************** error  *****************/
p.error, .error{
	color:red;
}

.bloc .ferror, 
table.personne-assure .ferror, 
.ferror,
.bloc select.ferror
{
	border:1px solid red;
	color:red;
}
.myInputerror{
	width:235px;
	border:1px solid red;	
}
.myTextareaerror{
	font-size:11px;
	width:365px;
	height:85px;
	border:1px solid red;	
}
.myTextareaAdresserror{
	font-size:11px;
	width:235px;
	height:40px;
	border:1px solid red;
}
.myInputCPerror{
	width:52px;
	border:1px solid red;	
}
.myInputPhoneerror{
	width:83px;
	border:1px solid red;	
}
.mySelecterror{
	font-size:11px;
	width:167px;
	height:20px;
	padding:2px;
	border:1px solid red;	
}



/******** SEO ********/
h1 {
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 font-size: 12px;
text-align: center;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 color: #ccc;
 font-size: 10px;
text-align: center;
}

a {
 font-family: Arial, Helvetica, sans-serif;
 color: #ccc;
 font-size: 10px;
text-align: center;
}