@import "css_reset.css"; 


.clear,.clearer {clear:both; height:0; font-size:1px; margin:0; padding:0; line-height:1px;overflow:hidden;}

body { font-family:Arial, sans-serif; font-size:1em; }
* a { text-decoration:none; }
* a:hover { text-decoration:underline; }
* a.reversed { text-decoration:underline; }
* a.reversed:hover { text-decoration:none; }
#whole { width:968px; margin:auto; }
#header { position:relative; background:url(../img/general/bg_header.jpg) no-repeat 0 0; width:968px; height:126px; z-index:3; }
#logo { position:absolute; top:20px; left:25px;}
#titre_kit_energie { position:absolute; top:18px; left:330px;}
#bloc_recherche { position:absolute; right:30px; top:70px; width:160px; z-index:15;}
#bloc_recherche #recherche_keywords input.text { float:left; height:16px; width:115px; margin-right:3px; border:1px solid #7faddd; color:black; font-size:0.7em;   }
#bloc_recherche #recherche_keywords input.submit { float:left; border:none; height:18px; cursor:pointer; width:40px; background:#005bbb url(../img/general/picto_search.jpg) no-repeat 5px 4px; margin-top:1px;  padding-right:2px;font-size:0.7em;color:white;  text-align:right; }
#bloc_recherche #recherche_keywords input.submit:hover {background:#7faddd url(../img/general/picto_search_over.jpg) no-repeat 5px 4px;  }
#bloc_recherche #recherche_competences {position:relative; z-index:15; zoom:1;  }
#bloc_recherche #recherche_competences {font-size:0.7em;  }
#bloc_recherche #recherche_competences #liste_competence_titre a { display:block; height:16px; width:155px; padding:3px 1px 0 1px;  margin-top:2px; background:white url(../img/general/picto_select.jpg) no-repeat 140px 4px;  border:1px solid #7faddd; color:black;}
#bloc_recherche #recherche_competences #liste_competences_bloc { display:none; z-index:15; position:absolute; top:-2px; right:0; width:300px; padding:5px;  margin-top:2px; background:white;  border:1px solid #7faddd; color:black;}
#bloc_recherche #recherche_competences #liste_competences_bloc a { background:url(../img/general/puce_carre_bleu.jpg) no-repeat 0 6px; color:black; font-size:1.1em; width:240px; padding-left:15px; display:block; padding-right:10px; margin-bottom:3px;}
#bloc_recherche #recherche_competences #liste_competences_bloc a#liste_competences_close { position:absolute; top:4px; right:-4px; width:12px; height:1px; display:block;}

/* preload images */
.images_preload { position:absolute; top:98%; left:0; visibility:hidden; z-index:0; height:1px; overflow:hidden;}

/* MENU */
#menu { position:absolute; left:15px; bottom:0; z-index:10;}
#menu ul, #menu li { margin:0; height:34px;}
#menu li { float:left; }
#menu li a { display:block; height:100%; width:100%;}
#menu li span { display:none;}
#menu .menu_themes { zoom:1; width:128px; height:34px; background:url(../img/general/menu_touslesthemes.jpg) no-repeat 0 0;  }
#menu .menu_pistes { width:207px; background:url(../img/general/menu_touteslespistes.jpg) no-repeat 0 0; }
#menu .menu_jeux { width:109px; background:url(../img/general/menu_touslesjeux.jpg) no-repeat 0 0; }
#menu .menu_mediatheque { width:118px; background:url(../img/general/menu_mediatheque.jpg) no-repeat 0 0; }
#menu .menu_region { width:120px; background:url(../img/general/menu_votreregion.jpg) no-repeat 0 0; }
#menu .menu_themes:hover {  background:url(../img/general/menu_touslesthemes_over.jpg) no-repeat 0 0; }
#menu .menu_pistes:hover { background:url(../img/general/menu_touteslespistes_over.jpg) no-repeat 0 0; }
#menu .menu_jeux:hover { background:url(../img/general/menu_touslesjeux_over.jpg) no-repeat 0 0; }
#menu .menu_mediatheque:hover { background:url(../img/general/menu_mediatheque_over.jpg) no-repeat 0 0; }
#menu .menu_region:hover { background:url(../img/general/menu_votreregion_over.jpg) no-repeat 0 0; }

