body,td,th { font-family: Arial, Helvetica, sans-serif; overflow-y:scroll; overflow-x:auto; margin:auto; padding:0; height:100%; color:#fff; background-color:#555 ; letter-spacing : 0.06em ; }
img { border: 0; }
h1 { font-size : 0.9em ; font-weight: 100; }
p {  margin : 0 ;  }

#bloc_im_individuelle { right:0em; margin: 0.5em 0 0 0 ; width:11em; height:4em; z-index : 2 ; position: fixed ; }
.plusbas { position:relative ; text-align:center ; font-size : 0.8em ; clear:both ; top: 0.5em; right:2.9em ;}

.bloc_actu { margin: 3em auto 10em ; padding-left: 1em ; max-width: 700px ; width: 94% ; }
.sous_bloc_cv { display: block; height: auto; margin-top : 1.5em ; }
.titre_cat_cv { margin-bottom: 0em ; color: #fff; font-size: 1.7em; }
.annee_cv {margin-bottom: 0.6em ; color: #fff; font-size: 1.3em; font-weight:bold; }
.titre_element_cv {display: block; margin-bottom: 0em ; font-weight:bold; text-transform:uppercase; font-size:1.1em; }
.editeur_cv {display: block; color: #fff; margin-bottom: 0em ; font-size:1.1em; }
.lieu_cv { color: #bbb; font-size:1.1em; }

#a5x5px { position: relative; right : 3px ; }
#b5x5px { position: relative; right : 3px ; }
#c5x5px { position: relative; right : 4px ; }
#d5x5px { border-radius: 3px; width: 100%; height: 100% ; }
#e5x5px { border-radius: 3px; width: 100%; height: 100% ; }
#f5x5px { border-radius: 3px; width: 100%; height: 100% ; }
#g5x5px { border-radius: 3px; width: 100%; height: 100% ; }
#h5x5px { border-radius: 3px; width: 100%; height: 100% ; }

#blocboutons { margin: 0.5em auto 0.5em ; max-width: 1700px ; width: 97% ; text-align: center ; }
.boutoni { position: relative; display: inline-block ; border : 0 ; width : 100% ; height : 3.0em ; margin: 1em auto 0 ; line-height: 1.1em ; }
.boutont { position: relative; display: inline-block ; vertical-align: middle ; font-size : 1em ; }
.fondbouton { position: absolute; left:0; top:0; width: 100% ; height: 100%; }
.margehaut1 { margin-top : 0.9em ; }
.marge2 { margin : 3em 0 2em 0 ; color: #fff; font-size: 1.7em; }

a:link {color: #fff; } 
a:visited { color: #fff; }
a:hover {color: #aaa; }
a:active { color: #aaa; }

.gris3 { color:#ddd; text-decoration: none; }
.gris3 a:link {color:#ddd; text-decoration: none; font-weight:bold ; }
.gris3 a:visited { color:#ddd; text-decoration: none; }
.gris3 a:hover {color:#fff; text-decoration: none;}
.gris3 a:active { color:#fff; text-decoration: none; }

.grasref { font-weight: bold ; font-size : 1.5em ; color:#ddd; }
.grasref a:link {color:#9ac; }
.grasref a:visited { color:#9ac; }
.grasref a:hover {color:#bce; }
.grasref a:active { color:#bce; }

.graspeinture { font-weight: bold ; font-size : 1.5em ; color:#9ac; }
.graspeinture a:link {color:#9ac; }
.graspeinture a:visited { color:#9ac; }
.graspeinture a:hover {color:#bce; }
.graspeinture a:active { color:#bce; }

.graspapier { font-weight: bold ; font-size : 1.5em ; color:#c96; }
.graspapier a:link {color:#c96 ; }
.graspapier a:visited { color: #c96 ; }
.graspapier a:hover {color:#eb8 ; }
.graspapier a:active { color:#eb8 ; }

.caractereDescr {font-size : 0.7em ; font-weight:lighter ; }
.caractere01 {font-size : 0.8em ; }
.caractere02 {font-size : 1.2em ; }
.caractere03 {font-size : 1.5em ; }

#pano_container{ margin: 0 ; height : 100% ; width : 100% ; float: left; border : 0 ; background-color:#555 ; }

.legendPop { position: absolute; bottom:-4.2em; left:0; margin: 0 ; padding: 0% 2% 2% 2%; background: rgba(200, 210, 255, 0); color: #000;                     letter-spacing: 0.02em ; font-size: 0.8em;                    line-height: 1.2em ; width : 96.2% ; height: 3em ; text-align:left ;}
/* nouvelle largeur pour éviter mouvements latéraux sur téléphone */
.legendPo2 { position: absolute; bottom:-5.8em; left:-1%; margin: 0 ; padding: 2%; background: rgba(5, 5, 5, 0.0); color: #eee; letter-spacing: 0 ; font-size: 0.8em; line-height: 1.1em ; width : 97% ; height: auto ; z-index:2; }
.blocvign:hover .legendPop { visibility: visible; opacity: 1;}
.blocvign { position: relative; display: inline-block ; vertical-align: middle; z-index:2; margin: 6.5em 0 0 0.5em ;  }
.vignet { width : 90% ; }

.imgfond { position:fixed; left:5%; top:2%; right:5%; bottom:2%; background-color: #333; }

#bloc_im_individuelle_3 { right : 0.9em ; top : 1.2em ; margin: 0 ; width:12.5em ; z-index : 2 ; position: fixed ; height:3.8em;  }
.plusbas_3 { position:relative ; text-align:center ; font-size : 0.9em ; top: 2.1em; left: -0.3em ; width: 100%; letter-spacing : -0.3 ; padding: 0.5em ; border-radius: 0.7em; /* For IE8 and earlier */ }
.boutonf2 { border : 0 ; width : 100% ; height : 0.9em ; margin :0 ; text-align:center ;  }
.imflh { width: 20px ; height: 20px ; left: 0 ; border: 0;  }
.flecheshhh { position:relative ; display: inline-block ; top: 0.5em ;  }
.retour { position:relative ; display: inline-block ; top: -0.0em ; width : 6em ; height : 1.2em ; }
.gris5 { color:#999; }
.texte_rubriques {  display: inline-block ; float: none ; clear: both ; margin: 0em 0em 0em 0em  ; width: 90% ; text-align: center; }
.grasgrand { font-weight: bold ; font-size : 1.5em ; color: #fff ; }

.arrondi { border-radius: 10% ; }
.transparence7 { opacity: 0.7; filter: alpha(opacity=70); }

.marges_bas { margin-bottom: 30em ; }

@media only screen and (min-width: 500px) {
.bloc_listes { margin: 0 0 0 8.5em ; width: 52%; }
.boutoni { width : 13em ; }
.boutont { width : 13em ; }
}