body {background: #6c2e16 url("images/fond-essai.jpg") repeat scroll 0 0;color: #504f4b;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;line-height: 140%;text-align: center;}
img{width: 100%; border: none;}
#main_area{background: #ffffff none repeat scroll 0 0;
margin: 15px auto;
overflow: hidden;
width: 900px;}
.vills{text-align: left}
h3.loc_center, p.loc_center{text-align: center;}
/* ==========================================================================
   Home Page Style
========================================================================== */ 
.header_area{overflow: hidden;}
.logo_area{width: 810px;
margin: 25px auto;
padding-left: 25px;}
.content_area{float: left;
overflow: hidden;
width: 100%;}
.sideber_area{float: left;
margin-left: 15px;
overflow: hidden;
width: 310px;}
.sideber_area h2{font-size: 14px;
line-height: 1.3em;
padding-left: 5px;
padding-right: 5px;}
.sideber_area img{padding-bottom: 20px;
padding-top: 20px;}
.inner_content_area{float: left;
overflow: hidden;
width: 520px;}
.child_content{overflow: hidden;
width: 100%;
margin-bottom: 10px;}
.child_content_img{overflow: hidden;
width: 145px;
float: left;}
.child_content_text{overflow: hidden;}
.child_content_text h3{font-size: 14px;
margin: 0;
padding: 0;
text-decoration: underline;
text-align: left;}
.child_content_text h1{font-size: 14px;
margin: 0;
padding: 0;
text-decoration: underline;
text-align: left;}
.child_content_text p{text-align: left;}
.child_content_text ul{margin: 15px 0 0 39px;
padding: 0;}
.child_content_text ul li{float: none;text-align: left;}
.pin_area{overflow: hidden;
width: 100%;}
.pin_image_text_main{float: left;
margin-left: 50px;
overflow: hidden;
position: relative;
width: 275px;}
.pin_image{width:450px; float: left;margin-left: 10px;}
.pin_image_text{overflow: hidden;
position: absolute;
top: 47px;
width: 74%;
left: 38px;}
.pin_image_text h3{font-size: 12px;
text-decoration: underline;}
.pin_image_text p{}
.home_text_area{line-height: 1.5em;
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 817px;}
.footer_area{margin: 5px auto 10px;
overflow: hidden;
position: relative;
width: 817px;}
.footer_inner{left: 13px;
position: absolute;
top: 8px;}
.footer_inner ul{margin: 0; padding: 0; list-style: none;}
.footer_inner ul li{float: left;}
.footer_inner ul li h3{font-size: 14px; margin: 0;}
.footer_inner ul li a{display: inline-block;
font-size: 14px;
font-weight: 400;
padding: 0px 8px;}

/* ==========================================================================
  FF Page Style
========================================================================== */ 
.ff_content_area{width: 775px;
margin: 0 auto;}
.ff_content_area h3{font-size: 12px;
font-weight: normal;
text-align: right;}
.ff_content_area h4{font-size: 14px;
text-align: left;
text-decoration: underline;}
.ff_content_area p{font-size: 12px;
text-align: left;}

#text-devis {
	position:absolute;
	left:101px;
	top:175px;
	width:700px;
	height:92px;
	z-index:2;
	text-align:left;
	line-height: 120%;
}
#formulaire {margin: 0 auto;
text-align: left;
width: 696px;
z-index: 2;}
#text-retour {
	position:absolute;
	left:593px;
	top:123px;
	width:241px;
	height:23px;
	z-index:2;
}
#text-devis2 {
	position:absolute;
	left:101px;
	top:1290px;
	width:695px;
	height:184px;
	z-index:2;
	text-align:left;
	line-height: 140%;

}
#Layer1 {float: right;
height: 32px;
width: 124px;
margin-bottom: 10px;}
.ff_text_area{margin: 0 auto;
text-align: left;
width: 695px;padding-bottom: 40px; padding-top: 30px;}
.ff_text_area p{margin: 0;}

/* ==========================================================================
  Liens Page Style
========================================================================== */ 
.line_text_area{margin: 0 auto 40px;
width: 707px;}
.line_text_area p{margin: 0; padding-bottom: 5px}
.line_text_area h5{font-size: 12px;
font-weight: normal;
text-align: right;}

