body
{
width:100%;
height:100%;
background-color:#fefefe;
color:#404040;
font-family: 'Kodchasan', sans-serif;
padding:0;
margin:0;
}

.button
{
display:inline-block;
vertical-align:middle
}

a
{
text-decoration:none	
}

#menu_desk .menu a, #maps_contact h2, #maps_contact li
{
color:#fefefe
}

ul
{
padding:0;
margin:0;
}

#menu_desk
{
text-align:center;	
z-index:100;
position:fixed;
width:100%;
}

#menu_desk .header
{
position:relative;
display:inline-block;
vertical-align:middle;
z-index:100;
background-color:#fefefe
}

#menu_desk .header .header-agences,#menu_desk .header .logo, #menu_desk .header .header-agences li, #menu_desk .header .header-agences li img, #menu_desk .header .header-agences li .agence-resum, #menu_desk .menu li
,h2,h1,.h2_logo, .logo_part img,.x2,#maps_contact li, #maps_contact li img, #maps_contact li div,#footer li, #footer li img, #footer li div, #nous-contacter li
{
position:relative;
display:inline-block;
vertical-align:middle;	
}

.x2, .annonce
{
position:relative;
display:inline-block;
vertical-align:top;	
}

#menu_desk .header .header-agences li,#menu_desk .menu li
{
cursor:pointer;	
}

#menu_desk .header .header-agences li:hover img
{
transform: rotate(-45deg);
}

#menu_desk .header .header-agences li .agence-resum
{
text-align:right;
position:relative
}

#menu_desk .header .header-agences li .agence-det
{
text-align:right;
position:absolute;
top:100%;
right:0;
display:none
}

#menu_desk .header .logo
{
float:left
}

#menu_desk .header .header-agences
{
float:right
}

div
{
box-sizing:border-box;
}

#menu_desk .header .header-agences li:hover .agence-det
{
display:block;
background:rgba(2255,255,255,0.95);
}

#menu_desk .menu
{
text-align:center;
background:#3cb4d6;
color:#fefefe;
position:relative;
margin:auto;
z-index:99
}

#menu_desk .menu li
{
text-align:center;
background:#3cb4d6;
color:#fefefe;
border-top:1px solid #3cb4d6;
border-bottom:1px solid #3cb4d6;
}

#menu_desk .menu li:hover
{
border-top:1px solid #fefefe;
border-bottom:1px solid #fefefe;
}

.section_s, .section
{
margin:auto;
position:relative;
text-align:center
}

.annonce
{
border:1px solid #efefef
}

.button
{
background-color:#fefefe;
text-decoration:none;
border:1px solid #fefefe;
color:#404040
}

.button:hover
{
box-shadow: 0px 0px 5px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 5px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 5px 1px rgba(117, 117, 117, 0.72);
}

.x2
{
position:relative
}


/* 4K */
@media screen and (min-width: 4096px)
{

#menu_mob,#menu_switch
{
display:none
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:67px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 10px;
font-size:12pt;
padding:15px 10px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:35px;
margin:0 10px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:1200px;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
top:94px;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:50pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:650px;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:1200px;
top:94px;
padding:30px 20px 40px 20px
}

.h2_logo
{
height:50px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:60px;
margin:0 10px
}

.x2
{
width:50%;
text-align:left;
margin:50px 0 0 0;
padding:10px;
}

.x_p
{
text-align:left;
margin:50px auto 100px auto;
padding:10px;
display:inline-block;
vertical-align:top;
margin:20px 20px 100px 20px;
}

iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
top:94px;
padding:30px 20px 40px 20px
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:450px;	
margin:0 25px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:800px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:60pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:500px;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;
top:94px;
height:800px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:50%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:600px;	
width:55%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:400px;
display:inline-block;
vertical-align:top;
margin:50px;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 32pt;
}

.infos_content
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 14pxpt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
padding: 150px 0px 150px 350px;
color:white;
text-align:left;
font-size:15pt
}

#nous-contacter
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 20px 40px 20px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 30px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:400px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:300px;
}

#form_contact
{
padding: 30px 20px 94px 20px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 15px;
width:200px;
}

#form_contact td,#crea td
{
padding:10px 20px
}

