/* FICHIER design_xs_bleu.css */
/*Site dcanl.free.fr*/
/*David CANNELLE*/

/*Trituré par Romuald BAREILLE*/
/*Site r.bareille.free.fr*/

/* Corps de la page HTML */
body
{
   width: 990px; /* design fixe à 990 px pour une résolution de 1024 */
   margin-left: auto; /* design centré */
   margin-right: auto;
   margin-top: 0px; /* décollé en heut et en bas */
   margin-bottom: 10px; 
   background: url("/commun/img/fond/xs/fond_xs2.gif") repeat-y #A7AEB0 center; /* fond dégradé */
   color: #000000; /* texte en noir */
   letter-spacing: 0.03em; /* augmentation de l'espace entre lettres pour plus de lisibilité */
}

/**********************************************************/

/* Menu déroulant du haut */
#deroul
{
	background: url("/commun/img/menus/menu_deroul5.gif") no-repeat;
    font-family: Verdana, "trebuchet ms", Arial, Helvetica, sans-serif;
    font-size: 11px;
	width: 990px;
	height: 29px;
	list-style-type: none; /* on enlève les puces automatiques des listes */
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -28px;
	padding: 0px;
	border: 0px;
	position: absolute;
	top:160px;
}

/* Les listes à puces du menu (entier) */
#deroul ul
{
    list-style-type: none; /* on enlève les puces automatiques des listes */
	margin-top: 3px;
	margin-left: 165px;
}

/* Les éléments des listes du menu (entier) */
#deroul li
{
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	border: none; /* pas de bordure ! */
}

/* Les liens, visités ou non (pour ne pas changer la couleur lorsque visités) */
#deroul li a:link, #deroul li a:visited
{
	display: block;
	color: #900505;
	background: inherit;  /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
	margin: 0px;
	padding: 4px;
	text-decoration: none;
	font-weight: bold; 
	text-align:center;
}

/* Quand on passe sur un lien du menu déroulant */
#deroul li a:hover
{
    /*background-color: #8EC1F4;*/
	color: #2A5D90;
}

/* Quand un lien reste actif (sélectionné) [rare mais on sait jamais] */
#deroul li a:active 
{
    /*background-color: #5F879D;*/
	color: inherit;  /* Sert à rien, mais si pas mis => avertissement css car background-color défini sans color */
}

/* Quand on passe sur un élément de liste du menu (TOUT 1ER NIVEAU #deroul) */
#deroul li:hover > .sousMenu 
{
    display: block; /* On affiche le sous-menu */
}

/* Les sous-menus du menu déroulant = Les premiers menus qui s'affichent sous les catégories */
#deroul .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* Les éléments de listes de ceux-ci */
#deroul .sousMenu li
{
	float: none;
	margin: 0px;
	padding: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-top: 1px solid #D9D9D9; /* Un petite bordure en haut du texte du menu pour mieux séparer */
	width: 150px;
}

/* Aspect des liens dans les sous-menus */
#deroul .sousMenu li a:link, #deroul .sousMenu li a:visited
{
	display: block;
	color: #FFFFFF;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	background: url("/commun/img/fond/fondTR.png") repeat; /* Un fond png transparent (canal alpha sur l'image) */
	background-color: inherit;
}

/* Quand on passe sur un lien d'un sous-menu */
#deroul .sousMenu li a:hover
{
	background-image: none; /* On vire l'image de fond */
	background-color: #2A5D90;
	color: #839D7E;
}

/**********************************************************/
/* CETTE PARTIE NE FONCTIONNE PAS SUR LES MOZILLA/4.0 */

/* Le deuxième niveau de sous-menu */
li.dossier
{
	position:relative; /* position relative au sous-menu de niveau 1 */
}	

/* Les liens d'accès à ces sous-sous-menus */
li.dossier a
{
	z-index: 10; /* Au premier plan !! */
}

/* Les puces de sous-sous-menus */
li.dossier ul 
{
	position:absolute;
	top: -4px;
	padding: 0px;
	padding-left: 1px;
}

/* Les liens dans ces sous-menus de 2eme niveau */
li.dossier ul a
{
	border-left: 1px solid #D9D9D9; /* bordure à gauche */
}

/* Les listes du 2eme niveau de sous-menu */
li.dossier>ul
{
	left:-15px;
	display:none;
}

/* Quand on passe sur un sous-menu de niveau 1 qui contient un sous-menu de niveau 2 */
.dossier>li:hover, li:hover li:hover ul
{
	display:block; /* On affiche le sous-menu de niveau 2 */
}

/**********************************************************/

/* L'entête (logo) */
#en_tete
{
   width: 1272px;
   height: 160px;
   background-image: url("/commun/img/fond/banniere/xs7.gif");
   margin-top: 0px;
   background-repeat: no-repeat;
   margin-left: -141px;
   /*background-position: 240px 0px;*/
   margin-bottom: 50px;
   z-index:10;
}

