/*-----------------------------------------------------------------------------------
	DEFAULT
-----------------------------------------------------------------------------------*/
*{ margin: 0; padding: 0; }
body { 
	background: #fff url(./images/background.jpg) repeat-x;
	font: .7em Arial, Sans-serif ;
}
#content {
	width: 944px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background: url(./images/header.png) no-repeat 0px 1px;
	height: 126px;
}
#special-event {
	width:180px;
	height:30px;
	margin-left:760px;
	margin-top:-25px;
}
a {text-decoration:none; outline:none; color:black;}
a:hover {text-decoration:underline;}
img {border:0;}
h1 {
	font-size:20px;
	color:#0068B1;
	font-weight:bold;
}
h2 {
	font-size:16px;
	color:black;
	font-weight:bold;
}
hr {
	width: 717px ;
	height: 5px;
	background: url(./images/hr.gif) no-repeat ;
	border:0 ;
	margin-right: auto ;
	margin-left:auto ;
}
.spip-admin-float { display:none; }
.spip-debug { display:none; }
.mechant-ie {
        width:944px;
	margin-left:auto;
	margin-right:auto;
	padding:1px;
        border:3px solid red;
	text-align:center;
	font-weight:bold;
}
/*-----------------------------------------------------------------------------------
	HEADER
-----------------------------------------------------------------------------------*/
#topMenu {
	padding-top: 10px ;
	width:420px;
	float:right;
}
	#topMenu li {
		list-style-type: none; 
		display:inline; 
		font-size: 12px ;
		font-weight: bold;
		padding-right: 16px ;
	}
	#topMenu a {	
		text-decoration:none; 
		color:black;
	}
	#topMenu a:hover {color:gray;}
#date {
	padding-top:105px ;
	padding-left:450px;
	font-weight:bold;
}
	#date:first-letter {text-transform: uppercase;}

/*-----------------------------------------------------------------------------------
	SUB HEADER
-----------------------------------------------------------------------------------*/
#news, #aNePasManquer {
	padding-top:25px ;
	width: 465px;
	height:121px ;
	background: url(./images/subHeader-bg.gif) no-repeat ;
	background-position: right bottom; 
}
	#news {	float:left;	}
	#aNePasManquer {	float:right;}
	.headImg {margin-top: -6px; }

	.news-contenu {
		padding-left:20px ;
		font-size: 12px ;
		line-height: 12px ;
	}

