/*---- GENERIQUES --------------------------------------------------------------------------------*/

*
{
 margin  	 :0;
 padding 	 :0;
 font-family :Arial, Sans-Serif;
 font-size   :11px;
}

img
{
 border :0;
}

h1
{
 font-size 	   :180%;
 margin-bottom :15px;
 color 		   :#F0BD00;   /*> Cette valeur change suivant l'Univers principal de la fiche <*/
}

ul li
{
 cursor :pointer;
}

fieldset
{
 border 	:0;
 margin-top :15px;
 background-color:#eee;
 padding:10px;
}

legend
{
 font-weight   :bold;
 color		   :#000;
 margin-bottom :10px;
}

body{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
} 

/*---- LIENS -------------------------------------------------------------------------------------*/

a
{
 text-decoration :none;
 color 			 :#000;
}
a:hover
{
 text-decoration :underline;
}

a#logo
{
 display	 :block;
 background  :url(../images/logo_chapo.gif) no-repeat;
 width 		 :616px;
 height		 :27px;
 margin-top  :15px;
 margin-left :15px;
}

a.detailsQuefaire
{
 float 		 :right;
 font-weight :bold;
 color 		 :#75C603;
}
a.detailsInforme
{
 float 		 :right;
 font-weight :bold;
 color 		 :#F0BE00;
}
a.detailsProbleme
{
 float 		 :right;
 font-weight :bold;
 color 		 :#FF13F3;
}

.ok
{
 border		:0;
 background :url(../images/btn_ok.gif) 1px 1px no-repeat;
 width		:25px;
 height		:19px;
 color		:#FFF;
 cursor		:pointer;
}

a.lienGenerique
{
 color :#999;
}
a.lienGenerique:hover
{
 color :#F00;
}

a.actu
{
 text-decoration :underline;
 color		     :#666;
}

a.lienSouligner
{
 text-decoration :underline;
}

#filAriane a
{
 text-decoration :underline;
}

a#titreHomeInforme, a#titreHomeInformeNeutre
{
 display	 :block;
 margin-left :125px;
 margin-top  :20px;
 background  :url(../images/titreHomeInforme.gif) no-repeat 0 0;
 height		 :56px;
}
a#titreHomeInforme:hover, a#titreHomeInformeNeutre:hover
{
 background  :url(../images/titreHomeInforme.gif) no-repeat 0 -56px;
}
a#titreHomeInformeNeutre
{
 margin-left :80px;
}
a#titreHomeInformeReduit
{
 display	 :block;
 margin-left :5px;
 margin-top  :20px;
 background  :url(../images/titreHomeInformeReduit.gif) no-repeat 0 0;
 height		 :56px;
}
a#titreHomeInformeReduit:hover
{
 background  :url(../images/titreHomeInformeReduit.gif) no-repeat 0 -56px;
}

a#titreHomeQueFaire
{
 display	 :block;
 margin-left :15px;
 margin-top  :22px;
 background  :url(../images/titreHomeQueFaire.gif) no-repeat 0 0;
 height		 :52px;
}
a#titreHomeQueFaire:hover
{
 background  :url(../images/titreHomeQueFaire.gif) no-repeat 0 -52px;
}

a#titreHomeQueFaireReduit, a#titreHomeQueFaireReduitNeutre
{
 display	 :block;
 margin-left :5px;
 margin-top  :23px;
 background  :url(../images/titreHomeQueFaireReduit.gif) no-repeat 0 0;
 height		 :52px;
}
a#titreHomeQueFaireReduit:hover, a#titreHomeQueFaireReduitNeutre:hover
{
 background  :url(../images/titreHomeQueFaireReduit.gif) no-repeat 0 -52px;
}
a#titreHomeQueFaireReduitNeutre
{
 margin-left :40px;
}

a#titreHomeProbleme
{
 display	 :block;
 margin-left :8px;
 margin-top  :20px;
 background  :url(../images/titreHomeProbleme.gif) no-repeat 0 0;
 height		 :51px;
}
a#titreHomeProbleme:hover
{
 background  :url(../images/titreHomeProbleme.gif) no-repeat 0 -51px;
}

