html, body{
width:100%;
height:100%;
margin: 0;
padding: 0;
font-family: 'Quattrocento Sans', sans-serif;
color:#06222d;
font-size:13pt;
}

#grd-pere{
position:absolute;
top:0;
left:0;
width:100%;
}

div{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	line-height:inherit;
	color:inherit;
}

.pres-quisommesnous, .pres-quisommesnous div{
color:#06222d;
font-size:13pt;
}

.pres-quisommesnous strong{
color:#06222d;
font-size:13pt;
font-weight:bold;
}

p strong{
	font-weight:bold;
	font-size:13pt;
	color:#000;
}

.panes ul li{
	font-size:13pt;
	color:#000;
}

.panes a{
	font-size:13pt;
	color:#000;
	text-decoration:underline;
}

@font-face {
  font-family: "Voyage Regular";
  src: url("fonts/Voyage Regular.otf");
}

@font-face {
  font-family: "Voyage Bold";
  src: url("fonts/Voyage Bold.otf");
}

@font-face {
  font-family: "Voyage Ornaments";
  src: url("fonts/Voyage Ornaments.otf");
}
#bande-menu{
position:relative;
width:100%;
/*height:150px;*/
background-color:#2d4a58;
clear:both;
z-index:100;
}


#lemenu{
position:relative;
width:50%;
margin-left:25%;	
}

@media screen and (max-width: 1366px) {
#bande-menu{
position:relative;
width:100%;
height:auto;
background-color:#2d4a58;
}

#lemenu{
position:relative;
width:100%;
margin-left:0;	
}
}

#diaporama{
position:relative;
width:100%;
clear:both;
margin:0;
padding:0;
background-color: #e8b414;
background-image:url('img/Teaser-accesstrip.jpg');
background-repeat:no-repeat;
background-size:100%;

}

@media screen and (max-width: 600px) {
#diaporama{
position:relative;
min-height:250px;
clear:both;
margin:0;
padding:0;
/*background-color: #095775; 
background-color: #e8b414;*/
background-image:url('img/Teaser-accesstrip.jpg');
background-repeat:no-repeat;
background-size:100%;
}
}

/* @media screen and (min-width:601px) and (max-width: 1300px) { */
/* #diaporama{ */
/* position:relative; */
/* height:1000px; */
/* clear:both; */
/* margin:0; */
/* padding:0; */
/* background-color: yellow; */
/* } */
/* } */
/*
@media screen and (max-width: 1300px) {
#diaporama{
position:relative;
width:100%;
clear:both;
margin:0;
padding:0;
}
}*/

#pardessus-wowslider{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
 /* background-color:yellow; */
z-index:100;
}

#pardessus-grande-photo{
position:relative;
padding-top:50px;
margin:auto;
width:70%;
/*width:1000px;*/
padding-bottom:50px;
}

@media screen and (max-width: 1300px) {
#pardessus-wowslider{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
/* background-color:yellow; */
z-index:100;
padding-top:5px;
}

#pardessus-grande-photo{
position:relative;
padding-top:50px;
margin:auto;
width:90%;
padding-bottom:50px;
}
}

#logo{
position:relative;
padding-top:50px;
margin:auto;
width:170px;
height:168px;
clear:both;
background-image:url('img/logo-access-trip.png');
background-repeat:no-repeat;
background-position:bottom;
background-size:100% auto;
/* background-color:yellow; */
}

@media screen and (max-width: 500px) {
#logo{
position:relative;
padding-top:0px;
margin:auto;
width:80px;
height:79px;
clear:both;
background-image:url('img/logo-access-trip.png');
background-repeat:no-repeat;
background-position:bottom;
background-size:100% auto;
/* background-color:yellow; */
}
}

@media screen and (min-width:501px) and (max-width: 700px) {
#logo{
position:relative;
padding-top:15px;
margin:auto;
width:110px;
height:109px;
clear:both;
background-image:url('img/logo-access-trip.png');
background-repeat:no-repeat;
background-position:bottom;
background-size:100% auto;
/* background-color:yellow; */
}
}

#baseline{
position:relative;
width:100%;
text-align:center;
padding-top:20px;
clear:both;
}

@media screen and (max-width:1300px) {
#baseline{
position:relative;
width:100%;
text-align:center;
padding-top:0px;
}
}

.h1{
font-family: 'Kaushan Script', cursive;
color:#fff;
font-size:50pt;
margin:0;
padding:0;	
padding-top:15px;
text-shadow: 2px 2px #000000;
line-height:1em;
}

@media screen and (max-width: 500px) {
.h1{
font-family: 'Kaushan Script', cursive;
color:#fff;
font-size:15pt;
}
}

@media screen and (min-width:501px) and (max-width: 1000px) {
.h1{
font-family: 'Kaushan Script', cursive;
color:#fff;
font-size:30pt;
}
}

#zone-recherche{
width:1400px;
left:50%;
margin-left:-700px;
position:absolute;
bottom:50px;
}

@media screen and (max-width: 500px) {
#zone-recherche{
width:80%;
left:10%;
margin-left:0;
position:absolute;
bottom:5px;
}
}

	
@media screen and (min-width:501px) and (max-width: 700px) {
#zone-recherche{
width:80%;
left:10%;
margin-left:0;
position:absolute;
 /* background-color:yellow; */
bottom:20px;
}
}

@media screen and (min-width:701px) and (max-width: 900px) {
#zone-recherche{
width:80%;
left:10%;
margin-left:0;
position:absolute;
/* background-color:yellow;  */
bottom:50px;
}
}

@media screen and (min-width:901px) and (max-width: 1000px) {
#zone-recherche{
width:80%;
left:10%;
margin-left:0;
position:absolute;
/* background-color:yellow; */
bottom:100px;
}
}

@media screen and (min-width:1001px) and (max-width: 1300px) {
#zone-recherche{
width:80%;
left:10%;
margin-left:0;
position:absolute;
/* background-color:yellow; */
bottom:120px;
}
}

#formulaire{
position:relative;
float:left;
width:80%;
margin:auto;
z-index:1000;
}

@media screen and (max-width: 1400px) {
#formulaire{
position:relative;
clear:both;
width:100%;
background-color:#fff;	
}
}

.champtexte{
position:relative;
float:left;
width:83%;
font-size:13pt;
color:#06222d;
background:#ffffff;
border:none;
border-style: none;
height:50px;
display:inline;
padding-left:2%;
/*padding-right:20px;*/
}

@media screen and (max-width: 500px) {
.champtexte{
position:relative;
float:left;
width:76%;
font-size:13pt;
color:#06222d;
height:25px;
display:inline;
padding-left:2%;
padding-right:2%;
}
}

@media screen and (min-width: 501px) and (max-width:700px){
.champtexte{
position:relative;
float:left;
width:66%;
font-size:13pt;
color:#06222d;
height:25px;
display:inline;
padding-left:2%;
padding-right:2%;
}
}


::placeholder {  
color:#b7b7b7;	
padding-left:30px;
font-size:13pt;
font-family: 'Quattrocento Sans', sans-serif;
}

@media screen and (max-width:500px){
::placeholder {  
color:#b7b7b7;	
padding-left:30px;
font-size:9pt;
font-family: 'Quattrocento Sans', sans-serif;
}
}

#loupe{
	height:50px;
	width:60px;
	background-color:#fff;
	margin:0;
	position:absolute;
	right:0;
}

.imageloupe {
   background:url('img/pictos/loupe.png');
   width:50px;
   height:46px;
   border:none;
   background-position:0 5px;
   background-repeat:no-repeat;
   cursor:pointer;
}

.imageloupe:hover {
   background:url('img/pictos/loupe-hover.png');
   width:50px;
   height:46px;
   border:none;
   background-position:0 5px;
   background-repeat:no-repeat;
   cursor:pointer;
}

@media screen and (max-width:700px){
	#loupe{
	height:22px;
	width:30px;
	background-color:#fff;
	margin:0;
	position:absolute;
	right:0;
	top:0;
}

.imageloupe {
   background:url('img/pictos/petite-loupe.png');
   width:26px;
   height:22px;
   border:none;
   background-position:0 0px;
   background-repeat:no-repeat;
   cursor:pointer;
   position:absolute;
   top:2px;
}

.imageloupe:hover {
   background:url('img/pictos/petite-loupe-hover.png');
   width:26px;
   height:22px;
   border:none;
   background-position:0 0px;
   background-repeat:no-repeat;
   cursor:pointer;
   position:absolute;
   top:2px;
}
}

#btn-acceder-carte{
	position:relative;
	float:left;
	height:52px;
	background-color:#fff;
	padding-left:60px;
	padding-right:0;
	margin:1%;	
	width:23%;
	margin-top:0px;
}

@media screen and (max-width:700px){
	#btn-acceder-carte{
	position:relative;
	clear:both;	
	height:27px;
	background-color:#fff;
	padding-left:0px;
	padding-right:0;
	margin-left:0;
	margin:auto;
	width:100%;
	margin-top:5px;
	}	
}

	
@media screen and (min-width:701px) and (max-width: 1400px) {
	#btn-acceder-carte{
	position:relative;
	clear:both;	
	height:52px;
	background-color:#fff;
	padding-left:60px;
	padding-right:0;
	margin-left:0;
	margin:auto;
	width:220px;
	margin-top:10px;
	}	
}

a #btn-acceder-carte{
	background-image:url('img/pictos/acceder-carte.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
	color:#d9d9d9;	
	line-height:3em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
	transition:color 2s;
	
}

a:hover #btn-acceder-carte{
	background-image:url('img/pictos/acceder-carte-hover.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
	color:#8e8f8f;		
	line-height:3em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
}

@media screen and (max-width:700px){
	a #btn-acceder-carte{
	background-image:url('img/pictos/petit-acceder-carte.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
	color:#d9d9d9;	
	text-align:center;	
	line-height:1.8em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
	transition:color 2s;
	
}

a:hover #btn-acceder-carte{
	background-image:url('img/pictos/petit-acceder-carte-hover.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
	color:#8e8f8f;		
	text-align:center;	
	line-height:1.8em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
}
}


#presentation{
position:relative;
width:100%;
background-color:#fff;
}

#texte-presentation{
width:1000px;
margin:auto;
position:relative;
padding-top:50px;
padding-bottom:50px;
color:#06222d;
font-size:13pt;
}

@media screen and (max-width:1400px) {
#texte-presentation{
width:80%;
margin:auto;
position:relative;
padding-top:50px;
padding-bottom:50px;
}
}


h2, .h2{
font-family: 'Kaushan Script', cursive;
color:#06222d;
/* font-size:50pt; */
font-size:35pt;
margin:0;
padding:0;	
line-height:1em;
text-align:center;
padding-bottom:50px;
}

@media screen and (max-width:500px) {
h2, .h2{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:25pt;
margin:0;
padding:0;	
line-height:1em;
text-align:center;
padding-bottom:20px;
}
}

@media screen and (min-width:501px) and (max-width:1400px) {
h2, .h2{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:30pt;
margin:0;
padding:0;	
line-height:1em;
text-align:center;
padding-bottom:40px;
}
}

#texte-presentation p{
width:100%;
margin:auto;
text-align:justify;
}

@media screen and (max-width:1400px) {
#texte-presentation p{
width:100%;
margin:auto;
text-align:justify;
}
}

.texte a{
color:#06222d;
font-size:13pt;
}


.texte, p, div{
color:#06222d;
font-size:13pt;
}

.texteitalique{
color:#06222d;
font-size:13pt;
font-style:italic;
}

.quisommesnous-citation, .quisommesnous-citation div{
color:#06222d;
font-size:13pt;
font-style:italic;
}

.texte strong{
color:#06222d;
font-size:13pt;
font-weight:bold;	
}

.tiret{
color:#06222d;
font-size:13pt;
margin:0;
padding:0;
}

.textegras{
color:#06222d;
font-size:13pt;
font-weight:bold;
}

.texte-admin{
color:#06222d;
font-size:13pt;
font-family: 'Quattrocento Sans', sans-serif;
}

.textegras2{
color:#06222d;
font-size:13pt;
font-weight:bold;
text-transform:uppercase;
font-family: 'Quattrocento Sans', sans-serif;
}

.btn-pagination{
background-color:#eeeeee;
margin-left:10px;
}

.btn-pagination a{
	padding:4px;
	color:#06222d;
	
}

.grandtexte{
color:#06222d;
font-size:50pt;
}

@media screen and (max-width:1500px){
.grandtexte{
color:#fff;
font-size:50pt;
text-shadow: black 0.1em 0.1em 0.2em
}
}

.grandtexteblanc{
color:#fff;
font-size:100pt;
}

.grand-guillemets{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	line-height:0;
}

.adroite{
	padding-top:5px;
	text-align:right;
}
.erreur{
color:#e40c25;
font-size:13pt;
}

.ok{
color:#06c39b;
font-size:13pt;
}

.petittexte{
color:#06222d;
font-size:9pt;
}

.texteblanc{
color:#fff;
font-size:13pt;
}

.petittexteblanc{
color:#fff;
font-size:9pt;
}

.signature{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:20pt;
}

.signature-blanche{
font-family: 'Kaushan Script', cursive;
color:#fff;
font-size:20pt;
}

.soustitre{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:20pt;
}

@media screen and (max-width:500px) {
.explication-etape .soustitre{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:13pt;
}
}

@media screen and (min-width:500px) {
.marginsuivi{
	margin-bottom:50px;
}
}

#zone-3-boutons{
position:relative;
width:100%;	
background-color:#fff;	
}

#zone-3-boutons-gris{
position:relative;
width:100%;	
background-color:#f6f6f6;	
}

#zone-3-boutons-par-dessus{
position:relative;
width:100%;	
/* background-color:yellow; */
padding-top:30px;
}

#les-3-boutons{
width:820px;
margin:auto;
position:relative;
padding-top:50px;
padding-bottom:50px;
/* background-color:red; */
}

@media screen and (max-width:680px) {
#les-3-boutons{
width:180px;
margin:auto;
position:relative;
padding-top:50px;
padding-bottom:50px;
/* background-color:yellow; */
}
}

@media screen and (min-width:681px) and (max-width:850px) {
#les-3-boutons{
width:645px;
margin:auto;
position:relative;
padding-top:50px;
padding-bottom:50px;
/* background-color:blue; */
}
}

#destinations{
position:relative;
width:100%;
/* padding-bottom:50px; */
background-color:#fff;	
}

.ligne-bloc-destination{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	clear:both;	
	background-color: #095775;
}

.bloc-destination{
position:relative;
width:50%;
float:left;
height:450px;
background-color:#095775;
display:block;
overflow:hidden;
}

#zone-liens-utiles-gris{
position:relative;
width:100%;	
background-color:#f6f6f6;	
}

.bloc-destination img {
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}



@media screen and (max-width:400px) {
.bloc-destination{
position:relative;
width:100%;
clear:both;
height:280px;
display:block;
overflow:hidden;
}

.bloc-destination img {
width:auto;
height:100%;
top: 0; 
transform: translateY(0);
left:50%;
transform: translateX(-50%);
position:absolute; 
}
}

@media screen and (min-width:401px)and (max-width:800px) {
.bloc-destination{
position:relative;
width:100%;
clear:both;
height:400px;
display:block;
overflow:hidden;
}

.bloc-destination img {
width:auto;
height:140%;
top: 0; 
transform: translateY(0);
left:50%;
transform: translateX(-50%);
position:absolute; 

}
}

@media screen and (min-width:801px)and (max-width:1000px) {
.bloc-destination{
position:relative;
width:100%;
clear:both;
height:400px;
display:block;
overflow:hidden;
}

.bloc-destination img {
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}
}

@media screen and (min-width:1001px) and (max-width:1400px){
.bloc-destination{
position:relative;
width:50%;
float:left;
height:280px;
display:block;
overflow:hidden;
background-color:yellow;
}

.bloc-destination img {
width:110%;
top: 50%; 
transform: translateY(-50%);
position:absolute; 
/*width:auto;
top: 0%; 
transform: translateY(0%);
position:absolute; 
height:120%;
left:50%;
transform: translateX(-50%);*/
}
}


@media screen and (min-width:1401px) and (max-width:1600px){
.bloc-destination{
position:relative;
width:50%;
float:left;
height:450px;
display:block;
overflow:hidden;
background-color:yellow;
}

.bloc-destination img {
width:auto;
top: 0%; /* poussé de la moitié de hauteur du référent */
transform: translateY(0%);
position:absolute; 
height:135%;
left:50%;
transform: translateX(-50%);
}
}

@media screen and (min-width:1601px) and (max-width:1800px){
.bloc-destination{
position:relative;
width:50%;
float:left;
height:450px;
display:block;
overflow:hidden;
/* background-color:yellow; */
}

.bloc-destination img {
width:120%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 

}
}

.destination-thematique{
text-align:center;
padding-top:100px;
width:100%;
height:100%;
}

a .destination-thematique{
background-color:#095775;
width:100%;
height:100%;
position:relative;
text-decoration:none;
/*font-family: 'Kaushan Script', cursive;*/
color:#fff;
/*font-size:35pt;*/
padding-bottom:100px;
line-height:1.5em;
text-align:center;
}

.titre-destination-thematique{
font-family: 'Kaushan Script', cursive;
font-size:35pt;
line-height:1.5em;
}

@media screen and (max-width: 600px) {
.titre-destination-thematique{
font-family: 'Kaushan Script', cursive;
font-size:20pt;
line-height:1.5em;
}
}

