/* mlfmonde.org CSS alexis oukkal */

/* ci-dessous règle pour forcer les scrollbars notamment sur firefox
pour empêcher le léger décalage entre la page d'accueil et les pages plus longues en contenu */
#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
}

body{
background-color:#f0f0f0;
margin: 5px 0;
padding: 0;
}
#container{
clear:both;
width:780px;
height: auto;
background-color:#fff;
margin: 0 auto;
}

#container_content{  /* ATTENTION : pour les articles (notamment fiches établissement pour que la hauteur du div s'adapte au contenu*/
display:block;
float:left;
width:auto;
min-height : 400px;
background-color:#fff;
margin:0;
padding:0;
border:0;
clear:both;
}

/*#ante_header{
height:20px;
background-color:yellow;
}*/
#top_header{
margin:0;
padding:0;
border:0;
width:780px;
height:10px;
background:#fff url(../img/top_header.gif) top left no-repeat;
}

#header{
width:780px;
height:222px;
background:transparent url(../img/bg_left_header.gif) bottom left repeat-x;
}

#left_header{
float: left;
width:480px;
_width:473px;
height:222px;
}

#left_header a img{
display: block;
margin:0 0 5px 101px;
padding:0;
border:0;
/* ci dessous appel au fichier permettant à IE<7 de supporter la transparence du format .png */
behavior: url(win_png.htc);
}
#left_header p{
border: 0;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
color:#949494;
text-align:center;
text-transform:uppercase;
}
#right_header{
float: right;
width:300px;
height:222px;
}

#header_links{
width:auto;
height: 22px;
margin: 20px 8px 0 0;
padding: 0;
border: 0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#93b1cc;
text-align:right;
}

#header_links li{
display:inline;
}

#header_links a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#93b1cc;
text-decoration:none;
}
#header_links a:hover{
text-decoration:underline;
}

#header_swf{
width:300px;
height:180px;
background-color:#dedede;
}

#header_swf img{
margin:0;
padding:0;
border:0;
display: block;
}

#main_nav{
width:780px;
height:26px;
background-color:#93b1cc;
position:relative;
}

#menu{
float:left;
width:auto;
height:26px;
margin:0 0 0 8px;
padding:0;
border:0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#fff;
text-align:left;
line-height:26px;
}

#menu li{
display:inline;
}
#menu li a{
color:#fff;
text-decoration:none;
}
#menu li a:hover{
color:#fff;
text-decoration:underline;
}

#ariane{
margin:0 0 0 10px;
padding:0;
border:0;
height: 25px;
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#93b1cc;
line-height:25px;
}
#ariane a{
text-decoration:none;
color:#949494;
}
#ariane a:hover{
text-decoration:underline;
color:#949494;
}
#content{
height:520px;
background-color:white;
margin: 0;
padding: 0;
}
#actus{
display:block;
float:left;
width:170px;
height:456px;
margin: 0;
padding: 0;
margin-left: 7px;
margin-right: 14px;
/* ci-dessous règle pour IE */
_margin-left: 3px;
}

#main_content{
float:left;
width:384px;
_width: 387px;
height: auto;
background-color:#fff;
padding: 0;

clear:right;
padding: 0;
}

#mlf a, #reseau a, #mlf_vous a, #recrut a, #portail_peda a{
text-decoration: none;
margin:0;
padding:0;
border:0;
}

#mlf a:hover, #reseau a:hover, #mlf_vous a:hover, #recrut a:hover, #portail_peda a:hover{
text-decoration: none;
cursor:hand;
margin:0;
padding:0;
border:0;
}

#mlf a:visited, #reseau a:visited, #mlf_vous a:visited, #recrut a:visited, #portail_peda a:visited{
text-decoration: none;
cursor:hand;
margin:0;
padding:0;
border:0;
}


#mlf{
float:left;
width:183px;
height:141px;
margin:0 15px 15px 2px;
/* ci-dessous règle pour IE */
_margin: 0 15px 15px 1px;

}
#reseau{
float:left;
width:183px;
height:141px;
margin:0 0 14px 0;

}
#mlf_vous{
margin-top:20px;
float:left;
width:183px;
height:141px;
margin:0 15px 15px 2px;
/* ci-dessous règle pour IE */
_margin: 0 15px 15px 1px;

}
#recrut{
margin-top:20px;
float:left;
width:183px;
height:141px;
margin:0 0 14px 0;

}
#portail_peda{
float:left;
width:382px;
height:141px;
margin:0 0 0 2px;
/* ci-dessous règle pour IE */
_margin: 0 0 0 1px;

}
#right{
float:left;
width:183px;
height:auto;
padding: 0;
margin:0 0 20px 14px;

}
#focus{
display:block;
width:183px;
/* hauteur initiale du bloc focus
height:334px;
*/
height:298px;
margin:0 0 14px 0;
padding: 0;
}

#focus img{
display:block;
height:auto;
margin:0 auto 5px auto;
padding: 0;
border:0;
}

#encart{
height:103px;
background-color:#fff;
margin:0;
padding: 0;
}
#footer{
display:block;
width:780px;
min-height:55px;
/*background-color:#fff;*/
background:#fff url(../img/bottom_footer.gif) bottom left no-repeat;
margin: 0 auto 0 auto;
padding:0;
^padding: 30px 0 0 0;
border:0;
clear:both;
}


