body
{
background-color:#eee;
background-image:url("fond_rayures.png");
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}
.clear
{
clear:both;
}
p
{
text-align:justify;
}
@font-face {
	font-family: 'MAKEMEALPHACopyright(c)2009by';
	src: url('polices/makem___-webfont.eot');
	src: local('?'), url('polices/makem___-webfont.woff') format('woff'), url('polices/makem___-webfont.ttf') format('truetype'), url('polices/makem___-webfont.svg#webfontTjId99os') format('svg');
	font-weight: normal;
	font-style: normal;
}



.droite
{
text-align:right;
}
.droite_rss
{
padding-left:220px;
}

a
{
text-decoration:none;
color:#4682b4;
}
a:hover
{
color:#f2953c;
}
hr
{
color:orange;
}
img
{
border:none;
vertical-align:middle;
}

h1
{
color:#2f4f4f;
text-align:center;
}
h2
{
font-style:italic;
}
/*////////////////////////////////////
                   Le Header
///////////////////////////////////*/

#news
{
width:640px;
}
#news h1
{
background:url(theme/h1.jpg);
display:block;
width:305px;
height:28px;
line-height:28px;
font-size:1em;
padding:0 10px;
text-align:left;
color:#bababa;
}
#news p
{
padding:0 15px;
color:#747474;
}

#cadre_news
{
border:1px solid #ccccc6;
width:25%;
margin:10px;
padding:0px 0px 5px 2px;
float:left;
}
.news_titre
{
font-family:"MAKEMEALPHACopyright(c)2009by", Arial, Times, serif;
font-size:20px;
margin:0;
padding:0;
color:green;
}
#cadre_tuto
{
border:1px solid #ccccc6;
width:34%;
margin:10px;
padding:0px 0px 5px 2px;
float:left;
}

#cadre_pub
{
width:32%;
height:257px;
margin:10px;
padding:0px 0px 5px 2px;
float:left;

}
.bloc_tuto
{
display:inline;
float:left;
margin-right:25px;
}
#conteneur
{
background-color:#FFF;
width:970px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:11px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
padding:5px;
-moz-box-shadow:4px 4px 8px #333333;
}
#banniere
{
background-color:#FFF;
width:980px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:11px;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
margin-bottom:0;
padding:0;
}

/*
====================
		MENU
====================
*/



.centrer_menu
{
border:1px solid transparent;
margin-left:auto;
margin-right:auto;
width:900px;
}




#menu, #menu 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 : 30px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}

#menu /* 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:0;
	
		
		
		
		
}

#menu 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:url("images/fond_menu.png"); /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
		
}

#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* 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 #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

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


#menu 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 #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin-top:-22px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:144px;/* 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 ... */      
}


html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; 
        background: url("images/fond_menu_hover.png"); 
}

#menu 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 */
}

#menu 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 */
}










/*////////////////////////////////////
              Le Slideshow
///////////////////////////////////*/
#slideshow {
	margin-left:65px;
	width:640px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; 
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

#pageContainer {
  margin:0 auto;
  width:800px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  margin:auto;
 
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
#footer {
  height:100px;
}
#footer p {
  margin:30px auto 0 auto;
  display:block;
  width:560px;
  height:40px;
}





/*////////////////////////////////////
              Le bbcode
///////////////////////////////////*/

.titre_de_bienvenue
{
font-family:"MAKEMEALPHACopyright(c)2009by", Times, serif;
font-size:50px;
padding:0;
margin:0;
}
.ttpetit
{
font-size:xx-small;
}
.tpetit
{
font-size:x-small;
}
.petit
{
font-size:small;
}
.gros
{
font-size:large;
}
.tgros
{
font-size:x-large;
}
.ttgros
{
font-size:xx-large;
}

.rouge
{
color:red;
}
.vert
{
color:green;
}
.jaune
{
color:yellow;
}
.rose
{
color:rgb(255,192,203);
}
.violet
{
color:purple;
}
.bleu
{
color:blue;
}
.orange
{
color:#FF9900;
}
.gris
{
color:#747474;
}
.marron
{
color:rgb(165,42,42);
}
.gras
{
font-weight:bold;
}
.italic
{
font-style:italic;
}
.souligne
{
text-decoration:underline;
}
.barre
{
text-decoration:line-through;
}


.citation
{
border: 1px solid black; 
width:80%; 
font-family: Verdana, "Trebuchet MS", Tahoma, Times, serif; 
text-align: left; 
font-size: 15px;
background-color:white;
padding:5px;
color:#848484;
}

/*////////////////////////////////////
           Alignement formulaires
///////////////////////////////////*/

label {
cursor : pointer;
}

.alignement label
{
display:block;
width:150px;
float:left;
}




.commentaires_news
{
margin-left: 180px; 
margin-right:180px;
margin-bottom: 10px; 
padding: 5px; 
color: black;
background-color: #dfebff; 
border: 1px outset black;
width:auto;
}



