a{
    text-decoration:none;
    color:white;}
body{
    margin:0;
    padding:0;
    background-color:#F0EFEF;
    width:100%;}
.cadre_gris{
    background-color:#D4D3D3;
    border:0;
    border-radius:5px 5px 10px 10px;
    box-shadow: 1px 1px 12px #555;}
.cadre_gris_fonce{
    background-color:#424242;
    border:0;
    border-radius:5px 5px 10px 10px;
    box-shadow: 1px 1px 12px #555;}
.cadre_noir{
    position:relative;
    z-index:0;
    background-color:#343434;
    border:1px solid #FB7201;
    border-radius:5px 5px 10px 10px;
    box-shadow: 1px 1px 12px #555;
    color:white;}
.cadre_orange{
    background-color:#F78181;
    border:0;
    border-radius:5px 5px 10px 10px;
    box-shadow: 1px 1px 12px #555;}
.cadre_principal{
    position:relative;
    z-index:1;
    padding:5px;
    margin-top:50px;}
.cadre_principal H2{
    margin-top:15px;
    color:blue;}
.cadre_principal p{
    text-indent:2em;
    margin:2px 10px 0 10px;
    color:black;
    text-align:justify;
    font-size:100%;}
.centrage_fenetre{
  width:100%;}
H1{
    margin:0;
    vertical-align:middle;
    text-align:center;
    font-size:105%;
    font-weight:bold;}
H2{
    margin:5px 0 15px 0;
    font-size:110%;
    letter-spacing:0.1em;
    font-weight:bold;}
html{
    font-size:100%;}
    
    /***   CADRE CONTACT SITE   ***/
.contact-principal{
    width:170px;
    z-index:100;
    background-color:#8D8C8C;
    opacity:0.9;
    border:2px solid #5A5A5A;
    border-left:0;
    border-radius:0 25px 25px 0;
    margin:40px 0 0 0;
    padding:5px 0 5px 5px;
    font-size:90%;}
.contact-principal:hover{
    opacity:0.9;}
.contact-principal p{
    margin:0;
    padding:0 0 0 10px;}
.contact-principal img{
    margin-top:10px;
    padding:0 0 0 70px;
    width:22px;}
.contact-principal img:hover{
    margin-top:2px;
    padding:0 0 0 65px;
    width:30px;}  

    /***   MENU HAUT   ***/
.Image_Menu{
    width:100%;
    margin:0;}
#Menu_Icon{
	position:fixed;
    border-radius:40px;
    margin:7px 0 0 10px;
    padding:0;
    width:50px;
	height:50px;
	background: red url(../images/Bouton_Menu.png) no-repeat 5px 5px;
    z-index:1000;}
nav ul, nav:active ul { 
    display:none;
	position:fixed;
	padding:0;
	background: #fff;
	border:0;
	left:20px;
	top:0;
	width:220px;
	border-radius: 20px 4px 4px 4px;
    z-index:100;}
nav li {
	text-align:center;
	width:100%;
    padding:5px 0;
	margin:0 0 0 45px;
    z-index:1000;
    text-align:left;
    list-style:none;}
nav li img{
	display:inline-block;
    margin:0 5px}
nav li p{
	display:inline-block;
    margin:0;
    padding:0;
    width:138px;}
nav:hover ul {
	display: block;
    background-color:#6E6E6E;}
.Titre_Encadrement{
    position:relative;
    float:right;
    margin:-5px 0 0 0;
    width:92%;
    padding:15px;
    z-index:2;
    background-color:#AFA9A9;
    border:0;
    border-radius:0 0 0 20px;
    box-shadow:1px 2px 12px #555;}

    /***   Page ACCUEIL   ***/
.cadre_second{
    position:relative;
    z-index:0;
    margin:0 0 0 15px;
    padding:5px 15px 15px 15px;}
.cadre_second H2{
    color:blue;
    margin-top:0;}
.cadre_second p{
    margin:2px 0 0 5px;}
.cadre_second p:nth-child(3){
    margin-left:15px;}
.cadre_second p:nth-child(4){
    margin-left:25px;}
.cadre_second p:nth-child(5){
    margin-left:35px}
.citation-encadrement{
    position:relative;
    background-color:none;
    margin:25px 0 20px 0;
    padding:0;}
.citation-encadrement blockquote{
    padding-left:15px;
    padding-bottom:15px;
    margin:0;
    font-size:100%;}
.citation-encadrement blockquote:first-letter{
    background:url(../images/left-quote.gif) no-repeat left top;
    padding-left:25px;
    font-size:140%;}
.citation-encadrement blockquote span{
    background:url(../images/right-quote.gif) no-repeat right top;
    width:70%;
    padding-right:25px;
    text-align:right;}
.reponse{
    padding:5px;}
.reponse H2{
    display:inline-block;
    vertical-align:middle;
    font-size:110%;
    margin-left:10px;}
.reponse img{
    display:none;}
.reponse li{
    margin:15px 0 5px 0px;
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:10px;
    letter-spacing:0.05em;}
.reponse_premier{
    margin:0 0 0 30px;}
.reponse_second{
    margin:0 0 0 30px;}

        /***   FORMATIONS & ACCOMPAGNEMENTS   ***/
.Audit_1{
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin:0;
    font-weight:bold;}
.Audit_2{
    margin-top:10px;
    list-style-image:url(../images/bulle_12x12.png);
    font-weight:normal;
    letter-spacing:0;}
.Audit_2 > li{
    margin-top:5px;}
.Cadre_Coaching{
    padding:10px;
    margin-top:15px;}
.Cadre_Coaching H2{
    color:blue;
    margin:0;
    letter-spacing:0;}
.Cadre_Coaching ul{
    margin:0;
    padding:0;}
.Cadre_Formation{
    padding:10px;
    margin-top:15px;}
.Cadre_Formation H2{
    color:blue;
    margin-top:0;}
.Cadre_Formation ul{
    margin:0;
    padding:0;}
.cadre_principal blockquote{
    text-align:center;
    font-size:120%;
    font-weight:bold;
    margin:10px 0 0 0;}
.Cadre_Prix{
    float:right;
    border-radius:5px;
    margin:0px 5px 0 0;
    padding:8px 10px;
    background-color:#848484;
    color:white;
    text-align:center;}
#Cadre_Prix{
    margin:55px 5px 0 0;}
.Cadre_Prix p{
    margin:0;
    padding:0;}
.Cadre_Prix p:nth-of-type(1){
    font-size:150%;}
.Cadre_Prix p:nth-of-type(2){
    font-size:80%;}
.Cadre_Prix p:nth-of-type(3){
    font-size:190%;}
.Cadre_Prix span{
    font-size:30%;
    margin-left:-10px;}
.Cadre_Prix sup{
    font-size:50%;}
.Cadre_Satisfaction{
    display:none;
    float:left;
    border-radius:5px;
    margin:-120px 0 0 280px;
    padding:8px 20px;
    background-color:#848484;
    color:white;
    text-align:center;}
.Cadre_Satisfaction p{
    margin:0;
    padding:0;}
.Cadre_Satisfaction p:nth-of-type(2){
    font-size:120%;}
.Cadre_Satisfaction p:nth-of-type(3){
    font-size:300%;}
.Cadre_Satisfaction span{
    font-size:30%;}
.Niveau_1 > li{
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:5px;
    margin:15px 0 0 20px;
    font-size:110%;
    letter-spacing:0em;
    font-weight:bold;}
.Niveau_2 > li{
    padding:0 20px 0 0;
    margin:5px 0 0 10px;
    font-size:90%;
    font-weight:normal;
    letter-spacing:0;
    list-style:disc;}
.Niveau_3 > li{
    padding:5px 20px 5px 0;
    margin:0 0 0 10px;
    font-size:90%;
    font-weight:normal;
    letter-spacing:0;
    list-style:disc;}
.Image_Datadock{
    display:none;
    float:right;
    width:70px;
    margin:-300px 10px 0 0;
    border-radius:10px;}
#Image_Datadock{
    display:none;}
.Resultat_1{
  margin-left:0;
  font-weight:bold;}
.Resultat_2{
  margin-top:10px;
  margin-left:0;
  font-size:100%;
  list-style-image:url(../images/bulle_12x12.png);
  font-weight:normal;
  letter-spacing:0;}
.Resultat_2 > li{
  margin-top:5px;}
.Theme_1 > li{
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:5px;
    font-size:110%;
    letter-spacing:0em;
    font-weight:bold;}
.Theme_1 > li:nth-of-type(1){
    margin-left:20px;}
.Theme_1 > li:nth-of-type(2){
    margin-top:15px;
    margin-left:40px;}
.Theme_1 > li:nth-of-type(3){
    margin-top:20px;
    margin-left:60px;}
.Theme_1 > li:nth-of-type(4){
    margin-top:20px;
    margin-left:80px;}
.Theme_2 > li{
    padding:5px 20px 5px 0;
    margin-left:20px;
    font-size:80%;
    font-weight:normal;
    letter-spacing:0;
    list-style:disc;
    cursor:pointer;}

    /***   PROGRAMME FORMATION & PARCOURS  ***/
.Colonne_Formation{
    margin-top:50px;}
.Colonne_Formation .cadre_gris{
    margin-bottom:15px;
    padding:10px 0;}
.Colonne_Informations{
    margin-top:15px;}  
.Formation{
    display:none;}
.Image_Datadock_2{
    display:inline-block;
    vertical-align:top;
    width:40px;
    margin:5px 0 0 5px;
    border-radius:10px;}
.Modalite{
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin:2px 0;
    padding:5px;
    font-size:90%;
    color:white;}
.Modalite .Diff_Fonction{
    margin:2px 0 2px 20px;
    padding:0;}
.Modalite .Fonction{
    margin:0;
    padding:0;}
.Parcours p{
    margin:10px 0 0 150px;
    font-size:90%;}
.Objectif_1{
    margin:0 5px;
    font-weight:normal;
    font-size:90%;}
.Objectif_2{
    margin:0 5px;
    font-size:100%;}
.Offre_Formation_1{
    margin:0;}
.Offre_Formation_1 > li{
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:0;
    font-size:100%;
    letter-spacing:0.05em;
    font-weight:bold;}
.Offre_Formation_1 > li > span{
    font-size:70%;
    font-weight:normal;}
.Offre_Formation_2{
    margin:5px 0 0 0;
    padding:0;}
.Offre_Formation_2 > li{
    margin:0 0 0 10px;
    padding-left:5px;
    letter-spacing:0;
    font-weight:normal;
    list-style:disc;}
.Offre_Formation_3{
    margin:0 0 5px 0;
    padding:0;}
.Offre_Formation_3 > li{
    margin:0 0 0 20px;
    padding-left:0;
    font-size:100%;
    letter-spacing:0em;
    font-weight:normal;
    list-style:square;}
.Renseignement{
    margin:-40px 3% 35px 12%;
    width:85%;
    color:black;
    text-align:center;
    cursor:pointer;}
.Renseignement p{
    margin:0;
    padding:10px 5px;
    font-size:100%;}
.Tarif{
    margin:-20px 0 0 50px;
    width:165px;}
.Tarif p{
    margin:0;
    font-size:100%;}
.Tarif p:last-child{
    margin:0;
    padding-right:5px;
    font-size:80%;
    text-align:right;}
.Tarif span{
    font-size:190%;}
.Tarif sup{
    font-size:60%;}
    
    /***   PAGE PARTENAIRES et CONTACT   ***/
.Contactez_Nous{
    padding:15px;
    margin-top:35px;}
.Contactez_Nous H2{
    color:blue;}
.Contactez_Nous H3{
    margin:10px 0 5px 10px;}
.Contactez_Nous div{
    margin:20px 0 0 20px;}
.Contactez_Nous div img{
    margin:20px 30% 0 30%;
    padding:0;
    width:250px;}
.Contactez_Nous div:first-of-type p{
    display:inline-block;
    vertical-align:middle;
    width:170px;
    margin:6px 0;}
.Contactez_Nous div:nth-of-type(2) p{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    width:350px;
    margin:6px 23%;}
.Contactez_Nous div:first-of-type p:nth-of-type(9n){
    margin:10px 200px 6px 300px;
    font-size:90%;}
.Contactez_Nous div:first-of-type p:nth-of-type(10n){
    margin:10px 100px 25px 100px;}
.Contactez_Nous sup{
    color:red;}
.Contactez_Nous input{
    display:inline-block;
    vertical-align:middle;
    width:200px;
    margin:0 175px 0 0;
    padding:2px 5px;
    border-radius:10px;}
.Contactez_Nous input:nth-of-type(n+7){
    width:26px;
    margin:0 4px 0 0;
    text-align:center;}
.Contactez_Nous input:nth-of-type(n+11){
    width:26px;
    margin:0 175px 0 0;
    text-align:center;}
@media (max-width:630px){
    .Contactez_Nous input{
        display:inline-block;
        vertical-align:middle;
        width:200px;
        margin:0 10px 0 0;
        padding:2px 5px;
        border-radius:10px;}
    .Contactez_Nous input:nth-of-type(n+11){
        width:26px;
        margin:0 10px 0 0;
        text-align:center;}

}

.Contactez_Nous textarea{
    display:inline-block;
    vertical-align:middle;
    width:200px;
    height:120px;
    margin:5px 0 0 0;
    padding:2px 5px;
    border-radius:10px;
    border:2px inset #E6E6E6;
    resize:none;}
.Img_1{
    display:inline_block;
    vertical-align:middle;
    width:170px;
    margin:20px 30px 30px 30px;}
.Img_2{
    display:inline_block;
    vertical-align:middle;
    width:140px;
    margin:20px 40px 30px 40px;}

    /***   PAGE QCM   ***/
.domaine_qcm{
    position:relative;
    z-index:0;
    margin:-10px 0 0 0;
    padding-bottom:5px;}
.domaine_qcm H2{
    padding:20px 15px 0 5px;
    color:blue;}
.domaine_qcm li{
    margin:10px 0 15px 30px;
    padding-left:10px;
    letter-spacing:0.2em;
    font-weight:bold;
    color:black;
    cursor:pointer;
    list-style-image:url(../images/bulle_12x12.png);}
.domaine_qcm li span{
    font-size:80%;
    letter-spacing:0em;
    font-weight:normal;
    color:black;}
.principe_qcm{
    margin:0 0 80px 10px;
    padding:15px;}
.principe_qcm H2{
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
    letter-spacing:0.05em;
    font-weight:normal;
    color:white;}
.principe_qcm img{
    display:inline-block;
    vertical-align:middle;
    width:70px;}
.principe_qcm li{
    margin-top:10px;
    letter-spacing:0em;
    font-weight:normal;
    color:white;
    font-size:90%;}
#box_qcm_first p{
  font-size:130%;
  font-weight:bold;
  letter-spacing:0.2em;}  
#box_qcm_first li{
  list-style:none;
  margin-top:10px;
  letter-spacing:0.1em;
  font-weight:normal;
  color:black;
  font-size:100%;}
