/******************************************** AUTHOR: Samy BOUCHAIB WEBSITE:	
http://pays.auf.org/ TEMPLATE NAME:	CNF VERSION: 1.01 DATE: 11-02-2009 
*******************************************/
 
/********************************************
   ELEMENTS XHTML 
********************************************/

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em Verdana,Tahoma,Helvetica,sans-serif;
	font-family: Verdana,Tahoma,Helvetica,sans-serif;
	color: #666666; 
	background: #EFEFEF; /* OK */
	text-align: center;
}



/***********************
	  Mise en Page
************************/

#tout {
	background:#FFFFFF url(images/fond-principale.gif) repeat scroll 0 0;
	width: 986px; height: 100%; /* OK */
	margin: 5px auto;	
	text-align: left; 
}

#tout-contenu {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
}

/***************** entete *****************/

#entete {
	position: relative;
	height: 113px;
	background: #FFF url(images/top-entete.gif) repeat-x 0% 100%;	/* OK */
}

#topmenu {
	position: relative;
	top: 15px; left: 18px;	
	height: 113px;
	width: 100%;
	text-align: right;
	background:url(images/logo_auf.gif) left top no-repeat;
}

a#lien_logo img{
	left:0;
	position:absolute;
	text-align:left;
}
	
#topmenu ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	position:absolute;
	right:42px; 
}
	
#topmenu li {
	display: inline;
	list-style-type: none;
	color: #929291;
	font-size: 10px;
}
	
#topmenu li a {
	text-decoration: none;
	color: #929291;
	font-size: 10px;
}
	
#topmenu li a:hover {
	text-decoration: underline;
}
	
.titre {
	text-align:left;
	padding-left:224px;
	padding-top:24px;
	font: bold 18px 'Trebuchet MS', Arial, Sans-serif;
}

/***************** entre *****************/


.entre {
  clear: both; 
  background:#80C63C url(images/fond-principale.gif) repeat scroll 0 0;
  height: 5px;
  margin:5px 0 0 0;
  padding:0;
  text-align:left;
}

/***************** principale *****************/

#principale {
	clear: both; 
  background:#FFF url(images/fond-principale.gif) repeat scroll 0 0;
  /* height:200%; */
  margin:0 auto;
  text-align:left;
}

/* Sidebar - Menu vertical */
#sidebar {
	clear: both;
	float: left;
	display: inline;
	width: 227px; /* largeur du menu */
	margin: 0;	padding: 0px;
	margin-top:5px;
			
}
	
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 22px;
	padding:0;		
}
	
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
	
#sidebar ul.sidemenu a { /* Rubriques off */
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #f2f2f2;
	min-height:16px;
}

#sidebar ul.sidemenu li.vide { /* Rubriques vide */
	display:block;
	text-decoration:none;	
	background: #fff;
	min-height:25px;
	border:0;
} 
		
#sidebar li.rub-1 a {
	border-left:4px solid #009EE0;	
}
	
#sidebar li.rub-2 a {
	border-left:4px solid #FFD300;	
}
	
#sidebar li.rub-3 a {
	border-left:4px solid #97BE0D;	
}
	
#sidebar li.rub-4 a {
	border-left:4px solid #6D1E7E;	
}
	
#sidebar li.rub-0 a {
	border-left:4px solid #E32219;	
}
	
#sidebar li.rub-0on a, 
#sidebar li.rub-1on a,
 #sidebar li.rub-2on a, 
 #sidebar li.rub-3on a, 
 #sidebar li.rub-4on a{
	background: #cc3300;
	color: #FFF;
}

#sidebar ul li.sous-rub a { /* Sous Rubriques */
	background: #f2f2f2;
	color: #333;
	list-style-type: none; 
	margin-left: -36px;

}
	
