body
{
   width: 800px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("../fondlmdm.png");
}

/*
////////////////
Header
////////////////
*/

#en_tete
{
   width: 800px;
   height: 196px;
   background-image: url("../banlmdm3.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

/*
////////////////
Menu Header
////////////////
*/

#menu_header
{
	width: 798px;
	height:32px;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color:#0080FF;
	background-image: url('design/images/back_barMenu.png');
	border: 1px solid green;
}

#menu_header a
{
	display: block;
	height: 32px;
	width:100px;
	color : black;
	text-decoration: none;
	font : 0.8em "Trebuchet MS";
	float: left;
	padding-left:4px;
	padding-right:4px;
	text-align: center;
	line-height:32px;
}

#menu_header a:hover
{
background-color: #002f5e;
background-image: url('design/images/back_barMenuHover.png');
}

#header_forum
{
display: block;
width:100px;
height:32px;
background-image: url('design/images/header_forum.png');
}

#header_forum:hover
{
background-position: left bottom;
}


/*
////////////////
Barre de navigation rapide
////////////////
*/

#hautb
{
   width: 798px;
   height: 22px;
   background-color: #0080FF;
   border: 1px solid green;
   margin-top: -1px;
   margin-bottom: -1px;
   background-image: url('../backmenu.png');
   background-repeat: repeat-y;
}
#hautb p
{
   margin-top: 2px; 
   margin-left: 5px;
   height:0px;
}

/*
////////////////
Menu
////////////////
*/

#menu
{
   float: left;
   width: 125px;
   border: 1px solid green;
   background-color: #0080FF;
   background-image: url('../backmenu.png');
   margin-bottom: 20px;
   border-bottom-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
}


#menu h3
{    
   color: #ffd700;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

#menu h3:hover
{
   color: #ffa54e;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
#menu ul
{
   list-style-image: url("../pclmdm.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

li
{
color: black;
}

#menu p
{
   padding-left: 20px;
}

#menu a
{
   color: #4b0082;

}

#menu a:hover
{
   background-color: #B3B3B3;
   background-color: #D5F0FC;

   color: black;
}

/*
////////////////
Corps
////////////////
*/

#corps
{
   margin-left: 126px;
   margin-bottom: -1px;
   margin-right: 0px;
   padding: 5px;
   min-height:1000px;

   color: #B3B3B3;
   background-color: #0080FF;
   background-repeat: repeat;
   
   border: 1px solid green;
   list-style-image: url("images/fleche.png");
   font-size:1.01em;  
}

#corps h1
{
    color : #cc6633;
    font : 150% impact, futura, sans-serif;
    text-transform : uppercase;
    letter-spacing : 0.3em;
    text-align : center;
   text-shadow: 1px 1px 1px black;
  
}


#corps h2
{
   height: 35px;

   background-image: url("../images/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 7px;
   color: #ffb700;
   text-align: left;
}

#corps h2:before
{
   content: url("http://www.lemondedemario.fr/images/h2.png");

}

#corps h4
{
   color: #a52a2a;
   padding-left: 10px;
   text-align: left;
}

#corps p
{
   color: black;
   padding-left: 15px;
}


p
{
   color: black;
}

h3
{
   color: green;
}

a
{
   color: #4b0082;
}

.no_cadre
{
border-style: none;
}

#corps a:hover
{
   color: black;
}

.erreur_par p
{
   font-weight: bold;
   color: #fab973;
}

#fil-ariane
{
font-size: 0.9em;
}

#fil-ariane a
{
text-decoration: none;
}

#fil-ariane a:hover
{
text-decoration: none;
text-decoration: underline;
}
 
.gras
{
font-weight: bold;
} 
 
 /*
////////////////
Info Box
////////////////
*/
 
.info-box-error
{
    border:solid 2px #dc1d03;
    background:#ffb9b0;
    color:#dc1d03;
    padding:4px;
    text-align:center;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

.info-box-success
{
    border:solid 2px #0e8f0b;
    background:#94ff91;
    color:#0e8f0b;
    padding:4px;
    text-align:center;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

.info-box-warning
{
    border:solid 2px #ad671d;
    background:#ffd391;
    color:#ad671d;
    padding:4px;
    text-align:center;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

/*
////////////////
Tableau
////////////////
*/
  
table
{
	border-collapse: collapse; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid black;
}

th
{
	background-color: #007ffd;
	background-image: url('top_new.png');	
	background-repeat: repeat-x;
	border: 0px;
	height: 32px;
	color: black;
	padding: 0px;
	   text-align: center;
}
					
td
{
    color: black;
	background-color: white;
    text-align: center;
	border: 1px solid black;
	height: 80px;
	padding: 5px;
	   text-align: center;
}
			
tr
{
    border: 1px solid black;
	height: 32px;
}

/*
////////////////
News
////////////////
*/	

.news
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid black;
	width: 650px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

.info_news
{
	background-color: #007ffd;
	background-image: url('top_new.png');	
	background-repeat: repeat-x;
	border: 0px;
	height: 32px;
	color: black;
	padding: 0px;
	text-align: center;
}

.contenu_news
{
    color: black;
    text-align: center;
	border-top:1px solid black;
	min-height: 80px;
	padding: 5px;
	text-align: center;
}

.titre_news
{
	float:left;
	color: black;
	margin-left:10px;
	font-weight : bold;
	line-height:32px;
}

.coms_news
{
	float:right;
	margin-right:10px;
	line-height:32px;
}

/*
////////////////
Menu déroulant
////////////////
*/  


#menumembre, #menumembre ul /* Liste */     
{
    padding : 0; /* pas de marge intérieure */ 			
    margin : 0; /* ni extérieure */
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 22px; /* on définit une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */             
}

#menumembre /* Ensemble du menu */
{
    font-weight : bold; /* on met le texte en gras */
    font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
    font-size : 12px; /* hauteur du texte : 12 pixels */
	margin-top: -18px;
}
			
#menumembre a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
    background : #0064ff; /* couleur de fond */        
    color : #56c73b; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : 130px; /* largeur */
}
			
#menumembre li /* Éléments des listes */      
{ 
    float : right; 
    /* pour IE qui ne reconnaît pas "transparent" */
    border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menumembre li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menumembre li ul /* Sous-listes */
{ 
   position: absolute; /* Position absolue */
   width: 130px; /* Largeur des sous-listes */
   left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menumembre li ul li /* Eléments de sous-listes */
 {
    /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */        
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menumembre li ul li                
{
    border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menumembre li ul ul 
{
    margin    : -22px 0 0 130px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menumembre li ul ul                
{
    border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
			
#menumembre a:hover /* Lorsque la souris passe sur un des liens */    
{
    color: #0064ff; /* On passe le texte en noir... */
    background: #35b328; /* ... et au contraire, le fond en blanc */
}
			
#menumembre li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menumembre li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
}


#hautb input, textarea
{
	font-family:"Times New Roman", Times, serif; 
}


/*
////////////////
Formulaire
////////////////
*/

form
{
margin-top:5px;
margin-left: 10px; 
}

input, textarea
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    border: 1px solid black;
	margin-left:5px;
	margin-bottom:5px;
	font-family:"Times New Roman", Times, serif; 
	background-color:white;
}

fieldset
{
	margin-top:8px;
    width: 550px;
    border: 1px dashed black;
	background-color:#3091ff;
}

textarea
{
	width:256px;
	height:96px;
}

input:hover
{
    border: 1px solid #2C6307;
}

input:focus, textarea:focus 
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    border: 1px solid #2C6307;
	background-color:#8dd7ff;
}

label
{
	color:#006209; 
}

legend 
{
	font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color:#FF9933;
	font-weight:bold;
}

.enr
{
   padding-top: 10px;
}

.idcon
{
   background-image: url('http://lemdm.olympe-network.com/idcon.png');
   background-color: #FFFFFF;
   padding-left: 16px;
   background-repeat: no-repeat;
   border: 1px solid black;
   height : 18px;
   background-position: 1px 2px;
}

.champ_email
{
   background-image: url('http://www.lemondedemario.fr/images/icons/email.png');
   background-color: #FFFFFF;
   padding-left: 18px;
   background-repeat: no-repeat;
   border: 1px solid black;
   height : 18px;
   background-position: 1px 2px;
}

.champ_question
{
   background-image: url('http://www.lemondedemario.fr/images/icons/help.png');
   background-color: #FFFFFF;
   padding-left: 18px;
   background-repeat: no-repeat;
   border: 1px solid black;
   height : 18px;
   background-position: 1px 2px;
}

.passcon
{
   background-image: url('http://lemdm.olympe-network.com/passcon.png');
   background-color: #FFFFFF;
   padding-left: 16px;
   background-repeat: no-repeat;
   border: 1px solid black;
   height : 18px;
   background-position: 1px 2px;
}

/*
////////////////
Bouton navigation
////////////////
*/

.Bouton_Details
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Details.png');
	   float: left;
	   margin-left:5px;
	   margin-bottom:3px;
	    margin-top:3px;
	   }
	   
	   .Bouton_Details_No
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Details_No.png');
	   float: left;
	   margin-left:5px;
	   margin-bottom:3px;
	   margin-top:3px;
	   }
	   
	   .Bouton_Test
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Test.png');
	   float: left;
	   margin-left:5px;
	   margin-bottom:3px;
	   margin-top:3px;
	   }
	   
	   .Bouton_Test_No
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Test_No.png');
	   float: left;
	   margin-left:5px;
	   margin-bottom:3px;
	   margin-top:3px;
	   }
	   
	   .Bouton_Images
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Images.png');
	   float: left;
	   margin-left:5px;
	   margin-bottom:3px;
	   margin-top:3px;
	   }
	   
	   .Bouton_Images_No
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Images_No.png');
	   float: left;
	   margin-left:5px;
	   margin-bottom:3px;
	   margin-top:3px;
	   }
	   
	   .Bouton_Videos
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Video.png');
	    float: left;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:3px;
	   }
	   
	   .Bouton_Videos_No
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Video_No.png');
	    float: left;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:3px;
	   }
	   
	    .Bouton_Bug
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Bugs.png');
	    float: left;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:3px;
	   }
	   
	   .Bouton_Bug_No
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Bugs_No.png');
	    float: left;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:3px;
	   }
	   
	   .Bouton_Astuces
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Astuces.png');
	    float: left;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:3px;
	   }
	   
	    .Bouton_Astuces_No
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Astuces_No.png');
	    float: left;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:3px;
	   }
	   
	   .Bouton_Soluces
	   {
	   width:96px;
	   height:32px;
	   background-image: url('jeuxmario/ressource/bouton/Bouton_Soluces.png');
	    float: left;
		margin-left:5px;
	   margin-bottom:3px;
	   margin-top:3px;
	   }
	   
