body{
	font-family				:Arial, Helvetica, sans-serif;
	font-size				:12px;
	background-image		:url(/portal/page/portal/librairie/gouv/images/habillage/bgfct.jpg);
	background-repeat		:repeat-x;
	background-position		:50% top;
	background-color		:#7fabd0;
}
/*img, div, input { behavior: url("/portal/page/portal/librairie/gouv/images/iepngfix.htc") }*/
#zone_center ul{list-style-type: circle;}
/*#bg_bandeau_ombre, #contenu, #menu_top li { behavior: url(../styles/iepngfix.htc) }*/
h3{color:#236eb2; font-size:13px;}
h4{color:#EB8D00; font-size:12px; font-weight:bold;}
/*---------------------------------- Lire la suite ----------------------------------*/
#nw_1 .suite, #news_3 .suite{color:#FF9900;	text-decoration:none;}
#nw_1 .suite{display:block;text-align:right;}
#news_3 .suite{position:absolute;	right:20px;}
#nw_1 .suite:hover, #news_3 .suite:hover{text-decoration:underline;}
a, #affichage_2 .suite, #affichage_3 .suite, #affichage_4 .suite, #affichage_5 .suite, #grand_actu .suite{color:#9fbfd8;text-decoration:none;}
a:hover, #affichage_2 .suite:hover, #affichage_3 .suite:hover, #affichage_4 .suite:hover, #affichage_5 .suite:hover, #grand_actu .suite:hover{text-decoration:underline;}
#zone_center h2{color:#223794;font-size:16px;text-decoration:underline;}
/*---------------------------------- Positionnement des div ----------------------------------*/
#global{
	margin	:auto;
	width	:975px;
	text-align				:justify;
}
#bandeau{
	width :975px;
	height :215px;
}

#flash_infos{
	width :685px;
	height :20px;
	padding :33px 0px 0px 250px;
}
#flash_infos a{color	:#FFFFFF;}
#flash_infos a:hover{text-decoration:none;}

#logo{	position :absolute;	top :-77px;	left :32px;	z-index :1;}
#menu_top{ margin:0px 0 0 718px; height:130px;}
#menu_top ul { margin:0; padding:0;}
#menu_top li{	display :block;	float :left;	width :63px;	text-align :center;	padding :50px 5px 0px 15px;	height :45px;}
#menu_top .item2{	padding :50px 5px 0px 5px;}
#menu_top .item3{	padding :50px 5px 0px 5px;}
#menu_top a{color	:#7F7F7F;}
#menu_top a:hover{text-decoration:none;}


/* = MENU DU HAUT 
*/
 
/* = MENU DU HAUT 
*/
 
.menuHaut {width:915px; font-size:12px;margin-left:40px;}

