/******************************************************************************/
/* Feuille de styles Annexes :												  */
/*  - styles du moteur de recherche 										  */
/*  - styles des tableaux comparatifs										  */
/*  - style du rss parser													  */
/*	- style de la rubrique jeu																								*/
/******************************************************************************/
@import url(search_engine.css) ;
@import url(comparatif.css) ;
@import url(feeds.css);
@import url(jeu.css);


/******************************************************************************/
/* style de la page standard												  */
/******************************************************************************/
html, body {
  width:100%;
}

body {
  margin:0;
  /*_text-align:center;*/
  background:#fff url(/images/background.png) 0 -188px repeat-x;
}

* {
  font-family:"Arial";
  font-size:11px;
}

/* champs input */
.inputfield {
  border:1px solid orange;
}

/* pas de bords sur les images */
img {
  border:0;
}

/******************************************************************************/
/* Styles des Scrollbars sous IE											  */
/******************************************************************************/
body, textarea {  
  scrollbar-base-color:#fff;
  scrollbar-3dlight-color:#fff;
  scrollbar-arrow-color:#ff6e20;
  scrollbar-darkshadow-color:#fff;
  scrollbar-face-color:#ffb400;
  scrollbar-highlight-color:#fff;
  scrollbar-shadow-color:#ff6e20;
  scrollbar-track-color:#fff;
}

/******************************************************************************/
/* Main content																  */
/******************************************************************************/
#content {
  width:902px;
  /*height:542px;*/
  height:554px;
  /*margin:54px auto 0;*/
  margin:42px auto 0;
}

/******************************************************************************/
/* Styles du Header															  */
/******************************************************************************/
#header {
  width:100%;
  /*height:102px;*/
  height:114px;
}

.header_intro {
  background:#fff url(/images/bg_header_intro2.png) 0 0 no-repeat ; 
}

.header {
  background:#fff url(/images/bg_header_filigrane2.png) 0 0 no-repeat ; 
}

.header_blank
{
  background:#fff url(/images/bg_header2.png) 0 0 no-repeat ;
}

/* placement du home link (masque cliquable par dessus le logo */
#home_link {
  position:absolute;
  margin:12px 0 0 14px;
  _margin:12px 0 0 -372px;
  width:230px;
  height:100px;
}

#home_link a {
  display:block;
  width:100%;
  height:100%; 
  text-decoration:none;
}

#header h1 {
  display:none;
}

/******************************************************************************/
/* Styles du Footer				     										  */
/******************************************************************************/
#footer {
  clear:both;
  width:902px;
  height:40px;
  background-color:#fff;
  text-align:center;
}

.footer {
  background:#fff url(/images/bg_footer_filigrane.png) 0 0 no-repeat ;
}

.footer_intro {
  background:#fff url(/images/bg_footer_intro.png) 0 0 no-repeat ;
}

.footer_blank
{
  background:#fff url(/images/bg_footer.png) 0 0 no-repeat ;
}

#footer span {
  display:block;
  padding-top:22px;
  font-size:10px;
}

#footer span a {
  font-size:10px;
  text-decoration:none;
  color:#777;
}

/******************************************************************************/
/* Menu Principal														      */
/******************************************************************************/
#menu {
  float:right;
  /*margin:26px 0 0 0;*/
  margin:38px 0 0 0;
  width:490px;
  height:45px;
}

#menu ul {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  width:100%;
  list-style:none;
}

#menu ul li {
  display:inline;
  float:left;
  width:80px;
  height:40px;
  margin:0;
}

#menu ul li a{
  display:block;
  width:100%;
  height:100%;
  line-height:30px;
  text-align:center;
  font-weight:bold;
  font-size:12px;
  font-family:"Arial", "Sans-Serif" ;
  color:#fefefe;
  text-decoration:none;
  background:url(/images/bg_menu_button.png) right bottom no-repeat;
}

#menu ul li a:hover {
  background:url(/images/bg_menu_button_over2.png) right bottom no-repeat;
}

#menu ul li.item_selected a,
#menu ul li.item_selected a:hover {
  background:url(/images/bg_menu_button_selected.png) right bottom no-repeat;
  color:#ff6e02;
}

/******************************************************************************/
/* Date du Header															  */
/******************************************************************************/
#date_header{
	display:none;
  float:left;
  /*margin:46px 0 0 250px;
  _margin:47px 0 0 124px;*/
  margin:58px 0 0 250px;
  _margin:59px 0 0 124px;
  font-size:10px;
  text-align:center;
  line-height:12px;
  color:#fff;
}

