/* CSS Document */

/* positionnements header  */

.sky  {
    background: url("./images/fond1.png") repeat-x scroll 0 0%, url("./images/fond2.png") repeat scroll 0 0%, none repeat scroll 0 0 #eee;
}
#outer-wrapper {
    min-height: 100%;
    overflow: hidden;
}
#outer-wrapper {
    background: url("./images/fond3.png") repeat-x scroll 0 0 #f9f9f9;
    border-top: 2px solid #fff;
    min-width: 992px;
    position: relative;
}



#btn_up
{
position: fixed;
bottom: 20px;
right: 15px;
cursor: pointer;
display:none;
z-index:1500;
}
.container {
	padding-left: 110px; padding-bottom:20px; padding-top:0px; padding-right:0px; 
}

#contenu { 
position:relative;
top:0px; }


#top {
	background-color: #ddd; border:0px; margin:0px; padding-left: 0px; padding-bottom:0px; margin-bottom:0px; min-height:90px;
	text-align:center; 
  	width:100%; 
	/*background:url("../images/bandeau_titre.png") center  ; 
	background-repeat:no-repeat;
  	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.6; /*  CSS3  */
    /*filter(opacity=80);  /*  Pour IE  */
  
  
  
	
}
#d_img { border:0px; margin:0px; padding-left: 0px; padding-bottom:0px; margin-bottom:0px; min-height:103px;
	text-align:center; margin-right:10%;
  	width:75%; position:fixed; left:10%;z-index:1000; right:30%; overflow:hidden;
   	    }
#img1 { width:75%; background:url("../images/bandeau_titre.png") center ;    
	height:83px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    z-index:1000;
	position:fixed; left:10%; top:0px;
   	 overflow:hidden; 


}
#img2 { width:100%; background:url("../images/bandeau_titre.png") center  ;  
	height:83px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.6; /*  CSS3  */
   filter(opacity=60);  /*  Pour IE  */
    z-index:1000;
	position:absolute; top:0px;
   	 overflow:hidden; 


}
#img1, #img2 {
	
	background-repeat:no-repeat;
	text-align:center;
  	
	
}

#dialog { display:none; }


/* polices textes */ 
.alpha0 {
		font-family:'din_alternatebold', Helvetica, Arial; color:#515e33; font-size:28px; line-height:140%; font-style:normal;
}

.alpha, .alpha:link, .alpha:hover, .alpha:visited {
	font-family:'din_alternatebold', Helvetica, Arial; color:#515e33; font-size:22px; line-height:140%; font-style:normal;
}
.alpha:link, .alpha:hover, .alpha:visited { text-decoration:none; }
.alpha1 {
	font-family:'din_alternatebold', Helvetica, Arial; color:#fff; font-size:14px; line-height:140%; font-style:normal; text-align:center;
}

.txt_alpha1, .txt_alpha1:link, .txt_alpha1:hover, .txt_alpha1:visited { 
	font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: normal; text-align:left;color:#004E9D; font-weight:bold;   
}

