/* CSS Document */
.references{
	visibility:hidden;
	display:none;
	margin:0;
	padding:0;
	}
.tendeur{
	clear:both;
	}
.nouvo{
	font-family:Arial, Helvetica, sans-serif;
	color:#BBD152;
	font-weight:bold;
	font-size:12px;
	}
.tendeur_rea{
	height:6px;
	clear:both;
	}
.turquoise{
	color:#2c85a2;
	}
.vert{
	color:#92AF0A;
	}
.rose{
	color:#be648a;
	}
.jaune{
	color:#daa035;
	}
.line{
	margin:5px 0 10px;
	}
.line a{
	text-decoration:none;
	}
.line a:hover{
	cursor:pointer;
	}
.line img{
	float:left;
	border:solid 1px #fff;
	}
.text_line{
	width:280px;
	margin:0 0 0 10px;
	padding:0;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#e3e6eb;
	display:block;
	float:left;
	text-decoration:none;
	}
.text_line a{
	text-decoration:none;
	}
.text_line strong{
	text-decoration:underline;
	}
.taille{
	font-size:0.6em;
	}
/*---------conteneur des line-------------------------------*/
#liner{
	width:390px;
	height:auto;
	margin:20px 0 0 80px;
	}
#colonne_le_beton{
	width:390px;
	height:auto;
	text-align:left;
	margin:20px 0 0 80px;
	}
/*--------------------------------------------*/
html{
	width:100%;
	height:100%;
	}
body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#c4c5c6;
	}
#container{
	width:850px;
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#373636;
	}
#bandeau_accueil, #bandeau_savoir_faire, #bandeau_realisations, #bandeau_contact, #bandeau_presse, #bandeau_le_beton_cire{
	width:850px;
	height:140px;
	}
#bandeau_accueil{
	background:url(images/bandeau_accueil.jpg) top left no-repeat;
	}
#bandeau_presse{
	background:url(images/bandeau_presse.jpg) top left no-repeat;
	}
#bandeau_savoir_faire{
	background:url(images/bandeau_savoir_faire.jpg) top left no-repeat;
	}
#bandeau_realisations{
	background:url(images/beandeau_realisations.jpg) top left no-repeat;
	}
#bandeau_contact{
	background:url(images/bandeau_contact.jpg) top left no-repeat;
	}
 #bandeau_le_beton_cire{
	background:url(images/bandeau_le-beton-cire.jpg) top left no-repeat;
	}
#bande_logo{
	width:850px;
	height:50px;
	background:#000 url(images/bande_gauche_cyril_claire_h.jpg) left top no-repeat;
	margin:0;
	padding:0;
	}
#menu{
	
	height:37px;
	float:right;
	line-height:37px;
	text-align:center;
	margin:0 6px 0 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:0.6em;
	}
#menu ul{
	width:auto;
	height:37px;
	margin:0;
	padding:0;
	}
#menu li{
	display:inline;
	margin:0;
	padding:0;
	}
#menu a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0;
	}
#menu a:hover{
	text-decoration:underline;
	}
#contenu{
	width:850px;
	height:auto;
	background:url(images/fond_contenu.jpg) left repeat-y;
	}
#gauche{
	width:470px;
	height:556px;
	float:left;
	background:url(images/fond_gauche_accueil.jpg) bottom left no-repeat;
	}
#gauche_savoir_faire, #gauche_realisations, #gauche_contact, #gauche_revue_presse{
	width:470px;
	float:left;
	}
#haut_accueil{
	width:390px;
	margin:20px 0 0 80px;
	padding:0;
	text-align:left;
	}
#bleu{
	height:20px;
	margin:10px 0;
	padding:0;
	background-color:#2c85a2;
	}
#vert{
	height:20px;
	margin:10px 0;
	padding:0;
	background-color:#92AF0A;
	}
#rose{
	height:20px;
	margin:10px 0;
	padding:0;
	background-color:#be648a;
	}
#jaune{
	height:20px;
	margin:10px 0;
	padding:0;
	background-color:#daa035;
	}
#menu_secondaire{
	font-family:Arial, Helvetica, sans-serif;
	color:#e3e6eb;
	}
#menu_secondaire ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#menu_secondaire li{
	width:150px;
	height:20px;
	line-height:20px;
	float:left;
	margin:0;
	padding:0;
	}
