@charset "UTF-8";
/* CSS Document */

html{
			width:100%;
		overflow: hidden;
			height:100%;
	
		}
		body{
			background-image : url('img/626436-PNZTZX-177.jpg');
			background-size:cover;
			position:absolute;
			margin: 0;
			background-repeat:no-repeat;
			width:100%;
			background-position: center center;
			height:100%;
			overflow: hidden;
		}

h4{    color: #fff;
    width: auto;
    box-sizing: content-box;
    width: 220px;
    display: inline-block;
    margin-top: 10%;
	margin-bottom: 0px;
    text-align: center;
    font-weight: 400;
    border-top: 1px solid #fff;
    border-bottom: 1px #fff solid;
    font-size: 30px;
    text-transform: uppercase;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
h5{    color: #fff;
    width: auto;
    box-sizing: content-box;
    width: 206px;
    display: inline-block;
    margin-top: 10px;
	margin-bottom: 15px;
    text-align: center;
    font-weight: 400;
margin-top:10px;
    font-size: 18px;

    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
h6 {
    color: #fff;
    width: auto;
    box-sizing: content-box;
    width: 267px;
    display: inline-block;
    margin-top: 50px;
    text-align: center;
    font-weight: 400;

    font-size: 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px transparent solid;
    text-transform: uppercase;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
h6:hover {

    border-top: 1px solid #fff;
    border-bottom: 1px #fff solid;
   
}
#actu {
    width: 50%;
    position: absolute;
    right: 0px;
    /* max-height: 90%; */
    overflow: auto;
    text-align: center;
    height: 100%;
    top: 0px;
    background-color: rgba(0,0,0,0.7);
}
#view{
	height: 600px;
    position: relative;
    margin-left: calc(25% - 140px);
    /* margin-right: auto;
    /* margin-top: 25%; */
  
    max-height: 80%;
    margin-top: 50vh;
	 -webkit-transform:  translateY(-50%); 
-moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* position: absolute; */
     overflow: auto;
    width: 280px;
    text-align: center;
    /* left: 50%; */
    /* margin-left: -140px; */
    /* top: 50%; */
    
}
		#newletter{
		background-color: cadetblue; color:#FFFEE9
			
		}
		#container3{
		padding-bottom: 15px;
			background-color: rgba(0,0,0,0.7);
			border-radius: 20px;
        /* margin-top: -220px; */
    width: 100%;
    /* vertical-align: middle; */
    /* display: table-cell; */
    height: auto;
    /* overflow: scroll; */
 
    position: absolute;
    display: block;
    /* left: 50%; */
    text-align: center;
		}
		#logodoc{
			width:90px;
			background-image: url('img/logo.png');
			background-repeat: no-repeat;
			background-position: center center;
			height:90px;
			
			margin-top: 10px;
			margin-bottom: 10px;
			border-radius:50%;
			border:2px solid #AEA939;
			box-shadow: 0px 0px 15px #000;
			background-color:#FFFEE9;
			display:inline-block;
			background-size:80% 80%;
		}
		.boutondoc:hover{
			box-shadow: 0px 0px 15px #000;
			padding:15px;
			
			transition: padding 0.1s;
		}
		#mentions{

    position: absolute;
    height: 15px;
    width: 300px;
    font-size: 12px;
    color: aliceblue;
    bottom: 0px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    text-align: center;
    padding: 10px;
			z-index:20;
    border-radius: 0px 20px 0 0;
    background-color: #072A33;
    /* margin-left: -120px; */
  

	
}
#mentions a{
	text-decoration: none;
	color:#A5E3E2;
	
}
#mentions a:hover{
	text-decoration:underline;
	color:#A5E3E2;
	
}
#facebook{
		z-index:20;
			width: 20px;
    height: 30px;
			padding:20px;
			border-radius: 0 0 0 20px;
			background-color: #FFFEE9;
			color: cornflowerblue;
			font-size: 22px;
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			position: absolute;
			font-variant: small-caps;
			background-image: url('img/fb.png');
			background-repeat: no-repeat;
			background-position: left center;
			background-size: contain;
			text-align: right;
			top: 0px;
			right:0px;
			cursor: pointer;
		}
		.boutondoc{
			width:auto;
			cursor: pointer;
			padding:13px;
	
			transition: padding 0.1s;
			display: inline-block;
			border-radius:20px;
			font-size:18px;
		border:2px solid #FFFEE9;
			margin:5px;
			text-align: center;
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

		}
.capcont{
			width:100%;
			height:100%;
			position:absolute;
		
			background-size:cover;
			background-repeat:no-repeat;
			    background-position: center center;
display:none;
			
		}
.formzedyx{
	  margin-top: 50vh;
    transform: translateY(-50%);
    width: 450px;
    position: relative;
    overflow: auto;
    margin-right: auto;
    max-height: 90%;
    margin-left: auto;
    max-width: 100%;
}
#c1{
	    height: 740px;
  
}
#c1 iframe{
	height:100%;
}
#c11{
	    height: 600px;
  
}
#c11 iframe{
	height:100%;
}
.close{
	width:70px;
	height:70px;
	z-index:10;
	top: 15px;
    left: 15px;
 cursor: pointer;
	border-radius: 50%;
	position: absolute;
	background-color: rgba(255,255,255,0.83);
	   border: 10px solid #000;
	background-image: url('cross.png');
	background-size: 50% 50%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: width 0.2s ease-in, height 0.2s ease-in, top 0.2s ease-in, left 0.2s ease-in;
}
.close:hover{
	width:80px;
	top:10px;
	left:10px;
	height:80px;
	transition: width 0.2s ease-in, height 0.2s ease-in, top 0.2s ease-in, left 0.2s ease-in;
}
#contener2{
			width:100%;
			height:100%;
			top:0px;
			position: absolute;
			z-index: 10;
				background-color:rgba(0,0,0,0.8)
			
			
		}
#contener7{
			width:100%;
			height:100%;
			top:0px;
			position: absolute;
			z-index: 10;
				background-color:rgba(0,0,0,0.8)
			
			
		}
		#bplan{background-color:#A88033;
			color:#FFFEE9; }
		#statuts{
			background-color:#A88033;
			color:#FFFEE9;
			
		}
.divers{
					background-color:darkcyan; color:#FFFEE9
			
		}
		#deconect{
			background-color:#000;
			color:#FFFEE9;width: auto;
    cursor: pointer;margin-top:20px;
    padding: 10px;
   
   font-size: 16px;
    border: none
		}
		#acontact{
			background-color:#000;
			color:#FFFEE9;width: auto;
    cursor: pointer;margin-top:20px;
    padding: 10px;
   
   font-size: 16px;
    border: none
   
}

@media (max-width: 820px) and (orientation: portrait) {
	
	
	
	h6 {

		margin-bottom: 70px;}
	
	body{overflow:scroll}
	#actu{width:100%;position: relative}
	#mentions{position:fixed}
	#view {
    height: 640px;
    position: relative;
    margin-left: calc(50% - 140px);
    max-height: 90%;
    margin-top: 90px;
 -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
   transform: inherit;
    /* position: absolute; */
    overflow: auto;
    width: 280px;
    text-align: center;
    /* left: 50%; */
    /* margin-left: -140px; */
    /* top: 50%; */
}
}