/* BALISES */
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Palatino, serif;
	margin: 0px;
	background-color: #b3aa9c;
	text-align: center;
	background-image: url(../images/ouest-communication_01a.jpg);
	background-repeat: repeat-x;
}
div {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #705F58;
}
img{
	border: 0px;
}
a{
	font-weight: bold;
	color: #3B3632;
	text-decoration: none;
}
a:hover{
	color: #F76905;
}
p{
	clear: both;
}

/* ENTITES */
#conteneur {
	width: 991px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -495px;
}
#bandeauHaut {
	width: 991px;
	height: 151px;
	background-image: url(../images/ouest-communication_02.jpg);
	background-repeat: no-repeat;
}
#BoutonPointsHaut {
	position:absolute;
	height:62px;
	top: 22px;
	left: 710px;
	width: 280px;
}
	#BoutonPointsHaut img{
		margin-left: 25px; 
	}
#Menu {
	width:990px;
	height:82px;
}
	.margeBoutonMenu {
		margin-right: 45px;
	}
#CorpsPage {
	width:991px;
	background-image: url(../images/ouest-communication_06.jpg);
	background-repeat: no-repeat;
}
	.fleche {
		float: left;
		margin-top: 40px;
		width: 85px;
		height: 109px;
	}
	#fleche_gauche{
		margin-left: 7px;
		margin-right: 7px;
	}
	#fleche_droite{
		margin-left: 25px;
	}
	#FondTexte {
	position:relative;
	float: left;
	width:739px;
	background-image: url(../images/FondTexte2.png);
	background-repeat: repeat;
	border: 1px solid #716059;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
		#fontImageContact {
			position:absolute;
			width:130px;
			height:133px;
			background-image: url(../images/imageContact.png);
			background-repeat: no-repeat;
			background-position: 10px bottom;
			top: 270px;
		}
		#titreAccueil {
			width: 353px;
			height: 50px;
			background-image: url(../images/titreaccueil2.png);
			background-repeat: no-repeat;
		}
		#titreCreation {
			width:281px;
			height:50px;
			background-image: url(../images/titrecreation.png);
			background-repeat: no-repeat;
		}
		#titreRef {
			width:305px;
			height:50px;
			background-image: url(../images/titrereferencement.png);
			background-repeat: no-repeat;
		}
		#titreRefer {
			width:257px;
			height:50px;
			background-image: url(../images/titrereferences.png);
			background-repeat: no-repeat;
		}
		#titreRefer2 {
			width:257px;
			height:50px;
			background-image: url(../images/titrereferences2.png);
			background-repeat: no-repeat;
		}
		#titreAgence {
			width:217px;
			height:50px;
			background-image: url(../images/titreaccueil.png);
			background-repeat: no-repeat;
		}
		#titreContact {
			float: left;
			width:217px;
		}
		#titreClients {
			float: left;
			width:401px;
			height:50px;
			background-image: url(../images/titrereclients.png);
			background-repeat: no-repeat;
			margin: 10px 0 0 10px;
		}
		#titreDevis {
			width:239px;
			height:50px;
			background-image: url(../images/titreredevis.png);
			background-repeat: no-repeat;
		}
		#titreSituation {
			float: left;
			width:209px;
			height:50px;
		}
		
		#gaucheaccueil{
			float:left;
			width: 399px;
			}
		#actualite {
			float: left;
			width: 399px;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		#actualite p{
			width: 245px;
			left: 154px;
		}
		#actualite p img{
			top: -3px;
		}
		#ulmarginbottom{
			margin-bottom: 10px;
			}
		.actuim{
			float:left;
			padding-right: 5px;
						}
		.actu{
			float:left
			}
		.pics {
			float: left;
			height: 301px;
			width: 399px;
			margin-top: 30px;
			margin-right: 30px;
			margin-bottom: 0;
			margin-left: 0px;
		}
		.pics img {
			background-color: #eee;
			width:  399px;
			height: 301px;
		}
		#imageCreation {
			width:308px;
			height:316px;
			background-image: url(../images/imageCreation.png);
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		#imageRef {
			width:298px;
			height:315px;
			background-image: url(../images/imageRefer.png);
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		#imageRefer {
			width:255px;
			height:312px;
			background-repeat: no-repeat;
			background-position: left bottom;
			background-image: url(../images/imageref.png);
		}
		#imageAgence {
			width:218px;
			height:317px;
			background-image: url(../images/imageAgence.png);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		#imageClient {
			width:708px;
			height:60px;
			margin: 0 0 20px 10px;
		}
			#imageClient img{
				width: 80px;
				height: 60px;
			}
		#imageClient2 {
			float: left;
			width:288px;
			height:197px;
			background-repeat: no-repeat;
			background-position: right top;
			background-image: url(../images/imageClient2.png);
			margin: 5px 0 0 20px;
		}
		#imageDevis {
			width: 310px;
			height: 317px;
			background-image: url(../images/imageDevis.png);
			background-repeat: no-repeat;
			background-position: -50px bottom;
			margin: 0 0 20px 0;
		}
		#texteAccueil {
			float: left;
			width:290px;
			background-image: url(../images/FondTexte3.png);
			margin: -20px 5px 10px 20px;
		}
		#texteCreation {
			float: left;
			width:384px;
		}
		#texteRef {
			float: left;
			width:405px;
		}
		#texteReferPort {
			float: left;
			width: 633px;
			margin-left: 25px;
		}
			.ligne_port_ref{
				margin-bottom: 5px;
			}
		#texteRefer {
			float: left;
			width:433px;
			margin-left: 15px;
		}
			.ligne_ref{
				height: 90px;
				width: 420px;
				margin: 10px 0 0 0;
				border: 1px solid #716059;
			}
				.img_ref{
					float: left;
					height: 90px;
					width: 115px;
				}
				.img_ref img{
					height: 90px;
					width: 115px;
				}
				.details_ref{
					float: left;
					height: 90px;
					width: 290px;
					margin: 0 0 0 10px;
					padding: 5px 0 0 0;
				}
					.desc_ref{
						text-align: justify;
					}
				div.ligne_ref div.details_ref div{
					font-size: 10px;					
				}
		#texteAgence {
			float: left;
			width:458px;
			margin-left: 15px;
		}
		#texteContact {
			float: left;
			width:475px;
			margin: 10px 0 0 0;
		}
		#texteClients2 {
			width:381px;
			height:120px;
			margin: 60px 0 0 5px;
		}
		#texteDevis {
			float: left;
			width: 300px;
		}
		#texteSituation {
			float: left;
			width:476px;
			margin: 10px 0 0 20px;
		}
		#contenuDevis {
			width:410px;
			margin-top: 20px;
			vertical-align: top;
		}
			#contenuDevis label{
				display: inline;
				float: left;
				text-align: right;
				width: 110px;
				margin: 3px 0 0 0;
			}
		#contenuContact {
			width:696px;
			margin-top: 20px;
			vertical-align: top;
		}
			#contenuContact label{
				display: inline;
				float: left;
				text-align: right;
				width: 150px;
				margin: 3px 0 0 0;
			}
			.champContact{
				float: left;
				margin: 3px 0 0 5px;
			}
			#champsContact1 {
				margin: 30px 0 0 30px;
				float: left;
			}
			#champsContact2 {
				margin: 30px 0 0 0;
				float: left;
			}
			#champsContact3 {
				clear: both;
				margin: 30px 0 0 10px;
				text-align: right;
				background-image: url(../images/imageContact.png);
				background-repeat: no-repeat;
				background-position: left 30px;
			}
			#champsDevis{
				clear: both;
				margin: 30px 0 0 10px;
				text-align: right;
			}
				#champsDevis label{
					display: inline;
					float: left;
					text-align: right;
					width: 110px;
					margin: 3px 0 0 0;
				}
		#contenuSituCarte {
			width:739px;
			text-align: center;
			vertical-align: middle;
			margin: 20px 0 10px 0;
		}