.Bouton_Soluces_No
{
	width:96px;
	height:32px;
	background-image: url('jeuxmario/ressource/bouton/Bouton_Soluces_No.png');
	float: left;
	margin-left:5px;
	margin-bottom:3px;
	margin-top:3px;
}

	   
.Bouton_Details:hover, .Bouton_Test:hover, .Bouton_Images:hover, .Bouton_Videos:hover, .Bouton_Bug:hover, .Bouton_Astuces:hover, .Bouton_Soluces:hover
{
	background-position: left bottom;
}
	   
	   
a.bouton 
{
    color: black;
    background-color: #8dcbd9;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 5px;
	border: 1px solid green;

}
a.bouton:hover 
{
  background-color: #8fd79c;
  border: 1px solid black;
}

/*
////////////////
Forum
////////////////
*/

.repondre_topic
{
display:block;
width:96px;
height:25px;
background-image: url('http://www.lemondedemario.fr/forum/images/repondre.gif');
}

.repondre_topic:hover
{
background-position:left bottom;
}

.nouveau_topic
{
display:block;
width:96px;
height:25px;
background-image: url('http://www.lemondedemario.fr/forum/images/nouveau.gif');
}

.nouveau_topic:hover
{
background-position:left bottom;
}


#menumade ul 
{
   margin:0;
   list-style:none;
   font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#menumade a span 
{
 
   display:block;
   background: url('./images/tabright.gif') no-repeat right top;
   padding:5px 15px 4px 6px;
   font-size:12px;
   color:#FFF;
}

#menumade li 
{
   display:inline;
   margin:0; padding:0;
}

#menumade a 
{
   float:left;
   background: url('./images/tableft.gif') no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}

#menumade a:hover 
{
   background-position:0% -42px;
}

#menumade a:hover span 
{
   background-position:100% -42px;
}

#menumade a span 
{
float:none;
}

/*
////////////////
Zone Membre
////////////////
*/

#selectioneur_conteneur
{
margin-bottom:10px;
width:100%;
height:160px;
}
 
.membre_cat
{
 border:2px solid #8accc3;
 margin-right:10px;
 margin-bottom:10px;
 width:128px;
 height:150px;
 color:black;
float:left;
 text-align:center;
 background-color:#F8FAFD;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 }
 
 .membre_cat:hover
{
color:#db8544;
 cursor:pointer;
}

/*
////////////////
Pied de page
////////////////
*/

			
#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: #B3B3B3;
   background-color: #0080FF;
   background-repeat: repeat-x;
   
   border: 1px solid green;
   
    margin-left: 126px;

}