/*
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{
    background-color:#888;
    color:#FFF;
}
p   {
    /*padding-left : 2em;*/
    /*text-width:60%;*/
}

h2 {
    font-size:150%;
    text-align:center;
}
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;
}


/* document */

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

.doc:before {
color:#333;
border:2px #333 solid;
border-radius:4px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right: 2px;
margin-right: 15px;
}

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


.direc{
    text-decoration: none;
    color:#333;
    border:2px #333 solid;
    border-radius:4px;
    margin-right:20px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right: 2px;
}
.direc:hover {
    background-color:#888;
    color:#FFF;
}

.sousmenu{
    text-align : center;
}


.doc a:before{
   
   /* content:url('../images/www.png');*/

}

.cor:before{
    content:" Correction ";
}

.video:before{
    content:" Vidéo ";
}

.docu:before{
    content:" A télécharger ---> ";
}

.liens {
        }

.liens a{
    color:#F7F7F0 ;
    background-color: #333; 
    border:2px #333 solid;
    border-radius:2px;
        
    
}
.liens:before {
    content:url('../images/www.png');
}