body {
	font-family: arial, verdana, sans-serif;
	background-color:inherit;
	color : black;
}

#page {
	 width: 900px;    
	 margin: 30px auto 30px auto;
	 background-color:inherit;
	 color:black;
}

/**************************************************************** En tete ****************************************************************/
#header {width: 100%;}
#header h1 a {
	width: 900px;
	height: 250px;
	display: block;
}

		/********************Image fond en tete ************************/
/*#rotate h1 a{background: transparent url(/images/bandeau/rotate.php) no-repeat left top;}*/
#presentation h1 a{background: transparent url(/images/bandeau/bandeau-geniecivil4.jpg) no-repeat left top;}
#actualites h1 a{ background: transparent url(/images/bandeau/actualite.jpg) no-repeat left top;}
#recru h1 a{background: transparent url(/images/bandeau/bandeau-recruttement.jpg) no-repeat left top;}
#orga-moyens h1 a { background: transparent url(/images/bandeau/bandeau-organisation-moyens.jpg) no-repeat left top;}
#contact h1 a{ background: transparent url(/images/bandeau/bandeau-geniecivil3.jpg) no-repeat left top;}
#rea h1 a{ background: transparent url(/images/bandeau/bandeau-geniecivil2.jpg) no-repeat left top;}
#mention h1 a{ background: transparent url(/images/bandeau/bandeau-geniecivil3.jpg) no-repeat left top;}

#bat-ind  h1 a{ background: transparent url(/images/bandeau/bandeau-batindu3.jpg) no-repeat left top;}
#bat-pub h1 a{ background: transparent url(/images/bandeau/bandeau-batpublic3.jpg) no-repeat left top;}
#esp-pub h1 a{ background: transparent url(/images/bandeau/bandeau-espacepublic1.jpg) no-repeat left top;}
#mais-ind h1 a{ background: transparent url(/images/bandeau/bandeau-maisonindiv.jpg) no-repeat left top;}
#civil h1 a{ background: transparent url(/images/bandeau/bandeau-geniecivil2.jpg) no-repeat left top;}
#collectif h1 a{ background: transparent url(/images/bandeau/bandeau-logementcollectif.jpg) no-repeat left top;}
#travail_pierre h1 a { background: transparent url(/images/bandeau/bandeau-maisonpierre1.jpg) no-repeat left top;}
#deconstruction h1 a { background: transparent url(/images/bandeau/bandeau-deconstruction.jpg) no-repeat left top;}
#antitermites h1 a { background: transparent url(/images/bandeau/bandeautermites.jpg) no-repeat left top;}

/********************Corps *********************/

#main {
width: 900px;
background : transparent url(/images/fond_gris.gif) repeat-y left ;
height : auto;
float: left;
}

#fond_menu  {
background: transparent url(/images/navigation.jpg) no-repeat left bottom;
min-height: 600px;
height : auto;
}

/**************************************************************Menu********************************************************************/
#menu {
	font-family:Impact, Arial, Helvetica, sans-serif;
	line-height: 25px;
	padding-top:5px;
	float:left;
}
	
#nav li, #nav2 li  {
	list-style-type :none;	
	font-size:13px;
	padding-left : 9px;
}
	
#menu a:link, #menu a:visited {
	color:#FFFFFF;
	background-color:inherit;
}

#menu  a:focus,  #menu a:hover, #accueil #nav_accueil, #presenta #nav_pres, #acti #nav_act, #travail #nav_travail,#gen #nav_genie,
#esp  #nav_espace,#bat_p #nav_bp, #bat_ind #nav_bi,#log #nav_log,#maison_i #nav_maison,#actua #nav_actu,#recrut #nav_recru,
#cont #nav_contact,#moyens #nav_orga , #realisation #nav_rea, #deconstruction #nav_deconstruction, #antitermites #nav_antitermites {
 color :#FFFF43;
 background-color:inherit;
 text-decoration:none;
}
/**************Sous menu activité *************/
#menu #act li  {
	list-style-type :disc;
	list-style-position:inside;
	color:#FFFFFF;
	padding-left:15px;
	font-size:11px;
	background-color:inherit;
}

/******************************************************************Centre*****************************************************************/
#centre {
	float: right;
	text-align:left;
	line-height: 15px;
	width:715px;
	margin:10px 0px 0px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#centre a {
	font-size :11px;
}

#centre a:link {
	color:#0000FF;
	background-color:inherit;
}

#centre a:visited {
	color:#0000FF;
	background-color:inherit;
}
#gauche {
	width:370px;
	float :left;
	margin-bottom:10px;
	clear:left;
}

#droite {
	width:310px;
	margin-left:35px;
	float :left;
	margin-bottom:10px;
}
p {
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;
	text-align:justify;
}
blockquote {
	text-indent :70px;
}
h2 {
	font-family: Impact, arial, Helvetica, sans-serif;
	font-size :220%;
	border-left-style:solid;
	padding-left : 9px;
	height : 25px;
	padding-top:5px;
	line-height: 25px;
	padding-bottom:5px;
	font-weight:lighter;
	margin-bottom:20px;
}
h2#rouge{border-left-color : red;}
h2#bleue{border-left-color : #0000CC;}
h2#vert{border-left-color : green;}
h2#jaune{border-left-color : #FFFF43;}
h2#blanc {border-left-color : #FFFFFF;}


h3{
	font-size:150%;
	padding-top:10px; 
	font-weight:lighter;
	font-family: Impact, arial, Helvetica, sans-serif;
}
h4 {
	font-size:150%;
	font-family:arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

img#cacher {visibility:hidden;}

.titre {
	font-weight:bold;
	font-style: italic;
 }
/****************************************************************************Centre accueil************************************************/
#image1, .image2 {
	float:left;
	margin-right:3px;
}

#gauche  #batir {
	margin-bottom:10px;
}

#droite #recrutement {
	margin-bottom:10px;
}

#droite #termite {
	margin:20px 0 10px 0;
}

p#bati {
	padding-top:15px;
}
/****Contact****/
#coordonnee {
	font-size:12px;
}

#coordonne #adresse1
{float : left;}
#coordonnee  #logo1
{float:left;}

/*********************************************************Centre Présentation**********************************************************/
#centre #droite_pres {
	padding-right:15px;
	margin-right:-12px;
}

#centre #droite_pres #fiche {
	background-color: #2C2C2C;
	color: white;
	padding-left: 6px;
}

#centre #droite_pres #cadre_haut {
	background:transparent  url(/images/cadre-haut.gif) no-repeat left top;
	height: 11px;
	margin-bottom:-3px;
}

#centre #droite_pres #cadre_bas{
	background:transparent url(/images/cadre-bas.gif) no-repeat left top;
	height: 11px;
}
#centre #droite_pres #qualite {
	margin-top:30px;
}

/**************************************************Centre activite*******************************************************/


#centre #droite-act {
	text-align:right;
	margin-left:5px;
}

#references {
	margin-top:150px;
	margin-bottom: 15px;
	padding-left:140px;
}
#references a  {
	font-family: Impact, arial, Helvetica, sans-serif;
	color:black;
	text-decoration:none;
	background-color:inherit;
	font-size:150%;
}

#references a:link, #references a:visited {
	color:black;
	background-color:inherit;
}

/****************References******************/
#retour {
	clear : left;
	margin-left: 630px;
}
#retour a  {
	font-family: Impact, arial, Helvetica, sans-serif;
	text-align:right;
	color:black;
	text-decoration:none;
	background-color:inherit;
	font-size:150%;
}

#retour a:link, #retour a:visited {
	color:black;
	background-color:inherit;
}
.gauche {
	width:370px;
	float :left;
	clear:left;
}

.droite {
	width:310px;
	margin-left:35px;
	float :left;
	margin-bottom:10px;
}

.description {
	font-size:12px;
	font-family: arial, Helvetica, sans-serif;
	line-height: 19px; 
	background-color : inherit;
	float:left;
	color:black;
	clear : both;
}

.unereference {
	clear : left ;
	margin-top:15px;
}

strong {
	background-color : inherit;
	color:#D1D1D1;
	float : left;
	padding-right:3px;
}

.droite_ref {
	margin-top:20px;
}

.galerie_mini img {padding-left: 24px;}
.galerie_mini li.first img {padding-left: 0;}

#big_pict {
	display:block;
}

.galerie_mini li {
	float: left ;	
}
/************Actualite ******************/
.uneactualite {
	clear :left;
	margin-top:5px;
}

.uneactualite p {
	font-size:12px;
}
/******************************************************Pied de page ********************************************************************/
.strong_mentions{
    color: black;
    font-size: 120%;
}

/******************************************************Pied de page ********************************************************************/
#pied_page {
	width: 900px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 11px;
}
#pied_page a:link, a:visited
{
        text-decoration:none;
        color:#000000;
		background-color:inherit;
    }
	
    #pied_page a:hover {text-decoration:underline;}
 
#adresse
{float : left;}
#logo
{float:left;}
#droit
{float:right;}