/* CSS Document */

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

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

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

/* 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: #edf1f4;
	text-align: center;	
}

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

html>body, html>body div, html>body p, 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;}
* h1, * h2   {text-align:left;}

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

#global {
	display:block;
	overflow:hidden;
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	background-image: url(icono/elements/degrade.gif);
	background-repeat:repeat-y;
}

.bloc {
	display:block;
	overflow:hidden;
	zoom:1;
	clear:both;
}

#pied {
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(icono/elements/pied.gif);
	background-repeat: no-repeat;
	height:50px;
}

.logogauche {
	display:block;
	float:left;
	padding: 0 12px 0 2px;
}

.logodroite {
	display:block;
	float:right;
	padding: 5px 2px 0 12px;
}

/* ========================== MENU GAUCHE ========================== */

#colonnegauche {
	width:192px;
	float:left;
	background: transparent url(icono/elements/degradegauche.gif) repeat-y 0 0 !important;
}

#menugauche {
	width:192px;
	padding: 0 0 14px ;
}
	
#menugauche .photo {
	display:block;
	width:192px;
	height:130px;
	background-image:url(icono/menu/photo.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
	
/*============== Menu ==============*/

.bouton_accueil, .bouton_bio, .finoval, .bouton_mandats_nat, .bouton_mandats_ter, .bouton_combats, .bouton_contact, .bouton_liens {
	display:block;
	background-repeat: no-repeat;
}

.bouton_accueil  {
	background-image:url(icono/menu/bouton_accueil.gif);
	height:31px;
}
.bouton_bio {
	background-image:url(icono/menu/bouton_bio.gif);
	height:28px;
}
.bouton_mandats_nat {
	background-image:url(icono/menu/bouton_mandat_nat.gif);
	height:45px;
}
.bouton_mandats_ter {
	background-image:url(icono/menu/bouton_mandat_ter.gif);
	height:43px;
}
.bouton_combats {
	background-image:url(icono/menu/bouton_combats.gif);
	height:26px;
}
.bouton_contact {
	background-image:url(icono/menu/bouton_contact.gif);
	height:26px;
}
.bouton_liens {
	background-image:url(icono/menu/bouton_liens.gif);
	height:24px;
}
.finoval {
	background-image: url(icono/menu/finoval.gif);
	height:28px;
}

.bouton_accueil:hover {background-image:url(icono/menu/bouton_accueil_rol.gif)}
.bouton_bio:hover {background-image:url(icono/menu/bouton_bio_rol.gif)}
.bouton_mandats_nat:hover {background-image:url(icono/menu/bouton_mandat_nat_rol.gif)}
.bouton_mandats_ter:hover {background-image:url(icono/menu/bouton_mandat_ter_rol.gif)}
.bouton_combats:hover {background-image:url(icono/menu/bouton_combats_rol.gif)}
.bouton_contact:hover {background-image:url(icono/menu/bouton_contact_rol.gif)}
.bouton_liens:hover {background-image:url(icono/menu/bouton_liens_rol.gif)}

/*============== Modules ==============*/

#colonnegauche .agenda {
	margin: 0 auto;
	width:178px;
	background-image:url(icono/elements/agenda_fin.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0 0 18px
}

#colonnegauche .agenda .entete{
	background-image:url(icono/elements/agenda_debut.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:27px;
}

#colonnegauche .contenu {
	border-left: 3px solid #a9cbd5;
	border-right: 3px solid #a9cbd5;
	background-color: #FFFFFF;
}

#colonnegauche .agenda a {
	display:block;
	padding: 7px 10px;
	color:#4e8098;
	font-weight:bold;
}

#colonnegauche .agenda a:hover,#colonnegauche .document a:hover, #colonnegauche .voiraussi a:hover {
	background-color:#FCF5E0;
}

#colonnegauche .titre {
	display:block;
	font-size:.85em;
	font-weight:bold;
	color:#4E8098;
	text-align:left;
}

#colonnegauche .date {
	display:block;
	font-size:0.9em;
	font-weight:bold;
	color:#FD8B40 !important;
	text-align:left;
}

/*-------------- Documents --------------*/

#colonnegauche .document {
	margin: 0 auto 14px;
	width:178px;
	background-image:url(icono/elements/agenda_fin.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0 0 18px
}

#colonnegauche .document .entete{
	background-image:url(icono/elements/doc_debut.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:27px;
}

#colonnegauche .document a {
	display:block;
	padding: 7px 10px;
	color:#4e8098;
	font-weight:bold;
}

/*-------------- Documents --------------*/

#colonnegauche .voiraussi {
	margin: 0 auto 14px;
	width:178px;
	background-image:url(icono/elements/agenda_fin.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0 0 18px
}

#colonnegauche .voiraussi .entete{
	background-image:url(icono/elements/voiraussi_debut.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:27px;
}

