/*------------------------ CSS LEGATUIT -----------------------------*/
/*------------------- Copyright AG CREATIONS ------------------------*/
/*---------------------------- 2008 ---------------------------------*/

* {margin: 0;padding:0;border: 0;}
html, body {margin:0;padding:0;text-align: center; font-size:11px;
}
img {border:0;}

a {color:#000; text-decoration:none; font-weight:bold;}
a:hover {color:#000; text-decoration: underline;}
p {  text-align:justify; 
font-family:Arial, Helvetica, sans-serif; font-size : 1em;}
p a {color:#000; text-decoration:none; font-weight:bold; }
p a:hover {color:#000; text-decoration: underline;}

hr {width: 100%;clear:both; }


body{
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
	background :#3e6fa7 ;
}	

.conteneur{
	position:relative;
	width:1000px; 
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}

/*partie du haut--------------------------------------
-----------------------------------------------------*/


#header{
float:left; 
width:1000px; height: 157px; 
background :#fff ;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#logo{
	position :absolute;
	margin-left:0px;
	width:200px;
	height:157px;
	background: url('/gfx/Logo_legratuit2.jpg') no-repeat;	
}

#logo h1 a{
  text-indent: -9000px;
  font-size: 1px;
  display: block; 
  width: 200px;
  height : 157px;
  background: url('/gfx/Logo_legratuit.jpg') no-repeat;	
}
#logo a:hover {background: transparent none;}


#header_droite{
position :absolute; margin-left:200px;
background :#fff url('/gfx/header.jpg') no-repeat;
width:800px;
height:157px;} 

#header_menu{
position :absolute; margin-top:157px;
background : url('/gfx/navigation_legratuit.jpg') no-repeat;
width:1000px;
height:64px;} 
/*------------------------------------------------------------------------------*/
/*texte header------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
#header_droite #head_def {
float:left;position:relative;
color:#666666;
width:600px; padding-top:2px;
left:15px;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

#header_droite #head_date {
float:left; position:relative;
width:200px;
text-align:right;
color:#3E6FA7;
padding-top:2px;
font-weight:bold; right:10px;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

#header_droite #head_connect {
float:left; position:relative;
width:800px;
text-align:right;
padding-top:6px;
right:10px;
color:#666666;
font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#header_droite #head_connect a {color:#666666;}


#header_droite #head_pub72890{
float:left; position:relative;
top:15px;
left: 60px;
width:728px;
height:90px;
}




/*------------------------------------------------------------------------------*/
/*MENU DU HAUT------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.bloc_menu{
	position:absolute;
	margin-left:128px;
	width:870px;
	color:#FFFFFF;
	height:34px;
	font-family:Arial, Helvetica, sans-serif;
}

#header_menu li ul{ visibility:hidden; list-style: none; }
#header_menu li{  list-style: none; }

#header_menu a {color:#666666;}
#header_menu a:hover{text-decoration:none; color:#db6f00;}


#menu_accueil {
	position:absolute;
	height:34px;
	width:85px;
	background : url('/gfx/menu1.jpg') no-repeat;
        text-align: center;
}
li#menu_accueil a {position: relative; top:10px;}


#menu_plan {
	position:absolute;
	left:85px;top:0px;
	width:83px;height:34px;
	background : url('/gfx/menu2.jpg') no-repeat;
}
li#menu_plan a {float:left;margin-top:10px;margin-left:15px;}


#menu_actu {
        position:absolute;left:251px;top:0px;	
	width:83px;height:34px;
	background : url('/gfx/menu3.jpg') no-repeat;
        text-align: center;
}
li#menu_actu a {position: relative; top:10px;}


#menu_annu {
 position: absolute;
	left:168px;top:0px;
	width:83px;height:34px;
	background : url('/gfx/menu4.jpg') no-repeat;
        text-align: center;
}
li#menu_annu a {position: relative; top:10px;}


#menu_down {
	position:absolute;left:334px;top:0px;
	height:34px;
	width:83px;
	background : url('/gfx/menu5.jpg') no-repeat;
        text-align: center;
}
li#menu_down a {position: relative; top:10px;}


#menu_test {
	position:absolute;left:417px;top:0px;
	height:34px;
	width:83px;
	background : url('/gfx/menu6.jpg') no-repeat;
        text-align: center;
}
li#menu_test a {position: relative; top:10px;}


#menu_rencontre {
	position:absolute;left:500px;top:1px;
	height:34px;
	width:83px;
	background : url('/gfx/menu7.jpg') no-repeat;
        text-align: center;
}
li#menu_rencontre a {position: relative; top:10px;}


#menu_participe {
	position:absolute;left:583px;top:1px;
	height:34px;
	width:84px;
	background : url('/gfx/menu8.jpg') no-repeat;
        text-align: center;
}
li#menu_participe a {position: relative; top:10px;}


#menu_forum {
	position:absolute;left:667px;top:1px;
	height:34px;
	width:83px;
	background : url('/gfx/menu9.jpg') no-repeat;
        text-align: center;
}
li#menu_forum a {position: relative; top:10px;}


#menu_newsletter a{
	position:absolute;left:780px;top:13px;
	padding : 3px 25px 0 0;
	width:61px;
	background : url('/gfx/ico_newsletter.gif') top right no-repeat;
}


/*HEADER recherche----------------------------------------------------------------------*/
#head_recherche{
float: right;
width:450px;
text-align:right;
position: relative;
top: 16px;
}

#head_recherche fieldset{
float:right;
font-family:Arial, Helvetica, sans-serif; 
text-align:right;}

