@charset "utf-8";
/* CSS Document */
a:link {
    text-decoration: none;
	color:#FFF;
}

a:visited {
    text-decoration: none;
} 

	.normal
        {
	font-family: Verdana, Geneva, sans-serif;
	color:#600;
	font-size:28px;
	line-height:36px;
	font-style:normal;
}
	.normal_lien
        {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration-line: underline;
	color:#0C0;
	font-weight:bold;
	font-size:34px;
	line-height: 38px;
	margin:5px;
	font-style:italic;
}
	.normal_lien2
        {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration-line: underline;
	color:#FFF;
	font-weight:bold;
	font-size:34px;
	line-height: 38px;
	margin:5px;
	font-style:italic;
}




.transparent:link{color:rgba(255,255,255,0);}
.transparent:visited{color:rgba(255,255,255,0);}
.mois1 {display:inline-block;
font-family: Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:40px;
color:#222;
width:56px;
height:56px;
text-align:center;
background-color:#FFF;
border-color:#000;
border: 4px ridge rgba(211, 220, 50, .6);
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
}
.mois2 {display:inline-block;
font-family: Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:40px;
width:56px;
height:56px;
text-align:center;
color:#222;
background-color:#FC3;
border: 4px ridge rgba(211, 220, 50, .6);
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
}
.mois3 {display:inline-block;
font-family: Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:40px;
width:56px;
height:56px;
text-align:center;
color:#222;
background-color:#0C0;
border: 4px ridge rgba(211, 220, 50, .6);
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:10px;
}
.titre
        {
	font-family: Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-weight:bold;
	text-align:left;
	font-size:36px;
	color:#fff;
	line-height:28px;
	vertical-align:text-top;
		}
.titrebis
        {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:40px;
	color:#000;
	line-height:40px;
	vertical-align:text-top;
	
		}		
.titre3
        {
	font-family: Verdana, Geneva, sans-serif;
	
	text-align:left;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:20px;;
	vertical-align:text-top;
		}
.titre5
        {
	font-family: Verdana, Geneva, sans-serif;
	
	text-align:left;
	font-size:20px;
	color:#0;
	font-weight:bold;
	line-height:36px;;
	vertical-align:text-top;
		}
		.titre6
        {
	font-family: Verdana, Geneva, sans-serif;
	
	text-align:left;
	font-size:30px;
	color:#F00;
	font-weight:bold;
	line-height:36px;;
	vertical-align:text-top;
		}				
.sous-titre
        {font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:30px;
	color:#9A9;
	line-height:2px;;
	vertical-align:text-top;
	}
.sous-titre2
        {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:30px;
	color:#080;
	line-height:32px;;
	vertical-align:text-top;
		}		
.date{
	display:block;
	padding:2px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:26px;
	line-height:24px;
	background-color:rgb(140,130,120);
	border-color:#000;
	 }

	 	 
 				
		
.titre2
        {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:right;
	font-size:40px;
	color:#fff;
	line-height:40px;
	vertical-align:text-top;
		}
		
				
.titreG
        {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:30px;
	color:#fff;
	line-height:0px;;
	text-shadow:gray 3px 3px 2px;
	vertical-align:text-top;
	}		
		

.gros
        {	
	font-family: Verdana, Geneva, sans-serif;
	color: #555;
	font-weight:bold;
	font-size:36px;
	line-height:36px;
	margin:10px;
}

.italic {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color:#080;
	font-style:italic;
	line-height:34px;
	
}

.gras {	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	background-color:rgb(0,128,0,0.3);
	color:rgba(255,255,255,1);
	font-weight:bold;
	line-height: 36px;
	border: 0px solid #080; padding: 5px;  border-radius: 10px;
	}
.gras2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	color:#fff;
	background-color:rgba(255,255,255,0);
	font-weight:bold;
	line-height: 36px;
	text-align:right;
	}
.gras3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	color:rgb(255,255,255);
	font-weight:bold;
	line-height: 36px;
	}	
.gras4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	color:#9A9;
	font-weight:bold;
	line-height: 36px;
	}	
.italic2 {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color:#fff;
	font-style:italic;
	line-height: 24px;
vertical-align:top;
padding-left:5px;
} 	
.rouge {
	font-family: Verdana, Geneva, sans-serif;;
	font-size:28px;
	font-style:italic;
	color:#777;
	line-height:32px;
	text-decoration:none;
	cursor:pointer;
} 

