@import url('grid_12-825-55-15.css');
/*déclaration de police d'écriture*/
@font-face {
    font-family: nasalization;
    src: url(../divers/nasalization-rg.otf);
}
@font-face {
    font-family: VCR;
    src: url(../divers/VCR_OSD_MONO_1.001.ttf);
}
/*  
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/

/*couleur du fond des différentes pages*/
body {
    background-color: #2786a3c7;
}
/*texte en haut de page*/
.edit {
    border: none;
    float: left;
}
/* style pour le titre principale*/
h1 {
    font-family: nasalization;
    font-size: 2.0em;
    color: white;
    background-color: #333;
    box-shadow: 6px 6px 6px black;
    width: 50%;
    margin: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 8px;
    border-color: #4c6baf;
    border-style: solid;
    text-align: center;
    display:block;
}
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, font, 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 
                  {margin: 0;padding: 0;border: 0;outline: 0;
                  font-size: 100%;vertical-align: baseline;
                  background: transparent;}

body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}

/*image avec cette classe seront à gauche*/
.lpic {
    position:relative;
    float: left;
    margin-left: 10px;
    width: 5%;
}
/*texte à gauche*/
.editl {
    float: left;
}
/*texte à droite*/
.editr {
    float: left;
}
/*image cahier des charges*/
#cahier{
    position:relative;
    float:left;
    margin-left: auto;
    margin-top: -13px;
    width: 10%;
}
/*image équipe*/
.rgif {
    float: right;
    margin-right: 20px;
    width: 15%;
}
/*image qui seront à droite*/
.rpic {
    float: right;
    margin-right: 15px;
    width: 35%;
}
/*animation de l'onglet english*/
#animcolor {
    float:right;
    animation-name: animcolorlang;
    animation-duration: 7s;
}

  @keyframes animcolorlang {
    25% {background-color: red;}
    50% {background-color: blue;}
    70% {background-color: whitesmoke;}
}
/* style menu des onglets*/
.menup, select {
    font-family: nasalization;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: sticky;
    position: -webkit-sticky; /* Pour Safari */
    top: 0;
}

li a:hover {
    background-color: #111;
}

/*emplacement de A propos*/
.rmenu {
    float:right;
}
/*animation des boutons du menu*/
.animbouton {
    display: inline-block;
    transition: all 0.5s;
    cursor: pointer;
}

.animbouton span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.animbouton span:after {
    content: '\00bb';
    position:absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.animbouton:hover span:after {
    opacity: 1;
    right: 0;
}
/*style des titres des parties*/
h2 em {
    position: relative;
    font-family: VCR;
    font-size: 1.5em;
    color: black;
    width: 70%;
    padding: 5px;
    margin: 5px;
    text-decoration: underline;
}
/*style du h3 de A propos*/
h3
{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    width: 70%;
    padding: 12px;
    margin: 20px;

}
/*style des paragraphes*/
p {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
    width: 70%;
    border: solid black 1px;
    padding: 12px;
    margin: 20px;
}
/*style de l'élément mise en valeur*/
em {
    color: rgb(95, 110, 243);
    font-size: 1.0em;
    font-style: oblique;
    font-weight: normal;
}
/*style de l'élément surligné*/
mark {
    background-color: black;
    color: white;
}
/*style des éléments importants*/
strong {
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-shadow: 2px 2px 4px black;
}
/*styles des liens*/
a[href^="mailto:"] {
    color: #763bff;
}

a[href ^= "../"] {
    color: #C3B470
}

a[href^="http"] {
    color: #eeff009f
}
/*changement de couleur quand on passe la souris dessus*/
h1:hover {
    color: #0749ffce;
}

h2:hover {
    color: #0749ffce;
}

/*animation des photos de A propos*/
.profil:hover {
    transform: rotateY(180deg);
  }

.profil:nth-child(odd)
{
    font-size: 0.9em;
    width: 11%;
    font-weight: bold;
    border: 3px white outset;
    color: rgb(255, 255, 255);
    text-align: center
}