/*
Contenu publié sous licence <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr"> 
Creative Commons 4.0 : attribution- utilisation non commerciale  - partage dans les même conditions </a>
    Created on : 6 juil. 2018, 11:29:05
    Author     : guybougeard
*/
body {
  	
  	font-family:  Helvetica, Arial;
        color: #223645;
        background-color: #F7F7F0;
        

}
       

header {
    padding-left:20px;    
    padding-right:20px;
    padding-top:20px;
    display: block;
    background-color: #333;
    color:#F7F7F0;
    border:2px #F7F7F0 solid;
    border-radius:4px;

       
}

header table{
    margin:auto;
    
    
}
header h1 {
    display:block;
    font-size: 200%;
    text-align:center;
    vertical-align: middle;
}

footer{

}

footer a {
    text-decoration: none ; 
   color : #223645;
}


a {
    color:#223645;
    /*text-decoration : none ; */
}
a:hover{
    color:#111;
}
p   {
    /*padding-left : 2em;*/
    /*text-width:60%;*/
}

h2 {
    font-size:150%;
}
h3 {
    font-size:125%;
}


nav {
    display: inline;
    vertical-align:top;
    border:2px #F7F7F0 solid;
    background-color: #333;
    color:#F7F7F0;

}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    background-color: #333;
    color:#F7F7F0;
    border:2px #F7F7F0 solid;
    border-radius:4px;
    overflow: hidden; 
}

nav li {
    float: left;
    font-size:125%;
}

nav li a {
    display:  block;
    padding:8px;
    background-color: #333;
    color:#F7F7F0;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


nav li a:hover {
    background-color: #555;
    overflow : hidden;
}


.warning{
    color:#FF0000;
}

/* Terminales */
.terms:before {
content:"Terminale S";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.terms:hover:before{
content:"Terminale S";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}


.termsa:hover:before{
content:"Trop tôt !";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}
.termsa:hover:after{
content:"Trop tôt !";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}
.termsa:before{
content:"Terminale S";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}
 


.et1:before {
content:"BTS ELT";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.et1:hover:before{
content:"BTS ELT";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.et1a:before{
content:"BTS ELT";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.et1a:hover:before{
content:"Trop tôt !!";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}
.et1a:hover:after{
content:"Trop tôt !";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

/* BTS SNIR */

.sni:before {
content:"BTS SNIR";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.sni:hover:before{
content:"BTS SNIR";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.snia:before{
content:"BTS SNIR";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.snia:hover:before{
content:"Trop tôt !!";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}
.snia:hover:after{
content:"Trop tôt !";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}


/* SEconde */

.sec:after{
    padding-bottom:1em;
    
}

.sec:before {
content:"Classe de seconde";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.sec:hover:before{
content:"Classe de seconde";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.seca:before{
content:"Classe de seconde";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.seca:hover:before{
content:"Trop tôt !!";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}
.seca:hover:after{
content:"Trop tôt !";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

/* Pour Tous */

.tous:before {
content:" Message à caractère informatif ";
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}

.tous:hover:before{
content:" Message à caractère informatif ";
background-color:#888;
color:#FFF;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
}