@charset "utf-8";
/* CSS Document site alain-moeuf-photos.fr */
/* screen and (min-width: 470px*/


*{        
padding:0;
margin:0;
list-style-type:none;
}
		
body 
{
	background-color: #fff; 
}




/*les élements du fond de page */


.fond_blanc {
	display:block;
	width:100%;
	height:auto;
	background-color: #fff; 
	position:absolute;
	}
 
.fond_noir {
	display:block;
	width:100%;
	height:auto;
	background-color: #000; 
	position:absolute;
	}

.wrapper {
	display:block;
	font-family: Arial, Verdana, Geneva, sans-serif;
	position:relative;
	}
	
/*les style pour la partie header */

	  
header {
	height:40px; /* CSS adapté - origine 50px */
	width:100%;    
	margin:auto;
	margin-top:-40px; /* CSS adapté - origine -50px */
	background-color:#18181b;
	z-index:100;
	position:fixed;
	display:block;
	}

.site{
	max-width: 470px; /* CSS adapté - origine 470px */
	min-width:200px; /* CSS adapté - origine 320px */
	width:auto;    
	margin:auto;
	display:block;
	position: relative;
	}		  

.site h1 {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin:11px 0px 0px 10px;; /* CSS adapté - origine 13px 0px 0px 10px */
	font-size:16px; /* CSS adapté - origine 20px */
	}


.fenetre-01 {
	display:block;
	width:40px; /* CSS adapté - origine 50px */
	height:40px; /* CSS adapté - origine 50px */
	margin:0px 0px 0px 0px ; /* CSS adapté - origine 0px 25px 0px 0px */
	float:right;
}

.volet-01 {
	display:block;
	width:40px; /* CSS adapté - origine 50px */
	height:40px; /* CSS adapté - origine 50px */
	overflow:hidden;
}

#photo_alain_moeuf {
	width:200%;
	height:auto;
	position:relative;
}

a #photo_alain_moeuf{
	margin-left:0px;
}

a:hover #photo_alain_moeuf {
	margin-left:-100%;
	box-shadow:3px 3px 7px #333;
}



/* style pour la partie album du niveau page index   */

.album-01 {
	max-width: 450px; /* CSS adapté - origine 1700px */
	min-width:320px; /* CSS adapté - origine 950px */
	/*min-height:300px;*/  
	margin:auto;
	margin-top:40px; /* CSS adapté - origine 50px */
	display:block;
	position: relative;
	z-index:10:
	}



/* style pour le menu page album du niveau page index  */

.navigation-01 {
	width:170px; /* CSS adapté - origine 172px */
	height:260px; /* CSS adapté - origine 364px */
	margin:5px 5px 5px 5px; /* CSS adapté - origine 10px 10px 0px 10px */
	background-color:#e4e4e4;
	float:left;
	}
  
.navigation-01 nav ul{
	margin:3px 5px 3px 5px; /* CSS adapté - origine 10px 10px 0px 10px */
	}

.navigation-01 nav ul li{
	margin:3px 0px 0px 0px; /* CSS adapté - origine 5px 0px 0px 0px */
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;   /* CSS adapté - origine 24px */
	padding:2px;  /* CSS adapté - origine 3px */
	}
	
.navigation-01 nav ul li a{
	color:#888;
	text-decoration:none;
	}
	
.navigation-01 nav ul .page a {
	color:#111;
	}
	
.navigation-01 nav ul li:hover {
	background-color:#aF0;
	background: rgba(0%, 0%, 0%, 0.02);
	}

.navigation-01 nav ul li:hover a {
	color:#111;
	margin:0px 0px 0px 5px; /* CSS adapté - origine 0px 0px 0px 10px */
	transition: all .2s;
	}


/* style pour le menu associé à auteur (haut à droite du header)  */


.menu-accordeon-02 {
	display:block;
	padding:0;
	width: 110px;
	float:right;
	list-style:none;
	text-align: right;
	margin:0px 0px 0px 0px;
	}
	
.menu-accordeon-02 ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	text-align: justify;
	float:right;
	}
	
.menu-accordeon-02 ul .titre_menu {
	width:110px;
	height:45px;
	float:right;
	}

.menu-accordeon-02 li ul {
	visibility:hidden;
	}


