/* CSS Document */
body
{
margin: auto;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 13px;
color: #656565;
}
acronym
{
cursor:help;
border-bottom:1px dotted;
}
#global
{
margin: auto;
text-align: left;
}
fieldset input textarea	
{
	background-color:#e2e9f3;
}
.alignform 
{
padding:0px;
margin:1px;
display:block;
width:200px;
float:left;
}
/* HEADER */
#header
{
width: 625px;
height: 113px;
margin: auto;
background-image: url('images/design1/header.gif');
background-repeat: no-repeat;
}

#header2
{
height: 113px;
margin: 0 auto;
background-image: url('images/design1/degrade.jpg');
background-repeat: no-repeat;
background-color: #dae2f5;
}
#menu_horizontal
{
background: #FFFFFF url('images/design1/degrade_header.jpg') repeat-x;
}
#navlist 
{
text-align:center;
padding-top: 6px; 
padding-left: 5px;
font-weight: italic;
}
#navlist a { padding: 2px 10px; }

#navlist a:link, #navlist a:visited
{
color: black;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #9bc7f8;
text-decoration: none;
}
/* CONTENU */
#contenu
{
background-color: #f7f5f6;
padding: 2px;
-moz-border-radius: 20px;
margin: 20px;
}

a img
{
border: none;
}

a{
text-decoration: underline;
color: #5ca4ee;
}

a:hover{
text-decoration: underline;
color: #0cb8f8;
}
.flottant_index
{
font-size:0.8em;
margin: 10px;
padding: 5px;
float: right;
width:50%;
border: solid #f9a542;
}
.flottant_music
{
margin: 10px;
padding: 5px;
width:20%;
float: right;
border: 1px dotted black;
background-color:#F4E5E5;
}
.flottant_pub
{
clear:right;
text-align:center;
margin: 10px;
padding: 5px;
width:270px;
float: right;
border: 1px dotted black;
background-color:#F4E5E5;
}
#maxx 
{
max-width:220px;
width:expression(document.body.clientWidth > 220 ? "220px": "auto" );
}
#corps
{
text-decoration: none;
margin-left: 208px;
margin-right: 25px;
padding-left:15px;
border-left:1px solid #dae2f5;
}
.tagcloud
{
background-color: #FCFFCF;
border: 1px solid #BFBFBF; /
padding: 2px; /* espace entre la bordure et le texte */
text-align: center; /* texte centré */
font-family: Arial, Helvetica, sans-serif; /* style d'écriture */
}
.tagcloud a {
text-decoration:none;
}
.tag-1 a {
color:#AA3406; 
font-size: 16px;
font-weight:bold;
}
.tag-1 a:hover {
text-decoration:none;
background-color:#AA3406;
color:#FCFFCF;
}
.tag-2 a {
font-size: 14px;
color:#070089;
}
.tag-2 a:hover {
text-decoration:none;
background-color:#070089;
color:#FCFFCF;
}
.tag-3 a {
font-size: 12px;
color:#BF2470;
}
.tag-3 a:hover {
text-decoration:none;
background-color:#BF2470;
color:#FCFFCF;
}
.tag-4 a {
font-size: 10px;
color:#333333;
}
.tag-4 a:hover {
text-decoration:none;
background-color:#333333;
color:#FCFFCF;
}
#corps p.info_post 
{
margin: 10px;
padding: 0;
font-size: 0.7em;
font-style: italic;
color: #977d28;
}
#corps p.post_com {
text-align:right;
margin: 0px;
padding: 0;
font-size: 0.8em;
color: #f9a542;
font-weight: bold;
}
#corps h2 { 
width: 40%;
margin: 10px 35px 15px 0px;
padding: 0;
border: solid #f9a542;
border-width: 0 0 1px 3px;
color: #f9a542;
font-weight: bold;
text-indent: 10px;
font-size: 0.9em;
}
#corps h2:first-letter {
color: #35b9ea;
}
.newsintra
{
width:95%;
margin: 0;
color: black;
padding:4px;
background-color:#F9F2F2;
}
.petit
{
color: green;
font-size: 0.8em;
}
.petit a
{
color: #977d28;
text-decoration: none;
}
.petit a:hover
{
color: #fff;
background-color: #9bc7f8;
text-decoration: none;
}
.imageflottante
{
float: right;
padding:5px
}
.dessous
{
clear: right;
height:0px;
max-height:0px;
width:1
}
.centre
{
color: #977d28;
text-align:center;
}
.popup
{
padding-right:20px;
background:url(images/design1/popup.png) center right no-repeat;
}
#centre_page
{
margin:auto;
position:absolute;
left: 50%; 
top: 50%;
margin-top: -85px;
margin-left: -300px;
padding:10px;
width: 600px;
height: 170px;
border:1px dotted black;
}
h1
{
display: block;
background: #fff url('images/design1/h1.jpg') 0 0 repeat-y;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
color: #f1970d;
padding: 5px;
}
/*TABLEAUX*/
caption /* Titre du tableau */
{
margin: auto;
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #009900;
margin-bottom: 20px;
}

