/*
CTBA INFO
CSS layout_page_article.css
Modele pour les pages articles
(c) 2006 EXILAB Evolution Software
----------------------------------------------------------------*/

/*****************************/
/*         HTML              */
/*****************************/

/*Voir formatage disponible via la CSS general.css*/

/*****************************/
/*       POSITION            */
/*****************************/

#centreur {
	width:960px;
	margin:0 auto;
	background:#6698c5 url(../medias/image/bg_960.gif) repeat-y;
	text-align:left;
}
#centreur .clear {
	clear:both;
}
#centreur .gauche {
	text-align:left;
}
#centreur .centre {
	text-align:center;
}
#centreur .droite {
	text-align:right;
}
#col-gauche {
	width:174px;
	float:left;
}
#col-centre {
	width:600px;
	float:left;
	overflow:hidden;/*bug IE italic*/
}
#col-droite {
	width:186px;
	float:right;
}
/*Bas de page / lien retour haut de page*/
#retour-top {
	clear:both;
	height:41px;
	background:url(../medias/image/bg_bottom.gif) no-repeat;
	text-align:right;
}
#retour-top a {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	color:#00209f;
	text-decoration:none;
	padding-left:10px;
	background:url(../medias/image/red_arrow.gif) left center no-repeat;
}
#retour-top a:hover {
 	text-decoration:underline;
}
#retour-top img#top3 {
	vertical-align:middle;
	margin-right:206px;
}

/*****************************/
/* ZONES EDITABLES VIA XIBUX */
/*****************************/

#banner {
	width:960px;
	height:140px;
	margin:0 auto;
	text-align:left;
}

#navGenH {
	width:960px;
	height:33px;
	margin:0 auto;
	background:#003781 url(../medias/image/navgenh_960x33.gif) no-repeat;
	text-align:left;
}

#navOptH {
	display:none;/*Ne pas modifier*/
}

/*footer : Coordonnees, liens et champ recherche dans la colonne de gauche
  Voir formatage disponible via la CSS general.css*/

/*
content : 
--------------------------------------------------------------------------*/
#content {
	background:#fff url(../medias/image/arrondi_body.gif) left top no-repeat;
	padding:17px 20px 20px 20px;
	text-align:left;
}

/*<div id="liens-pictos">Liens pictos 'envoyer le lien a un ami' et 'imprimer'</div>*/
#liens-pictos {
	float:right;
}
#liens-pictos img {
	display:inline !important;
	margin-left:4px;
}
div.UrlAmi, div.Imprime {
	display:inline;
}

/*<div id="art-theme">Theme de l'article</div>*/
#art-theme {
	height:24px;
}
#art-theme p {
	float:left;
	background-color:#7fa9cf;
	padding:0;
	margin:0;
	line-height:24px;
	font:bold 11px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
}
a.xi-categorie, a.xi-categorie:visited {
	font:bold 11px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
a.xi-categorie:hover {
	text-decoration:underline;
}
#art-theme p img {
	vertical-align:middle;
}

/*<p id="art-infos">Paragraphe date et auteur</p>*/
#art-infos {
	clear:both;
}
/*<a class="xi-dateCreation">Lien de la date de l'article</a>*/
a.xi-dateCreation, a.xi-dateCreation:visited {
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#00209f;
	text-decoration:none;
}
a.xi-dateCreation:hover {
	text-decoration:underline;
}
/*<span class="art-separateur">Element separateur</span>*/
.art-separateur {
	padding:7px;
}
/*<a class="xi-auteur">Lien du nom de l'auteur</a>*/
.xi-auteur {
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#00209f;
}
a.xi-auteur, a.xi-auteur:visited {
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#00209f;
	text-decoration:none;
}
a.xi-auteur:hover {
	text-decoration:underline;
}

/*<p class="chapo" ou class="xi-accroche">Paragraphe chapo</p>*/
.chapo, .xi-accroche {
	font-weight:bold;
	text-align:justify;
}

/*<p class="nota">Paragraphe du nota</p>*/
.nota {
	font-style:italic;
	color:#8C8C8C;
	display:list-item;
	list-style:none;
	padding-left:20px;
}
/*<span class="num-nota">Numero du nota dans le fil de l'article</span>*/
.num-nota {
	font-weight:bold;
}

/*
outils : 
--------------------------------------------------------------------------*/
#outils {
	padding:17px 20px 10px 0;
	background-color:#fff;
	text-align:left;
}
/*Voir general.css pour le formatage des blocs utilisables dans la zone outils
des pages articles et courantes*/


/*****************************/
/*           MENU            */
/*****************************/

/*
MENU GENERAL HORIZONTAL - NavGenH - 1 seul niveau
----------------------------------------------------------------*/

#navGenH ul {
	margin:0 0 0 194px;
}
/*Voir la suite du formatage du menu dans general.css*/


/*THE END*/