@charset "UTF-8";
/* CSS Document */

body  {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 15px;
}

a:link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #E20025;
}
a:active {
	text-decoration: none;
	color: #E20025;
}

.thrColAbs #container {
	position: relative; /* le paramtre position: relative permet de positionner les deux encadrs par rapport  ce conteneur */
	width: 950px; /* les marges automatiques (et dotes d'une largeur positive) centrent la page */
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
} 

    /* Conseils pour obtenir un positionnement absolu des encadrs :

    1. Les lments  positionnement absolu (AP) doivent recevoir une valeur pour le haut et l'un des cots, droit ou gauche. (Par dfaut, si aucune valeur n'est donne  l'attribut haut (top), l'lment AP apparat directement aprs le dernier lment, dans l'ordre dans lequel le code source de la page est interprt. Autrement dit, si les encadrs sont le premier lment dans l'lment #container (dans l'ordre du code source de la page), ils apparatront en haut de l'lment #container si aucune valeur n'a t donne  leur attribut haut (top). Toutefois, si pour une raison quelconque leur code est par la suite dplac dans le code source, ils doivent recevoir une valeur pour l'attribut haut (top) pour apparatre l o vous le souhaitez.

    2. Les lments  positionnement absolu (AP) sont extraits du flux du document. Cela signifie que les lments qui les entourent ne savent pas qu'ils existent et ne les prennent pas en compte lorsqu'ils s'affichent dans leur propre espace dans la page. C'est pourquoi un lment div  positionnement absolu ne doit tre utilis comme colonne latrale que si vous tes absolument sr que l'lment div #mainContent de la colonne du milieu contiendra toujours la plus grande partie du contenu. Si l'un des encadrs venait  contenir plus de contenu, il dborderait de la base de l'lment div parent et n'apparatrait plus tre un sous-lment de celui-ci.

    3. Sous rserve que les critres mentionns ci-dessus soient respects, des encadrs  positionnement absolu permettent de contrler facilement l'ordre du code source du document.

    */

.thrColAbs #sidebar1 {
	position: absolute;
	left: 0px;
	width: 170px;
}

.thrColAbs #sidebar2 {
	position: absolute;
	width: 170px;
	right: 0px;
}

.thrColAbs #mainContent {
	position: absolute;
	margin-left: 185px;
	margin-right: 185px;
	width: 580px;
}

#footer {
	font-size: 0.75em;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #E20025;
	padding-left: 0px;
	padding-right: 0px;
	/*width: 560px;*/
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
	line-height:2em;
	
}
#footer a:hover {
	color: #999999;
}



#logo {
	height: 170px;
	width: 170px;
}
dl, dt, dd, ul, li {
	padding: 0;
	list-style-type: none;
	margin: 0;
}
#menu {
	top: 180px;
	position: absolute;
	width: 170px;
}

#menu .current {
	color:#E20025;
}

dl#menu dt {
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: pointer;
	padding-left: 10px;
	letter-spacing: -1px;
}
dl#menu li {
	text-align: left;
	padding-bottom: 5px;
	line-height: 1em;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 0.8em;
	background-color: #777777;
}
dl#menu li a, dl#menu dt a {
	text-decoration: none;
	height: 100%;
	color: #FFFFFF;
	display: block;
	width: 148px;
}

.Annuaire  {
	background-color: #666666;
	color:#333333;
}

.Autres  {
	background-color: #000000;
	color: #FFFFFF;
}

.Membres  {
	background-color: #FFF;
	color:#333333;
}

#menu .Actus_publ  {
	background-color: #FFF;
	color:#333333;
}

#menu .Actus_blklink {
	color:#333333;
}

#menu .membre_menu {
	color:#333333;
}


dl#menu li a:hover, dl#menu dt a:hover {
	color: #E20025;
}

#connexion {
	line-height: 1.1em;
	text-align: left;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	padding-right: 10px;
	font-size: 0.8em;
	height: 160px;
}

#recherche {
	/*line-height: 1em;
	text-align: left;
	font-weight: bold;*/
	margin-bottom: 2px;
	margin-top: 2px;
	font-size: 1em;
	/*padding-left: 10px;*/
	
	/*letter-spacing: -1px;
	background-color: #FFFFFF;*/
	background-color:#000000;
	
	padding:2px 5px 2px 2px;
}

#saif {
	line-height: 1em;
	text-align: justify;
	margin-top: 5px;
	font-size: 0.8em;
	padding-bottom: 5px;
	/*padding-top: 5px;*/
	/*padding-left: 10px;
	padding-right: 10px;*/
	background-color: #FFFFFF;
	margin-bottom: 15px;
}

/* Interfrence avec tous les form si utilise un tel nom
form {
	margin: 0;
	padding: 0;
	width: 140px;
	margin-top: 4px;
	text-align: left;
}
*/

.Champs {
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	/*background-image: url(../img/coin.jpg);*/
	background-repeat: no-repeat;
	padding-left: 5px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	width: 140px;
}

#actu {
	/*position: relative;*/
}

.Image-actu {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#titre-actu {
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	letter-spacing: -1px;
	background-color: #E20025;
}

#boite-actu {
	text-align:justify;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
	border-bottom: 1px dotted #1B1E18;
	/*line-height: 1.1em; // A retirer pour IE 7 */
}

#boite-actu img {
	/*float: left;*/
	margin-right: 10px;
	margin-bottom: 5px;
}

