*{
	margin:0;
	padding:0;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.float_left_v2 {
	float:left;
	padding-left: 5px;
}

.clear_both {
	clear:both;
}

img {
	border: 0px;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image: url(../gifs/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #d4d3d1;
}

p {
	color: #606060;
	font-size: 0.75em;
	padding-bottom: 5px;
	line-height: 17px;
	text-align: justify;
}

a {
	color: #896233;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width:980px;
	margin:0 auto; /* à modifier*/
	position:relative;
	padding-top: 328px;
	background-image: url(../gifs/bg_page.gif);
	background-repeat: repeat-y;
}

#content {
	width:940px;
	padding-left: 20px;
	padding-right: 20px;
}


/********************************************************************* Header
*/

#header {
	height: 328px;
	width: 980px;
	background-image: url(../gifs/bg_header.gif);
	background-repeat: no-repeat;
	background-position: top;
	position:absolute;
	top:0;
	left:0;	
}

#logo {
	width:127px;
	height:158px;
}

a.btn_logo {
	display: block;
	width: 127px;
	height: 158px;
	background-image: url(../gifs/logo.gif);
}

a.btn_logo:hover {
	background-image: url(../gifs/logo_over.gif);
}

#menu_top {
	width: 483px;
	height: 41px;
	padding-left: 370px;
}

#menu_top ul li {
	list-style: none;
	display: inline;
}

#menu_top a {
	color: #014222;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	width: 140px;
	height: 22px;
	background-image: url(../gifs/btn_menu_top_out.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin : 5px;
}

#menu_top a:hover {
	background-image: url(../gifs/btn_menu_top_over.gif);
	color: #FFFFFF;
}

#menu_top #top_select {
	background-image: url(../gifs/btn_menu_top_over.gif);
	color: #FFFFFF;
}

#slogan {
	width: 170px;
}

p.slogan1 {
	color: #148d50;
	font-size: 19px;
	text-align: right;
	padding-top: 5px;
}

p.slogan2 {
	color: #148d50;
	font-size: 23px;
	letter-spacing: 3px;
	text-align: right;
	padding-bottom: 4px;
}

p.adresse {
	color: #896233;
	font-size: 12px;
	text-align: right;
	padding-top: 4px;
	border-top: 1px solid #98cdb2;
}

#contact_header {
	width: 287px;
	padding-left: 20px;
	padding-top: 10px;
}

p.projet {
	color: #148d50;
	font-size: 19px;
	padding-left: 10px;
}

strong.grand {
	font-size: 23px;
	font-weight: normal;
}

p.tel {
	font-size: 19px;
	color: #896233;
	text-align: right;
	font-weight: bold;
	padding-top: 17px;
	padding-bottom: 10px;
}

a.btn_contact {
	display: block;
	width: 168px;
	height: 23px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-image: url(../gifs/btn_contact.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-left: 119px;
}

a.btn_contact:hover {
	background-image: url(../gifs/btn_contact_over.gif);
}

#diaporama {
	width: 640px;
	height: 224px;
	margin-top: 10px;
	padding-right: 20px;
	background-image: url(../gifs/001.jpg);
	background-repeat: no-repeat;
}


/********************************************************************* Colonne gauche
*/

#colonne_gauche {
	width: 220px;
}

h3 {
	color: #148d50;
	font-size: 16px;
	font-weight: bold;
	background-image: url(../gifs/puce_titre.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

#navigation {
	list-style: none;
}

#navigation a {
	display: block;
	width: 200px;
	height: 22px;
	color: #173023;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../gifs/btn_menu_out.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 3px;
}

#navigation a:hover {
	background-image: url(../gifs/btn_menu_over.gif);
	color: #FFFFFF;
	font-weight: bold;
}

#navigation #menu_select {
	background-image: url(../gifs/btn_menu_over.gif);
	color: #FFFFFF;
	font-weight: bold;
}

#navigation a.aides {
	display: block;
	width: 200px;
	height: 35px;
	color: #173023;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../gifs/btn_menu_aides_out.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 20px;	
	padding-bottom: 3px;
}

#navigation a.aides:hover {
	background-image: url(../gifs/btn_menu_aides_over.gif);
	color: #FFFFFF;
	font-weight: bold;
}

#navigation #menu_aides_select {
	background-image: url(../gifs/btn_menu_aides_over.gif);
	color: #FFFFFF;
	font-weight: bold;
}

#encart_contact {
	width: 220px;
	height: 130px;
	margin-top: 20px;
	background-image: url(../gifs/bg_encart_contact.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 20px;
}

#encart_contact p {
	color: #FFFFFF;
	font-size: 15px;
}

#encart_contact p.tel_contact {
	font-size: 27px;
	padding-bottom: 15px;
	padding-top: 5px;
}

a.btn_contact2 {
	display: block;
	width: 183px;
	height: 24px;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	background-image: url(../gifs/btn_contact2_out.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
}
a.btn_contact2:hover {
	background-image: url(../gifs/btn_contact2_over.gif);
	color: #ffffff;
}

/********************************************************************* Colonne centre
*/

#colonne_centre {
	width: 689px;
	padding-left: 20px;
}

h1 {
	color: #896233;
	font-size: 1.50em;
	padding-bottom: 15px;
}

h1.titre_index {
	color: #896233;
	font-size: 1.50em;
	padding-bottom: 15px;
	border-top: 1px dashed #896233;
	padding-top: 15px;
}

strong.vert {
	color: #148d50;
}

strong.vert_grand {
	color: #148d50;
	font-size: 15px;
}

.italic {
	font-style: italic;
}

