/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	vertical-align:top;
}

hmtl{}

body {
text-align: center; 
margin: 0;
background: #fff;
}


img {
border: 0;}

#head ul, li {
margin: 0;
padding: 0;
list-style: none;}

#bloc_01 .carre ul {
list-style:square;
}

#container {
width: 1002px;
margin: 0 auto;
text-align: left;
}

#header {
	padding:0;
	margin:0 auto;
	float:left;
	width:1001px;
	height:210px;
	}
	
#head {
	float:left;
	width:201px;
	}
	
#header-01 {
	float:left;
	background-image:url(gifs/header.jpg);
	background-repeat:no-repeat;
	width:602px;
	height:210px;
	}
	
#lettre {
	float:left;
	background: url(gifs/img_04.jpg) no-repeat;
	width: 197px;
	height: 113px;
	float:left;
}

.titre {
	margin: 173px 0  0 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style: italic;
	color:#0e2700;
	letter-spacing:1px;
	}
	
a.titre {
	margin: 173px 0  0 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style: italic;
	color:#0e2700;
}

a.titre:hover {
	margin: 173px 0  0 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style: italic;
	color:#0e2700;
}

/*liens
--------------------------------------*/


#options a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f97a41;
	font-weight: bold;
	text-decoration: none;
}
#options a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f97a41;
	font-weight: bold;
	text-decoration: none;
}
#options a:hover {
	text-decoration: underline;
	color: #f97a41;
}
#options a:active {
	text-decoration: none;
	color: #f97a41;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e96d33;
	font-weight: bold;
	text-decoration: none;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e96d33;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
	color: #e96d33;
}
#content a:active {
	text-decoration: none;
	color: #e96d33;
}

#hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #3f5155;
	text-decoration: none;
}
#hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #3f5155;
	text-decoration: none;
}
#hdp a:hover {
	text-decoration: underline;
color: #3f5155;
}
#hdp a:active {
	text-decoration: none;
color: #3f5155;
}


#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f5155;
	font-weight: normal;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f5155;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #3f5155;
}
#footer a:active {
	text-decoration: none;
	color: #3f5155;
}
/*--------------------------------------------------------------------------*/



/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/



/* Newsletter 
--------------------------------------------------------------------------*/
#option_lettre {
background: url(gifs/img_04.jpg) no-repeat;
width: 198px;
height: 113px;
float:left;}

	#option_lettre #letter {
	position: relative;
	top: 33px;
	left: 15px;}
		
		#option_lettre #letter p{
		color: #076335;
		margin: 0;
		}

#lettre {
float:left;
background: url(gifs/img_04.jpg) no-repeat;
width: 198px;
height: 113px;
float:left;}

.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding: 1px;
}

.bouton_news {
background: url(gifs/ok.gif) no-repeat;
height: 18px;
width: 26px;
cursor: pointer;
border: 0;
}

/*--------------------------------------------------------------------------*/

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/


/*LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/*--------------------------------------------------------------------------*/

/*NAV
--------------------------------------------------------------------------*/
#index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 42px; /* changer la hauteur ici */
    background: url(gifs/over_12.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_12.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#traduction {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 37px; /* changer la hauteur ici */
    background: url(gifs/over_17.jpg) no-repeat left top;    /* placement de l'image over */
}

#traduction a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_17.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#traduction a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#expertise {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 33px; /* changer la hauteur ici */
    background: url(gifs/over_18.jpg) no-repeat left top;    /* placement de l'image over */
}

#expertise a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_18.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#expertise a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#methodologie {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 34px; /* changer la hauteur ici */
    background: url(gifs/over_19.jpg) no-repeat left top;    /* placement de l'image over */
}

#methodologie a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_19.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#methodologie a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#devis {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 34px; /* changer la hauteur ici */
    background: url(gifs/over_26.jpg) no-repeat left top;    /* placement de l'image over */
}