.bloc-destination-thematique{
position:relative;
width:50%;
float:left;
height:450px;
display:block;
overflow:hidden;
}

.bloc-destination-ranking{
position:relative;
width:50%;
float:left;
display:block;
overflow:hidden;
}


@media screen and (max-width: 400px) {

.bloc-destination-thematique{
position:relative;
width:100%;
clear:both;
height:280px;
display:block;
overflow:hidden;
}

.destination-thematique{
text-align:center;
padding-top:50px;
}

a .destination-thematique{
background-color:#095775;
transition: opacity 2s;
opacity:1;
width:100%;
height:100%;
position:relative;
text-decoration:none;
font-family: 'Kaushan Script', cursive;
color:#fff;
font-size:25pt;
padding-bottom:0px;
line-height:1.5em;
text-align:center;
}
/*
a:hover .destination-thematique{
background-color:#095775;
opacity:0;
}*/
}

@media screen and (min-width:401px) and (max-width: 1000px) {
.bloc-destination-thematique{
position:relative;
width:100%;
clear:both;
height:auto;
display:block;
overflow:hidden;

}
}

@media screen and (max-width: 1000px) {
.bloc-destination-ranking{
position:relative;
width:100%;
clear:both;
display:block;
overflow:hidden;
}
}

@media screen and (min-width:1001px) and (max-width: 1400px) {
.bloc-destination-thematique{
position:relative;
width:50%;
float:left;
height:auto;
display:block;
overflow:hidden;
}

.destination-thematique{
text-align:center;
padding-top:40px;
width:100%;
height:100%;
}

.bloc-destination-ranking{
position:relative;
width:50%;
float:left;
display:block;
overflow:hidden;
}
}

a .legende-destination{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	opacity:1;
	background-color: rgba(255, 255, 255, 0.8);
	transition: opacity 2s, background-color 2s;
}

a:hover .legende-destination{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color: rgba(255, 255, 255, 1);
	opacity:1;
}

/* @media screen and (max-width:400px) { */
	/* a .legende-destination{ */
	/* width:100%; */
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* opacity:0; */
	/* transition: opacity 2s, background-color 2s; */
/* } */

/* a:hover .legende-destination{ */
	/* width:100%; */
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* background-color: rgba(255, 255, 255, 0.8); */
	/* opacity:1; */
/* } */
/* } */

.legende{
	position:relative;
	float:left;
	width:90%;
	margin-top:20px;
	margin-left:5%;
	margin-bottom:20px;
	/* background-color:red; */
}

@media screen and (max-width:600px) {
	.legende{
	position:relative;
	clear:both;
	width:80%;
	margin-top:5px;
	margin-left:10%;
	margin-bottom:5px;
	/* background-color:red; */
}
}

.ligne-legende{
position:relative;
width:100%;
clear:both;
}

@media screen and (max-width:600px) {
	.ligne-legende{
position:relative;
width:100%;
clear:both;
padding-bottom:5px;
}
}

@media screen and (max-width:600px) {

.completude-vign-accueil .petitcontenu-completude{
	position:relative;
	width:100%;
	right:0;
	left:0;
	height:35px;
	clear:both;
	
	
	
}
}

@media screen and (min-width:601px) and (max-width:1500px) {
.completude-vign-accueil .petitcontenu-completude{
	position:relative;
	width:140px;
	right:0;
	left:0;
	height:35px;
	clear:both;

	margin-left:0%;
	
}
}

.img-legende{
	position:relative;
	width:35px;
	height:29px;
	float:left;
	margin-right:10px;
}


.petite-img-legende{
	position:relative;
	width:20px;
	height:20px;
	float:left;
	margin-left:7.5px;
	margin-right:17.5px;
}

.txt-legende{
	position:relative;
	float:left;
	width:80%;
	padding-top:5px;
	/* background-color:green; */
}

@media screen and (max-width:600px) {
.txt-legende{
	position:relative;
	float:left;
	width:100%;
	padding-top:5px;
	text-align:center;
	
}
}

.capitale{
color:#06222d;
/* font-size:25pt; */
font-size:15pt;
text-transform:uppercase;
font-weight:normal;
}

.capitale-bold{
color:#06222d;
font-weight:bold;
font-size:15pt;
text-transform:uppercase;
}


h4{
color:#06222d;
text-align:left;
font-size:15pt;
text-transform:uppercase;

}

h5{
color:#fff;
text-align:center;
font-size:30pt;
text-transform:uppercase;
padding-bottom:0;
margin:0;
padding-top:25px
}

h6{
color:#06222d;
text-align:center;
font-size:30pt;
text-transform:uppercase;
padding-bottom:25px;
margin:0;
padding-top:25px
}

.texte-gris{
color:#8f8f8f;
text-transform:none;
}

@media screen and (max-width:400px) {
.txt-legende .capitale{
color:#06222d;
font-size:10pt;
text-transform:uppercase;
}

.capitale-bold{
color:#06222d;
font-weight:bold;
font-size:10pt;
text-transform:uppercase;
}
}

.petite-capitale{
color:#06222d;
font-size:12pt;
text-transform:uppercase;
line-height:2em;
}

@media screen and (max-width:400px) {
.petite-capitale{
color:#06222d;
font-size:12pt;
text-transform:uppercase;
line-height:0em;
}
}

.grande-capitale{
color:#06222d;
font-size:50pt;
text-transform:uppercase;
line-height:1em;
}

.grande-capitale-plus{
color:#06222d;
font-size:50pt;
text-transform:uppercase;
line-height:0.6em;
padding:0;
margin:0;
}

/* @media screen and (max-width:400px) { */
/* .ensavoirplus .grande-capitale{ */
/* color:#06222d; */
/* font-size:70pt; */
/* text-transform:uppercase; */
/* line-height:1em; */
/* } */
/* } */

.ensavoirplus{
	/* position:relative; */
	/* float:left; */
	/* width:10%;	 */
	/* margin-left:15%; */
	/* margin-top:20px; */
	/* margin-bottom:20px; */
	/* background-color:blue; */
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	padding:0;
}

@media screen and (max-width:600px) {
	.ensavoirplus{
	/*position:relative;
	float:left;
	width:100%;	
	margin-left:0%;
	margin-top:10px;
	margin-bottom:0px;
	text-align:center;
	padding:0;*/
	visibility:hidden;
	
}
}

#actualites{
	width:100%;
	position:relative;
	background-color:#fff;
	padding-top:50px;
	padding-bottom:50px;
	
}


.ligne-bloc-destination-plus{
	position:relative;
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	clear:both;	
	background-color:#f6f6f6;
	text-align:center;

}

a .ligne-bloc-destination-plus{
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	clear:both;	
	text-align:center;
	line-height:5em;
	background-color:#f6f6f6;	
	text-decoration:none;
	font-weight:bold;
	color:#06222d;
	transition: color 2s, background-color 2s;
}

a:hover .ligne-bloc-destination-plus {
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	clear:both;	
	text-align:center;
	line-height:5em;
	background-color:#8f8f8f;
	text-decoration:none;
	color:#ffffff;	
}

@media screen and (max-width:400px) {
.ligne-bloc-destination-plus .capitale{
color:#06222d;
font-size:12pt;
text-transform:uppercase;
line-height:1em;
}
}

.ligne-bloc-destination a{
	text-decoration:none;
}

.polaroids {
text-align: center;
/* background-color:yellow;  */
}
.polaroids a {
background: white;
display: inline-block;
text-decoration: none;
padding: 30px 30px 30px 30px;
margin: 0 0 50px 60px;
width: 300px;
color:#06222d;
/* font-size:25pt; */
font-size:15pt;
text-transform:uppercase;
box-shadow: 0px 1px 5px 0px #656565;
transform: rotate(-1deg);
transition: all .5s ease-in-out;
}

@media screen and (max-width:400px) {
.polaroids a {
background: white;
display: inline-block;
text-decoration: none;
padding: 15px 15px 15px 15px;
margin-bottom:20px;
margin-left:auto;
width: 200px;
color:#06222d;
font-size:12pt;
text-transform:uppercase;
box-shadow: 0px 1px 5px 0px #656565;
transform: rotate(-1deg);
transition: all .5s ease-in-out;
}
}

@media screen and (min-width:401px) and (max-width:1200px) {
.polaroids a {
background: white;
display: inline-block;
text-decoration: none;
padding: 15px 15px 15px 15px;
margin: 0 0 20px 20px;
width: 300px;
color:#06222d;
font-size:12pt;
text-transform:uppercase;
box-shadow: 0px 1px 5px 0px #656565;
transform: rotate(-1deg);
transition: all .5s ease-in-out;
}
}

.polaroids a:hover {
opacity: 1;

}
.polaroids a:nth-child(odd) {
transform: rotate(1deg);    
}
.polaroids a:after {
content: attr(title);
}
.polaroids a .photo-pola {
border: 1px solid #C9C9C9;
height:300px;
width:100%;
overflow:hidden;
position:relative;
background-color: #06222d;
}

.photo-pola img{
height:100%;
background-color: #06222d;
	/* position:absolute; */
	/* left:50%; */
	/* transform: translateX(-50%); */
}

@media screen and (max-width:600px) {
.photo-pola img{
height:100%;
left:50%;
transform: translateX(-50%);
position:absolute;
}
}

.polaroids a .info-pola{
	width:100%;
	position:relative;
	margin:auto;
	height:90px;
	margin-bottom:5px;
	opacity:0;
	transition:opacity 2s;
}
/*
.polaroids a .info-pola2{
	width:100%;
	position:relative;
	margin:auto;
	height:75px;
	margin-bottom:5px;
	opacity:0;
	transition:opacity 2s;
}
*/

.polaroids a:hover .info-pola{
	width:100%;
	position:relative;
	margin:auto;
	height:90px;
	margin-bottom:5px;
	opacity:1;
}

@media screen and (max-width:600px){
.polaroids a .info-pola{
	width:100%;
	position:relative;
	margin:auto;
	height:auto;
	margin-bottom:5px;
	opacity:0;
	transition:opacity 2s;
}

.polaroids a:hover .info-pola{
	width:100%;
	position:relative;
	margin:auto;
	height:auto;
	margin-bottom:5px;
	opacity:1;
}
}

.info-pola .petite-capitale{
color:#06222d;
font-size:12pt;
text-transform:uppercase;
line-height:1em;
}

@media screen and (max-width:1400px){
.info-pola .petite-capitale{
color:#06222d;
font-size:10pt;
text-transform:uppercase;
line-height:1em;
}
}

#conseils-premier-voyage{
width:100%;
height:1100px;
position:relative;	
background-color:#fff;
/* padding-top:50px; */
padding-bottom:50px;
}

#conseils-team{
width:100%;
height:700px;
position:relative;	
/* background-color:blue; */
padding-top:50px;
padding-bottom:50px;
}


@media screen and (max-width:1200px){
#conseils-premier-voyage{
width:100%;
height:100%;
position:relative;	
padding-top:0px;
padding-bottom:0px;	
background-color:#fff;
}	

#conseils-team{
width:100%;
height:auto;
position:relative;	
padding-top:0px;
padding-bottom:0px;	
background-color:#fff;
}	
}


@media screen and (min-width:1201px) and (max-width:1400px){
#conseils-premier-voyage{
width:100%;
height:600px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}
}

@media screen and (min-width:1201px) and (max-width:2100px){
#conseils-team{
width:100%;
height:600px;
position:relative;	
padding-top:0px;
padding-bottom:0px;
}
}

@media screen and (min-width:1401px) and (max-width:1600px){
#conseils-premier-voyage{
width:100%;
height:700px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}
/*
#conseils-team{
width:100%;
height:700px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}*/
}

@media screen and (min-width:1601px) and (max-width:1800px){
#conseils-premier-voyage{
width:100%;
height:800px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}
/*
#conseils-team{
width:100%;
height:800px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}*/
}

@media screen and (min-width:1801px) and (max-width:2100px){
#conseils-premier-voyage{
width:100%;
height:900px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}

#conseils-team{
width:100%;
height:800px;
position:relative;	
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
}
}


#titre-conseil{
position:relative;
width:30%;
height:100%;
float:left;
}

#titre-team{
position:relative;
width:46%;
height:100%;
float:left;
}

#le-titre-conseil{	
width:100%;
height:250px;
padding-top:50px;
clear:both;
/* background-color:#f6f6f6; */
background-color:#06222d;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

@media screen and (max-width:1200px){
#titre-conseil{
position:relative;
width:100%;	
height:auto;
clear:both;
}

#titre-team{
position:relative;
width:100%;	
height:auto;
clear:both;
}
	
#le-titre-conseil{	
width:100%;
height:auto;
padding-top:50px;
padding-bottom:50px;
clear:both;
background-color:#06222d;
position: relative;
top:0;
transform:none;
}
}

#blocvideo{
position:relative;
width:65%;
height:1100px;
float:left;
}

/*#video-accueil-youtube{
position:relative;
width:100%;
height:1200px;
clear:both;
padding:0;
margin:0;
background-color:red;
}*/

.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:600px;
/* background-color:coral; */
float:left;
}

#blocvideo2participer{
position:relative;
width:90%;
margin-left:5%;
height:600px;
margin-top:20px;
/* background-color:coral; */
float:left;
}

#blocvideo2participer iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and (max-width:350px){
.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:150px;
/* background-color:blue; */
clear:both;
}
}

@media screen and (min-width:351px) and (max-width:450px){
.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:200px;
/* background-color:green; */
clear:both;
}
}

@media screen and (min-width:451px) and (max-width:500px){
.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:250px;
/* background-color:green; */
clear:both;
}
}

@media screen and (min-width:501px) and (max-width:700px){
.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:350px;
clear:both;
}
}

@media screen and (min-width:701px) and (max-width:900px){
.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:380px;
background-color:yellow;
clear:both;
}
}

@media screen and (min-width:901px) and (max-width:1000px){
.blocvideo2{
position:relative;
width:90%;
margin-left:5%;
height:420px;

clear:both;
}
}

@media screen and (min-width:1001px) and (max-width:1100px){
.blocvideo2{
padding-top:25px;
position:relative;
width:90%;
margin-left:5%;
height:300px;
/* background-color:blue; */
float:left;
}
}

@media screen and (min-width:1101px) and (max-width:1200px){
.blocvideo2{
padding-top:25px;
position:relative;
width:90%;
margin-left:5%;
height:400px;
/* background-color:green; */
float:left;
}
}

@media screen and (min-width:1201px) and (max-width:1300px){
.blocvideo2{
padding-top:25px;
position:relative;
width:90%;
margin-left:5%;
height:500px;
/* background-color:yellow; */
float:left;
}
}

.colonnegbis{
position:relative;
width:48%;
float:left;
padding-top:200px;
padding-bottom:50px;
margin-left:1%;
}

.colonnegbis2{
position:relative;
width:48%;
float:left;
padding-top:10px;
padding-bottom:10px;
margin-left:1%;
}




@media screen and (max-width:1200px){
#blocvideo{
position:relative;
width:99%;
height:auto;
clear:both;
}
}

@media screen and (min-width:1201px) and (max-width:1400px){
#blocvideo{
position:relative;
width:65%;
height:600px;
float:left;
}		
}

@media screen and (min-width:1401px) and (max-width:1600px){
#blocvideo{
position:relative;
width:65%;
height:700px;
float:left;
}		
}

@media screen and (min-width:1601px) and (max-width:1800px){
#blocvideo{
position:relative;
width:65%;
height:800px;
float:left;
}		
}

@media screen and (min-width:1801px) and (max-width:2100px){
#blocvideo{
position:relative;
width:65%;
height:900px;
float:left;
}		
}


.minivideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
height:265px;
padding-top:0;
margin-top:0;

}

@media screen and (max-width:400px){
.minivideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
height:150px;
padding-top:0;
margin-top:0;
}
}

@media screen and (min-width:401px) and (max-width:500px){
.minivideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
height:200px;
padding-top:0;
margin-top:0;
}
}


@media screen and (min-width:501px) and (max-width:800px){
.minivideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
height:300px;
padding-top:0;
margin-top:0;
}
}

@media screen and (min-width:801px) and (max-width:1200px){
.minivideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
height:180px;
padding-top:0;
margin-top:0;
}
}

.grandevideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
padding-top:0;
margin-top:0;
height:250px;

}

@media screen and (max-width:400px){
.grandevideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
padding-top:0;
margin-top:0;
height:170px;

}
}

@media screen and (min-width:401px) and (max-width:500px){
.grandevideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
padding-top:0;
margin-top:0;
height:200px;
}
}

@media screen and (min-width:501px) and (max-width:700px){
.grandevideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
padding-top:0;
margin-top:0;
height:270px;
}
}

@media screen and (min-width:701px) and (max-width:850px){
.grandevideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
padding-top:0;
margin-top:0;
height:330px;
background-color:yellow;}
}

@media screen and (min-width:851px) and (max-width:1000px){
.grandevideo{
position:relative;
width:80%;
margin:auto;
text-align:justify;
padding-top:0;
margin-top:0;
height:400px;
}
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
top: 50%;
transform: translateY(-50%);

}

@media screen and (max-width:1200px){
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
top:0;
transform:none;
height: 0;
}
}

/* L'enfant */
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#suite-conseil{
position:relative;
width:5%;
background-color:#fff;
height:100%;
float:left;
}