.menu-accordeon-02 .titre_menu:hover ul {
	visibility: visible;
	width:110px;
	height:110px;
	margin:5px 0px 0px 0px;
	background-color:#e4e4e4;
	opacity:0.95;
	}

.menu-accordeon-02 .titre_menu:hover ul li {
	width:110px;
	height:auto;
	float:right;
	margin:1px 0px 1px 0px;
	}

.menu-accordeon-02 .titre_menu:hover ul li a {
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	text-align:right;
	color:#888;
	width:100px;
	float:right;
	margin-left:0px;
	padding:3px 10px 3px 0px;
	}


.menu-accordeon-02 .titre_menu ul li:hover {
	background-color: rgba(0%, 0%, 0%, 0.02);
	}


.menu-accordeon-02 .titre_menu ul li a:hover {
	margin-right:10px;
	width:210px;
	color:#111;
	transition: all .3s;
	}
	


/* style pour la présentation des vignettes des albums du niveau page index  */

  
.album-01 .vig_photo {
	width:80px;  /* CSS adapté - origine 220px */
	height:80px;  /* CSS adapté - origine 220px */
	margin:5px;  /* CSS adapté - origine 10px */
	display:block;
	float:left;
	}
  
.album-01 img { 
	width:80px;  /* CSS adapté - origine 220px */
	height:80px;  /* CSS adapté - origine 220px */
	position: absolute;
	z-index: 0;
	}

.album-01 .titre_photo a {
	display:block;
	width:75px;  /* CSS adapté - origine 210px */
	height:75px;  /* CSS adapté - origine 210px */
	padding:5px 0px 0px 5px; /* CSS adapté - origine 0px 0px 0px 10px */
	font-family: Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0);
	background-color: rgba(255,255,255,0);
	position: absolute;
	text-decoration:none;
	float:left;
	box-shadow:3px 3px 7px #999999;
	z-index: 1;
	}
  
.album-01 .titre_photo a:hover {
	color:rgba(255,255,255,1);
	box-shadow:3px 3px 7px #333;
	background-image: url(image1.png);
	font-size:10px;  /* CSS adapté - origine 14px */
	}
	
	
.album-01 .plus_photos a, .album-01 .moins_photos a {
	display:block;
	width:80px;  
	height:80px; 
	position: absolute;
	text-decoration:none;
	float:left;
	box-shadow:3px 3px 7px #999999;
	z-index: 1;
	}
	
.album-01 .plus_photos a img, .album-01 .moins_photos a img {
	visibility:hidden;
	}	
  
.album-01 .plus_photos a:hover, .album-01 .moins_photos a:hover {
	box-shadow:3px 3px 7px #333;
	}

.album-01 .plus_photos a:hover img, .album-01 .moins_photos a:hover img {
	visibility: visible;
	}	


/* style pour le n° de page consultable niveau index */

.clearboth-page {
	display:block;
	clear:both;
	width:100%;
	float:left;
	margin:10px;
	border-bottom:#ddd 1px solid;
	}

	
.album-01 .bouton-page {
	display:block;
	float:left;
	height:40px;
	width:100%;
	margin:10px 0px 0px 10px;
	} 

	
.album-01 .affiche_page {
	display: block;
	height:40px;
	margin:auto;
	text-align:center;
	}
	
.album-01 .affiche_page .texte-page {
	float:left; 
	margin-top:7px; 
	color:#888; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px;
	}
	
.album-01 .affiche_page a {
	text-decoration:none;
	width:30px;
	margin-right:5px;
	diplay: bloc;
	float:left; 
	}
	
.album-01 .affiche_page a .page-01 {
	padding:8px 10px 8px 10px;
	color:#eee;
	background-color:#222;
	border:2px solid #fff;
	}
	
.album-01 .affiche_page a .page-nn {
	padding:8px 10px 8px 10px;
	color:#666;
	background-color:#eee;
	border:2px solid #fff;
	}



/* style pour le footer du niveau page index  */

	
.clearboth-contenu {
	display:block;
	width:100%;
	margin:auto;
	border-bottom:#ddd 1px solid;
	clear:both;
	}

.footer-01 {
	min-height:100px;
	width:100%;    
	background-color:#eee;
	display:block;
	}

