/* CSS Document */
body{
	background-image: url(images/bg/bg_haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #231F20;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.spacer {
  clear: both;
}
a{
	color: #676868;
	text-decoration: none;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	outline: none;
}
a:hover{
	color: #C8D20A;
}
img{
	border: none;
	outline: none;
}
table, tr, td{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.sous_titre{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.image_contenu{
	float: left;
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.mav{
	font-weight: normal;
	color: #000000;
}
/*-------------------------------------------------------conteneur----------------------------------------------------------------------*/
#conteneur_general{
	background-image: url(images/bg/bg_centre.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#conteneur{
	width: 900px;
	margin: auto;
}
/*-------------------------------------------------------bandeau_haut-------------------------------------------------------*/
#bandeau_haut{
	position: relative;
	width: 900px;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#logo{
	position: relative;
	float: left;
	width: 188px;
	height: 37px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*------------------------------groupe_menu------------------------------*/
#groupe_menu{
	position: relative;
	float: left;
	width: 608px;
	height: 90px;
	padding: 30px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
/*---------------titre---------------*/
#titre{
	position: relative;
	width: 608px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#titre h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A6A6A3;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
/*---------------menu---------------*/
#menu{
	position: relative;
	width: 608px;
	height: 50px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#menu ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#menu ul li{
	float: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#menu ul li a{
	height: 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A6A6A3;
	padding: 10px 20px 0px 20px;
	margin: 0px 5px 0px 0px;
}
#menu ul li a:hover{
	color: #000000;
	background-color: #F0F0F0;
}
#menu ul li a.actif{
	color: #000000;
	background-color: #F0F0F0;
}
/*---------------blog---------------*/
#blog{
	position: relative;
	float: left;
	width: 84px;
	height: 82px;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*-------------------------------------------------------bientot-------------------------------------------------------*/
#bientot{
	position: relative;
	width: 900px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bientot h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
/*-------------------------------------------------------derniere_video-------------------------------------------------------*/
#derniere_video{
	position: relative;
	width: 900px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#derniere_video h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
/*-------------------------------------------------------portfolio-------------------------------------------------------*/
#portfolio{
	position: relative;
	width: 900px;
	height: 280px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
#bt_ttes_realisations{
	position: absolute;
	width: 186px;
	height: 75px;
	right: 0px;
	bottom: 0px;
}
/*-------------------------------------------------------bande01-------------------------------------------------------*/
#bande01{
	position: relative;
	width: 900px;
	height: 310px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
/*------------------------------video------------------------------*/
#video{
	position: relative;
	float: left;
	width: 470px;
	height: 310px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
/*------------------------------bande01_droit------------------------------*/
#bande01_droit{
	position: relative;
	float: left;
	width: 410px;
	height: 280px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
/*---------------bandeau_titre---------------*/
#bandeau_titre{
	position: relative;
	width: 382px;
	height: 52px;
	background-image: url(images/bg_bandeau_titre.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}
#bandeau_titre h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #A6A6A3;
}
.titre_video{
	font-size: 18px;
	font-weight: bold;
	color: #C8D20A;
}
/*---------------mots_clefs---------------*/
#mots_clefs{
	position: relative;
	width: 392px;
	height: 52px;
	background-image: url(images/bg_mots_clefs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 0px 0px 15px;
	margin: 20px 0px 0px 0px;
}
#mots_clefs h2{
	font-size: 11px;
	font-weight: normal;
	color: #757575;
	line-height: 22px;
	text-indent: 55px;
}
.mots_clefs_taille1{
	font-size: 20px;
}
.mots_clefs_taille2{
	font-size: 15px;
}
/*---------------description---------------*/
#description{
	position: relative;
	width: 392px;
	height: 52px;
	background-image: url(images/bg_mots_clefs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 25px 0px 0px 15px;
	margin: 20px 0px 0px 0px;
}
#description h2{
	font-size: 11px;
	font-weight: normal;
	color: #757575;
	line-height: 15px;
	text-indent: 55px;
}
/*-------------------------------------------------------bande02-------------------------------------------------------*/
#bande02{
	position: relative;
	width: 900px;
	min-height: 310px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*------------------------------offres------------------------------*/
