html{
padding : 0;
margin : 0;
font-size : 2vw;
font-variant : normal;
font-weight : normal;
font-style : normal;
font-family : 'asapregular', Arial, Helvetica, sans-serif;
text-align : left;
height: auto;
width:auto;
min-height: 100%;
color:#000;
}

body {
width:100%;
padding : 0;
margin : 0;
}

img {border:none; image-rendering: auto;}
input,select,textarea {border:solid 1px #CCC; font-family : 'asapregular', Arial, Helvetica, sans-serif;}

@font-face {
    font-family: 'patrick_handregular';
    src: url('patrickhand-regular-webfont.woff2') format('woff2'),
         url('patrickhand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'asapregular';
    src: url('asap-regular-webfont.woff2') format('woff2'),
         url('asap-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'asapbold';
    src: url('asap-bold-webfont.woff2') format('woff2'),
         url('asap-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'asapmedium';
    src: url('asap-medium-webfont.woff2') format('woff2'),
         url('asap-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'asapsemibold';
    src: url('asap-semibold-webfont.woff2') format('woff2'),
         url('asap-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#bloc_identite {
width:60vw;
margin:auto;
font-size:1.5vw;
margin-bottom:6vw;
}

#bloc_identite .ligne {
margin-bottom:2vw;
}

#bloc_identite .legende, #bloc_identite .input, #bloc_identite .inputMax, #bloc_identite .radio {
float:left;
margin-right:1vw;
}

#bloc_identite .legende {
margin-top:0.4vw;
}

#bloc_identite .legende {
width:14vw;
text-align:right;
}

#bloc_identite .input {
width:14vw;
}

#bloc_identite .input input {
width:14vw;
background-color: #eff9fb;
border:none;
padding:0.5vw;
font-size: 1.3vw;
}

#bloc_identite .inputMax {
width:42vw;
}

#bloc_identite .inputMax input {
width:44vw;
background-color: #eff9fb;
border:none;
padding:0.5vw;
font-size: 1.3vw;
}

#bloc_identite .inputMax select,textarea {
min-width:25vw;
background-color: #eff9fb;
border:none;
padding:0.5vw;
font-size: 1.3vw;
}

#bloc_identite .radio {
width:15vw;
margin-top:0.3vw;
}

#bloc_identite .radio input {
margin-right:1vw;    
}

#page_service_desktop {
display:block;
}

#page_service_mobile {
display:none;
}

#cache {
position:absolute;
width:100%;
height:100%;
z-index:10;
display: none;
}

#topMenuDesktop {
width:98%;
margin:auto;
margin-top:1.5vw;
}

#topMenuMobile { 
display:none;
}

#deploy_menu {
display:none;	
}

#topMenuDesktop .lien {
float:left;
margin-top:3.3vw;
width:12%;
text-align:center;
}

#topMenuDesktop .lienDroit {
float:left;
margin-top:3.3vw;
width:12%;
text-align:center;
}

#topMenuDesktop .lienDroitCadenas {
float:left;
margin-top:2vw;
font-size:1vw;
width:12%;
text-align:center;
}

#topMenuDesktop .lienDroitCadenas img {
max-width:40px;
width:3vw;
}

#topMenuDesktop .lienLogo {
float:left;
font-size:1vw;
width:28%;
text-align:center;
}

#topMenuDesktop .lienLogo img {
width:80%;
margin:auto;
}

#topMenuDesktop .lien div, #topMenuDesktop .lienDroit div {
text-transform: uppercase;
font-family : 'asapbold', Arial, Helvetica, sans-serif;
color:#ec6854;
font-size:1.3vw;
}

#topMenuDesktop .lien div a, #topMenuDesktop .lienDroit div a {
text-decoration:none;
color:#ec6854;
}

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

#topMenuDesktop .lien div a:hover, #topMenuDesktop .lienDroit div a:hover, #topMenuDesktop .lienDroitCadenas a:hover {
color:#6abfe1;
}

.retour {
clear:both;	
}

#cacestnousDesktop {
display:block;
position:relative;
margin-top:1.5vw;
background-color:#eff9fb;
text-align:center;
width:100%;
}

#cacestnousMobile {
display:none;
}

#cacestnousDesktop .cacestnousMacaron {
position:absolute;
right:12vw;
top:1vw;
max-width:180px;
width:9vw;
}

#cacestnousDesktop .padding {
padding-top:3vw;
padding-bottom:7vw;
}

