.carto
{
display:table;
width:90%;
height:500px;

}
#map
{display: table-cell;
   border: 1px solid black;
   width:60%;
   height:500px;
  
   
}
#legend{
    
    display: table-cell;
    width:40%;
    vertical-align: top;
    
    padding-top:10px;
   
}
.row {display: table-row;
      width:100%;
        height:500px;}

.olPopup 
{
min-height:400px;
}

.olFramedCloudPopupContent
{
min-height:400px;
}


.fisher_story{
font-size: 11px;
padding:30px;
margin-right:20px;
margin-top:-20px;
width:100%;
background-color:#fff;
border-style:solid;
border-color:#000;
border-width: 1px;

float:left;
min-height:600px;
}

.fisher_story h3 {
  position: relative;
  top:-60px;
  background: #fff;
  left:10px;
  
}

.question
{
opacity:1;
	float:left;
	clear:right;
        
	display:block;
	max-width:450px;
	width:auto;
	padding:10px 15px;
	margin:0px 5px 20px -25px;
        right:20px;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
	font-size:16px;
	text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
	border: #838fa7 1px solid;
	border-radius:15px;
	background: rgba(114,198,40,0.9);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.5) 0%, rgba(255, 255, 255, 0.2) 20,rgba(255, 255, 255, 0.1) 80%, rgba(0,0,0,0.1) 100%);
	box-shadow: rgba(0,0,0,0.5) 0px 1px 3px;    
        
}

.reponse
{position:relative;
	float:right;
	clear:left;
	/*background-color: rgba(96,186,226,0.9);*/
	background-color: rgba(204,204,204,0.9);
	display: block;
	left:10px;
	/*background-color: rgba(96,186,226,0.9);*/
	background-color: rgba(204,204,204,0.9) !important;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 3px 4px;
	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 20%, rgba(255,255,255, 0.5) 80%);
	border-radius:15px;
	-webkit-border-bottom-right-radius: 0px !important;
        font-family: Myriad Pro, Verdana, Geneva, sans-serif;
	font-size:12 px;
        padding:5px;
        text-align:justify;
}

.who
{
   font-size: 14px;
font-weight: bold; 
}

.complements{
font-size: 11px;
padding:10px;
margin:20px;
width:100%;

background-color:#ddd;
border-style:solid;
border-color:#000;
border-width: 1px;
width:200px;
float:right
}


.zoom{
    
}

@font-face {
	font-family:'Glyphicons Halflings';
	src:url(../fonts/glyphicons-halflings-regular.eot);
	src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}


#tableau2col{
    display:table;
    width:90%;
  
}
#tableau2col TH 
{
    height:20px;
        border-width: 1px;
     border-style:dotted;
 border-color:black;
 text-decoration:underline;
 background-color:#ccc;
}
.cell
{
   width:50%; 
   display:table-cell;
     border-width: 1px;
     border-style:dotted;
 border-color:black;
}
.titregear{

color:#f00;

font-size: 12pt;
}

.titreobjectives {
margin-bottom: 10px; 
margin-left: 10px;
margin-right: 20px;
padding:5px;
text-align:center;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
color:#fff;
border-bottom:1px solid black; 
width: 90%;
background:#1c4176;

}

.paraobj {
margin-top: 10px; 
margin-bottom: 10px; 
margin-left: 10px;
margin-right: 20px;
padding:5px;
text-align:justify;
font-family: Arial;
font-size: 11pt;
border-bottom:1px solid black; 
width: 90%;

background:#dbf4fd;

}

.zoom img{
    width:15px;
    border-style:solid;
    border-width:1px;
     /* image à l'échelle 1 au départ */
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   /* propriétés de transition */
   -moz-transition:all 1s ease;
   -webkit-transition:all 1s ease;
   -o-transition:all 1s ease;
   transition:all 1s ease;
}

.zoom img:hover{
    border-width:0px;
    z-index:99;
    -moz-transform: scale(40);
  -moz-transition-property: -moz-transform; // nom de la propriété sur laquelle on applique une transition
 -moz- transition-duration:2s; //durée de la transition
 -o-transform: scale(40); /* Opera */
-webkit-transform: scale(40); /* Safari And Chrome */
transform: scale(40); /* Standard Property */
}