.noir {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color:#000;
	line-height:30px;
	cursor:default;	
}
.noir_commentaire {
	font-family:"Courier New", Courier, monospace;
	font-size: 18px;
	color:#000;
	font-style:italic;
	line-height: 18px;
	cursor:pointer;
	font-weight:bold;
	
} 
.blanc {
	font-size: 18px;
	text-decoration:none;
	color:#000;
	font-style:italic;
	cursor:pointer;
	line-height:18px;
	margin:60px
	
} 
.blanc2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:28px;
	text-decoration:none;
	color:#fff;
	font-style:italic;
	cursor:pointer;
	line-height:32px;
	
} 
.marron {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	text-decoration:none;
	color:#83A9CC;
	line-height:28px;
	
} 
.rouge2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:28px;
	text-decoration:none;
	color:#F00;;
	font-style:italic;
	cursor:default;
	line-height:32px;
	vertical-align:text-top;
}
.rouge3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	text-decoration:none;
	color:#F00;;
	font-style:italic;
	cursor:pointer; 	
	line-height:34px;
	vertical-align:text-top;
}
.vert2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	text-decoration:none;
	color:#0f0;
	font-style:italic;
	cursor:pointer;
	line-height:32px;
	vertical-align:text-top;
}

.jaune2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	text-decoration:none;
	color:#ff0;
	font-style:italic;
	cursor:pointer;
	line-height:32px;
	vertical-align:text-top;
}
.vertG {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	text-decoration:none;
	color:#090;
	font-style:italic;
	cursor:pointer;
	line-height:28px;
	vertical-align:text-top;
}

.petit {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	text-decoration:none;
	color:#fff;
	font-style:italic;
	cursor:pointer;
	line-height:16pt;
	vertical-align:text-top;
}

.droite_image_fleur {
float:right;

	width:480px;
	height:160px;	
background-color:rgba(250,0,0,0);
}
.imagessac {
    display: block;
    float: right;
    text-decoration: none;
    width: 82px;
    height: 82px;
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #fff;
    box-shadow: 5px 5px 5px #333;
}
.fond_blanc {
	float:right;
	padding:10px;
	text-align:right;
	min-width:400px;	
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 32px;
	color:#FFF;
	font-style:normal;
	cursor:pointer;
background-color:rgba(250,200,0);
text-decoration: none;
box-shadow:2px 2px 5px #333;
border-radius:10px;
}
.fond_vert {
	float:right;
	display:inline-block;
	padding:10px;
	min-width:400px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:32px;
	color:#fff;
	font-style:normal;
	cursor:pointer;
background-color:#080;
text-decoration: none;
box-shadow:2px 2px 5px #333;
border-radius:10px;
}
	
#zonedetails {
	position:fixed;
	top:0px;
	left:0px;
	height:50px;
	width:300px;
	overflow:hidden;
	padding:0px;
	margin:0px;

	line-height:16pt;
	font-size:16pt;
	background-color:rgba(102,56,0,1);
	}
	
	
.style-periode{
	display:inline-block;
	font-family: Verdana, Geneva, sans-serif;
	font-size:30px;
	width:60px;
	height:60px;	
	}	
@media screen and (max-width: 1280px)
{


} 
    



#slideshowcadre {	float:left;
	display:inline-block;
	width:864px;
	height:665px;
	background-color:rgba(0,0,0,0);
padding-left:40px;
}
.slideshow {display:block;
    width:800px;
	height:640px;
    border: 1px solid #ccc; background-color: #fff;	
	box-shadow:5px 5px 10px gray;
	padding:10px;
	cursor:default;
	
}



.liste_pages {
	display:inline-block;
		vertical-align:top;
	width:auto;
	height:auto;
	     background-color:rgba(0,0,0,0);
    cursor:default;
   margin-top:0px;
margin-bottom:0px;
	padding:0px;

		}
	