.titre_bloc_actus{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#fff;
height: 30px;
display: block;
margin: 0;
padding:0 0 0 10px;
background:url(../img/bg_actus.gif) top left no-repeat;
line-height: 26px;
}
.titre_bloc_focus, .titre_bloc_part{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#fff;
height: 30px;
display: block;
margin: 0;
padding:0 0 0 10px;
background:url(../img/bg_foc_part.gif) top left no-repeat;
line-height: 26px;
}
.titre_rub_mlf{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
letter-spacing:-1px;
color:#fff;
height: 30px;
display: block;
margin: 0;
padding:0 0 0 10px;
background:url(../img/bg_rubs.gif) top left no-repeat;
line-height: 26px;
}
.titre_rub{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
height: 30px;
display: block;
margin: 0;
padding:0 0 0 10px;
background:url(../img/bg_rubs.gif) top left no-repeat;
line-height: 26px;
}
.titre_rub_portail_peda{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
height: 30px;
display: block;
margin: 0;
padding:0 0 0 10px;
background:url(../img/bg_rub_big.gif) top left no-repeat;
line-height: 26px;
}
#actus_agenda{
height:421px;
_height:424px;
width: auto;
background-color:#eceaea;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
border-bottom: #dedede 1px solid;
margin:0;
padding:0;
overflow:hidden;
}
#detail_actus{
width: auto;
margin:0;
padding:0;
overflow:hidden;
background-color:transparent;
}

#liste_actus{
position: relative;
width: auto;
margin:0;
padding:0;
overflow:hidden;
}
#scrolling{
height: 20px;
_height: 23px;
width: auto;
margin:0;
padding:3px 0 0 0;

}
.les_actus{
height:auto;
margin:0;
padding:10px 5px;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../img/filet_bleu.gif) bottom center no-repeat;
}
.date_actu{
margin:0;
padding:0;
border:0;
font-size:10px;
color:#000;
}

.titre_actu{
margin:0 0 5px 0;
padding:0;
border:0;
font-size:11px;
font-weight:bold;
color:#000;
}

.titre_actu2{
height:15px;
width:auto;
_width:140px;;
margin:0 0 5px 0;
padding:0;
border:0;
font-size:11px;
font-weight:bold;
color:#000;
line-height:22px;
}




.txt_actu{
margin:0;
padding:0;
border:0;
font-size:11px;
color:#000;
}

#ttes_les_actus{
float:left;
height:auto;
margin:0;
padding:0px 5px 0 5px;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
}

#tts_les_focus{
height:auto;
width:171px;
margin:0;
padding:0px 5px 0 5px;
border:0;
background-color:#eceaea;
border-bottom: #dedede 1px solid;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;

}
.tous_focus{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
height:30px;
margin:0;
padding:0;
border:0;
font-size:11px;
font-weight:bold;
line-height:30px;
}

/* pour l'encart liens utiles sur la home page */
#liens_ut{
height:auto;
width:171px;
margin:0;
padding:0px 5px 0 5px;
border:0;
background-color:#fafafa;
border-bottom: #dedede 1px solid;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;

}
.lien_liens_ut{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#eceaea;
height:36px;
margin:0;
padding:0;
border:0;
font-size:11px;
font-weight:bold;
line-height:36px;
}
/* fin pour l'encart liens utiles sur la home page */



#btn_actus{
width:13px;
height:24px;
float:right;
margin:0 2px 0 0;
padding:0;
border:0;
}
#btn_actus img{
display:block;
width:13px;
height:12px;
margin:0 0 1px 0;
padding:0;
border:0;

}
#detail_focus{
/*height: 274px;*/
height: 237px;
width: auto;
background-color:#eceaea;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
}

.le_focus{
height:auto;
margin:0;
padding:10px 5px;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.titre_focus{
margin:0 0 5px 0;
padding:0;
border:0;
font-size:11px;
font-weight:bold;
color:#000;
}
.txt_focus{
margin:0;
padding:0;
border:0;
font-size:11px;
color:#000;
}
#partenaires{
height: 73px;
_height: 74px;
width: auto;
background-color:#fff;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
/*border-bottom: #dedede 1px solid;*/
border-bottom: 0;
}
#rub_mlf{
height: 111px;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
border-bottom: #dedede 1px solid;
background:url(../img/mlf.jpg) top left no-repeat;
}
#rub_reseau{
height: 111px;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
border-bottom: #dedede 1px solid;
background:url(../img/reseau.jpg) top left no-repeat;
}
#rub_mlf_vous{
height: 111px;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
border-bottom: #dedede 1px solid;
background:url(../img/mlf_vous.jpg) top left no-repeat;
}
#rub_recrut{
height: 111px;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
border-bottom: #dedede 1px solid;
background:url(../img/recrutement.jpg) top left no-repeat;
}
#rub_portail_peda{
height: 111px;
border-right: #dedede 1px solid;
border-left: #dedede 1px solid;
border-bottom: #dedede 1px solid;
background:url(../img/portail_peda.jpg) top right no-repeat;
}