#cacestnousDesktop h1 {
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
font-size:4.1vw;
font-weight: normal;
color:#ec6854;
margin:0vw 0vw 1vw 0vw;
padding:0;
}

#cacestnousDesktop .bandeauTexte {
width:47%;
margin:auto;
font-size:1.5vw;
margin-bottom:2vw;
}

#cacestnousDesktop .activites {
width:90%;
margin:auto;
}

#cacestnousDesktop .picto, #cacestnousDesktop .pictoOn {
float:left;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
width:16.2%;
font-size:1.3vw;
border-right:dotted 2px #6abfe1;
height:11vw;
}

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

#cacestnousDesktop .picto a:hover, #cacestnousDesktop .pictoOn a {
color:#ec6854;
text-decoration:none;
}

#cacestnousDesktop .picto img {
width:40%;
}

#cacestnousDesktop .pictoOn img {
width:60%;
margin-top:-1.5vw;
}

#cacestnousDesktop .on {
display:none;
}

#temoignagesDesktop {
position:relative;
text-align:center;
width:100%;
border-bottom:dotted 2px #c2e5f4;
}

#temoignagesMobile {
display:none;	
}

#temoignagesDesktop .cacestvousMacaron {
position:absolute;
left:8.5vw;
top:-4.3vw;
max-width:180px;
width:9vw;
}

#temoignagesDesktop img {
max-width:114px;
width:7vw;
margin-top:0.5vw;
}

#temoignagesDesktop .colonne {
position:relative;
float:left;
padding-top:2vw;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
width:33%;
font-size:2.5vw;
border-right:dotted 2px #c2e5f4;
}

#temoignagesDesktop .texte {
margin:auto;
width:48%;
font-family : 'asapregular', Arial, Helvetica, sans-serif;
height:13vw;
font-size:1.4vw;
}

#temoignagesDesktop .guillemetg {
position: absolute;
font-size:5vw;
left:4vw;
top:11.5vw;
}

#temoignagesDesktop .guillemetd {
position: absolute;
font-size:5vw;
right:4vw;
top:11.5vw;
}

#temoignagesDesktop .texte div {
margin-top:1vw;
font-family : 'asapsemibold', Arial, Helvetica, sans-serif;
font-size: 1.1vw;
font-style: italic;
}

#temoignagesDesktop .bouton1, #temoignagesDesktop .bouton2, #temoignagesDesktop .bouton3 {
font-family : 'asapregular', Arial, Helvetica, sans-serif;
width:60%;
margin:auto;
background-color:#ccc;
font-size:1.3vw;
padding:0.5vw;
color:#fff;
margin-bottom:3vw;
cursor:pointer;
}

#temoignagesDesktop .bouton1 a, #temoignagesDesktop .bouton2 a, #temoignagesDesktop .bouton3 a {
text-decoration: none;
color:#fff;
}

#rsDesktop {
position:relative;
width:100%;
margin-top:2vw;
text-align:center;
}

#rsMobile {
display:none;
}

#rsDesktop .suiveznousMacaron {
position:absolute;
right:16vw;
top:2vw;
max-width:180px;
width:9vw;
}

#rsDesktop .logo_sans_rs {
max-width: 691px;
width:40vw;
}

#rsDesktop .ligne1 {
font-family : 'asapregular', Arial, Helvetica, sans-serif;
font-size:1.5vw;
width:40%;
margin:auto;
margin-bottom:2vw;
}

#rsDesktop .ligne2 {
width:30%;
margin:auto;
margin-bottom:2vw;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
background-image:url('../images/pointillesRs.png');
background-repeat: no-repeat;
background-position:center 2.5vw;
background-size: 60%;
height:8vw;
}

#rsDesktop .rsCont {
float:left;
width:33%;
text-align: center;
font-size:0;
}

#rsDesktop .rsCont div {
font-size:1.3vw;
display:none;
}

#rsDesktop .ligne2 img {
max-width: 100px;
width:5vw;
}

#bottomDesktop {
background-color:#6abfe1;
min-height: 21vw;
width:100%;	
}

#bottomDesktop .on {
display:none;
}

#bottomMobile {
display:none;
}

#bottomDesktop .colonne, #bottomDesktop .colonneBis {
float:left;
width:50%;	
}

#bottomDesktop .colonneBis {
position:relative;
margin-top:2vw;
color:#fff;
font-size:1.2vw;
font-family : 'asapsemibold', Arial, Helvetica, sans-serif;
}

