/* CSS Document */

/*============== GENERAL ==============*/

div * {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 150%;
}

table {
	cellpadding: 0;
	cellspacing: 0;		
	border-collapse:collapse;
}

#global {
	display:block;
	overflow:hidden;
	background:#FFFFFF url(icono/elements/deg_global.gif) repeat-y;
	width: 799px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}

/* propriétés de la page */

body {
	border-width: 0;
	padding: 0;
	font-size: 0px;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 0px;
	background-color: #fff;
	text-align: center;	
}

/*toute les typo même tailles*/
body, body div, body th, body td, body li, body dd { 
   font-size: x-small; 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   font-size: .95em; 
}

html>body, html>body div, html>body th, html>body td, html>body li, html>body dd { 
   font-size: small; 
}

/* Liens non soulignés */

a				 	{text-decoration:none;}
.invisible	 	{display:none !important;}
.gras		 	{font-weight:bold;}
.italic 		 	{font-style:italic;}

.sardine {
	margin:0!important;
	padding:0!important;
	font-size:0!important;
	border:0!important;
}

* h1, * h2 {
	text-align:left;
}


/* ========================== STRUCTURE ========================== */

.banniere {
	display:block;
	background-color:#fff;
	width:805px;
}

#col1 {
	display:block;
	width:172px;
	position:relative;
	float:left;
	padding: 0 0 20px;
}

#col2 {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width: 497px ; *width: 482px;
	z-index:1;
}

#col21 {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width: 515px; *width:490px;
	padding: 0 0 0 2px;
	*margin: 0 0 0 10px; _margin: 0;
	z-index:1;
}


#col3 {
	display:block;
	overflow:hidden;
	zoom:1;	
	width:128px;
	float:right;
	padding: 0 0 20px;
}


/* ========================== ARIANE ========================== */

#ariane {
	display:block;
	overflow:hidden;
	zoom:1;
	width:612px; *width:800px;
	zoom:1;
	padding: 0 0 0 190px;
	background: url(icono/elements/deg_ariane.gif) repeat-y;
	color:#FFFFFF;
	font-size:.8em;
}

#ariane .cnt {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	padding:3px 0; *padding:0;
}

#ariane a{
	color:#FFFFFF;
	padding: 0 .5em;
}

#ariane a:hover{ text-decoration:underline;}
	
#ariane .fin {
	display:block;
	overflow:hidden;
	zoom:1;
	float:right;
	height:18px;
	width:179px; 
	text-align:right;
	padding: 0 10px;
	background: #6676A9 url(icono/elements/fond.gif)  no-repeat right;
	margin:0;
}

#ariane font {
	*display:block;
	*overflow:hidden;
	*font-size:.9em;
	*height:20px;
	*padding: 0 0 0 0;
}

#deroul {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 0;
	margin: 0 0 0 0;
	background: #b5bcd6;
	height:18px;
	color:#FFFFFF;
	font-size:.8em; *font-size:.7em;
}

#deroul .debut {
	display:block;
	float:left;
	height:18px;
	width:190px;
	background: url(icono/elements/deg_ariane.gif) repeat-y;
	margin:0;
}

#deroul marquee {
	margin:0;
	padding:2px 0;
	color:#242671;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}


/* ========================== COLONNE 1 ========================== */

/*------------- Bouton Gauche ---------------*/

#col1 .gauchesommaire {
	display:block;
	overflow:hidden;
	zoom:1;
	margin: 10px 0 0;
}

#col1 .gauchesommaire a {
	display:block;
	overflow:hidden;
	zoom:1;
	margin: 0 0 3px;
	cursor:pointer;
}

#col1 .gauchesommaire a .tit, #col1 .gauchesommaire a .titneuf {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	border: 1px solid #c0c5db;
	padding: 3px 0 3px 5px;
	background: url(icono/elements/deg_bouton_gauche.gif) repeat-y;
	width: 120px;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#col1 .gauchesommaire a .titneuf  {
	padding: 9.5px 0 9.5px 5px;
}

/*------------- Formulaire recherche ---------------*/

#col1  .formulaire_recherche .debut {
	display:block;
	background: url(icono/elements/debut_recherche.gif) no-repeat;
	height: 50px;
}

#col1  .formulaire_recherche {
	display:block;
	overflow:hidden;
	zoom:1;
	margin: 8px 0 0;
	background: url(icono/elements/deg_recherche.jpg) repeat-y;
}

#col1  .formulaire_recherche #recherche {
	position:relative;
	left:20px;
	top:-15px;
	width:120px;
	border: 1px solid #8393be;
	padding: 3px;
	font: .8em Verdana, Arial, Helvetica, sans-serif;	
}

#col1  .formulaire_recherche .ok {
	position:relative;
	left:120px;
	top:-10px;
	height:23px;
	width:27px;
	display:block;
	overflow:hidden;
	zoom:1;
	background-image:url(icono/elements/bt_ok.gif);
	cursor:pointer;
}