.aplancliquable{
display:block;
width:100%;
height:100%;
vertical-align: middle;
text-align:center;
 font-size: 13px;
}

.aplancliquable:hover { 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #385273 ; text-decoration: underline;

}



.images_sp_g{
margin-bottom:10px;
margin-top:10px;
margin-left:0px;
margin-right:10px;
float: left;
 width:350px;
}

.images_sp{
margin-bottom:10px;
margin-top:10px;
margin-left:20px;
margin-right:-30px;
float: right;
  width:350px;
}




.tab_plan{
padding:0px;
border-style:solid;
border-color:#000;
border-width: 0px;

border-radius: 10px;
display: table-cell;
vertical-align: middle;
text-align:center;
background-color: white;
}

.tab_plan tr{
 height:50px;
}


.tab_plan td{
width:350px;
height:80px;
padding:10px;
    border-style:solid;
border-color:#000;
border-width: 1px;

border-radius: 10px;
display: table-cell;
vertical-align: middle;
text-align:center;
background-color: white;

/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);

/* rounded corners */
-webkit-border-radius: 12px;
-moz-border-radius: 7px;
border-radius: 7px;

/* gradients */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5));

background: -moz-linear-gradient(left, white 0%,#D7E9F5 55%, #D7E9F5 110%);
-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;

	-webkit-box-shadow: 0 0 7px rgba(0,0,0, 0.8);
	-moz-box-shadow: 0 0 7px rgba(0,0,0, 0.8);
	box-shadow: 0 0 7px rgba(0,0,0, 0.8);
}
.soustitreaim{
margin-bottom: 10px;
font-family: Arial;
font-size: 20pt;
border-bottom:2px solid black;
border-right:2px solid black;
width: 90%;

margin-left: -20px;
padding-left:10px;
color:#fff;
background-color: #5f84c0;
background-position: 5px 30%;
background-repeat: no-repeat;
}

.titrepara2gear {
margin-top: 10px;
margin-bottom: 0px;
margin-left: -20px;
margin-right: 0px;
font-family: Arial;
font-size: 30pt;
font-weight: bold;
border-bottom:2px solid black;
border-right:2px solid black;
width: 90%;

color:#fff;
background-color: #009dca;
background-image: url("../images/target.png");
background-position: 5px 30%;
background-repeat: no-repeat;
padding-left: 40px;
}

.titrepara2 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: -20px;
margin-right: 0px;
font-family: Arial;
font-size: 30pt;
font-weight: bold;
border-bottom:2px solid black;
border-right:2px solid black;
width: 90%;

color:#fff;
background-color: #009dca;
background-image: url("../images/target.png");
background-position: 5px 30%;
background-repeat: no-repeat;
padding-left: 40px;
}

.sous_titre{
text-align:right;
font-weight: italic;
font-family: arial;
padding-bottom: 20px;
margin-top: -15px;
padding-left:50px;
font-size: 20pt;
width: 100%;
}

.img_graph
{
    max-width:100%;
    width:90%;
}
.emb_carto
{
    width:100%;
    height:750px;
    border:0px;
z-index:9999;
  overflow:hidden;
  padding:0px;
  background-color:#FFFFFF;
}

#volet {
			width: 650px;
                        height: 750px;
			padding: 10px;
			background: #6B9A49; color: #fff;	
                        z-index:999;
                        
                        
		}
		
		#volet a.ouvrir,
		#volet a.fermer {
                    display:block;
			padding: 10px 25px;
			background: #755;
			color: #fff;
			text-decoration: none;
                        -webkit-transition: all .5s ease-in;
			-moz-transition: all .5s ease-in;
			transition: all .5s ease-in;
                        z-index:999;
		}

		#volet {
			position:fixed;
			right: -650px;  /* test fixed + scroll, on retire la position top */
                        
			-webkit-transition: all .5s ease-in;
			-moz-transition: all .5s ease-in;
			transition: all .5s ease-in;
                        z-index:999;
		}
		#volet a.ouvrir,
		#volet a.fermer {
			position: absolute;
			left: -110px;
			top: 62px;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-moz-radius: 0 0 8px 8px;
			border-radius: 0 0 8px 8px;
                        z-index:999;
		}
		#volet a.fermer {
			display: none;
		}
		#volet:target {
			right: 0px;
		}

		/* code pour la fermeture */

		#volet:target a.fermer {
			display: block;
		}
		#volet:target a.ouvrir {
			display: block;
		}
		#volet_clos:target #volet {
                    z-index:999;
			right:  -650px;
                        top: 10px;
		}
		
		 /* test fixed + scroll */
		#volet_clos {
                    z-index:999;
			position: fixed; 
			top: 10px; right: 0px;
		}                                                                                       

                
