/* HEADER HEADER HEADER */
    body {
        margin: 0%;
        padding: 0%;
    }
    .entete{
        background:#110049;
        width: 100%;
        margin-bottom: 0%;
        display: grid;
        grid-template-columns: 20% 80%;
        }
        .divilogo{
            display: flex;
            justify-content: center;
            align-items: center;
            }
            .logo{
                width: 40%; 
                box-shadow: 3px 3px 5px rgb(217, 255, 0);
                border-radius: 25px;
                }
        .divgrdtitre{
            margin-left: -12.5%;
        }
            .uscm{
                font-family: Cooper Black;
                color: rgb(247, 251, 253);
                letter-spacing: 100%;
                text-shadow: 7px 7px 2px rgb(208, 46, 46);
                text-align: center;
                font-size: 600%;
                margin: 0%;
                }
            .univesacro{
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 260%;
                margin: 0%;
                color: rgb(251, 255, 0);
                letter-spacing: 2px;
                text-shadow: 3px 2px 0px rgb(172, 172, 172);
                }

    .lesmenus{
        width: 100%;
        background-color: rgb(0, 0, 0);
        }
    .limenu{
        margin: 0 auto;
        display: inline-block;
        background-color: rgb(0, 0, 0);
        padding: 0.5%;
        margin: 0.3%;
        color: white;
        text-shadow: 2px 2px 1px black;
        letter-spacing: 1px;
        font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        text-align: center;
        transition: 1s;
        }
        .limenu:hover{
            box-shadow: 0px 0px 2px rgb(205, 107, 50);
            background-color: rgb(97, 97, 112);
            color: yellow;
            font-size: 120%;
        }
        .navAmenuobjectif{
            width: 90%;
            margin: 0 auto;
            background-image: url("image/uscm.jpg");
            background-repeat: no-repeat;
            background-size: 100%;
            display: table;
            }
            .fieldobjectif{
                 border-style: none;
                 background-color: rgba(0, 0, 255, 0.72);
                 width: 96%;
                 margin-top: 38%;
                 margin-bottom: 1.5%;
                 padding: 0% 2%;
                 padding-bottom: 0.5%;
                 transition: 1s;
                box-shadow: 3px 15px 1px rgb(2, 0, 58);                 
            }
           
            .fieldobjectif p{
                font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 100%;
                font-style: italic;
                text-align: justify;
                color:rgb(251, 255, 25);
                    }
                .fieldobjectif a{
                    text-decoration: none;
                    }
                    .fieldobjectif a:hover{
                        color: rgb(255, 255, 176);
                        text-decoration: underline;
                        font-size: 110%;
                        }
                        .fieldobjectif:hover{
                           background-color:#110049;
                            }
                .legendobjectif{
                    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, Verdana, Geneva, Tahoma, sans-serif;
                    font-style: italic;
                    text-align: center;
                    font-size: 120%;
                    color: rgb(255, 255, 255);
                    text-shadow: 3px 2px 1px black;
                    }
    /* NAVDIVB */
.navdivB{
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: cornflowerblue;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    }
    .divdapropo{
          background-color: rgb(216, 205, 171);
          width: 90%;
          margin: 0 auto;
        }
        .titrelegendapropo{
            margin: 0 auto;
            padding: 1%;
            background-color: rgb(106, 0, 83);
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, Verdana, Geneva, Tahoma, sans-serif;
            font-size: 100%;
            color: blanchedalmond;
            font-style: italic;
            text-align: center;
            font-weight: bold;
            }
            .divdapropo li{
                margin: 0 auto;
                list-style-type: none;
                display: inline-block;
                width: 95%;
                padding: 1%;
                margin-left: -7%;
                border: solid;
                border-color: rgb(216, 205, 171);
                background-color: rgba(57, 57, 69, 0.946);
                font-family:Arial, Helvetica, sans-serif;
                font-size: 100%;
                color: rgb(251, 237, 183);
                font-weight: bold;
                transition: 0.7s;
              
              }
              .divdapropo li:hover{
                    box-shadow:0px 0px 8px  rgb(12, 2, 151);
                    color: rgb(255, 255, 73);
                    background-color: rgb(87, 40, 149);
                    border-color: rgb(255, 153, 0);
                    font-size: 120%;
                    }
       
    .divimagedumil{
        background-color: aliceblue;
        border-style: none;
        margin: 2% 0%;
        box-shadow: 3px 6px 2px  black; 
        display: flex;
        justify-content: center;
        align-items: center;
        }
        .imagemil{
            width: 100%;
            }
 /* DIVI DE PUBLICATION INFO COMMUNIQUE RESULTAT  */
