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 N ccc */ 
.image_mobiles { border : #777 solid 2px ;}
.bloc_actu { padding: 0 7% 30% 2%; margin: 4% 0 0 4% ; width: 87%; float: left; font-size: 14px; background-color: #fff; word-wrap: break-word;}
.bloc_image { margin: 1% 0 0 1% ; width:96%; float: left; border : 0 ; z-index : 1 ; }
#pano_container{ margin: 5% 0 0 10% ; height : 85% ; width : 80% ; float: left; border : 0 ; z-index : 1 ; }
#pano{ }
#cadre_mobiles { margin: 10% 0 32% 12% ; width:75%; float: left; border : 0 ; }
/* modification couleur css B 777 fff N ccc 222 */ 
.menu-container { padding: 3px; margin: 1% 0 0 1% ; width: 95%; border:#777 solid 1px; float: left; background-color: #fff; z-index : 3 ;
opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // first! filter: alpha(opacity=90); // second!}
/* 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; }
.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; background-color: #fff; height:auto; z-index : 2 ; opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // first! filter: alpha(opacity=90); // second!}
.prec { display: none; }
.suiv { display: none; }
.bloc_cv { margin: 20px 15px 50px 15px ; width: 90%; float: left; height: auto; letter-spacing: 0.03em; color: #555; }
.sous_bloc_cv { margin-bottom: 20px ; display: block; height: auto; }
.sous_bloc_texte { display: block; height: auto; }
.marge_haut_20px { margin-top: 20px ; }
/* modification caractères 11 lignes */
.titre_cat_cv { margin-bottom: 40px ; color: #d22; font-size: 20px; }
.annee_cv {margin-bottom: 2px ; color: #555; 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: 5px ; font-weight:bold; text-transform:uppercase; text-indent: 10px ; 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 ; text-indent: 10px ; font-size:15px;float: left;  }
.tabulation1a { width:49%; text-indent: 0 ;display: inline-block; float: left; text-align: left ; clear: both;  }
.tabulation2a { width:49%; text-indent: 0 ;display: inline-block; float: right; }
.tabulation1b { width:30%; text-indent: 0 ;display: inline-block; float: left; text-align: right ; clear: both;  }
.tabulation2b { width:68%; text-indent: 0 ;display: inline-block; float: right; }
.editeur_cv { color: #777; 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: #333; text-transform: uppercase; list-style: none; margin: 5px 0 0 10px; clear:both; font-size: 12px; }
.mobiles_uniquement { clear: left; }
.bureau_uniquement {display: none; }

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */
@media only screen and (min-width: 481px) {
.bloc_actu { padding: 0 3% 5% 2%; margin: 5% 0 1% 39% ; width: 51%; position:absolute; }
.bloc_image { margin: 3% 0 0 43% ; height : 85% ; width : 55% ; position:absolute; }
#pano_container{ margin: 3% 0 0 43% ; height : 85% ; width : 55% ; position:absolute; }
#cadre_mobiles { margin: 10% 0 32% 12% ; width:75%; float: left; border : 0 ; }
.menu-container { margin: 1% 0 10px 1% ; width: 35%; }
/* modification caractères 2 lignes */
.menu .accordion{ font-size: 16px ; }
.petit_caractere_menu {font-size: 14px; }
.vign_container { padding: 5px; margin: 1% 0 0 1% ; width:35%; clear: left; }
.bloc_cv { margin: 20px 15px 50px 15px ; width: 90%; float: left; height: auto; letter-spacing: 0.03em; color: #555; }
.sous_bloc_cv { margin-bottom: 20px ; display: block; height: auto; }

}

/* Disposition bureau : 769px à max. 1232px. Hérite des styles de : Disposition mobile et disposition tablette */
@media only screen and (min-width: 769px) {
.bloc_actu { left : 50% ; margin-left : -160px ; width: 500px; }
.bloc_image { margin: 20px 0 0 240px ; width:70%; }
#pano_container{ margin: 0 ; height : 100% ; width : 100% ; float: left; border : 0 ; }
#pano { width: 82% ; padding : 0; top: 0; z-index : 2; }
#cadre_mobiles { display: none; }
.menu-container { margin: 15px ; width: 200px; position: fixed ; }
/* 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; border:#777 solid 1px; position: fixed ; }
.prec { float: left; margin: 3px 0px 3px 45px; font-size: 25px; z-index : 9; display: block; }
.suiv { float: left; margin: 3px 3px 3px 40px; font-size: 25px; z-index : 10; display: block; }
.mobiles_uniquement { display: none; }
.bureau_uniquement { display: inline; }
.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:12px; }
.titre_texte {font-size:12px; }
.tabulation { width:130px; }
.texte_cv {font-size:12px; }
.texte_texte {font-size:12px; }
.editeur_cv {font-size:12px; }
.lieu_cv {font-size:12px; }
.lien_cv {font-size:11px; }
.legende { font-size: 10px;}
}

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

.textesboutons { font-size: 10px; color: #f00; text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 5px 0px 5px; }
.textesboutons a:link {color: #444; text-decoration: none; } 
.textesboutons a:visited { color: #444; text-decoration: none; }
.textesboutons a:hover {color: #f00; text-decoration: none; }
.textesboutons a:active { color: #f00; text-decoration: none; }

.textesboutonsblanc { font-size: 10px; color: #f55; text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 5px 0px 5px; }
.textesboutonsblanc a:link {color: #bbb; text-decoration: none; } 
.textesboutonsblanc a:visited { color: #bbb; text-decoration: none; }
.textesboutonsblanc a:hover {color: #f55; text-decoration: none; }
.textesboutonsblanc a:active { color: #f55; text-decoration: none; }

#conteneurfixe { position : fixed; width:100%; top: 0px; height: 0px; left: 50%; margin-left : -450px; z-index:26; }

/* modification couleur css B fff N 222 */ 
#blocboutonsfond{ left : 35px; float:left; position:absolute; width: 170px; height: 250px; top: 25px; background-color:#fff ; 
opacity: .6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // first! filter: alpha(opacity=60); // second! z-index : 3; }
#bouton1{ height : 15px ; left : 0px ; position : absolute ; top:0px ; width:170px ; z-index : 33 ;}
#bouton2{ height : 15px ; left : 0px ; position : absolute ; top:15px ; width:170px ; z-index : 34 ;}
#bouton3{ height : 15px ; left : 0px ; position : absolute ; top:30px ; width:170px ; z-index : 35 ;}
#bouton4{ left : 0px; position : absolute; top:0px; width:166px; z-index : 36; }


h1 { font-size: 30px; margin: 0px 0px 0px 0px; font-weight: lighter; }
h2 { font-size: 24px; margin: 0px 0px 0px 0px; font-weight: lighter; }
h3 { font-size: 15px; margin: 0px 0px 0px 0px; font-weight: lighter; }
h4 { font-size: 12px; margin: 0px 0px 0px 0px; font-weight: lighter; }
h5 { font-size: 9px; margin: 0px 0px 0px 0px; font-weight: lighter; }
h6 { font-size: 10px; margin: 0px 0px 0px 0px; font-weight: lighter; }

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


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

.gris1bis { color: #555;}
.gris2 { color: #444;}
.gris3 { color: #bbb;}

.rouge { color: #f00;}
.rouge a:link {color: #f00 ; } 
.rouge a:visited { color: #f00 ;}
.rouge a:hover {color: #000 ; }
.rouge a:active { color: #000 ; }

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

.bleu { color: #00F;}

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

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

.couleurfondbleu { background-color:#00F;}
.couleurfondrouge { background-color:#F00;}
.couleurfondnoir { background-color:#222;}
.couleurfondeeeeee { background-color:#eeeeeeeee;}
.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; }

.espaceLettre1{ letter-spacing: 0.1em; }
.espaceLettre2{ letter-spacing: 0.03em; }

.marges_bas_20px { margin-bottom: 20px ; }
.marges_bas_50px { margin-bottom: 50px ; }
.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; }
.margesconteneurfixebas { margin: 25px 155px 20px 150px; }
.cache { visibility:hidden;}

.margesretraits { float: left ; background-color:#daa; }
.clearbothnp { clear: both ; }
.listeCV { list-style: disc ; }
.pasdepuce { list-style: none; }
.floatdroite {float: right; }

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


/* __________________________________________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: #fff; 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: 0px 0px 0px 5px; padding: 0; border: none;}

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

.menu .accordion ul a { padding: 3px 10px 3px 9px;}
.menu .accordion a.dcjq-parent, .menu .accordion a.dcjq-parent:hover {padding: 3px 10px 3px 5px; }

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


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

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

/* __________________________________________dcaccordion.css fin_________________________________________________*/