/**
      Document CSS de Babelweb
      CopyRight (c) 2008 Equinoxes http://www.equinoxes.net
**/

body { background:url(../images/fd.gif); margin:0; padding:0; text-align:center; font: 13px "Trebuchet MS", Verdana, Arial, sans-serif;
color:#3F3F3F; }

p, ul, fieldset, form, h1, h2, h3, h4, h5, h6  { margin:0; padding:0; border:0; } em { font-size:11px; } a { text-decoration:none; } input { border:0; }
h1 img { border:0 }
.separateur { clear:both; }

a {outline: none;}

.loader-ajax, .loader-ajax2 { margin-top:1%; }
.loader-ajax-taswira { margin-top:50%; }
.loader-ajax-affiche { margin-top:15%; }
.loader-ajax-wrap { margin-top:10%; }

/** Le bloc qui englobe l'ensemble du site **/
#global { width:1000px; margin-left:auto; margin-right:auto; margin-top:17px; }
.separateur { clear:both; }
.img-block { display:block; }
.utiles-centre .titre-bloc-interne .img-block { margin-top:-3px; position:relative; }
.img-block-horoscope { margin-top:5px; position:relative; display:block; }

/** Les 3 colonnes **/
#gauche { float:left; width:192px; } 
#centrale { float:left; width:489px; text-align:center; } 
#droite { float:left; width:315px; margin-right:-200px; }

/** Header **/
.header-haut { background:url(../images/bg-header-haut.gif) repeat-x; border-bottom:1px solid #E0E0E0; border-top:1px solid #E0E0E0; width:100%; height:15px;
color:#474545; font-size:11px; }
.header-haut-interne { width:981px; margin:0 auto; }
.access, .access2 { float:left; cursor:default; }
.access { text-align:left; width:535px; }
a.lien-header, a.lien-header-last { text-decoration:none; color:#474545; border-left:1px solid #E0E0E0; display:block; float:left; width:110px; 
text-align:center; height:15px;	 }
a.lien-header:hover, a.lien-header-last:hover { text-decoration:none; background:url(../images/bg-lien-header.gif) repeat-x; color:#fff;}
a.lien-header-last { border-right:1px solid #E0E0E0; }

#header { width:100%; }
.header-gauche { width:410px; height:112px; float:left;}
.logo-bew { display:block; }
.recherche-haut { width:100%;}
.arrondi-form-gauche, .arrondi-form-droite { float:left; width:15px; height:43px; background:url(../images/form-gauche.gif) no-repeat; }
.arrondi-form-droite { background:url(../images/form-droite.gif) no-repeat; }
.content-form { width:380px; height:43px; float:left; background:url(../images/form-centre.gif) repeat-x; padding-top:8px; font-size:13px; color:#4798E7; }
     .content-form label { color:#4798E7; }
     .champ-recherche { width:143px; height:21px; background:url(../images/bg-recherche-top.gif) no-repeat; vertical-align:middle; padding-left:5px; 
	 font-size:13px; }
	 .ok-top { border:0; background:url(../images/submit-top.gif) no-repeat; width:31px; height:29px; vertical-align:middle; }
	 

.header-droite { width:566px; float:left; height:91px; margin-top:10px; margin-bottom:3px; margin-left:15px; }
.contour-object { display:block; width:566px; height:91px; background:url(../images/trasparent-header.gif); position:absolute; left:50%; margin-left:-75px; top:44px; }


/** Le bloc conteneur **/
#conteneur iframe { background:#EAEAEB; }
#conteneur { width:100%; background:#EAEAEB; clear:left; float:left; }

/** Gestion des tabs des diffèrents widget **/
.titre-bloc-interne { width:100%; margin:0 auto; color:#FFF; margin-top:8px; }
.titre-bloc-interne strong { display:block; width:100%; height:100%; }
.titre-bloc-interne h2 { font-size:13px; cursor:pointer; }
/** Taswira, vidéo, utiles et agenda **/
.taswira, .taswira2, .utiles, .utiles2 { width:78px; height:23px; background:url(../images/bg-taswira2.gif) no-repeat; float:left; font-weight:bold; 
margin-right:1px; line-height:23px; } 
.taswira  { background:url(../images/bg-taswira.gif) no-repeat; margin-right:1px; }
.utiles, .utiles2 { width:129px; height:22px; }
.utiles { background:url(../images/bg-utiles4.gif) no-repeat; }
.utiles2 { background:url(../images/bg-utiles5.gif) no-repeat; }
* html .utiles, * html .utiles2 { background-position:0% 1px; }
/** a-la-une, national et economie **/
.a-la-une, .national, .economie, .a-la-une2, .national2, .economie2, .inter, .inter2, .femme-small, .femme-small2 { width:100px; height:23px; 
float:left; font-weight:bold; line-height:23px; }
.a-la-une { background:url(../images/bg-a-la-une.gif) no-repeat; margin-left:1px; }
.a-la-une2 { background:url(../images/bg-a-la-une2.gif) no-repeat; margin-left:1px; }
.national { background:url(../images/bg-national.gif) no-repeat; width:98px; }
.national2 { background:url(../images/bg-national2.gif) no-repeat; width:98px; }
.economie { background:url(../images/bg-econmie.gif) no-repeat; width:98px;  margin-left:1px;  }
.economie2 { background:url(../images/bg-econmie2.gif) no-repeat; width:98px;  margin-left:1px;  }
.inter { background:url(../images/bg-inter.gif) no-repeat; width:100px;  margin-left:1px;  }
.inter2 { background:url(../images/bg-inter2.gif) no-repeat; width:100px;  margin-left:1px;  }
/** sport, tech et culture **/
.sport, .tech, .culture, .sport2, .tech2, .culture2, .femme, .femme2, .search-web, .search-web2, .search-tn, .search-tn2 { font-weight:bold; line-height:22px; }

.sport { background:url(../images/bg-sport.gif) no-repeat; width:129px; float:left; height:22px; }
.sport2 { background:url(../images/bg-sport2.gif) no-repeat; width:129px; float:left; height:22px; }

.tech { background:url(../images/bg-tech.gif) no-repeat; margin-left:1px; width:129px; float:left; height:22px; }
.tech2 { background:url(../images/bg-tech2.gif) no-repeat; margin-left:1px; width:129px; float:left; height:22px; }

.culture { background:url(../images/bg-culture.gif) no-repeat; margin-left:1px; width:129px; float:left; height:22px; }
.culture2 { background:url(../images/bg-culture2.gif) no-repeat; margin-left:1px; width:129px; float:left; height:22px; }

.femme { background:url(../images/bg-femme.gif) no-repeat; margin-right:1px; width:129px; float:left; height:22px; }
.femme2 { background:url(../images/bg-femme2.gif) no-repeat; margin-right:1px; width:129px; float:left; height:22px; }

.femme3 { background:url(../images/bg-femme-sante.gif) no-repeat; margin-right:1px; width:129px; float:left; height:22px; }
.femme4 { background:url(../images/bg-femme-sante2.gif) no-repeat; margin-right:1px; width:129px; float:left; height:22px; }

.femme-small { background:url(../images/bg-femme-small.gif) no-repeat; width:98px;  margin-right:1px; }
.femme-small2 { background:url(../images/bg-femme2-small.gif) no-repeat; width:98px;  margin-right:1px; }

.search-web { background:url(../images/bg-search-web2.gif) no-repeat; margin-right:1px; width:186px; float:left; height:22px; }
.search-web2 {  background:url(../images/bg-search-web.gif) no-repeat; margin-right:1px; width:186px; float:left; height:22px; }

.search-tn { background:url(../images/bg-search-tn2.gif) no-repeat; margin-right:1px; width:216px; float:left; height:22px; }
.search-tn2 { background:url(../images/bg-search-tn.gif) no-repeat; margin-right:1px; width:216px; float:left; height:22px; }

#agenda { text-align:left; }
#utiles .liste { text-align:center;}
#utiles .liste li { height:15px; }
#utiles .liste li a { display:block; width:100%; height:15px; background:#E7F0F9; color:#4096EE; cursor:pointer; }
#utiles .liste li a:hover { background:#A3BBD2; color:#FFF; }
html>/**/body #utiles .liste { margin-top:5px; }
* html #utiles .liste { margin-top:5px; }

#couleur-rubrique, #couleur-rubrique2, #couleur-rubrique3, #couleur-rubrique4, #couleur-rubrique5, #couleur-rubrique6, 
#couleur-rubrique7, #couleur-rubrique8, #couleur-rubrique9, #couleur-rubrique10 { width:100%; height:2px; background-color:#4096EE; border:1px solid #4096EE; 
font-size:1px; }
.couleur-rubrique4   { background-color:#84C32A; border:1px solid #84C32A; }
#couleur-rubrique2   { background-color:#84C32A; border:1px solid #84C32A; }
#couleur-rubrique5   { background-color:#F4B455; border:1px solid #F4B455; }
#couleur-rubrique6   { background-color:#EF8745; border:1px solid #EF8745; }
#couleur-rubrique7   { background-color:#5A83A1; border:1px solid #5A83A1; }
#couleur-rubrique8   { background-color:#73C510; border:1px solid #73C510; }
#couleur-rubrique9   { background-color:#FB586B; border:1px solid #FB586B; }
#couleur-rubrique10 { background-color:#7F9FB5; border:1px solid #7F9FB5; }


/** Les éléments en commun entre les WIDGET **/
.bloc-gauche, .bloc-droite { float:left; width:11px; height:37px; background:url(../images/img-gauche.gif) no-repeat; }
.bloc-gauche { clear:both; }
.bloc-droite { background:url(../images/img-droite.gif) no-repeat; margin-right:-200px; }
.bloc-top, .bloc-content, .bloc-bottom { width:100%; }
.bloc-center-gauche, .bloc-center-droite, .bloc-center-gauche-blanc, .bloc-center-droite-blanc { float:left; width:19px; height:226px; 
background:url(../images/bg-taswira-gauche2.gif) no-repeat; }	 
.bloc-center-gauche-blanc, .bloc-center-droite-blanc { background:url(../images/bg-taswira-gauche-blanc.gif) no-repeat; }
.bloc-center-droite { background:url(../images/bg-taswira-droite2.gif) no-repeat; margin-right:-200px; }	
.bloc-center-droite-blanc { background:url(../images/bg-taswira-droite-blanc.gif) no-repeat; }
.bloc-bottom-gauche, .bloc-bottom-droite, .bloc-bottom-gauche-blanc, .bloc-bottom-droite-blanc { float:left; 
background:url(../images/bg-taswira-bas-gauche.gif) no-repeat; width:19px; height:19px; }
.bloc-bottom-droite { background:url(../images/bg-taswira-bas-droite.gif) no-repeat; margin-right:-200px; }
.bloc-bottom-droite-blanc { background:url(../images/bg-taswira-bas-droite-blanc.gif) no-repeat; }
.voir { display:block;  } 
.Content-widget, .cache { display:none; }
.taswira-content .voir a { color:#000 }

/** Gestion  des bloc masqués **/
#video1, #affiche, #tech, #comment, #utiles, #meteo, #horoscope, #bourse, #devise, #devise-cache, #bienetre, #webtn  { display:none; }
#tabconsult-cache { display:block; }


/** Les couleurs par thème **/
h3.title-article-bleu, h3.title-article-bleu a , h3.title-article-5, h3.title-article-5   a, h3.title-article-International, h3.title-article-International a , h3.title-article-Emploi, h3.title-article-Emploi a { font-size:13px; 
color:#4096EE; margin:0; }
h3.title-article-National, h3.title-article-National a, h3.title-article-Sport   a { font-size:13px; color:#84C32A; margin:0; }
h3.title-article-Economie, h3.title-article-Economie a, h3.title-article-Culture, h3.title-article-Culture     a  { font-size:13px; color:#F3762D; margin:0; }
.img-h3 { vertical-align:middle; margin-right:3px; border:0 }
.titre-horoscope { font-weight:bold; color:#E8803E; font-size:13px; }

/** ------> sur les titre thème **/
.titreTech,.titre5, .titre12 , .titre297    { color:#4096EE; font-weight:bold; } 
.titreSport, .titreNational, .titre3, .titre4   { color:#84C32A; font-weight:bold; } 
.titreCulture, .titre6   { color:#F1C638; font-weight:bold; } 
.titreEconomie, .titre2 { color:#F3762D; font-weight:bold; }

/**  ------>Sur les background **/
a.claire-Sport0, a.claire-Sport1, a.claire-4, a.claire-National1, a.claire-Sport2, a.claire-Sport3, a.claire-Sport5, a.claire-3, a.claire-Sport4 { display:block; color:#3F3F3F; height:17px; 
background:#EBFCD3; font-size:11px; }
a.claire-50, a.claire-51, a.claire-52, a.claire-53, a.claire-55, a.claire-54, a.claire-5, a.claire-12, a.claire-297 /** bleu**/ { display:block; color:#3F3F3F; background:#E7F0F9; height:17px;
 font-size:11px; }
a.claire-Culture0, a.claire-Culture1, a.claire-Culture2, a.claire-Culture3, a.claire-6, a.claire-Culture4, a.claire-Culture5  /** jaune **/ { display:block; color:#3F3F3F; 
background:#FDF3D1; height:17px; font-size:11px; }
a.claire-Economie1, a.claire-Economie3, a.claire-Economie5, a.claire-2  /** orange **/ { display:block; color:#3F3F3F; background:#FDEFE6; height:17px; font-size:11px; }
a.claire-Sport0, a.claire-Sport2, a.claire-Sport4, a.claire-50, a.claire-52, a.claire-54, a.claire-Culture0, a.claire-Culture2, a.claire-Culture4 
 { background:#FFF; }
 
/**  ------>Dans les tags **/
 .theme2 { color:#F3762D; } .theme3 { color:#84C32A; } .theme4 { color:#84C32A; } .theme5 { color:#4096EE; } .theme6 { color:#F3762D;  } .theme8, .theme12, .theme297 { color:#4096EE; }
.theme9, .theme10, .theme11 { color:#FB586B; }
.size10 { font-size:2.1em; } .size9 { font-size:2em; } .size8 { font-size:1.9em; } .size7 { font-size:1.8em; } .size6 { font-size:1.7em; }
.size5 { font-size:1.6em; } .size5 { font-size:1.5em; } .size4 { font-size:1.4em; } .size3 { font-size:1.3em; } .size2 { font-size:1.2em; }
.size1 { font-size:1.1em; }


/** Styles des liens **/
.lien-bleu, .lien-suite-bleu, .lien-Blogs, .lien-suite-Blogs, .lien-5, .lien-297, .lien-suite-5, .lien-suite-International, .lien-suite-Emploi, .lien-International, .lien-12, .lien-Emploi, .lien-297,
.lien-8, #video a { color:#4096EE; 
float:right; margin-right:4px; font-weight:bold; }
.lien-bleu:hover, .lien-5:hover, .lien-12:hover, .lien-297:hover, .lien-International:hover, .lien-Emploi:hover, .lien-suite-Blogs:hover, #video a:hover, .lien-8:hover { color:#065BB3; }
.lien-suite-bleu, .lien-suite-5, .lien-suite-blogs, .lien-suite-International, .lien-suite-Emploi, .lien-suite-8 { float:none; }
.lien-suite-bleu:hover, .lien-suite-Blogs:hover, .lien-suite-5:hover, .lien-suite-International:hover, .lien-suite-Emploi:hover , .lien-suite-8:hover{ text-decoration:underline; }

.lien-National, .lien-4, .lien-Sport, .lien-3, .lien-suite-National, .lien-suite-12, .lien-suite-297, .lien-suite-Sport { color:#84C32A; float:right; margin-right:4px; font-weight:bold; 
margin-top:2px; }
.lien-National:hover, .lien-Sport:hover, .lien-3:hover, .lien-suite-National:hover .lien-suite-Sport:hover { color:#508800; }
.lien-suite-National, .lien-suite-Sport, .lien-suite-3 { float:none; }
.lien-suite-National:hover, .lien-suite-Sport:hover, .lien-suite-3:hover { text-decoration:underline; }

.lien-Economie, .lien-suite-Economie, .lien-2, .lien-suite-2, .lien-Culture, .lien-6, .lien-suite-Culture  { color:#F3762D; float:right; margin-right:4px; font-weight:bold; margin-top:2px; }
.lien-Economie:hover, .lien-6:hover, .lien-2:hover, .lien-Culture:hover  { color:#EF6312; }
.lien-suite-Economie, .lien-suite-6, .lien-suite-2, .lien-suite-Culture { float:none; }
.lien-suite-Economie:hover, .lien-suite-6:hover, .lien-suite-2:hover, .lien-suite-Culture:hover { text-decoration:underline; }

.lien-9, .lien-9, .lien-10, .lien-11 { color:#FB586B; float:right; margin-right:4px; font-weight:bold; margin-top:2px; }
.lien-9:hover, .lien-9:hover, .lien-10:hover, .lien-11:hover { color:#F62D44; }

.lien-related { color:#E38E07; float:right; margin-right:4px; font-weight:bold; margin-top:2px; }
.lien-related:hover { text-decoration:underline }

#tousactualites { display:block; } 


/** Le WIDGET taswira **/
.glob-taswira { width:188px; margin-left:4px; } * html .glob-taswira  { margin-left:2px; }
.taswira-centre { width:166px; height:37px; float:left; background:url(../images/img-centre.gif) repeat-x; }
.taswira-center-content { float:left; width:150px; height:226px; background:#fff url(../images/bg-taswira-centre.gif) repeat-x; background-position:bottom;
font-size:9pt; cursor:default; }
	     .img-taswira, .animation-video { display:block; width:150px; height:120px; margin:0 auto; margin-top:4px; border:0 }
		 .animation-video { height:140px; margin-top:0}
		 .small-img, #picture4 img  { margin-top:10px; float:left; cursor:pointer; width:31px; height:27px; margin-right:8px; }
		 #picture4 img { margin-right:0; }
         #video a { margin-right:0; float:none; margin-top:10px; display:block; }
		 #taswira .lien-bleu { margin-top:20px; }
		 #taswira a img { border:0 }
		 #video .lien-bleu { margin-top:9px; float:right; }
		 #video .animation-video { margin-top:4px; }
		 
.taswira-bottom-content { float:left; width:150px; height:19px; background:url(../images/bg-taswira-bas-centre.gif) repeat-x; }


/** Le WIDGET a la une **/
.glob-affiche { width:485px; float:left; }
.affiche-centre { width:466px; height:37px; float:left; background:url(../images/img-centre.gif) repeat-x; }
.affiche-center-content { float:left; width:450px; height:226px; background:#fff url(../images/bg-taswira-centre.gif) repeat-x; background-position:bottom;
font-size:9pt; }
     .affiche-gd, .affiche-gd1 { width:100%; height:90px; margin-top:5px; text-align:left; display:block; }
	 .affiche-gd1 img { display:block; float:left; width:110px; height:89px; margin-right:8px; border:3px double #CCC }
	 .affiche-gd-content { float:left; width:326px; text-align:justify; }
	 .affiche-gd { display:none }
	 
	 
	 .liste-articles { width:100%; height:104px; list-style-type:none; padding:0; margin:0; text-align:left; clear:left; font-size:11px;  }
	 .liste-articles li, .liste-articles li a { width:221px; height:40px; float:left; margin-top:3px; }
	 html>body .liste-articles li, html>body .liste-articles li a { height:45px; margin-top:5px; }
	 .liste-articles li a { display:block; color:#3F3F3F;  }
	 .liste-articles li a span  { display:block; float:left; width:173px; height:45px; cursor:pointer; line-height:14px; margin-top:-2px; }
	 .liste-articles li img { width:40px; height:40px; vertical-align:top; border:0; display:block; float:left; }
	 
	 #article2-1, #article4-1, #article2-4, #article4-4, #article2-2, #article4-2, #article2-12, #article2-297, #article4-12 { margin-left:5px; }
	 html>body .liste-articles li img { margin-right:2px; }
	 
.affiche-bottom-content { float:left; width:450px; height:19px; background:url(../images/bg-taswira-bas-centre.gif) repeat-x; }


/** Le WIDGET utiles agenda **/
.glob-utiles-agenda { width:315px; }

.glob-outils { width:100%; }
.glob-outils-gauche, .glob-outils-droite { float:left; width:12px; height:42px; background:url(../images/outils-gauche.gif) no-repeat; }
.glob-outils-droite { background:url(../images/outils-droite.gif) no-repeat; margin-right:-200px; }
.glob-outils-centre { float:left; background:url(../images/outils-centre.gif) repeat-x; width:292px; height:42px; }
     .meteo, .horoscope, .bourse, .devise, .agenda, .utiles3 { width:47px; height:28px; display:block; float:left; margin-top:6px; }
     .meteo { background:url(../images/meteo.gif) no-repeat; margin-left:4px; } 
	 .horoscope { background:url(../images/horoscope.gif) no-repeat; width:47px; }
	 .agenda { background:url(../images/agenda.gif) no-repeat; }* html .meteo { margin-left:2px; }
	 .utiles3 {  background:url(../images/utiles.gif) no-repeat; }
	 .bourse { background:url(../images/bourse.gif) no-repeat; }
	 .bourse { background:url(../images/bourse.gif) no-repeat; }
	 .devise { background:url(../images/devise.gif) no-repeat;}
	 .meteo:hover, .horoscope:hover, .bourse:hover, .devise:hover, .agenda:hover, .utiles3:hover { background-position:0% -28px; }
	 
	 #Tunindex { text-align:left; }
	 .bourse-convert { width:277px; height:149px; background:url(../images/bg-bourse.gif) no-repeat center 0% ; text-align:left; }
	 .form-convert p { margin-top:10px; }
          .form-convert label { clear:both; display:block; }
	 .form-convert label span { display:block; float:left; width:95px; }
	 .form-convert label input { border:1px solid #70A4D2; margin-bottom:3px; vertical-align:middle;  }
	 
.glob-utiles { width:100%; float:left; }
.utiles-centre { width:293px; height:37px; float:left; background:url(../images/img-centre.gif) repeat-x; }
.utiles-center-content { float:left; width:277px; height:183px; background:#fff url(../images/bg-taswira-centre.gif) repeat-x; background-position:bottom;
font-size:9pt; text-align:center; }
.utiles-bottom-content { float:left; width:277px; height:19px; background:url(../images/bg-taswira-bas-centre.gif) repeat-x; }
.bloc-center-gauche-utiles, .bloc-center-droite-utiles { float:left; width:19px; height:183px; background:url(../images/bg-taswira-gauche.gif) no-repeat; 
background-position:0% -34px; }	 
.bloc-center-droite-utiles { background:url(../images/bg-taswira-droite.gif) no-repeat; margin-right:-200px; background-position:0% -34px; }	


/** Le WIDGET tag  **/
.glob-tag { width:315px; margin-left:0px; float:left; font-weight:bold; text-align:left; }
.tag-top, .tag-toptundefined,.tag-topt1, .tag-topundefined,.tag-top1, .tag-top-undefined ,.tag-top-1 , .tag-comment2-tundefined,.tag-comment2-t1,.tag-comment2-1, .tag-top2-tundefined,.tag-top2-t1, .tag-top2-1, .tag-top2-undefined { width:100%; height:27px; background:url(../images/bg-top-tag.gif) no-repeat; cursor:pointer; 
line-height:27px; text-indent:15px; color:#FFF; font-size:13px; }
.tag-top2-undefined ,.tag-top2-1 , .tag-top2-tundefined ,.tag-top2-t1{ background:url(../images/bg-tag3.gif) no-repeat; color:#4096EE; }

.tag-commenttundefined,.tag-comment1, .tag-commentundefined, .tag-comment1, .tag-comment2-undefined,.tag-comment2-1, .tag-commenttundefined , .tag-commentt1 { width:100%; height:23px; background:url(../images/bg-comment.gif) no-repeat; cursor:pointer; line-height:22px; text-indent:15px;  
color:#4096EE; font-size:13px; }
.tag-comment2-undefined { background:url(../images/bg-tag2.gif) no-repeat 0% -3px; color:#FFF; height:23px; line-height:22px; }

.tag-consulttundefined,.tag-consultt1, .tag-consultundefined, .tag-consult1 { width:100%; height:28px; background:url(../images/bg-consult.gif) no-repeat; cursor:pointer; line-height:25px; text-indent:15px;  
font-size:13px; color:#4096EE; }
.tag-consult-cache, .tag-consult-cache2, .tag-consult-cache3 { display:none; background:url(../images/bg-consult-blanc.gif) no-repeat; height:11px; width:100%; } 
* html .tag-consult-cache, * html .tag-consult-cache2 { margin-bottom:-7px; } * html .tag-consult-cache3 { margin-top:-10px; }
.tag-consult-cache2, .tag-consult-cache3 { display:block; }

.tag-content, .tag-content2 { width:100%; background:url(../images/bg-tag-center.gif) repeat-y; text-align:center; }
.tag-content ul, #consult ul { list-style:none; width:100%; margin:0; padding:0; text-align:left; height:210px; text-align:center; }
.tag-content ul li, #consult ul li { margin-left:1px; }
.tag-content ul li a, #consult ul li a { display:block; width:96%; color:#3F3F3F; font-size:11px; font-weight:normal; text-align:left; margin:0 auto;
border-bottom:1px solid #DCEDFF; padding-left:3px; }
html>/**/body .tag-content ul li a, html>/**/body  #consult ul li a { padding-left:2px;  }
.tag-content ul li a:hover, #consult ul li a:hover { background:#E7F0F9; }
.tag-content p { width:90%; margin:0 auto; text-align:left; height:168px; }
#consult ul { height:210px; }
.comment-nb { color:#4095EF; font-weight:bold; padding-right:2px; margin-right:2px; }


/** Zone pub google & blogs**/
.pub-google, .pub-google2 { clear:both; width:188px; margin-left:4px; } * html .pub-google{ margin-left:2px; }
.top-pub, .top-blogs { height:12px; width:100%; } * html .top-pub, * html .top-blogs  { margin-bottom:-6px; }

.pub-google-gauche, .pub-google-droite, .blog-gauche, .blog-droite { float:left; width:14px; height:12px; background:url(../images/bg-google-gauche.gif) no-repeat; }
.pub-google-droite, .blog-droite  {  background:url(../images/bg-google-droite.gif ) no-repeat; margin-right:-200px; }
.pub-google-centre1 { float:left; width:160px; height:12px; background:url(../images/bg-google-centre.gif) repeat-x; }

.blog-gauche { clear:both; }

.pub-google-centre-gauche, .pub-google-centre-gauche2, .pub-google-centre-gauche3, .pub-google-centre-gauche4 { clear:both; float:left; width:14px; height:600px; 
background:url(../images/bg-google-gauche2.gif) repeat-y; }
.pub-google-centre-droite, .pub-google-centre-droite2, .pub-google-centre-droite3, .pub-google-centre-droite4 { background:url(../images/bg-google-droite2.gif) repeat-y; 
margin-right:-200px; float:left; width:14px; 
height:600px }
.pub-google-centre2, .pub-google-centre3, .pub-google-centre4, .pub-google-centre5 { float:left; width:160px; height:589px; background:#fff }

.pub-google-gauche-bas, .pub-google-droite-bas { float:left; width:14px; height:12px;
 background:url(../images/bg-google-bas-gauche.gif) no-repeat; }
 .pub-google-gauche-bas { clear:both; }
.pub-google-droite-bas { background:url(../images/bg-google-bas-droite.gif ) no-repeat; margin-right:-200px; }
.pub-google-centre-bas { float:left; width:160px; height:12px; background:url(../images/bg-google-bas-centre.gif) repeat-x; }
.google-interne { display:block; float:left; margin-right:10px; }


/** Le WIDGET culture et sport  **/
.glob-culture { width:489px; }
.culture-centre { width:467px; height:37px; float:left; background:url(../images/img-centre.gif) repeat-x; }
.culture-center-content { float:left; width:451px; height:196px; background:#fff url(../images/bg-taswira-centre.gif) repeat-x; background-position:bottom;
font-size:9pt; text-align:center; }
     div.lecture, div.lecture1 { width:250px; float:left; margin-right:4px; display:none; text-align:left; }
	 div.lecture1 { display:block; }
	 div.lecture1 p { margin-top:5px;  }
	 div.lecture1 p img { float:left;  } html>body .culture-center-content div.lecture1 p img { margin-right:3px; width:110px; height:92px; padding:0; margin-bottom:-10px }
	 
	 .bloc-liste { width:194px; float:left; text-align:left;  }
	 ul.liste { width:100%; padding:0; margin:0; list-style:none; color:#3F3F3F;  }
	 ul.liste li, ul.liste li a { width:100%; height:30px; color:#3F3F3F; line-height:14px; cursor:pointer; } html>/**/body ul.liste li { margin-bottom:3px; }
	 #agenda ul.liste li,  #agenda ul.liste li a { width:100%; height:15px; color:#3F3F3F; line-height:14px; } 
	  
.culture-bottom-content { float:left; width:451px; height:19px; background:url(../images/bg-taswira-bas-centre.gif) repeat-x; }

.bloc-center-gauche-culture, .bloc-center-droite-culture { float:left; width:19px; height:196px; background:url(../images/bg-taswira-gauche.gif) no-repeat; 
background-position:0% -18px; }	 
.bloc-center-droite-culture { background:url(../images/bg-taswira-droite.gif) no-repeat; margin-right:-200px; background-position:0% -18px; }	


/** Le WIDGET blogs **/
.blogs { width:489px; }

.blog-centre1 { float:left; width:461px; height:12px; background:url(../images/bg-google-centre.gif) repeat-x; }

.blog-centre-gauche  { clear:both; float:left; width:14px; height:101px; background:url(../images/bg-google-gauche2.gif) repeat-y; }
.blog-centre-droite  { background:url(../images/bg-google-droite2.gif) repeat-y; margin-right:-200px; float:left; width:14px; height:101px; }
.blog-centre2 { float:left; width:461px; height:101px; background:#fff; text-align:left; }

.blogs-gauche-bas, .blogs-droite-bas { float:left; width:14px; height:42px; background:url(../images/gauche-laouej.gif) no-repeat; }
.blogs-droite-bas  { background:url(../images/droite-laouej.gif ) no-repeat; margin-right:-200px; }
.blogs-gauche-bas { clear:both; }
.blogs-centre-bas { float:left; width:460px; height:42px; background:url(../images/centre-laouej.gif) repeat-x; }

.liste-blogs, .liste-comments { width:100%; list-style:none; height:25px; text-align:left; }
.liste-blogs li, .liste-comments li { margin-left:5px; width:46%; float:left; } 
.liste-blogs li a, .liste-comments li a { color:#3F3F3F; font-size:12px; }
.liste-blogs li a:hover, .liste-comments li a:hover  { color:#0E7DEE; background:#DBF1FB; }
.liste-blogs li img, .liste-comments li img { border:0; margin-right:5px; }
.tous-blog { color:#979797; font-size:10px; display:block; clear:both; float:right; }
.tous-blog:hover { color:#575757; }

.liste-comments { width:100%; list-style:none; text-align:left; } * html .liste-comments { height:65px; }
.liste-comments li { margin-left:5px; width:100%; } 
.liste-comments li img { border:0; margin-right:0; }
.liste-comments li a { color:#3F3F3F; font-size:12px; }
.liste-comments li a:hover  { color:#0E7DEE; background:#DBF1FB; }

/** Recherche web Tunisien **/
.laouej { color:#4096EE; width:100%; padding-top:14px; text-align:left; font-size:12px; }
.champs-laouej { width:144px; height:20px; background:url(../images/bg-laouej.gif) no-repeat; vertical-align:middle; }
.ok-laouej { width:83px; height:24px; background:url(../images/bg-ok-laouej.gif) no-repeat; border:0; vertical-align:middle; cursor:default; }

/** pub et newsletter **/
.glob-newsletter { width:315px; }

.pub-centrale { width:100%; text-align:center; clear:left; margin-top:2px; } * html .pub-centrale  { margin-bottom:9px; }
html>/**/body .pub-centrale { margin-left:10px; }

.bloc-newsletter { width:314px; text-align:left; }
.newsletter-gauche, .newsletter-droite { width:14px; height:25px; background:url(../images/information-gauche.gif) no-repeat; float:left; }
.newsletter-droite { background:url(../images/information-droite.gif) no-repeat; }
.newsletter-centre1 { height:25px; width:286px; background:url(../images/information-centre.gif) repeat-x; float:left; color:#FFF; line-height:25px;
text-indent:8px; }
html>/**/body .newsletter-centre1 { line-height:28px; }

.newsletter-centre-gauche, .newsletter-centre-droite { float:left; width:14px; height:86px; background:#fff url(../images/bg-google-gauche2.gif) repeat-y;
background-position:-1px 0% }
.newsletter-centre-gauche { clear:both; }
.newsletter-centre-droite { background:#fff url(../images/bg-google-droite2.gif) repeat-y; background-position:1px 0% }
.newsletter-centre2 { height:86px; width:286px; background:#fff; float:left; }
     .form-newsletter { font-size:11px; }
          .form-newsletter input { vertical-align:middle;  }
		  .champs-newsletter { width:200px; height:20px; background:url(../images/champ-newsletter.gif) no-repeat; position:relative;  }
		  .ok-newsletter { width:81px; height:24px; margin-left:2px; background:url(../images/ok-newsletter.gif) no-repeat; border:0; position:relative;  }
          #check-bienetre { margin-left:15px; }

.newsletter-bottom { clear:both;width:100%; height:12px; } * html .newsletter-bottom { margin-top:-7px; }
.newsletter-bottom-gauche, .newsletter-bottom-droite { float:left; width:13px; height:12px; background:url(../images/bg-google-bas-gauche.gif) no-repeat;
background-position:-1px 0%  }
.newsletter-bottom-droite { background:url(../images/bg-google-bas-droite.gif ) no-repeat; margin-right:-200px; }
.newsletter-centre3 { float:left; width:288px; height:12px; background:url(../images/bg-google-bas-centre.gif) repeat-x;  }

/** Le bloc horoscope, meteo, bourse, devise **/
a.horoscope-img { width:46px; height:45px; display:block; cursor:pointer; float:left; padding:2px;  } 
#content-horoscope { width:200px; margin-left:auto; margin-right:auto; margin-top:8px; }
.utiles-center-content #affiche-horoscope { width:100%; margin-top:3px; overflow:hidden; text-align:left; line-height:14px; }
.loadingajaxmeteo { margin-top:55px; }
.select1 { margin-bottom:8px; }
.form-meteo { margin-top:8px; text-align:center; }
.form-meteo div.content-meteo { width:100%; }

.form-meteo select { height:18px; font-size:11px; display:block; width:140px; margin:0 auto; }

.espace { height:5px; }
* html .espace { height:0px; margin-bottom:-10px;}
.ok-meteo { width:42px; height:18px; background:url(../images/ok-meteo.gif) no-repeat; border:0; cursor:pointer; margin-top:7px; display:block;
margin-left:auto; margin-right:auto; }
.content-bourse { text-align:left; margin-left:auto; margin-right:auto; cursor:default; margin-top:8px; }
.var-bourse { display:block; float:left; width:80px; color:#0A6BAA; font-weight:bold; }
.var-bourse2 { font-weight:bold; }

/** Le WIDGET femmes, art de vire et bien etre **/
.liste-femme { width:100%; list-style:none; text-align:left; }
.liste-femme li { height:40px; clear:both; }
html>/**/body .liste-femme li { margin-bottom:6px; }
.liste-femme li a { display:block; width:100%; height:40px; color:#3F3F3F; border:1px solid #F0F0F0;  }
html>body .liste-femme li a { width:99%; }
.liste-femme li a:hover { background:url(../images/bg-femmes.gif) repeat-x; border:1px solid #F1AFAF }
.liste-femme li a img { width:40px; height:40px; display:block; float:left; border:0; padding:0 }
.liste-femme li a span { width:400px; margin-left:3px; display:block; float:left; height:40px; cursor:pointer; }

.bloc-center-gauche-femme, .bloc-center-droite-femme { float:left; width:19px; height:161px; background:url(../images/bg-taswira-gauche.gif) no-repeat; 
background-position:0% -56px; }	 
.bloc-center-droite-femme { background:url(../images/bg-taswira-droite.gif) no-repeat; margin-right:-200px; background-position:0% -56px; }	

#femmes, #femmes2,#femmes3, #bienetre  { height:161px; }



/** footer **/
#footer { width:100%; font-size:12px; cursor:default; color:#616677; text-align:left;  }
.dessin-footer { position:absolute; margin-top:-2px !important; margin-top:-3px; margin-left:591px; }
.nav-footer { width:100%; min-height:93px; height:auto !important; height:93px;  }
.nav-footer div { padding-top:10px; } .nav-footer div p { padding-top:15px; }
.nav-footer a, .pop-link a { color:#616677; font-weight:bold; } .nav-footer a:hover, .pop-link a:hover { text-decoration:underline; color:#046B9A; }

.pop-link  { width:100%; min-height:20px; height:auto !important; height:22px; }
.pop-link p { padding-right:10px; text-indent:0 }
#link2 {  background:#CDCDCD; border-top:1px solid #BBBABA; border-bottom:1px solid #BBBABA; text-indent:11px; }
#link2 img { vertical-align:middle; margin-right:5px; border:0;}
#link6 { padding-top:9px; padding-bottom:9px; }



/** moodalbox CSS **/
div#mb_overlay { position: absolute; left: 0; width: 100%; background-color: #0C456E; cursor: pointer; z-index:3; }


div#mb_center, div#mb_bottom { position: absolute; left: 50%; overflow: hidden; background-color: #DDD; z-index:4; }

div#mb_center { background-color: #FFF; } * html div#mb_center { margin-top:50px; }

div#mb_contents { width: 400px; height: 400px; border: 10px solid #DDD; overflow: auto; background-color: #FFF; visibility: hidden; }

.mb_loading { background: #DDD url(../images/loading.gif) no-repeat center center; }

#mb_error { font-size: 1.2em; color: #CD0000; font-weight: bold; text-align: center; padding: 0.5em; font-family: Verdana, Helvetica, sans-serif; }

#mb_error em { font-size: 0.8em; }

div#mb_bottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #DDD;
border-top-style: none; }

a#mb_close_link { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 11px 0; margin-top:10px; margin-right:0 }

div#mb_caption { margin-right: 71px; }


/** Charte du site **/
h2.titre-charte { text-align:center; color:#4096EE; }
.charte div { text-align:left; font-size:12px; margin-top:5px; }
.mention { display:block; padding:6px; color:#4096EE; }


/** Manipulation des WIDGET **/
.manip-link { width:20px; float:right; }

.config, .close, .minim { width:16px; height:16px; display:block; float:right; margin-left:2px; margin-bottom:-2px;  }
.config { background:url(../images/editions-edit.gif) no-repeat; margin-left:0;   }
.close { background:url(../images/editions-fermer.gif) no-repeat }
.minim { background:url(../images/editions-minim.gif) no-repeat }
.config:hover, .close:hover, .minim:hover { background-position:0% -16px; }

.edit, .edit2 { text-align:left; border:1px solid #F1F1F1;  } .edit2 { height:127px; }
.Edit-titre { color:#558DC1; border:0; font-size:13px; padding:2px; } .Edit-titre img { vertical-align:middle; margin-right:5px; } html>/**/body .Edit-titre img { margin-top:-2px; }

.content-edit { color:#3F3F3F; height:17px; width:100%; border-top:1px solid #F1F1F1; font-size:11px;
text-indent:10px; cursor:default; }
.content-edit img { border:0; width:14px; height:14px; vertical-align:middle; }
.close-edit, .close-edit2 { margin-left:313px; cursor:pointer; } .close-edit2 { margin-left:285px; }

.titre-tabs, .close-tabs, .edit-tabs, .edit-color { display:block; float:left; }
.close-tabs, .edit-tabs { text-align:center; }
.titre-tabs { width:140px; text-align:left; } .img-tabs { vertical-align:middle; border:1px solid #EEE; margin-right:5px; } 
.edit-color { width:170px; text-align:left; }

.link-edit , .link-close { color:#3F3F3F; }
.link-close:hover { text-decoration:underline; color:#F39F8E; }
.link-edit:hover { text-decoration:underline; color:#469927; }

.partie-config { width:100%; }
.partie-config label { width:33%; float:left; font-size:11px; }

.submit-editions { width:60px; height:17px; background:url(../images/valid-editions.gif) no-repeat; border:0; float:right; margin-right:5px; }
.submit-editions:hover { background-position:0% -17px; }

/** Le formulaire de contact **/
.charte2 { text-align:left; font-size:13px; }
.bloc-contact label { display:block; width:100%; margin-bottom:10px; clear:both; }
.bloc-contact label input, .bloc-contact label select, .bloc-contact label textarea { border:1px solid #c0c0c0; float:left; margin-bottom:10px; width:303px; }
.bloc-contact label textarea { height:150px; }
.bloc-contact label span { display:block; width:100px; float:left; }
.bloc-contact label .part-contact2 { display:block; width:600px; float:left; }
.adresse-contact { display:block; color:#4096EE; font-weight:bold; }
.submit-contact { border:0; background:#4096EE; color:#FFF; border:1px solid #c0c0c0; display:block; 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; clear:both; margin-left:339px; width:70px; padding-left:10px; cursor:pointer }

.politique img { margin-left:5px; margin-right:5px; }

#myDiv { visibility:hidden; }

.creationdate, .titrewidget, .titre222 { margin-right:5px; font-size:11px; }
.titrewidget, .titre222 { color:#646262 }
.titre222  { font-size:15px; color:#124D83; font-weight:bold; display:block; width:100%;  }
span.creationdate, em.creationdate, .source22, em.source22 { margin-right:5px; font-size:13px; font-style:normal; color:#000;  display:block; 
font-weight:bold; }
.source22, em.source22 { float:left; font-weight:bold; color:#6f6f6f;}

#gauche-search, #droite-search, #web, #webtn { height:100px; margin-bottom:0 !important; margin-bottom:-2px; }
#gauche-search, #droite-search { background:url(../images/bg-taswira-gauche.gif) no-repeat; background-position:0% -115px; }
#droite-search { background:url(../images/bg-taswira-droite.gif) no-repeat; background-position:0% -115px; }
#sourcesearch, #sourcesearch2 { width:358px; height:17px; font-size:11px; margin-left:25px; }
#sourcesearch { visibility:hidden; }
*+html #sourcesearch  { width:359px; height:19px; }
#date2search, #datesearch { width:141px; } *+html #date2search, *+html #datesearch { width:138px; }

#globale-search2 { float:left; } * html #globale-search2 { width:488px; }

.content-label-google { width:275px; float:left; }
#googlesym { width:133px; height:14px; float:left; } *+html #googlesym { width:129px; }

#motscles { margin-left:12px; width:316px; float:left; margin-bottom:5px; } *+html #motscles { width:312px; }
.submit-ok-calandar { display:block; width:37px; height:18px; background:url(../images/ok-calendar.gif) no-repeat; float:left; margin-left:3px; margin-bottom:5px; }
.content-label { width:80px; float:left; margin-bottom:5px; }


.form-search-bew label { display:block; width:100%; text-align:left; margin-bottom:5px; clear:both; }
.form-search-bew label img { vertical-align:middle; margin-top:-5px; }
.form-search-bew label input { border:1px solid #7F9FB5; cursor:default; }


#calendarImg { margin-left:2px; }



 /** Styles pour la version accessible **/
	.affiche-gd2 { width:100%; height:90px; margin-top:5px; text-align:left; display:block; }
	.affiche-gd2 { display:block }
	.affiche-gd2-content { float:left; width:326px; text-align:justify; }
	.affiche-gd2 img { display:block; float:left; width:110px; height:89px; margin-right:8px; border:3px double #CCC }
	.a-la-une-noscript, .national-noscript, .economie-noscript, .a-la-une2-noscript, .national2-noscript, .economie2-noscript, .inter-noscript, .inter2-noscript, .femme-small-noscript, .femme-small2-noscript { width:100px; height:23px; float:left; font-weight:bold; line-height:23px; }
	.a-la-une-noscript { background:url(../images/bg-a-la-une2.gif) no-repeat; margin-left:1px; }
	.a-la-une2-noscript { background:url(../images/bg-a-la-une2.gif) no-repeat; margin-left:1px; }
	.national-noscript { background:url(../images/bg-national.gif) no-repeat; width:98px; margin-left:1px;  }
	.national2-noscript { background:url(../images/bg-national2.gif) no-repeat; width:98px; margin-left:1px;  }
	.economie-noscript { background:url(../images/bg-econmie.gif) no-repeat; width:98px;  margin-left:1px;  }
	.economie2-noscript { background:url(../images/bg-econmie2.gif) no-repeat; width:98px;  margin-left:1px;  }
	.inter-noscript { background:url(../images/bg-inter.gif) no-repeat; width:100px;  margin-left:1px;  }
	.inter2-noscript { background:url(../images/bg-inter2.gif) no-repeat; width:100px;  margin-left:1px;  }
	.titre-bloc-interne h2 a{ font-size:13px; cursor:pointer; color:#FFFFFF; }
   
    .msg-noscript { position:absolute; z-index:0; width:1000px; height:906px; background:#FFF; left:50%; margin-left:-500px;
    font-size:20px;	}
	.msg-noscript a { color:#4096EE; text-decoration:underline overline }
	#Show_div { height:145px; overflow:auto; }
    
	.arbre { margin-left:15px; }
	.related-tous-les-articles { padding:0; margin:0; list-style:none; }
	.related-tous-les-articles li { float:left; width:150px; } .related-tous-les-articles li.separateur { height:0; clear:both; }
	.related-tous-les-articles li a { color:#3F3F3F; font-size:12px;  }
	.related-tous-les-articles li a:hover { color:#0E7DEE; background:#DBF1FB; }
	.related-tous-les-articles li img { border:0; }
	
	* html .related-tous-les-articles li { width:150px; margin-top:-50px; margin-bottom:50px; position:relative; } 
	* html .related-tous-les-articles li.separateur { height:0; margin-bottom:-10px; }
	* html .related-tous-les-articles li a { color:#3F3F3F; font-size:12px;  }
	* html .related-tous-les-articles li a:hover { color:#0E7DEE; background:#DBF1FB; }
	* html .related-tous-les-articles li img { border:0; }
	
	#Show_desc { display:none; }
	.google23 { margin-top:30px; }


	
	