/* DEFINITION DES POLICES */
@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
{ /* Fond de la page */
  background-color: #9999CC;
  
  /* Attributs du texte */
  font-family: "Verdana", Sans-Serif;
  font-size: 14px;
  color: #363C6B;  
  
  margin: 0px;
}

a img
{ border: none ;
}

.page 
{ width: 980px;
  margin: 0px auto 0px auto;
}

.header
{ width: 980px;
	height: 160px;
	
	/* Image de fond */
  background-image: url(images/entete.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}

.ong-accueil,.ong-niv1,.ong-niv2,.ong-niv3,.ong-contact,.ong-ens
{ width: 980px;
	height: 85px;
	background-repeat: no-repeat;
  background-position: center top;
}
.ong-accueil
{ /* Image de fond */
	background-image: url(images/accueil.jpg);  
}
.ong-niv1
{ /* Image de fond */
	background-image: url(images/niveau1.jpg);
}
.ong-niv2
{ /* Image de fond */
	background-image: url(images/niveau2.jpg);
}
.ong-niv3
{ /* Image de fond */
	background-image: url(images/niveau3.jpg);
}
.ong-contact
{ /* Image de fond */
	background-image: url(images/contact.jpg);
}
.ong-ens
{ /* Image de fond */
	background-image: url(images/enseignants.jpg);
}

.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: -10px;
	text-align: left;
	
	background-repeat: repeat-y;
  background-position: center top;
}
.content
{ background-image: url(images/background.jpg);
}
.content-ens
{ background-image: url(images/background_ens.jpg);
}

.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
{ /* Image de fond */
	background-image: url(images/cible_accueil.jpg);
}
.nav-niv1
{ /* Image de fond */
	background-image: url(images/cible_niv1.jpg);
}
.nav-niv2
{ /* Image de fond */
	background-image: url(images/cible_niv2.jpg);
}
.nav-niv3
{ /* Image de fond */
	background-image: url(images/cible_niv3.jpg);
}
.nav-contact
{ /* Image de fond */
	background-image: url(images/cible_contact.jpg);
}
.nav-ens
{ /* Image de fond */
	background-image: url(images/cible_enseignants.jpg);
}

.nav-liens, .nav-liens-ens
{ margin-left: 90px;
  padding-top: 27px;
  color : #7778BB;
}
.nav-liens-ens
{ color : #BB99BB;
}

