/* CSS Document */

body{
background-color: #000000;
background-image: url(images/fond.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
max-height: 800px;
overflow: auto; 
}

#atout {
margin-top:10px;
padding-top: 3px;
padding-bottom: 5px;
width: 890px;
margin-right: auto;
margin-left: auto;
background-image: url(images/annuaire.png);
background-repeat: repeat;
}

#entete-atout {
position: relative;
width: 885px;
height: 200px;
margin-right: auto;
margin-left: auto;
}

#bando {
background-image:url(images/bando.jpg);
background-repeat:no-repeat;
width : 883px;
height: 150px;
margin-right: auto;
margin-left: auto;
}

#menu-atout{
width: 893px;
margin-right: auto;
margin-left: auto;
}

#hierarchie {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
display:block;
margin-bottom: 2em;
font-size: 0.90em;
text-align: left;
margin-top:3px;
color: #FFFFCC;
}

#hierarchie a{
color: #FFFFCC;
text-decoration: underline;
font-size: 10px;
}

#hierarchie a:hover{
color: #FF6600;
text-decoration: underline;
font-size: 10px;
}

.spip_surligne { background: #FF9900; }

#page{
width: 890px;
margin-top:20px;
margin-right: auto;
margin-left: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFCC00;
text-align: justify;
overflow: auto;
}

#menu-annuaire{
background-image: url(images/annuaire.png);
background-repeat:repeat;
position:relative;
float: left;
width: 220px;
min-height: 250px;
}

#contenu{
float: left;
width: 450px;
margin-right: 6px;
margin-left: 10px;
color: #FFFFCC;
font-weight: 200;
}

#contenu a{
color: #FF6600;
text-decoration: none;
font-style: italic;
font-weight: bold;
}

#contenu a:hover{
color: #FFFFCC;
text-decoration: underline;
font-style: italic;
}

#flottante {
background-image: url(images/flottante.png);
background-repeat:repeat-y;
width: 200px;
float: left;
}

#flottante h2 {
font-size: 1.50em;
color: #FFFFCC;
font-style:italic;
font-weight: bold;
text-align:center;
font-family: Georgia, Times, serif;
}

#coup {
color: #FFFFCC;
font-size:12px;
font-style: italic;
padding: 0 5px 0 5px;
texte-align: justify;
}


#coup img {
border: solid 1px #ff6600;
margin-top: 10px;
margin-left: 20px;
}

#flottante hr {
width: 180px;
margin: auto;
}
#contenu h2 {
font-size: 1.50em;
color: #FF6600;
font-style:italic;
font-weight: bold;
text-align:center;
font-family: Georgia, Times, serif;
}

#contenu h1 {
font-size: 30px;
color: #FFFFCC;
font-style:italic;
font-weight: bold;
text-align:center;
font-family: Georgia, Times, serif;
}

#flottante li{
list-style-position: outside;
margin-left: -10px;
text-align:left;
}

#flottante li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFCC;
font-size: 12px;
text-decoration:none;
}

#flottante li a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFCC;
font-size: 12px;
text-decoration:underline;
}

.clear {
clear: both;
}

#pied-atout{
background-image:url(images/pied.png);
	width: 900px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	text-align:center;
}

#pied-atout a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFCC;
text-decoration:underline;
font-size: 10px;
}

hr{
width:400px;
margin-right: auto;
margin-left: auto;
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h2 { font-size: 1.50em; color: #FFFFFF; font-style:italic; font-weight: bold; text-align:center; font-family: Georgia, Times, serif;}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; color: #FF6600; text-align: center; }
h3.spip {} /* Cf.: spip_style.css */


h6{
font-size:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}

/*formulaire contact*/
#contact textarea { width:500px; border: 1px inset; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; padding: 5px; text-align: justify; font-weight: bold; }

/* Habillage des forums */
#reponse {
background-color: #000000;
border: soldid #FFFFFF 1px;
width: 450px;
text-align:justify;
padding: 5px;
}

#reponse .forum-titre a{
color: #000000;
font-weight: bold;
font-size:14x;
}

#reponse .forum-chapo a{
color: #000000;
font-weight: bold;
font-size:16px;
}

#reponse .forum-chapo .small{
color: #000000;
font-weight: bold;
font-size:10px;
}

#reponse li{
list-style:none;
background-color: #000000;
}

