html {
height: 100%;
width:100%;
}
body {
height: 100%;
width:100%;
color: #fff;
font-family: 'Montserrat', Arial;
margin: 0;
padding: 0;
height: 100%;
width:100%;
background:#000;
font-size: 18px; 
}

a {
text-decoration:none;
color: #000;
}

b {
font-family: 'Montserrat', Arial;
}

table tr td {
border-spacing: 0; border-collapse: collapse ; border: none;
}

img {
    vertical-align: middle;
}

/**********BLOCS**********/

.bloc {
position:relative;
height: 100%;
width:100%;
}

.bloc_child {
position:absolute;
width:100%;
top:0;
left:-100%;
z-index:100;
}
.bloc_child_link{
position:absolute;
left:10%;
top:10%;
}

.loader{
width:100%;
text-align:center;
position:absolute;
top:48%;
z-index:2;
}

/***********HEADER***********/
#header {
position:fixed;
display:block;
z-index: 3;
}
#header-mobile {
display:none;
}

/***********MENU***********/
/*#menu {
position: fixed;
right:2%;
top:100px;
z-index:2;
height: calc(100% - 100px);
font-family: 'Montserrat', Arial;
font-size:10px;
}

.menu_tab {
background:#000;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
height:11%;
margin-bottom:8%;
text-align:center;
cursor:pointer;
}

.menu_tab a {
color:#fff;
}

.menu_tab_active, .menu_tab_active_hover {
background:#0200f9;
}

#menu_open, #menu_close {
display:none;
}

.menu_tab_break {
width:100%;
}
*/

/***********CHILD BLOCS***********/


.bloc_child_nextprev {
position:absolute;
top:0;
height:100%;
width:100%;
text-align:center;
}

.bloc_child_next{
height: 5%;
text-align: left;
position: absolute;
left: 3%;
top:47%;
cursor:pointer;
}
.bloc_child_prev{
height: 5%;
text-align: right;
position: absolute;
right: 3%;
top:47%;
cursor:pointer;
}

.close {
position: absolute;
right: 3%;
top:6%;
text-align: right;
cursor:pointer;
height:4%;
}

.bloc_child_container {
position:absolute;
width:100%;
top:0;
left:-100%;
z-index:1;
}

/***********VIDEO POPUP***********/

#video_popup_container{
position:absolute;
width:100%;
height:100%;
top:-100%;
z-index:20000;
}
#video_popup_background{
opacity: 0.5;
position:absolute;
width:100%;
height:100%;
background:#000;
}
#video_popup_hide{
position: relative;
color: #fff;
font-size: 23px;
cursor:pointer;
}

/***********VIDEO***********/

#video_container{
position:absolute;
width:100%;
height:100%;
top:-100%;
z-index:20000;
}
#video_background{
opacity: 0.5;
position:absolute;
width:100%;
height:100%;
background:#000;
}
#video_hide{
position: relative;
color: #fff;
font-size: 23px;
cursor:pointer;
}


/***********LINKS***********/
.bloc_child_link_header_logo {position:absolute;top:0%;left:0%;width:13%;height:100%;cursor:pointer;border:0px solid red;}
.bloc_child_link_header_insta {position:absolute;top:0%;left:64%;width:3%;height:100%;cursor:pointer;border:0px solid red;}
.bloc_child_link_header_linkedin {position:absolute;top:0%;left:67%;width:3%;height:100%;cursor:pointer;border:0px solid red;}
.bloc_child_link_header_vimeo {position:absolute;top:0%;left:70%;width:3%;height:100%;cursor:pointer;border:0px solid red;}
.bloc_child_link_header_terreaucentre {position:absolute;top:0%;left:73%;width:14%;height:100%;cursor:pointer;border:0px solid red;}
.bloc_child_link_header_language {position:absolute;top:0%;left:87%;width:13%;height:100%;cursor:pointer;border:0px solid red;}