#devis a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_26.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#devis a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#actus {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 34px; /* changer la hauteur ici */
    background: url(gifs/over_27.jpg) no-repeat left top;    /* placement de l'image over */
}

#actus a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_27.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#actus a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#situationgeo {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 34px; /* changer la hauteur ici */
    background: url(gifs/over_30.jpg) no-repeat left top;    /* placement de l'image over */
}

#situationgeo a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_30.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#situationgeo a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 201px;  /* changer la largeur ici */
    height: 45px; /* changer la hauteur ici */
    background: url(gifs/over_31.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/img_31.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}
/*--------------------------------------------------------------------------*/


/*logo
--------------------------------------------------------------------------*/
#logo {
background: url(gifs/over_02.jpg) no-repeat;
width: 201px;
height: 133px;}

	#logo a {
		background: url(gifs/img_02.jpg) no-repeat;
		display: block;
		width: 100%;
		height: 100%;}

	#logo a:hover {
	 background: transparent none;}
	
#fr {
background: url(gifs/img_07.jpg) no-repeat;
width: 201px;
height: 23px;}

	#fr a{
		background: url(gifs/over_07.jpg) no-repeat;
		display: block;
		width: 100%;
		height: 100%;}

	#fr a:hover {
	 background: transparent none;}

#en {
background: url(gifs/img_08.jpg) no-repeat;
width: 201px;
height: 20px;}

	#en a{
		background: url(gifs/over_08.jpg) no-repeat;
		display: block;
		width: 100%;
		height: 100%;}

	#en a:hover {
	 background: transparent none;}

#de { 
width: 201px;
height: 25px;
background: url(gifs/img_09.jpg) no-repeat;}

	#de a{
		background: url(gifs/over_09.jpg) no-repeat;
		display: block;
		width: 100%;
		height: 100%;}

	#de a:hover {
	 background: transparent none;}

/*--------------------------------------------------------------------------*/


#option_devis {
background: url(gifs/img_06.jpg) no-repeat;
width: 198px;
height: 88px;
float:left;}

	#option_devis a{
	background: url(gifs/over_06.jpg) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	}

	#option_devis a:hover {
	 background: transparent none;}

#options {
padding: 0;
margin: .5em 0;
font-weight: bold;}

#hdp {
text-align: right;
color: #3f5155;
background: #fff;
padding: 5px;
}

#title {
height: 30px;
width: 613px;
background: #f6b890;
vertical-align: top;
}

#content {
padding: 10px;}

#content_main {
background: #fdf1eb;
}


.bloc {
padding: 0 8px 10px;
margin: 0 5px;
text-align: center;}
.bloc h3 {
margin: 0;}
.bloc a {}

	#bloc_01 {
	background: #fff;
	color: #076335;
	border: 1px solid #f97a41;
	margin: 5px;
	text-align: left;
	}
	
	#bloc_01 ul li {
	color:#555454;
	}
	
	#bloc_02 {
	background: #d5eea9;
	color: #076335;}
			
		#bloc_02 h3{
		background: #81b750;
		color: #076335;}
		
		#bloc_02 .link {
		margin-top: 5px;
		border-top: 2px dotted #81b750;
		}


	#bloc_03 {
	background: #fbe0cd;
	color: #555454;}
			
		#bloc_03 h3{
		background: #f97a41;
		color: #fff;}
		
		#bloc_03 .link {
		margin-top: 5px;
		border-top: 2px dotted #81b750;
		}


	#bloc_04 {
	background: #fbe0cd;
	color: #555454;}
			
		#bloc_04 h3{
		background: #f97a41;
		color: #fff;}
		
		#bloc_04 .link {
		margin-top: 5px;
		border-top: 2px dotted #81b750;
		}


	#bloc_05 {
	background: #d5eea9;
	color: #076335;}
			
		#bloc_05 h3{
		background: #81b750;
		color: #076335;}
		
		#bloc_05 .link {
		text-align: left;
		margin: 5px;
		border-top: 2px dotted #81b750;
		}
		