.txt_alpha2, .txt_alpha2:link, .txt_alpha2:hover, .txt_alpha2:visited, .txt_alpha20{ 
	color:#5E7703; 
	font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: normal; text-align:left;  
}
.txt_alpha20:link, .txt_alpha20:hover, .txt_alpha20:visited {
	text-decoration:underline;
}
.txt_alpha20:hover { color:#515e33; }

.txt_alpha3, .txt_alpha3:link, .txt_alpha3:hover, .txt_alpha3:visited { 
	color:#8A0001; 
	font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: normal; text-align:left;  font-weight:bold;
}

.txt_accueil { 
	font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: normal; text-align:left;color:#000; 
}
.legende { font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 10px; color:#333;
	text-decoration: none;
	font-style: normal;
}

.inter { line-height:80%; text-align:left; width:100%; }



/* les blocs centraux de données */
.bloc_cont {
		
	background:#ddd;
	border:2px solid #515e33;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block 
		*/
	vertical-align: text-top;
	overflow:hidden;
	text-align:left;
	/*background-color:#9eb762; */
	min-height:320px;
	margin-right:7px; margin-bottom:7px;
	min-width:400px;
	width:44%;
	padding-left:5px; padding-right:5px; padding-bottom:5px;
}

.bloc_cont1 {
		
	background:#ddd;
	border:0px;
	
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block 
		*/
	vertical-align: text-top;
	overflow:hidden;
	text-align:left;
	/*background-color:#9eb762; */
	
	margin-right:7px; margin-bottom:7px;
	min-width:300px;
	width:44%;
	padding-left:5px; padding-right:5px; padding-bottom:5px;
}
.bloc_cont4 {
		
	background:#ddd;
	border:0px;
	
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block 
		*/
	vertical-align: text-top;
	overflow:hidden;
	text-align:left;
	/*background-color:#9eb762; */
	margin-right:7px; margin-bottom:7px;
	min-width:300px;
	width:90%;
	padding-left:5px; padding-right:5px; padding-bottom:5px;
}


.bloc_cont2 {
		
	background:#ddd;
	border:2px solid #515e33;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block 
		*/
	vertical-align: text-top;
	overflow:visible;
	text-align:justify;
	/*background-color:#9eb762; */
	
	margin-right:7px; margin-bottom:7px;
	width:98%;
	padding-left:5px; padding-right:5px; padding-bottom:10px;
}
.bloc_cont3 {
		
	background:#ddd;
	border:2px solid #515e33;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	

	vertical-align:middle;
	overflow:visible;
	text-align:justify;
	/*background-color:#9eb762; */
	
	margin-right:7px; margin-bottom:7px;
	width:98%;
	padding-left:5px; padding-right:5px; padding-bottom:10px;
}
.bloc_cont_pub {
		
	background:#ddd;
	border:0px solid #515e33;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
	display: inline-block; /* Écrase la valeur précédente si le navigateur comprend inline-block 
		*/
	vertical-align: text-top;
	overflow:visible;
	text-align:justify;
	/*background-color:#9eb762; */
	
	margin-right:7px; margin-bottom:14px; margin-top:0px; margin-left:0px;
	width:98%;
	padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px;
}
/* formulaires + resultats */
form.ajax p{
	margin:5px 0 ;
	text-align:left;
}
form.ajax label{
	font-size:14px;
	font-weight:bold;
	padding:3px; vertical-align: text-top;
}
form.ajax label span{
	font-size:14px;
	color:#777;
}
form.ajax input,  form.ajax select{
	padding:3px;
	border:1px solid #aaa;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	height:28px;
	line-height:22px; margin-bottom:3px; vertical-align: bottom;
	font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: normal; color:#5E7703;
}
form.ajax textarea {
	padding:3px;
	border:1px solid #aaa;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	line-height:22px; margin-bottom:3px;
	font-family: 'din_alternateregular', Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-style: normal; color:#5E7703;
}

form.ajax fieldset {display: inline-block; vertical-align: middle; width:98%;}
#ajax-loader{
	margin:15px auto 0 auto;
	display:block;
}
div.article-result{
	padding:2px 10px 10px 10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
div.article-result p.url{
	color:#777;
}




/* pour carte générale */
#map { width:100%; height:400px; min-height:100%; min-width:85%; margin-left:0px; margin-right:0px; }
/* pour carte générale */
#map1 { width:95%; height:400px; min-height:100%; min-width:85%; margin-left:10px; margin-right:20px; }

/*************************************************************************************************
on implémente les media queries pour screen ici
*/

/* *****************************************************  **************************************   */
/* ***************************************************** gestion responsive **************************************   */
/* Smartphones ----------- */

/* iphone 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    img { max-width: 100%; }
}

@media only screen and (min-device-width : 480px) and (max-device-width : 640px) {
    img { max-width: 100%; }
}

@media only screen and (min-device-width : 640px) and (max-device-width : 768px) {
    img { max-width: 100%; }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    img { max-width: 100%; }
}


@media print {
    img { max-width: 100%; }
}
*/
/* pour image titre */
@media only screen and (min-width : 768px) and (max-width : 1364px) {


#img1 { width:80%; background:url("../images/bandeau_titre2.png") right  ;    
	
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    z-index:1000;
	position:fixed; right:20%; top:0px;
   	 overflow:hidden; height:83px;


}
#img2 { width:100%; background:url("../images/bandeau_titre2.png") center  ;  
	
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.6; /*  CSS3  */
   filter(opacity=60);  /*  Pour IE  */
    z-index:1000;
	position:absolute; top:0px;
   	 overflow:hidden; height:83px;


}
#img1, #img2 {
	
	background-repeat:no-repeat;
	text-align:center;
  	
	
}
/* pour carte générale */
#map { width:100%; height:400px; min-height:100%; min-width:85%; margin-left:0px; margin-right:0px; }
/* pour carte générale */
#map1 { width:95%; height:400px; min-height:100%; min-width:85%; margin-left:10px; margin-right:20px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1364px) {