.descriptif_rub{
width:177px;
padding: 68px 2px 6px 4px;
/* ci-dessous hack pour IE < 7 */
_padding: 68px 0 6px 4px;
margin: 0;
border: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000;
}
/* règle ci-dessous pour descendre le texte de présentation pour les rubriques "la mlf et vous" et "la mlf recrute" */
.descriptif_rub2{
width:177px;
padding: 80px 2px 6px 4px;
/* ci-dessous hack pour IE < 7 */
_padding: 80px 0 6px 4px;
margin: 0;
border: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000;
}

.descriptif_rub_peda{
width:177px;
padding: 0 2px 6px 4px;
/* ci-dessous hack pour IE < 7 */
_padding: 0 0 6px 4px;
margin: 0;
border: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000;
}
/* ci-dessous astuce pour contrer l'effet des <br /> générés par spip avec les puces en assignant une hauteur de ligne */
.descriptif_rub_peda br{
line-height: 6px;
}
.content_link{
display:block;
font-size:11px;
color:#93b1cc;
font-weight:bold;
text-decoration:none;
text-align: right;
}

.chevron_bleu{
font-size:11px;
color:#93b1cc;
font-weight:bold;
}
#rechercher{
border:0;
margin:1px 0 0 10px;
|margin:0 0 0 10px;
padding:0;
float:left;
width:auto;
}
#focus .spip_logos{
display: block;
margin: 0 auto 5px auto;
}
.txt_footer{
display:block;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000;
padding-top:3px;
margin-bottom: 5px;
}
/* ############################################### ajouts règles css ###############################################
pour la structure de la page la Mlf
###################################################################################################################*/
#left_nav{
display:block;
float:left;
width:170px;
height:456px;
margin: 0;
padding: 0;
margin-left: 7px;
margin-right: 14px;
/* ci-dessous règle pour IE */
_margin-left: 3px;
/* ci-dessous pour que le footer ne viennent pas buter sur le bas du menu de droite si le contenu de la page est peu important */
margin-bottom:10px;
}
#sous_rubriques_mlf{
height:410px;
background:url(../img/visuel_mlf.jpg) bottom left no-repeat;
}
#sous_rubriques_reseau{
height:410px;
background:url(../img/visuel_reseau.jpg) bottom left no-repeat;
}
#sous_rubriques_actus{
height:410px;
background:url(../img/visuel_actus.jpg) bottom left no-repeat;
}
#sous_rubriques_focus{
height:410px;
background:url(../img/visuel_focus.jpg) bottom left no-repeat;
}
#sous_rubriques_vous{
height:410px;
background:url(../img/visuel_mlf_vous.jpg) bottom left no-repeat;
}
#sous_rubriques_recrut{
height:410px;
background:url(../img/visuel_recrut.jpg) bottom left no-repeat;
}
#sous_rubriques_copy{
height:410px;
background:url(../img/visuel_copy.jpg) bottom left no-repeat;
}
#sous_rubriques_rech{
height:410px;
background:url(../img/visuel_recherche.jpg) bottom left no-repeat;
}
#sous_rubriques_plan{
height:410px;
background:url(../img/visuel_plan.jpg) bottom left no-repeat;
}

#sous_rubriques_contact{
height:410px;
background:url(../img/visuel_contact.jpg) bottom left no-repeat;
}
#sous_rubriques_links_ut{
height:410px;
background:url(../img/visuel_links_ut.jpg) bottom left no-repeat;
}
#sous_rubriques_peda{
height:332px;
margin:0;
padding:0;
border:0;
}
#encart_ss_rubs{
height:410px;
background:url(../img/visuel_peda.jpg) bottom left no-repeat;
}


#sous_rubriques_agenda{
height:410px;
background:url(../img/visuel_agenda.jpg) bottom left no-repeat;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_reseau img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_mlf img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_actus img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_focus img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_vous img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_recrut img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_peda img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_agenda img{
display: block;
}
/*ci-dessous pour que les images titres ne produisent pas de décalage dans les menus situés plus bas*/
#sous_rubriques_links_ut{
display: block;
}
#actus_focus{
display:block;
height:46px;
background-color:#949494;
}

#bottom_links{
margin:0;
padding:8px 0 0 8px;
border:0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#fff;
text-align:left;
line-height:15px;
}
#bottom_links a{
color:#fff;
text-decoration:none;
}

#bottom_links a:hover{
text-decoration:underline;
}

#central_content{
float:left;
width:585px;
_width: 585px;
min-height:500px;
height:auto !important;
height:600px;
background-color:#fff;
margin:0 0px 10px 0;
^margin:0 0 0 0; /* ici passage à "0" pour le margin-bottom sous IE7 sinon effet d'apparition lors du survol du logo cliquable du header  !!!!!!!!!!!!!!!!!!!!!!!!!!*/
_margin:0 0px 10px 0;
}
#central_content h2{
margin:0;
padding:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
color:#93b1cc;
}

.intro_rub{
width: 400px;
height:auto;
margin:10px 0 20px 0;
padding:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000;
}

.ss_rub h3{
margin:0;
padding:5px 0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#525759;
}

