/* Tout */
body{
min-width: 1000px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #ffffff;
}

/* Header */
#header{
height: 100px;
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

/* Header_left */
.header_left{
float: left;
height: 100px;
width: 667px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* Header_right */
.header_right{
float: right;
width: 255px;
height: 95px;
padding: 0 0 0 0;
margin: 3px 0 0 0;
-moz-border-radius: 10px;
background-color: #A7B4FA;
border: 1px solid black;
}

.bloc_mp{
display: block;
width: 64px;
height: 40px;
margin: 25px 0 0 0;
padding: 0 0 0 0;
background-image: url(../images/images_design/mp_box.png);
background-repeat: no-repeat;
}

.nb_mp0{
position: relative;
top: 8px;
width: 20px;
height: 20px;
margin: auto;
text-align: center;
margin-top: 7px;
background-color: #CEE3F4;
border: 2px solid white;
}

.nb_mp1{
position: relative;
top: 8px;
width: 20px;
height: 20px;
margin: auto;
text-align: center;
margin-top: 7px;
background-color: #FB6D72;
border: 2px solid white;
}

.pseudo{
font-size: 16px;
float: left;
margin: 5px 0 5px 10px;
padding: 0px;
}

.bloc_connexion{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.bloc_connexion p{
margin: 0 0 0 0;
text-align: center;
}

.bloc_inscription{
float: left;
width: 90px;
height: 100%;
margin: 0 10px 5px 20px;
padding: 0 0 0 0;
border-right: 1px solid black;
}

.menu_avatar{
float: right;
margin: 8px 8px 0 0;
}

.search{
clear: both;
height: 22px;
margin: 0 5px 0 7px;
padding: 0 0 0 0;
}

form{
margin: 0 0 0 0;
}

/* Menu espace perso */
		#menu_user, #menu_user ul{
		z-index: 10;
		padding: 0px;
		margin: 0 0 0 0;
		list-style: none;
		line-height: 21px; /* on définit une hauteur pour chaque élément */
		text-align: center;
		}
		
		/* Contenu des listes */
		#menu_user a{
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		text-align: left;
		width: 100px;
		margin: 0 0 0 0;
		}
		
		/* Elements des listes */
		#menu_user li{
		float: left; 
		/* pour IE qui ne reconnaît pas "transparent" */
		}
		
		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu_user li{
		}
		
		/* Sous-listes */
		#menu_user li ul{
		position: absolute;
		width: 100px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: #D5D5D5;
		left: -999em;
		}
		
		/* Éléments de sous-listes */
		#menu_user li ul li{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		border-top : 1px solid #ffffff;
		}
		
		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu_user li ul li{
		border-top : 1px solid transparent;
		}
		
		#menu_user li ul ul {
		margin: -22px 0 0 193px ; /* 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) */   
		}
		
		/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
		html>body #menu_user li ul ul{
		}
		
		#menu_user li ul li a:hover{
		color: blue;
		background-color: rgb(255,155,31);
		}
		
		#menu_user li:hover ul ul, #menu_user li.sfhover ul ul{
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		}
		
		/* 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 */
		#menu_user li:hover ul, #menu_user li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
		left: auto; /* Repositionnement normal */
		min-height: 0; /* Corrige un bug sous IE */
		}

/* Sous menu */
#onglets{
position: absolute;
width: 58%;
border: 1px solid transparent;
padding: 0 0 0 0;
font: bold 11px Batang, arial, serif;
list-style-type: none;
left: 40%;
margin: 0 0 0 0;
}

#onglets li{
float: left;
height: 22px;
background-color: #A7B4FA;
margin: 2px 1px 0 2px !important;  /* Pour les navigateurs autre que IE */
margin: 4px 2px 0 2px;  /* Pour IE  */
padding: 0 0 0 0;
border: 1px solid #9EA0A1;
-moz-border-radius: 10px;
}

#onglets li.onglets_search{
float: right;
height: 23px;
}

#onglets li.active{
background-color: #FF9B1F;
}