#cadre_bouton{display:inline-block;vertical-align:top;text-align:left;width:auto;height:80px;background-color:#FFF;margin:2px;}
#copyright {display:block;position:absolute;background-color:rgba(200,200,200,0.4);font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:bold;padding:10px;text-align:left;top:765px;width:auto;height:20px;margin:5px;border:solid;border-color:#000;border-width:1px;border-radius: 10px;}
#copyright a:hover{background-color:#F00;color:#FFF;}
#copyright2 {display:block;
position:fixed;
background-color:rgba(255,255,255,0);
font-family: Verdana, Geneva, sans-serif;font-size:22px;font-weight:bold;text-align:left;top:100px;width:auto;height:auto;}
#copyright2 a:hover{background-color:#C00;color:#FFF;}		
.images img {float:left; padding:8px; border: 8px solid #fff; background-color: #fff;
	box-shadow:5px 5px 10px gray;margin-right:15px;margin-bottom:15px;}

.imagesp img { padding: 1px;  background-color: #fff;box-shadow:2px 2px 5px #333;}



.imagegraphique img { padding: 5px;background-color: #fff;box-shadow:2px 2px 5px #333;}

.GPS {
display:inline;
position:absolute;
width:91px;
height:100px;
background:url(../images/Satellite.png);
}	
.legende{
	display:block;
	padding:5px;
	margin-top:5px;
	height:auto;	
	background-color: rgba(200,200,180,1);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #444;	
	font-size:28px;
	line-height:32px;
}
.legende-randos {
  display: block;
  padding: 5px;
  background-color: rgba(200,200,180,1);
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #000;
  font-size: 28px;
  line-height: 32px;
}

.legende2{
	color: #000;
	font-weight:200;	
	font-size:12pt;
	line-height:12pt;


}

.fleches {
display:block;
float:right;
width:80px;
height:80px;
margin-top:6px;
margin-right:10px;	
}
.imagespetales {
	display:block;
float:left;
width:80px;
height:80px;
margin-top:10px;
margin-left:40px;
border:2px solid #fff;box-shadow:5px 5px 5px #333;
	}
.image-taille-papillon {
	display:block;
float:left;
width:220px;
height:160px;
background-color:rgba(119,181,254,1);box-shadow:5px 5px 5px #999;
}
.image-taille-papillon2 {
display:block;
float:left;
width:220px;
height:170px;
background-color:rgba(100,100,100,1);box-shadow:5px 5px 5px #999;	
}
.image-taille-fleur {
	display:block;
	text-align:center;
float:left;
width:220px;
height:180px;
background-color:rgba(0,128,0,0.3);border-radius:20px;
box-shadow:5px 5px 5px #999;
}			
.imagess;ac {
	display:block;
float:right;
text-decoration:none;

width:82px;
height:82px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
border:1px solid #fff;box-shadow:5px 5px 5px #333;
	}	
.imagespapillons {
display:block;
background-color:rgba(150,0,0,1);	
float:left;
width:86px;
height:80px;
margin-top:4px;
margin-right:15px;
margin-left:50px;
margin-bottom:5px;
padding-left:4px;
border-color:rgb(255,255,255);
border:1px solid;
box-shadow:5px 5px 5px #999999;

	}	
.imagespapillons2 {
display:inline-block;
background-color:rgba(150,70,0,0.7);	
width:210px;
height:auto;
margin-top:4px;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
padding-left:4px;
border-color:rgb(255,255,255);
border:1px solid;
box-shadow:5px 5px 5px;

	}			   
body {
	background: linear-gradient(to right, rgba(76,40,0,1) 0%,rgba(214,165,45,1) 34%,rgba(214,165,45,1) 66%,rgba(76,40,0,1) 100%);
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#zonetitre {display:inline-block;
background-color:rgba(0,0,0,0);
	position:fixed;
	top:0px;
	left:0px;
	height:10px;
	width:600px;;
	overflow:hidden;
	padding:0px;
	margin:0px;
border-color:#fff;
border-width:5px;
	line-height:16pt;
	font-size:16pt;
background:rgb(0,0,0);
		 
	}
.headerid {
	padding:0px;
	height:50px;
	width:auto;
	overflow:hidden;
	border-color:#FFF;
	border-width:2px;
background:rgba(0,0,0,0);
}
	
	
#headerid2 {
	top:0px;

	height:96px;
	width:100%;
	padding-right:300px;
	overflow:hidden;
	padding:0px;
	margin:0px;

	}

           #viewerDiv {
                width:820px;
                height:700px;
                background-color:white;
				color:#630;
				font-family: Verdana, Geneva, sans-serif;
				font-size:16px;
				font-weight:bold;

 }
     #viewerDiv2 {
	background-color:white;
	color:#630;
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	position:static;
    width:1200px;
    height:600px;
	margin-right: auto;
	margin-left: auto;			
	margin-right: auto;
	margin-left: auto;
     }
 
 
            #petitecarte {
                width:820px;
                height:700px;
                background-color:white;
				float:left;

 }
 
