/*
design.css
----------		Par Almaju

Créé le 22 Juin 2006


Description : feuille de style de la page d'index contenant la mise
en forme du site (menus, en-tàªtes, pied de page...).

*/

body
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size:0.8em;
	margin:0;
	background-color: #C8823A;
	margin:0;
	background-image:url('../images/bg.png');
	background-repeat:repeat-x;
}

/* En-tàªte */

#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */
{
	display:none;
}

#banniere
{
	text-align:center;
	margin-top:31px;
}

/* Speedbarre */

#speedbarre
{
	list-style-type: none;
	margin:0;
	padding-left: 0;
	height: 22px;
	background:url('../images/speedbarre/bg.png');
	border-top: 1px solid #604931;
	border-bottom: 1px solid #835D37;
}

#speedbarre li
{
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	padding-top: 1px;
	font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	font-size:0.9em;
}

.speeddroite
{
	float: right;
}
.speedgauche
{
	float: left;
}

#speedbarre a
{
	color:#FFF;
	font-style: normal;
	text-decoration: none;
	font-weight:bold;
}

#speedbarre a:hover
{
	color: #8F4B1E;
}

/* Menu */

#menu
{
	float:left;
	position:fixed;
	top:0px;
	border-bottom:1px solid #736A60;
	height:25px;
	margin:0;
	width:100%;
	background:url('../images/menu/bg.png') repeat-x;
}
#menu .corpsmenu{display:none;}

#menu h5
{
	height: 27px;
	margin: 0;
	padding-top: 4px;
	padding-left:8px;
	padding-bottom:0px;
	color:#000;
	float:left;
	width:114px;
	background:url('../images/bouton.png') no-repeat;
	z-index:2;
	font-weight:normal;
}
#menu h5 img{vertical-align:top;}
#menu h5:hover
{
	background-image:url('../images/bouton3.png');
}
#menu h5:active
{
	background-image:url('../images/bouton2.png');
}

/* --- */
#menu  h5:hover + .corpsmenu, #menu .corpsmenu:hover
{
	display:block; /*on les affiche*/
	float:left;
	position:relative;
	top:25px;
	left:-119px;
	
	width:104px;

	padding: 0;
	margin:0;
}
#menu #menu_div_livredor:hover + #menu_div_pub, #menu #menu_div_recherche:hover + #menu_div_livredor + #menu_div_pub, #menu #menu_div_recherche:hover + #menu_div_livredor
{
	position:relative;
    left:-106px;
}
#menu #menu_mon_compte:hover + #menu_div_recherche + #menu_div_livredor + #menu_div_pub, #menu #menu_mon_compte:hover + #menu_div_recherche + #menu_div_livredor, #menu #menu_mon_compte:hover + #menu_div_recherche
{
	position:relative;
    left:-106px;
}
#menu #menu_communaute:hover + #menu_mon_compte + #menu_div_recherche + #menu_div_livredor + #menu_div_pub, #menu #menu_communaute:hover + #menu_mon_compte + #menu_div_recherche + #menu_div_livredor, #menu #menu_communaute:hover + #menu_mon_compte + #menu_div_recherche, #menu #menu_communaute:hover + #menu_mon_compte
{
	position:relative;
    left:-106px;
}
#menu #menu_amis:hover + #menu_communaute + #menu_mon_compte + #menu_div_recherche + #menu_div_livredor + #menu_div_pub, #menu #menu_amis:hover + #menu_communaute + #menu_mon_compte + #menu_div_recherche + #menu_div_livredor, #menu #menu_amis:hover + #menu_communaute + #menu_mon_compte + #menu_div_recherche, #menu #menu_amis:hover + #menu_communaute + #menu_mon_compte, #menu #menu_amis:hover + #menu_communaute
{
	position:relative;
    left:-106px;
}
#menu #menu_cours:hover + #menu_amis + #menu_communaute + #menu_mon_compte + #menu_div_recherche + #menu_div_livredor + #menu_div_pub, #menu #menu_cours:hover + #menu_amis + #menu_communaute + #menu_mon_compte + #menu_div_recherche + #menu_div_livredor, #menu #menu_cours:hover + #menu_amis + #menu_communaute + #menu_mon_compte + #menu_div_recherche, 
#menu #menu_cours:hover + #menu_amis + #menu_communaute + #menu_mon_compte, #menu #menu_cours:hover + #menu_amis + #menu_communaute, #menu #menu_cours:hover + #menu_amis
{
	position:relative;
    left:-106px;
}
/* --- */
/* -- Pub --*/
/* Publicit�s */