#colonnegauche .voiraussi a {
	display:block;
	padding: 7px 10px;
	color:#4e8098;
	font-weight:bold;
}

.blocdroitimage {
	display:block;
	overflow:hidden;
}

#colonnegauche .voiraussi .date {
	padding: 10px 10px 0 ;
}

/*============================ CONTENU =============================*/

#contenu {
	display:block;
	overflow:hidden;
	width: 594px;
	float:right;
	padding: 100px 0 0 0;
	background-image:url(icono/elements/titre3.jpg);
	background-position: left 0px;
	background-repeat:no-repeat;
}

/*============== Sommaire ==============*/

/*-------------- news --------------*/
#contenu .news {
	display:block;
	overflow:hidden;
	float:left;
	margin: 0 0 0 18px; 
	padding: 40px 0 0 ;
	width:333px;
	background-image:url(icono/elements/news_debut.gif);
	background-position:top;
	background-repeat:no-repeat;
	border-bottom: 2px solid #ffbadb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contenu .news .contenu {
	display:block;
	overflow:hidden;
	padding: 5px 0 10px 0;
	background-image:url(icono/elements/news_degradre.gif);
	background-repeat:repeat-y;
	border-right: 2px solid #ffbadb;
}

#contenu .news a {
	display:block;
	padding: 5px 10px;
}

#contenu .news a:hover {
	background-color:#fff;
	border-left:2px solid #ffbadb;
	padding: 5px 10px 5px 8px  ;
}

#contenu .news .titre {
	display:block;
	font-size:.85em;
	font-weight:bold;
	color:#fb3c72;
	text-align:left;
}

#contenu .news .date {
	background-image:url(icono/puces/fleche_bleu_double.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding: 0 0 0 15px;
	display:block;
	font-size:0.8em;
	font-weight:bold;
	color:#4E8098;
	text-align:left;
}

#contenu .news .cnt {
	display:block;
	font-size:.9em;
	text-align:left;
	color:#64808e;
}

/*-------------- video --------------*/

#contenu .video {
	display:block;
	overflow:hidden;
	float:right;
	margin: 0 20px 0 0; _margin: 0 10px 0 0;
	padding: 45px 0 0 ;
	width:205px;
	background-image: url(icono/elements/reportage_debut4.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#contenu .video .pied {
	display:block;
	overflow:hidden;
	padding: 15px 0 10px;
	background-image: url(icono/elements/video_fin-11.gif);
	background-position:bottom;
	background-repeat: no-repeat;
}

#contenu .video .titre {
	padding: 8px 0 5px;
	color:#294F87;
	font-weight:bold;
	font-size:0.9em;
	line-height:140%;
}

#contenu .video a {
	font-size:1em;
	color:#ef9f27;
	font-weight:bold;
}

#contenu .video a:hover {
	color:#fd7011;
	text-decoration:underline;
}


/*-------------- actu, liste rubrique --------------*/

#contenu .listerubrique, #contenu .actu {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	margin: 10px 0 0 13px; _margin: 10px 0 0 5px;
	padding: 0 0 17px; 
	width:555px;
	background-image: url(icono/elements/actu_fin.gif);
	background-position:bottom ;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contenu .actu .entete {
	display:block;
	overflow:hidden;
	zoom:1;
	height:47px;
	width:555px;
	background-image: url(icono/elements/actu_debut.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#contenu .listerubrique .contenu, #contenu .actu .contenu, #contenu .actu50 .contenu {
	display:block;
	overflow:hidden;
	zoom:1;
	background-image: url(icono/elements/actu_degrade.gif);
	background-repeat: repeat-y;
	background-position:right;
	border-right: 1px solid #f2b14b;
}

#contenu .actu a {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 15px 10px 10px 8px;
	margin: 0 0 0 3px;
	clear:both;
}


#contenu .actu a:hover {
	display:block;
	overflow:hidden;
	zoom:1;
	background-color:#fff;
	border-left:1px solid #f2b14b;
	padding: 15px 10px 10px 8px;
	margin: 0 0 0 2px;
}


#contenu .listerubrique .theme, #contenu .actu .theme {
	display:inline;
	font-variant:small-caps;
	font-size:1em;
	font-weight:bold;
	color:#FD7011;
	text-align:left;
}

#contenu .listerubrique .titre, #contenu .actu .titre {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	color:#EF9F27;
	text-align:left;
}

#contenu .listerubrique .soustitre, #contenu .actu .soustitre, #contenu .listeliens .soustitre {
	display:block;
	font-size:.9em;
	font-weight:bold;
	color:#fd8b40;
	text-align:left;
}

#contenu .listerubrique .date, #contenu .actu .date {
	display:block;
	overflow:hidden;
	zoom:1;
	background-image: url(icono/puces/fleche_bleue_carre.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding: 0 0 0 19px;
	display:block;
	font-size:0.85em;
	font-weight:bold;
	color:#fb3c72;
	text-align:left;
}