.footer-01 .copyright, .footer-01 .footer-rubrique, .footer-01 .maj_nb_photos {
	width:470px; /* CSS adapté - origine 1700px */  
	margin:auto;
	display:block;
	position: relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bbb;
	padding:6px;
	}
	
.footer-01 .copyright {
	padding-top:15px;
	}

.footer-01 .footer-rubrique a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bbb;
	}			  

.footer-01 .footer-rubrique a:hover {
	color:#666;
	}			  

/* style pour la partie contenu de la page : auteur   */

.contenu_auteur {
	width:470px; /* CSS adapté - origine non */
	height:auto; /* CSS adapté - origine non */
	margin:auto;
	margin-top:40px; /* CSS adapté - origine 50px */  
	display:block;
	position: relative;
	z-index:10;
	}
	

.contenu_auteur #qui, .contenu_auteur #contact, .contenu_auteur #copyright {
	display:bloc;
	margin:auto;
	border-bottom: 1px solid #CCC;
	width:470px; /* CSS adapté - origine 60% */
	height:auto;
	clear:both;
	}
	
.art_auteur {
	display:bloc;
	width:470px; /* CSS adapté - origine non */
	height:auto; /* CSS adapté - origine non */
	}
	
.art_auteur aside img{
	display:bloc;
	width:50px; /* CSS adapté - origine 8% */
	height:auto;
	float:left;
	margin: 20px 10px 0px 0px; /* CSS adapté - origine 20px 5% 0px 0px */
	}

.art_auteur .texte {
	display:bloc;
	width:400px; /* CSS adapté - origine 87% */
	float:left;
	margin: 20px 0px 20px 0px;
	color:#999;
	font-size:0.8em;
	}
	
.art_auteur .texte h1{
	margin: 0px 0px 10px 0px;
	color:#444;
	}
	
.art_auteur .texte h4{
	margin: 10px 0px 5px 0px;
	color:#444;
	}

.art_auteur .texte p{
	margin: 0px 0px 5px 0px;
	}

.art_auteur .renvoi {
	font-size:0.9em;
	}
	
.art_auteur #renvoi_01 {
	margin-top:20px;
	}
	
.art_auteur .texte p a, .art_auteur .texte blockquote a{
	text-decoration:none;
	color:#666;
	}
	
.art_auteur .texte p a:hover, .art_auteur .texte blockquote a:hover{
	color:#000;
	background-color:#eee;
	}

	
/* style pour la partie menu accordéon   */


.menu-accordeon {
	padding:0;
	float:left;
	list-style:none;
	text-align: left;
	width: 240px;  /* CSS adapté - origine 240px */
	float:left;
	margin:0px 0px 0px -20px;
	}
	
.menu-accordeon ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	list-style:none;
	text-align: justify;
	}
	
.menu-accordeon li {
	color:#888;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	font-size:18px;  /* CSS adapté - origine 20px */
	}

.menu-accordeon  h1 {
	background-image:url(../icono/bt_menu_repos.png);
	margin:3px 0px 20px 0px;;
	background-repeat:no-repeat;
	}

.menu-accordeon .titre_menu  h1 a{
	color:#888;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width:320px;
	margin:4px 0px 0px 40px;  /* CSS adapté - origine -3px 0px 4px 40px */
	font-size:17px;  /* CSS adapté - origine 20px */
	}
	
.menu-accordeon  h1:hover {
	background-image:url(../icono/bt_menu_actif.png);
	}

.menu-accordeon li ul {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	width:180px;  /* CSS adapté - origine 230px */
	}

.menu-accordeon li li {
	max-height:0;
	overflow: hidden;
	transition: all .5s;
	border-radius:0;
	background-color:#e4e4e4; /*  CSS adapté 2015 08 13*/
	opacity:0.90; /*  CSS adapté 2015 08 13*/
	box-shadow: none;
	border:none;
	margin-top:0px;
	}
	
.menu-accordeon a {
	display:block;
	text-decoration: none;
	color: #777;
	padding: 5px 0px 5px 0px;  /* CSS adapté - origine 10px 0px 10px 0px */
	}