.skyscraper
{
	width: 120px;
	height: 600px;
}

.pave
{
	width: 300px;
	height: 250px;
}

.skyscraper, .pave
{
	border: 1px solid #2C485C;
	font-size: 12px;
	text-align: center;
	background: #F4F9FD url('../../images/pdz.png') bottom right no-repeat;
	margin: auto;
	display: table-cell;
	vertical-align: middle;
}

.skyscraper h6, .skyscraper h6 a, .pave h6, .pave h6 a
{
	color:#2C485C;
	text-decoration: underline;
	font-weight: bold;
	margin: 5px 2px;
	padding: 0;
	font-size: 15px;
	font-family: Arial;
}

.skyscraper .lien, .skyscraper .lien a, .pave .lien, .pave .lien a
{
	font-size: 10px;
	color: #008000;
	text-decoration: none;
}

.skyscraper .lien, .pave .lien
{
	margin: 7px 0;
}

.skyscraper p, .pave p
{
	padding: 0;
	margin: 0;
}

.skyscraper .annonce, .pave .annonce
{
	margin: 2px;
}

.skyscraper span, .pave span
{
	height: 30%;
	vertical-align: middle;
}



#menu ul
{
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin-left: 5px;
}

#menu ul ul
{
	padding: 0;
	margin-left: 20px;	
}

#menu .corpsmenu 
{
	background-color:#EFEBE7;
	padding: 0;
	margin: 0;
	margin-bottom:10px;
	border: 1px solid #835D37;
	border-top-color:#EFEBE7;
}

#nbre_amis_connectes
{
	text-align:center;
}

#liste_amis li
{
	margin-left: 20px;
}

#menu_livredor, #menu_recherche, #menu_pub
{	
	width:100%;
	overflow:hidden;
}

#menu_livredor
{
	margin:2px;
}

#menu_recherche, #menu_pub
{
	text-align:center;
	padding-top:10px;
}

#champ_recherche
{
	margin-bottom:3px;
	width:90%;
	text-align:center;
}

/* Corps */
#corps
{
	background-color: #EFEBE7;
	background-image:url('../images/corps/bg.png');
	background-repeat:repeat-x;
	border-bottom: 1px solid #835D37;
	padding: 5px;
	padding-bottom:25px;
	padding-top:0;
	margin:0;
	padding-top:10px;
}

h1 /* Tous les titres des pages du site (en haut) */
{
	text-align: center;
	margin-top:5px;
	margin-bottom:35px;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #784D23;
}


/* Pied de page */

#pied_de_page
{
	width:100%;
	background-color: #EFEBE7;
	border-top: 1px solid #2C485C;
	padding: 5px;
	margin-right:1%;
	margin-top: 10px;
	clear:both;
	text-align:center;
}

#copyright_impression
{
	color:#444444;
	text-align:center;
	font-size:0.9em;
}

/*       Extradivs

3 <div> vides supplémentaires sont mis à  votre disposition si vous voulez afficher d'autres éléments sur la page.
Généralement, vous utiliserez des position:absolue ou encore position:fixed pour positionner une image à  un
endroit précis de la page */

#extradiv1
{
}

#extradiv2
{
}

#extradiv3
{
}