#col1  .formulaire_recherche .fin {
	display:block;
	overflow:hidden;
	zoom:1;
	background: url(icono/elements/fin_recherche.jpg) no-repeat;
	height: 4px;
}

/*------------- Texte gauche sommaire ---------------*/

.textgauchesommaire p {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px 0 10px;
	text-transform:uppercase;
	color:#5d6da3;
}

/* ========================== COLONNE 2 ========================== */

/*------------- Liste d'articles ---------------*/

#col2 .liste, #col2 #listarticle {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 8px 20px 20px 5px ;
	margin: 8px 0 0 8px;
	background:#fff;
	z-index:1;
}

#col21 .liste {
border-top:2px solid #6373A7;                             
*width: 400px;
*margin: 10px 0;
}

#col2 .liste .spip_documents_center {
display:block;
overflow:hidden;
zoom:1;
width:470px;
text-align:center;
}

#col2 .liste .spip_documents_center img, #col2 .liste .spip_documents_center .spip_doc_titre {
display:block;
margin:0 auto;
}

#col2 .liste .spip_documents_center .spip_doc_titre {
margin:0 auto 10px;
}

#col2 .liste a {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 10px 0 ;
}

#col2 .liste .date {
	display:block;
	padding:  0 5px ;
	font: .8em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
}

#col2 .liste .tit {
	display:block;
	padding:  0 0 5px ;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif  ;
}

#col2 .liste .chp p {
	display:block;
	padding:  0 0 8px ;
	color:#000;
	font:  bold .9em Verdana, Arial, Helvetica, sans-serif  ;
	line-height:120%;
}

#col2 .liste .cnt {
	display:block;
	padding:  0 0 8px ;
	color:#000;
	font:  .8em Verdana, Arial, Helvetica, sans-serif  ;
}

#col2 .liste .surtit {
	display:block;
	padding:  0 0 5px ;
	margin: 0 0 5px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
	color:#5d6da3;
}

#col2 .liste .date {
	display:block;
	padding:  0 5px 5px 0;
	font: .8em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
}

#col2 .liste .moyentit, #col2 .liste .grotit {
	display:block;
	padding:  0 0 5px ;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif ;
	color:#5d6da3;
}

#col2 .liste .soustit {
	display:block;
	padding:  0 0 5px ;
	font: 1em Verdana, Arial, Helvetica, sans-serif  ;
	color:#5d6da3;
}

#col2 .liste .txt {
	display:block;
	padding:  0 0 5px ;
	color:#000;
	font:  .8em Verdana, Arial, Helvetica, sans-serif ;
	font-size:.8em ;
	line-height:120%;
}

#col2 .liste .txt *, #col2 .liste .txt {
	padding:  0 0 5px ;
	font:  .8em Verdana, Arial, Helvetica, sans-serif !important ;
	font-size:.8em ;
	line-height:130%;
}


#col22 .liste a {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 0 ;
}

/*------------- articles intro ---------------*/

#col2 #intro {
	display:block;
	overflow:hidden;
	zoom:1;
	background:#fff;
	margin: 0 8px ; *margin: 0 3px ;
	border-bottom: 3px solid #c8c5de;
	border-top: 8px solid #fff;
	background: url(icono/elements/deg_article.gif) repeat-y;
}

#col2 #intro .tit {
	display:block;
	float:left;
	padding: 10px 0 5px ;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
	color:#5d6da3;
	width:250px;
	line-height:140%;
}

#col2 #intro .logo {
	display:block;
	float:left;
	padding: 5px 10px  ;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
	color:#5d6da3;
}

#col2 #intro .imprimer {
	display:block;
	float:right;
	padding: 12px 7px 0 17px ;
	font:  .8em Verdana, Arial, Helvetica, sans-serif  ;
	color:#5d6da3;
	background:url(icono/elements/picto_imprimer.gif) no-repeat 0 14px ;
}

#col2 #intro .envoyer {
	display:block;
	float:right;
	padding: 12px 22px 0 17px ;
	font:  .8em Verdana, Arial, Helvetica, sans-serif  ;
	color:#5d6da3;
	background:url(icono/elements/picto_imprimer.gif) no-repeat 0 14px ;
}

#col2 #intro a:hover {
	text-decoration:underline;
}
/*------------- Chapeau rubrique ---------------*/

#col2 .liste #chapo .moyentit {
	display:block;
	padding:  0 0 5px ;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif ;
	color:#5d6da3;
	text-transform:uppercase;
}

#col2 .liste a.lienversancre {
	margin:0;
	padding:0;
}


/*------------- articles et rubrique mêmes ---------------*/