#contenu .listerubrique .cnt, #contenu .actu .cnt {
	display:block;
	font-size:.85em;
	text-align:left;
	color:#64808e;
	font-weight:bold;
}

#contenu .actu .listarticle, #contenu .actu .listarticle:hover {
	border-top: 2px solid #dedede;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}

/*-------------- Liens --------------*/

 #contenu .listeliens {
	display:block;
	overflow:hidden;
	margin: 0 0 0 13px; _margin: 10px 0 0 8px;
	padding: 0 0 17px; 
	width:555px;
	background-image: url(icono/elements/actu_fin.gif);
	background-position:bottom ;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contenu .listeliens .listarticle, #contenu .listeliens .listarticle:hover {
	display:block;
	overflow:hidden;
	zoom:1;
	border-top: 2px solid #dedede;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}

#contenu .listeliens .contenu {
	display:block;
	overflow:hidden;
	background-image: url(icono/elements/actu_degrade.gif);
	background-repeat: repeat-y;
	background-position:right;
	border-right: 1px solid #f2b14b;
}

#contenu .listeliens a {
	display:block;
	padding: 15px 10px 10px 8px;
	margin: 0 0 0 3px;
}

#contenu .listeliens a:hover {
	background-color:#fff;
	border-left:1px solid #f2b14b;
	padding: 15px 10px 10px 8px;
	margin: 0 0 0 2px;
}

.titliste {
	display:block;
	text-align:left;
	font-weight:bold;
	padding: 10px 0 3px 33px;
	color:#39648f;
	font-size:1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(icono/puces/carre_bleu.gif) no-repeat 20px 21px;
	}

#article .chapoliens {
	font-weight:bold;
	padding: 5px 0 10px 8px;
	color:#39648f;
	font-size:1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#contenu .listeliens .textesite {
	text-align:left;
	color:#000;
}

#contenu .listeliens img {
	padding: 0 0 4px;
}

#contenu .listeliens .titresite {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	color:#E60000;
	text-align:left;
}


/*-------------- Vidéo --------------*/

 #contenu .actu50 {
	display:block;
	overflow:hidden;
	float:left;
	margin: 15px 5px 15px 13px; _margin: 15px 5px 15px 8px;
	padding: 0 0 17px; 
	width:270px;
	height: 220px; *height: 240px;
	border-top: 2px solid #dedede;
	background-image: url(icono/elements/actu_fin.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

 #contenu .actu50 .contenu {
	height: 220px; height: *240px;
}


#contenu .actu50 a {
	display:block;
	padding: 0px 10px 0 8px;
	margin: 0 0 0 3px;
}

#contenu .actu50 a:hover {
	background-color:#fff;
}

#contenu .actu50 .textevideo {
	padding:  10px 0  ;
}


#contenu .actu50 .titrevideo {
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#EF9F27;
	text-align:center;
	line-height:110%;
	padding: 5px 0 0 ;
}

#contenu .actu50 .info {
	color:#000000;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/*-------------- Vidéo --------------*/

#contenu #calendar table {
	margin:10px auto 0;
	border:2px solid #2d7c97 ;
	border-collapse:collapse;
	text-align:center;
	background-color:#ebf1f2;
	}

#contenu #calendar caption {
	margin:15px auto 0;
	text-align:center;
	background-color:#ebf1f2;
	color:#2d7c97;
	font-weight:bold;
	}

#contenu #calendar caption a {
	color:#2d7c97;
	font-weight:bold;
	}
	
#contenu #calendar  a:hover {
	color: #efbc7c;
	}
	
#contenu #calendar td a {
	color:#2d7c97;
	font-weight:bold;
	background-color: #FFFFFF;
	padding: 3px 12px;
}

#contenu #calendar td, th {
	padding: 3px 5px;
	text-align:center;
	}

/*-------------- Dossiers --------------*/

#contenu .listerubrique .entete {
	display:block;
	overflow:hidden;
	height:47px;
	width:555px;
	background-image: url(icono/elements/actu_rubrique.gif);
	background-position:top;
	background-repeat: no-repeat;
}

#contenu .listerubrique a {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 0px 10px 5px 13px;
	margin: 0 0 0 3px;
}

#contenu .listerubrique a:hover {
	background-color:#fff;
	border-left:2px solid #dedede;
	padding: 0px 10px 5px 12px;
	margin: 0 0 0 2px;
}

/*============== Arianne ==============*/

.ariane {
	margin: 0 25px 0 12px;
	text-align:left;
	color:#2f6089;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEF0F2;
	padding:2px 5px;
}

.ariane a {
	color:#045480;
	font-size:1em;
	font-weight: normal;
}