#reponse ul.forum { display: block; clear: both; margin: 0; padding: 0; }
#reponse ul.forum, ul.forum ul { list-style: none; }
#reponse .forum-fil { margin-top: 1.50em; }
#reponse .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
#reponse .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; font-style: italic; color: #000000;}
#reponse .forum-texte { margin: 0; padding: 0.50em 1em; color: #FFFCCC; font-style: italic;}
#reponse .forum-texte .hyperlien {}
#reponse .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #FF6600; margin: 0; padding: 0; margin-bottom: 1em;}
ul ul .forum-message { border: 1px solid #FF9900; }
ul ul ul .forum-message { border: 1px solid #FFCC66; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #FFFFCC; }
ul ul ul ul ul ul .forum-message { border: 1px dotted FFFFFF; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
#reponse ul .forum-chapo { border: 0; border-bottom: 2px dotted #000000; margin: 0; padding: 3px 6px 2px 6px; background-color: #FF6600; }
#reponse ul ul .forum-chapo { background-color: #FF9900; }
#reponse ul ul ul .forum-chapo { background-color: #FFCC66; }
#reponse ul ul ul ul .forum-chapo { background-color: #FFCC99; border-bottom: 1px dotted #FFCC00; }
#reponse ul ul ul ul ul .forum-chapo { background-color: #FFFFFF; }

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red; font-weight:bold; text-decoration: none; font-size: 14px; }
sup, sub { font-size: .8em; font-variant: normal; }

.obligatoire {
color: #FF0000;
font-weight: bold;
}

/* ==================    Menu vertical  ==================*/
#menuV ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0px;
	color: #FFFCC;
}
#menuV ul li {
	padding: 0 0 2px 20px;
	vertical-align: bottom;
	font-weight:normal;
	min-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	}
	
	#menuV ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	text-decoration:none;
	color: #FFFFCC;
	}
	
#menuV ul ul {
	margin-left: -15px;
	padding: 0 0 0 5px;
	color: red;
}
#menuV ul.rubriques li {
	background: url(images/rubnormal.jpg) no-repeat;
	color: yellow;
}
#menuV ul.rubriques li.on {
	background: url(images/rubrexpose.jpg) no-repeat;
	color: green;
}
#menuV ul.articles li {
	background: url(images/artnormal.jpg) no-repeat;
	color: blue;
}
#menuV ul.articles li.on {
	background: url(images/artexpose.jpg) no-repeat;
	
}
#menuV li a {
color: #FFFCC;
text-decoration: none;
}

#menuV li.on>a {
	font-weight: bold;
	color: #FF6600;
}

#menuV #titre_annuaire a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color: #FF3300;
font-size:17px;
font-weight:bold;
}

#menuV #titre_annuaire a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
color: #FF3300;
font-size:17px;
font-weight:bold;
}

/*CSS Babibel */
#nav{
margin:0; 
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu #nav ul{top: */
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
padding:0px 5px;
border:1px solid 000000;
color: #FF6600;
font-size:12px;
text-decoration:none;
background-color:#000000;
z-index:9;
}

#nav a:hover{  
background-color:#FF6600;  /*styles des liens actifs*/
color:#000000;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:160px; 			/*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:1.5em; 				/*Position du sous menu par rapport au menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
border-left: 1px solid #FF6600;
border-right: 1px solid #FF6600;
border-top: 1px solid #FF6600;
border-bottom: 1px solid #FF6600;
line-height:1.85em; 	/*hauteur des lignes du sous menu*/
background-color:#000000;
}

#nav li ul a{
width:150px; /*doit etre egale au #nav ul {width: }*/
height:auto;
float:left;
background-color: #000000; /*Couleur de fond des sous menus*/
color:#FF6600; 			/*couleur de police des sous menus*/
}

#nav ul ul{
top:auto;
line-height:1.85em; 	/*hauteur des lignes du sous sous menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}	

#nav li ul ul {
left:150px; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav ul {width:   */
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#nav1{
margin:0; 
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 		/*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu #nav ul{top: */
}

#nav1 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav1 a{
display:block;
padding:0px 5px;
border:1px solid 000000;
color: #42C1FF;
font-size:12px;
text-decoration:none;
background-color:#000000;
z-index:9;
}

#nav1 a:hover{  
background-color: #42C1FF;  /*styles des liens actifs*/
color:#000000;
}

#nav1 li{
float:left;
position:relative;
}

#nav1 ul {
position:absolute;
display:none;
width:160px; 			/*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:1.5em; 				/*Position du sous menu par rapport au menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
border-left: 1px solid #42C1FF;
border-right: 1px solid #42C1FF;
border-top: 1px solid #42C1FF;
border-bottom: 1px solid #42C1FF;
line-height:1.85em; 	/*hauteur des lignes du sous menu*/
background-color:#000000;
}

#nav1 li ul a{
width:150px; /*doit etre egale au #nav ul {width: }*/
height:auto;
float:left;
background-color: #000000; /*Couleur de fond des sous menus*/
color:#42C1FF; 			/*couleur de police des sous menus*/
}

#nav1 ul ul{
top:auto;
line-height:1.85em; 	/*hauteur des lignes du sous sous menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}	

#nav1 li ul ul {
left:150px; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav ul {width:   */
margin:0px 0 0 0px;
}

#nav1 li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav1 li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}