/* ==========================================================================
 Historical Page Style
========================================================================== */ 
.histoire_area{margin: 0 auto 30px;
overflow: hidden;
width: 780px;}
.histoire_area_txt{background: #ebebeb none repeat scroll 0 0;
overflow: hidden;
padding: 20px;
text-align: left;}
.histoire_area_txt h2{font-size: 14px;
text-decoration: underline;}
.histoire_area_txt p{font-size: 12px;margin: 0; padding-bottom: 20px;}
.his_one_text{float: left;
min-height: 215px;
width: 475px;}
.histoire_area_img{}
.histoire_area_img img{border: 1px solid #111111;}
.his_one_img{float: right;
width: 215px;}
.his_two_img{float: left;
width: 300px;}
.his_two_text{width: 400px;
min-height: 178px;
float: right;}
.his_three_text{float: left;
min-height: 170px;
width: 260px;}
.his_three_img{width: 440px;
float: right;}
.his_four_img{width: 185px;
float: left;}
.his_four_text{float: right;
min-height: 267px;
width: 515px;}

/* ==========================================================================
 Images Page Style
========================================================================== */ 
.img_content_area{margin: 0 auto;
width: 785px;
overflow: hidden;}
.img_content_area h2{font-size: 14px;
text-align: left;
text-decoration: underline;
margin: 20px 0;}
.child_img_area{background: #dde5be none repeat scroll 0 0;
float: left;
height: 358px;
margin-bottom: 27px;
margin-right: 27px;
overflow: hidden;
width: 365px;}
.child_img_area img{display: block;
margin-left: auto;
margin-right: auto;
width: 85%;
padding-top: 25px;}
.child_img_area p, .images_pi_area p{background: #ebebeb none repeat scroll 0 0;
margin: 15px auto;
padding: 8px;
text-align: left;
width: 81%;}
.child_img_right{margin-right: 0;
float: right;}
.images_pi_area{background: #dde5be none repeat scroll 0 0;
margin: 0 auto 20px;
overflow: hidden;
width: 785px;}
.images_pi_area p{width: 93%;}

/* ==========================================================================
 Remarquable Page Style
========================================================================== */ 
.remerquable_content_area{margin: 0 auto;
width: 785px;}
.remerquable_heading{overflow: hidden;}
.remerquable_heading h2{background: #ebebeb none repeat scroll 0 0;
display: inline-block;
float: left;
font-size: 14px;
margin: 0;
padding: 10px;
text-align: left;
text-decoration: underline;}
.remerqiavle_child{background: #ebebeb none repeat scroll 0 0;
margin-top: 20px;
overflow: hidden;
padding: 20px;
padding-bottom: 50px;
margin-bottom: 20px;}
.remerqiavle_child p{}
.{}
.{}
.{}
.{}
.{}
.{}
.{}








/* ==========================================================================
   Responsive Style
========================================================================== */ 

/* Desktop Layout: 1040. */
@media only screen and (min-width: 992px) and (max-width: 1199px) { 

        
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
#main_area {width: 700px;} 
.logo_area {width: 675px;}
    
/* Home Page style */    
    
.inner_content_area {width: 355px;margin-left: 5px;}  
.pin_image {width: 345px;}
.home_text_area { width: 650px;} 
.footer_area {width: 650px;min-height: 55px;}    
.footer_area img{width: 650px;min-height: 60px;}    
.pin_image_text_main {margin-left: 7px;} 

    
/* ff Page style */    
.ff_content_area, #formulaire, .ff_text_area {width: 650px;}

/* Line Page style */      
    
.line_text_area {width: 650px;}   
    
/*Historical Page Style*/
.histoire_area {margin: 0 auto 10px;width: 680px;} 
.histoire_area_txt {padding: 10px;}
.his_one_text {width: 430px;}
.his_two_text {width: 350px;}
.his_three_img {width: 392px;}
.his_four_text {width: 463px;}    
    
/*Images Page Style*/ 
.img_content_area {width: 660px;}  
.child_img_area {width: 315px;} 
.images_pi_area {width: 660px;}    
    
/* Remarquable Page Style*/
.remerquable_content_area {width: 650px;}   
    
    
    
    
}
/* Mobile Layout: 320px. */
@media only screen and (min-width: 150px) and (max-width: 479px) { 
#main_area {width: 290px;} 
.logo_area {margin: 5px auto;
padding-left: 5px;
width: 270px;}
    
/* Home Page style */    
        
.sideber_area {margin-left: 5px;width: 280px;}
.sideber_area img {padding-bottom: 10px;padding-top: 0;}
.inner_content_area {width: 280px;margin-left: 5px;} 
.child_content {margin-top: 10px;}
.child_content_img {width: 100px;}    
.pin_image {width: 280px;}
.home_text_area { width: 250px;} 
.footer_area {width: 250px;min-height: 55px;}    
.footer_area img{width: 250px;min-height: 60px;}       
.pin_image_text_main {margin-left: 7px;} 
.footer_area img {min-height: 175px;}
.footer_inner ul li {float: none;}     
    
/* ff Page style */    
.ff_content_area, #formulaire, .ff_text_area {width: 280px;}  
input#Date-animation, input#Lieu{float: right;
margin-right: 0px;
width: 40%;} 
#formulaire p{width: 60%;}    
#Commentaires{width: 98%;} 
    
/* Line Page style */      
    
.line_text_area {width: 250px;}      
.linefooter{min-height: 110px !important;} 
    
/*Historical Page Style*/    
.histoire_area {margin: 0 auto 5px;width: 280px;} 
.histoire_area_txt {padding: 5px;}    
.his_one_img, .his_one_text, .his_two_img, .his_two_text, .his_three_txt, .his_three_img, .his_four_img, .his_four_text {width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 1%;}  
    
/*Images Page Style*/ 
.img_content_area h2 {padding-left: 16px;}    
.img_content_area {width: 270px;}  
.child_img_area {width: 250px;
float: none;
margin: 0 auto 10px;} 
.images_pi_area {width: 229px;
padding: 11px;}     
    
/* Remarquable Page Style*/
.remerquable_content_area {width: 280px;}       
    
    
    
    
    
    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
#main_area {width: 400px;} 
.logo_area {margin: 5px auto;
padding-left: 5px;
width: 380px;}
    
/* Home Page style */    
        
.sideber_area {margin-left: 5px;width: 380px;}
.sideber_area img {padding-bottom: 10px;padding-top: 0;}
.inner_content_area {width: 380px;margin-left: 5px;} 
.child_content {margin-top: 10px;}
.child_content_img {width: 100px;}    
.pin_image {width: 380px;}
.home_text_area { width: 350px;} 
.footer_area {width: 350px;min-height: 55px;}    
.footer_area img{width: 350px;min-height: 60px;}       
.pin_image_text_main {margin-left: 7px;} 
.footer_area img {min-height: 175px;}
.footer_inner ul li {float: none;}      
  
/* ff Page style */    
.ff_content_area, #formulaire, .ff_text_area {width: 380px;}  
input#Date-animation, input#Lieu{float: right;
margin-right: 0px;
width: 40%;} 
#formulaire p{width: 60%;}    
#Commentaires{width: 98%;} 
    
/* Line Page style */      
    
.line_text_area {width: 350px;}      
.linefooter{min-height: 110px !important;text-align: center; display: inline-block;}    
.linefooter_childs{left: 55px;}    
    
/*Historical Page Style*/    
/*Historical Page Style*/    
.histoire_area {margin: 0 auto 5px;width: 400px;} 
.histoire_area_txt {padding: 5px;}    
.his_one_img, .his_one_text, .his_two_img, .his_two_text, .his_three_txt, .his_three_img, .his_four_img, .his_four_text {width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 1%;}    
    
/*Images Page Style*/ 
.img_content_area h2 {padding-left: 16px;}    
.img_content_area {width: 400px;}  
.child_img_area {width: 315px;
float: none;
margin: 0 auto 10px;} 
.images_pi_area {width: 315px;}     
    
/* Remarquable Page Style*/
.remerquable_content_area {width: 380px;}       
    
    
    
    
    
}
.vills{text-align: left}
h3.loc_center, p.loc_center{text-align: center;}