#form_recherche label,
#head_newsletter label
{
  color: #666666; 
  margin: 0; font-size:10px;
}
#form_recherche input, #form_recherche select, #head_newsletter input{
 vertical-align:middle; 
 font-size:1em;
  border : 1px solid #666666;
  height:19px;
 }

#form_recherche input#h_search_submit,
#head_newsletter input#h_nl_submit{ 
height:23px; width:29px; 
vertical-align:middle;
border : none;}

div#head_newsletter{
font-family:Arial, Helvetica, sans-serif;
  width: 400px;
  position: relative;
  top: 40px;
  left: 125px;
}
 

/*------------------------------------------------------------------------------*/
/*CONTENU-----------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
#content{
float:left;
width:1000px; 
background :#fff url('/gfx/content_bg.gif') repeat-y;
margin-top:64px;
padding-bottom:10px;
}

/*------------------------------------------------------------------------------*/
/*MENU gauche-------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

#side_menu_a{
  width: 116px;
  position: relative;
  float: left;
  background: #fff;
  overflow: hidden;
  
}
/*-----------------------------------------------------*/


/*menus------------------------------------------------*/
.sidemenu_a ul{
  list-style: none;
}
.sidemenu_a dt{
  width: 117px;
  height: 21px;
  font-size: 12px;
  color: #FFF;
  text-transform: uppercase;
}
.sidemenu_a dt strong{
  padding: 3px 0 0 5px;
  display: block;
  height: 20px;
}
/* fond menus */
#side_bonsplans dt strong{
  background:#fff url('/gfx/menu_plans.gif') no-repeat;
}
#side_actu dt strong{
  background:#fff url('/gfx/menu_actus.gif') no-repeat;
}
#side_gratuit dt strong{
  background: url('/gfx/menu_gratuit.gif') no-repeat;
}
#side_telecharge dt strong{
  background:#fff url('/gfx/menu_telecharge.gif') no-repeat;
}
#side_service dt strong{
  background:#fff url('/gfx/menu_service.gif') no-repeat;
}

#side_livreor dt strong{
  background:#fff url('/gfx/menu_livreor.gif') no-repeat;
}

.sidemenu_a dd li a{
  font-size: 11px;
  color: #333333; 
  cursor: pointer;
  display: block; 
  height: 100%;
  height:16px;
  padding-left:15px;
}



/* fond sous menus  */
#side_bonsplans.sidemenu_a dd li a{
  background: url('/gfx/menu_plans_bg.gif') left no-repeat;
}

#side_bonsplans.sidemenu_a dd a:hover{
  color: #B70F0F; text-decoration:none;
}

#side_actu.sidemenu_a dd li a{
  background: url('/gfx/menu_plans_bg.gif') left no-repeat;
}

#side_actu.sidemenu_a dd a:hover{
  color: #E94812; text-decoration:none;
}

#side_gratuit.sidemenu_a dd li a{
  background: url('/gfx/menu_gratuit_bg.gif') left no-repeat;
}

#side_gratuit.sidemenu_a dd a:hover{
  color: #FDA912; text-decoration:none;
}

#side_telecharge.sidemenu_a dd li a{
  background: url('/gfx/menu_telecharge_bg.gif') left no-repeat;
}

#side_telecharge.sidemenu_a dd a:hover{
  color: #8CB348; text-decoration:none;
}

#side_service.sidemenu_a dd li a{
  background: url('/gfx/menu_service_bg.gif') left no-repeat;
}

#side_service.sidemenu_a dd a:hover{
  color: #2791AB; text-decoration:none;
  
}

#side_livreor.sidemenu_a dd li a{
  background: url('/gfx/menu_livreor_bg.gif') left no-repeat;
}

#side_livreor.sidemenu_a dd a:hover{
  color: #A1693A; text-decoration:none;
  
}

/*commun aux pages--------------------------------------------------------------*/
#pub72890_pages {
	padding: 10px 0 10px 5px;
	}
#side_partners_a{
	text-align:center;padding-top:20px;
	}


/*------------------------------------------------------------------------------*/
/*Droite accueil----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

#content_droite{
  width: 884px;
  float: left;
  min-height: 100%;
  background: url('/gfx/content_haut.gif') no-repeat;
}

#content_d_centre {
width: 754px;
float: left; position:relative;
padding-top:15px;}

#content_d_droite {
width: 130px;
float: left; position:relative;
padding-top:15px; }



/*Droite droite-----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

.titre_partenaire {
margin:10px 0 10px 0;
}

.titre_partenaire dt {
font-size:12px; font-weight:bold;
color:#DB6F00;}

.titre_partenaire a{color:#666666;}

.titre_partenaire dd ul li {list-style:none;}


/*Footer-----------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

#footer { float:left; 
height:92px; width:1000px;
background:#fff url('/gfx/footer.jpg') no-repeat;
color:#999999;
}

#footer a {color:#999999; font-weight:normal;}

#footer_nav { width:730px; 
margin-left:130px; 
text-align:center; margin-top:7px;
}

#footer_txt { width:730px; 
margin-left:130px; 
}

/*not et erreur form-------------------------------------------------------*/
.notification_box, .erreur_box{
  text-align: center;
  width: 100%;
}
.notification_box p, .erreur_box p{
  margin: 15px auto 20px auto;
  width: 400px;
  border: 2px solid #fff;
  padding: 3px;
  text-align: center;
  
}

.notification_box p{background: #6F9025;color:#fff; font-weight:bold;}

.erreur_box p{
  color:#000000;
  border: 2px solid #f00;
font-weight:bold; font-style:italic; color:#FF0000; text-align:center; font-size:11px;
}