/*===============================================================
      reset : reset des styles navigateurs                       
      texte : styles des textes (sert aussi à FCKeditor)         
================================================================*/

@import url(reset.css);

/*======================================
      CHARTE DU SITE                    
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- bleu                          #005ea8 
- orange                        #e75113 
\**************************************/

/**************************************/
/*           STRUCTURE                */
/**************************************/
#cadre-principal{
    position            :   relative;
    width               :   950px;
    margin              :   0 auto;
    background          :   url(/img/site/body-bas.gif) no-repeat left bottom;
}
	#cadre-haut {
	    height              :   273px;
	    background          :   url(/img/site/fond-haut.gif) no-repeat 750px bottom;
	}
	#cadre-centre {
	    background          :   transparent;
	}
		#cadre-colonne-1{
		  float                   :   left;
		  width                   :   228px;
		}
		#cadre-colonne-milieu{
		  float                   :   left;
		  width                   :   500px;
		}
		#cadre-colonne-2{
		  float                   :   right;
		  width                   :   222px;
		}
	#cadre-bas {
	   clear               :   both;
	   min-height          :   50px;	  
	   text-align          :   left;
	   margin-left         :   250px;
	   margin-right        :   208px;
	}

/**************************************/
/*              ENTETE                */
/**************************************/
#cadre-haut h1 a{
	position            :   absolute;
    display             :   block;
    width               :   750px;
    height              :   273px;
    top                 :   0;
    left                :   0;
    z-index             :   10;
}
#cadre-haut h2 a{
    position            :   absolute;
    display             :   block;
    width               :   340px;
    height              :   50px;
    top                 :   248px;
    left                :   316px;
    z-index             :   11;
}

/* Bandeau animation index */
#cadre-haut #cadre_animation{
	position            :   absolute;
    top                 :   27px;
    margin-left         :   50px;
    width               :   700px;
    height              :   246px;
    z-index             :   5;
}

/* Menu haut */
ul#menu-haut, ul#menu-haut li{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}
ul#menu-haut{
	position            :   absolute;
    width               :   132px; 
    top                 :   160px;
    left                :   766px;
}
ul#menu-haut li.menu{
    background         :   url(/img/site/puce-haut[0].gif) no-repeat left 12px; 
}
ul#menu-haut  li.menu-actif, ul#menu-haut li.menu:hover{
    background         :   url(/img/site/puce-haut[1].gif) no-repeat left 12px; 
}
ul#menu-haut li.menu a{  
    display            :   block;
    text-transform     :   uppercase;
    font-size          :   11px;
    margin             :   0 4px 0 17px;
    padding            :   12px 0 9px 0;
    background         :   url(/img/site/menu-haut-separateur.gif)  repeat-x left bottom ; 
    color              :   #fff;  
    text-decoration    :   none;
}


/**************************************/
/*          BLOC CENTRAL              */
/**************************************/

/***    COLONE GAUCHE   ***/
#cadre-colonne-1 .corps{
	margin-left        :   50px;
	background         :   url(/img/site/gauche-haut.gif) no-repeat right top; 
    padding            :   16px 0 0 23px;
}

/* Menu principal */
ul#menu-principal, ul#menu-principal li{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}
ul#menu-principal{
	width              :   155px; 
	background         :   url(/img/site/gauche-bas.gif) no-repeat right bottom #005EA8; 
    padding-bottom     :   35px;
}
ul#menu-principal li.menu{
	background         :   none;
	margin-left        :   -12px;
}
ul#menu-principal  li.menu-actif, ul#menu-principal li.menu:hover{
    background         :   url(/img/site/puce-gauche.gif) no-repeat left 5px; 
}
ul#menu-principal li.menu a{  
	display            :   block;
    text-transform     :   uppercase;
    font-size          :   11px;
    margin             :   0 8px 0 20px;
    padding            :   5px 0 5px 0;
    background         :   url(/img/site/menu-principal-separateur.gif) repeat-x left bottom; 
    color              :   #fff;
    text-decoration    :   none;
}

/* Logos */
a#logo-unesco{
	display             :   block;
    position            :   absolute;
    top                 :   523px;
    margin-left         :   26px;
    width               :   83px;
    height              :   52px;
    background          :   url(/img/site/logo-unesco.gif) no-repeat left top; 
}
a#logo-cneap{
	display             :   block;
    position            :   absolute;
    top                 :   580px;
    margin-left         :   24px;
    width               :   105px;
    height              :   52px;
    background          :   url(/img/site/logo-cneap.gif) no-repeat left top; 
}