#map_canvas {width:920px;
             height:735px;
			 font-size:15px;
			 color:#F00;
			 background-color:#000;}


             #route {
				 cursor:default;
		font-size:30px;
		min-width:500px;
	max-width:1200px;
    background-color:#fff;
    display: inline-block;
	text-align:left;
	max-height:1000px;
	color:#000;
	overflow:auto;
	border-color:#777;
	padding-top:0px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	box-shadow:2px 2px 5px #333;
	border-radius:10px;
}
 
 .zone-info     {
	text-align:left;
 	background-color:#fff;
	height:auto;
	width:auto;
	overflow:auto;
	border: 1px solid #ccc; background-color: #fff;;	
	box-shadow:5px 5px 10px gray;
	cursor:default;
	padding:15px;
				}
	 .zone-info2 {
	text-align:left;
 	background-color:#fff;
	height:auto;
	width:auto;
	overflow:auto;
	border: 1px solid #ccc; background-color: #fff;;	
	box-shadow:5px 5px 10px gray;
	cursor:default;
	padding:15px;
	}			
    #droite {
	text-align:left;

    background-color:#FFB;
    display: block;
	height:auto;
	min-height:800px;
	overflow:hidden;
	margin-bottom:5px;
	cursor:default;
	padding-top:10px;	
    border-color:#000;
	border-style:solid;
	border-width:1px;
}
    #droite_recherche1 {
	text-align:left;
    background-color:#FFB;
    display: block;
	height:auto;
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
	cursor:default;
	padding-top:10px;	
    border-color:#000;
	border-style:solid;
	border-width:1px;
}
    #droite_recherche2 {
	text-align:left;
    background-color:rgb(157,170,72);
    display: block;
	height:auto;
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
	cursor:default;
	padding-top:10px;	
    border-color:#000;
	border-style:solid;
	border-width:1px;
}
    #droite_recherche3 {
	text-align:left;
    background-color:rgb(107,120,22);
    display: block;
	height:auto;
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
	cursor:default;
	padding-top:10px;	
    border-color:#000;
	border-style:solid;
	border-width:1px;
}				
.presentation {
	             
   	display: inline-block;
	vertical-align:top;
	text-align:left;
	min-width:500px;
	max-width:1200px;
	overflow:auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:30px;
	line-height:38px;
	color:#fff;
    margin-top:6px;
	background-color:rgba(113,104,94,1);
	cursor:default;
	border-color:#777;
	padding:5px;
	box-shadow:2px 2px 5px #333;
	border-radius:10px;
	}
.lien_PDF {
	cursor:pointer;          
   	display: inline-block;
	vertical-align:top;
	text-align:center;
	min-width:500px;
	max-width:1200px;
	overflow:auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:30px;
	font-weight:bold;
	line-height:38px;
	color:#f00;
    margin-top:6px;
	background-color:rgba(255,255,255,1);
	border-color:#777;
	padding:5px;
	box-shadow:2px 2px 5px #333;
	border-radius:10px;
	}
.difficulte {
	             
   	display: inline-block;
	vertical-align:top;
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
	min-width:500px;
	max-width:1200px;
	overflow:auto;
	padding:5px;
	font-size:30px;
	line-height:38px;
	color:#fff;
    margin-top:6px;
	background-color:rgba(150,0,0,1);
	border-color:#777;
	padding:5px;
	box-shadow:2px 2px 5px #333;
	border-radius:10px;
	}
	.descriptif {
	             
   	display: block;
	vertical-align:top;
	text-align:left;
	min-width:500px;
	max-width:1200px;
	overflow:auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:30px;
	line-height:38px;
	color:#fff;
    margin-top:6px;
	background-color:rgba(113,104,94,1);
	cursor:default;
	border-color:#777;
	padding:5px;
	box-shadow:2px 2px 5px #333;
	border-radius:10px;
	}	
					