#sidebar ul li.sous-rubon a { /* Sous Rubriques on */
	background: #007282;
	color: #FFF;
	list-style-type: none; 
	margin-left: -36px;

}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar li a:hover, #sidebar ul li a:hover {
	padding:2px 5px 2px 10px;
	background: #cc3300;
	color: #DDD;
	border-left:4px solid #CCC;
}


/* main */
#main {
	float: left;
	margin-left: 5px;
	margin-top:5px;
	padding: 0;
	width: 728px;		
}

/***************** pied de page ***************/

#pied {
	background:#80C63C url(images/fond-principale.gif) repeat scroll 0 0/* OK */;
	margin: 0;
	padding: 5px 0 0 15px;
	font-size: 11px;
	text-align:left;
	color: #FFFFFF;
}

#bas_pied {
	background:#80C63C url(images/bas-pied.gif) repeat-x 0% 100%;	/* OK #E0E0E0*/
	;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
#pied a {
	color:#FFFFFF;
	border-bottom:1px dotted #cc3300; 
	text-decoration:none
}
#pied a:hover {
	color:#FFFFFF;
	border-bottom:1px dotted #cc3300; 
	text-decoration:none
}

#pied_plan {
	text-align:center;
	font-size:10px; 
	color:#FFFFFF;
	overflow:hidden; 
	padding:0 0 10px 0;
	margin-top:5px;
}


#pied_plan h3 a { 
	  font-weight:bold; 
	  text-transform:uppercase; 
	  font-size:10px; 
	  border-bottom:1px dotted #604A7F
}

#pied_plan ul {
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:left;
	line-height: 1.5em;
}

#pied_plan ul li {
	width:140px; 
	float:left; 
	font-weight:bold; 
	margin:0 0 0 20px; 
	padding:0; 
	display:block
}
	
#pied_plan ul li li {
	float:none; 
	font-weight:normal; 
	margin:0px; 
	padding:0 0 0 5px
}


/***************************************
	FORMULAIRE RECHERCHE
***************************************/

#entete form {
	position: absolute;
	right: 24px;
	top: 40px;
}
	
#entete form fieldset {
  	border: none;
  	padding: 0;
  	margin: 0;
}

#entete form input#recherche {
	background:#FFFFFF url(images/ico-search.gif) no-repeat scroll right top;
	width: 124px;
	border: 1px solid #C4C3C1;
	color: #999999;
	font-size: 10px;
	padding: 2px;
	margin: 0;
}
	
#entete form input.submit {
	margin: 0 0 0 -5px;	
	border: 1px solid #C4C3C1;	
	color: #666666;
	background: #E5E5E7;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 1px;
}



/***************************************
	carousel
***************************************/

.carousel_images {
	padding-top: 5px;
	float:left;
	width:720px;
	margin:10px 15px 0 15px;
}

.carousel_images img{
	float:left;
	width: 483px; /* important to be same as image width */
    height: 189px; /* important to be same as image height */
	position: relative; /* important */
    overflow: hidden; /* important */
	float: left;
}
  /**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { 
	position: relative;
	margin: 0;
}

.jcarousel-clip {
	z-index: 2; 
	padding: 0; 
	margin: 0; 
	overflow: hidden; 
	position: relative; 
}

.jcarousel-list { 
	z-index: 1; 
	overflow: hidden; 
	position: relative; 
	top: 0; 
	left: 0; 
	margin: 0; 
	padding: 0; 
}

.jcarousel-item {
	float: left; 
	list-style: none; 
	width: 747px; 
	height: 189px; 
	padding: 0; 
	margin: 0;

}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-skin-tango .jcarousel-container {}
	
.jcarousel-skin-tango .jcarousel-container-horizontal {}
	
.jcarousel-skin-tango .jcarousel-clip-horizontal,
.jcarousel-skin-tango .jcarousel-item {
	width:  747px; 
	height: 189px;
}


/**
 *  Autres
 */
.left {
	display:inline;
	float:left;
	height:189px;
	margin:0;
	padding:0;
	width:483px; 
}