a.menuInforme
{
 color 		 :#FFF;
 font-size 	 :130%;
 font-weight :bold;
}
a.menu
{
 color 		 :#FFF;
 font-size 	 :110%;
 font-weight :bold;
}

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


#principal
{
 width        :920px;
 position     :relative;
 margin-left  :auto;
 margin-right :auto;
}

.ssTitreArticle
{
 font-weight :bold;
}

.titreFocusInforme
{
 color :#F0BE00;
}
.titreFocusQuefaire
{
 color 		 :#40DB01;
 font-weight :bold;
}
.titreFocusProbleme
{
 color :#FF13F3;
}

.clear
{
 clear :both;
}
.clear20
{
 clear :both;
 height:20px;
}

.textHistoFocus
{
 width		   :auto;
 text-align	   :justify;
 padding-right :45px;
}
.dateHistoFocus
{
 float 		 :right;
 margin-top  :-15px;
 font-weight :bold;
 width		 :45px;
}

.playerMP3
{
 display :inline;
}

.info
{
 font-style :italic;
}

#barre_fidelisation
{
 text-align   :right;
 margin-right :15px;
 margin-top	  :4px;
}

.dernierChoix
{
 margin-top :20px;
}

li.categorie
{
 background-color :#FFF !important;
 font-weight	  :bold;
 cursor 		  :auto;
}
li.categorie:hover
{
 background-color :#FFF !important;
 cursor :auto;
}

li.categorieSsMenu
{
 text-decoration :underline;
 font-weight     :bold;
 margin-left	 :-10px;
 cursor			 :auto;
}

#recherche_directe
{
 background  :url(../images/bandeau.jpg) no-repeat;
 width 		 :920px;
 height		 :45px;
}

	#rechMotClef
	{
	 float		 :left;
	 margin-left :18px;
	 margin-top  :19px;
	}
		#rechMotClef p
		{
		 float :left;
		}
	
	ul#rechDivers
	{
	 text-align      :right;
	 padding-top     :23px;
	 margin-right    :15px;
	 list-style-type :none; 
	}
		ul#rechDivers li
		{
	 	 display 		:inline;
	 	 text-transform :uppercase;
	 	 font-weight	:bold;
	 	 font-size		:110%;
	 	 margin-right	:10px;
		}
		ul#rechDivers a:hover
		{
	 	 color :#F00;
		}