#onglets a{
display: block;
text-decoration: none;
padding: 4px;
}

#onglets a:hover{
background-color: #fffffff;
}

/* Menu */
#menu{
float: left;
width: 159px;
margin: 13px 10px 0 5px;
padding: 0px;
}

.menu_box{
margin: 0 0 10px 0;
padding: 0 0 0 0;
border: 1px solid black;
background-color: #D5D5D5;
-moz-border-radius: 10px;
}

.menu_title{
height: 21;
font-size: 16px;
color: #ffffff;
-moz-border-radius: 6px;
margin: 0 0 0 0;
padding: 0 0 0 5px;
background-color: #000000;
}

.menu_corps{
margin: 0 0 0 2px;
}

.publicite{
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* Le contenu principal */
.corps{
overflow: hidden;
margin: 18px 0 10px 0;
padding: 3px 5px 5px 5px;
background-color: rgb(244,249,253);
-moz-border-radius: 10px;
border: 2px ridge #000000;
}

/* News */
.news{
margin: 0 240px 10px 0;
padding: 0px;
border: 1px solid black;
background-color: #ffffff;
}

.entete_news{
height: 41px;
text-align: center;
margin: 0px;
border-bottom: 1px dashed black;
background-color: rgb(222,222,222);
}

.titre_news{
font-size: 115%;
color: rgb(18,25,131);
margin-top: 0px;
margin-bottom: 0px;
}

.date_news{
float: left;
border-right: 1px dashed black;
font-size: 80%;
padding: 5px;
margin-top: 0px;
margin-bottom: 0px;
}

.date_bloc_admin{
color: #666666;
font-size: 12px;
margin: 0;
padding: 0;
}

/* Le pied de page */
#footer{
clear: both;
margin: 10px 0 0 170px;
padding: 0 7px 0 0;
text-align: center;
background-color: #D5D5D5;
-moz-border-radius: 10px;
border: 2px ridge #000000;
}

#footer p{
margin: 0 0 0 0;
}

#xiti-logo-noscript{
float: right;
height: 15px;
width: 80px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: right;
}

/* bloc page index */
.bloc_index{
overflow: hidden;
}

.blocs_right{
float: right;
width: 230px;
}

.bloc_sondage h3, .bloc_tuto h3, .bloc_calendrier h3, .bloc_news h3, .bloc_infotuto h3, .bloc_concours h3{
font-size: 14px;
font-weight: bold;
color: #d73287;
background-image: url('../images/images_design/titre_bloc.png');
margin-top: 0px;
margin-bottom: 0px;
}

.blocs_right_concours{
float: right;
width: 350px;
}