/*-----------------------------------------------------------------------------------
	MAIN CONTAINER
-----------------------------------------------------------------------------------*/
#main { padding-top:12px; width:944px; clear:both; }
	/* Menus de gauche */
	#main-left {
		width:174px; 
		min-height:415px; 
		float:left; 
		overflow:hidden;
		background: url(./images/accesrapide-bg.gif) repeat-y ;
	}
		#main-left-text {
			min-height:369px;
		}
			.main-left-txt-head {
			background:#D5E6F2;
			font-size:18px;
			font-weight:bold;
			height:22px;
			text-align:center;			
			}
			.main-left-txt-sub {
			font-size:13px;
			margin-left:10px;
			margin-top:5px;
			margin-bottom:5px;
			}
	/* Conteneur du milieu */
	#main-middle {
		width:576px; 
		min-height:415px; 
		float:left; 
		overflow:hidden;
	}
		/* Partie alertes securite */
		#alerteSecu {
			height:27px;
			width:561px;
			padding-top:3px;
			margin-top:2px;
			margin-left: auto;
			margin-right: auto;
			/*border: 1px black solid;*/
		}
			#alerteSecu-main {
				float:left ;
				color:#000 ;
				width:429px;
				text-align:center ;
				/*font-size:14px ;
				background: url(./images/alerte-bg.gif) no-repeat ;
				background-position: left bottom;
				line-height: 27px;*/
				}
			#alerteSecu-main a {color:#fff;}
			#alerteSecu-main a:hover {text-decoration:none;}
			/* #alerteSecu-more {	float:right ;		} */
			/* Partie "A la une" defilement auto*/
			#aLaUne {
				border:1px solid black ;
				width: 561px ;
				height: 132px ;
				margin-top:8px;
				margin-left: auto;
				margin-right: auto;
			}
			/* Promos du moment*/
			#promosDuMoment {
			
			}
	/* Menus de droite */
	#main-right {
		width:194px; 
		min-height:514px; 
		float:right;  
		overflow:hidden;
	}
			#faq {
				height:194px;
				background:url(./images/faq-bg.gif) no-repeat ;
			}
				#faq img {
					margin-top:4px;
					margin-left:6px;
				}
				#faq-txt {
					margin-left:20px;
					font-size:12px;
					line-height:200%;
				}
			#rechercher-r {
				clear:both;
				margin-top:13px;
				height: 91px;
				background:url(./images/recherche-bg.gif) no-repeat ;
			}
				#rechercher-r img {
					margin-top:-1px;
					margin-left:6px;
				}
				#rechercher-r-txt {
					margin-left: 16px;
					font-size:12px;
					line-height:250%;				
				}
				#searchbox {
					background:url(./images/search-fond.gif) top left no-repeat;
					border:0;
					height:23px;
					font: .7em Arial, Verdana, Sans-Serif;
					font-size:15px;
					color:#999999;
					/* todo : aligner le texte verticalement*/
					width:169px;
				}
			#apercu-offres {
				clear:both;
				margin-top:20px;
				height:200px;
				background:url(./images/apercu-offres-bg.gif) no-repeat ;
			}
				#apercu-offres img {
					margin-top:-7px;
					margin-left:6px;
				}
	/* Encart pub 728x90*/
	#main-bottom {
		width:750px; 
		height:99px; 
		float:left; 
		overflow:hidden;
		text-align:center ;
	}
		#main-bottom img {
			/* centrage pub 728x90*/
			margin-top:4px;
		}
/*-----------------------------------------------------------------------------------
	LES OFFRES
-----------------------------------------------------------------------------------*/
#offre-rps, #offre-rps1, #offre-rps2, #offre-rps3, #offre-rps4, #offre-rps5 {
	background-position: center center;
	margin-left:auto;
	margin-right:auto;
	width: 669px;
	height: 127px;
	font-weight:bold;
	padding-top:10px;
}
p.disp {
	padding-left:140px;
	padding-top:50px;
}
/*-----------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------*/
#footer {
	clear:both;
	height:123px ;
	background: #fff url(./images/backgroung-footer.jpg) repeat-x;
	text-align:center;
}
	#footer img {
		margin-top:39px;
	}
	
/*-----------------------------------------------------------------------------------
	A LA UNE
-----------------------------------------------------------------------------------*/

