@charset "utf-8";
/* CSS Document */

body{
  width:986px;
  margin : 0 auto; 
  padding : 0 auto;
  font-family:arial;
  font-size:14px;
  text-align: justify;
  background:url(images/footer.jpg) repeat-x bottom; 
}

h2{
    color:#d61a1b;
    }

h3{
    text-transform: uppercase;
    font-size:14px;
    padding-top:20px;
    clear: both;
    }

h4{
    font-style: italic;
    padding-left:15px;
    }

#hrefaide, #hrefaide a{
    font-size:12px;
    font-style: italic;
    text-decoration:underline;
    }

#lienancre, #lienancre a{
    text-decoration:underline;
    font-size:12px;
    }

#aligndroite{
    float:right;
    }

.flotte{
    float:right;
    }

ol, ul {
	list-style: none;
}

#logo{
    float:left;
    }

#menu-deroulant{
    padding-top:55px;
    margin: 0;
    list-style: none;
    float:right;
}

#menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu-deroulant {
/* on centre le menu dans la page */
    text-align: center;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;
}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
}
#menu-deroulanta ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}

#menu{
    padding-top:55px;
    padding-left:450px;
    font-size:16px;
    }
    
#menu-deroulant a,#menu-deroulant a:hover{
    text-decoration:none;
    display: block;
    }
    
#menu-deroulant .sousmenumissions {
    text-align:center;
    width:95px;
    padding:15px;  
    height:15px;
    color:#333;
    background-color:#ffffff;
    font-size:12px;
    }

#menu-deroulant .sousmenumissions:hover{
    text-align:center;
    padding:15px;  
    color:#d61a1b;
    background-color:#ffffff;
    }
    
#menu li{
    float:left;
}

#menu-deroulant ul.sousmenu {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    background-color:#ffffff;
}
    
#menu li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
    background-color:#ffffff;
}

#menu-deroulant .accueil,.accueil:visited{
    text-align:center;
    padding:15px;  
    height:20px;
    color:#3333333;
    width:95px;
    } 

#menu-deroulant .accueil:hover,.accueilON{
    text-align:center;
    padding:15px;
    height:20px;
    background-color:#d61a1b;
    color:#ffffff;
    width:95px;
    } 
    
#menu-deroulant .missions:hover,.missionsON{
    text-align:center;
    padding:15px;  
    height:20px;
    background-color:#d61a1b;
    color:#ffffff;      
    width:95px;
    }

#menu-deroulant .missions{
    text-align:center;
    padding:15px;  
    height:20px;
    color:#333333;
    width:95px;
    }
    
#menu-deroulant .chiffres:hover,.chiffresON{
    text-align:center;
    padding:15px;  
    height:20px;
    background-color:#d61a1b;
    color:#ffffff;
    width:95px;
    }

#menu-deroulant .chiffres{
    text-align:center;
    padding:15px;  
    height:20px;
    color:#333333;
    width:95px;
    }

#menu-deroulant .partenaires:hover,.partenairesON{
    text-align:center;
    padding:15px;  
    height:20px;
     background-color:#d61a1b;
    color:#ffffff;
    width:95px;
    }
    
#menu-deroulant .partenaires{
    text-align:center;
    padding:15px;  
    height:20px;
    color:#333333;
    width:95px;
    }

#menu-deroulant .contact:hover,.contactON{
    text-align:center;
    padding:15px;  
    height:20px;
     background-color:#d61a1b;
    color:#ffffff;
    width:95px;
    }

#menu-deroulant .contact{
    text-align:center;
    padding:15px;  
    height:20px;
    color:#333333;
    width:95px;
    }

#headline{
    color:#999999;
    font-style:italic;
    font-size:12px;
    margin-top:15px;
    }

.txt3missions{
    font-size:14px;
    vertical-align:top;
    text-align:justify;
    padding-left:40px;
    padding-right:40px;
    
    }
#missions{
    padding-bottom:30px;
    }
    
.gestion{
    color:#f29400;
    font-weight:bold;
    text-align:center;
    padding:10px 0;
    }

.paie{
    color:#7bbddf;
    font-weight:bold;
    text-align:center;
    }

.administration{
    color:#a2cf74;
    font-weight:bold;
    text-align:center;
    }

.video{
    text-align:center;
    font-weight:bold;
    }

#container{
    padding-top:56px;
    }

#container a{
     color:#000000;
     text-decoration: none;             
}

#container a.pop{
     color:#000000;
     text-decoration: none;
border-bottom: dotted 1px #000000;              
}
#container a.pop:hover,a:focus{
     background:rgba(0,0,0,.4);
     box-shadow:0 1px 0 rgba(255,255,255,.4);
}
#container a.pop span{
     position:absolute;
     margin-top:23px;
     margin-left:-35px;
     color:#666;
     background:#ccc;
     padding:10px;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);
transition:all .25s;
opacity: 0.4;         
}

#container a.pop:hover span, a.pop:focus span{
     transform:scale(1) rotate(0);  
     opacity:1;      
}

#containerindex{
     padding-top:400px;      
}

table{
    font-size:14px;
    }

.checkbox{
    padding-left:30px;
    }

.inputtext{
    padding-left:50px;
    }
 
hr{
    border:3px solid #d61a1b;
    margin-top:49px;
    }

#formcontact {
    margin : auto;
    }

#formcontact td{
    text-align:center;
    }

.fondrouge{
    color: #d61a1b;
    }

#footer{
    background-color:#333333;
    padding-top:10px;
    height:230px;
    }

#footer p{
    font-size:12px;
    color:#999999;
    text-align:center;
    margin-bottom:0px;
    }
        
#footer li{
    color:#999999;
    font-size:12px;
    }
    
#footer li.rs{
    float:left;
    margin-right:5px;
    }

#footer img{
    text-align:center;
    margin-top:20px;
    }

#footer .titre{
    font-weight:bold;
    margin-bottom:10px;
    }
    
#footer a{
    color:#999999;
    text-decoration:none;
    }

#footer a:hover{
    color:#999999;
    text-decoration:underline;
    }
    
#footer td{
    width:20%;
    text-align:left;
    }

#footer tr{
        vertical-align:top;
        }