#rechThemes
{
 margin-top :5px;
}
	#rechThemes li
	{
	 margin-bottom :5px;
	}
	
	#blocInforme
	{
 	 background   :url(../images/fond_informe.jpg) no-repeat;
 	 width 		  :409px;
	 height		  :308px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 margin-right :6px;
	}
	#blocInforme ul
	{
	 list-style-image: url(../images/puceHome.gif);
	 color			 :#FFF;
	 margin-left 	 :197px;
	 margin-top  	 :20px;
	 width			 :185px;
	 padding-left    :16px;
	}	
	
	#blocQueFaire
	{
	 background   :url(../images/fond_encasde.jpg) no-repeat;
	 width 		  :274px;
	 height		  :308px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 border-left  :2px solid #EEE;
	 margin-right :6px;
	}
	#blocQueFaire ul
	{
	 list-style-image: url(../images/puceHome.gif);
	 color			 :#FFF;
	 margin-left 	 :96px;
	 margin-top  	 :30px;
	 width			 :155px;
	 padding-left    :16px;
	}	

	#blocProbleme
	{
	 background  :url(../images/fond_probleme.jpg) no-repeat;
	 width 		 :215px;
	 height		 :308px;
	 float		 :left;
	 border-left :3px solid #EEE;
	}
	#blocProbleme ul
	{
	 list-style-image: url(../images/puceHome.gif);
	 color			 :#FFF;
	 margin-left 	 :14px;
	 margin-top  	 :35px;
	 width			 :130px;
	 padding-left    :16px;
	}	
	
	#blocInformeReduit
	{
 	 background   :url(../images/fond_informeReduit.jpg) no-repeat 0 0;
 	 width 		  :212px;
	 height		  :138px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 margin-right :6px;
	}
	#blocInformeReduitMaitre
	{
 	 background   :url(../images/fond_informeReduitMaitre.jpg) no-repeat 0 0;
 	 width 		  :474px;
	 height		  :138px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 margin-right :6px;
	}
	#blocInformeReduitNeutre
	{
 	 background   :url(../images/fond_informeReduitNeutre.jpg) no-repeat 0 0;
 	 width 		  :410px;
	 height		  :138px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 margin-right :6px;
	}
	#blocQueFaireReduit
	{
	 background   :url(../images/fond_encasdeReduit.jpg) no-repeat;
	 width 		  :212px;
	 height		  :138px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 border-left  :2px solid #EEE;
	 margin-right :6px;
	}
	#blocQueFaireReduitMaitre
	{
 	 background   :url(../images/fond_encasdeReduitMaitre.jpg) no-repeat 0 0;
 	 width 		  :474px;
	 height		  :138px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 border-left  :2px solid #EEE;
	 margin-right :6px;
	}
	#blocQueFaireReduitNeutre
	{
 	 background   :url(../images/fond_encasdeReduitNeutre.jpg) no-repeat 0 0;
 	 width 		  :276px;
	 height		  :138px;
	 float		  :left;
	 border-right :2px solid #EEE;
	 border-left  :2px solid #EEE;
	 margin-right :6px;
	}
	#blocProblemeReduit
	{
	 background  :url(../images/fond_problemeReduit.jpg) no-repeat;
	 width 		 :212px;
	 height		 :138px;
	 float		 :left;
	 border-left :3px solid #EEE;
	}
	#blocProblemeReduitMaitre
	{
	 background  :url(../images/fond_problemeReduitMaitre.jpg) no-repeat;
	 width 		 :474px;
	 height		 :138px;
	 float		 :left;
	 border-left :3px solid #EEE;
	}
	#blocProblemeReduitNeutre
	{
	 background  :url(../images/fond_problemeReduitNeutre.jpg) no-repeat;
	 width 		 :212px;
	 height		 :138px;
	 float		 :left;
	 border-left :3px solid #EEE;
	}
	
#piedPage
{
 background    :url(../images/bas_page.jpg) no-repeat;
 width		   :920px;
 height		   :29px;
 margin-top    :10px;
}

	ul#liensAnnexes
	{
	 float:left;
	 list-style-type :none;
	 padding-left 	 :25px;
	 margin-top      :8px;
	}

	ul#liensAnnexes li
	{
	 float 		  :left;
	 margin-right :10px;
	}
	
	#contCopyright
	{
	 float         :right;
	 padding-right :25px;
	 margin-top    :6px;
	}
		#copyright
		{
		 float 		:left;
		 margin-top :2px;
		}
		#logoArcep
		{
		 margin-left  :10px;
		}

#actus
{
 background   :url(../images/picto_actus.gif) no-repeat;
 height 	  :25px;
 margin-top	  :5px;
 margin-left  :10px;
 padding-left :60px;
 padding-top  :4px;
}

#actus_off
{
 background   :url(../images/picto_actus_off.gif) no-repeat;
 height 	  :25px;
 margin-top	  :5px;
 margin-left  :10px;
 padding-left :60px;
 padding-top  :4px;
 display 	  :none;
}

#questionsFrequentesUnivers
{
 float		 :left;
 margin-left :40px;
}
	#questionsFrequentesUnivers ul
	{
	 list-style-type :none;
	 margin-top		 :7px;
	}

	#questionsFrequentesUnivers li
	{
	 height :25px;
	}
	#questionsFrequentesUnivers a
	{
	 height	 :20px;
	}

#questionsFrequentes
{
 float  	  :left;
 width  	  :570px;
 height		  :100px;
 border-right :1px solid #DDD;
 margin-top	  :8px;
}

	#questionsFrequentes ul
	{
	 list-style-type :none;
	 margin-top		 :7px;
	}

	#questionsFrequentes li
	{
	 float	:left;
	 width  :50%;
	 height :25px;
	}
	#questionsFrequentes a, #voiraussi a, #multimedia a, #savoirplus a, #questionsFrequentesUnivers a
	{
	 display    :list-item;
	 min-height	:35px;
	 height     :auto !important;
	 height     :35px;
 	 color      :#666;
	}
	#questionsFrequentes a
	{
	 float	 :left;
	 height	 :20px;
	}
	#multimedia a
	{
	 height :25px;
	}
	