#box_qcm_question p{
  font-size:120%;
  font-weight:bold;
  letter-spacing:0.1em;
  text-align:left;
  margin:10px 50px;}  
#box_qcm_question li{
  list-style:none;
  margin-top:15px;
  margin-left:100px;
  text-align:left;
  letter-spacing:0.1em;
  font-weight:normal;
  color:black;
  font-size:100%;}
#box_qcm_last input{
  border-radius:10px;
  color:black;
  font-size:100%;
  width:350px;
  padding:2px 5px;}
#box_qcm_last textarea{
  border-radius:10px;
  color:black;
  font-size:100%;
  width:350px;
  border:2px inset #E6E6E6;
  padding:2px 5px;}
#box_qcm_last td:first-child{
  width:120px;
  padding-left:50px;
  color:black;
  font-size:100%;}

    /***   PIED DE SITE   ***/
.centrage_fenetre_2{
    margin:auto;
    width:100%;}
footer{
    margin:30px 0 0 0;
    width:100%;
    background-color:black;}
footer img{
    display:inline-block;
    vertical-align:top;
    margin:10px;
    height:40px;}
.footer_entreprise{
    height:70px;
    width:100%;
    background-color:black;
    margin:0;
    padding:0 0 5px 0;
    text-align:center;
    color:white;
    font-size:13px;}
.footer_entreprise p{
    margin:3px 0 0 0;}
.footer_lien{
    display:inline-block;
    vertical-align:top;
    width:130px;
    height:60px;
    padding-top:0;
    font-size:18px;}    
.footer_lien a{
    margin:auto;
    padding:5px 0 0 0;
    color:white;}