.nav-bordure, .nav-bordure-ens
{ /* Image de fond */
  background-image: url(images/line.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  
  margin-top: 4px;
  margin-left: 90px;
  height: 1px;
}
.nav-bordure-ens
{ /* Image de fond */
  background-image: url(images/line-ens.jpg);
}

.post
{ margin-left: 30px;
}

.separation
{ /* Image de fond */
  background-image: url(images/line.jpg);
  background-repeat: no-repeat;
  background-position: center center;

  height: 3px;
}

.separation-light
{ /* Image de fond */
  background-image: url(images/line_light.jpg);
  background-repeat: no-repeat;
  background-position: center center;

  height: 3px;
}

.separation-dashed
{ /* Image de fond */
  background-image: url(images/dashed.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  
  height: 3px;
}

.sans-deco
{ color: #7778BB;
	text-decoration: none;
}

.sans-deco:hover
{ color: #7778BB;
	text-decoration: none;
}

.sans-deco-ens
{ color: #BB99BB;
	text-decoration: none;
}

.sans-deco-ens:hover
{ color: #BB99BB;
	text-decoration: none;
}

.credits
{ /* Image de fond */
  background-image: url(images/logo_mayenne_off.jpg);
  background-repeat: no-repeat;
  background-position: 615px top;
	
	height : 50px;
}

.credits-texte
{ float: left;
	padding-top: 10px;
	padding-left: 25px;
	width: 645px;
	
	font-size: 10px;
}

.credits-logo
{ float: left;
	width: 192px;
	height: 50px;
}

.footer,.footer-ens
{ height: 50px;
	background-repeat: no-repeat;
  background-position: center bottom;
}
.footer
{ height: 40px;
	background-image: url(images/pied.jpg);
}
.footer-ens
{ background-image: url(images/pied_ens.jpg);
}

#col1
{ float: left;
	width: 205px;
	margin-top: -10px;
	margin-right: 30px;	
	margin-left: -20px;
	
	/* Attributs du texte */
	text-align: center;
}

#col2
{ float: left;
	width: 620px;
  margin-top: -10px;
}

.menu
{ width: 205px;
	
	/* Fond de la page */
	background-image: url(images/menu.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	
	/* Attributs du texte */
	color: #ffffff;
	text-align: left;
}
.menu-elem
{ margin-bottom: 8px;
	padding-left: 20px;
	
}
.menu-h
{ height: 20px;
	background-image: url(images/menu-coins.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.menu-b
{ height: 20px;
	background-image: url(images/menu-coins.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.menu a  
{ color:#9999CC;
	text-decoration: none;   
	font-size: 12px;
	font-weight: bold;
}
.menu a:hover  
{ color:#6161AF;
	text-decoration: none;   
	font-size: 12px;
	font-weight: bold;    
}

.welcome
{ height: 150px;
	background-image: url(images/welcome.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.niveaux
{ height: 272px;
	background-image: url(images/niveaux.jpg);
	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;
	
	/* Image de fond */
	background-image: url(images/cible_enseignants.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.adresse
{ padding-left: 100px;
	height: 110px;
	padding-top: 10px;
	
	/* Image de fond */
	background-image: url(images/adresse.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.telephone
{ padding-left: 100px;
	height: 60px;
	padding-top: 20px;
	
	/* Image de fond */
	background-image: url(images/telephone.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.courriel
{ padding-left: 100px;
	height: 60px;
	padding-top: 20px;
	
	/* Image de fond */
	background-image: url(images/courriel.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.doc-niv1
{ padding-left: 100px;
	margin-bottom: 50px;
	
	/* Image de fond */
	background-image: url(images/cible_niv1g.jpg);
	background-position: 20px top;
	background-repeat: no-repeat;
}

.doc-niv2
{ padding-left: 100px;
	margin-bottom: 50px;
	
	/* Image de fond */
	background-image: url(images/cible_niv2g.jpg);
	background-position: 20px top;
	background-repeat: no-repeat;
}

.doc-niv3
{ padding-left: 100px;
	
	/* Image de fond */
	background-image: url(images/cible_niv3g.jpg);
	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;
	
	/* Fond de la page */
	background: #E1E0F0;
}
.encadre-h
{ height: 18px;
	background: url(images/encadre-h.jpg);
}
.encadre-p
{
	padding-left: 25px;
	padding-right: 25px;
}
.encadre-b
{ height: 18px;
	background: url(images/encadre-b.jpg);
}

.encadre2
{ margin-bottom: 15px;
	
	/* Fond de la page */
	background: #E6DFE7;
}
.encadre2-h
{ height: 18px;
	background: url(images/encadre2-h.jpg);
}
.encadre2-b
{ height: 18px;
	background: url(images/encadre2-b.jpg);
}

.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;
	
	/* Attributs du texte */
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	color: #BB99BB;
}

.t2
{ margin-bottom: 20px;
	
	/* Attributs du texte */
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #93B7B7;
}
.t3
{ font-size: 16px;
	margin-bottom: 10px;
	text-transform: none;
}

/* PARAGRAPHES */
.p1,.p2,.p3
{ margin-bottom: 7px;
	
	/* Attributs du texte */
	font-size: 13px;
}
.p2
{ margin-bottom: 30px;
	padding-left: 5px;
}
.p3
{ background: url(images/square.jpg);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 25px;
}

a.lien2  
{ text-decoration: none;
  color:#FF9900;      
}
a.lien2:hover  
{ text-decoration: none;
  color:#FF6B30;
}

a.lien1
{ color: #8E608E;
	text-decoration: none;
}
a.lien1:hover
{ color: #BB99BB;
	text-decoration: none;
}

a.lien3
{ color: #7778BB;
	text-decoration: none;
}
a.lien3:hover
{ color: #BB99BB;
	text-decoration: none;
}

a.lien4
{ color: #9999CC;
	text-decoration: none;
}
a.lien4:hover
{ color: #9999CC;
	text-decoration: none;
}

.col-niv
{ padding-bottom: 30px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #9D9D7F;
}

li
{ margin-bottom: 10px;
}

.texte-clair
{ color: #E1E0F0;
}