#form_contact textarea
{
padding:5px 15px;
width:100%;
height:150px;
}

#accueil_offres
{
position:relative;
top:94px;
text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;
margin-bottom:50px	
}

#div_maps_offres .x2
{
width:30%;
margin:0
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;
top:94px;
text-align:center;
padding:100px 0 0 0;
min-height:544px
}

#crea .x2
{
width:500px;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}


}

/* >3K */
@media screen and (min-width: 3161px) and (max-width: 4095px)
{

#menu_mob,#menu_switch
{
display:none
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:67px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 10px;
font-size:12pt;
padding:15px 10px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:35px;
margin:0 10px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:1200px;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
top:94px;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:50pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:650px;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:1200px;
top:94px;
padding:30px 20px 40px 20px
}

.h2_logo
{
height:50px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:60px;
margin:0 10px
}

.x2
{
width:50%;
text-align:left;
margin:50px 0 0 0;
padding:10px;
}

.x_p
{
text-align:left;
margin:50px auto 100px auto;
padding:10px;
display:inline-block;
vertical-align:top;
margin:20px 20px 100px 20px;
}

iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
top:94px;
padding:30px 20px 40px 20px
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:450px;	
margin:0 25px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:800px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:60pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:500px;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;
top:94px;
height:800px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:50%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:600px;	
width:55%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:400px;
display:inline-block;
vertical-align:top;
margin:50px;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 32pt;
}

.infos_content
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 14pxpt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
padding: 150px 0px 150px 350px;
color:white;
text-align:left;
font-size:15pt
}

#nous-contacter
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 20px 40px 20px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 30px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:400px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:300px;
}

#form_contact
{
padding: 30px 20px 94px 20px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 15px;
width:200px;
}

#form_contact td,#crea td
{
padding:10px 20px
}

#form_contact textarea
{
padding:5px 15px;
width:100%;
height:150px;
}

#accueil_offres
{
position:relative;
top:94px;
text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;
margin-bottom:50px
}

#div_maps_offres .x2
{
width:30%;
margin:0
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;
top:94px;
text-align:center;
padding:100px 0 0 0;
min-height:544px
}

#crea .x2
{
width:500px;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}


}

/* 2K */
@media screen and (min-width: 1921px) and (max-width: 3160px)
{
	
#menu_mob,#menu_switch
{
display:none
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:61px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 5px;
font-size:10pt;
padding:15px 5px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:35px;
margin:0 10px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:1200px;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
top:94px;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:50pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:650px;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:1200px;
top:94px;
padding:30px 20px 40px 20px
}

.h2_logo
{
height:50px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:60px;
margin:0 10px
}

.x2
{
width:50%;
text-align:left;
margin:50px 0 0 0;
padding:10px;
}

.x_p
{
text-align:left;
margin:50px auto 100px auto;
padding:10px;
display:inline-block;
vertical-align:top;
margin:20px 20px 100px 20px;
}

iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
top:94px;
padding:30px 20px 40px 20px
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:450px;	
margin:0 25px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:800px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:60pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:500px;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;
top:94px;
height:800px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:50%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-40%);
}

#nos-services .filtre
{
height:600px;	
width:55%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-40%);
}

.infos
{
width:400px;
display:inline-block;
vertical-align:top;
margin:50px;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 32pt;
}

.infos_content
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 14pxpt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
padding: 150px 0px 150px 350px;
color:white;
text-align:left;
font-size:15pt
}

#nous-contacter
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 20px 40px 20px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 30px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:400px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:300px;
}

#form_contact
{
padding: 30px 20px 94px 20px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 15px;
width:200px;
}

#form_contact td,#crea td
{
padding:10px 20px
}

#form_contact textarea
{
padding:5px 15px;
width:100%;
height:150px;
}

#accueil_offres
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 0 0
}

#accueil_offres .x2
{
text-align:center;
margin-bottom:50px	
}

#div_maps_offres .x2
{
width:30%;
margin:0
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 0 0;
min-height:544px
}

#crea .x2
{
width:500px;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}


}