.right {
	display:inline;
	float:left;
	height:182px;
    width:205px;
	margin:0 20px;
	padding:0 5px 5px 5px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#E9EAEA none repeat scroll 0 0;
	border:1px solid #346F97;
}

.clear {clear:both;}

.right h2{
	font-size:14px;
	font-weight:bold;
	margin: 0;
	padding:2px
}

.pres p { 
	color: #346F97; 
	font-size: 12px; 
	line-height: 17px;
	margin: 0;
	padding:2px 
}
 
.pres p a { color: #cc3300 }

.jcarousel-control {
	margin-top: 5px; 
	text-align: right;
}

.jcarousel-control a { 
	font-size: 75%; 
	text-decoration: none;
	padding: 0 5px; 
	margin: 0 0 2px 0; 
	border: 1px solid #E7E7E7; 
	color: #346F97; 
	font-weight: bold; 
	background-color:#FFFFFF
}

.jcarousel-control a:hover {color:#cc3300}

.jcarousel-control a:focus, 
.jcarousel-control a:active {outline: none;}

/*ul {
	list-style-type: none;
	list-style-image: url(../../IMG/jpg/puce.jpg);
}

/* les news */

#rightLeft{
	width:466px; /* largeur de l'entete */
	float:left;
	position:relative; left: 0px;
	margin:0 0 5px 10px;
}

#rightLeft h2{
	width:100%; 
	height:18px; 
	display:block; 
	color:#FFFFFF; 
	font:12px/14px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	background:#cc3300;
	padding:8px 0 0 17px; 
	margin:0 0 2px 0; 
	text-transform:none;
}
	
#rightLeft ul{
	width:483px; /* 466+17 */
	 margin:0px 0px 0px 0px; 
	 padding:0; 
	 display:block;
}
	
#rightLeft ul li{
	background: #FFFFFF url(images/bg-lien.gif); 
	border-bottom:#C9B884 1px dashed;
	padding:5px; 
	margin:2px 0px; 
	display:block; 
	height:58px; 
	font-size:0;
}

#rightLeft ul li:hover {/* Voir aussi main.js pour le hover sous IE6*/
	background: #FFFFFF url(images/bg-lien2.gif);
	border-bottom:#C9B884 1px dashed; 
	padding:5px; 
	margin:2px 0px; 
	display:block; 
	height:58px; 
	font-size:0;
}	
	
#rightLeft ul li.noborder{
	border-bottom:none; 
	padding:0; 
	margin:0; 
	display:block; 
	height:48px; 
	font-size:0;
}

#rightLeft ul li a{
	font:13px/14px Arial, Helvetica, sans-serif;
	color:#4D371E; 
	margin:3px 0 6px 0;
	padding:0; 
	display:block;
	background-image:none;	
	text-align:left; 
	font-weight:normal; 
	width:100%; 
	text-decoration:none;
}

#rightLeft a.more{
	width:32px; 
	background:url(images/more_arrow1.gif) no-repeat 0 0 #FFF9F2; 
	color:#333227; 
	margin:0 0 0 0px; 
	height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-weight:bold; 
	display:block; 
	padding:0 0 0 23px;
	float:right;
}

#rightLeft a.more:hover{
	color:#C01F0B;
	background:url(images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; 
	width:32px;
}

#rightLeft ul li a img {
	border:0;
	width:75px;
	height:50px;
}

/*******************************
Sommaire - les appels d'offres 
 *******************************/ 

/* les news */

#rightright{
	width:200px; /* largeur de l'entete */
	float:right;
	position:relative; 
	left: -15px;
	margin: 0 0 5px 10px;
}
	
#rightright h2{
	width:100%; 
	height:18px; 
	display:block; 
	color:#FFFFFF; 
	font:12px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#007282; 
	padding:8px 0 0 17px; 
	margin:0 0 2px 0; 
	text-transform:none;
}
	