.ss_rub{
margin:0 0 10px 0;
padding:0;
border:0;
height:100px;
width: 400px;
background:url(../img/filet_ss_rub.gif) bottom right no-repeat;
/*background-color:#FFCC00;*/
}
.intro_ss_rub{
margin:0px 0 0 0;
padding:0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}
.logo_ss_rub{
float:left;
display:block;
margin:0 10px 0 0;
padding:0;
border:0;
}
.content_link_ss_rub{
display:block;
margin-right: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#93b1cc;
font-weight:bold;
text-decoration:none;
text-align: right;
}
/* ############################################### fin ajouts règles css ###############################################

###################################################################################################################*/

/* règles pour le menu de navigation de gauche (sous-rubriques) */
#left_nav h4{
margin:0;
padding:5px 0 15px 5px;
border:0;
color:#93b1cc;
}
#items_ss_rubs{
margin:0 5px 0 5px;
padding:0;
border:0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-align:left;
/*line-height:26px;*/
}

#items_ss_rubs li{
margin:0;
padding:0;
min-height: 26px;
_height: 26px;
width:auto;
background:url(../img/filet_noir.gif) bottom left no-repeat;
}

#items_ss_rubs li a{
display:block;
min-height: 7px;
_height: 7px;
color:#949494;
text-decoration:none;
margin:0;
padding:6px 0 6px 0;
line-height:11px;
}

#items_ss_rubs li a:hover{
color:#000;
text-decoration:none;
}
#items_ss_rubs li a.on{
color:#000;
text-decoration:none;
}
.spip{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

#corps_page p.spip{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00;
}

#corps_page{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#00;
}

#ss_menu_central{
width:auto;
height: 22px;
margin: 0px 8px 0 0;
padding: 0;
border: 0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#93b1cc;
text-align:right;
}

#ss_menu_central li{
display:inline;
}

#ss_menu_central a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#949494;
text-decoration:none;
}

#ss_menu_central a:hover{
color:#949494;
text-decoration:underline;
}
/* ci-dessous règle particulière pour les listes des zones géo et des pays (écoles d'entreprise) */
#ss_menu_central_ee{
width:auto;
height: 22px;
margin: 0px 8px 0 0;
padding: 0;
border: 0;
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fab700;
text-align:right;
}

#ss_menu_central_ee li{
display:inline;
}

#ss_menu_central_ee a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#949494;
text-decoration:none;
}
#ss_menu_central_ee a:hover{
color:#949494;
text-decoration:underline;
}
#corps_page{
width:420px;
height: auto;
}
/* ci-dessous règles pour l'affichage des paginations dans le cadre d'articles en plusieurs pages  cf plugin "couteau suisse" */
.pagination {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align: right;
margin: 3px;
}

.decoupe_haut{ /* règle pour masquer la pagination supérieure (générée par le plugin couteau suisse */
display:none;
}

.decoupe_haut a, .decoupe_bas a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#93b1cc;
text-decoration:none;
}
.decoupe_haut a:hover, .decoupe_bas a:hover{
text-decoration:underline;
}
.pagination_on{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #949494; 
font-size:11px; 
font-weight: bold; 
text-decoration: none;
}




#documents_portfolio h2, #documents_joints h2{ 
margin-bottom: 0.4em; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;  
color:#93b1cc;
}

/* ///////////////////////////////////////////// styles des rubriques //////////////////////////////////////////////////////////////*/
/* --------------------------------------------- les actus ------------------------------------------------------------------------ */

/* ---------------------------------------- styles page affichant la liste des actus mlf -------------------------------------------- */
#bloc_titres{
float:left;
width: 420px;
padding:0;
margin:0;
border:0;
}

#titre_asso, #titre_etab{
float:left;
width:420px;
height:auto;
padding:5px 0 2px 0;
margin:0;
border:0;
border-bottom:1px dotted #ccc;
}

#titre_asso p, #titre_etab p{
display:block;
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 5px 0;
border:0;
}

#titre_asso h5, #titre_etab h5{
display:block;
font-family:verdana;
font-size:13px;
color:#000;
padding:0;
border:0;
margin:5px 0 5px 0;
}

#titre_asso h5 a, #titre_etab h5 a{
color:#000;
text-decoration:none;
}

#titre_asso h5 a:hover, #titre_etab h5 a:hover{
color:#000;
text-decoration:underline;
}

#titre_asso img, #titre_etab img{
display:block;
margin:8px 0 0 0;
padding:0;
border:0;
float:right;
}
#encart_actus {
font-family:verdana;
font-size:11px;
color:#666;
width:156px;
height:auto;
float:right;
border-left:1px dotted #ccc;
margin:27px 0 0 0;
}

#encart_actus h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:0 2px 15px 5px;
}



.type_actu{
float:left;
display:block;
width:420px;
height:40px;
font-family:verdana;
font-size:18px;
line-height: 40px;
color:#93b1cc;
padding:0;
border:0;
margin:0;
/*background:#fff url(squelettes/img/filet_type_actu.gif) top left no-repeat;*/
background:#fff url(../img/pointille_bleu.gif) bottom left repeat-x;
}



/* ---------------------------------------- styles pour l'encart affichant La Lettre -------------------------------------------- */

#lettre img{
display:block;
padding:0;
border:1px solid #ccc;
margin:0 0 0 25px;
}