table
{
margin-top:20px;
margin-bottom:20px;
width:98%;
border-collapse: collapse; 
}
fieldset
{
margin:10px;
padding:5px;
border: 1px dashed grey; 
margin-left:auto;
margin-right:auto;
width: 95%; 
font-family: Verdana, Trebuchet MS, Tahoma, Times New Roman, Times, serif; 
text-align: left; 
font-size: 1em;
background-color: #FFFFFF;
}
legend
{
font-weight: bold;
}
th /* Les cellules d'en-tête */
{
background-color: #6ea6e3;
border: 1px solid #6ea6e3;
text-align:center;
color: white;
font-size: 1.1em;
}

td /* Les cellules normales */
{
vertical-align: top;
border: 1px solid #6ea6e3;
padding: 5px;
}
.forum_themes td
{
background-color:#fafafa;
padding: 0px;
text-align: center;
}
.forum_themes a
{
display: block;
color:#f9be79;
font-size: 1.2em;
}
.forum_themes a:hover
{
color: #f1970d;
display: block;
text-align: center;
background-color: #b7f80b;
text-decoration: none;
}
.case_centre
{
text-align:center;
vertical-align: middle;
}

#previsualisation
{
border: 1px dashed #000000;
padding: 0.2em;
height: 200px;
overflow: auto;
width: 50%;
}
/* MENUS */
#les_menus
{
float: left;
}

.menu
{
width: 183px;
background-image: url('images/design1/menu.jpg');
padding-left: 20px;
background-repeat: no-repeat;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
padding: 7px;
margin-left: 25px;
text-align: center;
}
.menu1
{
width: 183px;
background-image: url('images/design1/menu1.jpg');
padding-left: 20px;
background-repeat: no-repeat;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
padding: 7px;
margin-left: 25px;
text-align: center;
}
.menu2
{
background-color: #FFFFFF;
width: 172px;
margin-left: 25px;
padding: 5px;
clear: both;
}
.menu2 a{
text-decoration: none;
color: #878787;
width: 172px;
display: block;
text-align: center;
border-bottom: 1px #d6d6d6 dotted;
}
.menu2 a:hover{
width: 172px;
color: #f1970d;
display: block;
text-align: center;
background-color: #fafafa;
border-bottom: 1px #d6d6d6 dotted;
text-decoration: none;
}

select {
border:1px solid #878787;
color: #f1970d;
}
/*pied de page*/
#footer {
font-size: 0.85em;
margin: 0 0 0 55%;
padding:6px;
background-color:#f4e5e5;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 20px;
text-align: center;
}
#footer a {
color:#0cb8f8;
}
/*EFFET*/
.citation
{
padding:5px;
border: 1px dashed grey; 
margin-left:auto;
margin-right:auto;
width: 95%; 
font-family: Verdana, Trebuchet MS, Tahoma, Times New Roman, Times, serif; 
text-align: left; 
font-size: 11px;
background-color: #FFFFFF;
}
.citation legend
{
font-weight: bold;
}
.citation fieldset
{
display:block;
}
.aligne_gauche
{
text-align: left;
}
.aligne_droite
{
text-align: right;
margin:0px;
padding:0px;
}


/* DEBUT Listes */
/* FIN Listes */

