@CHARSET "ISO-8859-1";
@import "css_reset.css"; 

* {
	font-size:12px;
	font-family:Arial,sans-serif;
}

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

body { font-size:1.1em; padding:0; margin:0;  background:white;} 

#dialog-page-message { margin:0;  padding:0; }

#page-message-wrapper { width:587px; margin:auto; margin-top:0px; margin-bottom:0px;  }
#page-message-wrapper #message-text {float:left; margin:6px 0 0 5px; width:532px; text-align:center; font-weight:bold;  line-height:15px;}
#page-message-ok #message-ok-picto {float:left;  }
#page-message-ok { width:577px; padding:0 10px 0 10px;  margin:0; display:block; clear:both; color:#7BA600;}
#page-message-ok a {  color:#7BA600;}
#page-message-wrapper a { text-decoration:underline;}
#page-message-wrapper a:hover { text-decoration:none; }
#page-message-ok-top { width:587px; height:12px; }
#page-message-ok-bottom { width:587px;  height:13px; ; margin:0; padding:0; }
#page-message-error #message-error-picto {float:left;  }
#page-message-error {width:577px; padding:0 10px 0 10px;  display:block; clear:both;}
#page-message-error-top { width:587px; height:12px;  }
#page-message-error-bottom { width:587px;  height:11px;  }

#fil_ariane { font-size:0.8em; color:black; padding-left:10px;  margin:0 0 5px 0;}
.fil_ariane_elt { display:inline;}
#fil_ariane a, #fil_ariane span { font-size:0.8em; color:#3399ff;}
#fil_ariane span.fil_ariane_last {  color:#000;}

* a.reversed { text-decoration:underline;}
* a.reversed:hover { text-decoration:none;}