#rightright ul{
	width:217px; /* 100+17 */
	 margin:0px 0px 0px 0px; 
	 padding:0; 
	 display:block;
}
	
#rightright ul li{
	background: #e9eaea; 
	border-bottom:#C9B884 1px dashed;
	padding:5px; 
	margin:2px 0px; 
	display:block; 
	min-height:58px; 
	font-size:0;
}

#rightright ul li:hover {
	background: #d0d0d3;
	border-bottom:#C9B884 1px dashed; 
	padding:5px; 
	margin:2px 0px; 
	display:block; 
	min-height:58px; 
	font-size:0;
}	
	
#rightright ul li.noborder{
	border-bottom:none; 
	padding:0; 
	margin:0; 
	display:block; 
	height:48px; 
	font-size:0;
}

#rightright ul li a{
	font:13px/14px Arial, Helvetica, sans-serif; 
	color:#4D371E; 
	margin:3px 0 6px 0; 
	padding:0; 
	display:block;
	background-image:none;	
	text-align:left; 
	font-weight:normal; 
	width:100%; 
	text-decoration:none;
}

#rightright a.more{
	width:32px; 
	background:url(images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; 
	color:#333227; 
	margin:0 0 0 0px; 
	height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-weight:bold; 
	display:block; 
	padding:0 0 0 23px;
	float:right;
}

#rightright a.more:hover{
	color:#C01F0B; 
	background:url(images/more_arrow1.gif) no-repeat 0 0 #FFF9F2;
	width:32px;
}
	
#rightright ul li a img {
	border:0;
}

	
/* autres */

.spip_documents {
	margin: 8px 8px 16px 8px;
}

a { 
	color: #604A7F; 
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

a img {border:0 none;}

dt a img {border:0 none;padding:0 10px 0 0;}


.float-left img {
	float:left;
	margin:0px 10px 0px 0px;
}



/* -----------------------------------------------
	9. CONTENU PRINCIPAL - Pages niveau 2
 ------------------------------------------------*/
#contenu { 
	margin-left: 242px; 
	margin-right: 25px; 
	padding: 10px 0 1em 0; 
}
	
/* Corrections pour IE6Win\*/
* html #contenu .container { 
	height: 1%; 
}
/* Fin de la correction */

/* Fil d'Ariane */
#contenu p.ariane {
	margin: 8px 3px 5px 0; 
	text-align: left;
}
	
#contenu p.ariane a, 
#contenu p.ariane a:link, 
#contenu p.ariane a:hover,
#contenu p.ariane a:visited {
	color: black; 
	margin: 0;
}

#contenu p.ariane a:hover{
	text-decoration:underline
}

#contenu p.ariane a:active {
	font-weight: normal;
}
	
/* Titre de page */
#contenu h2 { 
	font-size: 135%; 
	font-weight: bold; 
	color: white; 
	position: relative;
	background-color: #cc3300; 
	padding: 3px 3px 3px 45px; 
	margin: 0;
	/*width:576px;*/
} 

/* Chevron de titre */
#contenu h2 strong {
	position: absolute; 
	left: 10px!important; 
	left: -35px; 
	top: 3px;
}
#contenu h3 {
	font-size: 13px;
	font-weight: bold;
	color: #01AEEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	/*width:576px;*/
} 

#contenu table {
	margin: 0; 
	width: 718px;
}

/* Boite logo, date, auteur de l'article */
#contenu #boite-logo-article,
#contenu #boite-logo-rubrique {
	width: 162px; 
	display: block; 
	float: right; 
	margin: 0 0 20px 20px; 
	background-color: #C9D1D1; 
	line-height: normal;
}

/* Logo */	
#contenu #boite-logo-article img { 
	margin: 8px 0 0 8px; 
	border: 1px solid black;
}

#contenu .date {
	margin: 5px 0 5px 10px; 
	padding: 0; 
	font: 12px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}