#col2 #articles {
	display:block;
	background:#fff;
	margin: 0 0 0 26px;
	padding: 20px 0 0;
	width: 450px;
	min-height: 625px;
}

#col2 #articles .surtit {
	display:block;
	padding:  0 0 5px ;
	margin: 0 0 5px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
	color:#5d6da3;
}

#col2 #articles .date {
	display:block;
	float:right;
	padding:  0 5px ;
	font: .8em Verdana, Arial, Helvetica, sans-serif  ;
	text-transform: uppercase;
	color:#5d6da3;
}

#col2 #articles .moyentit {
	display:block;
	padding:  0 0 5px ;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif ;
	color:#5d6da3;
	text-transform:uppercase;
}

#col2 #articles .soustit {
	display:block;
	padding:  0 0 5px ;
	font: 1em Verdana, Arial, Helvetica, sans-serif  ;
	color:#5d6da3;
}

#col2 #articles .txt {
	display:block;
	padding:  0 0 5px ;
	color:#000;
	font:  .8em Verdana, Arial, Helvetica, sans-serif ;
	line-height:120%;
}

/*------------- articles et rubrique mêmes ---------------*/

#envoyer h3 {
	display:block;
	margin: 0 0 8px ;
	border-bottom: 3px solid #c8c5de;
	padding: 12px 0 0 ;
	font: 1.3em Verdana, Arial, Helvetica, sans-serif  ;
	color:#5d6da3;
	text-transform:uppercase;
}

#envoyer form {
	display:block;
	padding: 15px 0 0 0;
}

#envoyer label, #envoyer .item {
	display:block;
	padding: 0 0 5px 30px;
}

#envoyer .item {
	margin: 0 50px 5px 0;
	vertical-align:top;
}

#envoyer .joindre {
	padding: 0 50px auto 0;
	vertical-align:top;
}

#envoyer input, #envoyer textarea {
	border: 1px solid #c8c5de;
	margin: 0 0 0 10px;
}

#envoyer .cacher {
	display:none;
}

#envoyer .retour {
	display:block;
	margin: 0 0 8px ;
	border-bottom: 3px solid #c8c5de;
	padding: 12px 0 0 ;
	font: 1.3em Verdana, Arial, Helvetica, sans-serif  ;
	color:#5d6da3;
	text-transform:uppercase;
}

#envoyer #envoi .form {
	display:block;
	background-color:#5d6da3;
	color:#FFFFFF;
	cursor: pointer;
	border-width: 0px;
	margin: 15px auto;
	padding: 0 2px 2px;
	font-weight:bold;
}


/*------------- Liste image ---------------*/

#col2 .images a {
	display:block;
	overflow:hidden;
	zoom:1;
	padding:8px 0 0;
}

/* ========================== COLONNE 3 ========================== */

/*------------- actu col 3 ---------------*/

#col3 .actu .debut, #col3 .actu .debutdoc, #col3 .actu .debutmemerub  {
	display:block;
	background: #fff url(icono/elements/ban_actu.gif) no-repeat 0 7px ;
	padding: 7px 0 0 ;
	margin: 0 0 5px;
	height:41px;
}

#col3 .actu .debutdoc {
	background: #fff url(icono/elements/ban_doc.gif) no-repeat 0 7px ;
	padding: 7px 0 0 ;
	margin: 0 0 5px;
}

#col3 .actu .debutmemerub {
	background: #fff url(icono/elements/ban_memerubrique.gif) no-repeat 0 7px ;
	padding: 7px 0 0 ;
	margin: 0 0 5px;
}


#col3 .actu .rub {
	display:block;
	background: #fff url(icono/elements/ban_rub.gif) no-repeat 0 7px ;
	padding: 7px 0 0 ;
	margin: 0 0 5px;
	height:41px;
}

#col3 .actu a {
	display:block;
	padding:  5px 0 0;
}

#col3 .actu a .tit {
	display:block;
	background: transparent url(icono/puces/puceviolette.gif) no-repeat 0 5px;
	padding:  0 7px 5px 7px;
	font:  .8em Verdana, Arial, Helvetica, sans-serif  ;
}

#col3 .actu a .titrub {
	display:block;
	background: transparent url(icono/puces/puceviolette.gif) no-repeat 0 4px;
	padding:  0 7px 5px 10px;
	font:  bold .8em Verdana, Arial, Helvetica, sans-serif  ;
}

#col3 .actu .fin {
	display:block;
	background: transparent url(icono/elements/fin_actu.gif) no-repeat 0 0;
	height:15px;
}

/*------------- actu col 3 ---------------*/

#col3 .doc .debut  {
	display:block;
	height:41px;
	background: #fff url(icono/elements/ban_doc.gif) no-repeat 0 7px ;
	padding: 7px 0 0 ;
	margin: 0 0 5px;
}