/* FHD */
@media screen and (max-width: 1920px) and (min-width: 1580px)
{

#menu_mob,#menu_switch
{
display:none
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:60px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 5px;
font-size:8pt;
padding:15px 5px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:35px;
margin:0 10px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:1200px;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
top:94px;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:50pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:650px;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:1200px;
top:94px;
padding:30px 20px 40px 20px
}

.h2_logo
{
height:50px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:60px;
margin:0 10px
}

.x2
{
width:50%;
text-align:left;
margin:50px 0 0 0;
padding:10px;
}

.x_p
{
text-align:left;
margin:50px auto 100px auto;
padding:10px;
display:inline-block;
vertical-align:top;
margin:20px 20px 100px 20px;
}

iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
top:94px;
padding:30px 20px 40px 20px
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:450px;	
margin:0 25px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:800px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:60pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:500px;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;
top:94px;
height:800px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:50%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:600px;	
width:55%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:400px;
display:inline-block;
vertical-align:top;
margin:50px;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 32pt;
}

.infos_content
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 14pxpt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
padding: 150px 0px 150px 350px;
color:white;
text-align:left;
font-size:15pt
}

#nous-contacter
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 20px 40px 20px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 30px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:400px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:300px;
}

#form_contact
{
padding: 30px 20px 94px 20px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 15px;
width:200px;
}

#form_contact td,#crea td
{
padding:10px 20px
}

#form_contact textarea
{
padding:5px 15px;
width:100%;
height:150px;
}

#accueil_offres
{
position:relative;
top:94px;
text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;
margin-bottom:50px	
}

#div_maps_offres .x2
{
width:30%;
margin:0
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;
top:94px;
text-align:center;
padding:100px 0 0 0;
min-height:544px
}

#crea .x2
{
width:500px;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}


}

/* HD */
@media screen and (max-width: 1579px) and (min-width: 1110px)
{

#menu_mob,#menu_switch
{
display:none
}

h2
{
font-size:14pt
}

#maps_contact li img
{
display:none!important
}

#footer li img
{
display:none!important
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:48px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 5px;
font-size:6pt;
padding:15px 5px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:20px;
margin:0 5px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:100%;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
top:94px;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:50pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:650px;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:100%;
top:94px;
padding:30px 20px 40px 20px
}

.h2_logo
{
height:35px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:60px;
margin:0 10px
}

.x2
{
width:50%;
text-align:left;
margin:50px 0 0 0;
padding:10px;
}

.x_p
{
text-align: left;
padding: 10px;
display: inline-block;
vertical-align: top;
width: 30%;
margin: 20px 0 0 0;
}


iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
top:94px;
padding:30px 20px 40px 20px
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:450px;	
margin:0 25px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:1075px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:40pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:500px;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;
top:94px;
height:800px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:50%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:600px;	
width:55%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:248px;
display:inline-block;
vertical-align:top;
margin:50px;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 32pt;
}

.infos_content
{
padding:20px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 14pxpt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
padding: 150px 0px 150px 350px;
color:white;
text-align:left;
font-size:15pt
}

#nous-contacter
{
position:relative;
top:94px;
text-align:center;
padding:150px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 20px 40px 20px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 30px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:400px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:300px;
}

#form_contact
{
padding: 30px 20px 94px 20px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 15px;
width:200px;
}

#form_contact td,#crea td
{
padding:10px 20px
}

#form_contact textarea
{
padding:5px 15px;
width:100%;
height:150px;
}

#accueil_offres
{
position:relative;
top:94px;
text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;
margin-bottom:50px	
}

#div_maps_offres .x2
{
width:30%;
margin:0
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;
top:94px;
text-align:center;
padding:100px 0;
min-height:544px
}

#crea .x2
{
width:500px;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}


}