#BoutonPoints {
	float: left;
	width:294px;
	height:62px;
	margin: 20px 0 0 10px;
}
	#BoutonPoints img{
		margin-left: 25px;
	}
#boutonPromo {
	float: left;
	width:367px;
	height:84px;
	margin: 10px 0 0 210px;
}
#BasAdresse {
	width:991px;
	margin: 20px 0 20px 0;
	text-align: center;
}
	.logos_footer{
		float: right;
		vertical-align: middle;
		margin: 0 0 0 10px;
	}
	.imgReseauxSociaux{
		vertical-align: middle;
	}

/* CLASSES TEXTE */
.TexteAdresse {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #716059;
}
.Texte3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #705F58;
	text-align: justify;
}
.texteReferencement{
	color: #ddd5d3;
	font-size: 10px;
}
.liensBasPage{
	color: #ddd5d3;
	font-size: 10px;
}
.liensBasPage a{
	color: #ddd5d3;
}
.TexteFormulaire{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #705F58;
	vertical-align: middle;
}
.TexteFormulaireTexte{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #705F58;
	vertical-align: text-top;
}
.Texte2{
	font-family: Verdana, Geneva, sans-serif;
	;
	font-size: 12px;
	color: #705F58;
	vertical-align: text-top;
	text-align: justify;
}
.Texte4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #705F58;
}
.lbl_reference{ display: block; }
.TexteOrange, .lbl_reference:first-letter{
	font-size: 18px;
	font-weight: bold;
	color: #F76905;
	font-family: Verdana;
}
.TexteOrange2{
	font-size: 13px;
	font-weight: bold;
	color: #F76905;
	font-family: Verdana;
}
.TexteMarron, .lbl_reference{
	font-size: 16px;
	font-weight: bold;
	color: #675E5C;
}
.texteCentre{
	text-align: center;
}
.margesTexte {
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
}

/* CLASSES DIVERSES */
.clearer{
	clear: both;
}
ul.pucesOrange{
	clear: both;
	list-style-image: url('../images/puceOrange.png');
	margin: 0px;
}
.quote{
	float: left;
}
.listeref{
	float: left;
	width: 400px;
}
.verif_form{
	width: 480px;
	margin: 10px 0 10px 150px;
	padding: 5px;
}
.toutes_ref{
	margin: 20px;
}
.toutes_ref strong{
	float: left;
}
.toutes_ref img{
	margin-left: 5px;
	float: left;
}.contourmarron {
	border: thin solid #201C1F;
	background-color: #E1DCD8;
}