#encart01 {
	width: 206px;
	height: 257px;
	background-image: url(../gifs/bg_encart01.gif);
	background-repeat: no-repeat;
	padding: 7px;
}

#encart02 {
	width: 206px;
	height: 257px;
	background-image: url(../gifs/bg_encart02.gif);
	background-repeat: no-repeat;
	margin-left: 14px;
	margin-right: 14px;
	padding: 7px;
}

#encart03 {
	width: 206px;
	height: 257px;
	background-image: url(../gifs/bg_encart03.gif);
	background-repeat: no-repeat;
	padding: 7px;
}

a.liens_encart {
	color: #04713a;
	font-size: 19px;
	text-decoration: none;
	background-image: url(../gifs/puce_liens_index.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}

a.liens2 {
	color: #553712;
	font-size: 12px;
	float: right;
	background-image: url(../gifs/puce_liens2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	text-decoration: none;
}
a.liens2:hover {
	text-decoration: underline;
}

a.liens {
	color: #896233;
	font-size: 12px;
	float: right;
	background-image: url(../gifs/puce_liens.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	text-decoration: none;
}
a.liens:hover {
	text-decoration: underline;
}

a.liens_2 {
	color: #896233;
	font-size: 12px;
	background-image: url(../gifs/puce_liens.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	text-decoration: none;
	clear:both;
	float:left;
	margin-top: 5px;
}
a.liens_2:hover {
	text-decoration: underline;
}

.img_encart {
	padding-top: 8px;
	padding-bottom: 8px;
}

h2 {
	color: #148d50;
	font-size: 1.2em;
	border-bottom: 1px dashed #148d50;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

p.tel_coord {
	color: #896233;
	font-size: 16px;
	font-weight: bold;
}

#colonne_centre ul li {
	color: #606060;
	font-size: 12px;
	padding-bottom: 5px;
	text-align: justify;
}

#colonne_centre ul {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

h4 {
	color: #8d6534;
	font-size: 16px;
	background-image: url(../gifs/puce_h4.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	border-top: 1px solid #d6c3ab;
	padding-top: 5px;
	margin-top: 10px;
}

#liens_gauche {
	width: 320px;
}


#col_gauche {
	width: 320px;
}

#col_droite {
	width: 320px;
}

h5 {
	color: #FFFFFF;
	font-size: 16px;
	border-bottom: 1px dashed #ffffff; 
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#atouts {
	background-color: #0c7c43;
	padding: 10px;
	width: 669px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#atouts ul li {
	color: #FFFFFF;
	font-size: 13px;
}

.img_left {
	float: right;
	padding-top: 0px;
	padding-left: 20px;
}

#carte_visite {
	width: 220px;
	padding-left: 20px;
}

#carte_visite p {
	text-align: center;
	color: #10854a;
}

#carte_visite p.tel_2 {
	color: #896233;
	font-size: 18px;
	padding-top: 5px;
}

a.btn_contact3 {
	display: block;
	width: 168px;
	height: 23px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-image: url(../gifs/btn_contact.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	margin-left: 28px;
}

a.btn_contact3:hover {
	background-image: url(../gifs/btn_contact_over.gif);
}

/********************************************************************* Footer
*/

#footer {
	height: 230px;
	width: 100%;
	background-image: url(../gifs/bg_x_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#footeref {
	text-align:center;
	clear:both;
	padding-bottom:10px;
	padding-top:10px;
	color:#000000!important;
}

#footer_centre {
	height: 213px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../gifs/bg_footer.gif);
	background-repeat: no-repeat;
	background-position:center;
}

#footer p {
	text-align: center;
	padding-top: 40px;
	color:#FFFFFF;
}

a.liens_footer {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	
}

a.liens_footer:hover {
	text-decoration: underline;
}

.ul_footer {
	float: left;
	padding-right: 70px;
	margin-top: 35px;
	list-style: inside;
	padding-left: 40px;
	color: #63b08a;
	border-right: 1px solid #3d986a;
}

.ul2_footer {
	float: left;
	padding-left: 30px;
	margin-top: 35px;
	color: #63b08a;
}


/********************************************************************* Formulaire contact
*/

#coordonnees {
	width: 230px;
	margin-top: 20px;
}

#form_contact {
	width: 450px;
	margin-top: 20px;
}

#formulaire_1 {
	font-size: 12px;
}

#formulaire_1 label {
	font-size: 12px;
	width: 160px;
}

#formulaire_1 textarea {
	width: 250px;
	height: 100px;
	border: 1px solid #b88546;
}

#formulaire_1 input {
	width: 250px;
	border: 1px solid #b88546;
	height: 20px;
}

#formulaire_1 p.submit input {
	background-color: #8d6534;
	color: #ffffff;
	height: 25px;
	margin-left: 10px;
	border: solid 1px #b88546;
	padding-bottom: 3px;
}

#formulaire_1 div.divGenerateurRequired {
	color: #606060;
}

#formulaire_1 span.required {
	color:#FF0000;
}




/********************************************************************* Loupe
*/

#txt_loupe {
	font-size: 11px;
	text-align: right;
	color: #606060;
	padding-top: 10px;
	padding-bottom: 5px;
	position: absolute;
	top: 290px;
	right: 80px;
	z-index: 10;
}
#loupe {
	font-size: 11px;
	text-align: right;
	color: #606060;
	padding-top: 10px;
	padding-bottom: 5px;
	position: absolute;
	top: 290px;
	right: 20px;
	z-index: 10;
}

#loupe a {
	font-size: 11px;
	color: #896233;
	text-decoration: none;
}

#loupe a:hover {
	text-decoration: underline;
}



/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