.menu-accordeon ul li a, .menu-accordeon li:hover li a {
	margin:2px 0px 2px 0px; /*  CSS adapté 2015 08 13*/
	font-family:Arial, Helvetica, sans-serif; /*  CSS adapté 2015 08 13*/
	font-size:17px; /*  CSS adapté 2015 08 13*/
	padding:2px; /*  CSS adapté 2015 08 13*/
	}
	
.menu-accordeon li a:hover {
	color:#222;
	}

.menu-accordeon li li:hover {
	background-color: #dedede;  /*  CSS adapté 2015 08 13*/
	opacity:0.9;  /*  CSS adapté 2015 08 13*/
	padding:0px 0px 0px 20px;
	}

.menu-accordeon li li a:hover {
	color:#111;  /*  CSS adapté 2015 08 13*/
	}
	
.menu-accordeon .titre_menu  h1 a:hover{
	color:#fff;
	}

.menu-accordeon ul li:last-child {
	border:none;
	}

.menu-accordeon li:hover li {
	max-height: 230px;
	}
				  
/* -----------------------------------------------  */
/* style pour la partie contenu de la page : photo  */
/* -----------------------------------------------  */

.contenu_photo {
	/*max-width: 490px;
	min-width:320px;*/
	width:100%;
	height:100%;   
	margin:auto;
	display:block;
	position: relative;
	/*background-color:#0F0;*/
	}


/* style pour la partie espace : photo  */



.contenu_photo .espace_photo {
	/*max-width: 960px;  
	min-width:500px;*/  
	margin:auto;
	margin-top:40px; /* CSS adapté - origine 50px */
	display:block;
	z-index:10;
	}
	
.contenu_photo .espace_photo .ecran_photo {
	display:block;
	width:470px; /* CSS adapté - origine 1618px */
	height:280px; /* CSS adapté - origine 1000px */
	margin:auto;
	padding:20px 0px; 
	/*background-color:#aF0;*/
	}

.ecran_photo .bord_gauche {

	display:block;
	width:15px; 
	height:100%;
	float:left;
	}

.avant {
	display:block;
	width:15px; 
	margin:0px 0px 0px 0px ;
	float:left;
	position:relative;
	top:50%;
	}

.panoramique-01 {
	display:block;
	width:440px; /* CSS adapté - origine 1500px */
	margin:auto;
	height:280px; /* CSS adapté - origine 1000px */ 
	float:left;
	position:relative;
	top:6%;
 	/*background-color:#0F0;*/
 	  }
	  
.panoramique-01 .bt_zoom {
	display:block;
	width:81px;  
	height:30px;
	position:relative;
	top:28%;
	margin:auto;
	z-index:2;
	}
	
.panoramique-01 .bt_zoom a {
	display:block;
	width:81px;  
	height:30px;
	background-image: url(../icono/bt-zoom_p-repos-2.png);
	}
	
.panoramique-01 .bt_zoom a:hover {
	background-image:url(../icono/bt-zoom_p-actif-2.png);
	}


.panoramique-01 .pano_cadre {
	display:block;
	margin:auto;
	margin-top:-10px;
	width:420px; /* CSS adapté - origine 1500px */ 
	height:140px; /* CSS adapté - origine 500px */ 
	position:relative;
	top:27%;
	}	  
	  
.panoramique-01 .photo {
	display:block;
	width:420px; /* CSS adapté - origine 1500px */
	height:140px; /* CSS adapté - origine 1500px */
	z-index:0;
	top:0%;
	position:relative;
	}
	
.panoramique-01 .vitre {
	display:block;
	width:420px; /* CSS adapté - origine 1500px */ 
	height:140px; /* CSS adapté - origine 500px */ 
	z-index:1;
	position: absolute;
	top:0px;
	}



.panoramique-02 {
	display:block;
	width:440px; /* CSS adapté - origine 1618px */
	margin:auto;
	height:280px; /* CSS adapté - origine 1000px */ 
	float:left;
	position:relative;
	top:0%;
	  }
	  
.panoramique-02 .bt_zoom {
	display: bloc;
	width:81px;  
	height:30px;
	position:relative;
	top:13%; /* CSS adapté - origine 7% */
	margin:auto;
	z-index:2;
	}
	