.alaune-box {
	position: relative;
	width: 561px;
	height: 132px;
}
#alaune-title {
	left: 0%;
	top: 0%;
	position: absolute;
	z-index: 99;
}
/*-----------------------------------------------------------------------------------
	CONTENU
-----------------------------------------------------------------------------------*/
	/* Menus de gauche */
	#main-left-contenu {
		width:204px; 
		min-height:320px; 
		float:left; 
		overflow:hidden;
		background: url(./images/accesrapide-bg-contenu.gif) repeat-y ;
		/*border:1px red solid ;*/
	}
	#main-right-contenu {
		width:736px;
		overflow:hidden ; 
		min-height:500px; 
		float:right; 
		overflow:hidden;
		/* border:1px red solid ; */
	}
		#contenu-header { /* header des actus */
			width:717px;
			height:55px;
			background:url(./images/header-contenu.gif) no-repeat ;
			margin-top:10px;
			margin-right: auto ;
			margin-left:auto ;
		}
			.date-contenu-header {
				font-size:15px;
				color:#fff;
				font-weight: bold;
				line-height:150%;
				margin-left:20px;
			}
			#title-contenu-header {
				width:488px;
				height:55px;
				margin-left:235px;
				margin-top:-23px;
				line-height:55px;
			}
				#title-contenu-header a {font-weight:bold; color:#0068B1;}
			#note-contenu-header {
				font-weight: bold;
				font-size: 15px;
				margin-top:-27px;
				padding-left:50px;
			}
			#text-contenu {
				padding-left:10px;
				padding-top:10px;
				padding-right:10px;
				text-align:justify ;
				font-size:15px;
			}
				#text-contenu blockquote {
					padding-left:20px;
					padding-top:5px;
					line-height:120%;
				}
				#text-contenu a { color:#0068B1; }
				#text-contenu a:hover {text-decoration:underline;}
				#text-contenu ul {padding-left:35px;}
				#text-contenu p {padding-bottom:15px;}
				#text-contenu .classic-link {text-decoration:none; outline:none; color:black;border-bottom-width: 0px;;}
				#text-contenu .classic-link:hover {text-decoration:underline;}
			#sommaire-pagination {
				margin-top:-15px;
				margin-bottom:10px;
				float:right;
			}
	#search-bloc-contenu {
				float:left;
				width:204px;
				height:95px;
				background:url(./images/recherche-bg-contenu.gif) no-repeat ;
				/* border:1px red solid ; */
	}
		#search-bloc-contenu form {
				padding-top:28px;
				margin-left:12px;
				line-height:300%;	
		}
/*-----------------------------------------------------------------------------------
	TUTORIELS
-----------------------------------------------------------------------------------*/		
#tutos-selection-niveau {
	width:662px;
	height:115px;
	background:url(./images/tutos-selection-niveau-bg.gif) repeat-x ;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
}
#prev-article-large {  /* bloc image + titre + extrait coupé */
	font-size:12px;
	padding-top:15px;
	margin-bottom:10px;
}
#derniers-dossiers {
	width:346px;
	height:148px;
	padding-left:10px;
	padding-top:10px;
}	
/*-----------------------------------------------------------------------------------
	TELECHARGEMENTS
-----------------------------------------------------------------------------------*/	
.dow-row {
	width:717px;
	height:70px;
	border-bottom: solid 1px #ececec; 
}
.dow-row img {padding:10px; float:left;}
.dow-row h4 {padding:26px 0px 26px 80px;color:black;}
	.dow-row h4:hover {background: #f8f8f8; color:#0068b1;}
.dow-row p {font-style:italic;float:right;margin-top:-45px;margin-right:15px;color:black;}
/**/
.dow-head {font-size:16px;color:#0068B1;font-weight:bold;margin-bottom:-13px;}
/*-----------------------------------------------------------------------------------
	RAJOUTS EDITEUR
-----------------------------------------------------------------------------------*/	
/* Intertitre */
h3.spip { margin-top: 1em; margin-bottom: 1em; font-size: 1.15em; font-weight: bold; }
hr.spip { padding-top: 10px; }

/* Listes SPIP */
ul.spip { padding-top:10px; padding-bottom:20px; list-style-image: url(./images/puce.gif); }
ol.spip { padding-bottom:10px; padding-left:50px; list-style: decimal; }

/* Citations, code et poesie */
blockquote.spip { margin: 2em 0; padding-left: 1em; border-left: 0.30em solid; }
blockquote.spip_poesie { 
	margin: 10px;
	padding:10px; 
	border: 1px solid; 
	font-family:  "Courier New", Courier, mono;
	font-size:11px;
	background-color:#cccccc; 
}
blockquote.spip_poesie div { 
	text-indent: -3em;
	margin-left: 3em; 
}

.spip_code, .spip_cadre { font-family: "Courier New", Courier, mono; color: #000099; font-size:12px;  }
.spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; }
div.spip_code, .spip_cadre { margin-bottom: 1em;  }

.spip_surligne { /*background: #FF6;*/ }

/* Tableaux */
table.spip { margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #dee7ec; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: center; border: 1px solid #8cacbb; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: middle; }

/* Logos, documents et images */
.spip_logos { clear:both; margin: 0; padding: 5px; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }