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;
       background: transparent url(/images/bandeau/rotate.php) no-repeat left top;
        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;}


/********************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
{
 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 :10px;
}

#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;
}

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 #gauche-act
{

}

#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;
}

.droite_ref li .detail
{
margin-right: 24px;
}

#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;}