/******************************************************************************/
/* Centre de la page - CONTENU												  */
/******************************************************************************/
#middle
{
  float:left;
  width:900px;
  /*height:400px;*/
  border-left:1px solid #FF7F20;
  border-right:1px solid #FF7F20;
  background-color:#fff;
}

.middle_intro {
  background:#fff url(/images/bg_intro_classeur.jpg) 0 0 no-repeat ;
}

.middle {
  background:#fff url(/images/bg_body_filigrane.jpg) 0 0 repeat-y ;
}

div.middle_fullheight {
  min-height:400px !important;
}

/***************************************************************/
/* Partie Gauche du Contenu PRINCIPAL	-   BODY	  		   */
/***************************************************************/
#body {
  float:left;
  width:605px;
  height:400px;
  margin:0 0 0 20px;
  _margin:0 0 0 10px;
  overflow:auto;
  /*background-color:#eee;*/
}

.body_fullheight {
  height:100% !important;
  padding-bottom:10px;
}

.body_fullwidth {
  width:860px !important;
}

/***************************************************************/
/* Partie Droite du Contenu PRINCIPAL	-   ADVERT_SPACE	   */
/***************************************************************/
#advert_space {
  float:right;
  width:255px;
  height:400px;
  margin:0 20px 0 0;
  _margin:0 10px 0 0;
  /*background-color:#ccc;*/
}

#advert_space.invisible {
  display:none;
}

/***************************************/
/* Styles des encarts de pub		   */
/***************************************/

div.advert {
  width:234px;
  min-height:90px;
  margin:10px auto;
}

div.advert .advert_header {
  width:100%;
  height:20px;
  background:url(/images/bg_header_pub.png) 0 0 no-repeat ;
}

div.advert .advert_footer {
  width:100%;
  height:20px;
  background:url(/images/bg_footer_pub_gris.png) 0 0 no-repeat ;
}

div.advert .advert_body {
  width:214px;
  padding:0 4px;
  min-height:50px;
  border-left:6px solid #ff6e02;
  border-right:6px solid #ff6e02;
  text-align:justify;
  background:#fff url(/images/bg_body_pub_gris.png) 0 100% repeat-x ;
}

div.advert .advert_body a {
  text-decoration:underline;
  color:#ff6e02;
}

div.advert .advert_body a:hover {
  color:#fff;
  background-color:#ff6e02;
}

/******************************************************************************/
/* Boite Publicitaire incluant le Fake Number, Nombre d'entreprise du système */
/******************************************************************************/
a#company_count{
	display:block;
	width:234px;
	height:137px;
	background:#fff url(/images/pub/annuaire_gratuit_2.jpg) 0 0 no-repeat;
	text-decoration:none;
	padding-top:2px;
	
	text-align:center;
	font-family:"Arial" ;
	color:#fff;
	font-size:11px;
}

/******************************************************************************/
/* Page de météo															  */
/******************************************************************************/
.button_meteo {
  width:370px;
  height:25px;
  margin:10px auto 0;
}

.button_meteo a {
  display:block;
  float:left;
  width:180px;
  height:22px;
  line-height:22px;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  background:url(/images/bg_button_comparatif_selected.png) 0 0 no-repeat;
  color:#ff6e02;
  text-decoration:none;
  margin:0 2px;
}

div#meteo_map {
  width:320px;
  height:320px;
  padding:4px;
  _padding:4px 4px 2px 4px;
  margin:10px auto 0 ;
  border:1px solid #ff6e02;
  -moz-border-radius:6px;
}

/******************************************************************************/
/* Page CGV																  */
/******************************************************************************/
#cgv {
  width:500px;
  margin:auto;
  font-size:13px;
}

#cgv p {
  font-size:13px;
  text-indent:20px;
  text-align:justify;
  padding:0 10px 0 0;
}

#cgv span {
  display:block;
  width:100%;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  text-decoration:underline;
}

/******************************************************************************/
/* Page formulaire de contact												  */
/******************************************************************************/
#contact {
  width:400px;
  margin:0 auto;
}

#contact label.inline {
  display:inline;
  margin:0 10px;
}

#contact td {
  height:21px;
  _height:20px;
}

span.required {
  text-indent:5px;
  color:#f00;
}

/******************************************************************************/
/* Pages de Jeux															  */
/******************************************************************************/
#teaser {
  width:500px;
  height:350px;
  margin:20px auto 0;
}