.panoramique-02 .bt_zoom a {
	display:block;
	width:81px;  
	height:30px;
	background-image: url(../icono/bt-zoom_m-repos-2.png);
	}
	
.panoramique-02 .bt_zoom a:hover {
	background-image: url(../icono/bt-zoom_m-actif-2.png);
	}
	
.panoramique-02 .pano_cadre {
	display:block;
	margin:auto;
	margin-top: 0px;
	width:440px; /* CSS adapté - origine 1618px */ 
	height:240px; /* CSS adapté - origine 920px */ 
	position:relative;
	top:10%;
	overflow:scroll;
	}	  
	  
.panoramique-02 .photo {
	display:block;
	width:auto;
	height:220px; /* CSS adapté - origine 900px */ 
	z-index:0;
	top:0%;
	position:relative;
	}
	
.panoramique-02 .vitre {
	display:block;
	width:auto;
	height:220px; /* CSS adapté - origine 900px */ 
	z-index:1;
	position: absolute;
	top:0px;
	}

.panoramique-03 {
	display:block;
	width:440px; /* CSS adapté - origine 1618px */ 
	height:280px; /* CSS adapté - origine 1000px */ 
	margin:auto;
	float:left;
	position:relative;
	top:0%;
	/*background-color:#0F0;*/
	  }
	  
.panoramique-03 .bt_zoom {
	display:block;
	width:81px;  
	height:30px;
	position: absolute;
	margin-left:340px; /* CSS adapté - origine 1156px */ 
	top:90%;
	z-index:2;
	}
	
.panoramique-03 .bt_zoom a {
	display:block;
	width:81px;  
	height:30px;
	background-image: url(../icono/bt-zoom_p-repos-2.png);
	}
	
.panoramique-03 .bt_zoom a:hover {
	background-image:url(../icono/bt-zoom_p-actif-2.png);
	}


.panoramique-03 .pano_cadre {
	display:block;
	margin:auto;
	width:186px; /* CSS adapté - origine 666px */ 
	height:280px; /* CSS adapté - origine 900px */ 
	/*background-color:#540;*/
	position:relative;
	top:0%;
	}	  
	  
.panoramique-03 .photo {
	display:block;
	width:186px; /* CSS adapté - origine 666px */ 
	height:280px; /* CSS adapté - origine 900px */ 
	z-index:0;
	top:0px;
	/*background-color:#830;*/
	position:relative;
	}
	
.panoramique-03 .vitre {
	display:block;
	width:186px; /* CSS adapté - origine 666px */ 
	height:280px; /* CSS adapté - origine 900px */ 
	z-index:1;
	position: absolute;
	top:0px;
	}



.panoramique-04 {
	display:block;
	width:440px; /* CSS adapté - origine 1618px */ 
	height:280px; /* CSS adapté - origine 1000px */
	margin:auto;
	float:left;
	position:relative;
	top:0%;
/*	background-color:#0F0;*/
	  }
	  
.panoramique-04 .bt_zoom {
	display:block;
	width:81px;  
	height:30px;
	position: absolute;
	margin-left:340px; /* CSS adapté - origine 1300px */
	top:90%;
	z-index:2;
	}
	
.panoramique-04 .bt_zoom a {
	display:block;
	width:81px;  
	height:30px;
	background-image: url(../icono/bt-zoom_m-repos-2.png);
	}
	
.panoramique-04 .bt_zoom a:hover {
	background-image: url(../icono/bt-zoom_m-actif-2.png);
	}
	
.panoramique-04 .pano_cadre {
	display:block;
	margin:auto;
	width:260px; /* CSS adapté - origine 920px */
	height:280px; /* CSS adapté - origine 1000px */
	position:relative;
	top:0%;
	overflow:scroll;
	}	  
	  
.panoramique-04 .photo {
	display:block;
	width:240px;
	height:auto;
	z-index:0;
	top:0%;
	position:relative;
	}
	
.panoramique-04 .vitre {
	display:block;
	width:240px;
	height:auto;
	z-index:1;
	position: absolute;
	top:0px;
	}


.paysage, .portrait, .carre {
	display:block;
	width:440px; /* CSS adapté - origine 1618px */ 
	height:280px; /* CSS adapté - origine 1000px */ 
	margin:auto;
	float:left;
	  }
	  