/* remove all the bullets, borders and padding from the default list styling */
.menuHaut ul {padding:0;margin:0;list-style-type:none;z-index:150;}
.menuHaut ul ul {width:150px;z-index:150;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menuHaut positon */
.menuHaut li {float:left;/*width:150px;*/position:relative; padding-right:10px; display:block;}
/* style the links for the top level */
.menuHaut a, .menuHaut a:visited {display:block; text-decoration:underline; color:#000000; /*width:139px; height:30px;*/ border:1px solid #fff; border-width:1px 1px 0 0; /*background:#2281c3;*/ padding-left:10px;line-height:29px; text-align:left;}
/* a hack so that IE5.5 faulty box model is corrected */
/** html .menuHaut ul li ul a, * html .menuHaut ul li ul a:visited {width:150px;w\idth:139px;}*/
/* style the second level background */
.menuHaut ul ul a.drop, .menuHaut ul ul a.drop:visited {background:#eff2f4;background-image:url(../images/fleche_n.gif);background-repeat:no-repeat;background-position:2px;text-decoration:none;}/* style the second level hover */
.menuHaut ul ul a.drop:hover{background:#C3C7CB;background-image:url(../images/fleche_n.gif);background-repeat:no-repeat;background-position:2px;text-decoration:none;}
.menuHaut ul ul :hover > a.drop {background:#C3C7CB;background-image:url(../images/fleche_n.gif);background-repeat:no-repeat;background-position:2px;text-decoration:none;}
/* style the third level background */
.menuHaut ul ul ul a, .menuHaut ul ul ul a:visited {background:#eff2f4;text-decoration:none;}
/* style the third level hover */.menuHaut ul ul ul a:hover {background:#C3C7CB;}
.menuHaut ul ul ul :hover > a {background:#C3C7CB;text-decoration:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuHaut ul ul {visibility:hidden;position:absolute;height:0;top:30px; left:0; width:150px;}
/* another hack for IE5.5 */
* html .menuHaut ul ul {top:29px;t\op:30px;}
/* position the third level flyout menuHaut */
.menuHaut ul ul ul{left:-150px; top:0px;width:150px;}
/* position the third level flyout menuHaut for a left flyout */
.menuHaut ul ul ul.left {left:-150px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menuHaut table {position:absolute; top:0; left:0;}
/* style the second level links */
.menuHaut ul ul a, .menuHaut ul ul a:visited {background:#eff2f4; color:#000; height:auto; line-height:1em; padding:5px 10px; text-decoration:none; width:129px /* yet another hack for IE5.5 */ }
* html .menuHaut ul ul a{width:150px;w\idth:129px; text-decoration:none;}

/* style the top level hover */
.menuHaut a:hover, .menuHaut ul ul a:hover{color:#000;text-decoration:none;background:#C3C7CB;}
.menuHaut :hover > a, .menuHaut ul ul :hover > a {color:#000;text-decoration:none;background:#C3C7CB;}
/* make the second level visible when hover on first level list OR link */
.menuHaut ul li:hover ul,.menuHaut ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menuHaut ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menuHaut ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menuHaut ul :hover ul :hover ul{ visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menuHaut ul :hover ul :hover ul :hover ul { visibility:visible;}



/* = GALERIE + ACTUS
---------------------------------------------------------------------
*/
#galerie{float:left; width:488px; margin-left:15px; _margin-left:8px;}
#nw_1{float:left; width:450px;}



/*---------------------------------- Décoration du menu ----------------------------------*/
#menuHaut .item1{
	background-image		:url(../images/habillage/btn_accueil.gif);
	width					:53px;
}
#menuHaut .item2{
	background-image		:url(../images/habillage/btn_actualites.gif);
	width					:77px;
}
#menuHaut .item3{
	background-image		:url(../images/habillage/btn_presidence.gif);
	width					:80px;
}
#menuHaut .item9{
	background-image		:url(../images/habillage/btn_gouvernement.gif);
	width					:98px;
}
#menuHaut .item13{
	background-image		:url(../images/habillage/btn_salle_presse.gif);
	width					:98px;
}
#menuHaut .item25{
	background-image		:url(../images/habillage/btn_institutions.gif);
	width					:81px;
}
#menuHaut .item43{
	background-image		:url(../images/habillage/btn_ecrire_president.gif);
	width					:100px;
}
#menuHaut .item44{
	background-image		:url(../images/habillage/btn_contact.gif);
	width					:46px;
}

#menu ul{
	margin					:0px;
	padding					:0px;
}

#menu li{
	display					:block;
	float					:left;
	height					:24px;
	padding					:0px 20px 0px 20px;
}

#menu a{
	color					:#000000;
	text-decoration			:none;
	display					:block;
	height					:24px;
	background-repeat		:no-repeat;
	background-position		:top;
	
}

#menu a:hover, #menu .active{
	color					:#7F7F7F;
	background-position		:bottom;
}

/*---------------------------------------------------------*/

/*margin-left:2px;*/
#contenu{
	padding:0 0 75px 10px;
	width	:979px;
	background-image		:url(../images/habillage/bg_ombre.gif);
	background-repeat		:repeat-y;
	heigh:100%;

}
/*---------------------------------- Flash info ----------------------------------*/
#mooquee1{
	position:relative;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*mooquee*/
