/* Pour écran de tablette /////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px) and (max-width: 1024px){	
	.centerSite{
		width:768px; 
	}	
	.main{
	}
	.cel_menu{
		margin:0 1.5%;
	}
	.facebook, .instagram{
		margin-left:1.5%;
	}
	.cadre{		
		width:30.17%;
	}
	.txt_resume{
		height:6rem; 	
	}
	.cartouchePhotos{
		margin-bottom:0.18em;
	}
	.c1{
		margin-left:0;
	}
	.c2{
		margin-left:1.74%;
	}
	.c3{
		margin-left:1.74%;
	}
	.c4{
		margin-left:0;
	}
	.c5{
		margin-left:1.74%;
	}
	.c6{
		margin-left:1.74%;
	}
	.c7{
		margin-left:0;
	}
	.c8{
		margin-left:1.74%;
	}
	.c9{
		margin-left:1.74%;
	}
	.c10{
		margin-left:0;
	}
	.c11{
		margin-left:1.74%;
	}
	.c12{
		margin-left:1.74%;
	}
	.c13{
		margin-left:0;
	}
	.c14{
		margin-left:1.74%;
	}
	.c15{
		margin-left:1.74%;
	}
	.c16{
		margin-left:0;
	}
	.c17{
		margin-left:1.74%;
	}
	.c18{
		margin-left:1.74%;
	}
	.c19{
		margin-left:0;
	}
	.c20{
		margin-left:1.74%;
	}
	.massage{
		font-size:100%;
	}
	.header{
		margin:0;
		display:none;
	}
	.headerTablet{
		width:100%; height:auto;
		display:block;
	}
	.headerTablet2{
		display:none;
	}
	.headerMobile{
		display:none;
	}
	
	.options_btn{
		display:none;
		}
	.cadre_destination{
		font-size:100%;
	}	
	.avion{
		margin-top:-0.2rem;
	}
.pic, .pic1{
		margin-bottom:0.3rem; float:none !important; width:auto !important;
	}
}

/* Pour écran de tablet2 /////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 350px) and (max-width: 768px){
	.centerSite{
		width:95%; 
	}	

	.main{
	}
	.menu{
		height:2rem; margin:0; margin-top:2rem;
	}
	.cel_menu{
		margin:0 1.5%; font-size:110%;
	}
	.facebook, .instagram{
		margin-left:1.5%;
	}
	.header{
		margin:0;
		display:none;
	}
	.headerTablet{
		display:none;
	}
	.headerTablet2{
		width:100%; height:auto;
		display:block;
	}
	.headerMobile{
		display:none;
	}
	.ct_left{
		width:97.92%;
	}	
	.ct_right{
		width:100%; margin:0 1.04%; 
	}
	.split_left{
	width:100%; margin:0; }
	.split_right{
		width:100%; margin-left:0; 
	}
	.txt_thumb{
		width:97.92%;
		margin-top:1em;
	}
	.thumb_duo{
		width:100%;margin:0;
	}
	.thumb_offrir{
		width:100%; margin-left:2%;
	}
	iframe {margin-top:20px}
	.cadre{		
		width: 95%;
-moz-box-shadow: 0px 0px 0px 0px #fff;
-webkit-box-shadow: 0px 0px 0px 0px #fff;
-o-box-shadow: 0px 0px 0px 0px #fff;
box-shadow: 0px 0px 0px 0px #fff;
font-size: 1.3em;
border: 1px solid #eee;
padding: 10px;
	}
	.resume {

    height: auto;
    font-size: 1rem;
    line-height: 1.3rem;

}

	.txt_resume{
		height:3rem; 	
	}
	.plus {width:100px;border: 1px solid #ccc;

padding: 5px;

background: #eee;

border-radius: 5px;}
	.cartouchePhotos{
		margin-bottom:0;
	}
	.pic, .pic1{
		margin-bottom:0.3rem; float:none !important; width:auto !important;
	}
	.c1{
		margin-left:0;
	}
	.c2{
		margin-left:1.74%;
	}
	.c3{
		margin-left:0;
	}
	.c4{
		margin-left:1.74%;
	}
	.c5{
		margin-left:0;
	}
	.c6{
		margin-left:1.74%;
	}
	.c7{
		margin-left:0;
	}
	.c8{
		margin-left:1.74%;
	}
	.c9{
		margin-left:0;
	}
	.c10{
		margin-left:1.74%;
	}
	.c11{
		margin-left:0;
	}
	.c12{
		margin-left:1.74%;
	}
	.c13{
		margin-left:0;
	}
	.c14{
		margin-left:1.74%;
	}
	.c15{
		margin-left:0;
	}
	.c16{
		margin-left:1.74%;
	}
	.c17{
		margin-left:0;
	}
	.c18{
		margin-left:1.74%;
	}
	.c19{
		margin-left:0;
	}
	.c20{
		margin-left:1.74%;
	}
	.massage{
		font-size:90%;
	}
	.cadre_destination{
		font-size:90%;
	}	
	.avion{
		margin-top:-0.24rem;
	}
	.titre_thumb{font-size:210%;}
	.copyright, .adresse{
		width:100%; float:left;
		text-align:center;
	}
	.logo_reseau{width:20%;}
	.accroche{width:60%;font-size:95%;}
		.quisommes {display:none}	
		
		.Tableau span {
   display:inline;
   
   border:1px solid #999;
   margin:0px;
   padding:3px; height:30px;vertical-align : middle; line-height:12px; font-size:11px;
  }
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em; vertical-align : middle;
  }
.Tableau p.legende {font-weight:bold; border:0px; border-color:#fff}
.Tableau span.col1 {width:300px;vertical-align : middle; border-bottom:0; border-right:0; }
.Tableau span.col2 {width:50px; text-align:center;vertical-align : middle;border-bottom:0; border-right:0; }
.Tableau span.col2:hover {background-color:#EEE; font-weight:bold; font-size:12px}
.Tableau span.col2 a:hover {color:#333;}
.Tableau span.col2 img {
display:none
}
.Tableau span.col2:hover img { display:none

}
.Tableau span.col3 {width:50px; text-align:center;vertical-align : middle; border-bottom:0;}
.Tableau span.col3:hover {background-color:#EEE; font-weight:bold; font-size:12px}
.Tableau span.col3 a:hover {color:#333;}
.Tableau span.col3 img {
display:none
}
.Tableau span.col3:hover img { display:none

}
.adresseContact {margin-top:30px}
}


/* Pour écran de mobile  /////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 350px){
	.centerSite{
		width:350px; 
	}	
	.main{
	}
.cutDiv2{
	column-count:1;
	column-gap:0;
	-moz-column-count:1;
	-moz-column-gap:0;
	-webkit-column-count:1;
	-webkit-column-gap:0;
}
	.menu{
		height:2rem; margin:0; margin-top:2rem;
	}
	
	.cel_menu{
		margin:0 2.5%; font-size:100%;
	}
	.facebook, .instagram{
		width:1.5em; height:1.5em;
		margin:0 0 0 2%;
	}
	.header{
		width:85%;
	}
	.header{
		margin:0;
		display:none;
	}
	.headerTablet{
		width:100%; height:auto;
		display:none;
	}
	.headerTablet2{
		display:none;
	}
	.headerMobile{
		display:block;
	}
	.ct_left{
		width:97.92%;
	}	
	.ct_right{
		width:92%; margin:0 1.04%; 
	}
	.split_left{
		width:52.1%; margin:0;
	}
	.split_right{
		width:45.9%; margin-left:2%;
	}
	.bandeau{font-size:100%;}
	.txt_thumb{
		width:97.92%;
		margin-top:1em;
	}
	.thumb_duo{
		width:39.1%;margin:0;
	}
	.thumb_offrir{
		width:58.82%; margin-left:2%;
	}
	.cadre{		
		width:95%; padding:2.5%;
	}
	.cartouchePhotos{
		margin-bottom:0;
	}
	.pic, .pic1{
		margin-bottom:0.32rem;
	}
	.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20{
		margin-left:1%;
		margin-right:1%;
	}
	.massage{
		font-size:110%;
		margin-top:0.3rem;
	}
	.cadre_destination{
		font-size:180%;
	}	
	.avion{
		margin-top:-0.3rem;
	}
	.txt_resume{
		height:auto; 	margin-bottom:1.5rem;
	}
	.pression{
		height:auto; 
	}
	.plus{
		margin-bottom:1.5rem;
	}
	.lyon, .destination{
		font-size:70%;
	}
	.titre_thumb{font-size:180%; line-height:1.3em;}
	.copyright, .adresse{
		width:100%; float:left;
		text-align:center;
	}
	.marge, .content{
		width:90%; margin:1.5em 5%;
	}
	.marge{display:none;}
	.adresseContact, .formContact{
		width:90%; margin:0 5%; 
	}
	.footer{font-size:80%;}
	.logo_reseau{width:15%;}
	.accroche{width:40%; font-size:100%;}
		.quisommes {display:none}	
		.Tableau span {
   display:inline;
   float:none !important;
   border:1px solid #999;
   margin:0px;
   padding:3px; height:30px;vertical-align : middle; line-height:25px; font-size:11px;
  }
  .Tableau span.col2 img {
display:none
}
.Tableau span.col2:hover img { display:none

}
.Tableau span.col3 {width:50px; text-align:center;vertical-align : middle; border-bottom:0; min-width:80px}
.Tableau span.col3:hover {background-color:#EEE; font-weight:bold; font-size:12px}
.Tableau span.col3 a:hover {color:#333;}
.Tableau span.col3 img {
display:none
}
.Tableau span.col3:hover img { display:none

}
.adresseContact {margin-top:30px}
.pic, .pic1{
		margin-bottom:0.3rem; float:none !important; width:auto !important;
	}
	.onrepond {display:inline;margin-bottom:20px}
	
}