input[type=submit], input[type=button], input[type=reset]
{

	cursor: pointer;
	color: #222;
	background-color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover
{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#f2953c;

}
input[type=text], input[type=password]
{
color : #717171;
border : 1px solid #71a6e1;
width:200px;
}

input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus
{
border:1px outset black;
background-color:#a1bdff;
}



.float_gauche
{
float:left;
}
.gauche
{
text-align:left;
}


/*////////////////////////////////////
              Le Footer
///////////////////////////////////*/

#pied_de_page
{
border:1px solid #FFF;
height:auto;
background-color:white; 
margin-top:20px;
padding:5px;
margin:auto;
width:975px;
}



.corps_englobe
{
border:1px solid black;
height:auto;
background-color:white; 
margin-bottom:20px;
padding:5px;
margin:auto;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}




.centrer_message_poster
{
margin-left:auto;
width:100%
}


.corps_accueil
{
margin-left: 40px; 
margin-right: 40px; 
margin-bottom:10px;
padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 5px; 
color: black;
background-color: #f0f8ff; 
border: 1px solid black;
clear:both;
text-align:justify;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.corps_accueil h1
{
padding:0px;
background-image:url("images/degrade_h2.png");
background-repeat:repeat-x;
color:white;
margin-top:0px;
}


.corps_livreor
{
width:80%;
margin:auto;
margin-bottom:20px;
padding:5px;
background-color:#dfebff;
border:1px solid black;
}
.corps_poster_livreor
{
margin-left: 100px; 
margin-right: 100px; 
margin-bottom:10px;
padding: 5px; 
color: black;
background-color: #f0f8ff; 
border: 1px solid black;
}




.gros_titre_bbcode
{
color:#2f4f4f;
text-align:center;
font-size:20px;
}
.sous_titre_bbcode
{
color:black;
font-size:15px;
} 
.conseil
{
background-image:url("http://www.microdunet.com/images/conseil.png");
background-repeat:no-repeat;
color:green;
padding:20px;
padding-left:35px;
}

input#champ_pseudo
{
color : #717171;
background : #fff url("http://www.microdunet.com/images/user.png") no-repeat 2px 2px;
border : 1px solid #71a6e1;
padding : 2px 5px 2px 19px;

} 

input#champ_password
{
color : #717171;
background : #fff url("http://www.microdunet.com/images/password.png") no-repeat 2px 2px;
border : 1px solid #71a6e1;
padding : 2px 5px 2px 19px;

} 
input#champ_recherche
{
width:100px;
color : #717171;
background : #fff url("http://www.microdunet.com/images/search.png") no-repeat 2px 2px;
border : 1px solid #71a6e1;
padding : 2px 5px 2px 19px;

} 
input#champ_confirm
{
color : #717171;
background : #fff url("http://www.microdunet.com/images/password.png") no-repeat 2px 2px;
border : 1px solid #71a6e1;
padding : 2px 5px 2px 19px;

} 


.titre_rediger_news
{
margin-left:195px;
}
.corps fieldset
{
padding:10px;
border:1px solid black;
}

legend
{
background-color:#dbeaf2;
}


.box_confirm
{
border: 1px solid black;
background-color:white;
margin:auto;
margin-bottom: 20px;
margin-top:300px;
padding: 5px;
width:500px;
height:150px;
}

.style_puce
{
list-style-image: url("images/puce_liste_theme.gif");
} 
.centrer
{
text-align:center;
}
th, td
{

border:1px solid black;
padding:2px;
}
table
{
border-collapse:collapse;
background-color: rgb(237,224,213); 
border: 1px solid black;
margin:auto;
}
#tableau_tutoriel
{
width:92%;
}
#tableau_nombre
{
text-align:center;
}



 /* INFO BULLE */



a.info {
   position: relative;
   color: black;
   text-decoration: none;
   font-size:11px;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

  
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: black;
   padding: 3px;

   border: 1px solid orange;
   border-left: 4px solid orange;
}







.corps_admin
{
margin-bottom: 20px; 
padding: 5px; 
color: black;
background-color:white;
border: 1px solid black;
width:auto;
}
#panneau_config img
{
border:1px outset gray;
}
#panneau_config img:hover
{
border:1px inset gray;
}







	/* ADMINISTRATION */
.corps_administration
{
border: 1px solid black;
background-color:white;
margin:auto;
margin-bottom: 20px;
margin-top:100px;
padding: 5px;
width:500px;
height:200px;
}
.corps_administration h2
{
background-image: url("images/administration.png");
background-repeat: no-repeat; 
height: 30px;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
padding-left:100px;
}






						/* MODIF PROFIL MEMBRE */

.balise_type_block_profil fieldset
{
display:inline;
width:30%;
}
.balise_type_block_profil legend
{
background-color:white;
}




							/*  FORUM  */

.titre 
{ 
width:61%; 
padding:5px;
}
.nombremessages 
{
width:2%; 
padding:5px;
}
.nombrevu 
{ 
width:4%; 
padding:5px;
}
.nombresujets 
{ 
width:2%; 
padding:5px;
}
.auteur 
{ 
width:7%; 
}
.derniermessage 
{ 
width:18%; 
}
.categorie
{ 
width:92%; 
background-color : rgb(244,238,250); 
}
.image_forum
{
vertical-align:middle;
}
.vt_auteur
{
width:20%;
background-color : #d3e0ff;
}
.vt_mess
{
width:75%;
background-color : #d3e0ff;
}
.message_tableau_forum
{
text-align:center;
vertical-align:middle;
}
.marges_inferieures
{
padding:5px;
}
.mp_titre 
{ 
width:65%; 
}
.mp_expediteur 
{ 
width:15%; 
}
.mp_time 
{
width:30%; 
}






td 
{
border: 1px solid black; 
background-color: #f3faff;
vertical-align:top; 
}
.tableau_page_100 table
{
width:100%;
margin:0;
padding:0;
}

th 
{
background: url(theme/fond_th.jpg); 
border: 1px solid black; 
}




.prev_auto
{
margin-left:auto;
width:850px;
}