/* MD */
@media screen and (max-width: 1109px) and (min-width: 800px)
{

h2
{
font-size:10pt
}

#maps_contact li img
{
display:none!important
}

#footer li img
{
display:none!important
}

#menu_desk
{
display:none	
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:35px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 5px;
font-size:6pt;
padding:15px 5px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:20px;
margin:0 5px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:100%;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;

height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:50pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:650px;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:100%;

padding:30px 20px 40px 20px
}

.h2_logo
{
height:35px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:60px;
margin:0 10px
}

.x2
{
width:90%;
text-align:left;
margin:50px auto 0 auto;
padding:10px;
}

#div_accueil .fond
{
display:none
}

.x_p
{
text-align: left;
padding: 10px;
display: inline-block;
vertical-align: top;
max-width: 90%;
margin: 20px 0 0 0;
}


iframe
{
width:100%;
height:400px
}

.section
{
width:100%;

padding:30px 20px 40px 20px
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:80%;	
margin:25px 0;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:1075px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:40pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:500px;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;

height:800px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:50%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:600px;	
width:55%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:150px;
display:inline-block;
vertical-align:top;
margin:50px;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:10px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 15pt;
}

.infos_content
{
padding:10px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 12pt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
padding: 150px 0px 150px 350px;
color:white;
text-align:left;
font-size:15pt
}

#nous-contacter
{
position:relative;

text-align:center;
padding:150px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 20px 40px 20px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 0px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:200px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:300px;
}

#form_contact
{
padding: 30px 20px 94px 20px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 15px;
width:200px;
}

#form_contact td,#crea td
{
padding:10px 20px
}

#form_contact textarea
{
padding:5px 15px;
width:100%;
height:150px;
}

#accueil_offres
{
position:relative;

text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;
margin-bottom:50px	
}

#div_maps_offres .x2
{
width:50%;
margin:0
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;

text-align:center;
padding:100px 0;
min-height:544px
}

#crea .x2
{
width:500px;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}

#menu_mob .ico img
{
width:30px;
}

#menu_mob .logo img
{
width:150px;
}

#menu_mob .ico, #menu_mob .logo
{
display:inline-block;
vertical-align:middle;
margin:10px 10px 0 10px;
cursor:poiinter
}

#menu_mob
{
position:fixed;
z-index:100;
padding:10px;
background-color:#fefefe;
}

#menu_switch
{
display:none;
position:fixed;
background-color:#fefefe;
z-index:99;
text-align:center;
top:0;
padding:60px 20px 20px 20px;
width:300px;
border:1px solid #efefef
}

#menu_switch li
{
margin:15px 0;
padding:10px;
list-style-type:none
}

#menu_switch li a
{
color:#404040
}

}

/* LD */
@media screen and (max-width: 799px) and (min-width: 350px)
{

h2
{
font-size:10pt
}

#maps_contact li img
{
display:none!important
}

#footer li img
{
display:none!important
}

#menu_desk
{
display:none	
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:35px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 5px;
font-size:6pt;
padding:15px 5px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:20px;
margin:0 5px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:100%;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:36pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:100%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:100%;

padding:30px 20px 40px 20px
}

.h2_logo
{
height:35px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:48px;
margin:10px
}

.x2
{
width:99%;
text-align:left;
margin:50px auto 0 auto;
padding:5px;
}

#div_accueil .fond
{
display:none
}

.x_p
{
text-align: left;
padding: 5px;
display: inline-block;
vertical-align: top;
max-width: 99%;
margin: 20px 0 0 0;
}


iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
padding: 10px 5px 30px 5px;
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:95%;	
margin:25px auto;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
margin:0 5px 15px 5px;
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:1075px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:40pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:80%;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;

height:900px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:80%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:100%;	
width:80%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:80%;
display:inline-block;
vertical-align:top;
margin:30px auto;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:10px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 15pt;
}

.infos_content
{
padding:10px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 12pt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
color:white;
text-align:left;
font-size:12pt
}

#nous-contacter
{
position:relative;
text-align:center;
padding: 90px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 5px 40px 5px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 0px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:200px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:99%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:150px;
}

#form_contact
{
padding: 30px 5px 50px 5px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 5px;
max-width:70%
}

#form_contact td,#crea td
{
padding:10px 5px
}

#form_contact textarea
{
padding:5px 5px;
width:70%;
height:150px;
}

#accueil_offres
{
position:relative;

text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;	
width:90%;
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
}

#div_maps_offres .x2
{
width:99%;
margin:0 auto
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;

text-align:center;
padding:100px 0;
min-height:544px
}

#crea .x2
{
width:90%;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}

#menu_mob .ico img
{
width:30px;
}