#contenu .auteur-titre {
	margin: 0 10px; 
	font: 10px Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}

#contenu .auteur {
	margin: 0 3px 5px 10px;
}

#contenu .impressionfr a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/imprimablefr-normal.gif) no-repeat left top;
}

#contenu .impressionfr a:hover { 	
	background: url(images/imprimablefr-hover.gif) no-repeat left top;
}

#contenu .impressionen a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/imprimableen-normal.gif) no-repeat left top;
}

#contenu .impressionen a:hover { 
	background: url(images/imprimableen-hover.gif) no-repeat left top;
}

#contenu .page-impressionfr a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionfr-normal.gif);
	width: 162px; /* Largeur de l'image */
	height: 32px; /* Hauteur de l'image */
}
	
/* Bouton impression en français au survol */
#contenu .page-impressionfr a:hover { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionfr-hover.gif);
}

/* Bouton impression en anglais */
#contenu .page-impressionen a { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionen-normal.gif);
	width: 162px; /* Largeur de l'image */ 
	height: 32px; /* Hauteur de l'image */
}

/* Bouton impression en anglais au survol */
#contenu .page-impressionen a:hover { 
	display: block; 
	width: 162px; 
	height: 32px; 
	background: url(images/impressionen-hover.gif);
}

#contenu .texte { 
	margin-top: 0; 
	padding: 10px 20px; 
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #E9EAEA; 
	color: black; 
}

#contenu .texte p.spip {
	margin: 0 0 1em 0; 
	background-color: #E9EAEA;
}

td#texte-article {
	background-color: #E9EAEA;
}

#contenu .item {
	clear: right;
}

#contenu .soustitre {
	font-weight: bold;
}

/* Boites de contenu dans les squelettes rubriques */
#boite-srubrique-rubrique, 
#boite-liens-rubrique, 
#boite-syndic-rubrique { 
	margin: 15px 0; 
	padding: 0; 
}

/* Bordure boite de rubriques et d'articles */
#boite-srubrique-rubrique ul{
	border: 1px solid #DDDDDD;
}	
	
/* Bordure boîte liens*/
#boite-liens-rubrique { 
	border: 1px solid #027F02;
}

/* Bordure boîte liens syndiqués */
#boite-syndic-rubrique { 
	border: 1px solid #FFC200; 
}

#boite-syndic-rubrique p {
	margin: 1em;
}

/* Titre h3 sous-rubrique et article*/
#boite-srubrique-rubrique h3, 
#boite-articles-rubrique h3 {
	color: #cc3300; 
	font-size: 13px; 
	margin-left: 10px;
}

/* Titre h3 rubrique liens*/
#boite-liens-rubrique h3 { 
	color: #027F02; 
	font-size: 13px;
	margin-left: 10px;
}

/* Titre h3 rubrique liens syndiqués*/
#boite-syndic-rubrique h3 {
	color: #FFC200; 
	font-size: 13px; 
	margin-left: 10px; 
	position: relative;
}

#boite-syndic-rubrique h3 em a { 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 11px; 
	position: absolute;  
	top: 2px; 
	left: 340px; 
	text-decoration: none; 
	color: #FFC200;
}
	
#boite-srubrique-rubrique ul, 
#boite-liens-rubrique ul, 
#boite-syndic-rubrique ul {
	margin: 0; padding: 0;
}
	
#boite-srubrique-rubrique li, 
#boite-liens-rubrique li, 
#boite-syndic-rubrique li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
	
#boite-srubrique-rubrique li a, 
#boite-srubrique-rubrique li a:link, 
#boite-srubrique-rubrique li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	background: url(images/puce-articles-Srubrique-normal.gif) no-repeat 5px 5px; 
	color: #7A7A7A;
}
	
#boite-srubrique-rubrique li a:hover { 
	text-decoration: none; color: black;
	background: url(images/puce-articles-Srubrique-hover.gif) no-repeat 5px 5px;
}
	