/***    COLONE MILIEU   ***/
#fil-ariane, #fil-ariane a{
	position                :   relative;
	font-size               :   11px;
    color                   :   #707173;
    margin                  :   6px 0 3px 0;
}

#cadre-colonne-milieu{
    position                :   relative;
    min-height              :   450px;
    margin                  :  -151px 0 0 0;    
    z-index                 :   20;
    padding-left            :   21px;
   width                   :   458px;
   
}
#cadre-colonne-milieu .corps{
     background-color       :   #fff;
     position               :   relative;
     width                   :   458px;

}


/* module index */
#mod-index #cadre-principal{
    background          :   url(/img/site/body-bas-index.gif) no-repeat left bottom;
}
#mod-index #cadre-bas{
   margin-left         :   300px;
}
#mod-index #cadre-colonne-milieu{
    margin                  :   0;
    padding                 :   0;
    z-index                 :   1;
    background              :   url(/img/site/index-formations.jpg) no-repeat 52px 101px; 
    min-height              :   320px;
}
#mod-index #cadre-colonne-milieu .corps{
    margin                  :   0;
    padding                 :   0;
}
#mod-index #cadre-colonne-milieu ul{
    margin                  :   0;
    padding                 :   0;
    list-style-type         :   none;
    padding                 :   25px 0 0 174px;
}
#mod-index #cadre-colonne-milieu ul li{
    background              :   url(/img/site/puce-corps.gif) no-repeat left 2px; 
    margin-top              :   5px;
    padding-left            :   15px;
    font-size               :   13px;
}
#mod-index #cadre-colonne-milieu ul li.bis{
    margin-left             :   19px;
}

#mod-index #formation-gauche{
    position                :   absolute;
    top                     :   78px;
    left                    :   35px;
    width                   :   200px;
    height                  :   230px;
}
#mod-index #formation-droite{
    position                :   absolute;
    top                     :   100px;
    left                    :   240px;
    width                   :   220px;
    height                  :   202px;
}
   
