/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE COMPLETE------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
body
{
	width: 100%;
	min-width: 1055px;
	max-width: 1160px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	font-family: "Comic Sans MS";
	
}
#corps .imageflottante
{
	float:left;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------BOUTONS ET LIENS------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.liens a
{
	color: navy;
	font-style: oblique;
	font-size: 90%;
	text-decoration: none;
}
.liens a:hover
{
	color: maroon;
}
.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(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(70, 20, 70);
	font-style: oblique;
}
.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;
}
.valider_mini
{
	width: 10px;
	height: 10px;
	border: none;
	background-color: transparent;
	background-image: url("images/form/valider_mini.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;
}
.rechercher
{
	border: none;
	background-color: transparent;
	background-image: url("../images/navigation/Loupe.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.articles
{
	min-height: 800px;
}
.menu
{
	text-align:right;
	font-size: 70%;
	font-family: Times;
	font-style: italic;
	text-decoration: underline;
	color: rgb(0, 30, 60);
}
table
{
	border-collapse: collapse;
}
.tableau
{
	width: 100%;
	text-align:center;
}
.tableau table
{
	width: 100%;
	border-collapse:collapse;
	border: 2px solid black;
	margin: auto;
}
.tableau th, .tableau td
{
	border: 1px solid black;
	background-color: rgb(220, 220, 220);
}
.tableau td
{
	background-color: white;
	font-size: 75%;
}
div.bulle
{
	font-family: verdana, arial, sans-serif;
	position: absolute;
	padding: 0.5em;
	background: #FFF7D2;
	line-height: 1.1;
	font-size: 0.9em;
	position:absolute; top:45%; left:40%
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------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);}
.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: 2px outset black;
	width: 90%;
	padding: 8px;
	padding-bottom: 10px;
}
a:hover .cadre 
{
	border: 2px inset black;
	width: 90%;
	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
{
	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
{
	min-width: 980px;
	max-width: 1200px;
	height: 55px;
	background-image: url("images/banniere/teal/centre.png");
	background-repeat:repeat;
	background-position: center;
	margin:auto;
	margin-left:1%;
	margin-right:1%;
	
}
.bord_gauche
{
	width: 30px;
	height: 55px;
	background-image: url("images/banniere/teal/bord_gauche.png");
	background-repeat:no-repeat;
}
.bord_droit
{
	height: 55px;
	background-image: url("images/banniere/teal/bord_droit.png");
	background-repeat:no-repeat;
	background-position: right;
}
.home_page
{
	padding-bottom: 2%;
	padding-right:60%;
	position: relative;
	left: 60px;
	bottom: 4px;
}
.home_page a
{
	color: teal;
	text-decoration: none;
}
.home_page a:hover
{
	color: yellow;
}
.version
{
	font-size: 9px;
	position: relative;
	bottom: 7px;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------MENU------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#menu_admin
{
	float: left;
	width: 5%;
	height: 500px;
	margin-left:3%;
	background-image: url("images/menu/barre_menu_bas.png");
	background-repeat:no-repeat;
}
.elements_menu_admin
{
	padding-top: 50%;
}
.elements_menu_admin a:hover
{
	position: relative;
	left: 3px;
	bottom: 1px;
}
.icone_spe
{
	margin-left: 1px;
}
.visiteur
{
	font-size: 11px;
	width: 100px;
	position: relative;
	top: 19px;
	left: 15px;
}


/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------LE CORPS------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.bord_arrondie
{
	width: 90%;
	height: 67%;
	margin-top:15px;
	margin-left: 8%;
	border: 2px solid rgb(230, 230, 230);
}
.hg, .hd, .bg, .bd
{
	width:11px;
	height: 11px;
}
.hg, .bg{float: left;}
.haut, .bas
{
	width: 99%;
	height: 1px;
}
.gauche, .droite
{
	width:1px;
	height:99%;
}
.hd, .bd{float: right;}
.hg
{
	position: relative;
	bottom: 2px;
	right: 2px;
}
.hd
{
	position: relative;
	bottom: 3px;
	left: 2px;
}
.bg
{
	position: relative;
	bottom: 8px;
	right: 2px;
}
.bd
{
	position: relative;
	bottom: 9px;
	left: 2px;
}
.hg { background-image: url('images/coin_hg.png');}
.hd { background-image: url('images/coin_hd.png');}
.bg { background-image: url('images/coin_bg.png');}
.bd { background-image: url('images/coin_bd.png');}
#corps
{
	width:94%;
	min-height: 700px;
	padding-bottom:30px;
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
}
#corps_centre
{
	width:97%;
	min-height: 700px;
	background-color: rgb(240, 240, 240);
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.corps_naviguation
{
	float: left;
	width: 60%;
	min-height: 690px;
	border: 1px solid silver;
	padding-left: 10px;
	padding-top: 10px;
}
.corps_messages
{
	width: 38%;
	min-height: 700px;
	margin-left: 62%;
	border: 1px solid rgb(230, 230, 230);
	padding-left: 5px;
	
}
.corps_naviguation li
{
	list-style-type: none;
}
.corps_naviguation fieldset
{
	float: left;
	width: 85px;
	text-align: center;
	margin-left: -30px;
	margin-right: 35px;
	font-size: 12px;
	border: 2px solid rgb(230, 230, 230);
}
.corps_naviguation a:hover fieldset 
{
	border: 2px inset rgb(230, 230, 230);
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE GESTION DES PLUGIN-----------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.corps_plugin
{
	float: left;
	width: 60%;
	min-height: 700px;
	border: 1px solid silver;
	padding-left: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.corps_plugin fieldset
{
	text-align: center;
	font-size: 12px;
	border: 2px solid rgb(230, 230, 230);
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE GESTION DES MENU------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/

.gestion_menu_admin fieldset
{
	font-size: 87%;
	border: 1px solid rgb(210, 210, 210);
	padding: 3px;
}

.gestion_menu_admin table
{
	width: 98%;
	Margin: auto;
}
.gestion_menu_admin td, .gestion_menu_admin table, .gestion_menu_admin tr
{
	font-size: 85%;
}
.gestion_menu_admin select, .gestion_menu_admin opt_titre, .gestion_menu_admin input
{
	font-size: 100%;
}
.gestion_menu_admin td
{
	padding-right: 10px;
}
.gestion_menu_admin .petite_boite
{
	width: 30px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	text-align: center;
}
.element_menu
{
	/*border: 1px solid black;*/
	width: 150px;
	border: none;
	margin-bottom: 10px;
}
#menu
{
	float: left;
	width: 160px;
	margin-left: 3px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.gestion_menu
{
	margin-bottom: 20px;
}
.element_menu
{
	/*border: 1px solid black;*/
	margin-bottom: 10px;
	padding-left: 10%;
}
.gestion_menu h3
{
	color: navy;
	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: 12px;
}
.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(0, 30, 60);
}
.gestion_menu a:hover
{
	color: maroon;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE LISTE DES NEWS------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#corps .listing h3, #corps .listing  th, #corps .listing  td
{
	text-align:center;
}
#corps .listing table
{
	width: 100%;
	border-collapse:collapse;
	border: 2px solid black;
	margin: auto;
}
#corps .listing th,#corps .listing td
{
	border: 1px solid black;
	background-color: rgb(220, 220, 220);
}
#corps .listing th
{
	font-size: 75%;
}
#corps .listing td
{
	font-size: 65%;
	background-color: white;
}
#corps .listing a
{
	color:rgb(20, 0, 20);
	text-decoration: none;
	font-size: 95%;
}
#corps .listing a:hover
{
	color: maroon;
}
#corps .listing fieldset
{
	width: 25px;
	float: left;
	text-align: center;
	border: 2px solid rgb(230, 230, 230);
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	position: relative;
	top: 20px;
	right: 15px;
}
#corps .listing a:hover fieldset 
{
	border: 2px inset rgb(230, 230, 230);
}
.trie
{
	float: right;
	border: hidden;
	font-size: 80%;
	
}
.trie select
{
	 font-size: 85%;
	 margin-right: 20px;
}

/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE APERCU------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

/*---------------------------CORPS PRINCIPAL------------------------*/
/*---------------------------ZONE GAUCHE----------------------------*/
.corps_redaction
{
	float: left;
	width: 75%;
	/*border: 1px solid silver;*/
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.corps_redaction li
{
	list-style-type: none;
}
.corps_redaction fieldset
{
	float: left;
	margin-left: -30px;
	margin-right: 35px;
	border: 1px solid rgb(230, 230, 230);
}

/*---------------------------ZONE DROITE----------------------------*/
.status
{
	width: 21%;
	min-height: 841px;
	margin-left: 78%;
	font-size: 75%;
	border: 1px solid silver;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: hidden;
}

/*--------------------DIVISION ZONE GAUCHE---------------------*/
/*------------------------------ EN TETE----------------------------------*/
.en_tete fieldset
{
	float: none;
	width: 98%;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 75%;
	padding: 5px;
}
.en_tete select, .en_tete .opt_titre, .en_tete input
{
	font-size: 85%;
}
.en_tete td
{
	padding-right: 30px;
}
.en_tete_gauche fieldset
{
	float: left;
	width: 58%;
	font-size: 100%;
	border: hidden;
}
.en_tete_droite fieldset
{
	width: 37%;
	font-size: 100%;
	border: hidden;
}

/*--------------------------------MISE EN PAGE---------------------------------*/
.mise_en_page fieldset
{
	width: 73%;
	margin: 0px;
	padding: 0px;
}
.boutons_form
{
	background: url("images/form/barre_menu.png");
	background-repeat: no-repeat;
	padding-top: 1px;
	text-align: center;
}
.cleaner
{
	margin: 0px;
}
.cleaner select
{
	font-size: 80%;
}
.cleaner option
{
	font-size: 85%;
}
.smilies_form
{
	height: 22px;
	background: url("images/form/barre_menu.png");
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 5px;
	text-align: center;
}
.smilies_form img
{
	position: relative;
	bottom: 3px;
}

/*--------------------------ZONE DE VALIDATION---------------------------*/
.soumettre fieldset
{
	width: 25%;
	margin-left: 5px;
	text-align: right;
	border: hidden;
}
.soumettre .rechercher1 input
{
	width:150px;
	height: 26px;
	border: none;
	font-style: italic;
	font-family: impact;
	background-color: transparent;
	background-image: url("images/form/barre_menu_gauche.png");
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
	padding-right: 18px;
	padding-bottom: 4px;
}
.soumettre .rechercher1 img
{
	width: 24px;
	height: 24px;
	position: relative;
	bottom: 25px;
	left: 110px;
}
.soumettre .effacer1
{
	position: relative;
	left: 30px;
	bottom: 4px;
}
.soumettre .effacer1 input
{
	width:75px;
	height: 26px;
	border: none;
	font-style: italic;
	font-family: impact;
	background-image: url("images/form/barre_menu_gauche.png");
	background-repeat: no-repeat;
	cursor: pointer;
	padding-bottom: 4px;
	padding-right: 29px;
}
.soumettre .effacer1 img
{
	width: 24px;
	height: 24px;
	position: relative;
	top: 8px;
	right: 29px;
}
.soumettre .valider1
{
	position: relative;
	left: 30px;
	bottom: 9px;
}
.soumettre .valider1 input
{
	width: 75px;
	height: 26px;
	border: none;
	font-style: italic;
	font-family: impact;
	background-image: url("images/form/barre_menu_gauche.png");
	background-repeat: no-repeat;
	cursor: pointer;
	padding-bottom: 4px;
	padding-right: 28px;
}
.soumettre .valider1 img
{
	width: 24px;
	height: 24px;
	position: relative;
	top: 8px;
	right: 29px;
}
/*---------------------------SAISIE DU CONTENU----------------------------*/
#corps .rediger textarea
{
	width:100%;
	font-size: 100%;
	margin-bottom:5px;
	
}
#corps .rediger #prev_contenu, #corps .rediger #prev, #corps .rediger #prev_text
{
	font-size: 80%;
	border: 1px solid black;
	overflow: auto;
	margin-top: 1px;
	margin: auto;
	text-align: left;
	width: 100%;
	height: 300px;
}

/*--------------------DIVISION ZONE DROITE---------------------*/
/*-----------------------------STATUS------------------------------------*/
.status fieldset
{
	border: 1px solid rgb(210, 210, 210);
}
.titre_redaction fieldset
{
	height: 16px;
	margin-bottom: 10px;
	text-align: center;
	font-family: impact;
	font-size: 16px;
}
.info_page fieldset
{
	height: 155px;
	margin-bottom: 10px;
}
.info_page td
{
	padding-right: 30px;
}
.info_page td
{
	padding-bottom: 15px;
}
.option_redaction fieldset
{
	height: 300px;
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE EXPLOREUR------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.exploreur
{
	text-align:center;
	overflow: auto;
}
.exploreur fieldset
{
	border-color: black;
	border-left:none;
	border-bottom:none;
	text-align:center;
}
.exploreur table,#corps .exploreur th,#corps .exploreur td
{
	
	text-align:center;
	font-size:12px;
	border:1px solid black;
	margin:auto;
}
.exploreur li
{
	margin-left:-35px;
	list-style-type: none;
	text-align:center;
}

/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PAGE UPLOAD------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.upload
{
	text-align:center;
	float: left;
	width: 70%;
}
.upload fieldset
{
	height: 600px;
	border: 1px solid silver;
}
.etat_upload
{
	text-align:center;
	color:navy;
}
.etat_upload fieldset
{
	height: 600px;
	border: 1px solid silver;
}
.upload  fieldset .option
{
	float: left;
	width: 170px;
	height: 75px;
	border: 1px solid silver;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------PIED DE PAGE------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#pied_de_page 
{
	min-width: 980px;
	max-width: 1200px;
	height:30px;
	text-align: right;
	border: 2px solid black;
	background-color: silver;
	/*margin-left: 15%;/*145px;*/
	margin: auto;
	margin-top: 25px;
	margin-left:1%;
	margin-right:1%;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;
	font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------*/
/*-----------------------------------------FIN-----------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/