#avant-team{
position:relative;
width:14%;
background-color:#fff;
height:100%;
float:left;
}
	
	
#suite-bloc-conseil{	
width:100%;
height:250px;
padding-top:50px;
clear:both;
/* background-color:#f6f6f6; */
background-color:#06222d;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

@media screen and (max-width:1200px){
#suite-conseil{
position:relative;
width:0%;
height:0;
float:left;
visibility:hidden;
}

#avant-team{
position:relative;
width:0%;
height:0;
float:left;
visibility:hidden;
}
	
#suite-bloc-conseil{	
width:0;
height:0px;
padding-top:0px;
clear:both;
position: absolute;
top: 0%;
transform:none;
visibility:hidden;
}
}

/*.bouton{
	position:relative;
	width:100%;
	height:100px;
	margin:0;
	padding:0;
	clear:both;	
	background-color:#f6f6f6;
	text-align:center;

}*/

a .bouton{
position:relative;
width:80%;	
padding-top:5px;
padding-bottom:5px;
margin:auto;
clear:both;	
text-align:center;
line-height:5em;
background-color:#fff;	
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .bouton {
position:relative;
width:80%;
padding-top:5px;
padding-bottom:5px;
margin:auto;
clear:both;	
text-align:center;
line-height:5em;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}

@media screen and (max-width:1200px) {
a .bouton, a:hover .bouton{
line-height:1em;
}
}

@media screen and (min-width:1201px) and (max-width:1800px){
a .bouton, a:hover .bouton{
line-height:3em;
}
}


#le-titre-conseil a{
text-decoration:none;
}

@media screen and (max-width:1200px) {
.bouton .capitale{
color:#06222d;
font-size:12pt;
text-transform:uppercase;
}
}

#zone-reassurance{
position:relative;
width:100%;	
/* padding-top:0px; */
}

@media screen and (max-width:1200px){
#zone-reassurance{
position:relative;
width:100%;	
/* padding-top:50px; */
}
}

/*
#suite-reassurance{
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
	
}*/



/* @media screen and (max-width:999px){ */
	/* #suite-

{ */
	/* background-color:blue;	 */
	/* background-image:url('img/home/reassurance/IMG_1049-retravaille.jpg'); */
	/* background-repeat:no-repeat; */
	/* background-size:auto 100%; */
	/* background-position:center center;	 */
/* } */
/* } */

/* @media screen and (min-width:1000px) and (max-width:1799px){ */
	/* #suite-reassurance{ */
	/* background-image:url('img/home/reassurance/IMG_1049-retravaille2.jpg'); */
	/* background-repeat:no-repeat; */
	/* background-size:auto 100%; */
	/* background-position:center center; */
/* } */
/* } */

.unquart{
position:relative;
width:25%;
float:left;
height:40vh;
text-align: center;
min-height:400px;
}


@media screen and (max-width:1000px){
.unquart{
position:relative;
width:100%;
clear:both;
height:0vh;
height:auto;
text-align: center;
min-height:250px;
}
}	
.unquart a {
display: inline-block;
text-decoration: none;
width: 100%;
height:40vh;
}

.marine{
background-color: #06222d;
}

.gris{
background-color: #8f8f8f;
}

.grisclair{
background-color: #f6f6f6;
}

.bleu{
background-color: #095775;
}

.jaune{
background-color: #e8b414;
}

.blanc{
background-color: #ffffff;
}

a .img-titre-bloc{
width:100%;
margin-top: 15vh;
font-size:12pt;
text-transform:uppercase;
line-height:1em;
text-align:center;
color:#fff;
opacity:1;
text-decoration:none;
transition: opacity 1s;
}

a:hover .img-titre-bloc{
width:100%;
margin-top: 15vh;
font-size:12pt;
text-transform:uppercase;
line-height:1em;
text-align:center;
color:#fff;
opacity:0;
}

.img-titre-bloc img{
	width:50px;
	position:relative;
	clear:both;
}

a .suite-bloc{
color:#fff;
font-size:13pt;
width:90%;
text-align:justify;
position:absolute;
top:10vh;
left:5%;
opacity:0;
transition: opacity 1s;
}

a:hover .suite-bloc{
color:#fff;
font-size:13pt;
width:90%;
text-align:justify;
position:absolute;
top:10vh;
left:5%;
opacity:1;
}

@media screen and (max-width:400px){
a .suite-bloc{
color:#fff;
font-size:8pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:0;
transition: opacity 1s;
padding-bottom:50px;
}

a:hover .suite-bloc{
color:#fff;
font-size:8pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:1;
padding-bottom:50px;
}
}

@media screen and (min-width:401px) and (max-width:500px){
a .suite-bloc{
color:#fff;
font-size:10pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:0;
transition: opacity 1s;
padding-bottom:50px;
}

a:hover .suite-bloc{
color:#fff;
font-size:10pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:1;
padding-bottom:50px;
}
}

@media screen and (min-width:1000px) and (max-width:1200px){
a .suite-bloc{
color:#fff;
font-size:9pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:0;
transition: opacity 1s;
padding-bottom:50px;
}

a:hover .suite-bloc{
color:#fff;
font-size:9pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:1;
padding-bottom:50px;
}
}
@media screen and (min-width:1200px) and (max-width:1440px){
a .suite-bloc{
color:#fff;
font-size:11pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:0;
transition: opacity 1s;
padding-bottom:50px;
}

a:hover .suite-bloc{
color:#fff;
font-size:11pt;
width:90%;
text-align:justify;
position:absolute;
top:10px;
left:5%;
opacity:1;
padding-bottom:50px;
}
}

@media screen and (min-width:1440px) and (max-width:1700px){
a .suite-bloc{
color:#fff;
font-size:13pt;
width:90%;
text-align:justify;
position:absolute;
top:20px;
left:5%;
opacity:0;
transition: opacity 1s;
padding-bottom:50px;
}

a:hover .suite-bloc{
color:#fff;
font-size:13pt;
width:90%;
text-align:justify;
position:absolute;
top:20px;
left:5%;
opacity:1;
padding-bottom:50px;
}
}


/*
@media screen and (max-width:400px){
a .suite-bloc{
color:#fff;
font-size:8pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:0;
transition: opacity 1s;
}

a:hover .suite-bloc{
color:#fff;
font-size:8pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:1;
}
}

@media screen and (min-width:401px) and (max-width:999px){
a .suite-bloc{
color:#fff;
font-size:11pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:0;
transition: opacity 1s;
}

a:hover .suite-bloc{
color:#fff;
font-size:11pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:1;
}
}


@media screen and (min-width:1000px) and (max-width:1299px){
a .suite-bloc{
color:#fff;
font-size:10pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:0;
transition: opacity 1s;
}

a:hover .suite-bloc{
color:#fff;
font-size:10pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:1;
}
}

@media screen and (min-width:1300px) and (max-width:1600px){
a .suite-bloc{
color:#fff;
font-size:12pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:0;
transition: opacity 1s;

}

a:hover .suite-bloc{
color:#fff;
font-size:12pt;
width:90%;
text-align:justify;
position:absolute;
top:3vh;
left:5%;
opacity:1;
}
}*/

.texte-suite-reassurance{
position:relative;
width:50%;
/* margin:auto; */
clear:both;
/* background-color:yellow; */

}

.texte-suite-reassurance-accueil{
position:relative;
width:50%;
clear:both;

}

.textevoyage{
color:#06222d;
font-size:13pt;

}


@media screen and (max-width:1500px){
.textevoyage{
color:#fff;
font-size:13pt;
text-shadow: black 0.1em 0.1em 0.2em
}
}

.texte-suite-reassurance2{
position:relative;
width:50%;
float:left;
margin-left:50%;
/* background-color:red; */

}

@media screen and (max-width:1500px){
.texte-suite-reassurance2 h2{
color:#fff;
text-shadow: black 0.1em 0.1em 0.2em
}
}

.texte-suite-reassurance3{
position:relative;
width:75%;
 margin:auto;
clear:both;
}


@media screen and (max-width:1000px){
.texte-suite-reassurance{
position:relative;
width:80%;
margin-left:10%;
}

.texte-suite-reassurance-accueil{
position:relative;
width:80%;
margin-left:10%;

}

.texte-suite-reassurance2{
position:relative;
width:80%;
clear:both;
margin-left:10%;

}

.texte-suite-reassurance3{
position:relative;
width:80%;
margin-left:10%;
clear:both;
}
}

.bloc-reassurance{
	position:relative;
	width:33%;
	float:left;
	/*background-color:blue;*/
}

.bloc-reassurance2{
	position:relative;
	width:50%;
	float:left;	
}

@media screen and (max-width:800px){
	.bloc-reassurance{
	position:relative;
	width:100%;
	clear:both;
	margin-bottom:35px;
}

.bloc-reassurance2{
	position:relative;
	width:100%;
	clear:both;
	margin-left:0%;
	margin-bottom:35px;
}
}

@media screen and (min-width:801px)and (max-width:1500px){
	.bloc-reassurance{
	position:relative;
	width:40%;
	margin-left:5%;
	margin-right:5%;
	float:left;
	margin-bottom:35px;
}
}

.reassurance{
position:relative;
width:80%;
margin:auto;
margin-top:50px;
text-align:justify;
margin-bottom:50px;
}

/* @media screen and (max-width:800px){ */
/* .reassurance{ */
/* position:relative; */
/* width:100%; */
/* margin:auto; */
/* margin-top:50px; */
/* padding-bottom:20px; */
/* text-align:justify; */
/* } */
/* } */

.reassurance img{
height:50px;
margin:auto;
position:relative;
display:block;
}

.reassurance h3{
color:#06222d;
font-size:12pt;
text-transform:uppercase;
line-height:1em;
text-align:center;
}

#suivez-nous{
position:relative;
width:100%;
background-color:#fff;
padding-top:50px;
padding-bottom:50px;
overflow:hidden;
}

#reseaux-sociaux a img{
	position:relative;
	width:30px;
	text-decoration:none;
}

#reseaux-sociaux a{
text-decoration:none;
}

#reseaux-sociaux{
width:100px;
margin:auto;
position:relative;
display:block;
padding-bottom:50px;
}



#pied-de-page{
position:relative;
width:100%;
background-color:#8f8f8f;
padding-top:50px;
padding-bottom:50px;
}

@media screen and (max-width: 400px) {
#pied-de-page{
position:relative;
width:100%;
background-color:#8f8f8f;
padding-top:0px;
padding-bottom:50px;
}
}

#logo-accesstrip-horizontal-pied{
	position:relative;
	float:left;
	width:30%;
}



#logo-accesstrip-horizontal-pied img{	
	width:100%;
}

@media screen and (max-width: 799px) {
	#logo-accesstrip-horizontal-pied{
	position:relative;
	clear:both;
	width:100%;
	margin-top:15px;
}
}

@media screen and (max-width: 500px) {
#logo-accesstrip-horizontal-pied img{	
	width:50%;
	margin-left:25%;
}
}

@media screen and (min-width:501px) and (max-width: 799px) {
#logo-accesstrip-horizontal-pied img{	
	width:30%;
	margin-left:35%;
}
}

@media screen and (min-width:800px) and (max-width: 1100px) {
	#logo-accesstrip-horizontal-pied{
	position:relative;
	clear:both;
	width:100%;
}

#logo-accesstrip-horizontal-pied img{	
	width:50%;
	margin-left:0%;
}
}

	
#logo-accesstrip-horizontal{
	position:relative;
	float:left;
	width:250px;
}


@media screen and (max-width: 400px) {
#logo-accesstrip-horizontal{
	position:relative;
	clear:both;
	width:80%;
	margin-left:10%;
}
}

#logo-haut-horizontal{
	position:relative;
	float:left;
	width:250px;
	padding-left:20px;
	padding-top:5px
}

@media screen and (max-width: 300px) {
#logo-haut-horizontal{
	position:relative;
	clear:both;
	width:100%;
	padding-left:0px;
	padding-top:5px;
	margin:auto;
}
}

@media screen and (min-width:301px) and (max-width: 1366px) {
#logo-haut-horizontal{
	position:relative;
	clear:both;
	width:250px;
	padding-left:0px;
	padding-top:5px;
	margin-left:50%;
	left:-125px;
}
}


.coordonnees{
	margin-left:10%;
	width:60%;
	position:relative;
	float:left;
	color:#fff;
font-size:13pt;
}

.coordonnees div{
color:#fff;
font-size:13pt;
margin:0;
padding:0;
}

/* @media screen and (min-width:800px) and (max-width: 1100px) { */
@media screen and (max-width: 1100px) {
.coordonnees{
	margin-left:0%;
	width:100%;
	position:relative;
	clear:both;
}
}	
	
/*
@media screen and (max-width: 400px) {
#coordonnees{
position:relative;
clear:both;
margin-left:5px;
padding-top:10px;
}
}

#coordonnees a, .coordonnees{
	font-size:15pt;
	color:#fff;
	text-decoration:none;
}

#coordonnees a:hover{
	font-size:15pt;
	color:#fff;
	text-decoration:underline;
}*/

.menupied{
position:relative;
float:left;
width:25%;
}

@media screen and (max-width: 800px) {
.menupied{
position:relative;
clear:both;
width:100%;

}
}

.menupied2{
position:relative;
float:left;
width:33%;
}

@media screen and (max-width: 800px) {
.menupied2{
position:relative;
clear:both;
width:100%;
}
}

.menupied3{
position:relative;
float:left;
width:17%;
}

@media screen and (max-width: 800px) {
.menupied3{
position:relative;
clear:both;
width:100%;
margin-top:20px;
}
}

.danslemenupied{
	position:relative;
	width:90%;
	margin-left:5%;
	clear:both;
	font-weight:normal;
}

@media screen and (max-width: 800px) {
	.danslemenupied{
	position:relative;
	width:100%;
	margin-left:0%;
	clear:both;
	font-weight:normal;
}
}


/* @media screen and (max-width: 400px) { */
/* .menupied{ */
/* position:relative; */
/* clear:both; */
/* margin-left:5px; */
/* } */
/* } */

.menupied a, .menupied2 a, .menupied3 a{
position:relative;
color:#fff;
font-size:11pt;
/* text-transform:uppercase; */
text-decoration:none;
font-weight:normal;
}

.menupied a:hover, .menupied2 a:hover, .menupied3 a:hover{
position:relative;
color:#06222d;
font-size:11pt;
/* text-transform:uppercase; */
text-decoration:none;
font-weight:normal;
}

.fixepied{
position:relative;
color:#06222d;
font-size:11pt;
/* text-transform:uppercase; */
text-decoration:none;
}

#lepied{
position:relative;
margin:auto;
width:1250px;
}

#lepied a{
	color:#fff;
	text-decoration:none;
	font-size:11pt;
}

#lepied a:hover{
	color:#06222d;
	text-decoration:none;
	font-size:11pt;
}

@media screen and (max-width: 1250px) {
#lepied{
position:relative;
margin:auto;
width:80%;

}
}


#insta{
position:relative;
/* padding-left:15px; */
width:100%;
min-width:1600px;
overflow:hidden;
/* background-color:blue; */
}


.instagram {
position: relative;
/*padding-bottom: 56.25%;  16:9 */
padding-bottom:12%;
padding-top: 25px;
height: 0;
}

/* L'enfant */
.instagram iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
overflow:hidden;
}




#grd-pere2{
position:relative;
clear:both;
width:100%;
height:100%;
}

#map {
position:relative;
	clear:both;
	width:100%;
	height:100%;
}

#bande-recherche{
position:relative;
width:100%;
background-color:#e8b414;
/* background-color:#06c39c;
background-color:#095775; */
clear:both;
padding-top:20px;
padding-bottom:20px;
}

#bande-recherche-index{
/*position:absolute;
width:100%;
clear:both;
top:80%*/
position:relative;
width:100%;
clear:both;
margin-top:30px;
}

@media screen and (max-width: 450px) {
#bande-recherche-index{
position:relative;
width:100%;
clear:both;
margin-top:15px;
background-color: #e8b414;
}
}

@media screen and (min-width: 450px) and (max-width:600px) {
#bande-recherche-index{
position:relative;
width:100%;
clear:both;
margin-top:30px;
background-color: #e8b414;
}
}

@media screen and (min-width: 600px) and (max-width:900px) {
#bande-recherche-index{
position:relative;
width:100%;
clear:both;
margin-top:40px;
background-color: #e8b414;
}
}
	
#zone-recherche2{
width:1000px;
position:relative;
margin:auto;
}

#Filters{
	width:100%;
	position:relative;
}
/*version mobile/ecran*/
/*
@media screen and (max-width: 900px) {
#zone-filtre{
width:100%;
position:relative;
margin:0;
padding:0;
}

#affichage-listing-filtres{
visibility:hidden;
width:0;
height:0;
padding:0;
margin:0;	
}
}


@media screen and (min-width: 901px) {
#zone-filtre{
width:0%;
position:relative;
visibility:hidden;
height:0;
margin:0;
padding:0;
}

#affichage-listing-filtres{
visibility:visible;
width:auto;
height:auto;
}
}*/

/*
#zone-filtre{
width:100%;
position:relative;
margin:0;
padding:0;
}*/

#formulaire-recherche{
position:relative;
float:left;
width:790px;
background-color:#fff;	
}

@media screen and (max-width: 1250px) {
#zone-recherche2{
width:80%;
position:relative;
margin:auto;
clear:both;
}