.ariane a:hover {
	text-decoration:underline;
}

/*============== Articles SPIP ==============*/

/* ========================== TEXTE SPIP ========================== */


#article {
	display:block;
	text-align:left;
	margin: 15px 25px 0 15px;
	}

/*-------------- General --------------*/

#article .moyentitre {
	display:block;
	width:auto;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	padding: 4px 5px 4px 22px;
	background: #477ea7 url(icono/puces/carreblanc.gif) no-repeat  7px 11px;
	line-height:140%;
	margin-bottom: 10px;
	}
	
#article .spip_doc_titre, #article .spip_doc_descriptif {
	display:block;
	margin:auto;
	color:#2d7c97;
	padding: 3px 0 0;
}	

#article .spip_doc_titre {
	font-weight:bold;
}	

	
#article .grotitre {
	font-size:1.4em;
	font-size:1.4em;
	color:#fff;
	padding: 3px 5px 3px 22px;
	background: #477ea7 url(icono/puces/carreblanc.gif) no-repeat  7px 14px;
	line-height:140%;
	margin-bottom: 10px;
	text-transform: uppercase;
	}
	
#article .grotitrevideo {
	font-size:2.8em;
	color:#ef9f27;
	padding: 10px 0 3px 65px;
	border-bottom: 2px solid #a9cbd5;
	background: url(icono/elements/video2.jpg)  0 0 no-repeat;
	line-height:120%;
	}
	

#article .chapo {
	display:block;
	overflow:hidden;
	zoom:1;
	font-weight:bold;
	color: #255385;
	padding: 0 5px;
	}

#article .texte {
	padding: 0 5px;
	}

.grandevideo {
	padding:20px;
	text-align:center;
	}

.texte p {
	padding: 5px 0;
}

.texte h2 {font-size:110%;}
.texte h3 {font-size:130%;}
.texte h4 {font-size:150%;}
.texte h5 {font-size:170%;}
.texte h6 {font-size:190%;}
.texte h7 {font-size:210%;}


.texte hr {
	border-bottom:1px solid #F9D778;
	margin: 7px 0;
}

#article a {
	color:#fd7011;
}

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

/*-------------- Tableau --------------*/

#article .logo {
	float:left;
	padding: 0 5px 0 0;
}

#article .spip_documents_center {
	display:block;
	text-align:center;
	width:100%;
}
	
#article .spip_documents_left {
	display:block;
	text-align:left;
	width:100%;
}

#article .spip_documents_right {
	display:block;
	text-align:right;
	width:100%;
}


/*-------------- Tableau --------------*/

.texte td, .texte table {
	border-left: 1px solid #a9cbd5;
	border-right: 1px solid #a9cbd5;
	padding: 10px;
	text-align:center;
	border-collapse:collapse;
	text-align:left;
}

 .texte table {
 	border: 1px solid #a9cbd5;
}
 
.texte table {
	border-bottom: 1px solid black;
	margin: 3% 0 5% 5px;
}

.texte th {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #477ea7;
	padding: 2px 5px;
	color:#fff;
}

.texte #text th *, .texte #chapo th * {
	color:#333300;
}

.texte .row_even {
	background-color:#eef8fb;
}

/*-------------- Listes --------------*/

.texte li {
	padding: 0 0 0 15px;
	list-style:none;
	background-image:url(icono/puce2.gif);
	background-position: 0 7px;
	background-repeat:no-repeat;
}

.texte ol,.texte ol {
	margin: 0 0 0 20px;
}

/*-------------- documents --------------*/

.texte .spip_documents * {
	text-align: center;
}

.texte .spip_documents_left {
	margin-right:4%;
	float:left;
}

.texte.spip_documents_right {
	margin-left:4%;
	float:right;
	text-align: center;
}

.texte #text .spip_doc_titre *, .texte #text .spip_doc_descriptif {
	color:#CC0000;
}

.texte #text .spip_doc_descriptif {
	font-weight:normal;
}

.texte .spip_documents_center {
	text-align: center;
}

/* ========================== IMMPRIMER ========================== */

.imprimer {
	background-color:#FFFFFF;
}

.bt_imprimer {
	display:block;
	padding: 10px 15px 0;
	text-align:right;
}

.bt_imprimer a {
	color:#477ea7;
	font-weight:bold;
}

.bt_imprimer a:hover {
	color:#244F8E;
	text-decoration:underline;
}

.imprimer #article .moyentitre, .imprimer #article .grotitre {
	color:#477ea7;
	background: #FFFFFF  url(icono/puces/carre_bleu.gif) no-repeat  7px 11px;
}

.bdp {
	color:#2d7c97;
	font-weight:bold;
}       

.bdp:hover {
	text-decoration:underline;
0}           
    


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

/* -------------------------- 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;
}/* CSS Document */

/* CSS Document */