#bottomDesktop .colonneBis .bloc_logo {
max-width: 140px;
width:7.8vw;
margin-top:-6.5vw;
}

#bottomDesktop .colonneBis .bloc_rs {
margin-top:1vw;
}

#bottomDesktop .colonneBis .bloc_rs img {
width:1.8vw;
margin-right:1vw;
}

#bottomDesktop .bloc_newsletter {
max-width:350px;
width:60%;
position:absolute;
}

#bottomDesktop .bloc_newsletter_txt {
line-height:1.2vw;
position:absolute;
top:3vw;
width:58%;
text-align: center;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
font-size:1.5vw;
}

#bottomDesktop .bloc_newsletter_txt span {
font-family : 'asapregular', Arial, Helvetica, sans-serif;
font-size:0.85vw;
}

#bottomDesktop .bloc_newsletter_form {
position:absolute;
top:6.5vw;
text-align:center;
width:58%;
}

#bottomDesktop .bloc_newsletter_form input {
border:none;
padding:0.3vw;
font-size:1vw;
}

#bottomDesktop .colonneBis ul {
margin:0;
margin-top:1.5vw;
padding:0;
list-style-type: none;
}

#bottomDesktop .colonneBis li {
margin-bottom:0.8vw;
}

#bottomDesktop .colonneBis li a {
text-decoration:none;
color:#fff;
}

#bottomDesktop .colonneBis li a:hover {
color:#f2cc1f;
}

#services {
margin-bottom:5vw;
}

#services .col {
float:left;
width:50%;
font-size:1.4vw;
}

#services .blocImage {
position:relative;
height:28vw;
overflow:hidden;
}

#services .image {
width:100%;
margin-top:-6vw;
}

#services .tem {
height:28vw;
}

#services .demanderDevis {
cursor:pointer;
width:20vw;
background-color:#e36a56;
color:#fff;
padding:1.5vw;
font-size:1.3vw;
text-align: center;
font-family: 'asapsemibold', Arial, Helvetica, sans-serif;
margin-bottom:2.5vw;
}

#services .col h2 {
font-family: 'patrick_handregular';
text-transform: uppercase;
color:#75b8de;
padding:0;
margin:0;
margin-top:3vw;
margin-bottom:2.5vw;
line-height: 4.5vw;
font-size:4vw;
}

#services .col ul {
margin:0;
padding:0;
margin-left:1vw;
}

#services .col li {
 list-style-type: none;
 background-image: url('../images/puce_service.png');
 background-repeat: no-repeat;
 background-position:top 0.3vw left;
 padding-left:1.5vw;
 background-size: 0.8vw;
} 

#navigationServices {
background-color:#eff8fb;
margin-bottom:7.5vw;   
}

#navigationServices .col {
cursor:pointer;
float:left;    
width:49.8%;
font-size:0;
border-right:dotted 2px #b2d7e8;
}

#navigationServices .padding {
padding:4vw;
}

#navigationServices .flecheGauche, #navigationServices .flecheDroite {
float:left;
width:25%;
text-align: center;
margin-top:2vw;
}

#navigationServices .flecheGauche img, #navigationServices .flecheDroite img {
width:3vw;
}

#navigationServices .visuelGauche, #navigationServices .visuelDroite {
float:left;
width:25%;
text-align: center;
}

#navigationServices .visuelGauche img, #navigationServices .visuelDroite img {
width:8.3vw;
}

#navigationServices .texteGauche, #navigationServices .texteDroite {
float:left;
width:50%;
font-size:1.5vw;
text-align:right;
}

#navigationServices .maj {
text-transform: uppercase;
font-family: 'patrick_handregular';
font-size:2vw;
color:#e36a56;
}

.rondEtape {
float:left;
margin-right:4vw;
width:6vw;
height:6vw;
background-color:#69bde1;
border-radius:4vw;
text-align:center;
color:#fff;
font-family: 'patrick_handregular';
font-size:2.5vw;
}

.rondEtape div {
padding-top:1.2vw;
}

.colEtape1 {
float:left;
margin-right:1.5vw;
width:35vw;
background-color:#eff9fb;    
}

.colEtape1 ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top:1.5vw;
  font-size:1.3vw;
}
 
.colEtape1 li
{
  background-image: url('../images/pictoCheck.png');
  background-repeat: no-repeat;
  background-position: 0 0.3vw;
  padding-left: 3.2vw;
  background-size: 2vw;
  margin-bottom:1vw;
}

