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 : #ccc solid 2px ;}
.bloc_actu {  margin: 1% 15px 0 3% ; width: 96%;  float: left; height:160px;  }
.bloc_image {  margin: 1% 0 0 1% ; width:96%; float: left;   }
/* modification couleur css  B 777 fff  N ccc 222   */	.menu-container { padding: 3px; margin: 1% 0 20px 1% ; width: 95%; border:#ccc solid 1px; float: left; background-color: #222222;
opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // first!	filter: alpha(opacity=90);					// second!}
.menu .accordion{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c; font-size: 24px ; letter-spacing: 0.05em; }
/* modification couleur css  B fff  N 222   */	.vign_container { padding: 3px; margin: 1% 0 0 2% ; width:96%; float: left; background-color: #222; height:auto;
opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // first!	filter: alpha(opacity=90);					// second!}
.petit_caractere_menu {font-size: 19px; }
.prec { display: none; }
.suiv { display: none; }
/* modification couleur css  B 777  N ccc   */	#pano_container{ margin: 5% 0 30% 10% ; height : 85% ; width : 80% ; float: left; border : #ccc solid 2px ; }
#pano{  }
/* modification couleur css  B 777  N ccc   */	#cadre_mobiles  {  margin: 10% 0 12% 12% ; width:75%; float: left; border : 0 ; }

.bloc_cv {  margin: 20px 15px 50px 15px ; width: 90%;  float: left; height: auto; letter-spacing: 0.03em; color: #555; }
.sous_bloc_cv { margin-bottom: 40px ; display: block; height: auto; }
.sous_bloc_texte { margin-bottom: 20px ; display: block; height: auto; }
.titre_cat_cv { margin-bottom: 40px ; font-size: 24px; color: #d22;  }
.annee_cv {margin-bottom: 10px ; font-size: 20px; color: #d22; }
.date_cv { display: block; margin-bottom: 10px ; font-size: 20px;}
.titre_element_cv {display: block; margin-bottom: 5px ; font-size:18px; font-weight:bold; text-transform:uppercase; }
.titre_texte {display: block; margin-bottom: 5px ; font-size:18px; font-weight:bold; text-transform:uppercase; text-indent: 20px ;}
.texte_cv {display: block; margin-bottom: 3px ; font-size:18px; }
.texte_texte {display: block; margin-bottom: 3px ; font-size:18px; text-align: justify ; text-indent: 20px ; }
.editeur_cv { font-size:18px; color: #aaa; }
.lieu_cv {font-size:18px; color: #aaa; }
.lien_cv {font-size:14px; display:inline; }
/* modification couleur css  B 333  N aaa   */	.legende { color: #aaa; font-size: 12px; text-transform: uppercase; list-style: none; margin: 5px 0 0 10px; clear:both; }
.mobiles_uniquement  { }
.bureau_uniquement  {display: none; }


/* Disposition bureau : 769px à max. 1232px. Hérite des styles de : Disposition mobile et disposition tablette */
@media only screen and (min-width: 750px) {
.bloc_actu {  left : 50% ; margin-left : -200px ; width: 500px; position:absolute;  }
.bloc_image { margin: 20px 0 0 240px ; width:70%; }
.menu-container { margin: 15px ; width: 200px; position: fixed ; }
.menu .accordion{  font-size: 14px ; }
/* modification couleur css  B 777  N ccc   */	.vign_container { padding: 3px; left: 100%; margin-left: -222px ; margin-top : 15px ;  width: 200px; border:#ccc solid 1px;  position: fixed ; }
.petit_caractere_menu {font-size: 13px; }
.prec {  float: left; margin: 3px 0px 3px 55px; font-size: 25px; z-index : 9; display: block; }
.suiv {  float: left; margin: 3px 3px 3px 0px; font-size: 25px; z-index : 10; display: block; }
#pano_container{ margin: 0 ; height : 100% ; width : 100% ; float: left; border : #ccc solid 0 ; }
#pano { width: 82% ;  padding : 0; top: 0; z-index : 2; }
#cadre_mobiles  { display: none; }
.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; }
.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 ; }

/* __________________________________________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: #222; 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: #222; 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: 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: #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 ; }

/* __________________________________________dcaccordion.css fin_________________________________________________*/

.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:#222 ; 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: #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;}

.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; }

.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;}

   .retrait { text-indent: 20px ; }
   .margesretraits { float: left ; background-color:#daa;  }
   .clearbothnp { clear: both ; background-color:#bfa; }
   .listeCV { list-style: disc ; }
   .pasdepuce { list-style: none; }
   .floatdroite {float: right; }
 
	
/* galleriffic_______________________________________________________________________________________________ */
#conteneurslideshow {	background-color: #36f;	width: 900px;	margin:  0px 0px 0px 250px ;	text-align: left;	
border-color: #ccc;	border-style: none solid solid;	border-width: medium 1px; }


div.content { 	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ 	
background-color: #930;	display: none ; 	float: right ;	width: 550px ;  }
div.content a, div.navigation a { 	text-decoration: none;	color: #444; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 ; }
div.content a:focus, div.content a:hover, div.content a:active { 	text-decoration: none;	color: #f00; }
div.controls { margin-top: 5px ; 	height: 23px ;}
div.controls a { 	padding: 5px ; color: #444; background-color: #f30;	}
     div.ss-controls { 	float: left ; font-size: 25px; margin: -10px 0px 5px 0px ;	padding: 0px 0px 0px 30px ;	color: #f44; }
     div.nav-controls { float: right ;	font-size: 25px; margin: -10px 0px 5px 0px ;	padding: 0px 50px 0px 0px ;	color: #f44; }
     .controls2{ margin: 0px 0px 0px 0px ;	padding: 3px 0px 3px 12px ;	list-style: none; 
opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // first!	filter: alpha(opacity=80);					// second! }

div.slideshow-container { 	position: relative; 	clear: both; 	height: 502px; 
/* This should be set to be at least the height of the largest image in the slideshow */ }

div.loader { 	position: absolute;	top: 0; left: 0; background-image: url('loader.gif'); 	
background-repeat: no-repeat; 	background-position: center; 	width: 550px; 	height: 502px; 
/* This should be set to be at least the height of the largest image in the slideshow */ }

div.slideshow { }
     div.slideshow span.image-wrapper { 	
/* modification couleur css  B fff  N 222   */	  background-color: #222; 	text-align:center; position: fixed; margin: 15px 0px 0px 230px; width:70% ; height: 97% ; overflow:hidden; }
div.slideshow a.advance-link { 
/* modification couleur css  B fff  N 222   */	  cursor: default ;	background-color: #222; 	display: block; 	width: 575px; 	height: 550px; margin: auto; 
/* This should be set to be at least the height of the largest image in the slideshow */ 	
    line-height: 545px; /* This should be set to be at least the height of the largest image in the slideshow */ 	
text-align: center; }

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { 	text-decoration: none; }
		div.slideshow img { 	vertical-align: middle; 	border: 1px solid #ccc; }

div.download {	float: right;}


    div.caption-container { 	position: relative; clear: left;	height: 40px; left: -9px; top: 2px;  }

    span.image-caption { 	display: block; width: 200px; 	position: absolute; 	}



div.caption { 	}

div.image-title { 	font-size: 20px; margin: 0 ; font-weight: lighter; }
div.image-desc {	line-height: 1.3em;	padding-top: 12px; }


   div.navigation2 { 	/* The navigation2 style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
  margin: 5px 0px 0px 4px; }
   ul.thumbs {	clear: both; margin: 0; padding: 0; }
   ul.thumbs li {	float: left; padding: 0px ;	margin: 0px 0px 0px 0px; list-style: none; }
   a.thumb { 	padding: 0px;	display: block; }
   ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none ; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
    div.navigation2 div.top { margin-bottom: 0; 	height: 0px; }
    div.navigation2 div.bottom { margin-top: 0px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; 	float: left; margin-right: 2px; 	
padding: 4px 7px 2px 7px; 	border: 1px solid #ccc; }
div.pagination a:hover { background-color: #eeeeee; 	text-decoration: none; }
div.pagination span.current {	font-weight: bold; 	background-color: #000; border-color: #000;	color: #fff; }
div.pagination span.ellipsis {	border: none; padding: 5px 0 3px 2px; }