.mooquee {border: solid 2px #C0C0C0;padding: 5px;	position: absolute; overflow: hidden;white-space: nowrap;}
.mooquee-text{position: absolute;}

#onglet1{
	width:218px;
	height:38px;
	display:block;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	color:#7F7F7F;
	padding-top:10px;
	overflow:hidden;
	font-weight:bold;
	float:left;
	text-align:center;
}
#onglet1:hover{
	text-decoration:underline;
}
#onglet1 span{
	text-align:center;
	width:200px;
}

#onglet2{
	float:left;
	width:218px;
	height:38px;
	text-align:center;
	display:block;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	color:#7F7F7F;
	padding-top:10px;
	overflow:hidden;
	font-weight:bold;
}
#onglet2:hover{	text-decoration:underline;}
#onglet2 span{	text-align:center;	width:200px;}

.breveactive{background-image:url(../images/habillage/onglet_news_1.gif);background-position:bottom;}
.breveinactive{background-image:url(../images/habillage/onglet_news_1.gif);background-position:top;}
.brevespace {clear:both;line-height:10px;background-color:#a8b5bf;width:437px;}

#breve1, #breve2{
	background-image:url(../images/habillage/bg_news_1.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#01233F;
	width:407px;
	height:202px;
	padding:5px 15px 15px 15px;
	color:#FFFFFF;
}
/*---------------------------------- Fil d'ariane + Recherche ----------------------------------*/
#zone_ariane{		clear :both;	width :930px;	height :23px;	background:url(../images/habillage/bg_arianefct.gif) repeat-y;	color :#FFFFFF;	padding :0;	margin-left:5px;}
#ariane{	position :relative;	top :3px;	left :20px;	font-weight :bold;}
#ariane a{	color:#FFFFFF;	text_decoration:none;}

#recherche{	position :absolute;top:0;right:0;}
#picto_loupe{	position:absolute;	top:-11px;	left:-65px;}
#searchBarRight{	position :relative;	top :-2px;	right :20px;	font-size:10px;	width:182px;}

.textbutton{
	height:12px;
	font-size:10px;
}
.searchbutton{
	height:20px;
	font-size:10px;
}
/*---------------------------------- Zone gauche ----------------------------------*/
#zone_left{
	position				:relative;
	float					:left;
	width					:220px;
	top					:15px;
	left					:20px;
	/*min-height:620px;*/
}
#zone_left div{padding-bottom:5px;}
#campagne_1 h3{display:none;}
/*---------------------------------- Accès thématique ----------------------------------*/
#acces_thematique{color:#002340;}
#acces_thematique h3{
	background-image:url(../images/habillage/titre_acces_them.gif);
	width:220px;
	height:26px;
}
#acces_thematique h3 span{display:none;}
#acces_thematique a{
	color:#002340;
	text-decoration:none;
	width:200px;
	heigth:15px;
	display:block;
}
#acces_thematique a:hover{text-decoration:underline;}
#acces_thematique #taille_gauche ul{
	margin:0px;
	padding:0px 0px 0px 15px;
	list-style-image:url(../images/habillage/li_thematique.gif);
	list-style-type:none;
}
#acces_thematique #taille_gauche li{
	background-image : url(../images/habillage/bg_acces_them.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:2px 0px 2px 0px;
	margin:0px 0px 5px 0px;
	font-size:11px;
	width:205px;
	height:18px;
}
/*---------------------------------- Body ----------------------------------*/
.etoile{color:#F5A700;}
#zone_center{
	position				:relative;
	float					:left;
	width					:453px;
	top					:15px;
	left					:38px;
	display					:block;
}
#grande_actu{
	background-image:url(../images/habillage/bg_grande_actu.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#EEEEEE;
	border:1px solid #EEEEEE;
	display:block;
	widht:437px;
	height:216px;
	margin:0px 0px 20px 0px;
	padding:7px 7px 7px 7px;
	overflow:hidden;
}
.AlaUnePhoto{
	display:block;
	width:210px;
	height:215px;
	overflow:hidden;
	position:relative;
	left:0px;
	top:0px;
	float:left;
	margin:0px 15px 0px 0px;
}
#grande_actu h2 a{
	color: #002646;
	font-size:12px;
	/*margin:0px 0px 0px 7px;*/
	text-decoration:none;
}
#affichage_2 h2, #affichage_3 h2, #affichage_4 h2, #affichage_5 h2{color: #002646;font-size:12px;margin:15px 0px 0px 7px;}
#grande_actu h2, #affichage_2 h2 a, #affichage_3 h2 a, #affichage_4 h2 a, #affichage_5 h2 a{color: #002646;font-size:12px;text-decoration:none;}
#grande_actu h2 a:hover, #affichage_2 h2 a:hover, #affichage_3 h2 a:hover, #affichage_4 h2 a:hover, #affichage_5 h2 a:hover{text-decoration:underline;}
#affichage_2, #affichage_3, #affichage_4, #affichage_5{
	width:215px;
	height:172;
	background-image:url(../images/habillage/bg_mea.gif);
	background-repeat:repeat-x;
	border:1px solid #EEEEEE;
	display:block;
}
#affichage_2{
	position:relative;
	float:left;
	top:0px;
	display:block;
	height:172px;
	overflow:hidden;
}
#affichage_4{
	position:relative;
	float:left;
	top:15px;
	display:block;
	height:172px;
	overflow:hidden;
}
#affichage_3{
	position:relative;
	float:right;
	display:block;
	height:172px;
	overflow:hidden;
}
#affichage_5{
	position:relative;
	float:right;
	top:15px;
	display:block;
	height:172px;
	overflow:hidden;
}
.photoActu2et3{
	display:block;
	width:200px;
	height:73px;
	overflow:hidden;
	position:relative;
	left:7px;
	top:7px;
}
.photoActu2et3 img{
	position:relative;
	top:-30px;
}
.AlaUneTexte2et3{
	position:relative;
	width:200px;
	left:7px;
}
.titreactu{font-weight:bold; font-size:13px;color:#00569D;}
.titreactu a{text-decoration:none;}
.titreactu a:hover{text-decoration:underline;}
/*---------------------------------- zone droite ----------------------------------*/
#zone_right{
	position				:relative;
	float					:right;
	right					:30px;
	width					:210px;
	top					:15px;
}
#zone_right a, #decision h3{
	color:#002747;
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size:12px;
}
#zone_right a:hover{text-decoration:underline;}
#fct{
	width:210px;
	height:52px;
	background-image:url(../images/habillage/avotreavis.gif);
	background-repeat:no-repeat;
	padding-bottom:15px;
}
#fct a{	height: 52px; width: 210px; text-indent: -999em}
#tnt{
	width:210px;
	height:52px;
	background-image:url(../images/habillage/btn_tnt.gif);
	background-repeat:no-repeat;
	padding-bottom:15px;
}
#presse{
	width:210px;
	height:52px;
	background-image:url(../images/habillage/btn_presse.gif);
	background-repeat:no-repeat;
	padding-bottom:15px;
}
#communiques{
	width:210px;
	min-height:52px;
	background-image:url(../images/habillage/btn_communique.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:5px;
	padding-top:34px;
}
#decision{
	width:210px;
	min-height:52px;
	background-image:url(../images/habillage/btn_decisions.gif);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	padding-bottom:5px;
}
#decision a{font-weight:normal;}
#decision #taille_droite ul{margin-bottom:0px;}
#decision #taille_droite ul li a{font-weight:normal;}
#lien_decision{
	position:relative;
	right:-22px;
	bottom:0px;
	font-size:11px;
	font-weight:normal;
	padding:5px 0px 5px 0px;
}
#lien_decision a{
	color:#00569D;
	text-decoration:underline;
	font-weight:normal;
}
#lien_decision a:hover{color:#00569D;text-decoration:none;}
#annuaire{
	width:210px;
	height:52px;
	background-image:url(../images/habillage/btn_annuaire.gif);
	background-repeat:no-repeat;
	position:relative;
	padding-bottom:15px;
	font-weight:bold;
	color:#002747;
}
#directions{
	width:210px;
	height:52px;
	background-image:url(../images/habillage/btn_directions.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:15px;
	font-weight:bold;
}
#faq{
	width:210px;
	height:52px;
	background-image:url(../images/habillage/btn_faq.gif);
	background-repeat:no-repeat;
}
#tnt a{
	position:relative;
	left:25px;
	top:3px;
	width:115px;
	text-align:left;
}
#annuaire a, #decision h3{
	position:relative;
	left:25px;
	top:10px;
	width:115px;
	text-align:left;
	color:#002747;
}
#presse a{
	position:relative;
	left:25px;
	top:15px;
	width:115px;
	text-align:left;
}
#faq a{
	position:relative;
	left:25px;
	top:20px;
	width:115px;
	text-align:left;
}
#communiques h4{display:none;}
#nuage{
	position:relative;
	float:left;
	left:12px;
	top:30px;
	width:448px;
}
#video{
	position:relative;
	float:right;
	right:30px;
	width:428px;
	height:158px;
	color:#003057;
	font-size:11px;
	top:30px;
	background-image:url(../images/habillage/bg_video.gif);
	background-color:#E1E1E1;
	background-repeat:repeat-x;
	background-position:top;
	padding:8px
}
#video h2{
	font-size:12px;
	margin:0px;
	padding:0px;
}
#video .zone_date{
	color:#00569D;
	font-size:11px;
}
#video .date{color:#7F7F7F;}
#menu_direction{
	position				:relative;
	clear					:both;
	top						:45px;
	left					:12px;
	width					:930px;
	height					:20px;
	background-image		:url(../images/habillage/bg_menu_direction.gif);
	background-repeat		:repeat-y;
	color					:#FFFFFF;
	padding					:3px 0px 0px 0px;
}
#menu_direction a{
	color:#FFFFFF;
	font-size:13px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
}
#menu_direction a:hover{text-decoration:underline;}
#news_3{
	position:relative;
	top:55px;
	left:20px;
	width:927px;
	height:141px;
	background-image:url(../images/habillage/bg_news_3.jpg);
}
/*---------------------------------- Communiqués ----------------------------------*/
/*Accordeon*/
#communiques #taille_droite{width:209px;background-color:#BEC3C7;}
#decision #taille_droite{
	width:209px;
	background-color:#F3F5F7;
	padding:2px 0px 5px 0px;
	position:relative;
	top:9px;
	/top:2px;
}