/* fil d'ariane */
#fil_ariane { margin-left:115px; margin-top:-2px;font-size:0.7em;}
#fil_ariane a {color:#005bbb; }
#fil_ariane .fil_ariane_separator { color:#005bbb; }
#fil_ariane .fil_ariane_no_link { color:#999999; }

/****************
*	CONTENU
****************/
#content { position:relative; }
#content_top { background:url(../img/general/bg_content_top.jpg) no-repeat 0 0; height:9px; width:968px;}
#content { padding-bottom:20px; background:url(../img/general/bg_content.jpg) repeat-y 0 0; width:968px;}

/* homme decoratif */
#homme_decoratif { position:absolute; left:7px; top:50px; background:url(../img/general/bg_homme.jpg) no-repeat 0 0; width:94px; height:218px;} 

/* oeil decoratif */
#oeil_decoratif { position:absolute; left:7px; top:50px; background:url(../img/recherche/oeil.jpg) no-repeat 0 0; width:95px; height:115px;} 

/* footer */
#footer {  background:url(../img/general/bg_footer.jpg) no-repeat 0 0; width:968px; height:15px; margin-bottom:0px;}

/* -> fiche left */
#fiche_left { float:left;margin-left:115px; width:550px; border-top:1px solid #ebeff4; margin-top:4px; padding:3px 0 0 0;}
#tools { width:65px; float:right; margin-bottom:5px; }
#tools .picto { float:right; width:16px; margin-right:5px;}
#tools #picto_imprimer {  margin-right:7px;}
#tools .last { margin-right:0px;}
		
/* --> chapo */
#fiche_left h2 { color:#09357a; font-size:1.2em; font-weight:normal; margin-bottom:15px;}
#fiche_left .chapo { color:#0258bb; font-size:.8em; font-weight:bold; margin-bottom:15px; text-align: justify;}

/* --> liste sommaire */
#fiche_left #sommaire { margin-left:5px; padding:10px 0 10px 0; border-top:1px solid #ebeff4;  border-bottom:1px solid #ebeff4; }
#fiche_left #sommaire li {margin-bottom:2px;font-size:.8em; background:url(../img/general/puce_fleche_orange.jpg) no-repeat 0 4px; padding-left:16px;  }
#fiche_left #sommaire li a { font-size:.9em; color:#005bbb;}

/* --> paragraphes */
#fiche_left h3 { margin-top:25px; color:#ffa02f; border-bottom:1px solid #ffa02f; padding-bottom:2px; margin-bottom:10px; font-weight:bold; font-size:.9em; text-align: left; } 
#fiche_left p {line-height:1.2em; margin:13px 0px 4px 0px; font-size:.8em;} 
#fiche_left ul { margin-left:10px;} 
#fiche_left ul li { background:url(../img/general/puce_carre_bleu.jpg) no-repeat 0 6px; padding-left:7px;  font-size:.8em; padding-bottom:4px;} 
#fiche_left table { padding:10px; order-collapse:collapse;} 
#fiche_left table td { padding:10px;}

/* Bon à savoir */
#fiche_left table h3 { margin:0; color:#3f82ca; background-color: #ebeff4; margin-bottom:1px; font-size: 14px; font-weight: bold; border: 0px; height: 26px; line-height: 26px; vertical-align: center; padding-left: 10px;} 
#fiche_left table div { border: 1px solid #ebeff4; margin: 0px; padding: 0px 10px;} 