#boite-actu h1 {
	text-align:left;
}



#partenaires {
	position: relative;
	font-weight: bold;
}

#titre-partenaires {
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	letter-spacing: -1px;
	background-color: #E20025;
}

#titre-partenaires a {
	color:#000000;
}

#titre-partenaires a:visited {
	color:#000000;
}

#titre-partenaires a:hover {
	color:#FFFFFF;
}

#boite-partenaires {
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
	line-height: 1.1em;
}

.Image-partenaires {
	border-bottom: 1px dotted #1B1E18;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*
#contenu {
}
*/ 
#titre-contenu {          /* REACTIV */
	font-size: 2.1em;
	font-weight: bold;
	line-height: 0.8em;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: -2px;
	background-color: #E20025;
	color: #000000;
	text-transform: lowercase;
}
/*
#boite-contenu {
	color: #000000;
	font-size: 0.8em;
	line-height: 1.2em;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	background-image: url(../img/coin.jpg);
	background-repeat: no-repeat;
}
*/

#contenu {
}
/*
#titre-contenu {            DESACTIV 
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	letter-spacing: -1px;
	background-color: #E20025;
}
*/
#contenu .boite-contenu {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
	border-bottom: 1px dotted #1B1E18;
	line-height: 1.1em;
	/*background-image: url(../images/coin.jpg);*/
	background-repeat: no-repeat;
}

#contenu .boite-contenu_nopad { /* Ajout ACABOT -> Pour les annuaires et actu, je retire le remplissage droite */
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
	padding-left: 10px;
	font-size: 0.8em;
	border-bottom: 1px dotted #1B1E18;
	line-height: 1.1em;
	/*background-image: url(../images/coin.jpg);*/
	background-repeat: no-repeat;
	/* Fixe la hauteur et le scroll*/
	height:480px; 
	overflow:auto;
}

#contenu .boite-contenu_nopad .titre_site { /* CHANGEMENTS */
	font-weight:bold;
	line-height: 1em;	/*width:auto;*/
	text-transform: uppercase;
}

#contenu .boite-contenu h1 {    /* CHANGEMENTS */
	margin-top:0.5em;
	color:#E20025;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: bold;
	margin-bottom: 0.2em;
}

#contenu .boite-contenu blk {    /* CHANGEMENTS */
	margin-top:0.5em;
	color:#000;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: bold;
	margin-bottom: 0.2em;
}

/*
#contenu .boite-contenu h1 {    
	margin-top:0.5em;
	color:#000;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-weight: bold;
	margin-bottom: 0.2em;
}
*/

#contenu .boite-contenu h2 {     /* AJOUT */
	color:#333333;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

#contenu .boite-contenu h3 {     /* AJOUT */
	color:#666666;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

#contenu .boite-contenu label {     /* AJOUT ACABOT 30/09 */
	color:#000;
	float: left;
	width: 40%;
	text-align: right;
	line-height: 1.6em;
	font-weight:bold;
}

#contenu .boite-contenu .titre_site { /* CHANGEMENTS */
	font-weight:bold;
	line-height: 1em;	/*width:auto;*/
	text-transform: uppercase;
}

#contenu .boite-contenu .url_site {
	color:#999999;
	font-size: 1em;
	line-height: 1em;
}

#contenu .boite-contenu .desc_site {
	clear:both;
}

#contenu .boite-contenu .vignette {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#contenu ul li { 
	margin: 1em 1em 1em 5em;
	}

#contenu li {
	list-style:square;
}

#contenu .boite-contenu .bk_toc { /* CHANGEMENTS */
	font-weight:bold;
	line-height: 1em;	/*width:auto;*/
	text-transform: uppercase;
	color:#999999;
	text-align:right;
	display:block;
}

#boite-diapo {
	margin-bottom: 15px;
}



.Bold {
	font-weight:bold;
}

.Exergue {
	font-weight:bold;
	color:#E20025;
}

.Barre {
	color:#000000;
}

.Selection {
	border-left: 5px solid #FF0000;
	padding-left: 7px;
}




a img {
border:0;
}

                        /* J'AI SUPPRIM H1 ET H2 QUI TAIENT PLAC ICI */

p {
	margin-bottom: 0px;
	margin-top: 0px;
}


.fltrt { /* cette classe permet de rendre flottant le ct droit d'un lment dans la page. L'lment flottant doit prcder l'lment  ct duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* cette classe permet de rendre flottant le ct gauche d'un lment dans la page */
   float: left;
   margin-right: 8px;
}

/*
a{outline: none;}
:focus{-moz-outline-style: none;}
*/

.surligne {
	background-color:#FF3333;
}

/* Mise en forme des annonces */

#annonce_a {
	color:#FFF;
	width:580px;
	background-color: black ;
	margin-bottom: 15px;
	overflow:hidden;
}

#annonce_a a {
	text-decoration:none;
	color:#CCC;
}

.contenu_annonce_a {
	width:468px;
	height:60px;
	color:silver;
	margin-left: auto; 
  	margin-right: auto;
}

#annonce_b {
	width:170px;
	height:150px;
	background-color: white ;
	padding-top:20px;
}

.contenu_annonce_b {
	width:125px;
	height:125px;
	color:red;
	margin-left: auto; 
  	margin-right: auto;
}

.vignette_membre {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.categorie_article {
	font-size:120%;
}