/*
#en_tete
{
   width: 999px;
   height: 160px;
   background-image: url("/commun/img/fond/banniere/xs6.gif");
   margin-top: 0px;
   background-repeat: no-repeat;
   margin-left: -5px;
   background-position: 50% 50%;
   margin-bottom: 50px;
   z-index:10;
}
*/

/**********************************************************/

/* Le menu de gauche */
#menu
{
   margin-top: 0px;
   float: left; /* A gauche justement... */
   width: 130px; /* Largeur max */
   
}

/* Les éléments de ce menu (div) */
.element_menu
{
   line-height: 25px; /* hauteur de ligne */
   margin-bottom: 2px;
   text-align: justify;
}

/* Les titres h3 de ce menu (plus gros titre tout en haut du menu) */
.element_menu h3
{   
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #2A5D90;
   font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
   text-align: center;
   margin: 0px;
   margin-bottom: 15px;
   padding: 0px;
}

/* Les titres h4 (grandes parties dans le menu) */
.element_menu h4
{   
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #900505;
   font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
   text-align: center;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 2px;
   margin-top: 10px;
   padding: 0px;
}

/* Les listes du menu */
.element_menu ul 
{
   list-style-image: url("/commun/img/puces/Puce3-moy-rond-violette.gif "); /* L'image de puce */
   font-family: "trebuchet ms", Arial, Helvetica, sans-serif ;
   padding: 0px;
   padding-left: 25px;
   margin: 0px;
   font-size: 13px;
}

/* Les liens du menu */
.element_menu a
{
   background-color: inherit;  /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #2A5D90;
}

/* Quand on passe sur un lien du menu */
.element_menu a:hover
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #452A4D ;
   font-weight: bold; 
}

/**********************************************************/

/* Le corps de la page (div) */
#corps
{
   margin-left: 140px; 
   margin-bottom: 20px;
   margin-top: -43px;
   padding: 5px;
   font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
   text-align: center; /* Texte centré par défaut */
   color: #081F00;
   min-height: 480px;
   font-size: 14px;
   width: 835px;
   background-color: #ECF3F8;/*BCD6D6*/
   border-left: 1px solid #6AB2F8;
}

/* Les liens du corps */
#corps a
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #081F00;
}

/* Quand on passe sur ces liens */
#corps a:hover
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #C34603;
   /*font-weight: bold; */
}

/* Les tableaux du corps */
#corps table
{
   border-collapse:collapse;
   margin:auto;
   color: #000000;
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
}

/* Les formulaires */
#corps form
{
	text-align: left; /* sinon ça reste centré */
}

/* Couleur du texte des cellules des tableaux  contenus dans les formulaires */
form > table > tbody > tr > td
{
	color: #081F00;
	background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
}

.bouton
{
	background-image: url('/commun/img/ElemPages/bouton.png');
}

/* Les titres h1 (titres des grosses catégories du site) */
#corps h1
{
   font-family: Starcraft, "trebuchet ms", Arial, Helvetica, sans-serif;
   color: #830808;
   margin-top: 0px;
   padding-top: 0px;
   text-align: center;
}

/* Titres h1 des erreurs 404 403 500 etc... */
#erreur
{
	color: #905252;
	background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
}

/* Titres h2 du corps */
#corps h2 
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   font-size: 17px;
   margin-bottom: 50px;
   color: #898E79;
   text-align: center;
}

/* Titres h4 */
#corps h4
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   font-size: 15px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   color: #006400;
   text-align: center;
   font-style: italic;
}

/* Les liens dans les tableaux du corps */
#corps table a
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #1F2934;
}

/* La div des news */
.news
{
	background-image: url("/commun/img/news/news_haut_gauche_transparent.png");
	/*background-image: url("/commun/img/fond/FondActu.png"); /* Le fond dégradé */
    background-repeat: repeat-x; /* répétition horizontale */
	font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
	width: 90%; /* Largeur de 80% du corps pour ne pas prendre toute la place */
	margin-left: auto; /* div centrée */
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	/*background-color: #EDF5F8 !important; /* couleur ROUGE moche par défaut (couleur gérée par bdd selon les catégorie de news, affichée via php directement dans le code des pages) */
	color: inherit; /* Sert à rien, mais si pas mis => avertissement css car background-color défini sans color */
	padding-top: 1px;
	letter-spacing: 0.03em; /* Espacement des caractères */
	line-height: 20px; /* hauteur des lignes */
	font-size: 13px;
}

/* Les paragraphes dans les actus (générés par fck) */
.news p
{
	font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
	text-align: justify;
    margin-top:0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
	color: #000000;
}