#droitefleur {
background-color: #FFC;
display:inline-block;
vertical-align:top;
text-align:left;
height: auto;
width: 800px;
max-width: 100%;
overflow: visible;
border-color: black;
border-style: solid;
border-width: 1px;
margin-top: 3px;
margin-right: 5px;
margin-bottom:2px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:0px;
 }


#droitefleurbis {
background-color: #FFC;
color:#FFF;	
display:inline-block;
text-align:center;
height: auto;
width: 790px;
margin-bottom:20px;
margin-top:0px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
 }
#F_waypoint {
	cursor:pointer;
	position:fixed;
	height:auto;
	width: 860px;
	left:50px;
	top:110px;
background-color:rgba(255,200,200,0.7);
	box-shadow:15px 15px 15px rgba(0,0,0,0.5);
	border-radius:5px;
	border-color: #000;
	border-style: solid;
	padding:5px;
	z-index:1;
	} 
#avertissement {
	cursor:pointer;
	position:fixed;
	height: auto;
	width: auto;
background-color:rgba(255,255,255,0.8);
	box-shadow:10px 10px 10px gray;
	border-radius:10px;
	border-color: #000;
	border-style: solid;
	padding:10px;
	z-index:1000;
	} 
#glossaire {
	cursor:pointer;
	position:absolute;
	margin-left:50px;
	margin-right:50px;	
	height: auto;
	width: 700px;
	background-color:rgba(255,255,255,0.95);
	box-shadow:10px 10px 10px gray;
	border-radius:10px;
	border-color: #000;
	border-style: solid;
	padding:10px;
	z-index:1000;
	}
				
#droitephotos {
vertical-align:top;	
background-color: rgba(0,0,0,0);
display: inline-block;
min-height: 800px;
height: auto;
width:820px;
overflow: auto;
margin:2px;
}
#droitephotosrandos{
vertical-align:top;	
background-color: rgba(0,0,0,0);
display: inline-block;
min-height: 800px;
height: auto;
width:960px;
overflow: auto;
margin:2px;
}

#droiterandos {
vertical-align:top;
background-color: rgba(0,0,0,0);
display:inline-block;
height: auto;
max-width:920px;
margin:2px;
padding:10px;
} 
.descriptif {

} 

 			
             #gauche {
				text-align:center;
                background-color:#FFC;
    			display: block;
				height:auto;
				width:auto;
				overflow:auto;
				margin-top:0px;
				margin-bottom:5px;
				cursor:default;
				padding:5px; }	
             #droiteindex {
				
                background-color:#FFC;
    			display: block;
				height:670px;
				width:auto;
				overflow:auto;
				margin-left:10px;
				margin-top:5px;
				margin-bottom:5px;
				cursor:default;
				padding:5px; }							
 
  
#zonecentrale {
	position: absolute;
	text-align: center;
	top: 54px; /*Set top value to HeightOfFrameDiv*/
	left: 2px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,0.5);
	padding-left: 2px;
	padding-right: 2px;
	overflow: auto;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
		}
	#zonecentraleFP {
	position: absolute;
	text-align: center;
	top: 152px; /*Set top value to HeightOfFrameDiv*/
	left: 0px;
	
	text-align: center;
	left: 2px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255,255,255,0.5);
	padding-left: 2px;
	padding-right: 2px;
	overflow: auto;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
		}	
			
#zonecentrale2 {
	position:absolute;
	text-align:center;
	top:0px; /*Set top value to HeightOfFrameDiv*/
	bottom: 0px;
	width:100%;
	height:auto;
	background-color: rgba(255,255,255,0.5);
    padding-left:0px;
	padding-right:0px;
	margin-top:0px;

		}
#bandeverte {	
	height:auto;
	width:auto;
	overflow:auto;
	background-color: rgba(0,75,0,0.5);
	margin-top:5px;
	margin-bottom:1px;
	padding-left:1px;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	padding:2px;
}
.bandejaune {
height:95px;
	width:auto;
	overflow:hidden;
	background-color: rgba(60,60,60,0.5);
	margin-top:5px;
	margin-bottom:1px;
	padding-left:1px;
    border-color:#000;
	border-style:solid;
	border-width:1px;	
		}		