body {
/* background-image:url(../images/atlas_icon.png); */
 background-repeat:no-repeat;
 background-attachment:fixed; padding:0px; 
 height: auto;
 overflow: auto
}

.citation{
font-family: Arial;
font-size: 8pt;
margin:10pt;
text-decoration:italic;
}

.tit_validation{

font-family: Arial;
font-size: 10pt;
margin:0pt;
text-decoration:underline;
}

.tabdonnee_fiche{
width:600px;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
margin:0pt;
text-align:center;
background-color:#FFFF99;
border-style:solid;
border-color:#000000;
border-width: 1px;
border-collapse:collapse
}

.ferme{
    display:none;
    background-color:#fff;
    text-align:left;
}
.validation{
font-family: Arial;
font-size: 10pt;
margin:10pt;
padding:20pt;
text-align:justify;
background-color:#f79d3e;
border-style:solid;
border-color:#000000;
border-width: 1px;
}

.new_fiche{
font-family: Arial;
font-size: 10pt;
margin:10pt;
padding:20pt;
text-align:justify;
background-color:#fff;
border-style:solid;
border-color:#000000;
color:#f00;
border:0px solid black;
border-left-width: 1px;
border-left-style: dashed ;
}
.explication{

font-size: 10pt;
font-style: italic;
border-width: 1px;
border-style:solid;
border-color:#000000;
margin:0pt;
padding:5pt;
background-color:#fff;

}



.video_com{
font-family: Arial;
font-size: 10pt;
font-style: italic;
margin:0pt;
text-align:justify;
background-color:#000;
color:#FFF;
width: 40%;
width:400px;
}

.video{
width:400px;
height:300px;

}

.cocher_trans{
font-family: Arial;
font-size: 10pt;
border-left-style:solid;
border-left-color:#000000;
border-left-width: 1px;
}

.tabdonnee_fiche TH{
background-color:#FFCC99;
}

.obj_class_donnee{

/*min-width:650px;*/
vertical-align:top;
font-family: Arial;
font-size: 10pt;
margin:10pt;
text-align:center;
border-collapse:collapse;
padding:-10pt;
}

.obj_class_donnee_new{
width:100%;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
margin:0pt;
text-align:center;
border-collapse:collapse;
border-width:0px;
padding:0pt;
overflow: hidden;
}



.appli{
width:100%;
vertical-align:top;
font-family: Arial;
font-size: 10pt;
margin:0pt;
text-align:center;
border-collapse:collapse;
border-width:0px;
padding:0pt;
overflow: hidden;
}



.tabdonnee_fiche TD{
border-style:dotted;
border-color:#000000;
border-width: 1px;

}

.tabdonnee_fiche TD{
border-style:dotted;
border-color:#000000;
border-width: 1px;

}

.entete_ligne{
background-color:#4181bd;
  font-weight: bold;
  color:#fff;
}


.lignes0{
background-color:#fff;
}

.lignes1{
background-color:#d3dfee;
}



.infosupp{
font-size: 8pt;
font-weight: italic;
}




.titrepetit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10; 
 border-width:1px;
  border-style:solid;
  font-weight: bold;
  background-color: #EDECB6;
  text-align:center;
margin-top: 10px; 
margin-bottom: 10px; 
padding: 2px;
  }
  
.para {
margin: 10px;
text-align: justify;
font-family: Arial;
font-size: 10pt;

}
.paragraphe {
margin: 3px;
text-align: justify;


}

.tabdonnee{
vertical-align:top;
font-family: Arial;
font-size: 10pt;
margin:0pt;
width:100%;
border-style:solid;
border-color:#000000;
border-width: 1px;
}
.tabdonnee TH{
background-color:#FFCC99;
}

.carte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 border-width:1px;
  border-style:solid;
  padding:10px;
  }
