/* code pour aeviter le debordement de ces elements */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%;
}
html, body {width:100%; padding:0; margin:0;}

::-moz-selection{background:#000;color:#fff;text-shadow:none}
::selection{background:#000;color:#fff;text-shadow:none}


html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}


/* --------- ceci est le code du popup   --------*/

#monAncreCible{
    width: 85%;
    height: 50px;
    background-color: silver;
	margin:0 auto;
}
#monAncreCible:target{
    background-color: gold;
}
/* --------- le masque opaque   --------*/

#overlay3{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay3:target{
    display: block;
}
.popup_block{
    background: #fff;
    padding: 10px;
    border: 20px solid #333;
    position: relative;
    margin: 10% auto;
    width: 80%;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
img.btn_close {
    float: right;
    margin: -70px -70px 0 0;
	z-index:9999999;
}
#overlay4{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay4:target{
    display: block;
}
#overlay5{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay5:target{
    display: block;
}
#overlay6{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay6:target{
    display: block;
}
#overlay7{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay7:target{
    display: block;
}
#overlay8{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay8:target{
    display: block;
}

#overlay9{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay9:target{
    display: block;
}

#overlay10{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay10:target{
    display: block;
}

#overlay11{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay11:target{
    display: block;
}
#overlay12{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay12:target{
    display: block;
}
#overlay13{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999999;
}
#overlay13:target{
    display: block;
}


/*-------------------------content popup--------------------------------------*/


.conciergerie{
	width:90%;
	margin:0 auto;
	height:auto;
	font-family:calibri;
}
.conciergerie h4{
 font-size:20px;
 text-align:center;
 color:#000;
 font-weight:bold;
 text-transform:uppercase;
}
.conciergerie h5{
 font-size:18px;
 text-align:center;
 color:#99ab37;
 font-weight:bold;

}
.content_over3{
	width:100%;
	margin:0 auto;
}

.conciergerie p{
 width:53%;
 max-height:250px;
 font-size:16px;
 color:#262525;
 overflow-y:auto;
 padding:10px;
 
}

.over3_text{
 display:inline-block;
 vertical-align:top;
}
.img_over3{ 
 margin: 20px 0 0 70px; 
 width:35%;
 display:inline-block;
 vertical-align:top;
}


@media all and (max-width: 800px){
	.conciergerie p{
 width:98%;
 
}
}
@media all and (max-width: 750px){
	.conciergerie p{
 width:98%;
 
}
}
@media all and (max-width: 700px){
.conciergerie{
	width:99%;
}
.conciergerie p{
 width:98%;
 
}
.img_over4{ 
 margin: 0 0 0 0px; 
 width:100%;
}
#over4_text{
 width:95%;
}
.img_over3{ 
 margin: 0 0 0 0px; 
 width:100%;
}
.jet{
 margin-left:30px;
 font-size:16px;
 top:-50px;
 position:relative;
}
.img_overjet{ 
 margin: 0px 0 0px 0px; 
 width:100%;
 position:relative;

}
.popup_block{

    width: 90%;
}	
}