/********** GENERAL **********/

.spacer
{
	clear:both;
}

body
{
	margin:0;
	padding:0;
	font-family:sans-serif;
	color:black;
	background-color:white;
}

h1, h2, h3, h4, h5, h6
{
	color:#A0A0A0;
	margin:1.5em 0 0.7em 0.7em;
	padding:0.1em;
	border-bottom:dotted 1px #A0A0A0;
	font-weight:normal;
}
h1
{
	margin-left:0;
	padding-left:0.5em;
	border-bottom:dotted 2px #A0A0A0;
	font-weight:bold;
	font-size:130%;
}
h2
{
	margin-left:20;
	padding-left:1.3em;
	border-bottom:dotted 1px #A0A0A0;
	font-weight:bold;
	font-size:100%;
}
h3 { font-size: 90%; }
h4 { font-size: 80%; }
h5 { font-size: 70%; }
h6 { font-size: 60%; }

a, .link
{
	color:gray;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
a.ancre, a.ancre:hover
{
	color:inherit;
	text-decoration:inherit;
}
a img
{
	border:none;
}

#corps p, #corps ul
{
	margin:0.7em 0;
}
#corps p
{
	text-indent:2em;
}
#corps img
{
	margin:1em;
}

#moncadre {
		width:600px;
		margin:auto;
		padding:10px;
		/*background-color:#FFFF00;*/
		border-left:1px solid #000000; /* couleur du cadre */
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		border-top:1px solid #000000;
}



form
{
	margin-top:1em;
	line-height:1em;
	text-align:center;
}
form span
{
	padding:0.1em 1em;
	text-align:left;
	font-size:0.8em;
	background-color:silver;
}

fieldset
{
	border:none;
	text-align:center;
}
form .incorrect
{
	color:white;
	background-color:red;
}

input, textarea
{
	display:block;
	margin:0 auto 1em auto;
	border:solid 1px silver;
	font-family:monospace;
}

input:focus, textarea:focus
{
	border-color:gray;
}


/********** CLASSES GENERALES **********/

#corps .legende, #corps .legende_centre, #corps .legende_gauche, #corps .legende_droite
{
	margin:1.5em 0.5em;
}
#corps .legende div, #corps .legende_centre div, #corps .legende_gauche div, #corps .legende_droite div
{
	border:solid 2px gray;
	color:white;
	background-color:gray;
}
#corps .legende img, #corps .legende_centre img, #corps .legende_gauche img, #corps .legende_droite img
{
	margin:0;
}
#corps .legende span, #corps .legende_centre span, #corps .legende_gauche span, #corps .legende_droite span
{
	display:block;
	padding-bottom:1px;
	line-height:1em;
	font-size:75%;
	font-weight:bold;
	text-align:center;
}
#corps .legende div, #corps .legende_centre div { margin:0 auto; }
#corps .legende_droite div { margin-left:auto; }

#pied a
{
	color:white;
	text-decoration:none;
}

.bouton
{
	margin-left:auto;
	margin-right:auto;
	padding:0.2em 0.8em;
	color:black;
	background-color:silver;
	font-size:0.8em;
	font-family:sans-serif;
	border:solid 1px;
	border-color:#E0E0E0 gray gray #E0E0E0;
	cursor:pointer;
}

ul.sections
{
	margin:1.5em 0 0 0;
	padding:0;
	list-style-type:none;
}
ul.sections li, div.section
{
	clear:right;
	margin:0;
	padding:1.5em 0.5em;
	border-top:dotted 2px #A0A0A0;
}
ul.sections li.premiere_section
{
	padding-top:0;
	border:none;
}
div.section
{
	margin:1.5em 0;
	border-bottom:dotted 2px #A0A0A0;
}

.premier_element
{
	margin-top:0.5em;
}




/********** FRAMES **********/

#menu
{
	float:left;
	width:180px;
	padding-bottom:5em;
	text-align:center;
	line-height:120%;
	background:#E0E0E0 url('images/menu-background.gif') repeat-y left top;
}

#menu p
{
	margin:2em 0 0 0;
	padding-bottom:0.3em;
	color:#94AEB9;
	font-family:sans-serif;
	font-weight:bold;
	background:url('images/menu-titre-background.gif') no-repeat center bottom;
}

#menu ul
{
	display: inline;
	margin:0.2em 0 3em 0;
	padding:0;
	list-style-type:none;
}

#menu a
{
	color:#404040;
	font-size:90%;
}

#menu a:hover
{
	color:#A0A0A0;
	text-decoration:none;
}

#menu .active
{
	color:#A0A0A0;
	font-weight:bold;
}

#corps
{
	padding:1em 30px 0.7em 210px;
	text-align:justify;
	line-height:140%;
	background:url('images/menu-background.gif') repeat-y left top;
}

/* Niveau de menu 3 */
.menu_horiz
{
	margin:0 0 1.5em 0;
	padding:0 0 1em 0;
	list-style-type:none;
	text-align:center;
	line-height:1.4em;
	overflow:hidden;
}

.menu_horiz li
{
	display:inline;
}

.menu_horiz a
{
	padding:0.3em 0.7em;
	font-size:0.9em;
	color:white;
	background-color:gray;
	border:solid silver;
	border-width:0 1px 1px 0;
}

.menu_horiz a:hover
{
	background-color:#A0A0A0;
	text-decoration:none;
}

.menu_horiz .active
{
	position:relative;
	top:0.4em;
	padding-top:0.7em;
}

#corps #listeCategories
{
	list-style:none;
	text-align:center;
	padding-left:0;
}

