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


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




/*les élements du fond de page */


.fond_blanc {
	display:block;
	width:100%;
	background-color: #fff; 
	position:absolute;
	}
 
.fond_noir {
	display:block;
	width:100%;
	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:50px;
	width:100%;    
	margin:auto;
	margin-top:-50px;
	background-color:#18181b;
	z-index:100;
	position:fixed;
	display:block;
	}
.site{
	max-width: 1440px; /* CSS adapté - origine 1700px */
	min-width:500px;
	width:auto;    
	margin:auto;
	display:block;
	position: relative;
	}		  

.site h1 {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin:13px 0px 0px 10px;
	font-size:20px;
	}


.fenetre-01 {
	display:block;
	width:50px;
	height:50px;
	margin:0px 0px 0px 0px ;
	float:right;
}

.volet-01 {
	display:block;
	width:50px;
	height: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: 1440px; /* CSS adapté - origine 1700px */
	min-width:500px;
	min-height:800px; /* CSS adapté - origine 950px */
	margin:auto;
	margin-top:50px;
	display:block;
	position: relative;
	z-index:10:
	}



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


.navigation-01 {
	width:220px; 
	height:460px; 
	margin:10px 10px 0px 10px; 
	background-color:#e4e4e4;
	float:left;
	}
  
.navigation-01 nav ul{
	margin:10px 10px 10px 10px; 
	}

.navigation-01 nav ul li{
	margin:5px 0px 0px 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px; 
	padding: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 10px; 
			transition: all .3s;
}


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


.menu-accordeon-02 {
	display:block;
	padding:0;
	width: 240px;
	float:right;
	list-style:none;
	text-align: right;
	margin:0px 0px 0px -20px;
	}
	
.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:220px;
	height:60px;
	float:right;
	}

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


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

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

.menu-accordeon-02 .titre_menu:hover ul li a {
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:right;
	color:#888;
	width:210px;
	float:right;
	margin-left:0px;
	padding:5px 10px 5px 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:220px;
	height:220px;
	margin:10px;
	display:block;
	float:left;
	}
  
.album-01 img { 
	width:220px;
	height:220px;
	position: absolute;
	z-index: 0;
	}

.album-01 .titre_photo a {
	display:block;
	width:210px;
	height:210px;
	padding:10px 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:14px;
	}
	
	
.album-01 .plus_photos a, .album-01 .moins_photos a {
	display:block;
	width:220px;  
	height:220px; 
	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 des pages niveau 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:1440px; /* 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 {
	max-width: 1440px; /* CSS adapté - origine 1700px */
	min-width:500px;
	min-height:950px;  
	margin:auto;
	margin-top: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:65%; /* CSS adapté - origine 60% */
	height:auto;
	clear:both;
	}
	
.art_auteur {
	display:bloc;
	}
	
.art_auteur aside img{
	display:bloc;
	width:8%;
	height:auto;
	float:left;
	margin: 20px 5% 0px 0px;
	}

.art_auteur .texte {
	display:bloc;
	width:87%;
	float:left;
	margin: 20px 0px 20px 0px;
	color:#999;
	}
	
.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;
	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: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:-3px 0px 4px 40px;;
	font-size: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:24px;
	width: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: 10px 0px 10px 0px;
	}

.menu-accordeon ul li a, .menu-accordeon li:hover li a {
	margin:5px 0px 0px 0px; /*  CSS adapté 2015 08 13*/
	font-family:Arial, Helvetica, sans-serif; /*  CSS adapté 2015 08 13*/
	font-size:24px; /*  CSS adapté 2015 08 13*/
	padding:3px; /*  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:#222;
	}
	
.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: 1440px; /* CSS adapté - origine 1668px */
	min-width:500px;
	width:100%;
	height:100%;   
	margin:auto;
	display:block;
	position: relative;
	}


/* style pour la partie espace : photo  */



.contenu_photo .espace_photo {
	max-width: 1440px; /* CSS adapté - origine 1668px */  
	min-width:500px;  
	margin:auto;
	margin-top:50px;
	display:block;
	z-index:10;
	}
	
.contenu_photo .espace_photo .ecran_photo {
	display:block;
	height:870px; /* CSS adapté - origine 1000px */
	margin:auto;
	padding:20px 0px; 
}

.ecran_photo .bord_gauche {
	display:block;
	width:25px; 
	height:100%;
	float:left;
	}

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

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


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



.panoramique-02 {
	display:block;
	width:1363px; /* CSS adapté - origine 1618px */
	margin:auto;
	height:870px; /* CSS adapté - origine 1000px */ 
	float:left;
	position:relative;
	top:0%;
	  }
	  
.panoramique-02 .bt_zoom {
	display: bloc;
	width:100px;
	height:37px;
	position:relative;
	top:8%; /* CSS adapté - origine 7% */
	margin:auto;
	z-index:2;
	}
	
.panoramique-02 .bt_zoom a {
	display:block;
	width:100px;
	height:37px;
	background-image: url(../icono/bt-zoom_m-repos.png);
	}
	
.panoramique-02 .bt_zoom a:hover {
	background-image: url(../icono/bt-zoom_m-actif.png);
	}
	
	