#formulaire-recherche{
position:relative;
clear:both;
width:100%;
background-color:#fff;	
}
}

#btn-acceder-carte2{
	position:relative;
	float:left;
	height:52px;
	/* background-color:#fff; */
	padding-left:60px;
	margin-left:10px;
	width:140px;
	
}


a #btn-acceder-carte2{
	background-image:url('img/pictos/acceder-carteok.png');
	background-repeat:no-repeat;
	background-position:10px 5px;
	color:#ffffff;	
	line-height:3em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:normal;
	text-decoration:none;
	transition:text-decoration 2s;
	
}

a:hover #btn-acceder-carte2{
	background-image:url('img/pictos/acceder-carteok.png');
	background-repeat:no-repeat;
	background-position:10px 5px;
	color:#ffffff;		
	line-height:3em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
	text-decoration:underline;
	font-weight:bold;
}

@media screen and (max-width: 1250px) {
	a #btn-acceder-carte2{
	background-image:url('img/pictos/acceder-carteok.png');
	background-size:40px;
	background-repeat:no-repeat;
	background-position:5px 5px;
	color:#ffffff;	
	line-height:3em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight:normal;
	text-decoration:none;
	transition:text-decoration 2s;
	
}

a:hover #btn-acceder-carte2{
	background-image:url('img/pictos/acceder-carteok.png');
	background-size:40px;
	background-repeat:no-repeat;
	background-position:5px 5px;
	color:#ffffff;		
	line-height:3em;	
	font-size:13pt;
	font-family: 'Quattrocento Sans', sans-serif;
	text-decoration:underline;
	font-weight:bold;
}
}

#centre{
position:relative;
width:100%;
clear:both;
background-color:#fff;
}


.AccordionTitle, .AccordionContent, .AccordionContainer    {
position: relative;
width: 790px;
float:left;
}

.BlocAccordionTitle{
position: relative;
width:100%;
clear:both;
}

.BlocAccordionContainer    {
position: relative;
width:95%;
clear:both;
/* background-color:yellow; */
}

@media screen and (max-width: 900px) {
.BlocAccordionContainer    {
position: relative;
width:100%;
clear:both;
/* background-color:yellow; */
}
}

@media screen and (max-width: 1000px) {
.AccordionTitle, .AccordionContent, .AccordionContainer    {
position: relative;
width: 100%;
}
}


.ombre{
	box-shadow: 0px 1px 5px 0px #656565;
}
.AccordionTitle{
/* height: 177px; */
overflow: hidden;
cursor: pointer;
}

@media screen and (max-width: 1000px) {
.AccordionTitle{
width:100%;
overflow: hidden;
cursor: pointer;
margin-top:30px;
}
}

.AccordionContent{
height:0px;
overflow: hidden; /*display: none;  */
background-color:#fff;
/*border:1px solid #000;*/
}

.AccordionContent_{
height: auto;
width:96%;
margin-left:2%;
margin-top:10px;
margin-bottom:10px;
/* background-color:red;
height:50px; */
}

@media screen and (max-width: 1000px) {
.AccordionContent_{
height: auto;
width:100%;
margin:20px;
}

.BlocAccordionContent_{
height: auto;
width:100%;
margin-left:0%;
margin-top:10px;
margin-bottom:10px;
}
}



.btn-recherche{
position:relative;
padding:10px;
width:auto;
float:left;
margin-right:10px;
margin-bottom:10px;
background-color:#f6f6f6;
}

.btn-recherche a{
	text-decoration:none;
}

#centre-resultats-fiches, #centre-resultats-fiches-voyages{
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	/* width:1000px; */
	width:75%;
	margin:auto;
	/* background-color:yellow; */

}

#centre-resultats-fiches-voyages .ligne div{
	font-size:13pt;
	width:95%;
	margin-left:2%;
	position:relative;
	clear:both;	
	text-align:justify;

}

.centre-resultats-fiches2{
	position:relative;
	/*padding-bottom:50px;*/
	width:90%;
	margin:auto;
	/*background-color:yellow; */
}

.vignette-resultat-recherche{
position:relative;
 width:29%; 
/*width:46%;*/
margin-bottom:50px;
margin-left:2%;
margin-right:2%;
float:left;
box-shadow: 0px 1px 5px 0px #656565;
}

@media screen and (max-width: 800px) {
.vignette-resultat-recherche{
position:relative;
width:96%;
margin:2%;
float:left;
box-shadow: 0px 1px 5px 0px #656565;
}
}

@media screen and (min-width:801px) and (max-width: 1500px) {
.vignette-resultat-recherche{
position:relative;
width:46%;
margin:2%;
float:left;
box-shadow: 0px 1px 5px 0px #656565;
}
}

.vignette-resultat-recherche a{
text-decoration:none;
}



.vignette-resultat-recherche2{
position:relative;
 width:29%; 
/*width:46%;*/
margin-bottom:50px;
margin-left:2%;
margin-right:2%;
float:left;
box-shadow: 0px 1px 5px 0px #656565;
}


@media screen and (max-width: 1500px) {
.vignette-resultat-recherche2{
position:relative;
width:96%;
margin:2%;
float:left;
box-shadow: 0px 1px 5px 0px #656565;
}
}

.vignette-resultat-recherche2 a{
text-decoration:none;
}

.zone-photo-vignette{
position:relative;
width:100%;
height:240px;
display:block;
overflow:hidden;
}

.zone-photo-vignette2, .zone-photo-vignette2-horizontale, .zone-photo-vignette2-verticale{
position:relative;
width:100%;
height:200px;
display:block;
overflow:hidden;
background-color: #06222d;
}

.zone-photo-vignette2 img{
position:absolute;
/*width:100%;
top:50%;
transform: translateY(-50%);*/
height:120%;
left:50%;
transform: translateX(-50%);
}

.zone-photo-vignette2-horizontale img{
position:absolute;
/*width:100%;
top:50%;
transform: translateY(-50%);*/
height:120%;
left:50%;
transform: translateX(-50%);
}

.zone-photo-vignette2-verticale img{
position:absolute;
width:100%;
top:50%;
transform: translateY(-50%);
}

.zone-photo-vignette img{
position:absolute;
width:100%;
top:50%;
transform: translateY(-50%);
}


@media screen and (max-width: 300px) {
.zone-photo-vignette{
position:relative;
width:100%;
height:180px;
display:block;
overflow:hidden;
}

.zone-photo-vignette img{
position:absolute;
height:100%;
width:auto;
top:0%;
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
}
}

@media screen and (min-width: 301px) and (max-width:600px){
.zone-photo-vignette{
position:relative;
width:100%;
height:180px;
display:block;
overflow:hidden;
/* background-color:green; */
}

.zone-photo-vignette img{
position:absolute;
height:160%;
width:auto;
top:0%;
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
}
}

@media screen and (min-width: 380px) and (max-width:800px){

.zone-photo-vignette2 img{
position:absolute;
width:180%;
top:0%;
transform: translateY(-50%);
height:auto;
left:0%;
transform: translateX(0%);
}

}


@media screen and (min-width: 800px) and (max-width:1050px){
.zone-photo-vignette{
position:relative;
width:100%;
height:240px;
display:block;
overflow:hidden;
/* background-color:red; */
}

.zone-photo-vignette img{
position:absolute;
height:110%;
width:auto;
top:0%;
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
}

.zone-photo-vignette2 img{
position:absolute;
width:100%;
top:0%;
transform: translateY(-50%);
height:auto;
left:0%;
transform: translateX(0%);
}

}


@media screen and (min-width: 1051px) and (max-width:1200px){
.zone-photo-vignette{
position:relative;
width:100%;
height:240px;
display:block;
overflow:hidden;
/* background-color:coral; */
}

.zone-photo-vignette img{
position:absolute;
height:130%;
width:auto;
top:0%;
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
}

.zone-photo-vignette2 img{
position:absolute;
width:100%;
top:0%;
transform: translateY(-50%);
height:auto;
left:0%;
transform: translateX(0%);
}
}



@media screen and (min-width: 1201px) and (max-width:1350px){
.zone-photo-vignette{
position:relative;
width:100%;
height:240px;
display:block;
overflow:hidden;
/* background-color:blue; */
}

.zone-photo-vignette img{
position:absolute;
height:130%;
width:auto;
top:0%;
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
}
}

@media screen and (min-width: 1201px) and (max-width:1500px){
.zone-photo-vignette2 img{
position:absolute;
width:100%;
top:0%;
transform: translateY(-50%);
height:auto;
left:0%;
transform: translateX(0%);
}
}

@media screen and (min-width: 1500px) and (max-width:1900px){
.zone-photo-vignette{
position:relative;
width:100%;
height:240px;
display:block;
overflow:hidden;
/* background-color:coral; */
}

.zone-photo-vignette img{
position:absolute;
height:130%;
width:auto;
top:0%;
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
}
}


.zone-phot-vign{
position:relative;
width:100%;
height:240px;
display:block;
background-color: #095775;
overflow:hidden;
}

.zone-phot-vign img{
/*position:absolute;*/
width:100%;
/* top:50%; */
/* transform: translateY(-50%); */

}

@media screen and (max-width: 800px){
.zone-phot-vign img{
position:absolute;
width:auto;
height:130%;
left:50%;
transform: translateX(-50%);
}
}

@media screen and (min-width:801px) and (max-width: 1200px){
.zone-phot-vign img{
position:absolute;
width:auto;
height:160%;
left:50%;
transform: translateX(-50%);
}
}


@media screen and (min-width:1201px) and (max-width: 2000px){
.zone-phot-vign img{
position:absolute;
width:auto;
height:130%;
left:50%;
transform: translateX(-50%);
}
}

	
.zone-detail-vignette{
position:relative;
clear:both;
width:100%;
padding-left:0%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
}

.zone-detail-vignette2{
position:relative;
clear:both;
width:100%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
}

.zone-detail-vignette-art{
position:relative;
clear:both;
width:100%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
}

.zone-detail-vignette-art span{
padding-left:5px;
}	


@media screen and (max-width: 1000px) {
.zone-detail-vignette-art{
position:relative;
clear:both;
width:100%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
height:120px;
}
}

@media screen and (max-width:1300px){
.zone-detail-vignette, .zone-detail-vignette-art{
position:relative;
clear:both;
width:100%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
/* height:150px; */
height:100px;
}
}

@media screen and (min-width: 1301px) and (max-width:2100px){
.zone-detail-vignette, .zone-detail-vignette-art{
position:relative;
clear:both;
width:100%;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
height:110px;
}
}

/*
@media screen and (max-width: 1700px) {
.zone-detail-vignette{
position:relative;
clear:both;
width:100%;
height:50px;
background-color:#fff;
padding-top:10px;
padding-bottom:10px;
}
}
*/
/*
.zone-detail-vignette span, .zone-detail-vignette-art span{
	padding-left:10px;
}*/

.toute-la-longueur{
	width:100%;
	position:relative;
	clear:both;	
	}
	
.toute-la-longueur-pagination{
	width:95%;
	margin-left:2%;
	position:relative;
	clear:both;	
	margin-bottom:10px;
	}

.alignement-vignette{
	width:95%;
	margin-left:2%;
	position:relative;
	clear:both;	
	/* background-color:coral; */
	text-align:justify;
}	
.pagination{
	position:absolute;
	right:0;
	/* background-color:green; */
}

.toute-la-longueur2{
	position:relative;
	padding-top:25px;
	padding-bottom:15px;
	width:1000px;
	margin:auto;
	height:30px;
}

.toute-la-longueur3{
	position:relative;
	padding-bottom:30px;
	padding-top:30px;
	width:100%;
	margin:auto;
	height:30px;
	/* background-color:red; */
}


a .btn-recherche2{
position:absolute;
right:0;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche2 {
position:absolute;
right:0;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}


a .btn-recherche3{
position:absolute;
left:0;
padding:10px;
width:auto;
float:left;
background-color:#fff;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche3 {
position:absolute;
left:0;
padding:10px;
width:auto;
float:left;
background-color:#fff;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}

a .btnabsolute{
position:absolute;
right:0;
padding:10px;
width:auto;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btnabsolute {
position:absolute;
right:0;
padding:10px;
width:auto;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

.btnrelative2{
position:relative;
padding:10px;
text-decoration:none;
float:left;
margin-bottom:10px;
margin-left:15px;
margin-right:15px;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a .btnrelative{
position:relative;
padding:10px;
text-decoration:none;
float:left;
margin-bottom:10px;
background-color:#f6f6f6;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
margin-right:10px;
}

a:hover .btnrelative {
position:relative;

padding:10px;
width:auto;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}


a .btn-recherche4{
position:relative;
margin-right:30px;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche4 {
position:relative;
margin-right:30px;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .btn-recherche4fixe,  a:hover .btn-recherche4fixe {
position:relative;
margin-right:30px;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .btn-recherche5{
position:absolute;
right:0;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche5{
position:absolute;
right:0;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}

@media screen and (max-width: 400px) {
a .btn-recherche5{
position:relative;
right:0;
padding:10px;
width:auto;
clear:both;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche5{
position:relative;
right:0;
padding:10px;
width:auto;
clear:both;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}
}

a .btn-recherche6{
position:relative;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
background-color:#fff;
text-decoration:none;
font-size:15pt;
text-transform:uppercase;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
text-align:center;
}

a:hover .btn-recherche6{
position:relative;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
font-size:15pt;
text-transform:uppercase;
color:#fff;
background-color:#8f8f8f;
text-decoration:none;
text-align:center;
}

@media screen and (max-width:1500px){
a .btn-recherche6{
position:relative;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
background-color:#fff;
text-decoration:none;
font-size:10pt;
text-transform:uppercase;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
text-align:center;
}

a:hover .btn-recherche6{
position:relative;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
font-size:10pt;
text-transform:uppercase;
color:#fff;
background-color:#8f8f8f;
text-decoration:none;
text-align:center;
}
}

a .btn-recherche7{
position:absolute;
left:5%;
padding:10px;
text-align:center;
width:80%;
float:left;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche7 {
position:absolute;
left:5%;
padding:10px;
width:80%;
text-align:center;
float:left;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}


a .btn-recherche8{
position:relative;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
background-color:#f6f6f6;
text-decoration:none;
font-size:15pt;
text-transform:uppercase;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
text-align:center;
}

a:hover .btn-recherche8{
position:relative;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
font-size:15pt;
text-transform:uppercase;
color:#fff;
background-color:#8f8f8f;
text-decoration:none;
text-align:center;
}
/* a .btn-recherche5{ */
/* position:absolute; */
/* width:auto; */
/* padding:10px; */
/* background-color:#fff; */
/* text-decoration:none; */
/* color:#06222d; */
/* font-weight:bold; */
/* transition: color 2s, background-color 2s; */
/* top:110px; */
/* left:200px; */
/* } */


a .btn-recherche9{
position:absolute;
right:0;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#fff;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .btn-recherche9{
position:absolute;
right:0;
padding:10px;
width:auto;
float:left;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
}


#les-rankings{
	position:relative;
	clear:both;
	width:100%;
	background-color:#e8b414;
	/* height:400px;

	padding-top:50px; */
}

#les-rankings a{
	text-decoration:none;
}

#centre a{
	text-decoration:none;
}
	
a .ligne-complete{
	position:relative;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	margin:auto;
	clear:both;	
	text-align:center;	
	background-color:#f6f6f6;	
	text-decoration:none;
	font-weight:bold;
	color:#06222d;
	transition: color 2s, background-color 2s;
}

a:hover .ligne-complete {
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	margin:auto;
	clear:both;	
	text-align:center;	
	background-color:#8f8f8f;
	text-decoration:none;
	color:#ffffff;	
}

#video-accueil{
	position:relative;
	width:100%;
	height:auto;
	clear:both;
	padding:0;
	margin:0;
	
}

@media screen and (min-width:500px) and (max-width: 600px) {
	#video-accueil{
	position:relative;
	width:100%;
	min-height:350px;
	clear:both;
}
}


@media screen and (min-width:601px) and (max-width: 700px) {
	#video-accueil{
	position:relative;
	width:100%;
	min-height:300px;
	clear:both;
}
}

@media screen and (min-width:701px) and (max-width: 1300px) {
	#video-accueil{
	position:relative;
	width:100%;
	min-height:500px;
	clear:both;
}
}



#diapo{
	position:relative;
	width:79%;
	height:600px;
	float:left;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}

@media screen and (max-width: 400px) {
	#diapo{
	position:relative;
	width:80%;
	margin-left:10%;
	height:150px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}
}

@media screen and (min-width:401px) and (max-width: 600px) {
	#diapo{
	position:relative;
	width:80%;
	margin-left:10%;
	height:200px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}
}

@media screen and (min-width:601px) and (max-width: 1200px) {
	#diapo{
	position:relative;
	width:80%;
	margin-left:10%;
	height:300px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}
}
/*
@media screen and (min-width:1201px) and (max-width: 1500px) {
#diapo{
	position:relative;
	width:79%;
	height:600px;
	float:left;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}
}
*/
#diapo img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}


.deuxtiers{
	position:relative;
	width:80%;
	float:left;
	overflow:hidden;
	margin-bottom:30px
}


#droite-eval{
	position:relative;
	margin-left:1%;
	padding-left:1%;
	width:18%;
	border:2px solid #eee;
	float:left;
	margin-bottom:50px;

height:600px;
	
}