#corps #listeCategories li a
{
	margin:0.1em;
	padding:0.1em 0.5em;
	color:gray;
	border:dotted 1px #CCC;
	text-decoration:none;
}

/* Niveau de menu 3 */
.sous_menu_horiz
{
	list-style:none;
	text-align:center;
	padding-left:0;
}

.sous_menu_horiz li a
{
	margin:0.1em;
	padding:0.1em 0.5em;
	color:gray;
	border:dotted 1px #CCC;
	text-decoration:none;
}

.sous_menu_horiz li a:hover
{
	background-color:#EEE;
}

.sous_menu_horiz li
{
	display:inline;
}

.sous_menu_horiz .active
{
	font-weight:bold;
}

/********** NEWS **********/
.news
{
	clear:right;
	padding:3em 0 5em 0;
}

.news .corps, .news .commentaires
{
	clear:right;
	padding:1em;
	border:solid 2px gray;
}

.news .titre, .news .date, .news .boutons, .news .auteur, .news .cale
{
	padding:0 0.7em;
	border:solid 2px gray;
	background-color:white;
	line-height:1.6em;
	font-size:90%;
	font-weight:bold;
}

.news .titre, .news .boutons
{
	float:left;
	margin-left:1em;
}

.news .date, .news .auteur
{
	float:right;
	margin-right:1em;
}

.news .titre, .news .date, .news .cale
{
	margin-bottom:-2px;
	border-bottom:none;
}

.news .titre, .news .date
{
	margin-top:-1.3em;		/* correction bug de IE */
}

.news .boutons, .news .auteur, .news .cale
{
	margin-top:-2px;
	border-top:none;
}

.news .ouverts
{
	position:relative;		/* sert a mettre au premier plan */
	border-bottom:none;
	background:white url('images/news-background.gif') no-repeat 50% 1.7em;
}

.news .cale
{
	display:block;
	float:none;
	visibility:hidden;
}

.news .cale, .news .ouverts
{
	height:3em;
}

.news .commentaires .commentaire
{
	padding:0.5em 0 0.3em 0;
	border-bottom:dashed 1px gray;
	font-size:85%;
}

#corps .news .commentaires p
{
	margin:0;
}

.news .commentaires .auteur
{
	display:block;
	float:none;
	border:none;
	text-align:right;
	text-indent:0;
	font-size:75%;
	font-weight:normal;
}

.news form
{
	margin:0;
	padding:1.3em 0;
	text-align:center;
}


/********** FICHIERS **********/

.fichier
{
	clear:right;
	padding:3em 0 1em 0;
	line-height:1.5em;
}

.fichier .entete
{
	clear:right;
	height:1.5em;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	background-color:#E0E0E0;
	font-weight:bold;
}

.fichier .corps
{
	clear:right;
	padding-left:0.2em;
	border-bottom:solid 1px gray;
}

.fichier .titre, .fichiers .categorie
{
	float:left;
	padding-left:0.2em;
	margin-right:2em;
}

.fichier .date, .fichier .maj, .fichier .auteur
{
	float:right;
	margin-left:2em;
	padding-right:0.2em;
}

.fichier .maj
{
	padding-top:0.2em;
	font-size:60%;
}


/********** MEMBRES **********/

#corps #liste_categories
{
	margin-bottom:1em;
}

#corps #liste_categories a, #corps #liste_sous_categories a
{
	margin:0.1em;
	padding:0.1em 0.5em;
	color:gray;
	border:dotted 1px #CCC;
}

#corps #liste_categories a:hover, #corps #liste_sous_categories a:hover
{
	text-decoration:none;
	background-color:#EEE;
}

.fichier_a_envoyer
{
	margin-bottom:1em;
}

#liste_fichiers span
{
	background-color:white;
}

#Fichiers input
{
	border:none;
	margin:0;
	display:inline;
}

#informations input.radio
{
	display:inline;
	margin:0 0.4em 0 1.2em;
	border:none;
}

#corps .icone
{
	padding: 0 5px 0 0;
	margin:0;
}

#corps .tortue
{
	padding: 0 0 0 5px;
	margin:0;
}

#corps .tailleFichier
{
	font-size: 0.8em;
}

#corps .lienCategorie
{
	padding: 0 5px 0 5px;
	color: black;
}

#corps .lienCategorieSelectionnee
{
	font-weight: bold;
}


/********** MINIATURES **********/

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

.miniatures li
{
	display:inline;
	list-style-type:none;
}

.miniatures li a:hover
{
	color:silver;
}

.miniatures li a img
{
	border:solid 3px white;
}

.miniatures li a:hover img
{
	border:solid 3px silver;
}


/********** GALLERIE **********/

#gallerie
{
	text-align:center;
	font-family:monospace;
}

#gallerie img
{
	margin:1em 2.7em 1em 1em;
}

#gallerie a
{
	color:white;
}

#gallerie a:hover
{
	text-decoration:none;
	color:#E1C60E;
}

.navbar
{
	padding:0.1em 3em;
	color:white;
	background-color:gray;
}
.navbar.secondaire
{
	position:absolute;
	top:6em;
	right:0;
	width:1.7em;
	padding:0;
	line-height:0.9em;
}
.navbar.secondaire a
{
	display:block;
	padding:1em 0;
}
.navbar .alerte
{
	padding-left:1em;
	color:red;
	background-color:transparent;
}

#gallerie #curseur
{
	margin-top:1em;
	border-left:dotted 2px white;
}

#gallerie #intervalle
{
	position:relative;
	left:-10px;
	padding:2px;
	color:white;
	background-color:silver;
	font-size:12px;
}