#lettre_actus{
display:block;
font-family:verdana;
font-size:9px;
color:#000;
padding:0;
margin:10px 0 0 0;
border:0;
clear:both;
}

#lettre_actus li {
list-style-type:none;
height: auto;
padding:0;
margin:0 0 10px 5px;;
border:0;
}

#lettre_actus li a{
color: #93b1cc;
text-decoration: none;          
}

#lettre_actus li a:hover{
color: #666;
text-decoration: inherit;          
}
/* ---------------------------------------- styles pour le bloc archives -------------------------------------------- */
#archives{
position:absolute;
width:171px;
height:78px;
margin:285px 0 0 0;
border:0;
padding:0;
background: url(../img/bg_archives.png) bottom left no-repeat;
_background: url(../img/bg_archives.gif) bottom left no-repeat;
}
#archives h6{
display:block;
font-family:verdana;
font-size:11px;
text-transform: uppercase;
color:#666;
padding:0;
margin:20px 0 0 83px;
border:0;
clear:both;
}
#form_archive{
display: block;
width:auto;
height: 21px;
padding:0;
margin:5px 0 0 84px;
background-color:transparent;
}
.btn_archive{
float :right;
_position:absolute;
display: block;
width:18px;
height: 18px;
margin:2px 8px 0 0;
padding:0;
border:0;
}
#annee{
float :left;
display: block;
background-color: #fff;
border: 1px solid #949494;
}
#archives form{
margin:5px 0 0 82px;
_margin:5px 0 0 80px;
^margin:5px 0 0 85px;
padding:0;
border:0;
}
.archive_year{
font-size:12px;
}
/* ---------------------------------------- fin des styles page affichant la liste des actus mlf -------------------------------------------- */

/* ---------------------------------------- styles page affichant la liste des focus -------------------------------------------- */


#titre_focus, #titre_focus_peda{
float:left;
width:420px;
height:auto;
padding:5px 0 0 0;;
margin:0;
border:0;
border-bottom:1px dotted #ccc;
}

#titre_focus p, #titre_focus_peda p{
display:block;
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 5px 0;
border:0;
}

#titre_focus h5, #titre_focus_peda h5{
display:block;
font-family:verdana;
font-size:13px;
color:#000;
padding:0;
border:0;
margin:5px 0 5px 0;
}

#titre_focus h5 a, #titre_focus_peda h5 a{
color:#000;
text-decoration:none;
}

#titre_focus h5 a:hover, #titre_focus_peda h5 a:hover{
color:#000;
text-decoration:underline;
}

#titre_focus img, #titre_focus_peda img{
display:block;
margin:8px 0 0 0;
padding:0;
border:0;
float:right;
}

#encart_focus {
font-family:verdana;
font-size:11px;
color:#666;
width:156px;
height:auto;
float:right;
border-left:1px dotted #ccc;
margin:27px 0 0 0;
}

#encart_focus h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:0 2px 15px 5px;
}



.type_focus{
float:left;
display:block;
width:420px;
height:40px;
font-family:verdana;
font-size:18px;
line-height: 40px;
color:#f9b700;
padding:0;
border:0;
margin:0;
/*background:#fff url(squelettes/img/filet_type_focus.gif) top left no-repeat;*/
background:#fff url(../img/pointille_jaune.gif) bottom left repeat-x;
}


/* ---------------------------------------- styles page affichant le dernier dossier -------------------------------------------- */


#dossier img{
display:block;
padding:0;
border:1px solid #ccc;
margin:0 0 0 25px;
}

#dossier_actus{
display:block;
font-family:verdana;
font-size:9px;
color:#000;
padding:0;
margin:10px 0 0 0;
border:0;
clear:both;
}

#dossier_actus li {
list-style-type:none;
height: auto;
padding:0;
margin:0 0 10px 5px;;
border:0;
}

#dossier_actus li a{
color: #f9b700;
text-decoration: none;          
}

#dossier_actus li a:hover{
color: #666;
text-decoration: inherit;          
}


/* ---------------------------------------- fin des styles page affichant la liste des focus -------------------------------------------- */

/* ---------------------------------------- styles page affichant les grandes dates histoire de la MLF -------------------------------------------- */


#encart_chrono_etab {
font-family:verdana;
font-size:11px;
color:#666;
width:156px;
min-height:200px;
/*border-left:1px dotted #ccc;*/
border:0;
margin:10px 0 0 0;
padding:0;
background:transparent url(../img/e_l_sides.jpg) top left repeat-y;
}

#encart_chrono_etab h5{
width:156px;
height:auto;
display:block;
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
line-height:33px;
border:0;
margin:0;
padding: 3px 0 0 6px;
}
.bottom_encart{
width:156px;
height:23px;
display:block;
background:transparent url(../img/e_l_bottom.jpg) top left no-repeat;
border:0;
padding:0;
margin:0 0 10px 0;
}

#top_frame{
display:block;
width:156px;
height:33px;
border:0;
padding:0;
margin:0;
background:transparent url(../img/e_l_top.jpg) top left no-repeat;
}


#side_frame {
position:relative;
display:block;
width:156px;
height:auto;
border:0;
margin:0;
padding:0;
float:right;
}

#txt_histoire{
float:left;
width:420px;
height:auto;
}