@media screen and (max-width: 1200px) {
#droite-eval{
position:relative;
margin-left:10%;
padding-left:0%;
height:auto;
width:80%;
clear:both;
margin-bottom:30px;	
border:2px solid #eee;
}
}
/*
@media screen and (min-width:801px) and (max-width: 1200px) {
#droite-eval{
position:relative;
margin-left:25%;
height:auto;
width:50%;
clear:both;
margin-bottom:30px;	
}
}*/

.untiers{
	position:relative;
	margin-left:2%;
	width:18%;
	float:left;
	margin-bottom:30px;
	text-align:center;
}

#photo-haute{
	position:relative;
	/* clear:both; */
	width:100%;
	height:290px;
	margin-bottom:20px;
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}

@media screen and (max-width: 400px) {
#photo-haute{
	position:relative;
	clear:both;
	width:100%;
	height:150px;
	margin-bottom:20px;
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}
}
	
#photo-basse{
	position:relative;
	/* clear:both; */
	width:100%;
	height:290px;	
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}

@media screen and (max-width: 400px) {
#photo-basse{
	position:relative;
	clear:both;
	width:100%;
	height:150px;	
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}
}

@media screen and (min-width:1001px) and (max-width: 1200px) {
#photo-haute{
	position:relative;
	float:left;
	width:48%;
	height:200px;
	margin-bottom:20px;
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}

#photo-basse{
	position:relative;
	float:left;
	width:48%;
	margin-left:4%;
	height:200px;	
	overflow:hidden;
	box-shadow: 0px 1px 5px 0px #656565;
}
}

#photo-haute img, #photo-basse img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

@media screen and (min-width:1201px) and (max-width: 2000px) {
#photo-haute img, #photo-basse img{
/*width:100%;
top: 50%;
transform: translateY(-50%);
position:absolute; */
height:100%;
}
}

#mini-map{
	position:relative;
	width:69%;
	margin-right:4%;
	height:300px;
	float:left;
	/* margin-bottom:30px; */
	box-shadow: 0px 1px 5px 0px #656565;
}

@media screen and (max-width: 1700px) {
	#mini-map{
	position:relative;
	width:100%;
	margin-right:0%;
	height:300px;
	clear:both;
	/* margin-bottom:30px; */
	box-shadow: 0px 1px 5px 0px #656565;
}
}

.moitie{
position:relative;
width:48%;
float:left;
text-align:center;
}



.colonneg{
position:relative;
width:49%;
float:left;
/* margin-bottom:30px */
}
/*
.colonnegbis{
position:relative;
width:49%;
float:left;
padding-top:50px;
padding-bottom:50px
}
*/

.moitiecinquante{
	position:relative;
	width:50%;
	float:left;
}

.quasitout{
position:relative;
width:96%;
margin-left:2%;
clear:both;
}

@media screen and (max-width:1000px){
.moitiecinquante{
	position:relative;
	width:100%;
	clear:both;
}

.quasitout{
position:relative;
width:96%;
margin-left:2%;
clear:both;
}
}

.colonnedbis{
position:relative;
width:48%;
margin-left:1%;
float:left;
}

.colonnedbis2{
position:relative;
width:48%;
margin-left:1%;
float:left;
}


@media screen and (max-width:1000px){
.colonnegbis2{
position:relative;
width:80%;
clear:both;
padding-top:10px;
padding-bottom:10px;
margin-left:10%;
}

.colonnedbis2{
position:relative;
width:80%;
margin-left:10%;
clear:both;
}
}

@media screen and (min-width:1000px){
.padding{
padding-top:70px;
}
}

.colonneg2{
position:relative;
width:49%;
float:left;
/* background-color:coral; */
}

.colonned{
position:relative;
width:49%;
margin-left:2%;
float:left;
/* background-color:red; */
/* margin-bottom:30px */
}

.colonned-moncompte{
position:relative;
width:49%;
margin-left:2%;
float:left;
}

.colonneg-moncompte{
position:relative;
width:49%;
float:left;
}

@media screen and (max-width:1700px){
.colonned-moncompte{
position:relative;
width:100%;
margin-left:0%;
clear:both;
}

.colonneg-moncompte{
position:relative;
width:100%;
clear:both;
}
}

.colonned2{
position:relative;
width:49%;
margin-left:2%;
float:left;
}

.colonneg3{
position:relative;
width:68%;
float:left;
/* background-color:blue; */
margin-bottom:20px
}

.colonned3{
position:relative;
width:30%;
margin-left:2%;
float:left;
/* background-color:red; */
}

@media screen and (max-width: 500px) {
.colonneg{
position:relative;
width:100%;
clear:both;
margin-bottom:30px
}

.colonned{
position:relative;
width:100%;
margin-left:0%;
clear:both;
margin-bottom:30px
}
}

@media screen and (max-width: 1200px) {
.colonneg3{
position:relative;
width:100%;
clear:both;
margin-bottom:10px
}

.colonned3{
position:relative;
width:100%;
clear:both;
margin-left:0%;
margin-bottom:20px
}
}


@media screen and (max-width: 1000px) {
.colonnegbis{
position:relative;
width:100%;
clear:both;
padding-top:20px;
padding-bottom:20px
}

.colonnedbis{
position:relative;
width:100%;
clear:both;
padding-bottom:20px;
margin-left:0%;
}
}


@media screen and (min-width:1001px) and (max-width: 1200px) {
.colonnegbis{
position:relative;
width:49%;
float:left;
padding-top:20px;
padding-bottom:20px;

}
}

@media screen and (min-width:1201px) and (max-width: 1600px) {
.colonnegbis{
position:relative;
width:49%;
float:left;
padding-top:100px;
padding-bottom:20px;
/* background-color:blue; */
}
}
/*
@media screen and (min-width:1301px) and (max-width: 1600px) {
.colonnegbis{
position:relative;
width:49%;
float:left;
padding-top:50px;
padding-bottom:50px;

}
}
*/

@media screen and (min-width:1200px) and (max-width: 1900px) {
.colonneg3{
position:relative;
width:100%;
clear:both;
margin-bottom:10px
}

.colonned3{
position:relative;
width:100%;
clear:both;
margin-left:0%;
margin-bottom:20px
}
}

#map {
	height: 100%;
}


#le-tableau{
	width:100%;
	/* background-color:blue; */
	margin-bottom:30px;
}	
/* Front Tabs */
.tabs-container {
  margin-bottom: 10px;
}
.tabs-wrapper {
  margin: 0 0 0px 0;
  /*background-color:blue;*/
}
ul.tabs {
	margin:0px 0px 0px 1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 35px;
	border-bottom: 1px solid #dedede;
	border-left:none;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: auto;
	float:left;
}
ul.tabs li {
	float: left;
	padding: 0;
	height: 35px;
	line-height: 32px;
	border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin:0px 0px -1px -1px;
	background-image:url(img/voyager/tabs.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
	position: relative;		
}

ul.tabs li .jaune{
float: left;
padding: 0;
height: 35px;
line-height: 32px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin:0px 0px -1px -1px;
background-image:url(img/voyager/tabslignejaune.jpg);
background-repeat:repeat-x;
overflow: hidden;
position: relative;	
/* color:#06222d;	 */
}


.casegrise{
float: left;
padding: 0;
height: 35px;
line-height: 32px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin:0px 0px -1px -1px;
background-color:#f6f6f6;
overflow: hidden;
position: relative;	
color:#06222d;
font-size:15pt;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding: 1px 26px;
outline: none;
}

@media screen and (max-width: 2000px) {
.casegrise{
visibility:hidden;
float: left;
padding: 0;
height: 0px;
line-height: 0px;
border-top: 0px solid #dedede;
border-left: 0px solid #dedede;
border-right: 0px solid #dedede;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin:0px 0px -1px -1px;
background-color:#f6f6f6;
overflow: hidden;
position: relative;	
color:#06222d;
font-size:15pt;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding: 0px 0px;
outline: none;
}
}

	
ul.tabs li a {
	display: block;	
	padding: 1px 26px;
	outline: none;
	/*font-size: 12px;
	font-family: Helvetica,Arial,sans-serif;
	color: #7d7d7d;*/
	color:#06222d;
	font-size:15pt;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

ul.tabs li.petit a {
	display: block;	
	padding: 1px 26px;
	outline: none;
	/*font-size: 12px;
	font-family: Helvetica,Arial,sans-serif;
	color: #7d7d7d;*/
	/*color:#06222d;*/
	font-size:12pt;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

@media screen and (min-width:1001px) and (max-width:1500px){
ul.tabs li a {
	display: block;	
	padding: 1px 26px;
	outline: none;
	/* color:#06222d; */
	font-size:10pt;
	text-transform:uppercase;
	text-decoration:none;
}
}



@media screen and (max-width:1000px){
	
ul.tabs {
	margin:0px 0px 0px 1px;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	border-bottom: 1px solid #dedede;
	border-left:none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 100%;
	float:left;
}

ul.tabs li {
	width:100%;
	clear:both;
	padding: 0;
	height: 35px;
	line-height: 32px;
	border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin:0px 0px -1px -1px;
	background-image:url(../images/tabs.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
	position: relative;	
	/*color:#8dc041;*/

}

ul.tabs li .jaune{
width:100%;
clear:both;
padding: 0;
height: 35px;
line-height: 32px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin:0px 0px -1px -1px;
background-image:url(img/voyager/tabslignejaune.jpg);
background-repeat:repeat-x;
overflow: hidden;
position: relative;	
text-align:center;	
}
}	
	
ul.tabs li a:hover {
  background: #ffffff;
   color: #e8b414; 
  border-bottom: none;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	



html ul.tabs li.current, html ul.tabs li.current a:hover  {
	background: #fff;
border-bottom: 1px solid #fdfeff;
  padding-bottom: 1px;
  /* color:#e8b414; */
}

/*qd on est sur la vignette active*/
html ul.tabs li.current .jaune a{
float: left;
padding: 0;
height: 35px;
line-height: 32px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin:0px 0px -1px -1px;
background: #fff;
color:#e8b414;
overflow: hidden;
position: relative;		
padding: 1px 26px;
}

@media screen and (max-width:1000px){
html ul.tabs li.current .jaune a{
clear:both;
padding: 0;
width:100%;
height: 35px;
line-height: 32px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin:0px 0px -1px -1px;
background: #fff;
color:#e8b414;
overflow: hidden;
position: relative;		
padding: 1px 26px;
}
}

.panes {
	border: 1px solid #dbdbdb;
	border-top: none;
	clear: both;
	width: 100%;
	background:#fff;  
	padding-bottom: 10px;
  font-size: 14px;
  color: #7d7d7d;
  display: block;
}

.pane {
padding: 18px 20px 8px 20px;
border-top: 1px solid #dbdbdb;
color:#8dc041;
display:none;
}

.contributeur{
width:10%;
float:left;
position:relative;
margin-bottom:10px;
}

@media screen and (max-width:1000px){
.contributeur{
width:100%;
clear:both;
position:relative;
margin-bottom:10px;
}
}

.photo-contributeur, .photo-contributeur-verticale, .photo-contributeur-horizontale{
	width: 70px;
    height: 70px;    
    overflow: hidden;
    position: relative;
    clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 35px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin:auto;
	z-index:100;
	background-color:#06222d;
}

.photo-contributeur2, .photo-contributeur2-horizontale, .photo-contributeur2-verticale{
	width: 40px;
    height: 40px;    
    overflow: hidden;
    position: relative;
	float:left;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 25px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin:auto;
	z-index:100;
	
}

.photo-contributeur img, .photo-contributeur2 img{
/*height:100%;
position:absolute;
position:absolute; 
width:100%;*/
/*top: 50%;
transform: translateY(-50%);*/

height:100%;
position:absolute;
left: 50%;
transform: translateX(-50%);
}


.photo-contributeur-verticale img{
position:absolute; 
width:100%;
top: 50%;
transform: translateY(-50%);
}

.photo-contributeur-horizontale img{
height:100%;
position:absolute;
left: 50%;
transform: translateX(-50%);
}

.photo-contributeur2-horizontale img{
height:100%;
position:absolute;
left: 50%;
transform: translateX(-50%);
}

.photo-contributeur2-verticale img{
position:absolute; 
width:100%;
top: 50%;
transform: translateY(-50%);
}


.photo-contributeur-accessmag, .photo-contributeur-accessmag-horizontale, .photo-contributeur-accessmag-verticale{
	width: 70px;
    height: 70px;    
    overflow: hidden;
    position: relative;
	float:left;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 35px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin:auto;
	z-index:100;
}

.photo-contributeur-accessmag img{
height:100%;
position:absolute;
left: 50%;
transform: translateX(-50%);
/*position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%); */
}


.photo-contributeur-accessmag-horizontale img{
height:100%;
position:absolute;
left: 50%;
transform: translateX(-50%);
/*position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%); */
}

.photo-contributeur-accessmag-verticale img{
position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%); 
}



.detail-contrib{
	width:auto;
	float:left;
	position:relative;
	margin-top:20px;
	background-color: #06222d;
	padding:10px;
}

@media screen and (max-width:500px){
	.detail-contrib{
	width:80%;
	clear:both;
	position:relative;
	margin-top:20px;
	background-color: #06222d;
	padding:10px;
}
}


@media screen and (min-width:501px) and (max-width:900px){
	.detail-contrib{
	width:150px;
	float:left;
	position:relative;
	margin-top:20px;
	background-color: #06222d;
	padding:10px;
}
}



@media screen and (max-width:750px){
.titre-art-webzine{
	padding-top:100px;
}

.detail-contrib .texteblanc{
color:#fff;
font-size:8pt;
}
}

@media screen and (min-width:751px) and (max-width:900px){
.titre-art-webzine{
	padding-top:70px;
}
}

@media screen and (min-width:901px){
.titre-art-webzine{
	padding-top:70px;
}
}

.grande-photo-contributeur{
	width: 150px;
    height: 150px;    
    overflow: hidden;
    position: relative;
    clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 75px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin:auto;
	margin-top:10px;
	z-index:100;
	background-color: #06222d;
}

.grande-photo-contributeur img{
/*position:absolute;
height:100%;
left: 50%;
transform: translateX(-50%);*/
position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%);
}



.grande-photo-contributeur-horizontale, .grande-photo-contributeur-verticale {
	width: 150px;
    height: 150px;    
    overflow: hidden;
    position: relative;
    clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 75px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin:auto;
	margin-top:10px;
	z-index:100;
	background-color: #06222d;
}



.grande-photo-contributeur-horizontale img{
position:absolute;
height:100%;
left: 50%;
transform: translateX(-50%);
}


.grande-photo-contributeur-verticale img{
/*position:absolute;
height:100%;
left: 50%;
transform: translateX(-50%);*/
position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%);
}



.grande-photo-contributeur-horizontale2, .grande-photo-contributeur-verticale2 {
	width: 150px;
    height: 150px;    
    overflow: hidden;
    position: relative;
    clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 75px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin-top:10px;
	z-index:100;
	background-color: #06222d;
}



.grande-photo-contributeur-horizontale2 img{
position:absolute;
height:100%;
left: 50%;
transform: translateX(-50%);
}


.grande-photo-contributeur-verticale2 img{
position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%);
}
/*
.grande-photo-contributeur2 img{
position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%);
}*/

.photo-zone-reporter{
	position:relative;
	width:200px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

.photo-zone-reporter img{
	width:100%;
}

.grand-btn-fichier{
	width: 300px;
    height: 150px; 
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer;
}
.nom-contributeur{
width:100%;
clear:both;
position:relative;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}

.nb-contributeur{
	position:relative;
	float:left;
	color:#8f8f8f;
	font-size:9pt;
text-transform:none;
	padding-left:20px;
	text-align:right;
	/* background-color:blue;*/
}

.nb-contributeur2{
	position:relative;
	clear:both;
	color:#8f8f8f;
	font-size:9pt;
text-transform:none;
text-align:center;
	padding-left:10px;
}

@media screen and (max-width: 1800px) {
.nb-contributeur{
	position:relative;
	clear:both;
	width:100%;
	text-align:center;
	padding-left:0px;
	/* background-color:blue; */
	padding-bottom:0;
	margin-bottom:0;
}
}

.avis{
	position:relative;
	float:left;
	/* background-color:coral; */
	width:88%;
	margin-left:2%;
}

@media screen and (max-width:1000px){
.avis{
position:relative;
clear:both;
width:100%;
margin-left:0%;
}
}

#zone-tableau{
position:relative;
width:100%;
/*background-color:#095775;*/
/* background-color: #06222d; */
background-color:#fff;
clear:both;
}

hr {
	display: block;
	clear: both;
	height: 0;
	margin: 40px 0 40px;
	border: solid 1px #f6f6f6;
}

.lignesstitre {
	display: block;
	clear: both;
	height: 0;
	border: solid 1px #e8b414;
	width:150px;
	margin:auto;
	margin-bottom:20px;
}


.lignesstitre2 {
	display: block;
	clear: both;
	height: 0;
	border: solid 1px #e8b414;
	width:150px;
	margin:auto;
	padding:0;
}

.lignesstitre3 {
	display: block;
	clear: both;
	height: 0;
	border: solid 1px #e8b414;
	width:100%;
	margin:auto;
	padding:0;
}


.rond-entier-bleu{
width: 15px;
height: 15px;    
position: relative;
float:left;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
border-radius: 8px;
background-color: #06222d;
margin-top:3px;
margin-right:3px;
}

.rond-entier-blanc{
width: 15px;
height: 15px;    
position: relative;
float:left;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
border-radius: 8px;
background-color: #fff;
margin-top:3px;
margin-right:3px;
}

.rond-moitie-degrade{
width: 15px;
height: 15px;    
position: relative;
float:left;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
border-radius: 8px;
margin-top:3px;
margin-right:3px;
background-image: linear-gradient(to right, #06222d, #fff);

}



#fiche, .petite-fiche{
	position:relative;
	clear:both;
	text-align:right;
	width:100%;
	/* background-color:coral; */
}

@media screen and (max-width:1800px){
	.petite-fiche{
	position:relative;
	clear:both;
	text-align:center;
	width:100%;
}
}

#groupe-barre{
	width:100%;
	position:relative;	
	clear:both;
	background-color:black;
	margin-bottom:50px;
}