/* -> fiche right */
#fiche_right { margin-right:5px; float:right; width:270px; padding-top:20px;}
.activite_separator { color: #DDD; background-color: #DDD; height: 1px; border: 0; }

/* --> encarts */
.encart { zoom:1; width:257px; margin-bottom:40px; }
.encart h3 span  { display:none;}
.encart_avecvoseleves h3 { background:url(../img/general/encart_titre_avecvoseleves.jpg) no-repeat 0 0px; height:38px; }
.encart_pourvoseleves h3 { background:url(../img/general/encart_titre_pourvoseleves.jpg) no-repeat 0 0px; height:26px; }
.encart_mediatheque h3 { background:url(../img/general/encart_titre_mediatheque.jpg) no-repeat 0 0px; height:30px; }
.encart_content {zoom:1;  background:url(../img/general/bg_encart.jpg) no-repeat 0 bottom; padding:5px 10px 20px 10px; font-size:0.7em;}
.encart_content p { margin:4px 0 4px 0; font-size:1em; color:#333333; }
.encart_content p.tags a  { color:#075ab8;}
.content_paragraphe { text-align: justify; }
.content_paragraphe a { color:#005BBB; font-size:.8em; }

.activite_numero { color:#FF5811; font-style:italic; line-height:14px; }
.encart_content p.intro_ressources { color:#FF5811; font-style:italic; line-height:14px; }
.encart_content p.intro_ressources a { color:#FF5811; font-style:italic; line-height:14px; }

/* ---> encart vignette */
.encart_vignette { float:left; width:100px;  }
.encart_lien { float:left; width:121px; position:relative; padding-left:10px; padding-top:2px;}
.encart_lien a { display:block; font-weight:bold;  color:black; font-size:1em; }
.encart_fleche { position:absolute; top:11px; left:-13px; }

/* ---> encart liste */
.encart_content ul li { zoom:1; background:url(../img/general/bulle_fleche_bleue.jpg) no-repeat 0 0px;  padding-left:20px;}
.encart_content ul li a { font-size:1em; color:black; font-weight:bold; position:relative; top:-1px; line-height:16px;}


/****************
*	GABARIT SANS COLONNE
****************/
#gabarit2 #content_page { width:815px; margin-left:115px;}
#gabarit2 #fil_ariane { margin-left:0px; border-bottom:1px solid #EBEFF4; margin-bottom:4px; padding-bottom:3px;}

/* On reformate les listes pour les blocs de droit et le contenu pédagogique */
.encart_avecvoseleves ul li, .encart_pourvoseleves ul li { background: url(../img/general/puce_carre_bleu.jpg) no-repeat 0 4px; font-size: 1em; margin-left: 25px; padding-left: 7px; }
.encart_avecvoseleves ol li, .encart_pourvoseleves ol li { background: none; font-size: 1em; list-style: decimal; margin-left: 40px; padding-left: 0px; }
#fiche_text ol li {	background: none; font-size: 1em; list-style: decimal; margin-left: 35px; padding: 0px; }
#fiche_text ul br { display: none; }
#fiche_text ol br {	display: none; }




/** Formatage des textes dans les bloc liens : **/
.encart_lien li {  font-size:1em; background:url(../img/general/puce_carre_bleu.jpg) no-repeat 0 6px; padding-left:9px;  }
.encart_lien ol, .encart_lien ul {  margin-left:10px; }
.encart_lien ol { font-size:1em; }
.encart_lien ol li { background:none; font-size:1em; list-style-type:decimal; padding-left:7px; list-style-position: inside; }
.encart_lien ol a, .encart_lien ul li a {  font-size:1em; }



/************************************
	MESSAGE DE PAGE
************************************/
#page-message-ok { padding:5px; border:1px solid #04740c; font-size:.8em; color:#04740c;}
#page-message-error { padding:5px; border:1px solid #de7171; font-size:.8em; color:#d20000;}


/************************************
	POPIN
************************************/

.popin-content { display:none;}
.popin { background:white; position:absolute; z-index:10002; top:100px; left:100px;  width:800px; color:black; margin:auto;  border:1px solid #005db9; z-index:100004;}
.popup-content { padding:20px; }
#overlay { width:100%; height:100%; position:absolute; z-index:10000; top:0; left:0; zoom:1;   background:black; }
#popup-image { position:absolute; right:0; top:-55px; }
.close-popin-content { display:none; }
.popin .top { font-size:1.1em; font-weight:bold; height:20px; background:#249df2;padding:5px 10px 5px 10px;  color:white;}

#close-popin { position:absolute; right:10px; top:5px; z-index:100005; }

/* ligne_decoration */
#ligne_decoration { height:30px; width:1px; background:#b2b2b2; position:absolute; z-index:100000; overflow:hidden; top: 289px; left:264px; }


/* popin media */
.popin-media-content { background-color:#ffffff; padding:10px;   padding-bottom:50px;}
.popin-media-content h2 { color:#005db9; font-size:1.1em; font-weight:normal; margin:0 0 15px 0; padding-bottom:5px; border-bottom:1px solid #ebeff4; }
.popin-media-content #tools_media { /*position:absolute; bottom:10px; height:30px;*/ border-top:1px solid #ebeff4; left:0; width:100%;}
.popin-media-content #tools_media #inner { padding:10px; font-size:.8em; color:#005db9;}
.popin-media-content #tools_media #inner a { color:#005db9; background:url(../img/general/bulle_fleche_bleue.jpg) no-repeat 0 1px;  padding-left:20px;}
.popin-media-wrapper { text-align:center; }

#wrapper_legende { width:600px; float:right; padding:12px 5px 5px 0;}
#wrapper_legende  h4{ color:#005db9; font-weight:normal;font-size:0.9em; font-style:italic;}
#wrapper_legende  li {  font-size:1em; background:url(../img/general/puce_carre_bleu.jpg) no-repeat 0 6px; padding-left:9px;  }
#wrapper_legende  ol, #wrapper_legende  ul {  margin-left:10px; }
#wrapper_legende  ol { font-size:1em; }
#wrapper_legende  ol li { background:none; font-size:1em; list-style-type:decimal; padding-left:7px; list-style-position: inside; }
#wrapper_legende  ol a, #wrapper_legende  ul li a {  font-size:1em; }
/* Legende d'un media */
.legende {
	font-size: .8em;
	color: black;
}

/* Crédits d'un media */
.credits {
	 border-top:1px solid #ebeff4;
	 padding-top:5px;
	margin-top:8px;
	font-size: .8em;
	color: #777;
}
/* popin-send-friend */
.popin-send-friend-content { padding:10px; }
.popin-send-friend h4 { font-size:.8em; font-weight:normal;color:#005db9; margin:0 0 5px 0;}
.popin-send-friend .help { font-size:.8em; color:#005db9; margin:0 0 10px 0;}
.popin-send-friend label { font-size:.9em;  }
.xearle-form-field-error-message { color:#d20000; font-size:.8em;}

.popin-send-friend .submit {  width:113px; margin:auto; display:block; margin-top:15px; clear:both;}

.popin-send-friend .xearle-help-text { display:block; font-size:0.7em; font-style:italic;}
#xearle-form-form_send_friend { width:650px; margin:auto; }
#xearle-field-send_message { width:100%; margin-top:5px; border:1px solid #ddd; padding:2px; height:100px; }
.send_friend_left { width:300px; float:left; }
.send_friend_left input { width:300px; border:1px solid #ddd; height:20px; padding:2px; margin-top:5px;}
.send_friend_right { width:300px; float:right; }
.send_friend_right input { width:300px; border:1px solid #ddd; height:20px; padding:2px;margin-top:5px;}



.backToTop {
	float: right;
	text-align: right;
	font-size: .7em;
	color: #888;
}


.backToTop a {
	color: #888;
}

/* Bande grise contenant les classements par catégorie ou type en haut des pages médiathèque, liens et pistes pédagogiques */
#summary_resultats { height:28px; width:768px; background:url(../img/recherche/bg_nb_resultats.jpg) no-repeat 0 0; font-size:.8em; padding:8px 0 0 5px; margin:8px 0 0 0;}
#summary_resultats .active { background:url(../img/pistes/fleche_noire.jpg) no-repeat 0 4px; padding-left:11px; padding-right:10px; } 
#summary_resultats a { background:url(../img/pistes/fleche_bleue.jpg) no-repeat 0 4px; color:#1362c1; padding-left:11px; padding-right:10px; }


#Page  { text-align:left; }
#Page #Footer {width:980px; clear:both; float:none;  margin:0px auto 0 auto; padding:0px 0 0 0; background:url(../img/general/bg_footer_edf.jpg) 0 0 no-repeat; /*height:250px;*/ position:relative; top:5px;}

#Page #Footer #FooterLinks {font-size:0.9em; width:100%; clear:both; padding-top:10px;}
#Page #Footer #FooterLinks span {font-size:11px;position:absolute; left:0; padding:15px;}
#Page #Footer #FooterLinks ul {position:absolute; right:0; margin:0; padding:15px;}
#Page #Footer #FooterLinks ul li {display:inline; border-right:1px solid #ccc; padding:0 10px 0 10px; font-weight:bold; margin:0;}
#Page #Footer #FooterLinks ul li#contact-link {border:none;}
#Page #Footer #FooterLinks ul li:first-child {background-image:none;}
#Page #Footer #FooterLinks ul li a:link,
#Page #Footer #FooterLinks ul li a:visited,
#Page #Footer #FooterLinks ul li a:active {font-size:11px; color:#777777;margin-right:5px; text-decoration:none;}
#Page #Footer #FooterLinks ul li a:hover {text-decoration:underline; color:#FFA02F;}
#Page #Footer #FooterLinks ul li span{}