/*********************************************************************
**********************************************************************
_______________________________GENERAL________________________________
Vert : #0AEA8E
**********************************************************************
*********************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
  text-decoration: none;
}
a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
-webkit-input[type="text"]:focus -webkit-input[type="password"]:focus 
input[type="text"]:focus input[type="password"]:focus 
{
  outline:none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

.logo
{
  padding-top: 20px;
  width: 100%;
  margin: auto;
  justify-content: center;
  text-align: center;
}
.logo img
{
 width: 200px;
}

.alignement_image
{
  margin-top: 50px;
  text-align: center;
  justify-content: center;
}
.logo2
{
  padding-top: 20px;
  padding-bottom: 100px;
  margin: auto;
  justify-content: center;
  text-align: center;
}
.logo2 img
{
  width: 200px;
}
/*********************
*********************
HEADER - MENU
*********************
*********************/

/*********************
*********************
Design Général
*********************
*********************/

.button_profitez
{
  text-align: center;
  font-family: 'Poppins',  sans-serif;
  padding-bottom: 60px;
  margin-top: 150px;
}

.button_profitez div
{
  margin: auto;
  width: 100px;
  padding: 15px 60px 15px 60px;
  border-radius: 100px;
  background-color: #0AEA8E;
}
.button_profitez a
{
  color: white;
}
.button_profitez span:hover
{
  font-weight: 800;
}


.button_profitez2
{
  text-align: center;
  font-family: 'Poppins',  sans-serif;
  padding-bottom: 60px;
  margin-top: 150px;
}

.button_profitez2 div
{
  width: 100px;
  padding: 15px 60px 15px 60px;
  border-radius: 100px;
  background-color: #0AEA8E;
}
.button_profitez2 a
{
  color: white;
}
.button_profitez2 span:hover
{
  font-weight: 800;


}


.button_profitez8
{
  text-align: center;
  font-family: 'Poppins',  sans-serif;
  padding-bottom: 60px;
  margin-top: 150px;
}

.button_profitez8 div
{
  width: 200px;
  margin: auto;
  padding: 15px 60px 15px 60px;
  border-radius: 100px;
  background-color: #0AEA8E;
}
.button_profitez8 a
{
  color: white;
}
.button_profitez8 span:hover
{
  font-weight: 800;
}

.button_profitez3
{
  text-align: center;
  font-family: 'Poppins',  sans-serif;
  padding-bottom: 60px;
  margin-top: 150px;
}

.button_profitez3 div
{
  width: 100px;
  padding: 15px 60px 15px 60px;
  border-radius: 100px;
  background-color: white;
}
.button_profitez3 a
{
  color:#0AEA8E;
}
.button_profitez3 span:hover
{
  font-weight: 800;
}



.margin_text
{
  margin-left: 10%;
  margin-right: 10%;
}

.margin_text2
{
  margin-left: 20%;
  margin-right: 10%;
}

.intro1 h2
{
  margin-top: 100px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : #0AEA8E;
  font-weight: 700;
}




#explications_fonctionnement h2
{
  margin-top: -7px;
  padding-top: 100px;
  padding-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : white;
  font-weight: 700;
}

#explications_fonctionnement #paragraphe2
{
  font-family: 'Poppins', sans-serif;
  padding-bottom: 70px;
}

.explications_fonctionnement
{
  background-color:  #0AEA8E;
  padding-bottom: 150px;
}
#explications_fonctionnement #paragraphe2 p
{
  margin-bottom: 30px;
  color : white;
}
.italic
{
  font-style: italic;
}
.gras
{
  font-weight: 700;
}
.intro1 p
{
  margin-bottom: 30px;
}
.intro1 #paragraphe
{
  font-family: 'Poppins', sans-serif;
  margin-bottom: 150px;
}
.fond100
{
  width: 100%;
  padding-top: 60px;
  background-color: #0aea8e;
}
/*# sourceMappingURL=style.css.map */

.align
{
  width: 49%;
  font-family: 'Poppins', sans-serif;
  display: inline-block;
}
.espace_button_bas
{
  padding-bottom: 150px;
}
.align_icon
{
  font-family: 'Poppins', sans-serif;
  display: inline-block;
}
.section_icon
{
  width: 15%;
}
.section_text
{
  width: 54%;
  color: white;
  text-align: left;
  margin-left: 10%;
  margin-right: 20%;
}
.section_text p
{
  margin-top: 10px;
}
.gauche
{
  text-align: left;
}
.droite
{
  text-align: right;
}
footer div img
{
  width: 30%;
}
footer div p
{
  padding-top: 10px; 
  padding-bottom: 5px; 
}
.button_fin_page
{
  background-color: #fafafa;
  width: 100%;
}
.button_fin_page h2
{
  padding-top: 100px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : #0AEA8E;
  font-weight: 700;
}