.petit-groupe-barre{
	width:100%;
	position:relative;	
	clear:both;
	/* background-color:black; */
	
}
@media screen and (max-width:600px) {
#fiche{
	position:relative;
	clear:both;
	width:200px;
	text-align:center;
}

#groupe-barre{
	width:200px;
	position:relative;	
	clear:both;
	margin-bottom:50px;
}
}

#barre_100{
	width:200px;
	/*position:relative;*/
	position:absolute;
	right:0;
	height:20px;
	background-color:#ffffff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.8); 
	border-radius: 10px;
	margin-bottom:50px;
}

.petite-barre_100{
	width:130px;
	position:absolute;
	right:0;
	height:10px;
	background-color:#ffffff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.8); 
	border-radius: 10px;
	margin-bottom:50px;
}

@media screen and (max-width:1800px) {
.petite-barre_100{
	width:130px;
	position:absolute;
	right:0;
	margin-left:-65px;
	left:50%;
	height:10px;
	background-color:#ffffff;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.8); 
	border-radius: 10px;
	margin-bottom:50px;
}
}

#interieur-completude{
position:absolute;
top:0;
right:0;
width:200px;
/* background-color:blue; */
}

.petit-interieur-completude{
position:absolute;
top:0;
right:0;
width:130px;

}

@media screen and (max-width:1800px) {
.petit-interieur-completude{
position:absolute;
top:0;
right:0;
left:50%;
margin-left:-65px;
width:130px;
}
}

#barre_valeur{
position:relative;
height:20px;
background-color:#8f8f8f;
text-align:center;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
clear:both;
}

.petite-barre_valeur{
position:relative;
height:10px;
background-color:#8f8f8f;
text-align:center;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
clear:both;
}


#curseur{
	position:absolute;
	width:23px;
	height:30px;
	background-image:url('img/voyager/curseur.png');
	background-repeat:no-repeat;
	top:0;
}

.becomm{
	font-weight:normal;
}
.becomm img{
	width:15px;
}

.petit-curseur{
	position:absolute;
	width:12px;
	height:15px;
	background-image:url('img/voyager/curseur.png');
	background-size:100%;
	background-repeat:no-repeat;
	top:0;
}

#pourcentage{
position:relative;
z-index:100;
width:100%;
clear:both;
text-align:center;
color:#06222d;
/* font-size:15pt; */
font-size:13pt;
padding-top:5px;
}


#zone-suggestion{
	position:relative;
	clear:both;
	width:100%;
	background-color:#fff;
	
}

#zone-sugg-article{
	position:relative;
	clear:both;
	width:100%;
	background-color:#f6f6f6;	
}

.zone-appel-action{
position:relative;
clear:both;
width:100%;
background-color: #06222d;
}

.zone-appel-action div{
	color:#fff;
}

.zone-appel-action2{
position:relative;
clear:both;
width:90%;
margin-left:5%;
background-color: #06222d;
}

#deuxboutons{
width:1000px;
margin:auto;
position:relative;
/*padding-top:50px; */
padding-bottom:50px;
}

@media screen and (max-width:1400px) {
#deuxboutons{
width:80%;
margin:auto;
position:relative;
/* padding-top:50px; */
padding-bottom:50px;
}
}

.ungrandbouton{
width:1000px;
margin:auto;
position:relative;
padding-top:30px;
padding-bottom:30px;
}

@media screen and (max-width:1100px) {
.ungrandbouton{
width:80%;
margin:auto;
position:relative;
padding-top:30px;
padding-bottom:30px;
}
}

.ungrandbouton2{
width:80%;
margin:auto;
position:relative;
padding-top:30px;
padding-bottom:30px;
}

.ungrandbouton3{
width:80%;
margin:auto;
position:relative;
padding-top:10px;
padding-bottom:30px;
}

.ungrandbouton4{
width:80%;
margin:auto;
position:relative;
padding-top:10px;
padding-bottom:50px;
}


#outils-fiche{
position:relative;
height:40px;
float:left;
}

/*
#les-outils{
	position:absolute;
	top:0;
	right:0;
}*/

#imprimante{
	position:relative;
	float:left;
	margin-right:15px;
}

#partage-fb{
	position:relative;
	float:left;	
}

#partage-fb2{
	position:absolute;
	right:0;
top:0;	
}

#les-actions-participer{
width: 100%;
/* background-color:red; */
position: relative;
padding:0;	
}

#les-actions-espace-membre{
width: 100%;
position: relative;
padding:0;	
}

.lesactions{
	position:relative;
	width:33%;
	float:left;
	/* background-color:yellow; */
}

@media screen and (max-width:800px) {
.lesactions{
	position:relative;
	width:80%;
	margin-left:10%;
	clear:both;
	/* background-color:yellow; */
}
}

.rond-action, .rond-action2{
	margin:auto;
	width: 150px;
    height: 150px;    
    overflow: hidden;
    position: relative;
	clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 75px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	margin-bottom:30px;
}

#les-actions-participer a .rond-action img{	
	margin-top:48px;
	position:relative;
	clear:both;
	width:50px;
	height:53px;
}


#les-actions-participer a .rond-action2 img{
	/* margin-left:43px; */
	margin-top:48px;
	position:relative;
	clear:both;
	width:63px;
	height:52px;
}

#les-actions-espace-membre a .rond-action img{	
	margin-left:50px;
	margin-top:48px;
	position:relative;
	clear:both;
	width:50px;
	height:53px;
}


#les-actions-espace-membre a .rond-action2 img{
	margin-left:43px;
	margin-top:48px;
	position:relative;
	clear:both;
	width:63px;
	height:52px;
}

.explication-action{
	position:relative;
	clear:both;
	width:90%;
	margin-left:5%;	
	text-align:center;
}

.sstitre-action, .sstitre-action div{
	font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:20pt;
}
.texte-action, .texte-action div{
color:#06222d;
font-size:13pt;
}



.bloc-ficheok{
	position:relative;
	width:30%;
margin-left:10%;
margin-right:5%;
	float:left;
}

.minifiche{
position:relative;
width:80%;
margin:auto;
text-align:justify;
margin-bottom:50px;
box-shadow: 0px 1px 5px 0px #656565;

}

.minifiche a{
text-decoration:none;
}

#grand-bandeau-photo{
position:relative;
clear:both;
width:100%;
background-image:url('img/participer/participe.jpg');
background-repeat:no-repeat;
background-position:center center;
}

#grand-bandeau-photo img{
position:relative;
width:100%;
}

@media screen and (max-width:800px) {
	#grand-bandeau-photo{
position:relative;
clear:both;
width:100%;
background-image:url('img/participer/participe.jpg');
background-repeat:no-repeat;
background-size:auto 100%;
background-position:center center;
}

#grand-bandeau-photo img{
position:relative;
width:100%;
}
}



#tuto{
position:relative;
width:100%;
clear:both;
background-color:#fff;
padding-bottom:30px;
}




#blocteam{
	width:100%;
	position:relative;
	/* height:300px; */
	height:200px;
	margin-top:50px;	
	margin-bottom:50px;
	padding-top:0px;
	clear:both;
}

@media screen and (max-width:1500px){
	#blocteam{
	width:100%;
	position:relative;
	/*height:500px;*/
	height:auto;
	margin-top:50px;	
	/*margin-bottom:50px;*/

	padding-top:0px;	
	clear:both;
}
}

#fondteam{
width:100%;
/* height:250px;*/
height:150px; 
background-color: #f6f6f6;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

@media screen and (max-width:1500px){
#fondteam{
width:100%;
height:0px;
background-color: #f6f6f6;
top: 0%; /* poussé de la moitié de hauteur du référent */
transform: translateY(0%);
position:absolute; 
visibility:hidden;
}
}

#pardessusfondteam{
	position:absolute;
	width:100%;
	/* height:300px; */
	height:200px;
	top:0;
	left:0;
	/* background-color:red; */
	
}
@media screen and (max-width:1500px){
	#pardessusfondteam{
	position:relative;
	width:100%;
	height:auto;
	top:0;
	left:0;
	/* background-color:red; */
	
}
}

#soixantedix{
	position:relative;
	width:70%;
	/* height:300px; */
	height:200px;
	float:left;
	/* background-color:yellow; */
}

#trente{
	position:relative;
	width:30%;
	/*height:300px;*/
	height:200px;	
	float:left;
	/* background-color:green; */
}

.titre-team{
width:90%;
left:5%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

@media screen and (max-width:1500px){
	#soixantedix{
	position:relative;
	width:100%;
	height:200px;
	clear:both;
	background-color:#f6f6f6;
}

#trente{
	position:relative;
	width:100%;
	height:200px;	
	clear:both;
	background-color:#f6f6f6;
	/* background-color:green; */
}

.titre-team{
width:90%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 

}
}
/*
@media screen and (min-width:501px) and (max-width:1200px){
#blocteam{
position:relative;
width:100%;
height:700px;
clear:both;
overflow:hidden;
}
}
*/
#btn-retour-haut{
width:20%;
position:relative;
float:left;
/* background-color:red;	 */
}

#titre-fiche{
width:60%;
position:relative;
float:left;

/* background-color:blue;	 */
}

#titre-fiche2{
width:100%;
position:relative;
clear:both;
/* background-color:yellow; */
}

@media screen and (max-width:600px) {
#titre-fiche{
width:100%;
position:relative;
clear:both;
/* background-color:yellow;	 */
}
}

#completude{
width:20%;
position:relative;
float:left;
/* background-color:red; */
}


@media screen and (max-width:1800px) {
#completude{
width:200px;
position:relative;
clear:both;
left:50%;
margin-left:-100px;
/* background-color:green; */
}
}

#contenu-completude{
	position:absolute;
	width:200px;
	top:0;
	right:0;
	clear:both;
	/* background-color:green; */
}

@media screen and (max-width:1800px) {
	#contenu-completude{
	position:relative;
	width:100%;
	top:0;
	right:0;
	clear:both;
}
}


.completude-vignette2{
	position:relative;
	width:150px;
	height:35px;
	margin:auto;
	
}

.petitcontenu-completude{
	position:absolute;
	width:170px;
	height:35px;
	top:0px;
	right:10px;
	clear:both;
	
}

@media screen and (max-width:1800px) {
	.petitcontenu-completude{
	position:relative;
	width:100%;
	top:0;
	right:0;
	clear:both;
}
}

.eval-individuelle{
	position:relative;
	clear:both;
}

.titre-note{
	position:relative;
	float:left;
	/* background-color:red; */
}

.lanote{
	position:relative;
	float:left;
	margin-left:10px;
	margin-right:10px;
	/* background-color:yellow; */
}

.nouvelle-note{
	position:relative;
	float:left;
	margin-left:10px;
	margin-right:10px;
	/* background-color:coral; */
}

@media screen and (max-width: 1800px) {
	.nouvelle-note{
	position:relative;
	clear:both;
	margin-left:10px;
	margin-right:10px;
	
}
}

.date-avis{
	position:relative;
	float:left;
	/* background-color:coral; */
}


@media screen and (max-width:600px) {
	.eval-individuelle{
	position:relative;
	clear:both;
}

.titre-note{
	position:relative;
	clear:both;
	/* background-color:red; */
}

.lanote{
	position:relative;
	clear:both;
	margin-left:0px;
	margin-right:0px;
	/* background-color:yellow; */
}

.date-avis{
	position:relative;
	clear:both;
	/* background-color:coral; */
}
}

.ligne-destination{
	position:relative;
	width:60%;
	margin-left:5%;
	float:left;
	/* background-color:coral; */
	text-align:left;
	text-decoration:none;
}
	
@media screen and (max-width: 2100px) {
.ligne-destination{
	position:relative;
	width:90%;
	margin-left:5%;
	clear:both;
	
	text-align:center;
}
}
.ligne-infos-supp{
	position:relative;
	width:34%;
	margin-right:1%;
	float:left;	
	}
	
@media screen and (max-width:2100px) {
.ligne-infos-supp{
	position:relative;
	width:100%;
	clear:both;
}
}
	
	.ligne-infos-supp2{
	position:relative;
	width:21%;
	margin-left:13%;	
	margin-right:1%;
	float:left;	
	}
	
	@media screen and (max-width:2100px){
		.ligne-infos-supp2{
	position:relative;
	width:80%;
	margin-left:10%;	
	margin-right:10%;
clear:both;
	}
	}



.zone-txt-parallax-voyager{
	position:relative;
	width:50%;
	margin:auto;
	padding-top:30px;
	padding-bottom:200px;
	clear:both;
	text-align:justify;
}

@media screen and (max-width:1000px){
	.zone-txt-parallax-voyager{
	position:relative;
	width:100%;
	margin:auto;
	padding-top:30px;
	padding-bottom:200px;
	clear:both;
	text-align:justify;
}
}


#grand-bandeau-toute-hauteur{
position:relative;
clear:both;
width:100%;
height:100%;
min-height:1000px;
background-color: #06222d;
}

#grand-bandeau-photo-toute-hauteur{
position:relative;
clear:both;
width:100%;
min-height:900px;
background-image:url('img/voyager/voyage-pierre.png');
background-repeat:no-repeat;
background-position:top center;
background-size:100% auto;
background-color: #06222d;
}

@media screen and (max-width:1800px){
#grand-bandeau-photo-toute-hauteur{
position:relative;
clear:both;
width:100%;
min-height:900px;
background-image:url('img/voyager/voyage-pierre.png');
background-repeat:no-repeat;
background-position:top center;
background-size:auto 100%;
background-color: #06222d;
}
}


#grand-bandeau-photo-toute-hauteur-autre{
position:relative;
clear:both;
width:100%;
min-height:900px;
/* background-image:url('img/voyager/Copy-of-DSC06196-8-retouchee2.png');*/
background-image:url('img/voyager/GOPR0712.png'); 
background-repeat:no-repeat;
background-position:top center;
background-size:100% auto;
background-color: #06222d;
}

@media screen and (max-width:1800px){
#grand-bandeau-photo-toute-hauteur-autre{
position:relative;
clear:both;
width:100%;
min-height:900px;
/*background-image:url('img/voyager/Copy-of-DSC06196-8-retouchee2.png');*/
background-image:url('img/voyager/GOPR0712.png'); 
background-repeat:no-repeat;
background-position:top center;
background-size:auto 100%;
background-color: #06222d;
}
}

#grand-bandeau-photo-toute-hauteur2{
position:relative;
clear:both;
width:100%;
background-image:url('img/voyager/voyage-pierre.jpg');
background-repeat:no-repeat;
background-position:center center;
}

/*#grand-bandeau-photo-toute-hauteur img, #grand-bandeau-photo-toute-hauteur2 img{
position:relative;
width:100%;
}*/

#bloc-connexion{
	position:relative;
	background-color:#fff;
	width:500px;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;
	
}

@media screen and (max-width:700px){
#bloc-connexion{
	position:relative;
	background-color:#fff;
	width:100%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;
	
}
}

#bloc-contact{
	position:relative;
	background-color:#fff;
	width:60%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;	
}

@media screen and (max-width:1200px) {
#bloc-contact{
	position:relative;
	background-color:#fff;
	width:100%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;	
}

.g-recaptcha{
	position:relative;
	width:80%;
		
}
}

#bloc-mon-compte{
	position:relative;
	background-color: #e8b414;
	height:100px;
	width:100%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;	
}

@media screen and (max-width:1200px) {
	#bloc-mon-compte{
	position:relative;
	background-color: #e8b414;
	height:auto;
	width:100%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;	
}
}

#bloc-le-compte-reporter{
	position:relative;
	background-color: #095775;
	height:100px;
	width:100%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;	
}

@media screen and (max-width:1200px) {
	#bloc-le-compte-reporter{
	position:relative;
	background-color: #095775;
	height:auto;
	width:100%;
	margin:auto;
	box-shadow: 0px 1px 5px 0px #000;	
}
}
.colonne-menu{
	width:20%;
	position:relative;
	height:100%;
	/* background-color:red; */
	float:left;
}

@media screen and (max-width:1200px) {
.colonne-menu{
	width:100%;
	position:relative;
	height:100%;
	clear:both;
}
}

.colonne-menu-admin{
	width:40%;
	position:relative;
	height:100%;
	/* background-color:red; */
	float:left;
}

.colonne-contenu{
	width:80%;
	position:relative;
	height:100%;
	float:left;
}

@media screen and (max-width:1200px) {
.colonne-contenu{
	width:100%;
	position:relative;
	height:100%;
	clear:both;
	word-wrap: break-word;   
}
}

#centre-compte{
	position:relative;	
	clear:both;
	margin-top:30px;
}