.cartepetit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 
 border-width:1px;
  border-style:solid;
  padding-left:10px;
  }
/* ? modif texte*/
.formulaire {
margin-left: 10px;
margin-right: 10px;
font-family: Arial;
font-size: 8pt;
text-align:justify;
width: 390px;
}
/* Que des $navigue ???*/
#navigue {
font-family: Arial;
font-size: 8pt;
border-width:1px;
border-style:solid;
border-color:black;
text-align:justify;
margin-top: 5px;
margin-left: 10px;
margin-right: 20px;
height: 48px; 
width: 600px;
}
/* Rien*/
#menufiche {
text-align: center;
margin-left: 4px;
position: absolute; 
top: 20px; 
left: 100px; 
width: 200px;
}

/*PAGE PRINCIPALE*/

/*positionneement*/
#contenantst {
padding: 20px;
position: absolute; 
top: 10px; 
left: 210px; 
width:70%;
/*min-width: 480px;*/
border-left:1px solid black; 
border-top:1px solid black; 

}

.cel1{
font-family: Arial;
font-size: 8pt;
}


/* MODE MODIFICATION */

/* Titre niveau 1 */
.titre_modif {
border-style:solid;
border-color:#dddddd;
border-width: 1px;
margin:5pt;
padding: 1px;
background-color: #ffff6b;
}


/* Titre niveau 2 Encadr�s */
.encadre_modif
{
background-color: #d3e4e3;
border-style:solid;
border-color:#000000;
border-width: 1px;
font-weight: bold;
padding: 1px;
font-family: Arial;
font-size: 8pt;

}

.reference
{
font-weight: italic;
font-family: Arial;
font-size: 8pt;
  text-align:right;
}

.aff_don
{
background-color: #d3e4e3;
border-style:solid;
border-color:#000000;
border-width: 1px;
margin:0pt;
}

/*Encadr�s verts*/
.modifications {
font-family: Arial;
font-size: 8pt;
background-color:#ccffcc;
border:1px solid black; 
width: 450;
}


/* Titre paragraphe */
#titrepara_modif {
font-family: Arial;
font-size: 8pt;
font-weight: bold;
width: 250;
}


/* MENU */
/* Cadre menu*/

/* Cadre titre menu*/
.carte2_titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 border-width:1px;
  border-style:solid;
  font-weight: bold;
  background-color: #EDECB6;
  text-align:center;
  }
/* Texte du menu*/
#menu_texte {
text-align: right;
margin-left: 4px;
position: absolute; 
top: 10px; 
left: 0px; 
width: 195;
}

.menuniv1 {
border-style:solid;
border-color:#dddddd;
border-width: 1px;
margin:5pt;
padding: 1px;
background-color: #ffffff;
}

.menuniv2 {
background-color: #0e5f6d;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
margin:5pt;
padding: 1px;
}

.menuniv3 {
background-color: #58c8e8;
padding: 1px;
margin:5pt;
text-align:right;
}

.menuniv_liste {
background-color: #65cdf6;
padding: 1px;
margin:5pt;
text-align:center;
}


/* FICHE */

/* Cadre du titre */
#titrefiche {
margin-top: 10px; 
padding: 10px; 
margin-bottom: 10px;
min-width: 150px;
border:0px solid black;
float: left;
}
/*Titre fiche thematique*/
#nomfr {
text-indent: 20px;
margin-top: 10px;
font-family: Arial;
font-size: 16pt;
}

.theme {
font-size: 12pt;
font-weight: bold;
}
/*Sous titre fiche thematique*/
#nomtaxo {
font-style:italic;
text-indent: 20px;
margin-bottom: 10px;
font-family: Arial;
font-size: 12pt;
}

/* Titre des parties des fiches*/
.titrepara {
margin-top: 10px; 
margin-bottom: 10px; 
margin-left: 10px;
margin-right: 20px;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
border-bottom:1px solid black; 
width: 70%;

}

/* Paragraphe encadr�s verts gris*/
.paragris {

padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px; 
background : #fff;
text-align: justify;
font-size: 10pt;
width: 90%;
border:0px solid black;
border-right-width: 1px;
border-right-style: dashed ;

}

.biblio {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px;

text-align: justify;
font-family: Arial;
font-size: 10pt;
width: 750px;
border:1px solid black;
}