#txt_histoire p{
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 10px 0;
border:0;
display:block;
width:auto;
}
#txt_histoire p.spip{
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 10px 0;
border:0;
display:block;
width:auto;
}

#txt_histoire h5{
width:156px;
height:33px;
display:block;
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:0;
}
#txt_encart{
display:block;
width:156px;
_width:146px;
height:auto;
border:0;
margin:0;
padding:0 6px 10px 6px;
}
#txt_encart p{
font-family:verdana;
font-size:9px;
color:#000;
margin:0;
padding:0;
border:0;
display:block;
width:144px;
}
#txt_encart p.spip{
font-family:verdana;
font-size:9px;
color:#000;
margin:0 0 3px 0;
padding:0;
border:0;
display:block;
width:144px;
}
#txt_encart .spip{
font-family:verdana;
font-size:9px;
color:#000;
}
/* ---------------------------------------- fin des styles page affichant dates histoire mlf -------------------------------------------- */

/* ci-dessous règles pour l'affichage des paginations dans les encarts latéraux de droite cf plugin "couteau suisse" */
.Accordion_el .pagination {
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
text-align: right; /* ici placement de la pagination sur le côté droit de l'encart */
margin: 3px 18px 3px 3px;
}
.Accordion_el  .decoupe_haut{
display:none;
}
.Accordion_el .decoupe_bas a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#93b1cc;
text-decoration:none;
}
.Accordion_el .decoupe_haut a:hover, .Accordion_el .decoupe_bas a:hover{
text-decoration:underline;
}
.Accordion_el .pagination_on{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #949494; 
font-size:9px; 
font-weight: bold; 
text-decoration: none;
}


/* ---------------------------------------- styles encart secrétaires généraux  -------------------------------------------- */


#encart_secretaires {
font-family:verdana;
font-size:11px;
color:#666;
width:156px;
min-height:200px;

/*border-left:1px dotted #ccc;*/
border:0;
margin:10px 0 0 0;
padding:0;
background:transparent url(../img/e_l_sides.jpg) top left repeat-y;
}

#encart_secretaires h5{
width:156px;
height:auto;
display:block;
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
line-height:33px;
border:0;
margin:0;
padding: 3px 0 0 6px;
}

/* ---------------------------------------- style pour forcer IE à augmenter la taille du central_content via les encarts latéraux -------------------------------------------- */
.ie_pusher{
float:right;
display:block;
width:156px;
height:100px;
}


/* ---------------------------------------- fin des styles encart secrétaires généraux -------------------------------------------- */
/* ---------------------------------------- styles page affichant la liste des revues La Lettre mlf -------------------------------------------- */


#titre_revue{
float:left;
width:420px;
height:auto;
padding:5px 0 0 0;
margin:0;
border:0;
border-bottom:1px dotted #ccc;
}

#titre_revue p{
display:block;
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 5px 0;
border:0;
}

#titre_revue h5{
display:block;
height:auto;
width:auto;
font-family:verdana;
font-size:13px;
color:#000;
padding:0;
border:0;
margin:5px 0 5px 0;
}

#titre_revue h5 a{
color:#000;
text-decoration:none;
}

#titre_revue h5 a:hover{
color:#000;
text-decoration:underline;
}

#titre_revue img{
display:block;
margin:8px 10px 5px 0;
padding:0;
border:1px solid #dedede;
float:left;
}


/* ---------------------------------------- fin des styles page affichant la liste des revues La Lettre mlf -------------------------------------------- */
/* ---------------------------------------- styles page affichant les articles actus -------------------------------------------- */

#header_actu2{
border-bottom:1px dotted #ccc;
height: auto;
padding: 0 0 2px 0;
margin: 0 0 10px 0;
}

#header_actu2 h4{
font-family:verdana;
font-size:17px;
color:#000;
padding: 0 0 2px 0;
margin:0;
border:0;
}

#titres_actus2{
font-family:verdana;
font-size:10px;
color:#666;
width:156px;
height:auto;
float:right;
margin:5px 0 0 0
}

.autres_actus2 li a.on{
color:#000;
text-decoration:underline;
font-weight: normal;
font-family:verdana;
font-size:10px;
}

#titres_actus2 h5{
font-family:verdana;
font-size:12px;
color:#93b1cc;
margin:0;
border:0;
padding:0 0 10px 2px;
height: auto;
background:#fff url(../img/bg_autres_actus.gif) bottom left no-repeat;
}

#txt_actu2{
float:left;
width:420px;
height:auto;
}

#txt_actu2 p{
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 10px 0;
border:0;
display:block;
width:auto;
}

#txt_actu2 h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:5px 0 10px 0;
}