.center
{
width: 300px;
  margin: auto;
}

.button_fin_page56
{
  background-color: #FFFFFF;
  width: 100%;
}
.button_fin_page56 h2
{
  padding-top: 100px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : #0AEA8E;
  font-weight: 700;
}

.button_fin_page2
{
  background-color: #0AEA8E;
  width: 100%;
}
.button_fin_page2 h2
{
  padding-top: 100px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : white;
  font-weight: 700;
}

.button_fin_page2 p
{
  font-family: 'Poppins', sans-serif;
  color : white;
}

.button_fin_page p
{
  font-family: 'Poppins', sans-serif;
}
.button_fin_page3
{
  background-color: #0AEA8E;
  width: 100%;
}

.button_fin_page3 h2
{
  padding-top: 100px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : white;
  font-weight: 700;
}

.button_fin_page3 p
{
  font-family: 'Poppins', sans-serif;
  color : white;
}


footer
{
  margin-top: 50px;
}
footer a
{
  color: black;
}
.number_explications
{
  padding-top: 50px;
}
.ligne2 
{
  padding-top: 50px;
}
.ligne3
{
  padding-top: 50px;
}
footer a:hover
{
  font-weight: 800;
}
.rond_chiffre
{
  border-radius: 100px;
  height: 90px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 50px;
  margin-right: 150px;
  text-align: center;
  width: 90px;
  background-color: white;
  color: #0AEA8E;
}
.rond_chiffre p
{
  padding-top: 13px;
  font-size: 40px;
  font-weight: 700;
}
.text_fin
{
  color:#dbdbdb;
  font-size: 10px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  margin-top: 100px;
  margin-bottom: 40px;
}




#head_div_prez2
{
  text-align: center;
  background-color: #0AEA8E;
  padding-bottom: 200px;
  height: 230px;
}

#head_div_prez2 .image_deco
{
  width: 480px;
}

.intro2 h2
{
  margin-top: 200px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : #0AEA8E;
  font-weight: 700;
}




.intro2 p
{
  margin-bottom: 30px;

}




.intro2 #paragraphe
{
  font-family: 'Poppins', sans-serif;
  margin-bottom: 150px;

}




.intro4 h2
{
  margin-top: 400px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : #0AEA8E;
  font-weight: 700;
}




.intro4 p
{
  margin-bottom: 30px;

}




.intro4 #paragraphe
{
  font-family: 'Poppins', sans-serif;
  margin-bottom: 150px;

}



.intro_survey h2
{
  margin-top: 200px;
  margin-bottom: 50px;
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  color : #0AEA8E;
  font-weight: 700;
  text-align: center;
}




.intro_survey p
{
  margin-bottom: 30px;
  text-align: center;
}




.intro_survey #paragraphe
{
  font-family: 'Poppins', sans-serif;
  margin-bottom: 150px;
  text-align: center;
  width: 50%;
  margin: auto;
}

.salles
{
  padding-bottom: 10px;
}
.choix_salle
{
  text-align: center;
  justify-content: center;
  margin-bottom: 8%;
}
.case_choix_salle
{
  display: inline-block;
  width: 56%;
  text-align: center;
  border: 2px solid #0AEA8E;
}
.margin_left
{
  margin-right: 5%;
}
.margin_right
{
  margin-left: 5%;
}
.case_choix_salle img
{
  text-align: center;
  width: 60%;
  padding-top: 70px;
  padding-bottom: 70px;
}

.text_salle
{
  display: inline-block;
  width: 60%;
}

.image_salle
{
  display: inline-block;
  width: 39%;
  text-align: center;
  justify-content: center;
}

.image_salle2
{
  display: inline-block;
  width: 39%;
  text-align: center;
  justify-content: center;
}
.image_salle2 img
{
  width: 30%;
}
.image_salle img
{
  width: 68%;
}
.section_room
{
  margin-bottom: 200px;
}
.survey_final
{
  margin-top: 100px;
  text-align: center;
  margin-bottom: 200px;
}

.margin_back
{
  margin-top: 30px;
  margin-bottom: 100Px;
}

.image_intro
{
  width: 600px;
}

.paragraphenotif
{
  width: 200px;
}