#focus
{
 float 		:right;
 width 		:330px;
 margin-top	:8px;
}
	#focus div
	{
 	 margin-top :7px;
 	 text-align :justify;
 	 color		:#666;
	}

#focusUnivers
{
 float 		   :right;
 width 		   :260px;
 margin-top	   :20px;
 padding-right :74px;
}
	#focusUnivers div
	{
 	 margin-top :7px;
 	 text-align :justify;
 	 color		:#666;
	}

.margeDroite
{
 float 		  :left;
 margin-right :5px;
}

.floatLeft
{
 float :left;
}

.informe
{
 background   :url(../images/pictoInforme20.gif) no-repeat;
 padding-left :30px;
}

.quefaire
{
 background   :url(../images/pictoQueFaire20.gif) no-repeat;
 padding-left :30px;
}

.probleme
{
 background   :url(../images/pictoProbleme20.gif) no-repeat;
 padding-left :30px;
}

.audio
{
 background   :url(../images/pictoSon.gif) no-repeat;
 padding-left :30px;
 cursor		  :auto;
}

.video
{
 background   :url(../images/pictoVideo.gif) no-repeat;
 padding-left :30px;
}

.lienExterne
{
 background   :url(../images/pictoLienExterne.gif) no-repeat;
 padding-left :30px;
}


#interrogation
{
 margin-left :195px;
 margin-top  :25px;	
}
#nuage
{
 margin-left :150px;
 margin-top  :30px;
}

#filAriane
{
 margin-left :15px;
 margin-top  :5px;
}


ul#ssMenuGauche, ul#ssMenuGaucheGloss
{
 float			 :left;
 margin-left 	 :2px;
 width			 :150px;
 padding-left    :16px;
}
ul#ssMenuGauche li, ul#ssMenuGaucheGloss li
{
 line-height :25px;
 font-weight :bold;
}

ul#ssMenuGauche
{
 list-style-image: url(../images/puce.gif);
}

ul#ssMenuGaucheGloss
{
 list-style-type :none;
 width			 :120px;
 margin-left	 :20px;
 margin-right	 :30px;
}
ul#ssMenuGaucheGloss li
{
 float		:left;
 width 		:25px;
 text-align :center;
}
ul#ssMenuGaucheGloss li:hover
{
 background-color :#EEE;
}
ul#ssMenuGaucheGloss a
{
 padding   :7px;
 font-size :14px;
}
ul#ssMenuGaucheGloss a:hover
{
 text-decoration  :none;
}

#contArticle
{
 margin-top :35px;
}

#contArticle td
{
 padding :5px;
}

#corpsArticle
{
 font-size :11px;
}

#article
{
 float		:left;
 width 		:510px;
 text-align :justify;
}

#article .uneRemarqueInfo {
 float:right;
}

#corpsArticle ul, #corpsArticle ol
{
 margin-left   :30px;
 margin-top    :5px;
 margin-bottom :5px;
}
#corpsArticle li
{
 cursor	:auto;
 list-style-image: url(/uploads/RTEmagicC_puce_fleche_07.gif.gif);
}

#ssMenuDroite
{
 float 		 :right;
 margin-left :15px;
 margin-top  :55px;
 font-size   :130%;
 font-weight :bold;
}

#ssMenuDroite span
{
 font-size   :100%;
 font-weight :bold;
}

#ssMenuDroite ul
{
 margin-bottom   :15px;
 list-style-type :none;
}

ul#barreAccess
{
 float :right;
 width :140px;
 margin-top:-20px;
}
ul#barreAccess li
{
 display :inline;
}

ul#voiraussi li
{
 width :200px;
}

#msgPicto
{
 position	:absolute;
 color      :#666;
 font-size  :90%;
 left       :540px;
 width		:130px;
 margin-top :-32px;
 text-align :center;
}

ul#listeThemes, ul#listeHistoActus
{
 list-style-type :none;
 float 			 :left;
 width			 :400px;
 /*
 height		 	 :400px;
 border :1px solid red;
 */
}
ul#listeArticles, ul#listeHistoFocus
{
 list-style-type :none;
 margin-top      :20px;
 margin-left	 :170px;
}