#articles li a, 
#articles li a:link, 
#articles li a:visited{
	display: block; 
	padding: 5px 10px 5px 23px; 
	background: url(images/puce-articles-rubrique-normal.gif) no-repeat 5px 8px; 
	color: #7A7A7A;
}
	
#articles li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/puce-articles-rubrique-hover.gif) no-repeat 5px 8px;
}
	
#boite-liens-rubrique li a, 
#boite-liens-rubrique li a:link, 
#boite-liens-rubrique li a:visited {
	display: block; padding: 5px 10px 5px 23px; 
	background: url(images/puce-liens-rubrique-normal.gif) no-repeat 5px 8px; 
	color: #7A7A7A;
}
	
#boite-liens-rubrique li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/puce-liens-rubrique-hover.gif) no-repeat 5px 8px;
}
	
#boite-syndic-rubrique li a, 
#boite-syndic-rubrique li a:link, 
#boite-syndic-rubrique li a:visited {
	display: block; 
	padding: 5px 10px 5px 23px; 
	background: url(images/puce-syndic-rubrique-normal.gif) no-repeat 5px 8px; 
	color: #7A7A7A;
}
	
#boite-syndic-rubrique li a:hover { 
	text-decoration: none; 
	color: black;
	background: url(images/puce-syndic-rubrique-hover.gif) no-repeat 5px 8px;
}
	
#boite-articles-rubrique li.recherche-liste-sites a {
	background: url(images/puce-liens-rubrique-normal.gif) no-repeat 5px 8px;
}

#boite-articles-rubrique li.recherche-liste-sites a:hover {
	background: url(images/puce-liens-rubrique-hover.gif) no-repeat 5px 8px;
}

/* Contenu boite de documents */
#documents_boite { 
	width: 100%;
	margin-top: 15px; 
	padding-left: 15px;
}

#documents_boite h3 {margin: 0;}

#documents_boite dl {
	margin: 5px; 
	padding: 10px; 
	float: left;
}

#documents_boite dt{
	float: left;
}

#documents_boite dd{
	margin: 0px; 
	float: left;
}

#documents_boite documents_boite {float: left;}

#documents_boite dd a {color: #666666;}

#documents_boite dd a:hover {
	color: #000000; 
	text-decoration: none;
}

/* Plan du site */
#plan {
	margin-top: 20px;
}
	
#plan ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	color: #666666;
}
	
#plan ul ul li { 
	background: url(images/plan-puce.gif) no-repeat; 
	margin: 0; 
	padding: 6px 0 0 36px; 
}
	
#plan ul ul li.dernier { 
	background-image: url(images/plan-dernier.gif); 
}
	
#plan a, #plan li a {
	color: #666;
}
	
#plan a:hover, 
#plan li a:hover {
	color: #0066CC;
}
	
/* Correction du bug de 3px sous IE/Win 5 et 6. Voir à ce sujet :
   http://www.positioniseverything.net/explorer/threepxtest.html
   IE5-Mac ne voit pas cette correction \*/
* html #documents_boite dt { margin-right: 5px;}

* html #documents_boite dd { height: 1%; margin-left: 0; }
/* Fin du code non visible pour IE MAC 5.2 */
.logo_document {
	float: left;
}

.logoArticle {
	background-color: #C9D1D1;
}

.titre_resultat_recherche { 
	color: #1D4D9E;
}

/* Forum d'article */
.spip_barre {
	display: none;
}

.spip_encadrer table { 
	display: none;
}

.spip_encadrer td { 
	padding-top: 5px;
}

#message-forum {
	border: 1px solid #666666; 
	padding: 5px 15px; 
	margin-top: 20px; 
	margin-bottom: 30px; 
}
	
#message-forum ul {
	padding: 0; 
	margin: 0; 
	list-style-type: none;
}
	