#accordion h3{
	margin:0px;
	font-weight:normal;
	text-align:left;
	border-bottom:1px dashed #002543;
}
.togglers{font-size:11px; color:#002543;background-color:#E4E4E4;padding:10px; font-weight:bold; cursor:pointer;}
.togglers1{font-size:12px; background-color:#E0E4EC;padding:10px; font-weight:bold; cursor:pointer;}
/*Tips*/
.tip-title {color: #fff;background-color: #666; width:200px; font-size:12px;padding:5px;}
.tip-text {color: #666;	padding: 5px;background-color: #666;width:200px; font-size:10px;display:none;}
.tip {background-color: #333; padding: 5px;}
#accordion .elements{padding:10px;}
#lien_communique{
	position:relative;
	right:-45px;
	bottom:0px;
	font-size:11px;
	font-weight:normal;
	padding:5px 0px 5px 0px;
}
#lien_communique a{
	color:#00569D;
	text-decoration:underline;
	font-weight:normal;
}
#lien_communique a:hover{color:#00569D;text-decoration:none;}
/*---------------------------------- Vidéo----------------------------------*/
#lecteur_video{
	float:left;
	margin:0px 10px 0px 0px;
	/*border:1px solid #00233F;*/
	width:207px;
	height:157px;
	overflow:hidden;
	z-index:1;
}
/*---------------------------------- news 3 bas de page----------------------------------*/
/*Caroussel des actus en bas*/
#SlideItMoo_info_outer { 
	display:block; 
	position:relative; 
	width:965px; 
	height:140px; 
	margin:0px auto 0px; 
	/*border:1px #CCCCCC solid;*/
	top:15px; 
	left:2px;
	color:#FFFFFF;
}
#SlideItMoo_info_inner { 
	position:relative ; 
	overflow:hidden ; 
	width:965px ; 
	height:140px ; 
	margin:0px auto 0px;  
}
#SlideItMoo_info_items { 
	display:block; 
	position:relative; 
}

