html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{
   background:url(../images/bkg.jpg) #CFCCC3 center center repeat-y;
	margin:0px;
	padding:0px;
	font-family:arial,sans-serif;
	font-size:0.625em;

	
}

#bodyh{
   margin: 0 auto;
	

}


#facebook2{
   position:absolute;
   top:-13px;
   left:-35px;
   border:none;    
}
#twitter2{
   position:absolute;
   top:-13px;
   left:-60px;
   border:none;    
}

#facebook2 img, #twitter2 img{border:none;}
/*==== ÉLÉMENTS GÉNÉRAUX
==========================================================*/
h1{
   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
   font-size:2em;
   color:#487767;
   font-weight:normal;
   margin:15px 0 22px 0;
   padding:0px;
}

h2{
   font-size:1.5em;
   color:#487767;
   border-bottom:1px solid #487767;
   font-weight:bold;
   display:block;
   margin:0px 0 15px 0px;
   padding:20px 0 0 0px;
   clear:both;
}

h3{
   color:#fff;
   line-height:40px;
   padding:0 10px;
   display:block;
   font-size:1.167em;
   background:url(../images/bkgtable.jpg) top left repeat-x;   
}


p{
   line-height:1.167em;
}

    /*=== H2 - COMMANDITAIRES
    ==============================================*/
    
    #commanditaire h2{
       font-size:1.167em;
       color:#fff;
       font-weight:bold;
       display:block;
       height:34px;
       line-height:34px;
       margin:0px;
       padding:0px 20px;
    }
    
    h2.comm1{
       background:url(../images/category1.jpg);   
    }
    
    h2.comm2{
       background:url(../images/category2.jpg);   
    }
     
    h2.comm3{
       background:url(../images/category3.jpg);   
    }  
       
    h2.comm4{
       background:url(../images/category4.jpg);   
    }
     
    h2.comm5{
       background:url(../images/category5.jpg);   
    } 
        h2.comm6{
       background:url(../images/category6.jpg);   
    }
     
    h2.comm7{
       background:url(../images/category7.jpg);   
    }     



h6{
   font-size:1em;
   color:#fff;
   font-weight:normal;
   margin:0 0 10px 0;
   padding:0px;
}


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

   #quickmenu a{
      text-transform:uppercase;
      color:#fff;
      margin:0;
      padding:3px;   
   }

   #quickmenu a:hover{
      text-transform:uppercase;
      text-decoration:underline;
      color:#cc0000;
   }
   
   #quickmenu a.active{
      color:#cc0000;
   }
   
   

span{
   font-weight:bold;	
}

span.upp{
	font-weight:normal;
	text-transform:uppercase;
	
}

p{
   margin:10px 0;
   padding:0px;   
   display:block;
}



.liste ul{
   margin:0 0 0 5px;
   padding:8px 0 0 15px;
   list-style-image: url(../images/dot_liste.gif);
}

.liste ul li{
   padding:1px 0;
   margin:0px;  

}

.end{
   clear:both;   
}

hr{
   height:1px;
   line-height:1px;
   margin:0px auto;
   padding:0px;
   width:100%;
   display:block;
   clear:both;
   border:none;
   border-top:1px solid #ededed;
   
}   

/*==== DIV GÉNÉRAUX
==========================================================*/
#main{
   width:945px;
   margin:0 auto;
   padding:0;	
   background:#fff;
}



#topmenu{
   width:100%;
   background:#000;
   color:#fff;
   height:46px;
   position:relative;	
}

#header{
   display:block;
   background:#fff;
   color:#fff;
   height:262px;
   padding:8px;
   position:relative;
   z-index:100;	
 
}

#container{
   position:relative;
   padding:0px 8px 8px 8px;
   margin:0 0 0px 0;
   font-size:1.2em;
   z-index:0;	

}

#text{
  padding:10px; 
  background:#E9E9E9;
}

#footer{ 
   font-size:1em;
   text-align:center;
   display:block;
   background:url(../images/footer.jpg) #CFCCC3 center -15px;
   width:100%;
   
}

.text_section{
   background:#e9e9e9; 
   padding:20px;
   margin-bottom:2px;  
}


/*==== Header
==========================================================*/

#quickmenu{
   position:absolute;
   right:20px;
   display:block;   
   top:20px;
   font-size:1.1em;
}

#logo{
   width:232px;
   overflow:hidden;
   float:left;  
   height:233px; 
   margin:0 3px 0 0; 
}
#slideshow{
   width:693px;
   overflow:hidden;
   float:left;  
   height:233px;  
}

#date{
   position:absolute;
   z-index:1000; 
   left:243px;   
}

#menu{
display:block;
width:100%;
float:right;
margin:0px;
padding:0px;
position:relative;
}
#menu li{
   display:block;
   float:left;
   margin:0px;
   padding:0px;
   position:relative;
}
#menu li a{
   background:#7aa292;
   font-size:1.4em;   
   font-weight:bold; 
   color:#fff;
   display:block;
   text-align:center;
   float:left;
   margin:0 0px 0 2px;
   line-height:29px;
   height:29px;
   padding:0 15px;
}

#menu li a:hover, #menu li.active > a{
   background:#487767;
   text-decoration:none;
}
#menu li a.m1{
   width:232px;
   margin:0 1px 0 0px;
   padding:0;
}

#menu ul{
   display:none;
   z-index:1000; 
   top:29px; 
   position:absolute;
}


#menu a:hover + ul, #menu li:hover ul{
   display:block;
}

#menu ul#activites{
   width:232px;      
}