#message-forum li {
	margin-bottom: 15px; 
}
	
#message-forum h3, 
#formulaire-forum h3 a, 
h3 a.repondre, 
#documents_boite h3 {
	color: #1D4D9E; 
	font-size: 13px;
}
a.repondre {
	text-decoration: underline; 
	padding-left: 15px; 
	padding-top: 30px;
}
	
#message-forum h4 {
	margin: 0;  
	font-size: 13px;
}
	
#message-forum .date-auteur {
	color:#333333;
}
	
#message-forum a {
	color: #666666; 
	text-decoration: underline; 
}
	
#formulaire-forum {
	border: none; 
	padding: 15px;  
	width: 493px;
	margin: 0; 
	background-color: #F0F0F0; 
	text-align: left;
}
	
#formulaire-forum form {
	border: none;
}
/* Correction pour IE6 \*/
#formulaire-forum {
	width: 490px;
}
/* Fin de la correction pour IE6 */
#formulaire-forum fieldset {
	border: none;
}
	
#formulaire-forum textarea {
	width: 480px; 
	border: none;
}
	
#formulaire-forum input {
	border: none;
}
	
#formulaire-forum .spip_bouton {
	background-color: #1D4D9E; 
	font-family: Arial, Helvetica, sans-serif; 
	color: white; 
	font-size: 11px; 
	border: none; 
	padding: 3px 15px; 
}
	
#stats img {
	display: none;
}

#contenu form {
	margin-top: 0; 
	position: relative; 
	color: black; 
	text-align: left;
}
	
#contenu .forml {
	width: 450px; 
	border: 1px solid #BABABA; 
	height: 20px; 
	margin: 5px 0;
}

/* Alternance de couleur pour les listes */	
.pairs {
	display: block; 
	background: #F5F5F7;
}
	
.impairs {
	display: block; 
	background: #FFFFFF;
}


/* ------------------------------------------
/* Habillage contact
/* ------------------------------------------ */

.rubrique{
	/*width:700px;  largeur de l'entete */
	float:left;
	margin:0 0 5px 0px;
}
	
.rubrique h2{
	width:100%;
	height:18px; 
	display:block; 
	color:#FFFFFF; 
	font:12px/14px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	background-color: 
	#cc3300; 
	padding:8px 0 0 17px; 
	margin:0 0 2px 0; 
	text-transform:none;
}
	
.rubrique ul{
	 width:700px;  /*466+17 */
	 margin:0px 0px 0px 0px; 
	 padding:0; 
	 display:block;
}
	
.rubrique ul li{
	background-color: #e9eaea; 
	border-bottom:#C9B884 1px dashed;
	padding:5px; 
	margin:2px 0px; 
	display:block;  
	font-size:0; 
	/* height:170px; */
}

.rubrique ul li:hover {
	background-color: #d0d0d3;
}	
	
.rubrique ul li.noborder{
	border-bottom:none; 
	padding:0; 
	margin:0; 
	display:block; 
	height:48px; 
	font-size:0;
}
	
.rubrique ul li a{
	font:13px/14px Arial, Helvetica, sans-serif; 
	color:#4D371E; 
	margin:3px 0 6px 0; 
	padding:0; 
	display:block;
	background-image:none;	
	text-align:left; 
	font-weight:normal; 
	width:100%; 
	text-decoration:none;
}
	
.rubrique a.more{
	width:32px; 
	background:url(images/more_arrow1.gif) no-repeat 0 0 #FFF9F2; 
	color:#333227; 
	margin:0 0 0 0px; 
	height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-weight:bold; 
	display:block; 
	padding:0 0 0 23px;
	float:right;
}
	