/* * a {color:#36B5D6; text-decoration:none;} */
* a {color:#000; text-decoration:none;}
* a:hover { text-decoration:underline;}

.no-list-type, .no-list-type * { list-style-type: none; }

* a img { border:none; }

.over-opacity-70:hover { opacity:0.7; -moz-opacity : 0.7;    -ms-filter: "alpha(opacity=70)"; /* IE 8 */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter : alpha(opacity=70); /* IE < 8 */}
.over-opacity-90:hover { opacity:0.9; -moz-opacity : 0.9;    -ms-filter: "alpha(opacity=90)"; /* IE 8 */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter : alpha(opacity=90); /* IE < 8 */}
.over-opacity-95:hover { opacity:0.95; -moz-opacity : 0.95;    -ms-filter: "alpha(opacity=95)"; /* IE 8 */    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter : alpha(opacity=95); /* IE < 8 */}


.xearle-help-text { font-size:0.7em; }
/************************************
			GABARIT GENERAL
************************************/
#whole {background:#bfe4ff url(../img/general/bg_body.png) repeat-x 0 0; font-size:0.9em; margin:auto; padding:0;  }
#whole-deco {background:transparent url(../img/general/bg_body_deco.png) no-repeat center 0; margin:auto; padding:0;  }
#whole-inner {/*background:transparent url(../img/common/bg-content3.png) repeat-y -4px 30px;*/ margin:auto; width:951px; position:relative; }

#image-left-content { width:179px; height:297px; z-index:2; position:absolute;top:131px; left:-56px;  }
#image-right-content { width:260px; height:212px; z-index:2; position:absolute;top:144px; right:-86px;  }

#content-whole { position:relative; z-index:5; }
#content-top { height:22px; width:917px; margin:auto; padding:0px 17px 0px 17px; background:transparent url(../img/general/bg_content_top.png) repeat-y 0 0;}
#content-bottom { height:22px; width:917px; margin:auto; padding:0px 17px 0px 17px; background:transparent url(../img/general/bg_content_bottom.png) no-repeat 0 0;}
#content {  position:relative; min-height:450px; width:917px; margin:auto; padding:0px 17px 0px 17px; background:transparent url(../img/general/bg_content_middle.png) repeat-y 0 0;}

#footer { width:100%;  margin:auto; padding:0; background:white url(../img/general/bg_footer.jpg) repeat-x 0 0;}
#footer-inner { position:relative; width:977px; height:242px; margin:auto; padding:0; background:white url(../img/general/bg_bottom_frise.jpg) no-repeat center 0;}
#footer-liens { position:absolute; bottom:5px; right:60px; text-align:right;}
#footer-liens a { font-size:0.8em; padding-left:20px;  }
#footer-logo { position:absolute; bottom:-3px; left:33px; }

/************************************
 HEADER
************************************/
#header { height:125px; position:relative;}
#logo {  position:absolute; top:0px; left:25px; width:223px; height:90px; }
#bloc-header-right { position:absolute; top:0; left:276px; background:transparent url(../img/header/bg_right_header.jpg) no-repeat 0 0; z-index:5; width:644px; height:55px;}
#bloc-recherche { position:absolute; top:0; left:0px; width:370px; height:30px; z-index:7; }
#bloc-connexion { font-size:0.7em; color:white; position:absolute; top:0; left:350px; width:285px; height:45px;  z-index:6; }

#bloc-recherche a { color:#024f85; font-size:0.9em; float:left; margin-left:10px;margin-top:5px;}
#bloc-recherche form { float:left; }
#bloc-recherche label { display:none;}
#bloc-recherche #mots-cles { width:95px; margin-left:113px; border:1px solid #2ba5ff; margin-top:2px; display:block; float:left; height:13px; background:white;  font-size:1em; }


#bloc-connexion a { color:white; background:url(../img/header/bg_lien_right.jpg) no-repeat 0 2px; padding-left:15px; font-weight:bold;}
#bloc-connexion #bloc-connexion-left {  width:100px; float:left; margin-left:40px; padding-top:20px;} 
#bloc-connexion #bloc-connexion-left h3 { display:none; } 
#bloc-connexion #bloc-connexion-right { width:110px; float:left;  margin:5px 0 0 15px; } 
#bloc-connexion #bloc-connexion-right  a { display:block; margin-top:5px;} 


#home #bloc-header-right-inner { position:relative; z-index:10; width:290px; left:255px; top:0;} 
/************************************
 MENU
************************************/
#menu { position:absolute; top:-45px; left:15px; width:950px; }
#menu ul li a { float:left; width:121px; height:34px; position:relative;}
#menu ul li a span { display:none; }
#menu ul li a#li-actus {background:url(../img/menu/actus_closed.jpg) no-repeat 0 0; }
#menu ul li a#li-animaux {background:url(../img/menu/animaux_closed.jpg) no-repeat 0 0; }
#menu ul li a#li-bd {background:url(../img/menu/bd_closed.jpg) no-repeat 0 0; }
#menu ul li a#li-jt {background:url(../img/menu/jt_closed.jpg) no-repeat 0 0; }
#menu ul li a#li-jeux {background:url(../img/menu/jeux_closed.jpg) no-repeat 0 0; }
#menu ul li a#li-communaute {background:url(../img/menu/communaute_closed.jpg) no-repeat 0 0; }
#menu ul li a#li-entreprises {background:url(../img/menu/entreprises_closed.jpg) no-repeat 0 0; }

#menu ul li.opened a { width:181px; height:46px; top:-12px;}

#menu ul li.opened  a#li-actus {background:url(../img/menu/actus_opened.jpg) no-repeat 0 0; top:-10px;}
#menu ul li.opened  a#li-animaux {background:url(../img/menu/animaux_opened.jpg) no-repeat 0 0; }
#menu ul li.opened a#li-bd {background:url(../img/menu/bd_opened.jpg) no-repeat 0 0; }
#menu ul li.opened  a#li-jt {background:url(../img/menu/jt_opened.jpg) no-repeat 0 0; }
#menu ul li.opened  a#li-jeux {background:url(../img/menu/jeux_opened.jpg) no-repeat 0 0; }
#menu ul li.opened  a#li-communaute {background:url(../img/menu/communaute_opened.jpg) no-repeat 0 0; }
#menu ul li.opened  a#li-entreprises {background:url(../img/menu/entreprises_opened.jpg) no-repeat 0 0; }


/************************************
	TITRE DE PAGE
************************************/
	
.bloc-titre { width:895px; min-height:30px;  padding:0 10px 0 10px; position:relative; margin-bottom:10px;}
.bloc-titre { background:#75C5FF;}
.bloc-titre-souris { min-height:47px; }
#content_actu .bloc-titre { margin-bottom:0; }
.bloc-titre h2 { color:white; font-size:1.6em; padding:10px 0 10px 0; }
.top_titre_masque { position:absolute; z-index:6; top:0; left:0;}
.bottom_left_titre_masque {position:absolute; z-index:6; bottom:-2px; left:0;  }
.titre-rubrique { font-size:0.9em; padding-top:5px; display:block; margin-bottom:-5px; }
.picto_souris_titre {position:absolute; z-index:6; top:0; right:40px;  }

/************************************
	CONTENU ET ENCARTS
************************************/
.content_left { width:570px; margin:20px 0 0 10px; float:left;}
.encarts {  position:relative;min-height:200px; width:278px;  float:right; margin:0 2px 0 10px; padding:10px 10px 30px 30px; background:white url(../img/general/encarts_bg.png) repeat-y 0 0;color:white; font-size:0.9em; line-height:13px;}
.bottom_encarts_bg { position:absolute; bottom:-3px; right:0; z-index:6; height:44px; }
.encart_title { position:relative; left:-26px;  min-height:40px; padding:2px 5px 0 60px; margin-top:5px;font-size:1.2em; margin-bottom:5px; line-height:15px;}
.encart_texte { font-size:0.9em; }
.encart_title h4 , .encart_title a { font-size:0.9em; color:white;}
.encart_masque { position:absolute; top:0; left:0; z-index:6; }
.encart_titre_picto { position:absolute; top:0; left:0; z-index:6;}
.encart_titre_infographie {  top:-2px; left:2px; }
.encart_titre_video {  top:8px; left:2px; }
.encart_titre_son {  top:4px; left:4px; }
.encart_titre_souris {  top:4px; left:1px; }
.encart_img { position:relative; text-align:center; width:118px; height:100px; overflow:hidden; float:left; margin-right:5px;}
.encart_img_bouton { position:relative;width:118px; height:100px; }
.encart_img_bouton a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:8;}
.encart_img_bouton a:hover img { 
	opacity : 0.9;
    -moz-opacity : 0.9;
 }
 
.encart-chapo { font-size:1em; margin:0px 0 5px 0; line-height:15px; }
.encart_img_bouton_img { position:absolute; left:21px; top:10px;}
.encart_content { border-bottom:2px dotted #e8e8e8; padding-bottom:15px; margin-bottom:15px;}
#lien_autres_sources { font-size:0.8em; position:relative; margin:7px 0 0 -25px; width:280px; display:block; font-weight:bold;}

.image-actu { float:left; margin:0 20px 5px 0;}
.content_left .chapo,  .content_left .texte { line-height:15px; font-size:1em; }
.content_left .chapo  { font-weight:bold; margin:10px 0 30px 0;}
.signature-article { margin:10px 0 0 0; font-size:0.8em; line-height:15px;}
.credit-photo { font-size:0.9em; }

.popup-content-encart h3 { margin:10px 0 20px 0; font-size:1.3em; }
.popup-content-encart .encart-chapo { margin:5px 0 20px 0;  line-height:15px;}
.popup-content-encart .encart-credits { margin:5px 0 20px 0; font-size:0.9em; }
.popup-content-encart .encart-credits * {font-size:10px; }

/* mise en forme rich text */
.popup-content-encart a { text-decoration:underline;}
.popup-content-encart a:hover { text-decoration:none;}
.popup-content-encart ol,.popup-content-encart ol li { list-style-type:decimal; }
.popup-content-encart ol { list-style-type:decimal; margin-left:20px; display:block; clear:both;}
.popup-content-encart  ul { list-style-type:square; margin-left:20px; display:block; clear:both;}


.texte-actu a { text-decoration:underline;}
.texte-actu a:hover { text-decoration:none;}
.texte-actu ol,.content_left ol li { list-style-type:decimal; }
.texte-actu ol { list-style-type:decimal; margin-left:20px; display:block; clear:both;}
.texte-actu ul { list-style-type:square; margin-left:20px; display:block; clear:both;}


.encart_print { display:block; height:25px; color:#66ABFF;  font-size:12px; background:white url(../img/general/picto_imprimer.jpg) no-repeat 0 0; padding-left:25px; }
/************************************
	BARRE COMMUNAUTAIRE
************************************/
.barre_communautaire { position:relative; width: 585px; height:38px; background:white url(../img/general/bg_barre_communautaire.png) no-repeat 0 0; float:left; margin-top:20px;}
.barre_communautaire span.barre_span { position:absolute;font-weight:bold; top:0; width:100px; font-size:0.9em; color:#66abff; float:left; margin-top:10px;}
.barre_communautaire span a { font-size:1em;color:#66abff; font-weight:bold; text-decoration:underline; line-height:11px;}
.barre_communautaire span a:hover {text-decoration:none; }
.barre_communautaire span.barre_commentaires { left:42px; }
.barre_communautaire span.barre_imprimer { left:178px; }
.barre_communautaire span.barre_envoyer { left:284px; top:-5px; }
.barre_communautaire span.barre_add_fav { left:406px; top:-5px; }
.barre_communautaire span.barre_remove_fav { left:402px; top:-5px; }
.barre_communautaire span.barre_partager { left:500px; top:-6px; line-height:13px; }

.popin .barre_communautaire { font-size:1em; margin:30px;}

/************************************
	BLOC VOUS AIMEREZ AUSSI
************************************/
.all_autres_fiches {  position:relative; width: 585px; background:white url(../img/general/bg_aimerez_aussi.png) no-repeat 0 0; float:left; margin:20px 0 20px 0;}
.bottom_autres_fiches {  position:relative; width: 585px; background:white url(../img/general/bg_aimerez_aussi_bottom.png) no-repeat 0 0; float:left; }
.inner_all_autres_fiches { padding:7px 10px 4px 30px; }
.inner_all_autres_fiches h3 { color:#66abff; font-size:0.9em; margin:0 0 10px 0;}
.inner_all_autres_fiches a { font-size:1em;}
	
/************************************
	COMMENTAIRES
************************************/
.form_ajout_comment { width:585px; float:left; border-top:1px solid #66abff; padding:10px 0 0 0;}
.form_ajout_comment h3 { color:#66abff; font-size:1.1em; margin:0 0 20px 0;}
.form_ajout_comment .xearle-label-wrapper { width:150px;  font-size:1em; color:black; float:left; margin-right:10px;}
.form_ajout_comment .xearle-help-text { font-size:0.8em; font-style:italic;}
.form_ajout_comment .xearle-form-line  { margin:2px 0 2px 0; clear:both; }
.form_ajout_comment .xearle-form-field { width:390px;  float:left; border:1px solid #ccc; font-size:1em; padding:2px;}
.form_ajout_comment textarea { height:120px;}
.xearle-form-field-error-message { color:red; font-size:0.8em; margin:5px 0 5px 0;} 
.liste_commentaires { position:relative; width:585px; float:left; margin:20px 0 0 0;}
.liste_commentaires h3 { color:#66abff; font-size:0.9em; margin:0 0 10px 0;}

.elt_commentaire { margin:10px 0 10px 0; }
.texte_commentaire {width:585px; background:white url(../img/general/bg_commentaire.png) no-repeat 0 0; }
.texte_commentaire_inner {padding:20px 10px 5px 10px; font-size:1em; line-height:15px; }
.texte_commentaire_bottom {width:585px; background:white url(../img/general/bg_commentaire_bottom.png) no-repeat 0 0; }
.image_commentaire {float:left; margin-right:5px;}
.image_commentaire img { border:1px solid #66abff; }
.pseudo_commentaire { color:#979797; font-weight:bold; margin-bottom:2px; }
.date_commentaire { font-size:0.9em; color:#979797; }

#liste-commentaires-loader { width:102%; height:102%; position:absolute; top:-2px; left:-2px; z-index:10; background:white url(../img/_tools/ajax-loader.gif) no-repeat center center; opacity:1; border:1px solid #ddd; display:none;}

/************************************
	LISTE
************************************/
.list-elements { width:675px; margin:20px auto 10px auto; }
.element_list_img { width:100px; float:left;}
.list_img_vignette_vide { background:#DDF0FF url(/thumbrc/library/img/general/no_image_with_logo.png,100,90) no-repeat 0 0; height:90px; border:0px solid #66abff; }
.element_list { font-size:0.8em; clear:both; border-bottom:1px solid #AF70C5; padding-bottom:5px; margin-bottom:5px; }
.element_list h3 { color:black; margin-bottom:5px; }
.element_list h3 a { color:black; }
.element_list a { color:#66abff; }
.element_list_texts { width:565px; margin-left:5px; float:left; line-height:15px;}
.element_list .list-text { margin-bottom:5px; }

.no_result { font-size:0.9em; }

/************************************
	LISTE DES LETTRES
************************************/
.liste_lettres { border-bottom:1px solid #d6ebff; padding:0px 0 10px 20px; margin-bottom:10px;} 
.liste_lettres a {color:#3399ff; font-weight:bold;}
.liste_lettres .lettre { float:left; width:50px;}
.liste_lettres .lettre-reelle { float:left; width:23px;}

/************************************
			crédits actus
************************************/

.credit-photo * { font-size:10px; line-height:14px; }
.credit-photo ul { margin-left:20px; }
.credit-photo ol { margin-left:20px; }


/************************************
			PAGINATION
************************************/
.pagination { padding-top:10px; margin-top:10px;  position:relative;}
.pagination_inner { position:absolute; top:0; right:0;}

.pagination_link {   color:white; line-height:17px; display:block; float:left; width:15px; height:17px; margin-right:2px; text-align:center; background:#AF70C5;}
.pagination_link_first, .pagination_link_previous, .pagination_link_next, .pagination_link_last { width:22px; border:none; }
.pagination_link a { display:block; color:white; font-size:0.8em;  }
.pagination_link a:hover { text-decoration:none; background:white; }
.pagination_active { border:1px solid #AF70C5; height:15px; line-height:15px; color:#AF70C5; background:white; }

/* PRINT */
#print-wrapper { width:630px; border:0px solid #eee; margin:20px auto; padding:15px; }
#print-animaux-wrapper { width:800px; border:0px solid #eee; margin:20px auto; padding:15px; }
#print-logo { width:630px; margin:0 auto 20px auto; }
#print-footer{ width:630px; margin:40px auto 20px auto; }
.print-title { margin:10px 0 10px 0; font-size:1.3em; font-weight:bold; text-align:left;}
.print-chapo { margin:10px 0 10px 0; }
.print-texte { margin:10px 0 10px 0; }
.print-credits { margin:10px 0 10px 0; font-size:0.9em;}

/************************************
	ENCARTS
************************************/
.encart-animation-wrapper { height:600px; }	

/************************************
	PAGES DU FOOTER
************************************/
#page_footer p { font-size:1em; padding:5px 30px 5px 30px; }

.footer-email { color:#3F6387; }
#page_footer h3 { color:#8BBC00; margin:20px 0 10px 30px;}
#page_footer a { color:#3B597B; text-decoration:underline; }
#page_footer a:hover {  text-decoration:none; }
#page_footer ul { margin-left:40px; }

#form-abus label { font-weight:bold; width:200px; }
#form-abus .xearle-label-wrapper { margin-bottom:5px; clear:both;}
#form-abus .xearle-form-line { margin:10px 0 10px 0;}
#form-abus .xearle-form-field-input-text { width:350px; border:1px solid #ccc;}
#form-abus select { width:350px; border:1px solid #ccc;}
#form-abus textarea { width:350px; border:1px solid #ccc; height:200px}
#form-abus  { width:500px; margin:20px 0 20px 30px;}
#page_footer #form-abus  p {padding:5px 0 5px 0;}

#chapo-contact { 
color:#65ade1;
font-weight:bold;
line-height:17px;
margin:30px auto;
text-align:left;
width:650px;
text-align:left;
}

/************************************
	POPIN
************************************/
.popin-content { display:none;}
.popin { background:white; position:absolute; z-index:10002; top:100px; left:100px;  width:800px; color:black; margin:auto;}
.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 { border:2px solid #249df2; z-index:100004;  }
.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; }



.popin-send-friend h4 { margin:auto; width:440px;  font-size:1.1em; padding-left:120px; background:white url(../img/popup/gamins.jpg) no-repeat 0px 0; line-height:60px;  margin-bottom:20px;}
.popin-send-friend .submit {  width:113px; margin:auto; display:block; margin-top:15px; clear:both;}

.popin-send-friend label { font-size:1em; font-weight:bold; }
.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;}


.popup-message a { color:#3B597B; text-decoration:underline; }
.popup-message a:hover { text-decoration:none; }