@charset "UTF-8";
/* CSS Document */

* 			{margin:0; padding:0; /*border: 0;*/ font-family: sans-serif; font-size: 1em; font-weight: normal; font-style: normal; 
			text-decoration: none;}
			
body, html	{height:100%;}

html>body #contenu {height:auto;}

body{
	background:url(../images/background6.png) #483c30 60% 0 no-repeat fixed;
	_background:url(../images/background5.gif) #483c30 60% 0 no-repeat fixed;
	margin:0;
	font-size:76%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

img			{border:0; margin:10px 6px;}


/*--VISUEL// IMAGE ----------*/

#site{
	background:#FFFFFF; 
	position:relative;
	width:800px;
	margin:0 auto;
	border-left:solid 5px white;
	border-right:solid 5px white;
}

#bandeau{
	background:url(../images/degrade_bandeau.gif) 0 0 repeat-x;
	display:block;
	width:800px;
	height:125px;
}

/*--------Navigation principale-----------*/
#menu_haut{
	display:block;
	width:800px;
	top:125px;
}	
#menu_haut ul{
	list-style-type:none; 
	display:inline;
}
#menu_haut ul li{
	width:200px;
	height:50px;
	float:left;
}
.realisation a, .realisation a:hover, .produit a, .produit a:hover, .profil a, .profil a:hover, .contact a, .contact a:hover{
	display:block;
	height:50px;
	text-indent:-5000em;
}

.realisation a	{background:url(../images/bouton_menu/bt_realisation.gif) 0 0 no-repeat;}
.realisation a:hover	{background:url(../images/bouton_menu/bt_realisation_survol.gif) 0 0 no-repeat;}

.produit a	{background:url(../images/bouton_menu/bt_produit.gif) 0 0 no-repeat;}
.produit a:hover	{background:url(../images/bouton_menu/bt_produit_survol.gif) 0 0 no-repeat; }

.profil a	{background:url(../images/bouton_menu/bt_profil.gif) -0 0 no-repeat; }
.profil a:hover	{background:url(../images/bouton_menu/bt_profil_survol.gif) 0 0 no-repeat; }

.contact a	{background:url(../images/bouton_menu/bt_contact.gif) 0 0 no-repeat; }
.contact a:hover	{background:url(../images/bouton_menu/bt_contact_survol.gif) 0 0 no-repeat; }
	
.realisation_actif, .produit_actif, .profil_actif, .contact_actif{
	display:block;
	height:50px;
	text-indent:-5000em;
}
.realisation_actif	{background:url(../images/bouton_menu/bt_realisation_survol.gif) 0 0 no-repeat;}
.produit_actif	{background:url(../images/bouton_menu/bt_produit_survol.gif) 0 0 no-repeat;}
.profil_actif	{background:url(../images/bouton_menu/bt_profil_survol.gif) 0 0 no-repeat;}
.contact_actif	{background:url(../images/bouton_menu/bt_contact_survol.gif) 0 0 no-repeat;}
	

/*--------TYPOGRAPHIE/ TITRE/ LIEN-----------*/

#contenu{
	background:#FFFFFF;
	display:block;
	padding:0 50px 30px 50px;
	margin-top:50px;
	width:88%;
}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.4em;
	color:#000000;
	margin:0 0 18px 0;
}
p strong	{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
p em	{font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic;}

a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	text-decoration:none; 
	color:#6a2e18;
	text-decoration:none
}
a:hover		{text-decoration:underline !important;}
a:visited	{text-decoration:underline;}

ul{
	display:block;
	list-style-type:square;
	margin:0 0 12px 12px;
	line-height:1.5em;
}
ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style-position:inside;
}

/*----------------------TITRE ICI-------------*/

h1	{text-indent:-5000em;}
.logo a{
	background:url(../images/logo_beton.gif) 50% 0 no-repeat;
	display:block;
	height:125px;
}
.logo a:hover	{cursor:pointer}

h2, h3, h4, h5{
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
h2{
	font-size:4em;
	margin:0 0 10px 0;
	color:#CC0033;
}
h3{
	font-size:2em;
	color:#6a2e18;
	margin:0 0 4px 0;
}
h4{
	font-size:1.3em;
	font-weight:bold;
	color:#6a2e18;
	margin:10px 0 0 0;
}

/*------CLASSSSSSSSS----------------*/
.img_produit{
	margin:0 4px 18px 0;
}
.intro_produit{
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 18px 0;
	color:#CC0033;
}
.a_intro{
	font-size:1.1em;
	font-weight:bold;
	color:#6a2e18;
	margin-top:10px;
}

/*--------PIED DE PAGE // COORDONNÉES-----------*/

#bas_de_page{
	display:block;
	padding:50px 0 20px 0;
}
#bas_de_page p{
	text-align:center;
	font-size:0.8em;
	color:#707070;
}