#SlideItMoo_info_items .info_item{
	display:block; 
	position:relative;
	width:290px;
	height:140px;
	float:left;
	/*background:#E8E8E8;*/
	text-align:justify;
	padding:0px;
	/*border-right:1px #333333 solid;*/
	font-size:10px;
	padding-right:13px;
}

#SlideItMoo_info_items .info_item a img{
	border:1px solid #fff;
	width:90px; height:77px;
}

#SlideItMoo_info_items .info_item img {
	float:left;	
	margin-right:5px;
}

#SlideItMoo_info_items .info_item h1{
	background:none;
	color:#006699;
	text-align:left;
	margin:5px 0px 5px;
	font-size:12px;
	margin-right:2px;
}
/*Caroussel de news*/
/* Overriding the default Slideshow thumbnails for the vertical presentation */

    .slideshow-thumbnails {
    	height: 280px;
    	left: 370px;
    	/*right: -80px;*/
    	top: 0;
    	width: 95px;
    	position:absolute;
    	background-color:#00294B;
    }
    .slideshow-thumbnails ul {
    	/*height: 500px;*/
    	width: 70px;
    	padding:0px 0px 0px 10px;
    	margin:0px;
    	
    }
    .slideshow-thumbnails li {
	list-style: none;
	margin: 5px 5px 5px 0;
}
.slideshow-thumbnails img {
    	height: 45px;
    	width: 65px;
    }
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 3px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #A4B1BC !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #fff;
	opacity: 1;
	
}
.slideshow-thumbnails-inactive {
	background-color: #00294B;
	opacity: .5;
}