.paysage .photo {
	display:block;
	width:420px; /* CSS adapté - origine 1500px */ 
	height:280px; /* CSS adapté - origine 1000px */ 
	margin:auto;
	z-index:0;
	}

.portrait .photo {
	display:block;
	width:186px; /* CSS adapté - origine 666px */ 
	height:280px; /* CSS adapté - origine 1000px */ 
	margin:auto;
	z-index:0;
	}

.carre .photo {
	display:block;
	width:280px; /* CSS adapté - origine 1000px */
	height:280px; /* CSS adapté - origine 1000px */
	margin:auto;
	z-index:0;
	}
	
.paysage .vitre, .portrait .vitre, .carre .vitre {
	display:block;
	width:440px; /* CSS adapté - origine 1618px */ 
	height:280px; /* CSS adapté - origine 1000px */ 
	margin:auto;
	z-index:1;
	position: absolute;
	top:10px;
	}


.ecran_photo .bord_droit {
	display:block;
	width:15px;
	height:100%;
	float:left;
	}

.apres{
	display:block;
	width:15px;
	margin:0px 0px 0px 0px ;
	float:right;
	position:relative;
	top:50%;
	}

.bt_aa_cadre{
	width:100%;
	height:100%;
	overflow:hidden;
	}

.bouton {
	width:300%;
	height:100%;
	} 

a .bouton  {
	margin-left:-100%;
	cursor:e-resize;
	}

a:hover .bouton  {
	margin-left:-200%;
	}

.ecran_photo .bord_gauche:hover, .ecran_photo .bord_droit:hover {
	background: rgba(8%, 8%, 8%, 0.90);
	}


/* style pour le bloc info des pages niveau photo */

.clearboth {
	display:block;
	width:470px; /* CSS adapté - origine 100% */ 
	margin:auto;
	border-bottom:#222 1px solid;
	clear:both;
	}

.bloc_info {
	/*min-height:100px;*/
	width:100%; 
	height:auto;  
	display:block;
	padding:10px 0px 10px 0px;
	}

.information {
	display:bloc;
	margin:auto;
	width:470px; /* CSS adapté - origine 1040px */
	height:auto;
	margin-bottom::10px;
	/*min-height:240px;*/
	/* background-color:#FF0; */
	}

.commentaire{
	display:bloc;
	width:470px; /* CSS adapté - origine 470px */
	float:left;
	padding:0px 0px 10px 5px;
	/*padding-right:20px;*/ /* CSS adapté - origine 30px */
	margin:0px 10px 10px 0px; /* CSS adapté - origine 0px 10px 10px 10px */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; /* CSS adapté - origine 12px */
	color:#ccc;
	line-height:1.5em;
	/* background-color:#0F0; */
	border-bottom: 1px solid #222;
	}

.commentaire h2, .commentaire h3 {
	margin-bottom:4px;
	color:#eee;
	}

.commentaire a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background-color:#333;
	}

.commentaire a:hover {
	color:#222;
	background-color:#ccc;
	}

.plus_photo{
	display:bloc;
	width:470px; /* CSS adapté - origine 520px */
	float:right;
	/* background-color:#C00; */
	}	

.reglage{
	display:bloc;
	width:auto; /* CSS adapté - origine 240px */
	float:left;
	padding:0px;
	margin:0px 5px 0px 0px; /* CSS adapté - origine 0px 10px 0px 10px */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	/* background-color:#03F; */
	}

table{
	width:180px; /* CSS adapté - origine pas de CSS */
	font-size:12px;  /* CSS adapté - origine pas de CSS */
	/* background-color:#f3F; */
	}	

.titre_ligne, .titre_tableau {
	text-align:justify;
	padding-bottom:4px;
	color:#eee;
	}

.titre_tableau{
	padding-top:6px;
	}
	
.titre_tableau h2 a {
	text-decoration:none;
	color:#bbb;
	}

.titre_tableau h2:hover a {
	color:#fff;
	}


.partage {
	display:bloc;
	width:280px; /* CSS adapté - origine 180px */
	height:auto;
	float:right;
	padding:0px;
	margin:8px 0px 0px 5px; /* CSS adapté - origine 0px 10px 0px 10px */
	/* background-color:#43F;*/
	}
	