.rubrique a.more:hover{
	color:#C01F0B; 
	background:url(images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; 
	width:32px;
}
	
.rubrique ul li ul{
	font:13px/14px Arial, Helvetica, sans-serif; 
	color:#4D371E; 
	margin:3px 0 6px 0; 
	padding:0; 
	display:block;
	background-image:none;	
	text-align:left; 
	font-weight:normal; 
	width:100%; 
	text-decoration:none;
}

#contenu table.contact {
	margin: auto; 
	margin : 1em 0 1em 0;	
	border: 1px solid #cec9c7;	
	border-collapse: collapse; 
	text-align: left; 
	background-color: #F5F5F5;
	color:#333333;
}

#contenu table.contact td { 
	padding: 6px; 
	vertical-align: top;
	border: 1px dashed #cec9c7; 
	line-height: 15px; 
	text-align: left
}

#contenu table.contact td.attribut { 
	background-color: #DBD8D6; 
	font-weight: bold;
	width:115px;
}
	
#contenu table.contact td.donnee { 
	background-color: #F5F5F5
}

/*********************************/
/*  UTILITAIRES FACEBOX  */
/*********************************/
#facebox {position: absolute;width: 100%; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .b {background:url(images/facebox/b.png);}
#facebox .tl {background:url(images/facebox/tl.png);}
#facebox .tr {background:url(images/facebox/tr.png);}
#facebox .bl {background:url(images/facebox/bl.png);}
#facebox .br {background:url(images/facebox/br.png);}
#facebox .popup {position: relative;}
#facebox table {margin: auto; border-collapse: collapse;}
#facebox .body {padding: 10px; background-color:#ffffff; }
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 5px; width: 5px;overflow: hidden;padding: 0;}
#facebox .navigation{float:left;text-align: right;}
#facebox .btClose{float:right;text-align: right;}
#facebox .lien{font-weight:bold;font-size:14px;cursor: pointer;}
#facebox .diaporama{width: 450px; height: 390px;text-align: center;font-weight: normal;font-size:11px;line-height: 12px; color:#4C4031;}
.envoyerEmail {width:370px;background: #F7F7F7;margin: 0 auto; padding:5px;}
.envoyerEmail input{width: 200px;margin: 0; padding: 0;border: 2px solid #E1D5D1;background: #FFFFFF; color:#000000;}
.envoyerEmail textarea{width: 345px;height: 100px;border: 2px solid #E1D5D1;background-color: #ffffff; border-width: 1px;color:#000000;}
.envoyerEmail .input_button {width: 100px;margin: 0; padding: 0;border: 1px solid #cc3300;background:#cc3300;color:#FFF; float:right;}
.envoyerEmail .table_formulaire {width: 100%;margin: 0; padding: 0;border-collapse: collapse;}
.envoyerEmail .table_formulaire td {border: 0; vertical-align:middle;padding:3px 5px 3px 5px;color:#575757;font-size:12px; line-height: 14px;}
.envoyerEmail .left_td{width: 130px;color:#575757;font-size:12px; line-height: 14px;padding:3px 5px 3px 5px;}
* html .left_td{width: 140px;}/*IE 6 HACK !important*/
*:first-child+html .left_td{width: 140px;}/*IE 7 HACK !important*/
#facebox .fiche { width:500px; border: 1px solid  #E1D5D1; margin-bottom:10px;}
#facebox .fiche_imp { font-size: 10pt; padding: 10px 10px 10px 10px; margin:1px; text-align:left; background-color:#F1F1F1;}
#facebox .fiche_imp table { width: 100%; border-collapse:collapse;}
#facebox .fiche_imp table td  { vertical-align: top; font-size: 10pt; }


.pagination{text-align:center;}

/* Classes générées par SPIP */

#sidebar li.rub-boite-projet { /* Rubriques off */
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #f2f2f2;
	min-height:16px;
} 

#sidebar li.rub-boite-projet a:hover, 
#sidebar ul li.rub-boite-projet a:hover {
	padding:2px 5px 2px 10px;
	background: #CCC;
	color: #000;
	border-left:4px solid #f2f2f2;
}