#col3 .doc .rub {
	display:block;
	background: #fff url(icono/elements/ban_rub.gif) no-repeat 0 7px ;
	padding: 7px 0 0 ;
	margin: 0 0 5px;
	height:41px;
}

#col3 .doc a {
	display:block;
	padding:  5px 5px 0 2px;
	text-align:center;
}

#col3 .doc a .tit {
	display:block;
	padding:  0 7px 5px 7px;
	font:  .8em Verdana, Arial, Helvetica, sans-serif  ;
}

#col3 .doc a .titrub {
	display:block;
	padding:  5px 7px 2px 10px;
	font:  bold .9em Verdana, Arial, Helvetica, sans-serif  ;
}

#col3 .doc a .typedoc {
	display:block;
	padding:  0 7px 5px 10px;
	font:  .8em Verdana, Arial, Helvetica, sans-serif  ;
}

#col3 .doc .fin {
	display:block;
	background: transparent url(icono/elements/fin_actu.gif) no-repeat 0 0;
	height:15px;
}

/* ========================== PLAN DU SITE ========================== */

#plan {
display:block;
margin:20px 5px 0;
}

.plan {
font: normal 1em/150%  Arial, Verdana, Helvetica, sans-serif  ;
display:block;
margin:10px 25px;
}

.plan .texte {
display:block;
margin:15px 0;
font-weight:bold;
padding: 0 0 2px;
border-bottom:1px solid #869ABF;
}

.plan .titre a{
display:block;
font: bold 1.2em Arial, Helvetica, sans-serif;
border-bottom:2px solid #869ABF;
margin: 10px 0 10px;
padding: 0 0 2px;
color:#866699 !important;
}

.plan .plan {
font:1em/150%  Arial, Verdana, Helvetica, sans-serif  ;
margin:10px 20px;
}
/* ========================== MISE EN PAGE SPIP ========================== */


.txt table  {
	margin: 10px 0 ;
}

.txt table * {
	font: .9em Arial, Helvetica, sans-serif;
}

.txt td, .txt th {
	border: 1px solid #000;
	border-collapse:collapse;
	padding: 2px 10px;
}

.txt .row_odd {
	background:#F4F4F9;
}

.txt th * {
	color:#6653a7;
	font:bold 1.1em Arial, Helvetica, sans-serif;
}

.txt th  {
	background-color:#E3E3EF;
}

/* ========================== PIED ========================== */

#pied {
	display:block;
	overflow:hidden;
	zoom:1;
	clear:both;
	background: url(icono/elements/deg_pied.gif) no-repeat right  bottom;
	height:36px;
	border-bottom: 5px solid #fff;
	width: 801px;
}

#pied .debut {
	display:block;
	background: #fff ;
	height:18px;
	width: 799px;
}

#pied a {
	display:block;
	float:left;
	color:#FFFFFF;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 10px ;
}

#pied a:hover {
	text-decoration:underline;
}

/* ========================== IMPRIMER ========================== */

body.imprimer {
	margin:auto;
	display:block;
	width:600px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.imprimer .bt_imprimer {
	text-align:right;
	border-bottom: 1px solid #000;
	margin: 0 0 10px;
	padding:0 0 4px;
}

.imprimer .moyentit {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 15px;
	padding: 0 0 10px;
	text-transform:uppercase;
	border-bottom: 1px dotted #000;
}

.imprimer #intro {
	display:none;
}

/* ========================== ELEMENTS RECURENTS ========================== */

a  {color:#6079a5;}
a:hover {color:#202064;}

.lirelasuite {
	background: url(icono/puces/puce_fleche.jpg) no-repeat;
	border: 1px solid #c0c5db;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 4px 2px 20px;
	margin: 3px 0;
}

.logogauche {float:left;}
.logodroite {float:right;}
.logocentre {text-align:center;}

/* -------------------------- espacements -------------------------- */

.spacetablo {
	width:10%;
}

.espace0 , .espace0 * {
	font-size: 5px;
	color: #CC0000;
	line-height: 3px;
}

.espace1 , .espace1 *{
	font-size: 5px;
	color: #CC0000;
	line-height: 6px;
}

.espace2 , .espace2 *{
	font-size: 5px;
	color: #CC0000;
	line-height: 10px;
}

.espace3 , .espace3 *{
	font-size: 5px;
	color: #CC0000;
	line-height: 10px;
}

/*===== SPECIAL HACK TOP DEDICACE IE5 =====*/

i{content:"\"/*"}
#ariane {
	display:block;
	overflow:hidden;
	zoom:1;
	width:612px; *width:610px;
	zoom:1;
	padding: 0 0 0 190px;
	background: url(icono/elements/deg_ariane.gif) repeat-y;
	color:#FFFFFF;
	font-size:.8em;
}

.txt table  * {
	font: 1em Arial, Helvetica, sans-serif;

}

/* CSS Document */