.partage .telecharger a {
	display:block;
	margin:8px 0px 0px 0px;
	width:138px;
	height:30px;
	margin-top:3px;
	background-image:url(../icono/bt-telecharger-repos-2.png);
	}

.partage .telecharger a:hover {
	background-image:url(../icono/bt-telecharger-actif-2.png);
	}
	
.partage .contact a {
	display:block;
	margin:8px 0px 0px 0px;
	margin-top:10px;
	margin-bottom:20px;
	width:138px;
	height:30px;
	background-image:url(../icono/bt-contact-repos-2.png);
	}

.partage .contact a:hover {
	background-image:url(../icono/bt-contact-actif-2.png);
	}
	
.partage .echange  {
	display:block;
	width:115px;
	height:auto;
	float:right;
	margin:-90px 0px 0px 0px;
	/* background-color:#4aF;*/
	}
		
.partage .echange a {
	display:block;
	/*margin:auto;*/
	margin:0px 0px 10px 0px;
	}
	

/* --------------------page telechargement ------------------------------ */

	
.chargement {
	display:block;
	width:320px;
	margin:auto;
	margin-top:100px;
	padding:20px 10px 20px 10px ;
	border:2px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	}
	

.chargement .info_texte p {
	font-size:0.8em;
	color: #666;
	margin-bottom:10px;
	}
	
.chargement .info_texte ul {
	font-size:0.8em;
	color: #666;
	list-style-position:outside;
	margin-left:20px;
	}
	
.chargement .info_texte ul li {
	list-style-type: disc;
	}
	
	

.chargement .engag_texte {
	display:bloc:
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px solid #666;
	}


.chargement .engag_texte p {
	font-size:0.9em;
	color: #444;
	margin-bottom:10px;
	}


.chargement .bt_telecharger {
	display:block;
	width:318px;
	height:37px;
	margin: auto;
	margin-top:30px;
	margin-bottom:15px;
	}
	
.chargement .bt_telecharger a {
	display:block;
	width:318px;
	height:37px;
	margin: auto;
	background-image: url(../icono/bt-charge_photo-repos.png);
	}

.chargement .bt_telecharger a:hover {
	display:block;
	width:318px;
	height:37px;
	margin: auto;
	margin-top:15px;
	margin-bottom:0px;
	}


.chargement .bt_retour {
	display:block;
	margin-top:40px;
	margin-bottom:0px;
	}
	
.chargement .bt_retour a {
	display:block;
	width:318px;
	height:37px;
	margin: auto;
	background-image: url(../icono/bt-retour_photo-repos.png);
	}

.chargement .bt_retour a:hover {
	background-image: url(../icono/bt-retour_photo-actif.png);
	}

/* --------------------page telechargement ------------------------------ */



/* --------------------page contact ------------------------------ */

.box_contact {
	display:block;
	width:350px;
	margin:auto;
	margin-top:100px;
	padding:20px 10px 20px 10px ;
	border:2px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	}

.box_contact .info_texte p {
	font-size:0.8em;
	color: #666;
	margin-bottom:10px;
	}
	
.box_contact  .ref_texte {
	display:bloc;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	border-top:1px solid #666;
	}


.box_contact .ref_texte p {
	font-size:0.9em;
	color: #444;
	margin-bottom:10px;
	}
	
.box_contact .bt_retour {
	display:block;
	width:318px;
	height:37px;
	margin: auto;
	margin-top:15px;
	margin-bottom:0px;
	}
	
.box_contact .bt_retour a {
	display:block;
	width:318px;
	height:37px;
	margin: auto;
	background-image: url(../icono/bt-retour_photo-repos.png);
	}

.box_contact .bt_retour a:hover {
	background-image: url(../icono/bt-retour_photo-actif.png);
	}
	
/* --------------------page contact ------------------------------ */


	
/* style pour la partie album du niveau page photo   */

.planche_contact {
	display:bloc;
	width: 470px; /* CSS adapté - origine 1700px */
	margin:auto;
	margin-top: 20px;
	/*background-color:#0F0;*/
	}