.divinfoacad{
        background-color: rgb(21, 0, 41); 
        width: 100%;
        border: none;
        border-top: solid 15px rgb(225, 238, 237);
        border-bottom: solid 15px  rgb(225, 238, 237);
        display: table;
        padding-top: 10px;
        text-align: center;
        }
        .divinfoacad li{
            display: inline-block;
            background-color: rgb(10, 85, 85);
            padding: 0.5%;
            margin: 0.5% 0.5%;
            box-shadow: 3px 3px 3px rgb(0, 0, 0);
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            font-size: 100%;
            font-weight: bold;
            color: blanchedalmond;
            text-shadow: 3px 3px 2px rgb(11, 11, 15);
            transition: 1s;
            }
            .divinfoacad li:hover{
                box-shadow: 3px 3px 7px rgb(255, 247, 0);
                color: rgb(240, 183, 98);
                background-color:rgb(5, 117, 117);
                font-size: 115%;
                }
/* GRAND DIVI DE ALAUNE */
.navdivC{
    width: 100%;
    padding: 1% 0%;
    background-color: rgb(146, 150, 167);
    display: grid;
    grid-template-columns: 25% 50% 25%;
        }
    .fieldpouretud{
        border: solid;
        border-color: rgb(128, 112, 112);
        background-color: beige;
        }
        .fieldpouretud a{
            text-decoration: none;
            }
        .legenpouretud{
            font-size: 100%;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            color: rgb(16, 16, 97);
            text-align: center;
            }
            .navdivC li{
                text-decoration: none;
                width: 110%;
                padding-left: 5%;
                margin-left: -17%;
                list-style-type: none;
                background-color: rgb(117, 184, 191);
                border: solid;
                border-color: beige;
                font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                font-weight: bold;
                color: rgb(7, 0, 53);
                transition: 0.5s;
                }
                .navdivC li:hover{
                    box-shadow: 0px 0px 5px rgb(6, 7, 82);
                    color: rgb(0, 0, 113);
                    background-color: rgb(247, 247, 250);
                    font-size: 120%;
                    }
    .divlaune{
        width: 100% ;
        background-color: beige;
        border-style: none;
        box-shadow: 3px 3px 2px  black;
        }
        .divlauneh1{
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            color: rgb(186, 250, 11);
            background-color: rgb(133, 174, 251);
            width: 100%;
            font-size: 250%;
            text-align: center;
            letter-spacing: 7%;
            text-shadow: 2px 2px 2px rgb(11, 11, 15);
            box-shadow: 0px 8px 0px rgb(174, 0, 0);
            margin-top: 1%;
            }
        .divpublaune{
            display: inline-block;
            background-color: rgb(220, 218, 237) ;
            border-radius: 5px;
            box-shadow: 3px 3px 2px rgb(3, 3, 56);
            margin: 1.5%;
            padding: 1.5%;
            }
            .divpublaune:hover{
                box-shadow: 0px 0px 16px rgb(246, 255, 0);
                background-color: rgb(196, 192, 226) ;
                }
            .divpublaune h1{
                font-family:  'Segoe UI', 'Open Sans', 'Helvetica Neue', sans-serif;
                color: rgb(211, 246, 113);
                background-color: rgb(0, 56, 159);
                width: 100%;
                font-size: 110%;
                font-weight: bolder;
                text-align: center;
                letter-spacing: 10%;
                text-shadow: 1px 1px 1px rgb(11, 11, 15);
                }
            .divpublaune p{
                font-family:  'Segoe UI', 'Open Sans', 'Helvetica Neue', sans-serif;
                font-size: 16px;
                color: rgb(7, 0, 47);
                text-align: justify;
                margin-top: 0.2%;
            }
/*  <!-- DIV DE TEMOIGNAGES DES ANCIENS --> */
.temoignh1{
    background-color: gray;
    font-family: Cooper Black;
    font-size: 200%;
    color: rgb(248, 222, 182);
    text-align: center;
    letter-spacing: 10%;
    text-shadow: 2px 2px 2px rgb(11, 11, 15);
    }     