.panoramique-02 .pano_cadre {
	display:block;
	margin:auto;
	margin-top:-10px;
	width:1363px; /* CSS adapté - origine 1618px */ 
	height:757px; /* CSS adapté - origine 920px */ 
	position:relative;
	top:7%;
	overflow:scroll;
	}	  
	  
.panoramique-02 .photo {
	display:block;
	width:auto;
	height:737px; /* CSS adapté - origine 900px */ 
	z-index:0;
	top:0%;
	position:relative;
	}
	
.panoramique-02 .vitre {
	display:block;
	width:auto;
	height:737px; /* CSS adapté - origine 900px */ 
	z-index:1;
	position: absolute;
	top:0px;
	}

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


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



.panoramique-04 {
	display:block;
	width:1363px; /* CSS adapté - origine 1618px */ 
	height:870px; /* CSS adapté - origine 1000px */
	margin:auto;
	float:left;
	position:relative;
	top:0%;
/*	background-color:#0F0;*/
	  }
	  
.panoramique-04 .bt_zoom {
	display:block;
	width:100px;  
	height:37px;
	position: absolute;
	margin-left:1160px; /* CSS adapté - origine 1300px */
	top:94%;
	z-index:2;
	}
	
.panoramique-04 .bt_zoom a {
	display:block;
	width:100px;
	height:37px;
	background-image: url(../icono/bt-zoom_m-repos.png);
	}
	
.panoramique-04 .bt_zoom a:hover {
	background-image: url(../icono/bt-zoom_m-actif.png);
	}
	
.panoramique-04 .pano_cadre {
	display:block;
	margin:auto;
	width:920px;
	height:870px; /* CSS adapté - origine 1000px */
	position:relative;
	top:0%;
	overflow:scroll;
	}	  
	  
.panoramique-04 .photo {
	display:block;
	width:900px;
	height:auto;
	z-index:0;
	top:0%;
	position:relative;
	}
	
.panoramique-04 .vitre {
	display:block;
	width:900px;
	height:auto;
	z-index:1;
	position: absolute;
	top:0px;
	}


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

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


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

.apres{
	display:block;
	width:25px;
	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:1413px; /* CSS adapté - origine 1668px */ 
	margin:auto;
	border-bottom:#222 1px solid;
	clear:both;
	}

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

.information {
	display:bloc;
	margin:auto;
	width:970px; /* CSS adapté - origine 970px */
	margin-bottom::10px;
	height:auto;
	min-height:240px;
	}

.commentaire{
	display:bloc;
	width:440px; /* CSS adapté - origine 440px */
	float:left;
	padding-top:10px;
	padding-right:30px;
	margin:0px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ccc;
	line-height:1.5em;
	}

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

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

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

.plus_photo{
	display:bloc;
	width:460px; /* CSS adapté - origine 460px */
	float:left;
	}	

.reglage{
	display:bloc;
	width:240px;
	float:left;
	padding:0px;
	margin:0px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ccc;
	}

table{
	}	

.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:180px; /* CSS adapté - origine 180px */
	height:auto;
	float:left;
	padding:0px;
	margin:0px 10px 0px 10px;
	}
	
.partage .telecharger {
	display:block;
	width:170px;
	height:37px;
	float:left;
	margin:10px 0px 0px 0px;
	}
	
.partage .telecharger a {
	display:block;
	width:170px;
	height:37px;
	background-image:url(../icono/bt-telecharger-repos.png);
	}

.partage .telecharger a:hover {
	background-image:url(../icono/bt-telecharger-actif.png);
	}
	
.partage .contact {
	display:block;
	width:170px;
	height:37px;
	float:left;
	margin:10px 0px 20px 0px;
	}
	
.partage .contact a {
	display:block;
	width:170px;
	height:37px;
	background-image:url(../icono/bt-contact-repos.png);
	}

.partage .contact a:hover {
	background-image:url(../icono/bt-contact-actif.png);
	}
	
.partage .echange  {
	display:block;
	width:167px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	}
		
.partage .echange a {
	display:block;
	margin:auto;
	margin:0px 32px 10px 31px;
	}
	

/* --------------------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: 1413px; /* CSS adapté - origine 1700px */
	margin: 20px 0px 0px 0px;
	}

.planche_contact h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#CCC;
	margin: 0px 0px 0px 10px; /* CSS adapté - origine 0px 0px 0px 0px */
	}
	
.album-02 {
	width: 1413px; /* CSS adapté - origine 1700px */
	min-width:500px;
	width:auto;    
	margin: 20px 0px 0px 0px; /* CSS adapté - origine 20px 0px 0px -10px */
	display:block;
	position: relative;
	z-index:10:
	}
	
  
.album-02 .vig_photo {
	width:120px;
	height:120px;
	margin:10px;
	display:block;
	float:left;
	}
  
.album-02 img { 
	width:120px;
	height:120px;
	position: absolute;
	z-index: 0;
	}

.album-02 .titre_photo a {
	display:block;
	width:110px;
	height:110px;
	padding:10px 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 #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:12px;
	}


.album-02 .plus_photos a, .album-02 .moins_photos a {
	display:block;
	width:120px;  
	height:120px; 
	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:1440px; /* 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;
	}