.autres_actus2{
width:156px;
height: auto;
margin:0 0 10px 0;
padding:0;
border:0;
border-left:1px dotted #ccc;
}
.autres_actus2 li{
height:auto;
list-style-type:none;
margin:2px 2px 2px 2px;
padding:0 0 5px 0;
border:0;

}
.autres_actus2 li a,#autres_actus2 li a:active{
color:#666;
text-decoration :none;
}
.autres_actus2 li a:hover{
color:#666;
text-decoration :underline;
}
#options2{
display:block;
height: 30px;
margin:0;
padding:0;
border:0;
}
#options2 img{
float:right;
display:block;
margin:0;
padding:0;
border:0;
}
#date2{
float: left;
display: block;
}
#date2 p{
margin:0;
padding:0;
border:0;
line-height:33px;
font-family:verdana;
font-size:9px;
color:#93b1cc;
}
/* ---------------------------------------- fin des styles page affichant les articles actus -------------------------------------------- */
/* ---------------------------------------- styles page affichant les articles focus -------------------------------------------- */
#header_focus2{
border-bottom:1px dotted #ccc;
height: auto;
padding: 0 0 2px 0;
margin: 0 0 10px 0;
}

#header_focus2 h4{
font-family:verdana;
font-size:17px;
color:#000;
padding: 0 0 2px 0;
margin:0;
border:0;
}

#titres_focus2{
font-family:verdana;
font-size:10px;
color:#666;
width:156px;
height:auto;
float:right;
margin:5px 0 0 0
}

.autres_focus2 li a.on{
color:#000;
text-decoration:underline;
font-weight: normal;
font-family:verdana;
font-size:10px;
}

#titres_focus2 h5{
font-family:verdana;
font-size:12px;
color:#fab700;
margin:0;
border:0;
padding:0 0 10px 2px;
height: auto;
background:#fff url(../img/bg_autres_actus_j.gif) bottom left no-repeat;
}

#txt_focus2{
float:left;
width:420px;
height:auto;
}

#txt_focus2 p{
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 10px 0;
border:0;
display:block;
width:auto;
}

#txt_focus2 h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:5px 0 10px 0;
}


.autres_focus2{
width:156px;
height: auto;
margin:0 0 10px 0;
padding:0;
border:0;
border-left:1px dotted #ccc;
}
.autres_focus2 li{
height:auto;
list-style-type:none;
margin:2px 2px 2px 2px;
padding:0 0 5px 0;
border:0;

}
.autres_focus2 li a,#autres_focus2 li a:active{
color:#666;
text-decoration :none;
}
.autres_focus2 li a:hover{
color:#666;
text-decoration :underline;
}
#options22{
display:block;
height: 30px;
margin:0;
padding:0;
border:0;
}
#options22 img{
float:right;
display:block;
margin:0;
padding:0;
border:0;
}
#date22{
float: left;
display: block;
}
#date22 p{
margin:0;
padding:0;
border:0;
line-height:33px;
font-family:verdana;
font-size:9px;
color:#fab700;
}
/* ---------------------------------------- fin des styles page affichant les articles focus -------------------------------------------- */
/* ---------------------------------------- styles page affichant les articles présidents -------------------------------------------- */

#header_president{
border-bottom:1px dotted #ccc;
height: auto;
padding: 0 0 2px 0;
margin: 0 0 0 0;
}
#header_president h4{
font-family:verdana;
font-size:17px;
color:#000;
padding: 0;
margin:0;
border:0;
}
#txt_president{
float:left;
width:420px;
height:auto;
}
#txt_president p{
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:3px 0 10px 0;
border:0;
display:block;
width:auto;
}
#txt_president h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:5px 0 10px 0;
}
#fonction_pres{
display:block;
height: 20px;
margin:0;
padding:0;
border:0;
}
#fonction_pres img{
float:right;
display:block;
margin:0;
padding:0;
border:0;
}
#fonction_pres h5{
font-family:verdana;
font-size:11px;
color:#666;
padding:0;
border:0;
margin:3px 0 0 0;
}
/* ---------------------------------------- fin des styles page affichant les articles présidents -------------------------------------------- */
/* ---------------------------------------- styles page affichant les articles lettre + dossier (détail) -------------------------------------------- */
#header_revue{
width:420px;
border-bottom:1px dotted #ccc;
height: auto;
padding: 0 0 2px 0;
margin: 0 0 10px 0;
}

#header_revue h4{
font-family:verdana;
font-size:17px;
color:#000;
padding: 0 0 2px 0;
margin:0;
border:0;
}

#txt_revue{
float:left;
width:420px;
height:auto;
}
.spip_documents img{
display:block;
border:1px solid #dedede;
}

#txt_revue p{
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding:0;
margin:0 0 10px 0;
border:0;
display:block;
width:auto;
}

#txt_revue h5{
font-family:verdana;
font-size:13px;
color:#666;
padding:0;
border:0;
margin:5px 0 10px 0;
}

#options_revue{
display:block;
height: 30px;
margin:0;
padding:0;
border:0;
}
#date_revue{
float: left;
display: block;
}
#date_revue p{
margin:0;
padding:0;
border:0;
line-height:33px;
font-family:verdana;
font-size:9px;
color:#93b1cc;
}
/* ---------------------------------------- fin des styles page affichant les articles lettre + dossier (détail) -------------------------------------------- */
/* ---------------------------------------- styles pour le sommaire automatique du plugin couteau suisse -------------------------------------------- */

.cs_sommaire{
float:left;
font-family:verdana;
font-size:10px;
color:#666;
width:420px;
height:auto;
float:right;
margin:5px 0 10px 0;
padding: 0 0 10px 0;
border-bottom:1px dotted #ccc;
}


