img, object, embed, video { max-width: 100%; }
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img { width:100%; }

/* Disposition mobile */
/* modification couleur css B 777 fff N ccc 222 */ 
.bloc_actu { padding: 0 7% 30% 2%; margin: 2% 0 0 4% ; width: 87%; float: left; font-size: 14px;  } /* modifié 190823 */
.bloc_image { margin: 1% 0 0 1% ; width:96%; float: left; border : 0 ; z-index : 1 ; }
#pano_container{ margin: 0 ;left:0; height : 100% ; width : 100% ; position: fixed; border : 0 ; z-index : 1 ; }

.menu-container { margin: 1% 0 0 1% ; width: 95%; border:#ccc solid 1px; float: left; clear:both; position: relative; background-color: #333; z-index : 8 ; opacity: .9; }

.menu-precsuiv { margin: 1% 0 0 1% ; width: 95%; border:#ccc solid 0; float: left; clear:both; position: relative; z-index : 18 ;}
.plusbas_2 { position:relative ; text-align:center ; font-size : 0.8em ; font-weight:bold ; clear:both ; bottom: -0.5em; right: 7.0em ; color: #777; }

/* modification caractères 2 lignes */
.menu .accordion{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c; font-size: 17px ; letter-spacing: 0.05em; background-color: #333; }
.petit_caractere_menu {font-size: 15px; }
/* modification couleur css B fff N 222 */
.vign_container { padding: 3px; margin: 1% 0 0 2% ; width:96%; float: left; clear:both; position: relative; background-color: #333; height:auto; z-index : 4 ; opacity: .9; }
.bloc_cv { margin: 20px 15px 50px 15px ; width: 90%; float: left; height: auto; letter-spacing: 0.03em; color: #777; }
.sous_bloc_cv { margin-bottom: 40px ; display: block; height: auto; }
.sous_bloc_texte { display: block; }
/* modification caractères 11 lignes */
.titre_cat_cv { margin-bottom: 40px ; color: #d22; font-size: 20px; }
.annee_cv {margin-bottom: 10px ; color: #d22; font-size: 16px; }
.date_cv { display: block; margin-bottom: 10px ; font-size: 16px;}
.titre_element_cv {display: block; margin-bottom: 5px ; font-weight:bold; text-transform:uppercase; font-size:15px; }
.titre_texte {display: block; margin-bottom: 0 ; font-weight:bold; text-transform:uppercase; font-size:15px;}
.texte_cv {display: block; margin-bottom: 3px ; font-size:15px; }
.texte_texte {width:100%; display: block; margin-bottom: 20px ; text-align: left ; font-size:15px;float: left; }

.editeur_cv { color: #aaa; font-size:15px; }
.lieu_cv { color: #aaa; font-size:15px; }
.lien_cv { display:inline; font-size:13px; }
/* modification couleur css B 333 N aaa */ 
.legende { color: #AAA; text-transform: uppercase; list-style: none; margin: 5px 0 0 10px; clear:both; font-size: 12px; }

.blocpages { margin: 2em 0 30em 8% ; width: 80% ; text-align: center; }

.texte_rubriques {  display: inline-block ; float: none ; clear: both ; margin: 2em 0em 0em 0em  ; width: 90% ; text-align: left; color: #ccc ;  }
.caractere_em_1 {font-size: 0.8em; }

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

/* Disposition bureau : 769px à max. 1232px. Hérite des styles de : Disposition mobile et disposition tablette */
@media only screen and (min-width: 481px) {
.bloc_actu { left : 30% ; width: 60%; position:absolute; padding: 0 7% 30% 2%; margin: 2% 0 0 4% ;}
.bloc_image { margin: 20px 0 0 240px ; width:70%; }


.menu-container { margin: 15px 15px 2px 15px ; width: 30%; }
.menu-precsuiv { margin: 2px 15px 15px 15px ; width: 30%; }
/* modification caractères 2 lignes */
.menu .accordion{ font-size: 13px ; }
.petit_caractere_menu {font-size: 12px; }
/* modification couleur css B 777 N ccc */ 
.vign_container { left: 100%; margin-left: -222px ; margin-top : 15px ; width: 200px; position:absolute; border:#ccc solid 1px; }
.prec { float: left; margin: 3px 0px 3px 45px; font-size: 25px; z-index : 11; display: block; }
.suiv { float: left; margin: 3px 3px 3px 40px; font-size: 25px; z-index : 12; display: block; }

.bloc_cv { margin: 20px 35px 50px 0 ; width: 500px; left : 50% ; margin-left : -200px ;position:absolute; }
.titre_cat_cv {font-size: 22px; }
.annee_cv {font-size: 16px; }
.date_cv {font-size: 16px; }
.titre_element_cv {font-size:15px; }
.titre_texte {font-size:15px; }
.texte_cv {font-size:15px; }
.texte_texte {font-size:15px; }
.editeur_cv {font-size:15px; }
.lieu_cv {font-size:15px; }
.lien_cv {font-size:13px; }
.legende { font-size:10px;}
.texte_rubriques {  width: 50% ; max-width: 700px ;  margin: 1em 0em 0em -5em  ;  }
}

@media only screen and (min-width: 930px) {
.blocpages { margin: 2em auto 30em ; width: 93% ; }
.bloc_actu { left : 190px ; width: 72%; position:absolute; } /* modifié 190823 */
.menu-container { margin: 15px 15px 2px 15px ; width: 200px; }
.menu-precsuiv { width: 200px; }
.caractere_em_1 {font-size: 1em; }
}

.color_lien_cv { color: #AAA;}
.color_lien_cv a:link {color: #AAA ; } 
.color_lien_cv a:visited { color: #AAA ;}
.color_lien_cv a:hover {color: #00f ; }
.color_lien_cv a:active { color: #00f ; }

/* modification couleur css B 333 N aaa */ 
a:link {color: #AAA; text-decoration: none; } 
a:visited { color: #AAA; text-decoration: none; }
/* modification couleur css B f00 N f80 */ 
a:hover {color: #f80; text-decoration: none; }
a:active { color: #f80; text-decoration: none; }

/* modification couleur css B 555 N 777 */ .gris1 { color: #777;}
.gris1 a:link {color: #777 ; text-decoration: none; } 
.gris1 a:visited { color: #777 ; text-decoration: none; }
/* modification couleur css B 000 N ddd */ .gris1 a:hover {color: #ddd ; text-decoration: none; }
.gris1 a:active { color: #ddd ; text-decoration: none; }

.gris1bis { color: #555;}
.gris2 { color: #444;}
.gris3 { color: #bbb;}
.gris4 { color: #aaa;}
.gris5 { color: #999;}

.rouge { color: #f80;}
.rouge a:link {color: #f80 ; } 
.rouge a:visited { color: #f80 ;}
.rouge a:hover {color: #ddd ; }
.rouge a:active { color: #ddd ; }

.noir { color: #555; }
.blanc { color: #FFFFFF;}
.grisclair { color: #999999; }
.marronclair { color: #F90; }

.bleu { color: #00F;}

.italique{ font-style: italic; }
.souligne{ text-decoration: underline; }

.centree {text-align: center;}
.droite {text-align: right;}
.justifie {text-align: justify ;}
.capitales {text-transform: uppercase;}
.maigre { font-weight: lighter;}
.gras { font-weight: bold; }

.couleurfondnoir { background-color:#333;}
.couleurfondeeeeee { background-color:#eee;}
.couleurfondblanc { background-color:#fff;}

.caractere46 {font-size: 46px; }
.caractere40 {font-size: 40px;}
.caractere32 {font-size: 32px;}
.caractere28 {font-size: 28px;}
.caractere25 {font-size: 25px;}
.caractere24 {font-size: 24px;}
.caractere22 {font-size: 22px;}
.caractere20 {font-size: 20px;}
.caractere18 {font-size: 18px; }
.caractere16 {font-size: 16px; }
.caractere15 {font-size: 15px; }
.caractere14 {font-size: 14px; }
.caractere13 {font-size: 13px; }
.caractere12 {font-size: 12px; }
.caractere11 {font-size: 11px; }
.caractere10 {font-size: 10px; }
.caractere9 {font-size: 9px; }
.caractere8 {font-size: 8px; }
.ligne10 { line-height: 1.8em ; }

.marges_bas { margin-bottom: 200px ; }
.margesBoutons { margin: 10px 0px 0px 10px;}
.margesTab1 { margin: 0px 0px 0px 400px;}
.marges0 { margin: 0px 0px 0px 0px; }
.margetitre { margin: 17px 0px 0px 20px; }
.cache { visibility:hidden;}

.floatdroite {float: right; }

.indentation0 { text-indent: 0 ;}
.clear_droite { clear: right; }
.transparence { opacity: 0.4; }

.imflh { width: 30px ; height: 30px ; left: 0 ; border: 0; }
.flecheshhh { position:relative ; display: inline-block ; top: -1.5em ; }

#bloc_im_individuelle   { left : 0.2em ; margin: 0 ; width:17em ; z-index : 2 ; position: fixed ; height:4.9em; bottom : 1.9em ; background-color: #afb; }
.boutonfl { position:relative ; display: inline-block ; border : 0 ; width : 100% ; height : 1.9em ; top: 0.5em ; margin :0 ; text-align:center ; }
.fleches2hhh { position:relative ; display: inline-block ; top: 0em ; }
.retour { position:relative ; display: inline-block ; border : 0 ; width : 50% ; height : 1.2em ; bottom : 0.5em ; font-size : 1.0em ; }

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


/* __________________________________________dcaccordion.css _________________________________________________*/
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0; }

/* modification couleur css B fff N 222 */ 
body,td,th { background-color: #333; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.07em; font-weight: lighter; overflow-y:scroll; overflow-x: hidden; margin : auto; }

ul, ul li{ list-style: none; }

.dcjq-count {float: right; font-size: 10px ; }

.menu .accordion, .menu .accordion li {margin: 0 0 0 2%; padding: 0; border: none; }

/* modification couleur css B fff N 222 */ 
.menu .accordion a {padding: 1% 4% 2% 2%; background-color: #333; text-decoration:none; display: block; 
/* modification couleur css B ccc N 777 */ 
border-bottom: 1px solid #777; border-top: 0px solid #4695d3;}

.menu .accordion ul a { padding: 1% 4% 1% 4%;}
.menu .accordion a.dcjq-parent, .menu .accordion a.dcjq-parent:hover {padding: 1% 4% 1% 2%; }

/* modification couleur css B ddd N 555 */ 
.menu .accordion a.dcjq-parent.active {background: #555 ; }
/* modification couleur css B eee N 333 */ 
.menu .accordion a:hover {background: #333;}
.menu .accordion a:active{}

/* modification couleur css B f00 N f80 */ .dcjq-current-parent { color: #f80;}
.dcjq-current-parent a:link {color: #f80 ; } 
.dcjq-current-parent a:visited { color: #f80 ;}
.dcjq-current-parent a:hover {color: #f80 ; }
.dcjq-current-parent a:active { color: #f80 ; }

/* modification couleur css B 555 N aaa */ .nonrouge { color: #aaa;}
.nonrouge a:link {color: #aaa ; } 
.nonrouge a:visited { color: #aaa ;}
/* modification couleur css B f00 N f80 */ .nonrouge a:hover {color: #f80 ; }
.nonrouge a:active { color: #f80 ; }

/* jssor slider arrow navigator skin 05 css */
.flechel, .flecher { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url('fleches_jssorN.png') no-repeat; overflow: hidden;}
.flechel { background-position: -10px -40px; }
.flecher { background-position: -70px -40px; }
.flechel:hover { background-position: -130px -40px; }
.flecher:hover { background-position: -190px -40px; }
.flechel.flecheldn { background-position: -250px -40px; }
.flecher.flecherdn { background-position: -310px -40px; }
/* jssor slider thumbnail navigator skin 01 css */
.vignettes .p { position: absolute; top: 0; left: 0; width: 50px; height: 40px;}
.vignettes .t { position: absolute; top: 0px; left: 0px; border: none;}
.vignettes .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0;}
.vignettes .c { position: absolute; top: 0px; left: 0px; width: 95px; height: 62px; border: #ddd 0px solid; box-sizing: content-box; background: url('img/t01.png') -800px -800px no-repeat; background: none;}
.vignettes .pav .c { top: 2px; top: 0px; left: 2px; left: 0px; width: 46px; height: 36px; border: #ddd 0px solid; border: #fff 2px solid; background-position: 50% 50%;}
.vignettes .p:hover .c { top: 0px; left: 0px; width: 97px; height: 64px; border: #fff 0px solid; background-position: 50% 50%;}
.vignettes .p.pdn .c { background-position: 50% 50%; width: 95px; height: 62px; border: #ddd 3px solid;}
* html .vignettes .c, * html .vignettes .pdn .c, * html .vignettes .pav .c { /* ie quirks mode adjust */ width /**/: 99px; height /**/: 66px;}


/* N 171127 */

.legendPop { position: absolute; bottom:-3.8em; left:0; margin: 0 ; padding: 2%; background: rgba(5, 5, 5, 0.0); color: #ccc; letter-spacing: 0.1em ; font-size: 0.9em; line-height: 1.2em ; width : 96.2% ; height: auto ; z-index:2; }
.vignet { width : 100% ; text-align: center; }
.blocvign:hover .legendPop { visibility: visible; opacity: 1;}
.blocvign { position: relative; display: inline-block ; vertical-align: middle; z-index:2; max-width: 90% ; }