#offres{
	position: relative;
	float: left;
	width: 215px;
	min-height: 310px;
	background-image: url(images/offres/bg_offres.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
#offres h2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-indent: 65px;
}
#offres ul{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
#offres li{
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style: none;
	background-image: url(images/puce.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 7px 0px;
}
#offres li a{
	color: #000000;
}
#offres li a:hover{
	color: #C8D20A;
	font-weight: bold;
}
#offres li a.offre_actif{
	color: #C8D20A;
	font-weight: bold;
}
/*------------------------------bloc_offre------------------------------*/
.bloc_offre{
	position: relative;
	float: left;
	width: 220px;
	min-height: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre01{
	position: relative;
	float: left;
	width: 205px;
	height: 270px;
	background-image: url(images/offres/bg_informez.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre02{
	position: relative;
	float: left;
	width: 205px;
	height: 270px;
	background-image: url(images/offres/bg_dynamiser.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre03{
	position: relative;
	float: left;
	width: 205px;
	height: 270px;
	background-image: url(images/offres/bg_tv.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre01 h2, #bloc_offre02 h2, #bloc_offre03 h2{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 10px 0px 20px 60px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre02 h2{
	padding: 10px 0px 20px 58px;
}
#bloc_offre02 h2 span.interlettrage{
	letter-spacing: -1px;
}
.texte{
	font-size: 11px;
	font-weight: normal;
	color: #757575;
	padding: 10px 0px 0px 0px;
}
.bloc_offre a{
	display: block;
	float: right;
	width: 75px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	background-image: url(images/offres/bg_contact.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.bloc_offre a.offre01:hover{
	background-image: url(images/offres/bg_contact_survol01.gif);
}
.bloc_offre a.offre02:hover{
	background-image: url(images/offres/bg_contact_survol02.gif);
}
.bloc_offre a.offre03:hover{
	background-image: url(images/offres/bg_contact_survol03.gif);
}
/*------------------------------bloc_offre_interieur------------------------------*/
#bloc_offre_interieur{
	position: relative;
	float: left;
	width: 665px;
	min-height: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre_interieur h2{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bloc_offre_interieur ul{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#bloc_offre_interieur ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #757575;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
a.offre_interieure{
	display: block;
	float: right;
	width: 75px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	background-image: url(images/offres/bg_contact.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
a.offre_interieure:hover{
	background-image: url(images/bt_vert.jpg);
	color: #FFFFFF;
}
/*---------------formulaire---------------*/
.txt_formulaire{
	font-size: 11px;
	font-weight: normal;
	color: #757575;
	padding: 0px 0px 0px 0px;
}
.champ_obligatoire{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	color: #757575;
	padding: 0px 0px 0px 0px;
}
.champ_formulaire_deroulant{
	position: relative;
	width: 60px;
	height: 18px;
	background-color: #FFFFFF;
	border: 1px solid #C7D20A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 2px;
	margin: 0px 20px 5px 0px;
}
.champ_formulaire{
	position: relative;
	width: 130px;
	height: 14px;
	background-color: #FFFFFF;
	border: 1px solid #C7D20A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0px 0px 2px;
	margin: 0px 20px 5px 0px;
}
.champ_formulaire_long{
	position: relative;
	width: 285px;
	height: 14px;
	background-color: #FFFFFF;
	border: 1px solid #C7D20A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0px 0px 2px;
	margin: 0px 0px 5px 0px;
}
.champ_formulaire_bloc{
	position: relative;
	width: 285px;
	height: 125px;
	background-color: #FFFFFF;
	border: 1px solid #C7D20A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0px 0px 2px;
	margin: 0px 0px 5px 0px;
}


#formulaire input:focus, #formulaire textarea:focus, #formulaire input:hover, #formulaire textarea:hover{

		background-color:#687E2B;
		color:#fff;

}
#formulaire label.error, #formulaire input.submit {color:red;}

input.error, textarea.error{
	
	color: red;
	font-style: italic;
	border:1px solid red;

}


.bt_envoyer{
	position: relative;
	width: 103px;
	height: 25px;
	border: none;
	background: none;
	background-image: url(images/bt_envoyer.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}
/*---------------partenaires---------------*/
.partenaires{
	position: relative;
	float: left;
	width: 125px;
	min-height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 20px 0px;
}
.partenaires2{
	position: relative;
	float: left;
	width: 125px;
	min-height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
#bloc_offre_interieur .partenaires h3.texte, #bloc_offre_interieur .partenaires2 h3.texte{
	font-size: 9px;
	text-align: left;
}
/*---------------realisations---------------*/
.realisations{
	position: relative;
	float: left;
	width: 150px;
	min-height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 16px 0px 0px;
}
.realisations2{
	position: relative;
	float: left;
	width: 155px;
	min-height: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*---------------page contact---------------*/



/*---------------pagination---------------*/
#pagination{
	position: relative;
	float: right;
	min-height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
}
#pagination a{
	display: block;
	float: left;
	width: 20px;
	height: 17px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}
#pagination a:hover{
	color: #000000;
	background-color: #C8D20A;
}
#pagination a.page_active{
	color: #000000;
	background-color: #C8D20A;
}
/*-------------------------------------------------------footer-------------------------------------------------------*/
#footer{
	position: relative;
	height: 146px;
	background-image: url(images/bg/bg_bas.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#footer h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A6A6A3;
	text-align: center;
	padding: 80px 0px 0px 0px;
}
#footer a{
	color: #A6A6A3;
	font-weight: bold;
}
#footer a:hover{
	color: #C8D20A;
}
#footer a.footer_actif{
	color: #C8D20A;
}