.planche_contact h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#CCC;
	margin: 0px 0px 0px 10px; /* CSS adapté - origine 0px 0px 0px 0px */
	}
	
.album-02 {
	/*width: 470px;
	min-width:320px;*/
	width:auto;    
	margin:auto;
	/*margin-top:10px;*/
	display:block;
	position: relative;
	z-index:10;
	}
	
/* style pour la présentation des vignettes des albums du niveau page photos  */

  
.album-02 .vig_photo {
	width:80px;  /* à reduire - CSS adapté*/
	height:80px;  /* à reduire - CSS adapté*/
	margin:8px;
	display:block;
	float:left;
	}
  
.album-02 img { 
	width:80px;  /* à reduire - CSS adapté*/
	height:80px;  /* à reduire - CSS adapté*/
	position: absolute;
	z-index: 0;
	}

.album-02 .titre_photo a {
	display:block;
	width:72px;  /* à reduire - CSS adapté*/
	height:72px;  /* à reduire - CSS adapté*/
	padding:8px 0px 0px 8px;  /* à reduire - CSS adapté*/
	font-family: Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0);
	background-color: rgba(255,255,255,0);
	position: absolute;
	text-decoration:none;
	float:left;
	box-shadow:3px 3px 7px #333;
	z-index: 1;
	}
  
.album-02 .titre_photo a:hover {
	color:rgba(255,255,255,1);
	box-shadow:3px 3px 7px #666;
	background-image: url(image1.png);
	font-size:8px;  /* à reduire - CSS adapté*/
	}


.album-02 .plus_photos a, .album-02 .moins_photos a {
	display:block;
	width:80px;  
	height:80px; 
	position: absolute;
	text-decoration:none;
	float:left;
	box-shadow:3px 3px 7px #333;
	z-index: 1;
	}
	
.album-02 .plus_photos a img, .album-02 .moins_photos a img {
	visibility:hidden;
	}	
  
.album-02 .plus_photos a:hover, .album-02 .moins_photos a:hover {
	display:block;
	width:120px;  
	height:120px; 
	box-shadow:3px 3px 7px #666;
	}

.album-02 .plus_photos a:hover img, .album-02 .moins_photos a:hover img {
	visibility: visible;
	}	

/* style pour le n° de page consultable niveau des pages photos */

.clearboth-page {
	display:block;
	clear:both;
	width:100%;
	float:left;
	margin:10px;
	border-bottom:#333 1px solid;
	}

	
.album-02 .bouton-page {
	display:block;
	float:left;
	height:40px;
	width:100%;
	margin:10px 0px 0px 10px;

	} 

.album-02 .affiche_page {
	display: block;
	height:40px;
	margin:auto;
	text-align:center;
	}
	
.album-02 .texte-page {
	display:block; 
	float:left; margin-top:7px; 
	color:#888; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px;
	}
	
.album-02 .affiche_page .texte-page {
	float:left; 
	margin-top:7px; 
	color:#888; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px;
	}

.album-02 .affiche_page a {
	text-decoration:none;
	width:30px;
	margin-right:5px;
	diplay: bloc;
	float:left; 
	}
	
	
.album-02 .affiche_page a .page-01 {
	padding:8px 10px 8px 10px;
	color:#ccc;
	background-color:#444;
	border:2px solid #000;
	}
	
.album-02 .affiche_page a .page-nn {
	padding:8px 10px 8px 10px;
	color:#888;
	background-color:#222;
	border:2px solid #000;
	}
	

	
/* style pour le footer des pages niveau photo */

	
.clearboth-contenu {
	display:block;
	width:100%;
	margin:auto;
	border-bottom:#333 1px solid;
	clear:both;
	}

.footer-02  {
	min-height:100px;
	width:100%;    
	background-color:#18181b;
	display:block;
	}

.footer-02 .copyright, .footer-02 .footer-rubrique, .footer-02 .maj_nb_photos {
	width:470px; /* CSS adapté - origine 1618px */    
	margin:auto;
	display:block;
	position: relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	padding:6px;
	}
	
.footer-02 .copyright {
	padding-top:15px;
	}

.footer-02 .footer-rubrique a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#888;
	}			  

.footer-02 .footer-rubrique a:hover {
	color:#ddd;
	}