#menu ul#photos{
   width:77px;
   margin:0 0px 0 2px;      
}

#menu ul#videos{
   width:78px;
   margin:0 0px 0 2px;        
}

#menu ul#prix{
   width:56px;
   margin:0 0px 0 2px;         
}

#menu ul#presse{
   width:76px;
   margin:0 0px 0 2px;         
}

#menu ul li{
   display:block;
   width:100%; 
}

#menu ul li a{
   display:block;
   width:100%; 
   padding:0px;
   margin:0px;
   background:#7aa292;
}

#menu ul li a:hover{
   background:#487767;
}
#menu li a.m2{
   width:47px;
}
#menu li a.m3{
   width:48px;
}
#menu li a.m4{
   width:26px;
}
#menu li a.m5{
   width:46px;
}
#menu li a.m6{
   width:76px;
}
#menu li a.m7{
   width:60px;
}

#menu li a.m9{
   width:30px;
}
#menu li a.m8{
   width:198px;
   margin:0 0px 0 2px;
   padding:0;
   float:right;
}
#menu li a.m10{
   width:193px;
   margin:0 0px 0 2px;
   padding:0;
   float:right;
}

/*==== Accueil
==========================================================*/

.col{
   float:left;
}

.c1{
   width:232px;
   overflow:hidden;
}

.c2{
   width:503px;
   background:#f1f0ee;
   margin:0 3px;
   overflow:hidden;
   height:401px;
   padding:30px 0 0 0;
   font-weight:normal;
}

.c3{
   width:187px;
   overflow:hidden;
}

.FBCM1{
   font-size:1.8em;
   font-family:'MS Sans serif','Geneva' ,'Times New Roman', serif;
   text-align:center;
   font-weight:normal;
   line-height:1em;
}
.FBCM2{
    font-size:1.35em;
   font-family:'MS Sans serif','Geneva' ,'Times New Roman', serif;
   text-align:center;   
   font-weight:normal;
   line-height:1.2em;
}
.FBCM3{
    
    font-size:1.35em;
   font-family:Arial, sans-serif;
   text-align:center;
   font-weight:normal;
   line-height:1.5em;
   display:block;
 padding:0px 0 10px 0;
 margin:0px;
   
   }
   

.c2 hr{
   height:1px;
   line-height:1px;
   margin:20px auto;
   padding:0px;
   width:305px;
   display:block;
   clear:both;
   border:none;
   border-top:1px dashed #95bcac;
   
}   



/*==== Contact
==========================================================*/
.contact{
   padding:17px 16px;   
   width:273px;  
  background:url(../images/Fond_brun.jpg) repeat top left;  
   overflow:hidden; 
   height:150px; 
} 

.horaire table td{
   padding:17px 14px;   
   width:279px;  
  background:url(../images/Fond_brun2.png) repeat center left;  
   overflow:hidden; 
   height:100px; 
   vertical-align:top;
}


.horaire table td strong{
   color:#fff;
}

.fin{
    padding:17px 16px;   
    
}

.contact a {
   color:#fff;   
}

.lightgrey{
}

.adresse, .adresse_logo{
   height:95px;
   overflow:hidden; 
   margin:2px 0 5px 0px;
   width:308px;
   display:block;
}

.adresse{
    padding-top:40px;   
    height:55px;
    padding-left:16px;
    width:292px;
    
}

.last{
   padding-left:21px;
   
   width:208px;
}
.contact p {
   margin:0px;
   padding:0px;   
}






/*==== Commanditaire
==========================================================*/
#commanditaire table{
   margin:10px 20px;
   line-height:1.5em;
   font-weight:bold;  
   width:100%; 
}
#commanditaire table td.compagnie{
   width:240px;
}
#commanditaire table td.logo{
   text-align:left;
   vertical-align:middle;
   width:670px;
}
#commanditaire table td.logo img{
   border:0;
}
#commanditaire table td a{
   color:#000;
}
/*==== Exposants
==========================================================*/
.exposants table{
   width:100%;
   margin:0px;
   border-collapse:collapse;
   border:1px solid #000;
   

   
   
}

.exposants table th{
   background:url(../images/bkgtable.jpg) top left repeat-x;  
   height:28px;
   border:1px solid #000;
   padding:5px;
   color:#fff;
      vertical-align:middle;
   text-align:center;
   
}

.exposants table td{
   padding:5px;
   border:1px solid #000;
   vertical-align:middle;
   text-align:center;
   
} 

.exposants table  th.architecte{
   width:286px;   
}
/*==== Footer
==========================================================*/
#footer p{
   margin:5px 0 5px 0;
}

#footer_img{
   margin:8px 0 0 0;    
}



a:hover{
  text-decoration:underline;   
}

.esp{
   display:block;
   height:5px;
   overflow:hidden;   
}


a#contact-link{
   background:#c3c1be;
   color:#000;
   padding:2px 5px;
}

a#contact-link:hover{
   text-decoration:none; 
   background:#9d9993;
     
}
    
.horaire table ul{
   margin:0px 0px 0px -25px;   
}


html, body {
	height: 100%;
}
#main{
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -82px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
	height: 82px; /* .push must be the same height as .footer */
}

img.gauche{
   float:left;
   margin:0 20px 20px 0;    
}

#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:693px;
	height:233px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;

	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li:first-child{
    z-index:10;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}
#text ul{
   list-style-type:disc;
   margin:5px 0 5px 25px;    
}

#text ul li{
   padding:3px 0;   
}

#text form{
   width:400px;
   margin:0 auto;
}