#menu_secondaire a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#e3e6eb;
	text-decoration:none;
	margin:0;
	padding:0;
	}
#menu_secondaire a:hover{
	text-decoration:underline;
	margin:0;
	padding:0;
	}
/********************************************************************/
#menu_presse{
	font-family:Arial, Helvetica, sans-serif;
	color:#e3e6eb;
	margin:0 0 20px 0;
	}
#menu_presse ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#menu_presse li{
	margin:0 10px 0 0;
	padding:0;
	float:left;
	}
#menu_presse a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#e3e6eb;
	text-decoration:none;
	margin:0;
	padding:0;
	}
/********************************************************************/
#droite{
	width:380px;
	float:left;
	background-color:#e3e6eb;
	}
#droite_savoir_faire, #droite_realisations, #droite_contact{
	width:380px;
	float:left;
	}
#footer{
	width:850px;
	height:18px;
	margin:0;
	padding:0;
	background-color:#000;
	clear:both;
	}
#adresse{
	width:850px;
	height:auto;
	margin:10px auto;
	padding:0;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	font-size:0.6em;
	}
#adresse a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555;
	text-decoration:none;
	}
#adresse a:hover{
	text-decoration:underline;
	}
#titre{
	width:290px;
	height:auto;
	margin:20px auto 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#333;
	text-align:justify;
	}
#texte_acceuil, #texte_savoir_faire, #texte_le_beton_cire, #texte_catalogue{
	width:290px;
	height:auto;
	margin:20px auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	text-align:justify;
	}
#texte_acceuil a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#2c85a2;
	}
#texte_acceuil a:hover{
	text-decoration:underline;
	}
#texte_savoir_faire a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#92AF0A;
	}
#texte_savoir_faire a:hover{
	text-decoration:underline;
	color:#92AF0A;
	}
#texte_catalogue a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#92AF0A;
	}
#texte_catalogue a:hover{
	text-decoration:underline;
	color:#92AF0A;
	}
#texte_le_beton_cire a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#DAA035;
	}
#texte_le_beton_cire a:hover{
	text-decoration:underline;
	color:#DAA035;
	}
#block_visioneuse{
	width:390px;
	height:auto;
	margin:20px 0 0 80px;
	padding:0;
	text-align:left;
	}
#visuel_visionneuse{
	width:300px;
	height:300px;
	margin:20px auto;
	padding:0;
	background-color:#aaa;
	border:#fff 3px solid;
	}
#descriptif_realisations{
	width:300px;
	height:auto;
	margin:6px auto 20px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#333;
	text-align:justify;
	}
#block_formulaire{
	width:390px;
	height:auto;
	margin:20px 0 0 80px;
	padding:0;
	text-align:left;
	}
#block_faq{
	height:auto;
	margin:20px 0 20px 50px;
	padding:0;
	text-align:left;
	}
#block_mentions{
	height:auto;
	margin:20px 0 20px 40px;
	padding:0;
	text-align:left;
	}
#mentions{
	width:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
	text-align:justify;
	}
#formulaire_contact{
	margin:20px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	color:#daa035;
	text-align:justify;	
	}
#validation{
	margin:0;
	padding:2px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#daa035;
	border:solid #fff 1px;
	cursor:pointer;
	}
.cell_faq{
	width:370px;
	margin:5px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
	text-align:justify;
	}
input{
	padding:1px 0 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333;
	text-align:left;
	background-color:#e3e6eb;
	border:solid #fff 1px;
	}
textarea{
	padding:1px 0 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-align:left;
	background-color:#e3e6eb;
	border:solid #fff 1px;
	}
#visuel_contact{
	width:300px;
	margin:24px auto;
	padding:0;
	border:solid 3px #fff;
	}
#text_contact, #reponse{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#fff;
	text-align:left;
	}
#text_beton{
	width:350px;
	margin:10px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:left;
	}
.miniature{
	 width:85px;
	 height:85px;
	 background-color:#aaa;
	 margin:0 4px 4px 0;
	 float:left;
	 cursor:pointer;
	 }
#visuel{
	width:300px;
	height:300px;	
	}
#agauche{
	float:left;
	}/*
#test_overflow{
	height:364px;
	overflow:auto;
	}*/