/*
#669999 => #8A9369
#4F7575 => #594260
#17B2E0 => #CC6699
*/
/* ========================== */
@font-face { 
font-family:'FuturaBk';
src:url('fonts/ftrabk.eot');
src:url('fonts/ftrabk.eot?#iefix') format('embedded-opentype'),
url('fonts/ftrabk.woff') format('woff'),
url('fonts/ftrabk.ttf') format('truetype'),
url('fonts/ftrabk.svg#FuturaBk') format('svg');
font-weight:normal;
font-style:normal;
}
/* ========================== */
.bg { 
background-color:#CCCC66;  
font-family:"Verdana", Sans-Serif;
font-size:14px;
color:#545841;
margin:0px;
}
a img { 
border:none ;
}
.page { 
width:980px;
margin:0px auto 0px auto;
}
.header { 
width:980px;
height:160px;
background-image:url(images/entete.png);
background-repeat:no-repeat;
background-position:center top;
}
.ong-accueil,.ong-niv1,.ong-niv2,.ong-niv3,.ong-contact,.ong-ens { 
width:980px;
height:75px;
background-repeat:no-repeat;
background-position:center top;
}
.ong-accueil { 
background-image:url(images/accueil.png);  
}
.ong-niv1 { 
background-image:url(images/niveau1.png);
}
.ong-niv2 {
background-image:url(images/niveau2.png);
}
.ong-niv3  {
background-image:url(images/niveau3.png);
}
.ong-contact {
background-image:url(images/contact.png);
}
.ong-ens {
background-image:url(images/enseignants.png);
}
.zone-onglet-small { 
float:left;
width:68px;
height:43px;	
margin-top:7px;
}
.zone-onglet { 
float:left;
width:148px;
height:43px;
margin-top:7px;	
}
.content,.content-ens { 
width:890px;
padding-left:45px;
padding-right:45px;
margin-top:0px; 
text-align:left;
background-repeat:repeat-y;
background-position:center top;
}
.content { 
background-image:url(images/background.png);
}
.content-ens { 
background-image:url(images/background_ens.png);
}
.nav-accueil,.nav-niv1,.nav-niv2,.nav-niv3,.nav-contact,.nav-ens { 
height:71px;	
background-repeat:no-repeat;
background-position:left top;
margin-bottom:20px;
}
.nav-accueil {
background-image:url(images/cible_accueil.png);
}
.nav-niv1 {
background-image:url(images/cible_niv1.png);
}
.nav-niv2 {
background-image:url(images/cible_niv2.png);
}
.nav-niv3 {
background-image:url(images/cible_niv3.png);
}
.nav-contact {
background-image:url(images/cible_contact.png);
}
.nav-ens {
background-image:url(images/cible_enseignants.png);
}
.nav-liens, .nav-liens-ens { 
margin-left:90px;
padding-top:27px;
color :#8A9369;
}
.nav-liens-ens { 
color :#8A9369;
}
.nav-bordure, .nav-bordure-ens {
background-image:url(images/line.png);
background-repeat:no-repeat;
background-position:center center;
margin-top:4px;
margin-left:90px;
height:1px;
}
.nav-bordure-ens {
background-image:url(images/line-ens.png);
}
.post { 
margin-left:30px;
}
.separation {
background-image:url(images/line.png);
background-repeat:no-repeat;
background-position:center center;
height:3px;
}
.separation-light {
background-image:url(images/line_light.png);
background-repeat:no-repeat;
background-position:center center;
height:3px;
}
.separation-dashed {
background-image:url(images/dashed.png);
background-repeat:no-repeat;
background-position:center center;
height:3px;
}
.sans-deco {
color:#8A9369;
text-decoration:none;
}
.sans-deco:hover {
color:#8A9369;
text-decoration:none;
}
.sans-deco-ens { 
color:#8A9369;
text-decoration:none;
}
.sans-deco-ens:hover { 
color:#8A9369;
text-decoration:none;
}
.credits {
background-image:url(images/logo_mayenne_v2.png);
background-repeat:no-repeat;
background-position:615px top;
height :55px;
}
.credits-texte { 
float:left;
padding-top:10px;
padding-left:25px;
width:645px;
font-size:10px;
}
.credits-logo { 
float:left;
width:192px;
height:55px;
}
.footer,.footer-ens {
height:50px;
background-repeat:no-repeat;
background-position:center bottom;
}
.footer { 
height:40px;
background-image:url(images/pied.png);
}
.footer-ens { 
background-image:url(images/pied_ens.png);
}
#col1 { 
float:left;
width:205px;
margin-top:-10px;
margin-right:30px;	
margin-left:-20px;
text-align:center;
}
#col2 { 
float:left;
width:620px;
margin-top:-10px;
}
.menu { 
width:205px;
background:rgba(204,204,102,0.2); /*#CC9999*/
text-align:left;
padding:20px;
box-sizing:border-box;
border-radius:10px;
}
.menu-elem { 
margin-bottom:8px;
padding-left:5px;
}
.menu a { 
color:rgba(138,147,105,0.65);
text-decoration:none;   
font-size:12px;
font-weight:bold;
}
.menu a:hover { 
color:#8A9369;
text-decoration:none;   
font-size:12px;
font-weight:bold;    
}
.welcome { 
height:150px;
background-image:url(images/welcome.png);
background-position:center top;
background-repeat:no-repeat;
}
.niveaux { 
height:272px;
background-image:url(images/niveaux.png);
background-position:right top;
background-repeat:no-repeat;
margin-top:30px;
}
.niveaux-msg { 
float:left;
width:300px;
margin-left:20px;
margin-top:10px;
}
.niveaux-cible { 
float:left;
width:130px;
height:130px;
}
.precision { 
margin-top:20px;
margin-left:20px;
padding-left:90px;
padding-right:30px;
padding-top:0px;
background-image:url(images/cible_enseignants.png);
background-position:left top;
background-repeat:no-repeat;
}
.adresse { 
padding-left:100px;
height:110px;
padding-top:10px;
background-image:url(images/adresse.png);
background-position:left top;
background-repeat:no-repeat;
}
.telephone { 
padding-left:100px;
height:60px;
padding-top:20px;
background-image:url(images/telephone.png);
background-position:left top;
background-repeat:no-repeat;
}
.courriel { 
padding-left:100px;
height:60px;
padding-top:20px;
background-image:url(images/courriel.png);
background-position:left top;
background-repeat:no-repeat;
}
.doc-niv1 { 
padding-left:100px;
margin-bottom:50px;
background-image:url(images/cible_niv1g.png);
background-position:20px top;
background-repeat:no-repeat;
}
.doc-niv2 { 
padding-left:100px;
margin-bottom:50px;
background-image:url(images/cible_niv2g.png);
background-position:20px top;
background-repeat:no-repeat;
}
.doc-niv3 { 
padding-left:100px;
background-image:url(images/cible_niv3g.png);
background-position:20px top;
background-repeat:no-repeat;
}
.mul { 
margin-top:10px;
margin-left:20px;
padding:0px;
}
.mul li { 
margin-bottom:5px;
font-style:italic;
font-size:12px;
}
.encadre { 
margin-bottom:15px;
background:rgba(204,204,102,0.2); /* #CC9999 */
border-radius:20px;
padding:20px;
box-sizing:border-box;
}
.encadre2 { 
margin-bottom:15px;
background:rgba(204,204,102,0.2); /* #CC9999 */
border-radius:20px;
padding:20px;
box-sizing:border-box;
}
.entree-icone { 
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
}
.entree-libelle { 
padding-top:5px;
font-style:italic;
font-size:10px;
}  
/* TITRES */
.t1,.t3 { 
margin-bottom:20px;
text-transform:uppercase;
font-weight:bold;
font-size:24px;
color:#8A9369;
}
.t2 { 
margin-bottom:20px;
text-transform:uppercase;
font-weight:bold;
font-size:18px;
color:rgba(138,147,105,0.6);
}
.t3 { 
font-size:16px;
margin-bottom:10px;
text-transform:none;
}
/* PARAGRAPHES */
.p1,.p2,.p3 { 
margin-bottom:7px;
font-size:13px;
}
.p2 { 
margin-bottom:30px;
padding-left:5px;
}
.p3 { 
background:url(images/square.png);
background-repeat:no-repeat;
background-position:5px 3px;
padding-left:25px;
}
a.lien1 { 
color:#FF9900;
text-decoration:none;
}
a.lien1:hover {
color:#FF6B30;
text-decoration:none;
}

a.lien2 { 
color:#66CC00;
text-decoration:none;
}
a.lien2:hover {
color:#8A9369;
text-decoration:none;
}

a.lien3 {
color:#8A9369;
text-decoration:none;
}
a.lien3:hover { 
color:#66CC00;
text-decoration:none;
}
.texte-clair { 
color:rgba(138,147,105,0.6);
}
.texte-info { 
color:#8A9369;
}

.liste-problemes {
margin:auto;
margin-top:30px;
margin-bottom:40px;
text-align:center;		
width:710px;
}
.probleme {
display:inline-block;
width:33%;
padding-bottom:30px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#545841;	
}
.entete {
background:#F6F6F6;
}