ul#listeArticles li
{
 background-color :#EEE;
 color			  :#000;
}
ul#listeArticles li:hover, ul#listeThemes li:hover, .listeThemesHover
{
 background-color :#F0BD00 !important;
 color 			  :#FFF;
}

ul#listeThemes li, ul#listeArticles li, ul#listeArticlesResults li, ul#listeHistoFocus li, .listeHistoFocus, .listeThemes, .listeHistoActus, ul#listeHistoActus li
{
 display          :list-item;
 background-color :#EEE;
 margin-bottom 	  :10px;
 font-size		  :120%;
 padding-top	  :5px;
 padding-bottom	  :5px;
 padding-left	  :15px;
}

ul#listeArticlesResults
{
 list-style-type :none;
}
ul#listeArticlesResults li
{
 font-size :100%;
}

ul#listeHistoFocus li
{
 padding-left :0px;
 padding-top  :0px;
 height 	  :75px;
}
ul#listeHistoFocus li:hover, .listeHistoFocusHover, ul#listeHistoActus li:hover, .listeHistoActusHover
{
 color			  :#FFF;
 background-color :#666 !important;
}

ul#listeHistoFocus img
{
 background-color :#FFF;
 margin-right	  :10px;
 float 			  :left;
}

#contPictoTheme
{
 float      :left;
 height		:100%;
 text-align :center;
}

#contGlossaire
{
 height   :400px;
 overflow :auto;
}
	#contGlossaire p.short
	{
	 height 		  :20px;
	 background-color :#EEE;
	 margin-bottom	  :10px;
	 padding-top	  :5px;
	 padding-left	  :10px;
	}
	#contGlossaire p.short:hover
	{
	 background-color :#666;
	 color			  :#FFF;
	 cursor			  :pointer;
	}
	#contGlossaire div
	{
	 padding-bottom :15px;
	}
	
.lettreGlossaire
{
 font-size   :35px;
 font-weight :bold;
 color		 :#BBB;
}

.cacher
{
 display :none;
}

#contResults
{
 margin-left :180px;
}
#contResults div
{
 float 		  :left;
 width 		  :31%;
 margin-right :15px;
}

#contDiffuser
{
 position :absolute;
 width	  :355px;
 height	  :163px;
 top 	  :80px;
 left 	  :50%;
 margin-left :-177px;
 background  :url(../images/popUpDiffuser.gif) no-repeat;
}

#contEnvoiAmi
{
 position :absolute;
 width	  :450px;
 height	  :234px;
 top 	  :60px;
 left 	  :50%;
 margin-left :-225px;
 background  :url(../images/encartAmi.gif) no-repeat;
}

#contPlayer
{
 position    :absolute;
 width	     :370px;
 height		 :330px;
 top 	     :60px;
 left 	     :50%;
 margin-left :-182px;
 background  :url(../images/encartPlayer.gif) no-repeat; 
}

#cachePage, #cachePage2, #cachePageHome, #cachePage3 
{
 position 	:absolute;
 width	  	:100%;
 height	  	:230px;
 margin-top	:60px;
 top	    :0;
 left	  	:0;
 background-color :#FFF;
 filter 		  :alpha(opacity=90);
 -moz-opacity	  :0.9;
}

#cachePage3 
{
 height  :100%;
}

#cachePageHome
{
 height :360px;
}

#contDiffuser div
{
 margin-top  :10px;
 margin-left :15px;
}

.texteInfo
{
 margin-left :660px;
 margin-top  :-30px;
 font-style  :italic;
}

.bulleInfo
{
 background   :url(../images/bulle_info.gif) no-repeat;
 height		  :35px;
 padding-left :40px;
 padding-top  :10px;
 margin-left  :190px;
 font-style	  :italic;
}

.corpsDecale
{
 margin-top  :70px;
 margin-left :180px;
}

#lienAplacer
{
 width  :325px;
 height :40px;
}

#formuAmi
{
 margin-top  :10px;
 margin-left :10px;
}

#formRemarque label
{
 display 	   :inline;
 float		   :left;
 width   	   :70px;
 margin-bottom :7px;
 font-variant  :small-caps;
}
#formRemarque input
{
 margin-bottom :7px;
}