/*	Resets
	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}


.clr { 
	clear:both; 
}


img, p, h1, h2, h3 { 
	border:none; 
	margin:0; 
	padding:0; 
}

h1, h2, h3 { 
	font-weight:normal; margin:0; padding:0;  
}


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

a { 
	cursor:pointer;
	color: #000; 
	
}

.img_liens { 
	opacity:1; 
}

.img_liens:hover { 
	opacity:0.8; 
}




body {
	margin:0;
	padding:0; 
	background-image: url(images/pattern.gif);
	
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	line-height:18px;
	color:#666;
	}


a { 
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	font-style:italic;
	text-decoration:underline;
	line-height:15pt;
	color:#e48f25;
}

a:hover { 
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	font-style:italic;
	text-decoration:underline;
	line-height:15pt;
	color:#999;
}


p, img, ul, li { 
	margin:0; 
	padding:0; 
	border:none; 
}




img {
	   height: auto; width: auto;
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
	 }		
	
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	   max-width: 100%;
	 }


.container { 
	width:1100px; 
	margin-left:auto; 
	margin-right:auto; 
	position:relative;
}



#navigation, #navigation ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	height:50px;
	width:1100px; 
	background-color:#41313c;
	margin-top:-6px; line-height:50px;   
	  
}

#navigation a {
	display: block; font-style:normal; 
}

#navigation  li { 
	cursor:pointer; 
	height:50px; 
	float:left; 
	padding-right:25px;
	padding-left:25px;
	text-align:center; 
	
	position:relative;
	font-size:15px;
	text-transform:uppercase;
	color:#FFF;
	
	line-height:50px;
	background-image:url(images/delim.jpg); background-repeat:no-repeat; background-position:right;     
	   
}

#navigation  li:hover { 
	background-color:#e48f25;    
	   
}


#navigation  li:last-child { 
	margin-right:0px;  
}


#navigation   li a { 
	color:#FFF; 
	text-decoration:none;
	font-style:normal;  
}

#navigation li a:hover { 
	color:#41313c; 
	text-decoration:none; 
}


.nav_on   { 
	background-color:#e48f25;    
}

.nav_on a  { 
color: #FFF!important; 
}



#navigation li ul { /* listes de deuxi�me niveau */
	background: #41313c;
	display:none; 
	margin:0; 
	padding:0; 
	width:150px;
	text-align:left;
	position:absolute; 
	top:51px; 
	left:0px;
	z-index:100; 
	border:none!important;
	
	
	  

}

#navigation li ul li { /* listes de deuxi�me niveau */
	clear:both; 
	display:block; 
	
	background: #41313c;
	 
	text-align:left; 
	
	padding-left:15px;  
	padding-right:10px; 
	 
	margin:0px; 
	width:150px;
	
	height:25px; 
	padding-top:10px; 
	
	
	
	border-bottom:dotted;
	border-width:1px;  
	
	font-size:14px;
	
	color:#FFF; 
	text-decoration:none; position:relative;     
}

#navigation li ul li:hover { 
	background: #e48f25;
	} 
	


#navigation li ul li a { 
color:#FFF; 
	
}

#navigation li ul li a:hover { 


}

#navigation li:hover ul, #navigation li li:hover ul { /* listes imbriqu�es sous les items de listes survol�s */
	display:block; 
	
}


#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	display:none; 
}




#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	display:inline; 
	
}

#nav_mobile { 
	display:none; 
}

#contenus { 
	display:table; width:1100px; 
}

#col_gauche { 
	display:table-cell; padding-left:70px;  width:630px; margin-right: 50px; background-color:#FFF; padding-top:15px;
	padding-bottom:30px; vertical-align:top;    
}



#col_droite { 
	display:table-cell; width:280px; 
	background-image:url(images/pattern_side.gif); background-repeat:repeat; padding-left:20px; padding-right:20px; vertical-align:top;     
}

#ariane { 
	font-size:11px; color:#CCC; margin-bottom:20px;  
}

#ariane a { 
	text-decoration:none; font-style:normal; color:#666;font-size:11px; 
}

#dern_news { 
	background-color:#FFF; border:solid; border-width:1px; border-color:#CBCBCB; padding:17px; width:266px; margin-left:10px;
	position:relative; margin-top:70px; padding-top:80px;  margin-bottom:80px;   
}

#footer1 { 
	width:100%;  background-color:#333333; color:#FFF; padding-top:30px; padding-bottom:30px; font-size:12px; font-weight:lighter;    
}

#footer1_col1 { 
	float:left; padding-left:180px; width:190px; background-image:url(images/delim3.jpg); background-position: top right; background-repeat:no-repeat;
	padding-right:35px;
	
}


#footer1_col2 { 
	float:left; padding-left:70px; width:190px; background-image:url(images/delim3.jpg);background-position: top right; background-repeat:no-repeat;
	padding-right:50px;  
}

#footer1_col3 { 
	float:left; padding-left:60px; width:250px; 
	 
}

#footer1 span{
	font-size:24px; 
}

#footer2 { 
	background-color:#E48F25; height:30px; line-height:30px; width:100%; border-top:solid; border-width:1px; border-color:#999; color:#FFF;
	text-align:center; font-size:12px;    
}


#contact1 { 
	float:left; width:300px; margin-right:30px; 
}

#map_canvas { 
	float:left; border:solid; border-width:1px; border-color:#999; width:300px; height:300px; 
}
#map_canvas img {
	max-width:none; 
}

.form_lbl { 
	float:left; width:200px; 
}
.form_input { 
	float:left; width:350px; 
}

.form_input input {
	width:300px; height:30px; 
}

.form_input textarea {
	width:300px; height:150px; 
}

.form_input select {
	width:305px; height:30px; border:solid; border-width:1px; border-color:#999;  
}

.titre_news { 
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	color:#41313c;
}

.dt_news { 
font-size:12px;
	font-weight:bold;
	color:#41313c;
}

/* -------------------- FIN GENERAL -------------------*/


	
	
@media only screen and (max-width: 600px) {
 html {
	   -webkit-text-size-adjust: 100%;
	 }
	 
body { 
	margin:0px;
}


	 
.container { 
	width:320px; 
}

#navigation, #navigation ul { /* toutes les listes */
display:none; 
}


#nav_mobile { 
	display:block;
	width:100%; height:40px; background-color: #41313C; margin-top:-6px; position:relative;   
}

#nav_mobile img {
	width:35px; height:33px; padding-top:5px;  
}

#mobile_menu { 
	width:300px;  position:absolute; top:43px; left:0px; padding:10px; background-color: #41313C; display:none; z-index:100000;  
}

#mobile_menu a  {
	display:block; height:30px; 
	font-style:normal; text-transform:uppercase; text-decoration:none; color:#FFF; border-bottom:dotted; padding-top:10px; 
	border-width:1px;   
}


#contenus { 
	display:block; width:310px; padding-left:10px; background-color:#FFF;  
}

#col_gauche { 
	display:block; padding-left:0px;  width:300px; margin-right: 0px; padding-top:15px;  
}



#col_droite { 
	display:none;     
}

#ariane { 
	padding-bottom:0px;  
}


#footer1 { 
	width:100%; height:100px;  padding-top:10px; padding-bottom:10px;  
}

#footer1_col1 { 
	display:none; 
	
}


#footer1_col2 { 
	float:none; padding-left:10px; width:300px; background-image:none; 
	padding-right:0px; text-align:center;   
}

#footer1_col3 { 
	display:none; 
	 
}

#footer1 span{
	font-size:16px; 
}



}	/* ----------------FIN PAYSAGE   --------------------------- */