body
{
margin-top: 1px;
margin-bottom: 10px;
padding: 0;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
background: #208DB8 ;
}

img { 
border : none;
}

#page2 {
text-align:center;
width: 774px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
position:relative;
float:left;
border:0px solid #333;
}

#cadre2 {
text-align:center;
width: 774px;
padding:0px 0px 0px 0px;
margin-top:56px;
margin-left: auto;
margin-right: auto;
position: relative;
border:0px solid #333;
}

div#titre-accueil h1 {
text-align:left;
font: 25px/20px Arial, Helvetica, sans-serif;
font-style: italic;
font-weight:bold;
color:#1F8DB8;
margin-top:8px;
padding-left:125px;
}

#sous-titre-accueil h1 {
text-align:left;
font: 25px/30px Arial, Helvetica, sans-serif;
font-style: italic;
font-weight:bold;
color:#1F8DB8;
margin:0px;
padding:0px;
margin-top:0px;
padding-left:125px;

}

/*------ 	ACCUEIL 	------------*/
/*---- Ne pas oublier de trier ce qui fait partie de l'accueil, ce qui fait partie des rubriques, et ce qui est valable pour les deux */
#bandeau {
width: 774px;
height:111px;
border: 0px solid #333333;
background: url(../images/bandeau.jpg) no-repeat;
float:left;
}

#navigation {
width: 774px;
height:117px;
border: 0px solid #333333;
background: #fff url(../images/navigation.jpg) no-repeat;
float:left;
padding:0px;
margin:0px;
}

#titre-accueil {
width: 774px;
height:48px;
border: 0px solid #333333;
background: url(../images/titre-accueil.jpg) no-repeat;
float:left;
}

#sous-titre-accueil {
width: 774px;
height:43px;
border: 0px solid #333333;
background: url(../images/sous-titre-accueil.jpg) no-repeat;
float:left;
}

#coeur-accueil {
width: 774px;
height:353px;
border: 0px solid #333333;
background: url(../images/coeur-accueil.jpg) no-repeat;
float:left;
}

	#photo-accueil {
	width:321px;
	height:217px;
	padding-left:32px;
	float:left;
	border: 0px solid #333333;
	}

	#texte-accueil {
	width:350px;
	height:217px;
	margin-left:41px;
	float:left;
	text-align:left;
	font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #4A484A;
	border: 0px solid #333333;
	}

	#logos-partenaires {
	width:321px;
	height:120px;
	padding-left:32px;
	float:left;
	text-align:left;
	border: 0px solid #333333;
	}

	#slogan-accueil {
	width:350px;
	height:80px;
	margin-top:28px;
	float:left;
	text-align:left;
	font: 25px/30px Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	color:#1F8DB8;
	border: 0px solid #333333;
	}

#pied-accueil {
width: 774px;
height:79px;
border: 0px solid #333333;
background: url(../images/pied-accueil.jpg) left repeat;
float:left;
}

#coordonnees {
width:350px;
height:48px;
margin-left:371px;
margin-top:29px;
font-size:12px;
font-weight:bold;
color:#5e5e5e;
line-height:18px;
float:left;
border: 0px solid #333333;
}

/*------ 	RUBRIQUES 	------------*/

#titres {
width: 774px;
height:91px;
float:left;
border:0px dotted #999999;
}

#titre-rubrique {
width: 774px;
height:48px;
border: 0px solid #333333;
background: url(../images/titre-rubrique.jpg) no-repeat;
text-align:left;
float:left;
}

#sous-titre-rubrique {
width: 774px;
height:43px;
border: 0px solid #333333;
float:left;
background: url(../images/sous-titre-rubrique.jpg) no-repeat;
}

#titre-rubrique h1 {
text-align:center;
font: 25px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-style: italic;
font-weight:none;
color:#E46101;
width:410px;
border:0px solid #666666;
letter-spacing:2px;
}

#sous-titre-rubrique h2 {
text-align:left;
height:43px;
font: 25px Arial, Helvetica, sans-serif;
font-style: italic;
font-weight:bold;
color:#1F8DB8;
border:0px solid #666666;
margin:0px;
padding:0px;
padding-left:100px;
}