.parametres_bio {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin:20px;
text-align: justify;
font-family: Arial;
font-size: 8pt;
width:350px;
border-width: 1px ;
border-left-style: solid ;
border-top-style: solid ;
border-color: #000 ;
display:block;
float:right;
}

.stock {

padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px; 
background : #dddddd;
text-align: justify;
font-family: Arial;
font-size: 9pt;
width: 30%;
border:1px solid black; 
}
/* Paragraphe encadr�s verts gris petit*/
.parademi {
text-indent: 20px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 20px;
padding-top: 10px;
margin-left: 10px; 
background : #EDECB6;
text-align: justify;
font-family: Arial;
font-size: 9pt;
width: 300px;
border:1px solid black; 
float:left;
}

/* Encadr�s autour de chaque indicateur*/
.cellule{
border-width:0px;
border-style:solid;
margin-left:10px;
padding:5px;
width:90%;
overflow:hidden;
}  
.cellule_2{
 border-width:1px;
  border-style:dashed  ;
margin-left:10px;
padding:5px;
width:630px;
background : #ffdfbf;
}  
.cellule_3{
 border-width:1px;
  border-style:dashed  ;
margin-left:10px;
padding:5px;
width:630px;
background : #ffff99;

}  
.savoirplus{
display:none;
}  

/* Emplacement des graphiques*/
.graphique {
border:0;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
padding-top:10px;
}

/* Emplacement des graphiques sans passage � la ligne (1/2) */
.graphiquesansretour {
border:0;
width:50%;
float:left;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
}

.graphiquesansretourtiers {
border:0;
width:30%;
float:left;
margin-left: 0px; 
margin-right: 0px; 
padding-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
}

.graphiqueapresretour {
float:right;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
width:50%;


}

.graphiqueapresretourtiers {
float:right;
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
width:69%;

}


    
.graphiquesansretour3 {
border:0;
width:33%;
float:left;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
}

.graphiqueapresretour3 {
border:0;
float:right;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
width:33%;
}

/* Emplacement des graphiques centrer */
.graphiquecentrer{
border:0;
float:center;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-top: 10px; 
}

/* Titre de l'indicateur */
.titrecellule {
text-align:center;
font-family:Verdana;
font-size:80%;
font-weight:bold;
width:100%;
background-color:rgb(103,134,168);
color:rgb(255,255,255);
font-size:12px;
padding:5px;
margin-right:50px;
}