#blocs {
border-collapse: separate;}


.photoz {
float: right;
width: 250px;
height: 200px;
padding: 15px;}


.tablactus {
border-collapse: collapse;
border: 1px solid #e96d33;
background: #fff;
padding: 0 10px;
margin-bottom: 15px;}

.actu_photo {
padding: 15px;}

#etrophee {
text-align: center;
color: #555454;
font-weight: bold;
}

#etrophee01 {
margin:430px 100px 0 40px;
text-align: center;
color: #555454;
font-weight: bold;
}
	#etrophee img{
	vertical-align: middle;	
	}



/*TEXTE
--------------------------------------------------------------------------*/
h1 {
font-size: 17px;
color: #e96d33;
margin: 0;
padding: 3px .5em;
width:613px;
}

h2 {
font-size: 19px;
color: #e96d33;
margin: 0;
padding: 3px .5em;}

h3 {
margin: 0 10px;
padding: .5em 0;
font-size: 13px;
color: #3f5155;}

.h3impt {
margin: 0 10px;
padding: .8em .5em;
font-size: 14px;
color: #3f5155;}

p {
text-align: justify;
color: #555454;
margin: 0 15px;
padding-bottom: .5em;
font-size: 11px;
line-height: 1.3em;}

#content ul {
margin: 15px;
padding: 0 15px;}

	#content li {
	list-style: url(gifs/carré.gif);
	background-repeat:no-repeat;
	color: #555454;
	padding-bottom: .5em;
	padding-left:5px;
	}

.impt {
color: #e96d33;
font-weight: bold;}

/*--------------------------------------------------------------------------*/


/*PAGE DEVIS
-------------------------------------------------------*/
#form_devis {
text-align: center;}
	
	.correc label{/*
	position: relative;
	top: 10px;*/}

	#form_devis fieldset{
	text-align: left;
	width: 60%;
	margin: 0 auto;}
	
	#form_devis label {
	color: #076335;}
/*--------------------------------------------------------------------------*/


/*PAGE CONTACT
-------------------------------------------------------*/
#contact_bloc {
margin: 0 auto;
padding: 15px 0;
text-align: center;}

	#contact_bloc p{
	margin: 0 25px;}
	

#contact_body {
padding: 15px;
margin: 15px 0;
border: 1px solid #f6b890;
}

	
#bob {
width: 65%;
border-right: 1px dashed #a6814d;}


#mail {}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 5px 3em;
color: #a6814d;
}

em.ob{margin-left: 3em;
color: #333;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #e96d33;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}


fieldset input{
text-align: left;
margin-top: 5px;}

fieldset label{
color: #012549;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;}

fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
border: 1px solid #81b750;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: 0 2em;
background: #81b750;}

input.contact_envoyer:hover{
border: 1px solid #076335;}

img[src="gifs/plan.gif"] {
border: 1px solid #a6814d;
}

	img[src="gifs/plan.gif"]:hover {
	border: 1px solid #ff9706;
}

/*--------------------------------------------------------------------------*/




/*footer
--------------------------------------------------------------------------*/
#footer {
background: #81bf50;
padding: 5px;
width: 943px;
text-align: center;
color: #fff;}
/*--------------------------------------------------------------------------*/

.textnormal {
color:#555454;
padding-left:14px;
}

#bouton {
margin: 0 0 0 500px;
padding:5px;
text-align:center;
height:20px;
background-color:#82b651;
border:#60942f solid 3px;
}

	#bouton:hover{
	background-color:#f6b890;
	border:#e96d33 solid 3px;
	}
	
	#bouton a {
	color:#fff;
	font-size:14px;
	}
	#bouton a:hover {
	color: #000;
	}
	
#actualite {
text-align:center;
margin: 0 50px 0 90px;
}

#actualite p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	text-align:justify;
}

#actualite ul li{
	list-style-type:square;
	margin: 0 0 0 15px;
	padding:0;
	}