@media screen and (max-width:1200px) {
	#centre-compte{
	position:relative;	
	clear:both;
	margin-top:0px;
}
}

.menu-mon-compte-reporter{
	width:100%;
	border-bottom: solid 2px #f6f6f6;
	clear:both;	
	padding-bottom:10px;
	padding-top:10px;
}

.menu-mon-compte-reporter a{
padding-left:10px;
color:#06222d;
font-size:12pt;
/* text-align:none; */
text-decoration:none;

}

.uppercase{
	text-transform:uppercase;
	line-height:2em;
}

.menu-mon-compte-reporter a:hover{
padding-left:10px;
color:#06222d;
font-size:12pt;
font-weight:bold;
/* text-align:none; */
text-decoration:none;
}

.fixe{
padding-left:10px;
color:#06222d;
font-size:12pt;
font-weight:bold;
/* text-align:none; */
text-decoration:none;
}

.colonne-contenu-decale{
	width:77%;
	margin-left:3%;
	position:relative;
	height:100%;
	background-color:#fff;
	float:left;
}

@media screen and (max-width:1200px) {
.colonne-contenu-decale{
	width:100%;
	margin-left:0%;
	position:relative;
	height:100%;
	background-color:#fff;
	clear:both;
	margin-top:30px;
}
}
.colonne-contenu-decale-admin{
	width:57%;
	margin-left:3%;
	position:relative;
	height:100%;
	background-color:#fff;
	float:left;
}

#info-connexion{
	position:relative;
	width:90%;
	margin-left:5%;
	padding-top:15px;
	padding-bottom:30px;
	/* background-color:red; */
	color:#06222d;
font-size:13pt;
}

#info-connexion div.signature{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:20pt;
}

#info-connexion div{
color:#06222d;
font-size:13pt;
}

#formulaire{
	width:100%;
	position:relative;
	/* background-color:coral; */
}

.petitchampdetexte{
	position:relative;
	width:71%;
	display:block;
	height:50px;
	border:none;
	float:left;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;
	padding-left:2%;
	padding-right:2%;
}

.champdetexte{
	position:relative;
	width:86%;
	display:block;
	height:50px;
	border:none;
	float:left;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;
	padding-left:2%;
	padding-right:2%;

}

.champdetexte2{
	position:relative;
	width:86%;
	display:block;
	height:150px;
	border:none;
	float:left;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;
	padding-left:2%;
	padding-right:2%;
}

/* @media screen and (max-width:1700px) { */
/* .champdetexte2{ */
	/* position:relative; */
	/* width:100%; */
	/* display:block; */
	/* height:150px; */
	/* border:none; */
	/* float:left; */
	/* box-shadow: 0px 1px 5px 0px #656565; */
	/* margin-bottom:15px; */
	/* font-size:15pt; */
	/* color:#06222d; */
	/* padding-left:0%; */
	/* padding-right:0%; */
/* } */
/* } */

.champdetexte3{
	position:relative;
	width:100%;
	display:block;
	height:auto;
	border:none;
	clear:both;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;

}

.champdetexte4{
	position:relative;
	width:100%;
	display:block;
	height:50px;
	border:none;
	float:left;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;

}

.champdetexte5{
	position:relative;
	width:100%;
	display:block;
	height:155px;
	border:none;
	clear:both;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;

}

.rougeerreur{
background-color:#e40c25;
}

.champdetexte6{
	position:relative;
	width:100%;
	display:block;
	height:250px;
	border:none;
	clear:both;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;

}

.champdetexte7{
	position:relative;
	width:90%;
	display:block;
	height:50px;
	border:none;
	float:left;
	box-shadow: 0px 1px 5px 0px #656565;
	margin-bottom:15px;
	font-size:15pt;
	color:#06222d;
	padding-left:2%;
	padding-right:2%;

}

.calage{/*calage pour le formulaire de la page contact*/

clear:both;
width:100%;
padding-bottom:15px;
/* background-color:coral; */
}

.etoile{
position:relative;
width:6%;
float:left;
height:50px;
margin-left:3%;	
margin-bottom:30px;

}

.btn-formu{
position:relative;
width:100%;
background-color: #095775;
height:50px;
clear:both;
border:none;
box-shadow: 0px 1px 5px 0px #656565;
margin-bottom:15px;
text-align:center;
font-size:15pt;
text-transform:uppercase;
color:#fff;
cursor:pointer;
}


.btn-formu2{
position:relative;
width:auto;
background-color: #095775;
height:50px;
float:left;
border:none;
box-shadow: 0px 1px 5px 0px #656565;
margin-bottom:15px;
text-align:center;
font-size:15pt;
text-transform:uppercase;
color:#fff;
cursor:pointer;
}


@media screen and (max-width:500px) {
.btn-formu{
position:relative;
width:100%;
background-color: #095775;
height:auto;
padding:10px;
clear:both;
border:none;
box-shadow: 0px 1px 5px 0px #656565;
margin-bottom:15px;
text-align:center;
font-size:8pt;
text-transform:uppercase;
color:#fff;
cursor:pointer;
word-wrap: break-word;   
}

.btn-formu2{
position:relative;
width:100%;
background-color: #095775;
height:auto;
padding:10px;
float:left;
border:none;
box-shadow: 0px 1px 5px 0px #656565;
margin-bottom:15px;
text-align:center;
font-size:8pt;
text-transform:uppercase;
color:#fff;
cursor:pointer;
word-wrap: break-word;   
}
}

.mdp-oublie{
	width:100%;
	text-align:center;
	position:relative;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}

.mdp-oublie a{
	text-decoration:none;
}

#bloc-inscription{
	position:relative;
	clear:both;
	background-color:#fff;
	box-shadow: 0px 1px 5px 0px #000;
	width:70%;
	margin:auto;
}

@media screen and (max-width:1500px){
#bloc-inscription{
	position:relative;
	clear:both;
	background-color:#fff;
	box-shadow: 0px 1px 5px 0px #000;
	width:100%;
	margin:auto;
}
}

.g-recaptcha{
	position:relative;
	width:100%;
	padding-bottom:20px;
	margin-top:15px;
}

.calage2{/*calage pour le formulaire de l'espace client*/
position:relative;
display:inline;
float:left;
width:30%;

}

.messageErreur{
	position:relative;
	width:100%;
	clear:both;
	padding-bottom:20px;
	text-align:center;
	/*background-color:coral;
	height:50px;*/
}

.messageErreur-pop-up{
	position:relative;
	/*width:90%;*/
	margin:auto;
	clear:both;
	padding:20px;
	text-align:center;
	background-color:#fff;
	/*height:50px;*/
}


.contenu{
	width:90%;
	position:relative;
	margin-left:5%;
	padding-bottom:30px;
	clear:both;
	/* background-color:coral; */
}

.ligne{
	position:relative;
	width:auto;
	clear:both;
	/* background-color:red; */
	/* height:200px; */
}

.bloc1{
	position:relative;
	width:21%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	margin-bottom:30px;
	background-color: #06222d;
	min-height:260px;
}

@media screen and (max-width:500px){
.bloc1{
	position:relative;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	float:left;
	margin-bottom:30px;
	background-color: #06222d;
}
}

@media screen and (min-width:501px) and (max-width:1200px){
.bloc1{
	position:relative;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	margin-bottom:30px;
	background-color: #06222d;
}
}

@media screen and (min-width:1201px) and (max-width:1600px){
.bloc1{
	position:relative;
	width:31%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	margin-bottom:30px;
	background-color: #06222d;
}
}


.bloc2{
	position:relative;
	width:21%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	padding-bottom:30px;
}

@media screen and (max-width:600px){
	.bloc2{
	position:relative;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	clear:both;
	padding-bottom:30px;
}
}

@media screen and (min-width:601px) and (max-width:1200px){
	.bloc2{
	position:relative;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	padding-bottom:30px;
}
}

@media screen and (min-width:1201px) and (max-width:1700px){
	.bloc2{
	position:relative;
	width:31%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	padding-bottom:30px;
}
}

.la-photo-destination{
	position:relative;
	width:100%;
	clear:both;
	height:100px;
	overflow:hidden;
	margin-bottom:10px;
}

.la-photo-destination img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

.la-photo-destination2{
	position:relative;
	width:100%;
	clear:both;
	height:150px;
	overflow:hidden;
	margin-bottom:10px;
}

.la-photo-destination2 img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}


.la-grande-photo{
	width:100%;
	position:relative;
	height:300px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}

.la-grande-photo img{ 
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

@media screen and (max-width:500px) {
.la-grande-photo{
	width:100%;
	position:relative;
	height:160px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;
}

.la-grande-photo img{ 
width:130%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}
}

#grd-pere-pop-up{
position:relative;
width:100%;
height:100%;
background-color: #e8b414;
}

#pop-up{
position:relative;
clear:both;
width:80%;
/* background-color:red; */
padding-top:50px;
margin-bottom:50px;
margin:auto;
	
}

#formuphoto{
position:relative;
clear:both;

background-color:#fff;
padding:20px;
}

/*a .btn-admin-reporter{
padding:10px;
border:1px solid #06222d;
background-color:#f1f1f1;
float:left;
color:#06222d;
font-size:13pt;
margin-right:10px;
margin-bottom:10px;
font-weight:bold;
}

a:hover .btn-admin-reporter{
padding:10px;
border:1px solid #06222d;
background-color:#eeeeee;
float:left;
color:#06222d;
font-size:13pt;
margin-right:10px;
margin-bottom:10px;
font-weight:bold;
}

.btn-admin-reporter{
margin-right:20px;
margin-bottom:20px;
}*/

a .endeuxun{
position:relative;
width:47%;
margin-right:1%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .endeuxun{
position:relative;
width:47%;
margin-right:1%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .endeuxunfixe, a:hover .endeuxunfixe{
position:relative;
width:47%;
margin-right:1%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .endeuxdeux{
position:relative;
width:47%;
margin-left:1%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .endeuxdeux{
position:relative;
width:47%;
margin-left:1%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .endeuxdeuxfixe, a:hover .endeuxdeuxfixe{
position:relative;
width:47%;
margin-left:1%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .entroistrois{
position:relative;
width:29%;
margin-left:2%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
transition: color 2s, background-color 2s;
}

a:hover .entroistrois{
position:relative;
width:29%;
margin-left:2%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}

a .entroistroisfixe, a:hover .entroistroisfixe{
position:relative;
width:29%;
margin-left:2%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
}


a .tt-seul{
position:relative;
width:30%;
margin-left:34%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#06222d;
text-decoration:none;
color:#fff;
font-weight:bold;
transition: color 2s, background-color 2s;
font-size:15pt;
text-transform:uppercase;
}

a:hover .tt-seul{
position:relative;
width:30%;
margin-left:34%;
padding:10px;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
font-size:15pt;
text-transform:uppercase;
}
/*
@media screen and (max-width: 700px) {
a .tt-seul{
position:relative;
width:90%;
margin-left:5%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#06222d;
text-decoration:none;
color:#fff;
font-weight:bold;
transition: color 2s, background-color 2s;
font-size:15pt;
text-transform:uppercase;
}

a:hover .tt-seul{
position:relative;
width:90%;
margin-left:5%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
font-size:15pt;
text-transform:uppercase;
}
}
*/

/*@media screen and (min-width:1001px) and (max-width: 2000px) {
*/

@media screen and (max-width: 900px) { 
a .tt-seul{
position:relative;
width:100%;
margin-left:0%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#06222d;
text-decoration:none;
color:#fff;
font-weight:bold;
transition: color 2s, background-color 2s;
font-size:15pt;
text-transform:uppercase;
}

a:hover .tt-seul{
position:relative;
width:100%;
margin-left:0%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
font-size:15pt;
text-transform:uppercase;
}
}

@media screen and  (min-width:901px) and (max-width: 2000px) {
a .tt-seul{
position:relative;
width:50%;
margin-left:25%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#06222d;
text-decoration:none;
color:#fff;
font-weight:bold;
transition: color 2s, background-color 2s;
font-size:15pt;
text-transform:uppercase;
}

a:hover .tt-seul{
position:relative;
width:50%;
margin-left:25%;
padding-top:10px;
padding-bottom:10px;
padding-left:0;
padding-right:0;
float:left;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
font-size:15pt;
text-transform:uppercase;
}
}

.quart{
position:relative;
width:25%;
float:left;
/* height:200px; */
text-align: center;
}

.quartok{
position:relative;
width:25%;
float:left;
}

.quart2{
position:relative;
width:23%;
margin-left:1%;
margin-right:1%;
float:left;
/* height:200px; */
text-align: center;
margin-bottom:30px;
}

.quart3{
position:relative;
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
/* height:200px; */
text-align: center;
margin-bottom:30px;
}

@media screen and  (max-width:600px){
.quart2, .quart3{
position:relative;
width:80%;
margin-left:10%;
margin-right:10%;
clear:both;
text-align: center;
margin-bottom:30px;
}
}

@media screen and  (min-width:601px) and (max-width:1200px){
.quart2, .quart3{
position:relative;
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
text-align: center;
margin-bottom:30px;
}
}


.tiers{
position:relative;
width:33%;
float:left;
height:200px; 
text-align: center;
}



.tiersdecale{
position:relative;
width:29%;
margin-left:2%;
margin-right:2%;
float:left;
text-align: center;
margin-bottom:20px;
}


@media screen and (max-width: 500px) {
.quart{
position:relative;
width:100%;
float:left;
text-align: center;
}
}

@media screen and (min-width: 501px) and (max-width: 900px) {
.quart{
position:relative;
width:50%;
float:left;
text-align: center;
}
}

.troisquart{
position:relative;
width:75%;
float:left;
background-color:#f6f6f6;
padding-bottom:20px;
}

.mini-signature{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:14pt;
}

.grande-signature{
font-family: 'Kaushan Script', cursive;
color:#06222d;
font-size:35pt;
line-height:0.7;
}

.rond-etape{
	margin:auto;
	width: 100px;
    height: 100px;    
    overflow: hidden;
    position: relative;
	clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 50px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	z-index:3;
}

@media screen and (max-width: 500px) {
	.rond-etape{
	margin:auto;
	width: 70px;
    height: 70px;    
    overflow: hidden;
    position: relative;
	clear:both;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    border-radius: 35px;
    transition: all 400ms linear;
	border: 5px solid #f6f6f6;
	border-spacing:5px;
	z-index:3;
}
}

.txt-rond-etape{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
/* background-color:blue; */
}

.absolute{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/* background-color:blue; */
}


.trait{
position:relative;
width:100%;
height:5px;
background-color:#06222d;
margin-top:-100px;
margin-bottom:125px;
z-index:2;
}

.explication-etape{
	position:relative;
	clear:both;
	width:90%;
	margin-left:5%;	
	text-align:center;
	height:40px;
}

.case-valider{
	position:relative;
	clear:both;
	width:40px;
	height:40px;
	margin:auto;
}

.case-valider img{
	position:relative;
	width:100%;	
}


.reseaux{
	width:30px;
	margin-right:3px;
	float:left;
	position:relative;
	padding-bottom:30px;
}
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    /* -webkit-user-select: none; */
    /* -moz-user-select: none; */
    /* -ms-user-select: none; */
    /* user-select: none; */
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #e8b414;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

#form_redim input[type=submit]{
cursor:pointer;
padding:10px;
/*width:auto;*/
margin-bottom:10px;
/*background-color:#f6f6f6;*/
border:none;
text-decoration:none;
color:#06222d;
font-weight:bold;
/*position:absolute;
right:0;*/

position:relative;
width:100%;
background-color: #095775;
height:50px;
clear:both;
border:none;
box-shadow: 0px 1px 5px 0px #656565;
margin-bottom:15px;
text-align:center;
font-size:15pt;
text-transform:uppercase;
color:#fff;
cursor:pointer;
margin-top:40px;
}


 
#enregistercompleter{
cursor:pointer;
padding:10px;
width:auto;
margin-bottom:10px;
background-color:#f6f6f6;
border:none;
text-decoration:none;
color:#06222d;
font-weight:bold;
position:absolute;
right:0;
 }
 
#pleine-page{
width:100%;
height:90%;
margin:auto;
position:relative;
background-color:#06222d;
clear:both;
overflow:hidden;
}

#zone-vignette{
width:100%;
height:10%;
margin:auto;
position:relative;
background-color:#06222d;
clear:both;
}

#les-vignettes{
position:absolute;
width:100%;
height:90%;
top:5%;
/* background-color:bleu; */
clear:both;
}


#les-vignettes img{
	position:relative;
	float:left;
	height:100%;
	padding-left:5px;
}

.haut img{
height:100%;
position:absolute; 
left: 50%;
transform: translatex(-50%);
}

.large img{
position:absolute;
width:100%;
top: 50%;
transform: translateY(-50%);
}

.opacity{
	opacity:0.4;
}


.miniature{
	/*height:100px;
	position:relative;
	float:left;
	padding-right:20px;
	padding-bottom:20px;*/
	margin:1%;
	width:14%;
	height:150px;
	float:left;
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
	
}

@media screen and (max-width: 500px) {
.miniature{
	margin:1%;
	width:48%;
	height:70px;
	float:left;
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
	
}
}

@media screen and (min-width:501px) and (max-width: 900px) {
.miniature{
	margin:1%;
	width:31%;
	height:70px;
	float:left;
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
	
}
}

@media screen and (min-width:901px) and (max-width: 1500px) {
.miniature{
	margin:1%;
	width:14%;
	height:70px;
	float:left;
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
	
}
}