#coeur{
width: 774px;
height:353px;
border: 0px solid #333333;
background: url(../images/coeur.jpg) no-repeat;
float:left;
}

#pied {
width: 774px;
height:79px;
border: 0px solid #333333;
background: url(../images/pied.jpg) left repeat;
float:left;
}


/*------ 	L'EQUIPE 	------------*/

#chapeau {
width: 714px;
height:60px;
border: 0px solid #333333;
font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
color: #4A484A;
padding-left:54px;
margin-top:8px;
text-align:left;
float:left;
}

#equipe {
width: 774px;
height:287px;
border: 0px solid #333333;
background: url(../images/fond-equipe.jpg) left no-repeat;
float:left;
}

#membres-equipe {
width: 500px;
height:240px;
border: 0px solid #333333;
float:left;
text-align:left;
padding-left:268px;
margin-top:7px;
font: 13px/50px Verdana, Arial, Helvetica, sans-serif;
}

/*------ 	REALISATIONS	------------*/

#realisations {
width: 700px;
height:150px;
border: 0px solid #333333;
float:left;
font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
margin-top:8px;
text-align:left;
padding-left:54px;
}

#diaporama-realisations {
width: 719px;
height:142px;
border: 0px solid #333333;
float:left;
padding-left:29px;
}

#lecteur {
margin-top:10px;
}

/*------ 	VOTRE PROJET	------------*/

#projet {
width: 774px;
height:352px;
border: 0px solid #333333;
float:left;
background: url(../images/fond-projet.jpg) left no-repeat;
}

#texte-projet {
width: 290px;
height:110px;
border: 0px solid #333333;
float:left;
text-align:left;
padding-left:57px;
padding-top:8px;
font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
}

/*------ 	CONTRATS ET GARANTIES 	------------*/

#contrats {
width: 668px;
height:331px;
border: 0px solid #333333;
float:left;
padding-left:106px;
}

#logo-contrats {
width: 150px;
height:269px;
border: 0px solid #333333;
float:left;
}

#texte-contrats {
width: 400px;
height:280px;
border: 0px solid #333333;
float:left;
text-align:left;
margin-left:60px;
margin-top:0px;
font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
}

/*------ 	NOS PARTENAIRES 	------------*/

#texte-partenaires {
width: 714px;
height:331px;
border: 0px solid #333333;
text-align:left;
float:left;
margin-top:15px;
font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
padding-left:54px;
}

#logo-partenaire {
border: 0px solid #333333;
padding-right:15px;
padding-bottom:20px;
float:left;
}

#lien-partenaires {
text-align:right;
margin-top:-38px;
margin-right:20px;
float:right;
}

/*------ 	CONTACT 	------------*/

#chapeau-contact {
width: 774px;
height:44px;
border: 0px solid #333333;
float:left;
}

#contact {
width: 713px;
height:287px;
border: 0px solid #333333;
float:left;
padding-left:65px;
}

#logo-contact {
width: 262px;
height:214px;
border: 0px solid #333333;
float:left;
}

#texte-contact {
width: 400px;
height:280px;
border: 0px solid #333333;
float:left;
text-align:left;
margin-left:46px;
margin-top:0px;
font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
}

#mbo-contact {
text-align:left;
font: 20px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1F8DB8;
border:0px solid #666666;
margin:0px;
padding:0px;
}

#plan-petit {
margin-left:92px;
}

#surfooter2 {
width : 774px;
border:0px solid #ccc;
float:left;
background: #fff;
}

#footer5 {
width : 774px ;
height: 30px;
font: 11px/14px tahoma, verdana, arial, helvetica, sans-serif; 
color:#fff; 
padding-bottom:2px;
text-align:center;
border:0px solid #000;
margin:auto;
padding-top:20px;
float:left;
}

#footer5 a:link {color:#293C8B; text-decoration:none;}
#footer5 a:visited  {color:#293C8B; text-decoration:none;}
#footer5 a:Hover {color:#293C8B; text-decoration:underline;}
#footer5 a:active {color:#293C8B;text-decoration:none;}

.align_left {
width:258px;
text-align:left;
display:block;
float:left;
}

.align_right {
width:258px;
text-align:right;
display:block;
float:left;
}

