/*---------------------------------*/
/*---------STYLES DE BASE----------*/
/*---------------------------------*/
body{background-color:#383735;}
#main{background-color:#ffffff;
      box-shadow: inset 0 0 5px #95938d, 0 0 10px #71c041}
header{background-color:#242323;
       box-shadow:0 0 20px #71c041;}
#basdepage{background-color:#242323;
           box-shadow:0 -5px 20px -5px #71c041;}
           
           /*---TYPOGRAPHIE---*/
#titre{font-family:'Zilla Slab Highlight',cursive;
       font-weight:normal;
       letter-spacing:5px;}
#menuhaut{font-family:'Encode Sans Expanded',sans-serif;
          word-spacing:17px;}
#menuhaut ul li a.page-active{color:#71c041;}
body{font-family:'Encode Sans Semi Condensed',sans-serif;
     color:#242323}
h2{font-family:'Encode Sans Condensed',sans-serif;
   color:#71c041;
   padding-top:15px}
h3{font-family:'Encode Sans',sans-serif;
   color:#605e5e;}
.plus{word-spacing:1px}
input, textarea, option{font-family:'Encode Sans',sans-serif;}
.obli{color:#9e7f00}
input.bouton{font-family:'Encode Sans',sans-serif;}
#copy{color:#71c041;
      letter-spacing:3px;}
#copy:hover{letter-spacing:4px;
            transition: all 0.3s ease;}

/*-TYPOGRAPHIE - TAILLE-*/
body{font-size:1em;} /*16px*/
small{font-size:0.8em;} /*12px*/
h2{font-size:1.6em;} /*25px*/
h3{font-size:1.2em;} /*19px*/
.story{font-size:1.1em} /*17px*/
#crea small{font-size:0.9em; /*14px*/
            color:#383735}

/*-LIENS-*/
a{color:#9e7f00;}
a:link{text-decoration:none;
       transition: all 0.3s ease;}
a:visited{text-decoration:none;}
a:hover{color:#71c041;
        transition: all 0.3s ease;}
a:active{text-decoration:none}

/*- LISTES -*/
ol{line-height:27px;}
ul{list-style:square;
   line-height:27px;}

/*-BLOCS DE TEXTE-*/
body{text-align:justify;}
#titre, #menuhaut {text-align:center;}
#sujyt{text-align:center;}
.lmat{text-align:center;}
#exref1, #exref2, #exref3{text-align:center;
                          line-height:5px;
                          padding-bottom:15px;}
.prepa{text-align:center;}
.liensbp{display:flex;
         flex-direction:row;
         justify-content:space-between;}
#copy{text-align:center;
      padding-top:10px;}


/*----------POSITIONNEMENT DES BLOCS ---------*/
body{max-width:1024px;
     height:100%;
     margin:0 auto 0 auto;}
#main{padding:140px 25px 20px 25px;}
header{position:fixed;
       left:0px;right:0px;top:0px;}
#titre{font-size:70px;
       max-width:1024px;
       margin:15px auto 0px auto;}
#menuhaut{max-width:1024px;
          margin:5px auto 5px auto;
          font-size:20px;
          padding-right:3%;}
#basdepage{display:flex;
           flex-direction:column;
           padding:15px 15px;}
p{padding-left:25px;padding-right:25px;}
           
           
/*----------EN TĘTE---------*/
#hautdepage li{display:inline;}
#hautdepage a:link{color:#fff;}
#hautdepage a:visited{color:#fff;}
#hautdepage a:hover{color:#71c041;}

/*----------BODY----------*/
/*---INDEX---*/
video{display:block;
      margin-left:auto;
      margin-right:auto;
      margin-top:15px;}

/*---INTENTION---*/
iframe{border:medium solid #9cd37d;
       border-collapse:collapse;}

/*---CONFIGURATION---*/
.lmat{border:4px solid #71c041;
       border-collapse:collapse;}
.lmat img{max-width:250px;
           max-height:100px;}
.lmat th{background-color:#383735;
          color:#fff;
          border:4px solid #71c041;
          border-collapse:collapse;
          padding:10px 10px;
          font-weight:normal;}
.lmat td{border:4px solid #71c041;
          border-collapse:collapse;
          padding:5px 5px;}

#syno img{max-width:100%;
          align-content:center;}

#sch img{max-width:100%;
         display:block;
         margin-left:auto;
         margin-right:auto;}

#meo img{max-width:100%;
         display:block;
         margin-left:auto;
         margin-right:auto;}
#meo p{text-align:justify}

.rec1 img, .rec2 img{max-width:700px;max-height:350px;}
.rec3 img{max-width:900px;max-height:450px;}

.cc img, .pt img{width:500px;padding:5px 5px;}
.txt{width:500px;padding:15px 15px;}

/*---AUTORISATIONS---*/
#auto img{max-width:60%;
          display:block;
          padding-bottom:20px;
          margin-left:10%;
          margin-right:auto;}

/*----------BAS DE PAGE---------*/
#basdepage a:link{color:#fff;}
#basdepage a:visited{color:#fff;}
#basdepage a:hover{color:#71c041;}


/*--------------------------------------*/
/*---------STUCTURE RESPONSIVE----------*/
/*--------------------------------------*/
@media all and (max-width:750px) {
   #titre{
     font-size:30px;
     letter-spacing:2px;
   }
   #menuhaut{
     font-size:7px;
     letter-spacing:3px;
   }
   #body{
     padding:15px;
   }
   table{
    width:60%;
   }
   table img{
     max-width:50%
   }
   #meo img{
     max-width:90%;
   }
   iframe{
     width:100%;
     height:100%;
   }
   #basdepage{
     display:inline-block;
     text-align:center;
     font-size:0.9em;
   }
}