/* CSS Document */
body{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: url(images/motif_fond.jpg);
	background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #524939;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.spacer {
  clear: both;
}
a{
	color: #524939;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
}
a:hover{
	color: #ff3d3d;
}
.photos_liens{
	border: none;
}
.dessus{
	font-weight: bold;
}
.contenu{
	padding: 0px 15px 0px 10px;
}
.blanc{
	width: 100px;
	height: 30px;
}
.blanc_photo{
	width: 100px;
	height: 30px;
}
.blanc_general{
	width: 1004px;
	height: 10px;
}
.titre{
	font-weight: bold;
}
.fleche{
	position: absolute;
	top: 65px;
	left: -20px;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 35px;
	z-index: 1;
}
.italique{
	font-style: italic;
}
/*-------------------------------------------------------conteneur----------------------------------------------------------------------*/
#conteneur{
	position: absolute;
	width: 1004px;
	left: 50%;
	margin-left: -502px;
	top: 0px;
}
/*------------------------------------------------------bandeau_haut--------------------------------------------------------------------*/
#bandeau_haut{
	position: relative;
	width: 1004px;
	height: 121px;
}
#contenu_central{
	position: relative;
	background-color: #FFFFFF;
	width: 1004px;
	min-height: 100px;
}
#bandeau_bas{
	position: relative;
	background-image: url(images/bandeau_bas.png);
	background-repeat: no-repeat;
	width: 1004px;
	height: 15px;
}
/*------------------------------------------------------menu----------------------------------------------------------------------------*/
#menu{
	position: relative;
	float: left;
	width: 255px;
	min-height: 100px;
	margin: 0px 25px 0px 5px;
}
#menu a{
	text-decoration: none;
}
.puce_menu{
	position: relative;
	float: left;
	background-image: url(images/carre_menu_puce.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	text-align: center;
	margin: 0px 5px 0px 0px;
}
.puce_menu h4{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*------------------------------------------------------sous menu-----------------------------------------------------------------------*/
#sous_menu{
	position: relative;
	width: 180px;
	min-height: 10px;
	margin: 20px 0px 0px 30px;
}
#sous_menu a{
	text-decoration: none;
}
.puce_sous_menu{
	position: relative;
	float: left;
	background-image: url(images/carre_menu_mini.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	text-align: center;
	margin: 0px 5px 0px 0px;
}
.puce_sous_menu h5{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.ss_menu{
	position: relative;
	width: 180px;
	height: 17px;
	margin: 0px 0px 3px 0px;
}
/*------------------------------------------------------derniere reference--------------------------------------------------------------*/
#derniere_reference{
	position: relative;
	float: left;
	width: 240px;
	min-height: 100px;
	margin: 0px 30px 0px 0px;
}
/*------------------------------------------------------blocs droits--------------------------------------------------------------------*/
#blocs_droits{
	position: relative;
	float: left;
	width: 430px;
	min-height: 10px;
}
#qui_sommes_nous{
	position: relative;
	width: 430px;
	min-height: 10px;
	margin: 0px 0px 10px 0px;
}
#contact{
	position: relative;
	width: 430px;
	min-height: 10px;
	margin: 0px 0px 10px 0px;
}
.textes_droit{
	position: relative;
	float: left;
	width: 230px;
	min-height: 10px;
}
.images_droit{
	position: relative;
	float: left;
	width: 200px;
	min-height: 10px;
}
/*------------------------------------------------------pages interieures---------------------------------------------------------------*/
#pages_interieures{
	position: relative;
	float: left;
	width: 710px;
	min-height: 100px;
}
.image_interieure{
	position: relative;
	float: left;
	width: 448px;
	min-height: 50px;
	margin: 0px 40px 0px 0px;
}
.bloc_texte_interieur{
	position: relative;
	float: left;
	width: 220px;
	min-height: 50px;
}
.texte_interieur{
	position: relative;
	width: 220px;
	min-height: 15px;
	margin: 0px 0px 20px 0px;
}
.fleche2{
	position: absolute;
	top: 5px;
	left: -30px;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 35px;
	z-index: 1;
}

.fleche10{
	position: absolute;
	top: 244px;
	left: -30px;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 35px;
	z-index: 1;
}

/*------------------------------------------------------references----------------------------------------------------------------------*/
.blocs_references{
	position: relative;
	float: left;
	width: 230px;
	min-height: 10px;
	margin: 0px 5px 0px 0px;
}
.texte_references{
	position: relative;
	width: 230px;
	min-height: 10px;
	margin: 0px 0px 0px 0px;
}
.image_references{
	position: relative;
	width: 230px;
	min-height: 10px;
	margin: 5px 0px 10px 0px;
}
.fleche3{
	position: absolute;
	top: 5px;
	left: -15px;
	background-image: url(images/fleche.jpg);
	background-repeat: no-repeat;
	width: 17px;
	height: 35px;
	z-index: 1;
}
/*------------------------------------------------------animation-----------------------------------------------------------------------*/
#animation{
	position: relative;
	width: 1004px;
	height: 120px;
	margin: 10px 0px 0px 0px;
}
/*------------------------------------------------------footer--------------------------------------------------------------------------*/
.marron{
	position: relative;
	width: 1004px;
	height: 20px;
	background-color: #524939;
	margin: 10px 0px 0px 0px;
}
#footer{
	position: relative;
	width: 1004px;
	height: 40px;
	text-align: center;
	background-color: #524939;
}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	color: #ff3d3d;
}