#bandegrise{
	height:95px;
	width:auto;
	overflow:hidden;
	background-color:rgba(0,75,0,0.5);
	margin-top:5px;
	margin-bottom:1px;
	padding-left:1px;
    border-color:#000;
	border-style:solid;
	border-width:1px;
	padding:2px;	
		}
	
#bandegrise2{
	height:45px;
	width:auto;
	overflow:hidden;
	background-color: rgba(60,60,60,0.5);
	margin-top:2px;
	padding-top:5px;
	padding-left:5px;
			border-color:#000;
	border-style:solid;
	border-width:1px;
		}		
#bandetitre{
	display:block;
	float:left;
	height:95px;
	width:auto;
	padding-right:10px;
	overflow:hidden;
	background: #fff;
	padding-top:2px;
	background-color: rgba(0,0,0,0);	
}
#bandetitreR{
	display:block;
	float:left;
	height:90px;
	width:600px;
	overflow:hidden;
	background: #fff;
	background-color: rgba(0,0,0,0);
	line-height:30px;
	padding:2px;
}
		
#cadrep {
	display:inline-block;
	width:920px;
	height:auto;
	padding: 5px; 
	border: 1px solid #ccc; 
	background-color: #fff;
	box-shadow:5px 5px 10px gray;
	margin-bottom:5px;
	margin-left:0px;
	margin-top:5px;
	text-align:center;	
}	
.dialogue {
display:block;
text-align:left;
	width: 800px;
	overflow: hidden;
	background-color: #776A5E;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-width: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #b77;
	box-shadow:5px 5px 10px gray;
	border-radius:10px;
		}

    #cadregoogle {position:static;
    width:98%;
    height:100%;
	border-color:#fff;
	border:thin;
	padding: 5px; border: 1px solid #ccc; background-color: #fff;
	box-shadow:5px 5px 10px gray;
	margin-bottom:30px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;	
}		
 .cadreimage {
	display:inline-block;
	width:auto;
	height:auto;
	padding:5px;
 	background-color: #fff;box-shadow:2px 2px 5px #333;
	margin-right:10px;margin-bottom:10px;
	margin-left:0px;
}
 .cadreimage2 {
	display:inline-block;
	width:auto;
    height:auto;
	padding:5px;
 background-color: rgba(0,0,0,0.2);box-shadow:2px 2px 5px #333;
margin-right:10px;margin-bottom:10px;
	margin:10px;
		box-shadow:5px 5px 20px gray;
	 
}

 #cadreliste {position:relative;
    width:95%;
    height:auto;
	float:left;
	border-color:#000;
	border:thin;
	background-color:transparent;
	padding: 5px; border: 1px solid #ccc;
	margin-bottom:20px;
	margin-right:10px;
}	

   



		
#sacadosV {
	position: absolute;
	background-repeat:no-repeat;
	top:170px;
	left:800px;
	width:180px;
	height:60px;
	background-color: rgba(255,255,255,0);
    background-position:3px 3px;
	padding-left:70px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-size:60px;
	background-image: url(../images/sacadosV.svg);
		}
#sacadosJ {
	position: absolute;
	background-repeat:no-repeat;
	top:260px;
	left:800px;
	width:180px;
	height:60px;
	background-color: rgba(255,255,255,0);
    background-position:3px 3px;
	padding-left:70px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-size:60px;
	background-image: url(../images/sacadosJ.svg);
		}								
#sacadosR {
	position: absolute;
	background-repeat:no-repeat;
	top:350px;
	left:800px;
	width:180px;
	height:60px;
	background-color: rgba(255,255,255,0);
    background-position:3px 3px;
	padding-left:70px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-size:60px;
	background-image: url(../images/sacadosR.svg);
		}		
.bordure
        {border:1px solid #222;
		}
.bordure2
        {border:1px solid #aaa;
		background-color: rgba(250,250,250,1);
		padding:10px;
		cursor:pointer;
		}		

.bordure3
        {
		padding:4px;
		padding-bottom:70px;
		margin:4px;
		background-color: rgba(255,255,255,1);
		box-shadow:5px 5px 7px gray;		
		}

.Tableau2 span {
	display:inline;
	float:right;
	margin:2px;
	padding:2px;
	color: #944;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	font-size:18px;
	
  }