#img1 { width:75%; 

	/*background:url("../images/bandeau_tab.png") right  ; */    
	background:url("../images/bandeau_titre2.png") right  ;
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    z-index:1000;
	position:fixed; left:10%; top:0px;
   	 overflow:hidden; 


}
#img2 { width:100%; background:url("../images/bandeau_titre2.png") center  ;  
	
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.6; /*  CSS3  */
   filter(opacity=60);  /*  Pour IE  */
    z-index:1000;
	position:absolute; top:0px;
   	 overflow:hidden; 


}
#img1, #img2 {
	
	background-repeat:no-repeat;
	text-align:center;
  	
	
}
/* pour carte générale */
#map { width:100%; height:400px; min-height:100%; min-width:85%; margin-left:0px; margin-right:0px; }
/* pour carte générale */
#map1 { width:95%; height:400px; min-height:100%; min-width:85%; margin-left:10px; margin-right:20px; }
}
@media only screen and (max-width : 767px)   {

.container {
	padding-left: 110px; padding-bottom:20px; padding-top:0px; padding-right:0px;
}

#top {
	background-color: #ddd; border:0px; margin:0px;  padding-bottom:0px; margin-bottom:0px;  margin-bottom:0px; 
	text-align:center;
  	width:100%; 	height:70px; min-height:70px;
	/* padding-left: 110px; height:105px;*/
	/*background:url("../images/bandeau_titre1.png") center  ; 
	background-repeat:no-repeat;
  	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.6; /*  CSS3  */
   /*filter(opacity=80);  /*  Pour IE  */ 

}
.slider { display:none; }


#img1 {
	background:url("../images/bandeau_smart1.png") right  ; 
	background-repeat:no-repeat;
	text-align:center;
  	height:51px; 
	
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    overflow:hidden; 
   -webkit-backface-visibility: hidden; /* Android */
   -webkit-overflow-scrolling: touch; /* IOS */
       width:75%; position:absolute; right:25%; top:0px;
   
}

#img2 { 

	background:url("../images/bandeau_smart1.png") center  ; 
	background-repeat:no-repeat;
	text-align:center;
  	height:51px; 
	
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    overflow:hidden; 
   -webkit-backface-visibility: hidden; /* Android */
   -webkit-overflow-scrolling: touch; /* IOS */
     

	width:90%; position:absolute;  top:10px; left:10%; }

#img_ajax { display:none; }

/* pour carte générale */
#map { width:80%; height:400px; min-height:100%; min-width:85%; margin-left:0px; margin-right:0px; }
/* pour carte générale */
#map1 { width:85%; height:400px; min-height:100%; min-width:85%; margin-left:10px; margin-right:20px; }

}


@media only screen  and (max-device-width : 768px)  {

.container {
	padding-left: 110px; padding-bottom:20px; padding-top:0px; padding-right:0px;
}

#top {
	background-color: #ddd; border:0px; margin:0px;  padding-bottom:0px; margin-bottom:0px;  margin-bottom:0px; 
	text-align:center;
  	width:100%; height:70px; min-height:70px;
	/* padding-left: 110px; height:105px;*/
	/*background:url("../images/bandeau_titre1.png") center  ; 
	background-repeat:no-repeat;
  	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.6; /*  CSS3  */
   /*filter(opacity=80);  /*  Pour IE  */ 

}
.slider { display:none; }


#img1 {
	background:url("../images/bandeau_smart1.png") right  ; 
	background-repeat:no-repeat;
	text-align:center;
  	height:51px;
	/*height:103px; */
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    overflow:hidden; 
   -webkit-backface-visibility: hidden; /* Android */
   -webkit-overflow-scrolling: touch; /* IOS */
     width:75%; position:absolute; right:10%; top:0px;
   
}

#img2 { 

background:url("../images/bandeau_smart1.png") center  ; 
	background-repeat:no-repeat;
	text-align:center;
  	height:51px;
	/*height:103px; */
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	opacity: 0.8; /*  CSS3  */
   filter(opacity=80);  /*  Pour IE  */
    overflow:hidden; 
   -webkit-backface-visibility: hidden; /* Android */
   -webkit-overflow-scrolling: touch; /* IOS */
    
width:90%; position:absolute;  top:10px; left:10%; }


#img_ajax { display:none; }

/* pour carte générale */
#map { width:100%; height:400px; min-height:100%; min-width:85%; margin-left:0px; margin-right:0px; }
/* pour carte générale */
#map1 { width:85%; height:400px; min-height:100%; min-width:85%; margin-left:10px; margin-right:50px; }
}



/* Tablet ----------- */
@media only screen and (min-width : 768px) and (max-width : 1023px) {

}
@media only screen and (min-width : 768px) and (max-device-width : 1023px) {

}