.bloc_concours{
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

.bloc_news h3 a, .bloc_sondage h3 a{
color: #d73287;
}

.bloc_tuto{
width: 230px;
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

.bloc_tuto_sstitre{
font-size: 11px;
font-style: italic;
}

.bloc_news{
overflow: hidden;
margin: 10px 0 10px 0;
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

.bloc_news p{
float: left;
padding: 0 20px 0 5px;
}

.bloc_news_sstitre{
font-size: 11px;
font-style: italic;
}

.bloc_sondage{
clear: both;
width: 230px;
margin-top: 10px;
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

.bloc_sondage p, .bloc_news p, .bloc_tuto p{
margin: 0 0 0 0;
}

.bloc_calendrier{
width: 230px;
margin: auto;
margin-top: 10px;
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

/* Les paragraphes */
p{
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}

.identite{
width: 60%;
overflow: hidden;
padding: 5px;
margin: auto;
margin-bottom: 10px;
border: 1px dotted black;
background-color: rgb(243,250,201);
}

.forum_signature{
clear: both;
font-size: 0.8em;
height: 100px;
overflow: hidden;
}

.forum_ligne_bleu{
background-color: #A7B4FA;
}

.centrer{
text-align: center;
}

.sscentrer{
margin: 0px;
padding-top: 5px;
text-align: center;
}

.citation{
padding: 2px;
text-align: center;
border: 1px solid black;
background-color: white;
}

.picture_moderation{
float: right;
padding: 2px;
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

/* Mise en page tutoriel */
.bloc_intro{
overflow: hidden;
}
.bloc_infotuto{
width: 100%;
float: right;
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}
.table_infotuto{
border: none;
width: 100%;
margin: 0 0 0 0;
text-align: center;
}
.table_infotuto td{
padding: 0px;
border-left: 1px solid black;
}
/* Fin de mise en page tutoriel */

.bloc_infoevenement{
border: 1px solid #d5d5d5;
background-color: #cee3f4;
}

.bloc_infoevenement p{
margin: 5px;
text-align: center;
}

.message_info{
position: absolute;
left: 50%; 
top: 50%;
margin-top: -75px;
margin-left: -200px;
width: 400px;
height: 150px;
color: green;
padding-left: 40px;
background-image: url('../images/images_design/boutonvalide.png');
background-repeat: no-repeat;
background-position: 10px center;
background-color: rgb(244,249,253);
border: 2px ridge black;
}

.message_erreur{
position: absolute;
left: 50%; 
top: 50%;
margin-top: -75px;
margin-left: -200px;
width: 400px;
height: 150px;
color: red;
padding-left: 40px;
background-image: url('../images/images_design/boutonsupprime.png');
background-repeat: no-repeat;
background-position: 10px center;
background-color: rgb(244,249,253);
border: 2px ridge black;
}

.message_erreur_lien{
width: 180px;
height: 20px;
margin: auto;
}

.mp_sstitre{
margin: 0px;
color: #879091;
}

/* Les titres */
h1{
color: purple;
font-size: 30px;
margin: 10px 5px 0 5px;
}

h2{
color: red;
font-size: 25px;
}

h3{
color: rgb(255,165,0);
font-size: 21px;
text-align: center;
}

h4{
color: black;
font-size: 20px;
}

h5{
margin: 0 0 0 0;
color: rgb(60,198,0);
font-size: 20px;
}

h6{
color: blue;
font-size: 20px;
text-align: center;
}

/* Les couleurs */
.bleue{
color: blue;
}

.erreur{
color: red;
}

.info{
color: green;
}

/* Les liens */
a{
color: rgb(0,102,153);
text-decoration: none;
}

a:hover{
text-decoration: none;
color: red;
}

a:visited{
text-decoration: none;
}

a img{
border: none;
}

a.bouton_action{
display: block;
text-align: center;
padding: 2px 0 0 0;
color: #ffffff;
font-weight: bold;
width: 145px;
height: 25px;
background: url(../images/images_design/bouton_action.png) no-repeat top left;
}

a.bouton_action:hover{
color: #ffffff;
background-position: left -25px;
}

.float_bouton_left{
float: left;
}

.float_bouton_right{
margin-left: 155px;
}

/* Les listes à puces */
ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}

#menu ul ul{
margin-left: 10px;	
}

/* Les images */
img{
border: none;
}

.imageflottante{
float: right;
}

.image_gauche{
float: left;
border: 1px dashed black;
margin-right: 5px;
height: 150px;
width: 150px;
}

/* Les tableaux */
table{
margin: auto;
border-collapse: collapse;
}

.cours td{
padding: 5px;
text-align: center;
}

.tutomenu{
width: 40%;
margin: auto;
border: 2px ridge purple;
padding: 0 0 0 0;
text-align: center;
}

.tutomenu td{
border: 1px dotted green;
padding: 5px 0 0 0;
}

.tutomenu th{
color: rgb(0,108,184);
padding: 0 0 0 0;
font-size: 15px;
}

.admin{
width: 95%;
margin: auto;
border: 2px ridge purple;
padding: 5px;
text-align: center;
}

.admin td, th{
border: 1px dotted green;
padding: 5px;
}

.admin th{
color: rgb(0,108,184);
font-size: 15px;
}

caption{
margin: auto;
margin-top: 10px;
color: teal;
font-size: 20px;
}

.tab_calendrier{
text-align: center;
border-collapse: collapse;
margin-bottom: 10px;
}

.tab_calendrier tr{
height: 20px;
}

.tab_calendrier td{
width: 20px;
height: 20px;
empty-cells: show; /* révèle les cellules vide */
border: 1px solid #cee3f4;
color: #121983;
font-size: 13px;
text-align: center;
background-color: #d5d5d5;
}

.tab_calendrier th{
width: 20px;
border: none;
color: #c1702e;
}

.lienCalendrier{
}

.tab_calendrier .lienCalendrierJour{
font-weight: bold;
background-color: #cee3f4;
text-align: center;
width: 20px;
height: 20px;
background-image: url('../images/images_design/jour_calendrier.png');
background-position: center;
background-repeat: no-repeat;
}

.tab_calendrier .lienCalendrierEvenement{
font-weight: bold;
background-color: #b5b2b2;
color: #ffffff;
text-align: center;
width: 20px;
height: 20px;
}

.tab_calendrier a{
color: #ffffff;
}

.tab_calendrier a:hover{
color: red;
}

/* Les messages du livre d or */
.blockavis{
width: 500px;
margin: auto;
margin-top: 10px;
padding: 5px;
border: 1px outset black;
background-color: rgb(244,249,253);
}

/* Les formulaires */
input{
font-size: 12px;
}

.labeldecale label{
display: block;
width: 170px;
float: left;
}

legend{
color: #FF9B1F;
font-weight: bold;
}

input:focus, textarea:focus{
background-color: #CEE3F4;
}

/* forum */
.logo{
width: 3%;
text-align: center;
}

.nombremessages{
width: 8%;
text-align: center;
}

.nombrevu{
width: 8%;
text-align: center;
}

.nombresujets{
width: 5%;
text-align: center;
}

.auteur{
width: 10%;
text-align: center;
}

.derniermessage{
width: 20%;
text-align: center;
}

.catégorie{
}

.supprimer{
width: 8%;
text-align: center;
}

.forum{
width: 97%;
}

.forum th{
color: maroon;
border: 1px solid black;
}

.forum td{
border: 1px solid black;
padding: 2px;
}

.tab_pagination{
background-color: #ffffff;
font-size: 13px;
}

.topic_titre{
text-align: left;
vertical-align: top;
}

.forumtopicdroite{
float: right;
}

.forumtopicgauche{
float: left;
}

.smiley{
float: left;
}

.poster_decale{
margin-left: 95px;
}

.topic_sstitre{
font-size: 12px;
}

.topic_auteur{
width: 20%;
}

.topic_mess{
width: 80%;
}

/* Bbcode */
.orange { color: rgb(236, 118, 0); }
.noir { color: black; }
.marron { color: maroon; }
.vertf { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: rgb(100, 100, 100); }
.rouge { color: red; }
.vertc { color: lime; }
.jaune { color: yellow; }
.bleu { color: blue; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.blanc { color: white; }

.forange { background-color: rgb(236, 118, 0); }
.fnoir { background-color: black; }
.fmarron { background-color: maroon; }
.fvertf { background-color: green; }
.folive { background-color: olive; }
.fmarine { background-color: navy; }
.fviolet { background-color: purple; }
.fbleugris { background-color: teal; }
.fargent { background-color: silver; }
.fgris { background-color: rgb(100, 100, 100); }
.frouge { background-color: red; }
.fvertc { background-color: lime; }
.fjaune { background-color: yellow; }
.fbleu { background-color: blue; }
.frose { background-color: fuchsia; }
.fturquoise { background-color: aqua; }
.fblanc { background-color: white; }

.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: Courier, serif; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.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; }

.flot_gauche { float: left; }
.flot_droite { float: right; }
.flot_gauche, .flot_droite { margin: 1em; }

.pos_centrer { display: block; text-align: center; }
.pos_droite { display: block; text-align: right; }
.pos_gauche { display: block; text-align: left; }