.titrecellule { position: relative; background: #88b7d5; border: 2px solid #c2e1f5; } 
.titrecellule:after, .titrecellule:before { top: 100%; left:50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.titrecellule:after { border-color: rgba(136, 183, 213, 0); border-top-color: #88b7d5; border-width: 10px; margin-left: -10px; } 
.titrecellule:before { border-color: rgba(194, 225, 245, 0); border-top-color: #c2e1f5; border-width: 12px; margin-left: -12px; }

/* SOURCE ET GUIDE*/
/* Titre et cadre */
.cadretitre{
margin-top:8pt;
margin-bottom:0pt;
border-width:1px;
border-style:solid;
border-left-color:black;
text-align: justify;
font-family: Verdana, Arial, Helvetica;
font-size: 9pt;
font-weight:bold;
background-color: #0e5f6d;
color:#fff;
text-align: center;
padding-top:4pt;
padding-left:5pt;
}
/* Cadre source et guide */
.cadre{
border-width:1px;
border-style:solid;
border-left-color:black;
padding-left:5pt;
padding-top:4pt;
padding-bottom:3pt;
padding-right:5pt;
text-align: justify;
font-family: Verdana, Arial, Helvetica;
font-size: 8pt;

margin-bottom:0pt;
margin-top:0pt;
}

.reference{
font-family: Verdana, Arial, Helvetica;
font-size: 6pt;
text-align: left;
font-style:italic

}

.lienmenu{
display:block;
width:100%;
height:100%;
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #000000 ; 
text-decoration: none
}

.lienmenu:hover{
font-family: Arial;
font-size: 11px;
font-weight: bold;
color: #ffffff; 
text-decoration: none
}



.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
 border-width:1px;
  border-style:solid;
  font-weight: bold;
  background-color: #0e5f6d;
color:fff;
  text-align:center;
margin-top: 10px; 
margin-bottom: 10px; 
padding: 2px;
  }

.titre2 {
text-align: center;
margin-left: 4px;

font-family: Arial;
font-size: 12pt;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width: 1px;
margin-bottom:20px;
margin-top:10px;
}
.titre21 {

margin-left: 4px;

font-family: Arial;
font-size: 12pt;
border-top-style:solid;
border-top-color:#000000;
border-top-width: 1px;
margin-bottom:20px;
margin-top:10px;
}
.objectifs {
padding:10px;
margin:5px;
text-align: justify;
background-color: #fafbfd;
border: 1px solid #e7e7e7;
border-radius:5px;
color:#777;
font-family: 'Roboto',sans-serif;
font-size: 11px;
}

.textenormal {
text-align: justify;
font-family: Arial;
font-size: 12pt;
	
}
.textenormalblanc {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
color:#ffffff;	
}

.textepetit {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
	
}

.partiedroite {

padding:10px;
text-align: justify;
font-family: Arial;
font-size: 10pt;
height:600px;

}

.majuscule {
font-size: 16pt;
}

.min700 {
height:700px;
vertical-align:top;
}

.contenant {
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
padding:20px;
background-color:#FFFFFF;
max-width:900px;
position:absolute;
top: 0px;
width:100%;
height:1800px;
display:inline-block;
z-index:3;

}

.tabmenu{
left:12px;
width:12%;
max-width:120px;
padding:0px;
margin:0px;
background-color:#f6f5f5;
display:inline-block;
float:left;
z-index:1;
}

.tab_bandeau{
background-color:#ffffff;
width:100%;

}

.titreFleche {
padding:5px;
font-size:12px;
background-color:#8dda95;
margin:5px;
box-shadow: 3px 3px 0px black;
box-shadow: 3px 3px 3px black;
border-radius: 3px;
}




.titreFlecheliason {
padding:5px;
font-size:12px;
font-weight:bold; color:#FFFFFF; 
line-height:10px;
background-color:#504e53;
}

.titrebandeau{
padding-top:10px;

font-family: Tahoma; font-size:24px;
font-weight:bold; color:#000000; 


}

.tab_autre{
margin:0pt;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
text-align:center;
background-color:#d3e4e3;
font-family: arial;
font-size:10pt;

}
.tab_liens{
margin:0pt;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
background-color:#f79d3e;
font-family: Arial;
font-size:10pt;

}
.sep_jaune{
height:10px;
background-color:#453f47;

}
.tabgene{
border-style:solid;
border-color:#000000;
border-width: 1px;
vertical-align:top;
text-align: justify;
font-family: Tahoma;
font-size: 10pt;
margin:0pt;
min-height:700px;
background-color:#f6f5f5;
width:100%;
display:block;


}
.tdgene{
vertical-align:top;
text-align: justify;
font-family: Arial;
font-size: 10pt;
margin:0pt;

}
.tdmenu 	{
border-bottom-style:dotted;
border-bottom-color:#000000;
border-bottom-width: 1px;
padding:5px;
height:25px;
text-align: left;
vertical-align:center;

}

.bandeau {
border-top-style:solid;
border-top-color:#000000;
border-top-width: 1px;
border-bottom-style:solid;
border-bottom-color:#ffffff;
border-bottom-width: 1px;
margin-bottom:0px;
color:#1c2e3a;
text-align: center;
font-family: Arial;
font-size: 10pt;
font-weight: bold;
}

.tabhaut {
background-color:#ffffff;
width:70%;
}

.copyr {
font-family: Arial;
font-size: 7pt;
text-align:center;
}

.carte2 {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 
  padding:1px;
  width:90%;
  background-color: #d3e4e3;
  }


.menu_inter{
background-color: #EDECB6;
border-style:solid;
border-color:#ffffff;
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
width:100%;

}

.case_up{
background-color: #EDECB6;
border-style:solid;
border-color:#ffffff;
border-width: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
width:40%;
text-align:center;
}

  
.carte_icones {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
 border-width:0px;
  border-style:solid;
  padding:2px;
  
  }

   .avertissement {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
margin:20px;
background-color: #eeeeee;
 border-width: 0px;
  padding:10px;
  font-style:italic;
  }