.navdivD{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-image: url("image/backgroundcommun.jpg");
    background-size: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    }
    .navdivD a{
        text-decoration: none;
        }
    .divtemoignage{
        width: 95%;
        border-radius: 5px;
        background-color: rgb(167, 209, 211);
        margin: 0 auto;
        transition: 1s;
        }
        .divtemoignage:hover{
            box-shadow: 0px 0px 10px rgb(3, 3, 78);
            background-color:  rgb(0, 127, 131);
            height: 100%;
            }
            
        .imagetoutemoignage{
            float: left;
            margin: 2%;
            width: 15%;
            border-radius: 50%;
            }
        .nomtoutemoignage{
            background-color: unset;
            width: unset;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
            color: rgb(255, 253, 187);
            text-shadow: 2px 2px 1px rgb(11, 11, 15);
            }
        .divtemoignage p{
            font-family:Arial, Helvetica, sans-serif;
            font-size: 15px;
            color: rgb(13, 2, 44);
            text-align: justify;
            font-style: italic;
            }      
 /* FOOTER */
 .divpied_des_pages{
    background-color: rgba(5, 6, 30, 0.939);
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 2%;
    margin-bottom: 0%;
    padding-bottom: 4%;
    }
    .noussuivre{
        width: 75%;
        margin-left: 25%;
        margin-top: 2%;
        }
        .noussuivre h1{
            text-align:left;
            text-shadow: 1px 1px 0px rgb(112, 0, 0); 
            color: rgb(255, 162, 0);
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
            font-weight: bolder;
            font-size: 140%;
            font-weight: bolder;
            letter-spacing: normal;
            margin-left: 8%;
            text-decoration: underline;
                }
            .fotvoiraussi{
                margin-top: 25%;
                margin-left: 30%;
                width: 200%;
                text-align:left;
                text-shadow: 1px 1px 0px rgb(112, 0, 0); 
                color: rgb(255, 162, 0);
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-weight: bolder;
                font-size: 140%;
                font-weight: bolder;
                letter-spacing: normal;
                text-decoration: underline;
                }
            #fb,  #lk,  #tw,  #yt{
            float: left;
            display: block;
            width: 30px;
            height: 30px;
            margin-left: 4%;
            margin-top: 2%;
            transition: 1s;
            }
            #fb{
            background-image: url("image/LOGORXSOCIAU.jpg");
            background-position: 0px 0px;
            }
            #yt,#tw,#lk,#fb{
                border-radius: 50px;
                }
                #yt:hover,  #tw:hover,  #lk:hover,  #fb:hover{
                    box-shadow: 0px 0px 20px rgb(255, 221, 0);
                    border-radius: 50px;
                    }
            #lk{
            background-image: url("image/LOGORXSOCIAU.jpg");
            background-position: -30px 0px;
            left: 40px;
            }
        
            #tw{
            background: url("image/LOGORXSOCIAU.jpg") 0px -30px;
            left: 80px;
            }
         #yt{
            background: url("image/LOGORXSOCIAU.jpg") -30px -30px;
            left: 120px;
            }
    .autre{
        float: left;
        width: 17%;
        }
        .autre li{
            width: 500%;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            list-style-type: none;
            text-align: left;
            font-weight: bolder;
            font-style: italic;
            font-size: 100%;
            color: rgb(255, 167, 36);
            text-shadow: 2px 2px 0px black;
            transition: 1s;
            }
            .autre li:hover{
                color: rgb(255, 250, 178);
                text-shadow: none;
                font-size: 110%;
            }
            .autre a{
                text-decoration: none;
                }
    .auteur{
        font-size: 60%;
        text-align: center;
        font-style: italic;
        padding: 0.3% 0%;
        margin: 0%;
        width: 100%;
        color: lemonchiffon;
        background-color: rgb(0, 0, 0);
        }

/* MENU PRINCIPEAU */
.enteteprinciF{
    width: 100%;
    position: fixed;
    display: block;
    background-color: rgb(0, 169, 163);
}
.enteteprinci{
    padding: 1% 0%;
    width: 100%;
    display: grid;
    background-color:  rgb(66, 51, 34);
    grid-template-columns: 10% 90%;
    }
    .logosmol{
        display: flex;
        justify-content: center;
        align-items: center;
        }
        .logosmol img{
            width: 50%;
            box-shadow: 3px 3px 2px black;
            }
    
        .diuscmsmol{
            margin-left: -10%;
            line-height: 60%;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-weight: bolder;
            font-size: 100%;
            color: rgb(255, 255, 131);
            text-align: center;
            text-shadow: 5px 5px 1px rgb(0, 0, 46);
            }
            .diuscmsmol h3{
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                font-size: 140%;
            }
.dividoublemgA{
    display: block;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 49% 49%;
    }
.dividoublemg{
    width: 99%;
    display: block;
    padding: 2% 2.5%;
    }
    .dividoublemg img{
        margin: 0%;
        width: 100%;
        box-shadow: 5px 5px 3px rgb(3, 3, 66);
        }
        
    .imagedansletextebis, .imagedansletextetres{
        display: table;
        margin: 0% auto;
        width: 100%;
        box-shadow: 7px 7px 3px rgb(6, 6, 32);
        }
        .imagedansletextetres{
            width: 25%;
            border-radius: 50%;
        }
        .imagedansletextebis img{
            width: 100%;
            }
.sectioimageprinci{
    margin: 0% ;
    display: block;
   
}
.menuunivers{
    margin: 0 auto;
    padding: 0.3% 3%;
    box-shadow:none;
    width: 87%;
    padding-top: 10%;
    background-color: rgb(224, 224, 224);
    }
    .menuunivers h1{
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 140%;
        margin-top: 0%;
        text-align: center;
        color: rgb(43, 19, 65);
        }
        .menuunivers h2{
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            font-size: 110%;
            margin-left: 10%;
            text-align: left;
            color: rgb(43, 19, 65);
            }
            .menuunivers p{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 120%;
                text-align: justify;
                line-height: 200%;
                }