/* la div de contenu des actus */
.news div
{
	font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
	text-align: justify;
    margin-top:-1px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	background-color:  #E0E3E5 !important; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
	color: #000000;
	border: 1px solid #B5C4D3;
	border-bottom:none;
}

/* Le titre des actus */
.news h3
{
   /*background-color: transparent; /* Pour que le dégradé soit visible sous le texte */

   color: #2C485C ;
   text-decoration: none;
   text-align: center;
   margin-top: 5px;
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 4px;
   padding: 0px;
   font-size: 14px;
}

/* Les liens dans les actus et dans les commentaires */
.news a, .commentaires a
{
   background-color: inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
   color: #1F2934;
   background-image: url("/commun/img/ElemPages/Lien.png"); /* La petite toile à gauche des liens */
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 15px;
}

.news a:hover
{
   font-weight: normal !important;
}

/* Elément ins qui contient la date de parution de l'actu ainsi que les différents outils d'administration lorsqu'on est connecté*/
/* Même élément utilisé pour les outils dans les commentaires */
.news .date
{
	font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #24292E;
	background-color:  #E0E3E5 !important; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
	padding-right: 5px;
	padding-bottom: 5px;
	border: 1px solid #B5C4D3;
	border-top-style: dashed;
}

.commentaires .date
{
	font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #24292E;
	background-color:  inherit; /* Sert à rien, mais si pas mis => avertissement css car color défini sans background-color */
	padding-right: 5px;
	padding-bottom: 5px;
	border: none;
}

/* Les liens dans cette balise ins (outils d'admin) */
.date a
{   
   background-image: none !important;
   padding: 0 !important;
   margin: 0 !important;
}

/* La zone qui contient des commentaires */
#Zone_Com
{
	max-height: 800px; /* Hauteur max de 800 px */
	width: 90%; /* largeur 90%  */
	margin: auto;
	overflow: auto; /* On met un ascenseur */
}

/* Les commentaires eux-mêmes (div) */
.commentaires
{
	width: 700px; /* largeur */
	margin-left: auto; /* centré */
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 0.03em;
	line-height: 20px;
	font-size: 13px;
	border: 1px solid #B5C4D3;
}

/* La div de contenu du commentaire */
.commentaires div
{
	font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
	text-align: justify;
    margin:0px;
	padding: 5px;
	background-color: #C4CBD1;
	color: #24292E;
}

/* Les paragraphes dans les commentaires (générés par fck) */
.commentaires p
{
    margin:0px;
	padding:0px;
}

/* Le titre des commentaires (pseudo + date) */
.commentaires h3
{
   background: url("/commun/img/fond/FondComBleu.png") repeat-x #A2B2BF;
   color: #000000;
   font-family: "comic sans ms", "trebuchet ms", Arial, Helvetica, sans-serif;
   text-align: center;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   font-size: 14px;
}

/* Le formulaire de saisie d'un commentaire */
#AjoutCommentaire
{
	margin-top: 30px;
}

#lecture p
{
    margin:0px;
	padding:0px;
}

#indic_msg
{
	margin-bottom: -20px;
	margin-left: 20px;
	padding-top: 7px;
}

/**********************************************************/

/* Les coins des pages (images = coins arrondis)  ; éléments contenus dans #corps directement*//*
#hautgauche, #hautdroit, #basgauche, #basdroit 
{
   height: 19px; width: 19px;
   background-repeat: no-repeat;
}

#hautgauche 
{
   margin-top: -5px;
   margin-left: -5px;
   background: url(/commun/img/fond/vert/vert_hautgauche.png);
}

#hautdroit 
{
   margin-top: -5px;
   margin-right: -5px;
   float: right;
   background: url(/commun/img/fond/vert/vert_hautdroit.png);
}

#basgauche 
{
   margin-bottom: -5px;
   margin-left: -5px;
   background: url(/commun/img/fond/vert/vert_basgauche.png);
}

#basdroit 
{
   margin-right: -5px;
   float: right;
   background: url(/commun/img/fond/vert/vert_basdroit.png);
}
*/
/**********************************************************/

/* La div de contenu des pages (pas pareil que #corps !!! : #contenu est dans #corps) */
#contenu
{
   margin-bottom: 0px;
   margin-top: 38px;
   margin-left: 0px;
   margin-right: 0px;
   min-height: 480px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 0px;
   padding-bottom: 20px;
}

/**********************************************************/

/* Le pied de page */
#pied_de_page
{
   margin-left: 140px;
   margin-top: -20px;
   font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
   font-size: 9px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 0px;
   padding-top: 20px;
   text-align: center;
   color: #868686;
   clear:both; /* Pour s'aligner sur l'élément précédent (#corps) */
   background-color: #ECF3F8;
   line-height: 16px;
   border-top: 1px solid #6AB2F8;
   border-top-style: dotted;
   border-left: 1px solid #6AB2F8;
}