/*.cs_sommaire{
display:block;
float:left;
width: 420px;
height:auto;
padding:0;
margin:0;
border:0;
background:#f9b700;
}*/


.cs_sommaire h4{
font-family:verdana;
font-size:12px;
color:#fab700;
margin:0;
border:0;
padding:0 0 10px 2px;
height: auto;
background:#fff url(../img/bg_autres_actus_j.gif) bottom left no-repeat;
}

#somm_content ul {
display:block;
width:auto;
height:auto;
margin:10px 2px 10px 5px;
padding:0;
border:0;
font-family:verdana;
font-size:9px;
line-height:13px;
color:#666;
}
.cs_sommaire ul li a{
margin:0;
padding:0;
border:0;
font-family:verdana;
font-size:9px;
line-height:13px;
color:#666;
}
.cs_sommaire ul li{
display:block;
width:200px;
float:left;
margin:0;
padding:0;
border:0;
font-family:verdana;
font-size:9px;
line-height:13px;
color:#666;
list-style-image:url(../img/puce_somm.gif);
list-style-position:inside;
list-style-type:square;
}

#somm_content{
display:block;
width:420px;
height:auto;
margin:0;
padding:0;
border:0;
background-color:transparent;
}


#somm_bottom{
float:left;
display:block;
width:420px;
height:11px;
margin:0;
padding:5px 0 0 0;
border:0;
background:#fff url(../img/somm_bottom.gif) top left no-repeat;
}

/*--------------------------------------*/
.somm_focus2{
width:156px;
height: auto;
margin:0 0 10px 0;
padding:0;
border:0;
border-left:1px dotted #ccc;
}
.somm_focus2 li{
height:auto;
list-style-image:url(../img/puce_somm.gif);
margin:2px 2px 2px 2px;
padding:0 0 5px 0;
border:0;

}
.somm_focus2 li a,#somm_focus2 li a:active{
color:#666;
text-decoration :none;
}
.somm_focus2 li a:hover{
color:#666;
text-decoration :underline;
}
/* Ci-dessous règles de traitement des liens internes/externes dans spip *//* liens internes *//* liens sortants *//* liens url sortants */
a.spip_in, a.spip_out, a.spip_url { 
color: #93b1cc; 
} 

/* ---------------------------------------------------- styles pour encart avec les liens vers scola et messagerie mlf dans rubrique espace pédagogique ------------------------------------- */

#private_mlf{
width:171px;
height:78px;
margin:1px 0 0 0;
border:0;
padding:0;
background: url(../img/bg_espace_peda.png) bottom left no-repeat;
_background: url(../img/bg_espace_peda.gif) bottom left no-repeat;
}
#private_mlf h6{
width:100px;
position:absolute;
display:block;
font-family:verdana;
font-size:11px;
text-transform: uppercase;
color:#666;
padding:0;
margin:13px 0 0 70px;
border:0;
clear:both;
}
#peda_links{
position:absolute;
font-family:verdana;
font-size:10px;
padding:0;
margin:40px 0 0 63px;
border:0;
}
#peda_links li{
list-style:inside url(../img_fiches/puce_etab.gif);
/* ci-dessous hack pour IE 7 (puce avec marge transparente à droite pour décoller le texte de la puce) */
^list-style:square inside url(../img_fiches/puce_etab_ie.gif);
margin:0;
padding:0;
border:0;
}

#peda_links li a{
text-decoration:none;
}
#peda_links li a:hover{
text-decoration:underline;
}


/* style des liens de téléchargement des dossiers pdf */

.doss_pdf{
display:block;
height:30px;
width:100%;
background:transparent url(../img/bg_titre_faq.jpg) top left no-repeat;
color:#fff;
text-decoration:none;
padding:2px 0 0 8px;
border:0;
margin:0 0 3px 0;
background:transparent url(../img/bg_titre_faq.jpg) top left no-repeat;
line-height:20px;
font-weight:bold;
}

/* ---------------------------------------------------- styles pour rubrique liens utiles ------------------------------------- */


#titre_link{
float:left;
width:420px;
height:auto;
padding:10px 0 10px 0;
margin:0;
border:0;
border-bottom:1px dotted #ccc;
}

#titre_link p{
display:block;
font-family:verdana;
font-size:11px;
color:#000;
line-height:15px;
padding-left:125px;
margin:0 0 5px 0;
border:0;
}

#titre_link h3{
display:block;
height:auto;
width:auto;
font-family:verdana;
font-size:13px;
color:#000;
padding:0;
border:0;
margin:5px 0 5px 0;
}

#titre_link h3 a{
color:#666;
text-decoration:none;
}

#titre_link h3 a:hover{
color:#000;
text-decoration:underline;
}

#titre_link .for_logo_link{
display:block;
width:100px;
margin:8px 5px 5px 0;
padding:5px;
border:0;
border-right:1px solid #dedede;
float:left;
}
/*#titre_link img{
display:block;
margin:8px 5px 5px 0;
padding:5px;
border:0;
border-right:1px solid #dedede;
float:left;
}
#titre_link a img.puce_go, #titre_link a img.puce_go{
display:inline;
border:0;
}*/


/* ---------------------------------------------------- fin styles pour rubrique liens utiles ------------------------------------- */