.lieux {
margin-bottom:1vw; text-transform:uppercase;  
}

.lieux span {
float:left; background-color:#eacf2a; padding:0.5vw; font-size:1.3vw;  
}

.lieux img {
cursor:pointer; height:2.5vw; float:left; 
}

.moncompteRub {
background-color:#75b8de;
color:#fff;
font-size:1vw;
padding:0.5vw;
margin-right:1vw;
}

.moncompteRub a {
color:#fff;
text-decoration: none;
}































@media (orientation:landscape) and (max-width : 600px) {
#menuIntermediaire .paysage {
display:block;
}
#menuIntermediaire .portrait {
display:none;
}
}

@media (orientation:portrait) and (max-width : 600px) {
#menuIntermediaire .paysage {
display:none;
}
#menuIntermediaire .portrait {
display:block;
}
}

































/* STYLES GO HERE */
@media screen and (max-width: 600px) {

#topMenuDesktop {
display:none;
}

#topMenuMobile {
display:block;
width:95%;
margin:auto;
margin-top:4vw;
margin-bottom:4vw;
}

#topMenuMobile .lienLogo {
float:left;
width:80%;
text-align:center;
}

#topMenuMobile .lienLogo img {
width:95%;
}

#topMenuMobile .lienMenu {
float:left;
width:20%;
text-align:center;
margin-top:10vw;
}

#topMenuMobile .lienMenu img {
width:45%;
cursor: pointer;
}

#topMenuMobile .deploy_menu {
display:none;
position:absolute;
top:0;
right:0;
background-color:#fff;
width:70%;
font-size:5vw;
text-align:center;
z-index:5;
text-transform: uppercase;
border-left:solid 1px #6abfe1;
border-bottom:solid 1px #6abfe1;
z-index: 11;
}

#topMenuMobile .deploy_menu div {
padding-top:3vw;
padding-bottom:3vw;
border-bottom:dotted 1px #6abfe1;
}

#topMenuMobile .deploy_menu div a {
text-decoration: none;
color:#000;
}

#cacestnousDesktop {
display:none;	
}

#cacestnousMobile {
display:block;
position:relative;
margin-top:1.5vw;
background-color:#eff9fb;
text-align:center;
width:100%;
}

#cacestnousMobile .padding {
padding:3vw;
}

#cacestnousMobile h1 {
line-height: 12vw;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
font-size:11vw;
font-weight: normal;
color:#ec6854;
margin:0vw 0vw 3vw 0vw;
padding:0;
}

#cacestnousMobile .bandeauTexte {
width:90%;
margin:auto;
font-size:3.5vw;
margin-bottom:5vw;
}

#cacestnousMobile .activites {
width:100%;
margin:auto;
margin-bottom:5vw;
}

#cacestnousMobile .picto {
float:left;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
width:32.8%;
font-size:3.5vw;
border-right:dotted 2px #6abfe1;
text-align:center;
}

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

#cacestnousMobile .picto img {
max-width:110px;
width:18vw;
margin:auto;
}

#temoignagesDesktop {
display:none;
}

#temoignagesMobile {
display:block;
position:relative;
text-align:center;
width:100%;
border-bottom:dotted 2px #c2e5f4;
margin-top:3vw;
}

#temoignagesMobile img {
float:left;
max-width:114px;
width:27vw;
margin-right:5vw;
margin-bottom:2vw;
}

#temoignagesMobile .colonne {
position:relative;
padding-top:2vw;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
width:100%;
font-size:7vw;
border-bottom:dotted 2px #c2e5f4;
margin-bottom:2vw;
}

#temoignagesMobile .texte {
margin:auto;
width:85%;
font-family : 'asapregular', Arial, Helvetica, sans-serif;
height:33vw;
font-size:3.5vw;
text-align:left;
}

#temoignagesMobile .texte div {
margin-top:1vw;
font-family : 'asapsemibold', Arial, Helvetica, sans-serif;
font-size: 3vw;
font-style: italic;
}

#temoignagesMobile .bouton {
font-family : 'asapregular', Arial, Helvetica, sans-serif;
width:70%;
margin:auto;
background-color:#ccc;
font-size:4vw;
padding:1vw;
color:#fff;
margin-bottom:6vw;
}

#temoignagesMobile .bouton a {
text-decoration: none;
color:#fff;
}

#rsDesktop {
display:none;
}