#menu_mob .logo img
{
width:150px;
}

#menu_mob .ico, #menu_mob .logo
{
display:inline-block;
vertical-align:middle;
margin:10px 10px 0 10px;
cursor:poiinter
}

#menu_mob
{
position:fixed;
z-index:100;
padding:10px;
background-color:#fefefe;
}

#menu_switch
{
display:none;
position:fixed;
background-color:#fefefe;
z-index:99;
text-align:center;
top:0;
padding:60px 20px 20px 20px;
width:300px;
border:1px solid #efefef
}

#menu_switch li
{
margin:15px 0;
padding:10px;
list-style-type:none
}

#menu_switch li a
{
color:#404040
}

}


/* VLD */
@media screen and (max-width: 349px) and (min-width: 200px)
{

h2
{
font-size:10pt
}

#maps_contact li img
{
display:none!important
}

#footer li img
{
display:none!important
}

#menu_desk
{
display:none	
}

.header
{
width:100%
}
	
#menu_desk .header
{
padding:20px
}
	
#menu_desk .header .logo img
{
height:35px;
}	

#menu_desk .header .header-agences li, #maps_contact li, #footer li, #nous-contacter li
{
margin:	0 5px;
font-size:6pt;
padding:15px 5px
}

#menu_desk .header .header-agences li img, #maps_contact li img, #footer li img, #nous-contacter li img
{
height:20px;
margin:0 5px 0 0
}

#menu_desk .header .header-agences li .agence-det
{
padding:15px 10px 15px 0;
width:200px;
}

#menu_desk .menu
{
width:100%;
padding:10px 0;
}

#menu_desk .menu li
{
padding:5px;
margin:5px 20px;
}

#accueil
{
position:relative;
height:550px;
background-image:url('../img/accueil.jpg');
background-size:cover;
background-position:center
}

#accueil div
{
position:absolute;
top:50%;
left:0%;
width:100%;
text-align:center;
font-size:36pt;
color:#fefefe;
transform:translate(0,-40%);
font-weight:bold
}

#accueil .filtre
{
height:400px;	
width:100%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.6;
left:50%;
transform:translate(-50%,-40%);
}

.section_s
{
width:100%;

padding:30px 20px 40px 20px
}

.h2_logo
{
height:35px;
margin:0 5px 0 0
}

.logo_part
{
margin:15px 0 0 0;
}

.logo_part img
{
height:48px;
margin:10px
}

.x2
{
width:99%;
text-align:left;
margin:50px auto 0 auto;
padding:5px;
}

#div_accueil .fond
{
display:none
}

.x_p
{
text-align: left;
padding: 5px;
display: inline-block;
vertical-align: top;
max-width: 99%;
margin: 20px 0 0 0;
}


iframe
{
width:100%;
height:400px
}

.section
{
width:100%;
padding: 10px 5px 30px 5px;
}

#maps_contact
{
background-image:url('../img/toulon.jpg');
background-size:cover;
background-position:center;
padding: 30px 0px 40px 0px;
}

.annonce
{
width:95%;	
margin:25px auto;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
}

.content_annonce img
{
width:20px;
vertical-align:middle;
margin:0 10px 0 0
}

.content_annonce td
{
padding:5px 10px;
font-size:10pt;
text-align:left
}

.header_annonce
{
height:60px
}

.button
{
padding:10px 15px;
box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-moz-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
-webkit-box-shadow: 0px 0px 13px 1px rgba(117, 117, 117, 0.72);
margin:0 5px 15px 5px;
}

#qui-sommes-nous
{
background-color:#00536b;
color:#fefefe
}

.x2 .fond_x2
{
max-width:80%;
display:block;
margin:auto;
}

#div_accueil .fond
{
height:1075px;	
background-image:url();
color:#fefefe;
background-image: url(../img/fond_3.jpg);
background-size: 50% auto;
background-repeat: no-repeat;
background-position: left;
background-attachment: fixed;
}

#div_accueil p, #div_accueil h3
{
padding:15px 50px 0 50px;
}

#div_accueil .fond h2
{
top:50%;
left:50%;
position:absolute;
display:block;
transform:translate(-50%,-50%);
font-size:40pt;
text-align:center;
margin:0;
padding:0;
}

#div_accueil .x2
{
padding:0;
margin:-30px 0 0 0;
}

#footer
{
background-color: #00536b;
color: #fefefe;
padding: 30px 0px 40px 0px;
margin-top:-40px
}

#footer .logo-footer
{
width:80%;
margin:0 0 30px 0
}


#maps_contact .x2
{
margin:30px 0
}

#nos-services
{
position:relative;

height:900px;
background-image:url('../img/services.jpg');
background-size:cover;
background-position:top
}

#nos-services div
{
position:absolute;
top:50%;
left:50%;
width:80%;
text-align:center;
color:#fefefe;
transform:translate(-50%,-50%);
}

#nos-services .filtre
{
height:100%;	
width:80%;
-webkit-filter: blur(13px);
-moz-filter: blur(13px);
-o-filter: blur(13px);
-ms-filter: blur(13px);	
background-color:#000;
opacity:0.7;
left:50%;
transform:translate(-50%,-50%);
}

.infos
{
width:80%;
display:inline-block;
vertical-align:top;
margin:30px auto;
background-color: #00536b;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
    color: #fefefe;
}

.infos_title
{
padding:10px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
font-weight: bold;
text-align: center;
font-size: 15pt;
}

.infos_content
{
padding:10px;
border-top:2px solid #fefefe;
border-left:2px solid #fefefe;
border-right:2px solid #fefefe;
border-bottom:2px solid #fefefe;
text-align: center;
font-size: 12pt;
}

#btp-interim
{
background-image: url(../img/recap.jpg);
background-size: cover;
background-position: center;
color:white;
text-align:left;
font-size:12pt
}

#nous-contacter
{
position:relative;
text-align:center;
padding: 90px 0 30px 0;
}

#maps-nous-contacter
{
background-color:#efefef;
padding: 0 5px 40px 5px;
}

 #maps-nous-contacter .x2
{
padding:0 30px 0px 30px;
text-align:center;
}

#maps-nous-contacter-infos
{
height:200px;
}

#maps-nous-contacter-infos #infos-nous-contacter
{
width:99%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
padding:15px;
background-color:#fefefe;
}

.logo-contact
{
width:150px;
}

#form_contact
{
padding: 30px 5px 50px 5px;
}

#form_contact .x2
{
text-align:center
}

#form_contact table
{
margin:auto;
text-align:left
}

#form_contact input,#form_contact select, #filtres input,#filtres select, #crea input[type="text"],#crea select, #crea input[type="date"],input[type="password"]
{
padding:5px 5px;
max-width:70%
}

#form_contact td,#crea td
{
padding:10px 5px
}

#form_contact textarea
{
padding:5px 5px;
width:70%;
height:150px;
}

#accueil_offres
{
position:relative;

text-align:center;
padding:50px 0 0 0
}

#accueil_offres .x2
{
text-align:center;	
width:90%;
border:1px solid #fefefe;
-webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.62);
}

#div_maps_offres .x2
{
width:99%;
margin:0 auto
}

#filtres, #offres .x2
{
text-align:center
}

#offres
{
padding-bottom:150px;
}

#crea
{
position:relative;

text-align:center;
padding:100px 0;
min-height:544px
}

#crea .x2
{
width:90%;
margin:0 0 100px 0	
}

.ico_v {
    width: 15px;
    vertical-align: middle;
}

#menu_mob .ico img
{
width:30px;
}

#menu_mob .logo img
{
width:150px;
}

#menu_mob .ico, #menu_mob .logo
{
display:inline-block;
vertical-align:middle;
margin:10px 10px 0 10px;
cursor:poiinter
}

#menu_mob
{
position:fixed;
z-index:100;
padding:10px;
background-color:#fefefe;
}

#menu_switch
{
display:none;
position:fixed;
background-color:#fefefe;
z-index:99;
text-align:center;
top:0;
padding:60px 20px 20px 20px;
width:300px;
border:1px solid #efefef
}

#menu_switch li
{
margin:15px 0;
padding:10px;
list-style-type:none
}

#menu_switch li a
{
color:#404040
}

}