/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE COMPLETE------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
body
{
	min-width: 900px;
	max-width: 1200px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 3px;
	background-color: rgb(80, 26, 3);
	/*background-image: url("images/png/montage.png");*/
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	font-family: "Comic Sans MS";
	
}
#corps .imageflottante
{
	float:left;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------BOUTONS ET LIENS------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.liens a
{
	color: rgb(64, 61, 62);
	font-style: oblique;
	font-size: 90%;
	text-decoration: none;
}
.liens a:hover
{
	color: maroon;
}
img
{
	padding-left: 8px;
	padding-right: 8px;
}
a img
{
	text-decoration: none;
	border: none;
}
.liens_images img
{
	text-decoration: none;
	border: none;
	
}
.liens1
{
	color: rgb(40, 20, 20);
	font-style: oblique;
	font-size: 90%;
	margin-left: 3%;
}
.liens1 a
{
	color: rgb(64, 61, 62)/*rgb(40, 20, 20)*/;
	font-style: oblique;
	text-decoration: none;
}
.liens1 a:hover
{
	color: maroon;
}
.liens2
{
	color: rgb(40, 20, 20);
	font-style: oblique;
	font-size: 90%;
	margin-left: 3%;
}
.liens2 a
{
	color: rgb(64, 61, 62);
	font-style: oblique;
	text-decoration: none;
}
.liens2 a:hover
{
	color: maroon;
}
.deconnexion
{
	border: none;
	background-color: transparent;
	background-image: url("images/navigation/deconnexion.png");
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 2%;
	padding-right: 2%;
	cursor: pointer;
}

.valider
{
	width: 24px;
	height: 24px;
	border: none;
	background-color: transparent;
	background-image: url("images/navigation/176.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	
}
.effacer
{
	border: none;
	background-color: transparent;
	background-image: url("images/navigation/136.png");
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 5%;
	cursor: pointer;
}
.articles
{
	min-height: 800px;
}
.categorie
{
	text-align:right;
	font-size: 70%;
	font-family: Times;
	font-style: italic;
	text-decoration: underline;
	color: rgb(0, 90, 120);
}
.tableau
{
	margin-left:20%;
	text-align:center;
}
.tableau table, .tableau th, .tableau td
{
	text-align:center;
	font-size:12px;
	border:1px solid black;
	margin:auto;
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------OPTION BBCODE------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.smiley_cliquable,.bouton_cliquable
{
	cursor: pointer;
}
.souligne {text-decoration: underline;}
.barre {text-decoration: line-through;}
.italique {font-style: italic;}
.gras {font-weight: bold;}
.paragraphe{text-indent: 4%;}
.decaler_gauche{margin-left: 8%;}
.decaler_droite{margin-right: 8%;}
.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);}
.gris2{color: rgb(64, 61, 62);}
.rouge {color: red;}
.vertc {color: lime;}
.jaune {color: yellow;}
.bleu {color: blue;}
.rose {color: fuchsia;}
.turquoise {color: aqua;}
.blanc {color: white;}
.couleur1 {color: rgb(0, 10, 20);}
.couleur2 {color: rgb(0, 0, 20);}

.arial {font-family: Arial, serif;}
.times {font-family: "Times New Roman", serif;}
.courrier {font-family: "Courrier New", serif;}
.impact {font-family: Impact, serif;}
.georgia {font-family: Georgia, serif;}
.verdana{font-family: Verdana, serif;}
.arialblack{font-family: "Arial Black", serif;}
.comic{font-family: "Comic Sans MS", serif;}
.trebuchet{font-family: "Trebuchet MS", serif;}

.un{font-size: 8px;}
.deux{font-size: 10px;}
.trois{font-size: 12px;}
.quatre{font-size: 14px;}
.cinq{font-size: 16px;}
.six{font-size: 18px;}
.sept{font-size: 20px;}
.huit{font-size: 22px;}
.neuf{font-size: 24px;}
.dix{font-size: 26px;}


.centrebb {text-align: center;}
.gauche{text-align: left;}
.gauche_flottant 
{
	float: left;
	margin-right: 2%;
}
.decale_10_gauche{margin-left: 10%;}
.decale_25_gauche{margin-left: 25%;}
.decale_70_gauche{margin-left: 70%;}
.droite_flottant  
{
	float: right;
	margin-left: 2%;
}
.droite{text-align: right}
.justifie {text-align: justify;}

.cadre
{
	border: 3px ridge black;
	width: 45%;
	padding: 8px;
	padding-bottom: 10px;	
}
a:hover .cadre 
{
	border: 3px groove black;
	width: 45%;
	padding: 8px;
	padding-bottom: 10px;
}
.code2, .citation2
{
	text-align: center;
	border: 1px dotted black;
	width: 90%;
	padding: 8px;
	font-family: Courrier, Arial, Times, 'Times New Roman', serif;
	font-size: 12px;
	margin-left: 25px;
}
.code, .citation, .opt_titre
{
	font-weight: bold;
	font-size: 12px;
}

.smilies {vertical-align: middle;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------GESTION DES ERREURS ET DES MESSAGES------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
.erreur_upload,.erreur_image_securite,.erreur
{
	text-align:center;
	color:red;
}
.erreur_image_securite a
{
	color: maroon;
	font-style: italic;
	font-size: 80%;
}
.erreur_image_securite a:hover
{
	color: red;
}
.messages_validation
{
	text-align:center;
	color:green;
}
/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------EN TETE------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#en_tete
{
	width: 1000px;
	height: 120px;
	/*border: 1px solid black;	/*pour bosser*/
	background-image: url("images/banniere_chaise.jpg");
	background-repeat:no-repeat;
	background-position: center;
	margin:auto;
	margin-bottom: 30px;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------MENU------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#menu
{
	float: left;
	width: 200px;
	min-height: 1000px;
	margin-left: 3px;
	margin-top: 90px;
	margin-bottom: 20px;
}
.gestion_menu
{
	margin-bottom: 20px;
}
.element_menu
{
	/*border: 1px solid black;	/* pour bosser*/
	margin-bottom: 10px;
	padding-left: 10%;
}
.gestion_menu h3
{
	color: black;
	Text-align: center;
	font-size:93%;
}
.gestion_menu ul
{
	list-style-image: url("images/png/puce.png");
	padding-left:10%;
	padding-right: 2%;
}
.gestion_menu li
{
	padding-bottom:15px;
	font-size:88%;
}
.gestion_menu .menu
{
	font-size: 18px;
}
.gestion_menu .sous_menu
{
	color: black;
	font-size: 12px;
	font-family: Impact, serif;
}
.gestion_menu .liens_sous_menu
{
	font-size: 10px;
}
.gestion_menu a
{
	color: rgb(64, 61, 62);
	text-decoration: none;
}
.gestion_menu a:hover
{
	color: maroon;
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------LE CORPS------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#corps
{
	min-width: 860px;
	min-height: 1000px;
	margin-left: 15%;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom:20px;
	padding-top:0px;
}
#corps .liens
{
	text-align: center;
}
#corps h1
{
	font-family: Arial;
	text-align: center;	
}

#corps h2
{
	font-family: Arial;
	background-repeat: no-repeat;
	padding-left: 30px;
}
#corps h3
{
	text-align: center;
}


/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE NEWS------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#corps .news h2, #corps .news h4
{
	margin-top: 0px;
	text-align:center;
	font-style:oblique;
	font-family: "Comic Sans MS";
}
#corps .news h4
{
	background-color:rgb(120, 120, 120);
	color:rgb(0, 0, 40);
	font-size:0.9em;
	margin-bottom:0px;
	font-style:oblique;

}
#corps .news p
{
	font-family: "Comic Sans MS";
	font-style:oblique;
	color:rgb(0, 0, 20);
}
#corps .news p a
{
	color: navy;
}
#corps .news p a:hover
{
	color: maroon;
}
#corps .news .page_news
{
	color: black;
	text-align: center;
	font-size: 80%;
}
#corps .news .page_news a
{
	color: black;
}
#corps .news .page_news a:hover
{
	color: maroon;
}
#corps .news .page_news a:visited
{
	color: gray;
}
#corps .news .affichage
{
	width: 80%;
	margin:auto;
	margin-bottom:10px;
}

#corps .news  ul
{
	text-align:right;
	padding-right:3%;	
}
#corps .news li
{
	display:inline;
	padding-left:15%;
}
#corps .news .reagir_news
{
	font-size: 75%;
	font-family: Times;
	font-style: italic;
}
#corps .news .liste_commentaires_news
{
	font-size:75%;
	font-family:Times;
	font-style:italic;
}
#corps .news .reagir_news a, #corps .news .liste_commentaires_news a 
{
	color:rgb(0, 50, 90);
}
#corps .news .reagir_news a:hover, #corps .news .liste_commentaires_news a:hover
{
	color: maroon;
}
#corps .news #reaction
{
	text-align: center;
}
#corps .news .supprimer_commentaire
{
	text-align: right;
}
#corps .news .supprimer_commentaire a
{
	color:rgb(0, 90, 120);
}
#corps .news .masquer_commentaires, #corps .news .supprimer_commentaire
{
	font-size:60%;
	font-family:Times;
	font-style:italic;
	padding-left: 5%;
}
#corps .news .masquer_commentaires a
{
	color: rgb(0, 0, 20);
}
#corps .news .masquer_commentaires a:hover, #corps .news .supprimer_commentaire a:hover
{
	color: maroon;
}
#corps .news fieldset
{
	margin: auto;
	margin-top: 2%;
	margin-bottom: 10px;
	width: 80%;
	
}
#corps .news .entete_commentaire
{
	color: rgb(0, 10, 20);
	font-size: 0.9em;
	margin-bottom: 1%;
	font-style: oblique;
	text-align: center;

}
#corps .news .text_commentaire
{
	font-size: 14px;
	margin-bottom: 0px;
}
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE APERCU------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
#corps .articles fieldset
{
	width: 70px;
	height: 10px;
	margin-left: 0%;
	padding-top:4px;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE LIVRE D'OR------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#corps .livreor
{
	background-image:url("images/gif/livredor_ouverts3.gif");
	background-repeat: no-repeat;
}
#corps .livreor p
{
	color:black;
}
#corps .livreor form, #corps .livreor .pages
{
	text-align:center;
}
#corps .livreor .pages
{
	font-style: oblique;
	font-size: 80%;
}
#corps .livreor .pages a
{
	color: black;
}
#corps .livreor .pages a:hover
{
	color: maroon;
}
#corps .livreor .pages a:visited
{
	color: gray;
}
#corps .livreor .messages
{
	border: 3px groove rgb(255, 227, 76);
	width:80%;
	margin: auto;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
}
#corps .livreor .messages strong
{
	text-decoration:underline;
}
#corps .livreor .messages em
{
	color: rgb(64, 62, 61);
	margin-left: 5%;
}
#corps .livreor .message_or
{
	font-size: 14px;
	padding-left: 10px;
}
#corps .livreor  .supprimer_mess_livreor
{
	text-align: right;
}
#corps .livreor  .supprimer_mess_livreor a
{
	color: rgb(0, 0, 20);
	font-style: oblique;
	font-size: 70%;
	text-align: right;
	text-decoration: none;
}
#corps .livreor .supprimer_mess_livreor a:hover
{
	color: maroon;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE EXPLORATEUR------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.explorateur
{
	margin: 0px;
	padding: 0px;
}
.explorateur .pelicule
{
	width: 100%;
	height: 600px;
	overflow: auto;
}
.explorateur fieldset
{
	float: right;
	width: 16%;
	border: 3px ridge maroon;
	border-right:none;
	padding: 0px;
	text-align:center;
}
.explorateur .affichage_photo
{
	text-align:center;
	height: 660px;
}
.explorateur .affichage_photo fieldset 
{
	width: 670px;
	height: 660px;
	border: hidden;
	margin-left: 5px;
	text-align:center;
}
.explorateur .liens_naviguation
{
	width: 80%;
	position: relative;
	left: 10%;
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PIED DE PAGE------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#pied_de_page 
{
	width:80%;
	height:25px;
	text-align: right;
	border: 2px solid black;
	margin: auto;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	font-size: small;
}
/*--------------------------------------------------------------------------------------------------*/
/*-----------------------------------------FIN-----------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/