@media (min-width: 992px){

a{
    text-decoration:none;
    color:black;}
body{
    width:100%;
    margin:0 auto;
    background-color:#F0EFEF;}
H1{
    margin:15px 0 0 7%;
    vertical-align:middle;
    text-align:center;
    font-size:130%;
    letter-spacing:0.05em;
    font-weight:bold;}
H2{
    font-size:1.7vw;
    letter-spacing:0.1em;
    font-weight:bold;}

/***   MENU HAUT   ***/
    .contact-principal{
        position:fixed;
        width:12%;
        margin-top:100px;
        padding:5px 0;
        font-size:1.2vw;}
    .contact-principal p{
        margin:0;
        padding:0;
        text-align:center;}
    .Menu_Haut{
        position:fixed;
        width:12%;
        height:100%;
        margin:auto;
        padding:50px 0 0 0;
        z-index:1000;
        background-color:white;
        border-right:2px solid #5A5A5A;
        border-radius:0 40px 40px 0/0 150px 150px 0;}
    .Menu_Haut ul{
        width:100%;
        margin:0;
        padding:0;
        text-align:center;}
    .Menu_Haut li{
        display:inline-block;
        margin:10px 0;
        width:100%;
        padding:0;
        color:black;
        text-align:center;
        letter-spacing:0.1em;}
    .Menu_Haut img{
        height:10%;
        margin:5px 0 0 0;}
    .Menu_Haut p{
        width:100%;
        margin:auto;
        font-size:1.3vw;}
            
/***   BANNNIERE   ***/
    .Banniere{
        width:93%;
        margin-left:7%;}
    .Image_Menu{
        width:100%;
        margin:0;}
        
/***   CONTENU   ***/
    .Contenu{
        margin:15px 0 0 7%;
        width:93%;}
    .cadre_accueil{
        border-radius:5px 5px 10px 10px;
        border:0;
        background-color:#D4D3D3;}
    .cadre_accueil H2{
        width:80%;
        display:inline-block;
        vertical-align:middle;
        color:#ab0000;}
    .cadre_accueil H3{
        width:100%;
        color:black;
        text-align:center;
        font-size:1,8vw;}
    .cadre_accueil img{
        display:inline-block;
        vertical-align:middle;
        width:5%;
        margin-right:3%;}
    .cadre_accueil p{
        text-align:center;
        margin-top:0;
        color:black;
        font-size:1.5vw;}
    .cadre_principal{
        width:90%;
        padding:10px;
        margin:0 0 0 7%;}
    .cadre_second{
        width:90%;
        margin:10px 0 0 7%;
        padding:10px;}
    .suivi_magasin{
        display:inline-block;
        vertical-align:middle;
        background-color:white;
        margin:10px 1.5% 20px 1.5%;
        height:300px;
        width:30%;
        border-radius:10px;}
    .suivi_magasin P{
        margin:5px 0 0 0;
        padding:3px 5%;
        width:90%;
        text-align:center;}

/***   PIED DE PAGE   ***/        
    footer{
        margin:15px 0 0 7%;
        width:93%;
        background-color:black;
        letter-spacing:0.1em;}
    .footer_entreprise{
        width:100%;
        background-color:black;
        margin-top:10px;
        padding:0 0 5px 0;
        text-align:center;
        color:white;
        font-size:0.9vw;}
    .footer_entreprise p{
        margin:0;}
    footer img{
        display:inline-block;
        vertical-align:top;
        margin:10px 1% 10px 8%;
        width:6%;}
    .footer_lien{
        display:inline-block;
        vertical-align:top;
        width:24%;
        text-align:center;
        font-size:1vw;}  
    .footer_lien a{
        padding:0;
        color:white;}        




}


    .contact-principal:hover{
        opacity:0.9;}
    .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_Icon{
	display:none;}
.Titre_Encadrement{
    position:relative;
    float:right;
    margin:-5px 0 0 0;
    width:92%;
    padding:15px;
    z-index:100;
    background-color:#AFA9A9;
    border:0;
    border-radius:0 0 0 20px;
    box-shadow:1px 2px 12px #555;}


.cadre_second li{
    margin:2px 0 5px 70px;
    padding:2px 15px;
    letter-spacing:0.05em;}









.cadre_gris_clair{
    background-color:#E6E6E6;
    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:2px 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;}



H1 br{
    display:none;}
html{
    font-size:18px;}

 


    /***   Page ACCUEIL   ***/

.citation-encadrement{
    position:relative;
    background-color:none;
    margin:25px 0 40px 10px;
    padding:0;}
.citation-encadrement blockquote{
    padding-left:25px;
    padding-bottom:15px;
    margin:0;
    font-size:140%;}
.citation-encadrement blockquote:first-letter{
    background:url(../images/left-quote.gif) no-repeat left top;
    padding-left:45px;
    font-size:1.8em;}
.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;}
.reponse img{
    display:inline-block;
    vertical-align:middle;
    height:35px;
    margin:5px 15px 5px 5px;}
.reponse li{
    margin:15px 0 5px 5px;
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:10px;
    letter-spacing:0.05em;}
.reponse_premier{
    margin:50px 0 0 530px;}
.reponse_second{
    margin:-95px 0 0 400px;}

    /***   FORMATIONS & ACCOMPAGNEMENTS   ***/
.Audit_1{
    display:inline-block;
    vertical-align:top;
    width:305px;
    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:15px;
    margin-top:20px;}
.Cadre_Coaching H2{
    color:blue;}
.Cadre_Coaching .Niveau_1 li{
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:10px;
    margin:25px 0 5px 90px;
    font-size:120%;
    letter-spacing:0.1em;
    font-weight:bold;}
.Cadre_Coaching .Niveau_2 li{
    margin:10px 0 5px 50px;
    font-size:90%;
    font-weight:normal;
    letter-spacing:0;
    list-style:disc;}
.Cadre_Coaching .Niveau_3 li{
    margin-left:70px;
    font-size:90%;
    letter-spacing:0;}
.Cadre_Formation{
    padding:15px;
    margin-top:20px;}
.Cadre_Formation H2{
    color:blue;}
.Cadre_Formation ul{
    margin:0;
    padding:0;}
.cadre_principal blockquote{
    text-align:center;
    font-size:150%;
    font-weight:bold;
    margin:10px 0 0 0;}
.Cadre_Prix{
    float:right;
    border-radius:5px;
    margin:-30px 35px 0 0;
    padding:8px 20px;
    background-color:#848484;
    color:white;
    text-align:center;}
.Cadre_Prix p{
    margin:0;
    padding:0;}
.Cadre_Prix p:nth-of-type(1){
    font-size:200%;}
.Cadre_Prix p:nth-of-type(2){
    font-size:80%;}
.Cadre_Prix p:nth-of-type(3){
    font-size:260%;}
.Cadre_Prix span{
    font-size:30%;
    margin-left:-10px;}
.Cadre_Prix sup{
    font-size:50%;}
.Cadre_Satisfaction{
    float:left;
    border-radius:5px;
    margin:-170px 0 0 30px;
    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:150%;}
.Cadre_Satisfaction p:nth-of-type(3){
    font-size:400%;}
.Cadre_Satisfaction span{
    font-size:30%;}
.Image_Datadock{
    float:right;
    width:70px;
    margin:-170px 50px 0 0;
    border-radius:10px;}
.Resultat_1{
  margin-left:50px;
  font-weight:bold;}
.Resultat_2{
  margin-top:10px;
  margin-left:200px;
  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:10px;
    font-size:120%;
    letter-spacing:0.05em;
    font-weight:bold;}
.Theme_1 > li:nth-of-type(1){
    margin-left:80px;}
.Theme_1 > li:nth-of-type(2){
    margin-top:30px;
    margin-left:310px;}
.Theme_1 > li:nth-of-type(3){
    margin-top:30px;
    margin-left:340px;}
.Theme_1 > li:nth-of-type(4){
    margin-top:30px;
    margin-left:470px;}
.Theme_2 > li{
    padding:5px 20px 5px 0;
    margin-left:50px;
    font-size:80%;
    font-weight:normal;
    letter-spacing:0;
    list-style:disc;
    cursor:pointer;}

    /***   PROGRAMME FORMATION & PARCOURS   ***/
.Colonne_Formation{
    display:inline-block;
    vertical-align:top;
    width:748px;
    margin:20px 2px 0 0;}
.Colonne_Formation .cadre_gris{
    margin-bottom:15px;
    padding:10px 0;}
.Colonne_Informations{
    display:inline-block;
    vertical-align:top;
    width:318px;
    margin:20px 0 0 2px;}  
.Formation{
    margin:0;
    padding:5px;
    color:#6E6E6E;}
.Formation ul{
    margin:5px 5px 5px 20px;
    padding:0;}
.Formation li{
    margin:2px 0;
    Font-size:90%;
    cursor:pointer;}
.Image_Datadock_2{
    display:inline-block;
    vertical-align:top;
    width:47px;
    margin:0 4px;
    border-radius:10px;}
.Objectif_1{
    margin:0 5px;
    font-weight:normal;
    font-size:80%;}
.Objectif_2{
    margin:0 5px;
    font-size:80%;}
.Offre_Formation_1{
    margin:0;}
.Offre_Formation_1 > li{
    list-style-image:url(../images/bulle_12x12.png);
    padding-left:5px;
    font-size:120%;
    letter-spacing:0.05em;
    font-weight:bold;}
.Offre_Formation_1 > li > span{
    font-size:60%;
    font-weight:normal;}
.Offre_Formation_2{
    margin:5px 0 0 0;}
.Offre_Formation_2 > li{
    padding-left:10px;
    font-size:80%;
    letter-spacing:0.05em;
    font-weight:normal;
    list-style:disc;}
.Offre_Formation_3{
    margin:0 0 5px 0;}
.Offre_Formation_3 > li{
    padding-left:10px;
    font-size:100%;
    letter-spacing:0.05em;
    font-weight:normal;
    list-style:square;}
.Modalite{
    margin:0 0 5px 0;
    padding:10px;
    font-size:90%;
    color:white;}
.Modalite .Diff_Fonction{
    margin:2px 0 2px 20px;
    padding:0;}
.Modalite .Fonction{
    margin:0;
    padding:0;}
.Modalite > p{
    margin:0 0 5px 0;
    padding:0;
    font-size:90%;
    color:white;}
.Parcours p{
    margin:10px 0 0 450px;
    font-size:80%;}
.Renseignement{
    display:inline-block;
    vertical-align:top;
    margin:0 0 5px 0;
    color:black;
    text-align:center;
    cursor:pointer;}
.Renseignement p{
    margin:0;
    padding:15px 55px;}
.Tarif{
    margin:-20px 0 0 90px;
    width:200px;}
.Tarif p{
    margin:0;
    font-size:100%;}
.Tarif span{
    font-size:150%;}
.Tarif sup{
    font-size:40%;
    margin-left:5px;}

    /***   PAGE PARTENAIRES et CONTACT   ***/
.Contactez_Nous H2{
    padding:65px 0 0 20px;
    color:blue;}
.Contactez_Nous H3{
    margin:10px 0 5px 50px;}
.Contactez_Nous div{
    display:inline-block;
    vertical-align:top;
    margin:20px 0 0 0;
    padding:0 0 0 30px;
    width:500px;}
.Contactez_Nous div img{
    margin:20px 125px 0 125px;
    padding:0;
    width:250px;}
.Contactez_Nous div:first-of-type p{
    display:inline-block;
    vertical-align:middle;
    width:200px;
    margin:6px 0;}
.Contactez_Nous div:nth-of-type(2) p{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    width:400px;
    margin:6px 50px;}
.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 200px 25px 100px;}
.Contactez_Nous sup{
    color:red;}
.Contactez_Nous input{
    display:inline-block;
    vertical-align:middle;
    width:200px;
    margin:0 80px 0 0;
    padding:2px 5px;
    border-radius:10px;}
.Contactez_Nous input:nth-of-type(n+7){
    width:26px;
    margin:0 3px 0 0;
    text-align:center;}
.Contactez_Nous input:nth-of-type(n+11){
    width:26px;
    margin:0 80px 0 0;}
.Contactez_Nous textarea{
    display:inline-block;
    vertical-align:middle;
    width:350px;
    height:80px;
    margin:5px 100px 0 50px;
    padding:2px 5px;
    border-radius:10px;
    border:2px inset #E6E6E6;
    resize:none;}
.imageformation{
    width:100%;
    margin:0;}
.Img_1{
    display:inline_block;
    vertical-align:middle;
    width:250px;
    margin:20px 110px 50px 110px;}
.Img_2{
    display:inline_block;
    vertical-align:middle;
    width:190px;
    margin:20px 140px 50px 140px;}

    /***   PAGE QCM   ***/
.domaine_qcm{
    position:relative;
    z-index:0;
    width:800px;
    margin:-10px 0 0 30px;
    padding-bottom:5px;}
.domaine_qcm H2{
    padding-top:20px;
    color:blue;}
.domaine_qcm li{
    margin:10px 0 15px 80px;
    padding-left:20px;
    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:90%;
    letter-spacing:0em;
    font-weight:normal;
    color:black;}
.principe_qcm{
    position:relative;
    width:420px;
    margin:-190px 0 80px 620px;
    padding:15px;
    z-index:10;}
.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:100px;}
.principe_qcm li{
    margin-top:10px;
    letter-spacing:0.05em;
    font-weight:normal;
    color:white;
    font-size:100%;}

#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%;}