.miniature img{
	height:100%;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	/*width:100%;
	position:absolute;
	top: 50%;
transform: translateY(-50%);*/
}

.zone-filtre .bloc-titre-rub-mag{
position:relative;
padding:10px;
width:100%;
clear:both;
margin-bottom:10px;
margin-top:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
text-align:center;
}

@media screen and (max-width: 900px) {
.zone-filtre .bloc-titre-rub-mag{
position:relative;
padding:10px;
width:100%;
clear:both;
margin-bottom:10px;
margin-top:10px;
background-color:#f6f6f6;
text-decoration:none;
color:#06222d;
font-weight:bold;
text-align:center;
}
}


a .tt-seulentier{
position:relative;
width:90%;
padding:10px;
clear:both;
text-align:center;
margin-bottom:10px;
background-color:#06222d;
text-decoration:none;
color:#fff;
font-weight:bold;
transition: color 2s, background-color 2s;
font-size:15pt;
text-transform:uppercase;
}

a:hover .tt-seulentier{
position:relative;
width:90%;
padding:10px;
clear:both;
text-align:center;
margin-bottom:10px;
background-color:#8f8f8f;
text-decoration:none;
color:#ffffff;	
font-weight:bold;
font-size:15pt;
text-transform:uppercase;
}

#formulaire-accessmag input[type=submit]{
cursor:pointer;
position:relative;
width:90%;
padding:10px;
clear:both;
text-align:center;
margin-bottom:10px;
background-color:#06222d;
text-decoration:none;
color:#ffffff;	
font-size:15pt;
text-transform:uppercase;
}

.ensemble-articles-accessmag{
	position:relative;
	width:96%;
	margin-left:2%;
	margin-top:20px;
	margin-bottom:10px;
	clear:both;
}

.vignette-accessmag{
	/*width:31%;
	position:relative;
	margin:1%;
	float:left;
	background-color:red;*/
	height:530px;
	margin-top:0;
	padding-top:0;
}




/* @media screen and (max-width: 400px) { */
/* .vignette-accessmag{ */
	/* height:600px; */
	/* margin-top:0; */
	/* padding-top:0; */
/* } */
/* } */

.titre-article-vignette-moncompte{
	
	position:relative;
	height:50px;
}

.photo-article, .photo-article-horizontale, .photo-article-verticale{
	width:100%;
	position:relative;
	height:200px;
	clear:both;
	overflow:hidden;
	background-color: #095775;
}

.photo-article img{
/*width:100%;	
position:absolute; 
top: 50%;
transform: translateY(-50%);*/
height:130%;
position:absolute; 
left: 50%;
transform: translateX(-50%);
}

.photo-article-verticale img{
width:100%;	
position:absolute; 
top: 50%;
transform: translateY(-50%);
}


.photo-article-horizontale img{
height:130%;
position:absolute; 
left: 50%;
transform: translateX(-50%);
}

@media screen and (min-width: 400px) and (max-width:1700px) { 
.photo-article img{
height:auto;
left: 0%;
transform: translateX(0%);
width:140%;	
position:absolute; 
top: 50%;
transform: translateY(-50%);
}
}

.contrib-accessmag{
	width:80px;
	height:80px;	
	position:absolute;
	top:160px;
	left:10px;
	z-index:100;
}

.contrib-accessmag2{
	width:50px;
	height:50px;	
	position:relative;
	z-index:100;
	float:left;
}

.detail-article-accessmag{
	width:100%;
	position:relative;
	background-color:#fff;
	clear:both;
	margin-bottom:10px;
}

.info-article{
	position:relative;
	width:90%;
	margin-left:5%;
	padding-top:50px;
	padding-bottom:5px;
	clear:both;
	text-align:center;
	/* height:230px; */
}

.titrearticle{
	position:relative;
	width:100%;
	text-align:center;
	height:80px;
}

.contrib-accessmag-larticle{
	width:100%;
	height:80px;	
	position:absolute;
	top:410px;
	left:10px;
	z-index:100;
}


#grandephotoaccessmag{
	position:relative;
	width:100%;
	height:450px;
	clear:both;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 1px 5px 0px #656565;

}

#grandephotoaccessmag img{
width:100%;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%);
position:absolute; 
}

@media screen and (max-width: 900px) { 
#grandephotoaccessmag img{
width:auto;
height:140%;
top: 0%; /* poussé de la moitié de hauteur du référent */
left:50%;
transform: translateY(0%);
transform: translateX(-50%);
position:absolute;
}
}

/***********highslide************/
* {
    font-family: Arial, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
}

.highslide:hover img {
}

.highslide-image {
    border: 4px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border: 4px solid;
    border-top: none;
    text-align:center;
	font-family:verdana;
	font-weight:normal;
	font-size:10pt;
	color:#9d131b;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
display: block;
float: left;
height: 27px;
}
.controlbar a:hover {
background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/*******************************************************************************/

/*
.rating {
            width: 160px;
            margin-right: 10px;
            overflow:hidden;
        }
        .rating a {
            float:left;
			width:50px;
			margin-right:5px;
			background-color:blue;
            color: #aaa;
			font-size:25pt;
            text-decoration: none;
            -webkit-transition: color .4s;
            -moz-transition: color .4s;
            -o-transition: color .4s;
            transition: color .4s;
        }
        .rating a:hover,
        .rating a:hover ~ a,
        .rating a:focus,
        .rating a:focus ~ a     {
            color: orange;
            cursor: pointer;
        }
      /*  .rating2 {
            direction: rtl;
        }
        .rating2 a {
            float:none
        }*/
		


            /****** Rating Starts *****/


            fieldset, label { margin: 0; padding: 0; border:none;}

            .rating { 
                border: none;
                float: left;
            }

            .rating > input { display: none; } 
            .rating > label:before { 
                   margin: 5px;
                font-size: 2.25em;
                /* font-family: FontAwesome; */
				font-family: "Font Awesome 5 Free";
                display: inline-block;
                /*content: "\f005";*/
				 content: "\002605";
            }

            .rating > .half:before { 
               /* content: "\f089";*/
			    content: "\002605";
                position: absolute;
            }

            .rating > label { 
                color: #ddd; 
                float: right; 
            }

            .rating > input:checked ~ label, 
            .rating:not(:checked) > label:hover,  
            .rating:not(:checked) > label:hover ~ label { color: #FFD700;  }

            .rating > input:checked + label:hover, 
            .rating > input:checked ~ label:hover,
            .rating > label:hover ~ input:checked ~ label, 
            .rating > input:checked ~ label:hover ~ label { color: #FFED85;  }     
			
			.etoile-jaune{
				margin-right: 5px;
                font-size: 30pt;             
                display: inline-block;                
				color:gold;
				line-height:1.3em;
			}
			
			.etoile-degrade{
				margin-right: 5px;
                font-size: 30pt;             
                display: inline-block; 
				
				/*background: linear-gradient(to right, gold , #ddd);*/
				
				background: -webkit-linear-gradient(left, gold, #ddd);
				 -webkit-background-clip: text;
				 -webkit-text-fill-color: transparent;
				 line-height:1.3em;
			}
			
			.etoile-grise{
				margin-right: 5px;
                font-size: 30pt;               
                display: inline-block;              
				color:#ddd;
				line-height:1.3em;
			}
			
			
			/*********/
			
.clic{
background-color:#e8b414;
	width:35px;
	height:35px;	
	position:absolute;
	top:180px;
	right:10px;
	z-index:100;
	}
	
a:link .clic, a:visited .clic{
	background-image:url('img/pictos/accessmag/coeur-gris.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#095775;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
}

a:hover .clic, a:active .clic{
	background-image:url('img/pictos/accessmag/coeur-bleu.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
}

.clic3{
background-color:#e8b414;
	width:35px;
	height:35px;	
	position:absolute;
	top:430px;
	right:10px;
	z-index:100;
	}
	
a:link .clic3, a:visited .clic3{
	background-image:url('img/pictos/accessmag/coeur-gris.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#095775;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
}

a:hover .clic3, a:active .clic3{
	background-image:url('img/pictos/accessmag/coeur-bleu.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
}

.clic2{
background-color:#e8b414;
	width:35px;
	height:35px;	
	position:relative;	
	z-index:100;
	background-image:url('img/pictos/accessmag/coeur-gris.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#095775;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
	float:left;
	margin-top:7px;
	margin-left:15px;
	}

.clicfixe{
background-color:#e8b414;
	width:35px;
	height:35px;	
	position:absolute;
	top:180px;
	right:10px;
	z-index:100;
	}
	
a .clicfixe{
	background-image:url('img/pictos/accessmag/coeur-bleu.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
}	

.clicfixe3{
background-color:#e8b414;
	width:35px;
	height:35px;	
	position:absolute;
	top:430px;
	right:10px;
	z-index:100;
	}
	
a .clicfixe3{
	background-image:url('img/pictos/accessmag/coeur-bleu.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
}	

.clicfixe2{
background-color:#e8b414;
	width:35px;
	height:35px;	
	position:relative;
	z-index:100;
	background-image:url('img/pictos/accessmag/coeur-bleu.png');
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	text-align:center;
	font-size:10pt;
	line-height:2.5em;
	font-weight:bold;
	float:left;
	margin-top:7px;
	margin-left:15px;
	}
	
	.reporter-et-like{
		width:100px;
		height:57px;
		/* height:70px; */
		margin:auto;
	}
/*	.clic img{
		position:relative;
		width:50px;
		margin-top:5px;
		margin-left:5px;
		clear:both;
	}*/
	
	
	
/*	body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

#container {
  border: 1px solid;
  padding: 3px;
}

.item {
  width: 70px;
  height: 70px;
  margin: 3px;
  float: left;
}

.red { background: red; }
.blue { background: blue; }
.green { background: green; }
.yellow { background: yellow; }





.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}



.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}



.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
*/
/* End: Recommended Isotope styles */



/*


	.container {
	  	width: 800px;
	  	height: auto;
		margin: 0 auto;
	 }
	.filterblock {
		display: inline;
		margin-right: 15px;
	}

	
 
	label {
	    display: inline-block;
	    cursor: pointer;
	    position: relative;
	    padding-left: 25px;
	    margin-right: 15px;
	    font-size: 13px;
	    margin-bottom: 10px;
	    color: #000;
	}
 
	label:before {
	    content:"";
	    display: inline-block;
	    width: 16px;
	    height: 16px;
	    margin-right: 10px;
	    position: absolute;
	    left: 0;
	    bottom: 1px;
	    background-color: #bedbef;
	    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	    border-radius: 3px;
	}
	input[type=checkbox] {
	    display: none;
	}
	input[type=checkbox]:checked + label:before {
	    content:"\2713";
	    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	    font-size: 15px;
	    color: #000;
	    text-align: center;
	    line-height: 15px;
	}
 
 
        
     
 
	a {
		color: #000;
	}*/
	


button{
  /*font-family: 'Helvetica Neue', arial, sans-serif;
 */
 color: white;
  /* -webkit-font-smoothing: antialiased; */
}
 
/**
 * Form & Checkbox Styles
 */


 
label{
  /*font-weight: 300;*/
  font-size:13pt;
}
 
 
.zone-filtre button {
display: inline-block;
vertical-align: top;
padding: 10px;
margin: 0;
/* background-color:#06222d;*/

border: 0;
color: #fff;
font-size:15pt;
font-weight:bold;
width:100%;
cursor: pointer;
text-transform:uppercase;
}


button {
display: inline-block;
vertical-align: top;
padding: 10px;
margin: 0;
background-color:#06222d;
border: 0;
color: #fff;
font-size:15pt;
font-weight:bold;
width:100%;
cursor: pointer;
text-transform:uppercase;
}


 
button:focus{
  outline: 0 none;
}

#btnfiltre {
display: inline-block;
vertical-align: top;
padding: 10px;
margin: 0;
background-color:#06222d;
border: 0;
color: #fff;
font-size:15pt;
font-weight:bold;
width:100%;
cursor: pointer;
text-transform:uppercase;
margin-bottom:20px;
}


fieldset{
	width:100%;

}

.colonned3 fieldset{
	width:auto;
	
}

.checkbox{
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 8px;
}

.checkbox input[type="checkbox"]{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  margin: 0;
  opacity: 0; 
  z-index: 1;
}

.checkbox label{
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-left: 1.5em;
  cursor: pointer;
  
}

.checkbox label:before,
.checkbox label:after{
  content: '';
  display: block;
  position: absolute;
  cursor: pointer;
}

.checkbox label:before{
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background: #ddd;
  border-radius: 9px;
  cursor: pointer;
}


.checkbox label:after{
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #095775;
  opacity: 0;
  cursor: pointer;
  /*pointer-events: none;*/
}

.checkbox input:checked ~ label:after{
  opacity: 1;
}

.checkbox input:focus ~ label:before{
  background: #eee;
}

/**
 * Container/Target Styles
 */


.container{
  padding: 2%;
  min-height: 400px;
  text-align: justify;
  position: relative;
}

.container .mix,
.container .gap{
  /*width: 100px;*/
  display: inline-block;
 /* margin: 0 5%;*/

}


.container .mix{
 /* width: 100px;
  height: 100px;
  margin: 5%;
  background: white;*/
  display: none;
  width:31%;
	position:relative;
	margin:1%;
	float:left;
}


@media screen and (max-width: 900px) { 
.container .mix{
display: none;
width:100%;
position:relative;
margin:0%;
clear:both;
margin-bottom:15px;
}
}

@media screen and (min-width: 901px) and (max-width:1700px) { 
.container .mix{
display: none;
width:48%;
position:relative;
margin:1%;
float:left;
margin-bottom:15px;
}
}


/*
.container .mix.green{
  background: #a6e6a7;
}

.container .mix.blue{
  background: #6bd2e8;
}

.container .mix.circle{
  border-radius: 999px;
}

.container .mix.triangle{
  width: 0;
  height: 0;
  border: 50px solid transparent;
  border-top-color: #68b8c4;
  border-left-color: #68b8c4;
}

.container .mix.sm{
  width: 50px;
  height: 50px;
}*/

/**
 * Fail message styles
 */

.container .fail-message{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  /*pointer-events: none;*/
  
  /* -webkit-transition: 150ms; */
  /* -moz-transition: 150ms; */
  transition: 150ms;
}

.container .fail-message:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.container .fail-message span{
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 700;
}

.container.fail .fail-message{
  opacity: 1;
  /*pointer-events: auto;*/
}

input[type=checkbox] {
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    /* -ms-appearance: none; */
}

input[type=checkbox] {
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #8f8f8f;
	padding:0;
	margin:0;
}

input[type="checkbox"]:checked {
  height: 20px;
  width: 20px;
background-color: #e8b414;
 padding:0;
	margin:0;
	border: 1px solid #8f8f8f;
  
}

.checkrub{
	width:100%;
}

.tt{
	position:relative;
	margin:auto;
	width:60%;
	clear:both;
	margin-bottom:30px;
	text-align:justify;
}

@media screen and (max-width:1500px) { 
.tt{
	position:relative;
	margin:auto;
	width:95%;
	clear:both;
	margin-bottom:30px;
	text-align:justify;
}
}

#slider {
width: 100%;
height:300px;
/* background-color:blue; */
overflow: hidden
} 

#slider figure {
  position: relative; 
  width: 100%;
  height:300px;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}

#slider figure img {
	/*width: 4%;
	height: auto;*/
	height:100%;
	width:auto;
	float: left;
	}


@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: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 30s slidy infinite;
}

.photo-equipe{
	position:relative;
	width:10%;
	height:150px;
	float:left;
	overflow:hidden;
}



.photo-equipe img{
height:100%;
position:absolute;
left: 50%;
transform: translateX(-50%);
}


.reseau{
	width:25px;
	
	float:left;
	position:relative;
	margin-right:5px;
}

.reseau img{
	width:100%;
}


@media screen and (max-width: 900px) { 
.quartok{
position:relative;
width:100%;
clear:both;
}

.troisquart{
position:relative;
width:100%;
clear:both;
background-color:#f6f6f6;
padding-bottom:20px;
margin-top:20px;
}
}

@media screen and (min-width: 900px) { 
#Filtrer{
	visibility:hidden;
	height:0px;
}
}

.texte-article{
	height:116px;
	margin-bottom:20px;
	overflow:hidden;
	/* background-color:blue; */
}

.texte-article p{
color:#06222d;
font-size:13pt;
font-weight:normal;
text-align:justify;
padding-top:0;
margin-top:0;
font-family: 'Quattrocento Sans', sans-serif;
}

.texte-article p strong, .texte-article strong{
color:#06222d;
font-size:13pt;
font-weight:bold;
text-align:justify;
padding-top:0;
margin-top:0;
font-family: 'Quattrocento Sans', sans-serif;
}

.minitexte{
	position:relative;
	clear:both;
	width:100%;
	text-align:center;
	padding-top:20px;
}

@media screen and (min-width: 600px) {
.lenomdureporter{
	/* background-color:red; */
	height:50px;
}
}

.titreendeux{
	padding-top:50px;
}

@media screen and (max-width: 800px) {	
.titreendeux{
	
	height:200px;
}
}

@media screen and (min-width:801px) and (max-width: 1800px) {	
.titreendeux{
	
	height:100px;
}
}

#diapo-destination{
	position:relative;
	width:100%;
	height:400px;
	background-color:blue;
	clear:both;
}