/* DEBUT MISE EN FORME FORMULAIRE */
.rose {color: #f26fde;}
.rouge {color: red;}
.orange {color: #d56a00;}
.jaune {color: #e8f538;}
.vert_clair {color: lime;}
.vert_fonce {color: #009900;}
.olive {color: #66cc99;}
.turquoise {color: aqua;}
.bleugris {color: #6699cc;}
.bleu {color: blue;}
.marine {color: #003399;}
.violet {color: #9900cc;}
.marron {color: #9f5000;}
.gris {color: gray;}
.argent {color: silver;}
.noir{color: black;}
.blanc {color: white;}

.trebuchet_ms {font-family: Trebuchet MS;}
.arial {font-family: Arial;}
.courier_new {font-family: Courier New;}
.century_gothic {font-family: Century Gothic;}
.comic_sans_ms {font-family: Comic Sans MS;}
.agency_fb {font-family: Agency FB;}
.eurostile {font-family: Eurostile;}
.gill_sans_mt {font-family: Gill Sans MT;}
.goudy_old_style {font-family: Goudy Old Style;}
.kartika {font-family: Kartika;}
.lucida_console {font-family: Lucida Console;}
.microsoft_sans_serif {font-family: Microsoft Sans Serif;}
.ms_reference_serif {font-family: MS Reference Serif;}
.ocr_a_extended {font-family: OCR A Extended;}
.tahoma {font-family: Tahoma;}
.times_new_roman {font-family: Times New Roman;}
.tc_cen_mt {font-family: Tw Cen MT;}
.vernada {font-family: Vernada;}
.vernada_ref {font-family: Vernada Ref;}
/* FIN MISE EN FORME FORMULAIRE */
#astuce
{
background-color:white;
text-align:justify;
margin:2px;
padding:2px;
width: 95%;
min-height: 30px;
color: green;
}


.information
{
margin:10px;
width: 90%;
padding-left: 40px;
background-image: url(images/design1/info.png);
background-repeat: no-repeat;
min-height: 30px;
color: green;
}
.attention
{
margin:10px;
width: 95%;
padding-left: 40px;
background-image: url(images/design1/attention.png);
background-repeat: no-repeat;
min-height: 30px;
color: #ff6600;
}
.clear_right
{
clear:right;
}
.erreur
{
margin:10px;
width: 95%;
padding-left: 40px;
background-image: url(images/design1/erreur.png);
background-repeat: no-repeat;
min-height: 30px;
color: #ff3300;
}
.question
{
margin:10px;
width: 95%;
padding-left: 40px;
background-image: url(images/design1/question.png);
background-repeat: no-repeat;
min-height: 30px;
color: #0080ff;
}
.aligne_gauche
{
text-align:left;
}
.aligne_droite
{
text-align:right;
}
.aligne_centre
{
text-align:center;
}
.aligne_justifie
{
text-align:justify;
}
.aligne_flottantg
{
padding:5px;
margin:5px;
float:left;
}
.aligne_flottantd
{
padding:5px;
margin:5px;
float:right;
}
a.infor {
position: relative;
}
a.infor span {
display: none;
}
a.infor:hover {
background: none;
z-index: 500;
}
a.infor:hover span {
text-decoration:none;
display: inline;
position: absolute;
width:150px;
top: 30px;
left: 20px;
background: white;
color: black;
padding: 3px;
border: 1px solid #ff6600;
border-left: 4px solid #ff6600;
}
a.inforb {
position: relative;
}
a.inforb span {
display: none;
}
a.inforb:hover {
background: none;
z-index: 500;
}
a.inforb:hover span {
text-decoration:none;
display: inline;
position: absolute;
width:550px;
top: 30px;
left: 20px;
background: white;
color: black;
padding: 3px;
border: 1px solid #ff6600;
border-left: 4px solid #ff6600;
}
#overflow100
{
height: 100px;
overflow:auto;
background-color:#F4E5E5;
padding:5px;
margin:15px;
}
#overflowgal
{
margin:auto;
width: 100%;
overflow:auto;
border: 1px solid #ff6600;
}
#overflowfor
{
margin:auto;
width: 100%;
overflow:hidden;
}
#overflow
{
height: 400px;
overflow:auto;
}
#cadre
{
border: 5px black;
margin-top:10px;
padding:5px;
background-color:#F4E5E5;
width:95%;
}
.spoiler2, .cliquable, .spoiler3
{
cursor:pointer;
}
.boutons
{
margin-right: 20px;
}
.barre
{
text-decoration:line-through;
}
#attention
{
margin:5px;
padding:5px;
width: 90%;
padding-left: 40px;
background-image: url(images/design1/attention.png);
background-repeat: no-repeat;
min-height: 30px;
color: #ff6600;
background-color:#F4E5E5;
text-align:center;
background-position:5px 50%;
}
#info
{
margin:5px;
padding:5px;
width: 90%;
padding-left: 40px;
background-image: url(images/design1/info.png);
background-repeat: no-repeat;
min-height: 30px;
color: green;
background-color:#fff;
text-align:center;
background-position:5px 50%;
}
#erreur
{
margin:5px;
padding:5px;
width: 95%;
padding-left: 40px;
background-image: url(images/design1/erreur.png);
background-repeat: no-repeat;
min-height: 30px;
color: #ff3300;
background-position:5px 50%;
}
#reussite
{
margin:5px;
padding:5px;
width: 95%;
padding-left: 40px;
background-image: url(images/design1/info.png);
background-repeat: no-repeat;
min-height: 30px;
color: green;
background-position:5px 50%;
}
#question
{
margin:5px;
width: 95%;
padding-left: 40px;
background-image: url(images/design1/question.png);
background-repeat: no-repeat;
min-height: 30px;
color: #0080ff;
}
.overflow
{	
border: 1px dashed #000000;
padding: 0.2em;
height: 400px;
overflow: auto;
}
#arbre
{
font-size:0.8em;
margin-top:5px;
margin-bottom:5px;
padding:5px;
background-color:white;
}
#creation_nouv a
{
font-size:1,3em;
width: 50%;
display: block;
margin:auto;
margin-top:10px;
margin-bottom:10px;
text-align:center;
border: 1px #d6d6d6 dotted;
padding-left: 40px;
background-image: url(images/design1/nouv_histoire.png);
background-repeat: no-repeat;
text-decoration: none;
min-height: 30px;
background-position:10% 50%;
background-color:#F4E5E5;
}
#creation_nouv a:hover
{
border: 3px black dotted;
}
.decale
{
position: relative;
top: 5px;
}
.titre1_forum
{
font-size:1.5em;
margin-left:40px;
padding-left:5px;
background-color:#BEDBF3;
border-left:3px solid #B5C4D3;
border-bottom:1px solid #B5C4D3;
background:url('images/design1/titre1_degrade') repeat-y;
}
.titre2_forum
{ 
width: 80%;
margin: 0 35px 0 0;
padding: 0;
border: solid #f9a542;
border-width: 0 0 1px 3px;
color: #977d28;
text-indent: 20px;
font-size: 1.2em;
}
.titre3_forum
{
font-weight:bold;
font-size:1.1em;
font-style:italic;
padding-left:20px;
}
.pile
{
display:block;
cursor:pointer;
text-decoration: underline;
color:#5ca4ee;
}
#chapitre
{
text-align:justify;
padding: 0px;
margin: 0px;
}
.par_texte
{
	text-indent: 10px;
	margin-top:15px;
}
.dessous
{
clear: right;
height:0px;
max-height:0px;
width:1
}
.dessousl
{
clear: left;
height:0px;
max-height:0px;
width:1
}

.dessousb
{
clear: both;
height:0px;
max-height:0px;
width:1
}
.spoiler
{
	font-weight: bold;
	display:block;
	width:90%;
	margin:auto;
}
.spoiler2
{
	border:1px dashed #A3C0D5;
	background-color:white;
	width: 90%;
	padding: 5px;
	margin:auto;
	overflow: auto;
}
.spoiler3
{
	visibility: hidden;
}
.cadre_fl
{
color:black;
text-align:justify;
background-color: #FCFFCF;
border: 1px solid #BFBFBF; /
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
}
.flottant_fl
{
clear:right;
margin: 10px;
padding: 5px;
width:25%;
float: right;
border: 1px dotted black;
background-color:white;
}
.close a
{
	display:block;
	width: 14px;
	height: 13px;
	background-repeat: no-repeat;
	background-image:url('images/design1/close.gif');
	float:right;
	position:relative;
	bottom:23px;
	left:1px;
}
.close a:hover
{
	width: 14px;
	height: 13px;
	background-repeat: no-repeat;
	background-image:url('images/design1/close_hover.GIF');
}
#masque
{
}