/* tous modules */
    /* liste && détail */
    #cadre-colonne-milieu h1{
         position               :   relative;
         font-size              :   21px;
         font-weight            :   bold;
         color                  :   #005ea8;
         margin-bottom          :   10px;         
    }
    #cadre-colonne-milieu .titre1{
         margin-top             :   10px;
         margin-bottom          :   0;
         border-bottom          :   18px solid #fff;
    }
    #cadre-colonne-milieu .titre1, #cadre-colonne-milieu .titre1 a{
         color                  :   #e75113;
    }
    #cadre-colonne-milieu .titre1 span{
         height                 :   35px;
         font-size              :   17px;
         font-weight            :   normal;
         text-transform         :   uppercase;
         background             :   url(/img/site/separateur.gif) repeat-x left bottom; 
         padding-bottom         :   5px;
    }
    #cadre-colonne-milieu .titre2{
         width                  :   335px;
         clear                  :   both;
         font-size              :   12px;
         font-weight            :   bold;
         text-transform         :   uppercase;
         background             :   url(/img/site/puce-corps.gif) no-repeat left 2px; 
         padding-left           :   16px;
         margin-bottom          :   8px;       
    }
    #cadre-colonne-milieu .titre2, #cadre-colonne-milieu .titre2 a{
         color                  :   #000;
    }
    #cadre-colonne-milieu .photo{
        float                   :   left;
       height:1%;
    }
    #cadre-colonne-milieu .photo img{
        float                   :   left;
        margin-right            :   10px; 
    }
    #cadre-colonne-milieu .date{
        font-size               :   9px;
        color                   :   #005ea8;
        text-transform          :   uppercase;
        letter-spacing          :   1px;
        padding-bottom          :   3px;
    }
    
    /* liste */
    #cadre-colonne-milieu #introduction{
        padding-bottom          :   15px;
        background              :   url(/img/site/lst-introduction.gif) no-repeat left bottom;
        margin-bottom           :   10px;
        overflow                :   hidden;
    }
    #cadre-colonne-milieu #introduction img{
        float                   :   left;
        margin-right            :   10px;
    }
    #cadre-colonne-milieu dl.data{
        clear                   :   both;
        padding-bottom          :   8px;
        background              :   url(/img/site/separateur.gif) repeat-x left bottom; 
        overflow                :   hidden;
        margin-bottom           :   15px;
    }
    #cadre-colonne-milieu dl.data dd.titre3, #cadre-colonne-milieu dl.data dd.titre3 a{
        font-size               :   16px;
        font-weight             :   bold;
        color                   :   #005ea8;
        padding-bottom          :   2px;
    }
    #cadre-colonne-milieu dl.data dd.accroche{
        font-size               :   11px;
        font-weight             :   bold;
        color                   :   #000;
        cursor                  :   pointer;
    }
    #cadre-colonne-milieu dl.data dd.accroche a{     
        background              :   url(/img/site/puce-droite[1].gif) no-repeat right bottom;
        text-decoration         :   none;
    }
    #cadre-colonne-milieu dl.data dd.accroche a:hover{      
        background              :   url(/img/site/puce-droite[0].gif) no-repeat right bottom;
    }
    
    /* détail */
    #cadre-colonne-milieu div.accroche{     
         background              :   url(/img/site/separateur.gif) repeat-x left top; 
         overflow                :   hidden;
    }
    #cadre-colonne-milieu div.accroche p{     
         background              :   url(/img/site/separateur.gif) repeat-x left bottom; 
         padding                 :   10px 0 10px 0;
         margin-bottom           :   10px;
         font-size               :   11px;
         font-weight             :   bold;
         color                   :   #000;
    }
    #cadre-colonne-milieu dl.photos{  
        width                    :  105px;
        margin                   :  10px 0 0 12px;
        float                    :  left;
        font-size                :  10px;
        color                    :  #000;        
        height:1%;
    }
    #cadre-colonne-milieu dl.photos.clear{  
        margin-left             :   0px;
    }
    #cadre-colonne-milieu .lst-small-haut{  
        clear                    :  both;
        background               :  url(/img/site/separateur.gif) repeat-x left top #eaeaea; 
        overflow                 :  hidden;   
        margin                   :  10px 0 10px 0;  
    }
    #cadre-colonne-milieu .lst-small-bas{  
        background               :  url(/img/site/separateur.gif) repeat-x left bottom; 
        overflow                 :  hidden; 
        font-size                :  11px;
    }
    #cadre-colonne-milieu .lst-small-bas span{  
        display                  :  block;
        padding                  :  5px 0 2px 6px; 
        text-transform           :  uppercase;
        font-weight              :  bold;
    }
    #cadre-colonne-milieu .lst-small-bas ul{  
        margin                   :  0;
        padding                  :  0 0 8px 6px;
        list-style-type          :  none;
    }
    #cadre-colonne-milieu .lst-small-bas ul.liens{         
        border-bottom            :  7px solid #fff;          
    }
    #cadre-colonne-milieu .lst-small-bas ul li{  
        background               :   url(/img/site/puce-lst-small.gif) no-repeat left 6px; 
        padding                  :   2px 0 0 10px;
    }
    #cadre-colonne-milieu .lst-small-bas ul li, #cadre-colonne-milieu .lst-small-bas ul li a{  
        color                    :   #000; 
    }
    #cadre-colonne-milieu a.retour{  
        position                 :   absolute;
        top                      :   60px;
        left                     :   383px;
        width                    :   75px;
        height                   :   14px;
        text-transform           :   uppercase; 
    }
    
/* module liens */
#mod-liens #cadre-colonne-milieu dl.data{
    clear                   :   none;
    background              :   none; 
    width                   :   130px;
    float                   :   left;
    margin-right            :   20px;
}
#mod-liens #cadre-colonne-milieu dl.data dd.titre3 a{
    font-size               :   12px;
}

#mod-liens #cadre-colonne-milieu .separateur{
    clear                   :   both;
    height                  :   2px;
    background              :   url(/img/site/separateur.gif) repeat-x left bottom; 
    margin-bottom           :   10px;
}



/* module mediatheque */
#mod-mediatheque #cadre-colonne-milieu .media{  
	float                        :    left;
	width                        :    141px;
	margin                       :    0 0 10px 17px;
}
#mod-mediatheque #cadre-colonne-milieu .media.clear{
    margin-left                  :    0; 
}
#mod-mediatheque #cadre-colonne-milieu h3{
    font-size                    :    11px;
    font-weight                  :    normal;
    color                        :    #000;   
    background                   :    url(/img/site/triangle2.gif) no-repeat left 7px;
    background-color             :    #468ac0;
    padding                      :    5px 7px 5px 7px;
}
#mod-mediatheque #cadre-colonne-milieu h3 a{
    color                        :    #fff;  
    font-weight                  :    bold;  
}
#mod-mediatheque #cadre-colonne-milieu h3 a.puce{
   background                   :    url(/img/site/puce-droite[1].gif) no-repeat left 3px;
   border-left                  :    1px solid #468AC0;
   text-decoration              :    none; 
}
#mod-mediatheque #cadre-colonne-milieu h3 a.puce:hover{
   background                   :    url(/img/site/puce-droite[0].gif) no-repeat left 3px;
}
#mod-mediatheque #cadre-colonne-milieu h3.detail{
    padding                      :    5px 0 5px 0;
    background                   :    none;
}