.Tableau3 span {
	margin:2px;
	padding:6px;
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	font-size:18px;
	
  }
  .Tableau span{
display:block;

	margin:0px;
	padding:2px;
	color: #944;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	font-size:32px;
	line-height:32px
	
  }

  .Tableau span.col6 {width:278px;height:30px; background-color: rgba(250,250,250,1);	border-radius:5px;
	box-shadow:5px 5px 10px gray}
	.Tableau span.col1 {
	width:80px;
	height:80px;
	background-color: rgba(250,250,250,1);
	font-size:40px;
	font-weight:bold;
	color:#F00;
text-align:right;
line-height:40px;
}
	.Tableau span.col1randos {
	width:80px;
	height:80px;
	background-color: rgba(250,250,250,1);
	font-size:20pt;
	font-weight:bold;
	color:#F00;
text-align:right;
line-height: 20pt;
}	
	
	.Tableau span.col2randos {
		font-variant: small-caps;	
	width:854px;
	height:80px;
	background-color: rgba(250,250,250,1);
	font-size:34px;
	font-weight:bold;
	color:#733;
text-align:left;
line-height: 38px;
}
	.Tableau span.col3randos {
	width:140px;
	height:80px;
	background-color: rgba(250,250,250,1);
	font-size:28px;
	font-weight:bold;
	color:#733;
text-align:right;
line-height: 44pt;
}
	.Tableau span.col4randos {
	font-variant: small-caps;	
	width:653px;
	height:112px;
	text-align:center;
	background-color: rgba(250,250,250,0.8);
	font-size:35px;
	font-weight:bold;
	line-height:45px;
	color:rgb(140,130,120);
		box-shadow:5px 5px 20px gray;
	}
		.colmois {	
	width:auto;
	height:auto;
	margin-top:20px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-variant: small-caps;
	 font-weight:bold;
	color:#fff;
	text-align:center;
	background-color: rgb(140,130,120);
	font-size:35px;
	margin:50px;
	line-height:20px;
	box-shadow:5px 5px 20px gray;
	  border-radius: 10px;

	}
	.Tableau span.col4index {
	width:653px;
	height:112px;
	text-align:center;
	background-color: rgba(250,250,250,0.8);
	font-size:34px;
	font-weight:bold;
	line-height:45px;
	color:#733;}	
	
	.Tableau span.col5randos {
	width:150px;
	height:112px;
	background-color: rgba(250,250,250,0.8);
	font-weight:bold;
	color:#733;

text-align:center;
}
	.Tableau span.colindex {
	width:200px;
	height:150px;
	background-color: rgba(250,250,250,0.8);
	font-weight:bold;
	color:#733;

text-align:center;
}
	.Tableau span.colindex2 {
	width:600px;
	height:150px;
	background-color: rgba(250,250,250,0.8);
		font-variant: small-caps;
	font-weight:bold;
	font-size:35px;
	line-height:44px;
	color:#733;

text-align:center;
}
.Tableau span.col2 {width:550px;height:80px; background-color: rgba(250,250,250,1);}
.Tableau span.col3 {width:100px;height:80px; background-color: rgba(250,250,250,1);}
.Tableau span.col4 {width:80px;height:80px; background-color: rgba(255,255,255,1);}
.Tableau span.col5 {width:80px;height:80px; background-color: rgba(255,255,255,1);}

.Tableau span.col7 {width:200px;height:30px; background-color: rgba(250,250,250,1);}
.Tableau span.col8 {width:80px;height:80px; background-color: rgba(255,255,255,1);}
.Tableau span.col22 {width:550px;height:60px; background-color: rgba(250,250,100,1);}
.Tableau span.col22randos {width:1000px;height:60px; background-color: rgba(250,250,100,1)}
.Tableau span.col44 {width:80px;height:60px; background-color: rgba(250,250,100,1);text-align:center;}
.Tableau span.col55 {width:80px;height:80px; background-color: rgba(250,250,100,1);text-align:center;}
.Tableau span.col33 {width:100px;height:30px; background-color: rgba(250,250,100,1)}
.Tableau span.col66 {width:170px;height:30px; background-color: rgba(250,250,100,1)}
.Tableau span.col11 {
	width:50px;
	height:50px;
	background-color: rgba(250,250,100,1);
	border:none;
	
text-align:center;
}
.Tableau span.col21 {
	width:80px;
	height:50px;
	background-color: rgba(250,250,100,1);
text-align:center;}
.Tableau span.col100 {
	width:60px;
	height:60px;
	background-color: rgba(250,250,250,0);
text-align:center;}
.Tableau span.col101 {
	width:140px;
	height:60px;
	background-color: rgba(250,250,250,0);
	text-align:center;
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
	font-size:12pt;
	line-height: 12pt;
	padding:0px;
	margin:0px}
.tab_vignette {
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	text-decoration:none;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:24px;
	color: #000;
	left:0px;
	width:200px;
	height:210px;
	padding:4px;
	background-color:rgba(255,255,255,0.4);
	box-shadow:5px 5px 7px gray;
	margin-left:14px;
	margin-bottom:6px;}
.tab_vignette:hover {
	background-color: rgba(0,75,0,0.8);
	color:#FFF;
	overflow:visible;
	}


.legende_vignette{
display:inline-block;
vertical-align:top;
"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:center;
width:260px; 
font-size:28px;
line-height:32px;
color: #600;
font-style:italic;
	}

	
	


#zonelexique {
	display:block;
	top:900px;
	width:800px;
	height:auto;
	top: 600px; /*Set top value to HeightOfFrameDiv*/
	bottom: 22px;
	background-color: rgba(255,255,255,1);
	padding:5px;
	border-bottom:1px solid #944;
	border-top:1px solid #944;
	border-left:1px solid #944;
	border-right:1px solid #944;
	margin-left:10px;
	margin-top:5px;

	box-shadow:5px 5px 20px gray;
		}