.align_center {
font: 12px/16px tahoma, verdana, arial, helvetica, sans-serif; 
width:258px;
text-align:center;
display:block;
float:left;
letter-spacing:2px;
margin-top:-2px;
}

#footer6 {
width : 774px ;
height: 30px;
font: 11px/14px tahoma, verdana, arial, helvetica, sans-serif; 
color:#fff; 
padding-bottom:2px;
text-align:center;
border:0px solid #000;
margin:auto;
padding-top:2px;
float:left;
}

#footer6 .align_left {
width:387px;
text-align:left;
display:block;
float:left;
}

#footer6 .align_right {
width:387px;
text-align:right;
display:block;
float:left;
}

/*		Navigation on/off		*/

#rubrique1 {
display:none;
position:absolute;
width:8px;
height:16px;
left:71px;
top:128px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique1_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:71px;
top:128px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique2 {
display:none;
position:absolute;
width:8px;
height:16px;
left:146px;
top:130px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique2_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:146px;
top:130px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique3 {
display:none;
position:absolute;
width:8px;
height:16px;
left:221px;
top:137px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique3_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:221px;
top:137px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique4 {
display:none;
position:absolute;
width:8px;
height:16px;
left:296px;
top:150px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique4_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:296px;
top:150px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique5 {
display:none;
position:absolute;
width:8px;
height:16px;
left:371px;
top:166px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique5_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:371px;
top:166px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique6 {
display:none;
position:absolute;
width:8px;
height:16px;
left:446px;
top:183px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique6_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:446px;
top:183px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique7 {
display:none;
position:absolute;
width:8px;
height:16px;
left:521px;
top:192px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}

#rubrique7_on {
display:block;
position:absolute;
width:8px;
height:16px;
left:521px;
top:192px;
padding:0px;
margin:0px;
background:url(../images/point-orange.gif) no-repeat;
}


/*============== FORMULAIRE DE CONTACT ========================*/

#form {
	position: relative;
	width:590px;
	background: #fff;
	display:block;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height:13pt;
	color:#006396;
	border:5px solid #293C8B;
	margin-top:30px;
	padding-top:10px;
	float:left;

}

#titre_formulaire {
	font-size:18px;
	border:0px solid #333333;
	padding-bottom:25px;
}

#form_col_gauche {
	text-align:left;
	width:280px;
	position: relative;
	display:block;
	float: left;
	border:0px solid #ccc;
}

#form_col_droite {
	text-align:left;
	margin-left:10px;
	width:270px;
	height:200px;
	position: relative;
	float: left;
	border:0px solid #c00;
	display:block;
/*				background-color:#cc0;*/
}

#form_col_droitebis {
	text-align:left;
	margin-left:10px;
	width:270px;
	height:200px;
	position: relative;
	float: left;
	display:block;
		border:0px solid #c0c;
/*				background-color:#cc0;*/
}

#form_col_droite2 {
	text-align:center;
	margin-left:20px;
	width:280px;
	position: relative;
	float: left;
	border:0px solid #c00;
	display:block;
		border:0px solid #c0c;
/*		background-color:#ccc;*/

}

#form_col_bas {
	float:left;
	display:block;
	text-align:left;
	position: relative;
	width:600px;
	height: 48px;
	border:0px solid #c0c;
}

#form_boutons {
	float:left;
	display:inline;
	text-align:center;
	line-height:38px;
	position:relative;
	margin-left:143px;
	width:260px;
	height: 38px;
	margin-top:0px;
	padding-bottom:20px;
	border:0px solid #ccc;
}

form {
display:inline;
}

div.row {
 	clear: both;
	margin-top: 1px;	
 }

div.row span.label {
	height:30px;
	padding-left:10px;
 	float: left;
  }

div.row span.label2 {
	height:30px;
	padding-left:10px;
 	float: left;
 	width: 290px;
 	text-align: left;
 }

div.row span.formw {
	float: right;
}

.champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000033;
	background-color: #FFFFFF;
	height: 18px;
	border: 1px solid #CCCCCC;
}

.champs2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:79px;
	color: #000033;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:13pt;
	position:relative;
	margin-left:50px;
	padding-top:10px;
	padding-bottom:2px;
}

#adresse {
	padding-top:20px;
	margin-bottom:5px;
}


/*=========================*/