@charset "utf-8";
body {
min-width:1000px;
margin:auto;
}
																/* logo */
.logo {		
position:absolute;
left:10%;
top:20px;
width:130px;
}
.nm {
text-decoration:none;
}
.nomprenom{
color:black;
text-shadow: 2px 2px 4px #999;
font-size:26px;
font-variant:small-caps;
font-family:'Century gothic';
letter-spacing:-1px;
}
.photographedusauvage{
font-family: aguafina-script;
color:black;
/*text-shadow: 2px 2px 4px #999;*/
font-size:18px;
}

.texte_accueil {
font-style: normal;
position:relative;
left:18%;
top:40px;
width:300px;
letter-spacing:2px;
opacity:0.8;
}

/*.texte_accueil a:hover {
font-style:italic;
} */
																/*Collecte */
.collecte {
text-align:center;
margin-top:20px;
font-family:comic sans ms;
}

.collecte span {
color:red;
font-weight:bold;
}

																/* Barre Navigation  */
																
.trait_sep{
		text-align: center;
		opacity:0.4;
		margin-top:30px;
}
															
#navi{
position:relative;
margin-left:25%;
top:-20px;
}

.navigation {
min-width:850px;
}
.navigation li{
display:inline;		
list-style-type:none;
font-variant:small-caps;	

}
.navigation a{
text-decoration:none;
color : black;
}
nav li {
	margin-right:30px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 15px;
	text-shadow: 2px 2px 4px #999;
	}
nav {
	text-align: center;
}
nav li a:hover{
	font-style:italic;
}
													/* Page Index*/

/*#div_photo_accueil {
width: 102%; 
height: 600px;
margin:auto;
background-image: url("images/num-15.jpg");  The image used 
background-color: #cccccc; /* Used if the image is unavailable *
background-position: center; /* Center the image 
background-repeat: no-repeat; /* Do not repeat the image *
background-size: cover; /* Resize the background image to cover the entire container *
}
*/

/* --------- CARROUSSEL -----*/
#slider {
width:101%;
overflow :hidden;
margin:auto;
margin-left:-1%;
margin-top:80px;
}

#slider figure {
  position: relative; 
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}
#slider figure img { width: 20%; height: auto; float: left; }

@keyframes slidy {
  0% { left: 0%; }
  15% { left: 0%; }
  20% { left: -100%; }
  35% { left: -100%; }
  40% { left: -200%; }
  55% { left: -200%; }
  60% { left: -300%; }
  75% { left: -300%; }
  80% { left: -400%; }
  97% { left: -400%; }
  100% { left: 0%; }
}/*
@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}*/

#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 30s slidy infinite;
}


/*------------ FIN CARROUSSEL --------*/


.block_footer_accueil{
width:70%;
min-width:900px;
height:200px;
margin:auto;
margin-top:6%;
margin-bottom:100px;
text-align:center;
}

.souligne_texte_accueil {
	border-bottom:1px rgba(180, 180, 180, .5) solid;
	font-size:15px;
	font-variant:small-caps;
	font-family:"Lucida Grande";

}
.reseaux_sociaux{
	position:relative;
	width:280px;
	height:200px;
	border-right:1px rgba(180, 180, 180, .5) solid;
	display:inline-block;
	text-align:center;
	text-decoration : none;
	font-size:14px;
	padding-right:5px;
	font-family:"Century gothic";
}

.reseaux_sociaux a{
	color: #808080;
}
	
.news{
	position:relative;
	width:280px;
	min-width:200px;
	height:200px;
	border-right:1px rgba(180, 180, 180, .5) solid;
	display:inline-block;
	text-align:center;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	font-family:"Century gothic";
}
	
.contact_accueil{
	position:relative;
	width:280px;
	min-width:200px;
	height:200px;
	display:inline-block;
	text-align:center;
	font-size:14px;
	font-family:"Century gothic";
}
.contact_accueil a{
	color: #808080;
}



															/*Page Auteur - a propos*/


											
.presentation {
padding-left:10%;
padding-right:2%;
padding-top:2%;
margin:auto; margin-top:-2%; margin-bottom:2%;
width:70%;
background-size:cover;
text-align:justify;
font-size:14px;
font-family:Century Gothic;
line-height:30px;
text-align:justify;
}