#rsMobile {
display:block;
position:relative;
width:100%;
margin-top:5vw;
text-align:center;
}

#rsMobile span {
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
font-size:8vw;
line-height: 6vw;
color:#6abfe1;
}

#rsMobile .logo_sans_rs {
max-width: 691px;
width:50vw;
}

#rsMobile .ligne1 {
font-family : 'asapregular', Arial, Helvetica, sans-serif;
font-size:4vw;
width:90%;
margin:auto;
margin-bottom:4vw;
margin-top:4vw;
}

#rsMobile .ligne2 {
width:100%;
margin:auto;
margin-bottom:10vw;
}

#rsMobile .ligne2 img {
margin-right:14vw;
max-width:70px;
width:12vw;
}

#bottomDesktop {
display:none;
}

#bottomMobile {
display:block;
background-color:#6abfe1;
min-height: 110vw;
width:100%;
text-align:center;
}

#bottomMobile .bloc_rs {
margin-top:3vw;
}

#bottomMobile .bloc_rs img {
width:6vw;
margin-right:2vw;
}

#bottomMobile .bloc_logo {
max-width: 140px;
width:22vw;
margin-top:-4vw;
}

#bottomMobile .newsletter {
position: relative;
width:70%;
text-align:center;
margin:auto;
margin-top:7vw;
}

#bottomMobile .bloc_newsletter {
max-width:350px;
left:0;
width:100%;
margin:auto;
position:absolute;
}

#bottomMobile .bloc_newsletter_txt {
line-height:4vw;
position:absolute;
top:16vw;
width:100%;
text-align: center;
font-family : 'patrick_handregular', Arial, Helvetica, sans-serif;
font-size:9vw;
color:#fff;
}

#bottomMobile .bloc_newsletter_txt span {
font-family : 'asapregular', Arial, Helvetica, sans-serif;
font-size:3.5vw;
}

#bottomMobile .bloc_newsletter_form {
position:absolute;
top:30vw;
text-align:center;
width:90%;
}

#bottomMobile .bloc_newsletter_form input {
border:none;
padding:1vw;
font-size:3.5vw;
}

#page_service_desktop {
display:none;
}

#page_service_mobile {
display:block;
}

#menuBis img {
width:12vw;
margin-right:3vw;
}

#bloc_identite_mobile {
width:100vw;
margin:auto;
font-size:4vw;
margin-bottom:6vw;
}

#bloc_identite_mobile .ligne {
margin-bottom:2vw;
}

#bloc_identite_mobile .legende, #bloc_identite_mobile .input, #bloc_identite_mobile .inputMax, #bloc_identite_mobile .radio {
float:left;
margin-right:1vw;
}

#bloc_identite_mobile .legende {
margin-top:0.4vw;
}

#bloc_identite_mobile .legende {
width:35vw;
text-align:right;
}

#bloc_identite_mobile .input {
width:60vw;
}

#bloc_identite_mobile .input input {
width:55vw;
background-color: #eff9fb;
border:none;
padding:0.5vw;
font-size: 4vw;
}

#bloc_identite_mobile .inputMax {
width:42vw;
}

#bloc_identite_mobile .inputMax input {
width:44vw;
background-color: #eff9fb;
border:none;
padding:0.5vw;
font-size: 1.3vw;
}

#bloc_identite_mobile .inputMax select,textarea {
min-width:25vw;
background-color: #eff9fb;
border:none;
padding:0.5vw;
font-size: 1.3vw;
}

#bloc_identite_mobile .radio {
width:15vw;
margin-top:0.3vw;
}

#bloc_identite_mobile .radio input {
margin-right:1vw;    
}

.rondEtape {
float:left;
margin-right:6vw;
width:15vw;
height:15vw;
background-color:#69bde1;
border-radius:10vw;
text-align:center;
color:#fff;
font-family: 'patrick_handregular';
font-size:5vw;
}

.rondEtape div {
padding-top:3.5vw;
}

.lieux {
margin-bottom:2vw; text-transform:uppercase;  
}

.lieux span {
float:left; background-color:#eacf2a; padding:2vw; font-size:4vw;  
}

.lieux img {
cursor:pointer; height:5.5vw; float:left; 
}

.moncompteRub {
background-color:#75b8de;
color:#fff;
font-size:2.5vw;
padding:0.5vw;
margin-right:1vw;
}

.moncompteRub a {
color:#fff;
text-decoration: none;
}

}