#directions form{
	position:relative;
	top:25px;
	left:15px;
}
#directions form a{
	position:absolute;
	top:0px;
	right:35px;
}

/*---------------------------------- Espace interactif ----------------------------------*/

#menuInter {
  margin:0; 
  padding:0; 
  width:450px;
  height:100px;
  overflow:hidden; 
  background:#fff;
  }
#menuInter li {
  display:inline;
  list-style-type:none; 
  }
#menuInter li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#menuInter li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#menuInter li a span {
  display:none; 
  }
#menuInter li a:hover {
  background:#fff;
  }
#menuInter li a:hover img {
  opacity:1;
  }
#menuInter li a:hover span {
  width:110px;
  color:#01233f;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menuInter .h2 {
  margin:0 5px; 
  padding:0; 
  color:#e28800;  
  font-size:14px; 
  border:0;
  }
.outer {
  background:transparent; 
  font-size:0.9em;
  }
  /*---------------------------------- Actualités ----------------------------------*/
  #encartActu{
  	display:block;
  	float:left;
  	border:1px solid #EEEEEE;
  	width:437px;
  	margin:0px 0px 20px 0px;
	padding:7px 7px 7px 7px;
  }
  
  #photo_actu{
  	display:block;
  	float:left;
  	margin:0px 10px 0px 0px;
  	width:127px;
  	height:95px;
  	overflow:hidden;
  	text-align:center;
  	border:1px solid #01233F;
  }
    a.liencache{color:#000;text-decoration:none;}
a.liencache:hover{color:#000;text-decoration:none;}