/* -- Modules -- */
#enbref {margin: auto; width: 100%;}

#calendar, #lastnews, #lasttutos, #minisdg
{
	background: #eee8e4 url('../images/modules/bg.png') no-repeat  top right;
	padding: 0px 2px 5px 0px;
	z-index: 100;
	border-bottom: 1px solid #72695f;
	border-left: 1px solid #72695f;
	margin-bottom: 20px;
	max-height:300px;
}
#enbref h3, #minisdg h3
{
	text-indent: 0px;
	padding: 0px;
	margin: 0 4px;
	display: block;
	background: transparent;
	border: none;
	font-size: 1.1em;
	background: url('../images/plus.png') center right no-repeat;
	text-align: left;
}

#enbref h3 a {
	text-decoration: none; 
	color: #535353; 
	display: block;
}
#enbref a:focus, #enbref h3 a:focus {background: transparent;}

#enbref h4 
{
	display: block;
	margin: 3px 0 2px;
	padding: 0 15px;
	font-size: 0.9em;
	text-align: left;
}

#calendar {
	width: 21.6%; 
	float: left;
	text-align: center;
}

#lastnews {
	float: left; 
	margin-left: 1%; 
	margin-right: 0; 
	width: 25.7%;
}

#lasttutos {
	float: right; 
	margin-left: 0%; 
	margin-right: 1%; 
	width: 25.7%; 
}

#minisdg {
	width: 21.6%; 
	height: 100%; 
	float: right; 
	text-align: center; 
	color: #111; 
	overflow: auto;
}

#enbref #centerdivs {
	height: 100%; 
	float: left; 
	margin: 0; 
	background: transparent; 
	width: 62.5%;
}

#enbref div#lasttutos {
	overflow: auto; 
	height: 100%;
}

#enbref ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#enbref p {
	padding: 0; 
	margin: 0; 
	font-size: 0.9em;
}

#enbref li {
	margin: 2px;
	font-size: 0.9em; 
	text-align: left;
}

#lasttutos li, #lastnews li {
	border-top: 1px solid #000;
}

#calendar table {
	text-align: center;  
	border-spacing: 1px; 
	font-size: 1.0em; 
	margin: auto;
}

#calendar table tbody a {
	display: block; 
	height: 100%; 
	padding: 1px 2px;
}

#calendar table tbody a:hover {
	background: #c1c1c1; 
	color: #f6f6f6; 
	text-decoration: none;
}

#calendar table tr, #calendar table td {padding: 0;}
#calendar table .sous_cat td {border: none; background: #e1e1e1;}

#calendar .eventslist {
	border: 1px solid #767676; 
	background-color: #f9f9f9; 
	z-index: 10; 
	padding: 2px;
}

#calendar .eventslist {
	position: absolute; 
	visibility: hidden; 
	width: 150px;
}

.eventslist ul, #enbref .eventslist li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

#big_calendar .eventslist {height: 85px;}

.event, #calendar table tbody .event a {
	background: #848484; 
	color: #fff;
}

#calendar table tbody .event a:hover {background: #959595;}

#today, #today a {
	font-weight: bold; 
	color: #767676;
}

#today a {
	border: 1px solid #000; 
	padding: 0px;
}

.jour_nb {display: block; background: #848484; color: #fff;}

/* Pour les questions */
#minisdg ul {margin: 5px 0;}
#minisdg li {margin: 0 4px;}

/* Pour les réponses */
#minisdg dl {padding: 0; margin: 0; font-size: 0.9em; text-align: left; color: #111;}
#minisdg dt {font-weight: bold; margin: 2px 0 0 5px; padding: 0;}
#minisdg dd {margin: 0px; padding: 0;}

#calendar h3, #lastnews h3, #lasttutos h3, #minisdg h3
{
	background:transparent url('../images/modules/bord.png') no-repeat top left;
	z-index:20;
	padding-left:10px;
	position:relative;
	left:-5px
}