/* module contact */
#mod-contact h3{
    position                     : relative;
    text-align                   : center;
    font-size                    : 15px;
    margin-bottom                : 10px;
    text-decoration              : none;
    width                        : 450px;  
}
#mod-contact h3 span.inactif{
    color                        : #9c9e9f;
}
#mod-contact h3 span.inactif:hover{
    color                        : #e75113;
    cursor                       : pointer;
}


/***    COLONE DROITE   ***/
#cadre-colonne-2 .corps{
	width                   :   155px;
    margin-left             :   22px;   
}

/* Actualités */
#cadre-colonne-2 #bloc-actualite{
    background              :   url(/img/site/droite-bas.gif) no-repeat left bottom  #c6c7c8;
    padding                 :   0 13px 26px 13px;
}
#cadre-colonne-2 #bloc-actualite h1{
    width                   :   155px;
    height                  :   36px;
    padding                 :   7px 0 8px 0;
    margin-left             :   -13px;
    background              :   url(/img/site/droite-haut.gif) no-repeat left top;
    text-align              :   center;
    text-transform          :   uppercase;
    font-size               :   15px;
    font-weight             :   normal;
    color                   :   #fff;
    letter-spacing          :   3px;
}
#cadre-colonne-2 #bloc-actualite h1 a{
    color                   :   #fff;
}
#cadre-colonne-2 #bloc-actualite h2{
    text-align              :   left;
    font-size               :   11px;
    margin-top              :   12px;
    text-transform          :   uppercase;
    background              :   url(/img/site/puce-actualite.gif) no-repeat left 1px;
    margin-left             :   -21px;
    padding-left             :   22px;
}
#cadre-colonne-2 #bloc-actualite h2 a{
    color                   :   #fff;
}
#cadre-colonne-2 #bloc-actualite dl{
    margin-top              :   6px;
    padding-bottom          :   4px;
    overflow                :   hidden;
}
#cadre-colonne-2 #bloc-actualite dl dt{
    padding-bottom          :   4px;  
    font-weight             :   bold;
    font-size               :   13px;
    line-height             :   16px;   
}
#cadre-colonne-2 #bloc-actualite dl dt a{
    color                   :   #000;    
}
#cadre-colonne-2 #bloc-actualite dl dd.accroche{
    font-size               :   10px;
    color                   :   #000;
    cursor                  :   pointer;
}
#cadre-colonne-2 #bloc-actualite dl dd.accroche a{     
    background              :   url(/img/site/puce-droite[0].gif) no-repeat right bottom;
    text-decoration         :   none;
}
#cadre-colonne-2 #bloc-actualite dl dd.accroche a:hover{      
    background              :   url(/img/site/puce-droite[1].gif) no-repeat right bottom;
}
#cadre-colonne-2 #bloc-actualite .lien{   
	display                 :   block;
	width                   :   155px;
	height                  :   16px;
    padding-top             :   2px;
	margin                  :   15px 0 0 -13px;
    background              :   url(/img/site/triangle.gif) no-repeat left top #d7d8d9;
    font-size               :   10px;
    font-weight             :   bold;
    color                   :   #e65113;
    text-transform          :   uppercase;
    text-align              :   center;
}

/**************************************/
/*           BASELINE                 */
/**************************************/
#cadre-bas, #cadre-bas  a{
    color                   :   #9c9e9f;
    font-size               :   11px;
}
/* coordonnees */
#zone-coordonnees1,
#zone-coordonnees2{
	padding                 :   5px 0 5px 0;
    color                   :   #000;
}
#zone-coordonnees1 a,
#zone-coordonnees2 a{
    color                   :   #000;
}
#zone-coordonnees1 address,
#zone-coordonnees2 address{
    font-size               :   10px;
    font-style              :   normal;
    font-weight             :   normal; 
}
#zone-coordonnees1 address span.raison-sociale,
#zone-coordonnees2 address span.raison-sociale{
	display                 :   block;
    font-weight             :   bold; 
}
/* menus baseline */
#cadre-bas ul{
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}
#cadre-bas ul li{
    display             :   inline;
}