.page_auteur{
margin-top:50px;
}
.img_guilhem{
	width:70%;
	min-width:450px;
	max-width:900px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.img_tampon_logo {
float:right;
margin-right:10%;
}
.title_subject{
font-style:italic;
Font-family:Century Gothic;
font-size:20px;
font-weight:bold;
}

.span_a_visited a:visited{
    color:#033a85;
    }
.span_a_visited a {
    color:#033a85;
    }
.span_subject {
/*color:#5f3d12;*/
font-weight:bold;
font-style:italic;
}

.charte_ethique {
font-style:italic;
font-size:12px;	
color:rgba(0,0,0,0.5);
width:80%;
margin:auto;
margin-bottom:40px;
}

.presentation_palmares {
padding-left:10%;
padding-right:2%;
padding-top:2%;
margin:auto; margin-top:-2%; margin-bottom:2%;
width:70%;
background-size:cover;
text-align:justify;
font-size:14px;
font-family:Century Gothic;
line-height:30px;
}

.logo_assos {
	width:5px;
}



/*.presentation_palmares li:before {
	content:"-";
}*/



											/*Page Contact*/


.contact{
color:#373737;
margin:auto;
font-family:"Century Gothic";
font-variant:small-caps;
}
.miseenformecontact {
border-radius:2px;
background-image:linear-gradient(#fafafa, #ffffff); /* Couleur de fond formulaire*/
}
.miseenformecontactinfo {
border-radius:2px;
background-image:linear-gradient(#fafafa, #ffffff); /* Couleur de fond formulaire*/
height:30px;
}
/* --------------- SI ACTIVATION PLACEHOLDER (texte dans champs)----
.miseenformecontactinfo placeholder {
color: grey	;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-variant:small-caps;
font-size:14px;
text-decoration:italic;
} */

.bouton_envoyer {
border-radius:2px;
text-align:center;
background-image:linear-gradient(#fafafa, #ffffff); /* Couleur de fond formulaire*/
width:120px;
height:60px;
margin-left:200px;
font-size:14px;
}


.css_formulaire {
text-align:left;
margin-top:-50px;
}

.miseenpagecontact {
width:500px;
text-align:center;
margin:auto;
margin-bottom:5%;
margin-top:5%;
}


.pos_img_contact {
margin:auto;
margin-top:50px;
text-align:center;
width:100%;
min-width:800px;
height:400px;
overflow:hidden;
}
								/*Page PRESTATIONS */


.img_prestations{
	width:40%;
	height:auto;
	margin:15px;
}
.img_prestations_expertises{
	width:80%;
	height:auto;
	margin:15px;
}

.position_block_prestations {
width:90%;
max-width:1200px;
height:auto;
margin:auto;
text-align:center;
margin-bottom:150px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-variant:small-caps;
}
										/*Page Tirages Art */

/* ----------------------- START TEST GALERIE -----------------------*/

input[type=radio]{
position: absolute;
left: -9999px
}/*on cache tous les input*/
	
.cadre-demo1 label{
cursor:pointer/*on pointe tous les labels*/
}

.cadre-demo1{
overflow: hidden;
position: relative;
max-width: 800px;
margin: 2rem auto;
box-sizing: border-box;
}

.photos-mini{	
padding-top: 66.67%;/* il s'agit du ratio pour le responsive*/
display: flex;
}

.miniature{
flex: 1; /*les photos occupent la même place selon la largeur du conteneur*/
padding:.25rem;	
}
	

.fenetre{/*grande photo*/
object-fit: cover;
position: absolute;
top: 0;
transition:all .6s;
left: -100%;
opacity: 0;	
}

.fen:checked~ .fenetre{	
left: 0;
opacity: 1;	
}

.miniature figcaption{/*optionnel*/
position: absolute;
top: 0;
left: 0;
padding: .25rem;
transition: opacity .4s;
opacity: 0;
display: flex;
justify-content: center;
color: white;
background: hsla(0,0%,0%,.8)
}

.fen:checked~figcaption{
opacity: 1;	
	}
/* ---------------------- END TEST GALERIE ------------------------*/


.titre_tarifs {
text-align:center;
font-variant:small-caps;
font-family:Century gothic;
font-style:italic;
}
.article_tarifs {
text-align:center;
font-family:Century gothic;
}

.commentaire_tarifs {
font-style:italic;
font-size:15px;
}

.span_tarif {
font-size:12px;
}

.img_cartes_postales {

}

.cartes_postales{
margin:auto;
text-align:center;

}
.text_cartes_postales {
text-align:center;
letter-spacing:1px;
}

.cadre_tarifs {
text-align:center;
font-family:Century gothic;
width :100%;
margin:auto;
margin-top:2%;
margin-bottom:9%;
}

.titre_tableau {
text-decoration:underline;
font-size:20px;
font-variant:small-caps;
letter-spacing:4px;
}

.table_tarifs {
text-align:center;
margin:auto;
	}
.table_tarifs td {
width:150px;
}	
											/*Page Conférences */

.titre_categories_prestations {
text-align:center;
font-size:35px;
font-family:Century gothic;
font-variant:small-caps;
font-weight:bold;
}
.conferences{
width:80%;
margin:auto;
margin-bottom:2%;
}
.conferences img{
width:500px;
height:300px;
overflow:hidden;
float:left;
margin-right:20px;
}	
.article_conferences{
text-align:justify;
font-family:Century gothic;
margin-bottom:20px;
}	
.div_img_conferences {
width:100%;
height:350px;

}
.div_img_conferences img{
min-width:300px;
max-width:500px;
max-height:350px;
}
.titre_conferences {
text-align:center;
font-size:20px;
font-family:Century gothic;
font-variant:small-caps;
font-weight:bold;
}
											/*Page location expo */
.article_loc_expo{
position:relative;
text-align:justify;
font-family:Century gothic;
margin-bottom:20px;
}
.div_loc_expo{
width:100%;
height:550px;
}
											
													/* Pages Portfolio*/

.img_portfolio{
	width:35%;
	height:auto;
	margin:15px;
}

.position_block_portfolio {
width:90%;
max-width:1200px;
height:auto;
margin:auto;
text-align:center;
margin-top:5%;
margin-bottom:150px;
}


.titre-categories-fr {
font-family:Century Gothic;
font-size: 17px;
margin-bottom:50px;
margin-top:50px;
margin-left:20px;
text-align:left;
}
/* text-shadow: 2px 2px 4px #999; */


 /*--------- TEST LIGHTBOX ------ */
 
.thumb {
    width:30%;
	max-width:500px;
	margin:2px;
}
.thumb_vert {
    width:13.3%;
	max-width:500px;
	margin:2px;
}

.lightbox {
    position: fixed;
    z-index: 999;
    height: 0;
    width: 0;
	min-width:1000px;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(25, 25, 25, 0.6);
    opacity: 0;
}
.lightbox img {
	
    max-width: 100%;
    max-height: 90%;
    margin-top: 2%;
    opacity: 0;
}
.lightbox:target {
    outline: none;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    
}
.lightbox:target img {

    opacity: 1;
    webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.light-btn {
    color: #fafafa;
	font-size:20px;
    padding: 5px 15px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    top: 45%;
    z-index: 99;
	opacity:0.6;
	width:40px;
}
.light-btn:hover {
    background-color: #111;
}
.btn-prev {
    left: 7%;
}
.btn-next {
    right: 7%;
}
.btn-close {
	width:20px;
    position: absolute;
    right: 8%;
    top: 5%;
    padding: 10px 15px;
    text-decoration: none;
	opacity:0.6;
}
.btn-close:hover {
    background-color: #740404;
}
 /*--------- TEST LIGHTBOX /END ------ */ 



										/* Page expo2017 */

.serviceeco {
width:80%;
font-family:century gothic;
margin:auto;
border:1px black solid;
}


.expl-service {
	text-indent: 20px;
}

										/*Page commune des catégories */
.categorie_communes {
position:relative;
margin:auto;
width:80%;
text-align:center;
}

/* POUR TEXTE AU DESSUS DES CATEGORIES
.txt_cat {
position:relative;
margin:auto;
width:70%;
text-align:center;
font-family:Arial;
font-size:14px;
}
*/

.css_img  {
margin-bottom:2%;
padding:25px;
border:5px solid black;
background-color: #e7e7e7;
font-family:Helvetica;
}
.span_img {
font-size:10px;
}

												/*-------------- ANCRE -----------*/
												
.ancre  {
width:30px;
position:fixed;
right:40px;
bottom:40px;
opacity:0.3;
border:1px solid black;
border-radius:10px;
border-color:rgba(0,0,0,0.5);
padding:10px;
}
.ancre:hover {
background-color:rgba(10,10,10,0.1);
}
	
												
										/*Page Mentions légales*/

.mentions_legales {
margin-top:5%;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding:20px;
border: 5px solid #585858;
border-radius:5px;
background:#7b7b7b;
font-size:15px;
text-align:center;
font-family:Lucida grande;
color:white;
width:70%;
}
.titre_mentions_legales {
font-weight: bold;
text-decoration:underline;
}
.mentions_legales_footer {
text-decoration:underline;
color: black;
opacity:0.7;
}


										/*Copyright*/
.copyright {
color: black;
opacity:0.8;
text-align:center;
position:relative;
font-style:italic;
font-family:Trebuchet;
font-size:12px;
text-shadow: 2px 2px 4px #999;
}

.kdo {width:1000px;
margin-left: 150px; text-align:center;

}

.kdo2{
border: double 1px #1e8ebe;
display:inline-block;
margin-right:10px;
margin-bottom:10px;
}
.texte_categorie {

z-index:2;
font-size:17px;font-family: Myriad pro;font-style:italic; color:black;
/* text-shadow: 2px 2px 4px #999; */
}

.span {
color:#176485 ;
}