.L_titre {
	font-family:Verdana, Geneva, sans-serif;
	color: #944;
	font-size:28px;
	font-weight:bold;
	line-height: normal;
	text-shadow:#666 3px 3px 3px;
		   }
.L_gras {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	line-height: normal;
	color: #944;
		   }
.L_normal {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height: normal;
	color: #944;
		   }	
		   
.zoneformulaire {

	display: inline-block;
	font-family:Verdana, Geneva, sans-serif;
	color: #F66;
	font-size:16px;
	width:800px;
	height:auto;
	background-color: rgba(255,230,0,1);
	padding:5px;
	border-bottom:1px solid #944;
	border-top:1px solid #944;
	border-left:1px solid #944;
	border-right:1px solid #944;
	border-color:#F00;
	margin-left:10px;
	margin-top:5px;
	box-shadow:5px 5px 20px gray;
		}		   	   		
.zoneformulaire2 {

	display:inline-block;
	width:800px;
	height:auto;
	background-color: rgba(240,230,210,0);
	padding:5px;

	margin-left:10px;
	margin-top:5px;
	box-shadow:5px 5px 20px gray;
		}
.zoneformulaire3 {

	display:inline-block;
	width:800px;
	height:300px;
	background-color: rgba(240,230,210,0);
	padding:5px;

	margin-left:10px;
	margin-top:5px;
	box-shadow:5px 5px 20px gray;
		}	
.annee {
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	font-size:35px;
	line-height:40px;
	width:50px;height:40px;
	}
      .imageSVG {
		  display:block;
		  margin:auto;
    max-width:940px;
    height:auto;
	padding:5px;  
	background-color: #fff;
	box-shadow:5px 5px 10px gray;
  }  
      .imageCARTE {
    width:auto;
    height:auto;
	margin:5px;
	padding:5px;  background-color: #fff;
	box-shadow:5px 5px 10px gray;
  }
        .imageCARTEPDF {
    width:960px;
    height:960px;
	margin:auto;
	
	padding:5px;  background-color: #fff;
	box-shadow:5px 5px 10px gray;
  } 
      #donneesRC {	
	display:inline-block;
	position:relative;
	height:auto;
	overflow:hidden;
	width:915px;
	background-color:rgba(113,104,94,1);
    text-align: center;
	padding:2px;
}
    #donneesGPS {
	height:auto;
	width:auto;
	overflow: hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:24px;
	background-color: rgba(255,255,255,0);
	padding:0px;
	margin:0px;
	margin-top:5px;

     }