.bloc_child_link_vousnousrejoignez {position:absolute;top:68%;left:5%;width:18%;height:4%;cursor:pointer;border:0px solid red;}
.bloc_child_link_terreaucentre {position:absolute;top:93%;left:33%;width:15%;height:6%;cursor:pointer;border:0px solid red;}
.bloc_child_link_soyezdesnotres {position:absolute;top:42%;left:5%;width:18%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_ensavoirplus {position:absolute;top:22%;left:25%;width:13%;height:4%;cursor:pointer;border:0px solid red;}
.bloc_child_link_faireundon {position:absolute;top:48%;left:75%;width:13%;height:5%;cursor:pointer;border:0px solid red;}
.bloc_child_link_decouvrez {position:absolute;top:90%;left:75%;width:13%;height:4%;cursor:pointer;border:0px solid red;}


.bloc_child_link_bottom_insta {position:absolute;top:33%;left:5%;width:16%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_linkedin {position:absolute;top:33%;left:22%;width:14%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_vimeo {position:absolute;top:33%;left:36%;width:12%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_terreaucentre {position:absolute;top:41%;left:5%;width:19%;height:6%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_contact {position:absolute;top:80%;left:56%;width:17%;height:8%;cursor:pointer;border:0px solid red;}





/*******************************************************************************************IPHONE***********/
@media (max-width: 1000px) {


/***********HEADER***********/
#header {
display:none;
}

#header-mobile {
display:block;
}

#menu {
position: fixed;
top:-100%;
right:0%;
z-index:3;
height:100%;
width:100%;
background:#fff;
}

.menu_tab {
background:#fff;
border:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
height:auto;
margin-bottom:0%;
text-align:left;
cursor:pointer;
font-size:15px;
width:70%;
padding:2% 0% 0% 6%;
}
.menu_tab_2 {padding-top:32%;}

.menu_tab a {
color:#000;
white-space:nowrap;
}

.menu_tab_active a, .menu_tab_active_hover a {
color:#0200f9;
}

.menu_tab_break {
display:none;
}

#menu_open {
display:block;
position: fixed;
z-index:2;
/*! top:15px; */
width:100%;
}
#menu_open-graphic{
position:absolute;
height:calc(18.6vw - 40px);
right:4%;
top:20px;
text-align:right;
cursor:pointer;
}
#menu_open-logo{
position:absolute;
height:34%;
top:33%;
left:11%;
}

#menu_close {
display:block;
position: absolute;
width:100%;
background:#fff;
}
#menu_close-graphic{
position:absolute;
height:calc(18.6vw - 40px);
right:4%;
top:20px;
text-align:right;
cursor:pointer;
}

.bloc_child_next{
left: 7%;
top:3%;
}
.bloc_child_prev{
right:7%;
top:3%;
}

.close {
top:3%;
right:45%;
font-size: 30px;
}

/***********LINKS***********/

.bloc_child_link_header_language {position:absolute;top:0%;left:75%;width:25%;height:15%;cursor:pointer;border:0px solid red;}


.bloc_child_link_vousnousrejoignez {position:absolute;top:61%;left:0%;width:60%;height:3%;cursor:pointer;border:0px solid red;}
.bloc_child_link_terreaucentre {position:absolute;top:97%;left:10%;width:80%;height:2%;cursor:pointer;border:0px solid red;}
.bloc_child_link_soyezdesnotres {position:absolute;top:24%;left:20%;width:60%;height:6%;cursor:pointer;border:0px solid red;}
.bloc_child_link_ensavoirplus {position:absolute;top:22%;left:20%;width:60%;height:6%;cursor:pointer;border:0px solid red;}
.bloc_child_link_faireundon {position:absolute;top:61%;left:20%;width:60%;height:6%;cursor:pointer;border:0px solid red;}
.bloc_child_link_decouvrez {position:absolute;top:94%;left:20%;width:60%;height:6%;cursor:pointer;border:0px solid red;}


.bloc_child_link_bottom_insta {position:absolute;top:31%;left:12%;width:25%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_linkedin {position:absolute;top:31%;left:37%;width:25%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_vimeo {position:absolute;top:31%;left:62%;width:25%;height:8%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_terreaucentre {position:absolute;top:41%;left:5%;width:90%;height:6%;cursor:pointer;border:0px solid red;}
.bloc_child_link_bottom_contact {position:absolute;top:88%;left:10%;width:80%;height:8%;cursor:pointer;border:0px solid red;}







}/*IPHONE*/