/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background:#FFF url('images/body_fond.jpg') no-repeat top center;
	margin: 0;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	color: #7c7b7b;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li, div, form, input { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 11px; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 955px;
	height:auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* Entete */
#entete {
	width: 955px;
	height:156px;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

#conteneur {
	width: 955px;
	height:auto;
	min-height:510px;
	float: left;
	background:url('images/fond_page.gif') repeat-y top left;
}

#conteneur #contenu {
	float: left;
	width: 955px;
	height:auto;
}

.nav_alternative {
	position: absolute;
	top: 0;
	left: 50%;
	width: 955px;
	height: 156px;
	margin-left: -477.5px;
}

	.btn_alt_hp {
		position: absolute;
		width: 246px;
		height: 114px;
		top: 0;
		left: 0;
	}
	
	.btn_alt_agenda {
		position: absolute;
		width: 246px;
		height: 30px;
		top: 0;
		left: 588px;
	}
	
	.btn_alt_hebergement {
		position: absolute;
		width: 246px;
		height: 30px;
		top: 0;
		left: 696px;
	}
	
	.btn_alt_carte {
		position: absolute;
		width: 246px;
		height: 30px;
		top: 0;
		left: 844px;
	}
	
	.content_nav_alt {
		position: absolute;
		width: 711px;
		height: 56px;
		top: 58px;
		left: 245px;
	}
	
#menu_alt, #menu_alt ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_alt /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu_alt a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

#menu_alt .sousnav1 a
{
       width: 232px;
	   background : #ebc400;
}

#menu_alt .sousnav2 a
{
       width: 165px;
	   background : #8ec14e;
}

#menu_alt .sousnav3 a
{
       width: 175px;
	   background : #ff8308;
}

#menu_alt .sousnav4 a
{
       width: 129px;
	   background : #00c0ff;
}

#menu_alt li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_alt li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_alt li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
		width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu_alt li ul li /* Éléments de sous-listes */
{
		/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_alt li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_alt li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_alt li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu_alt a.hover_1:hover /* Lorsque la souris passe sur un des liens */    
{
		background: url('images/btn-alt-1.jpg') top left no-repeat;
}

#menu_alt a.hover_2:hover /* Lorsque la souris passe sur un des liens */    
{
		background: url('images/btn-alt-2.jpg') top left no-repeat;
}

#menu_alt a.hover_3:hover /* Lorsque la souris passe sur un des liens */    
{
		background: url('images/btn-alt-3.jpg') top left no-repeat;
}

#menu_alt a.hover_4:hover /* Lorsque la souris passe sur un des liens */    
{
		background: url('images/btn-alt-4.jpg') top left no-repeat;
}

#menu_alt li:hover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_alt li:hover ul, #menu_alt li li:hover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



/* HP */
#conteneur #contenu #anim-flash {
	width:955px;
	height:432px;
	float: left;
}

#conteneur #contenu #beach-blog {
	margin:-219px 0 0 676px;
	padding:74px 0 0 18px;
	width:245px;
	height:145px;
	background:url('images/fond_push_beach_blog.gif') no-repeat top left;
	float:left;
	position: relative;
}

	#conteneur #contenu #beach-blog P {
		padding:0;
		margin:0;
		width:240px;
		color:#000000;
	}
	
	#conteneur #contenu #beach-blog A {
		color:#b91986;
		text-decoration:none;
	}
	
	#conteneur #contenu #beach-blog img.middle {
		vertical-align:middle;
	}
	
	
#conteneur #contenu #evenements-hp {
	width:478px;
	height:106px; /*171-65*/
	background:url('images/fond_evenements_hp.gif') no-repeat top left;
	float: left;
	padding:65px 0 0 0;
}

	#conteneur #contenu #evenements-hp .agenda {
		margin:0 0 0 42px;
		width:172px;
		height:auto;
		float:left;
		color:#000000;
	}
	
	#conteneur #contenu #evenements-hp .agenda A {
		color:#d54602;
		text-decoration:none;
	}
	
	#conteneur #contenu #evenements-hp .agenda img {
		vertical-align:middle;
	}

#conteneur #contenu #fan-zla-hp {
	width:425px; /*477-52*/
	height:103px;/* 171-68*/
	background:url('images/fond_fan_zla.jpg') no-repeat top left;
	float: left;
	padding:68px 0 0 52px;
}

#conteneur #contenu #flickr-hp {
	width:410px;
	height:196px;
	background:url('images/fond_flickr_hp.gif') no-repeat top left;
	float: left;
}

#conteneur #contenu #news-hp {
	width:266px;
	height:196px;
	background:url('images/fond_news_hp.gif') no-repeat top left;
	float: left;
}

#conteneur #contenu #news-hp INPUT.chp {
	margin:49px 0 0 24px;
	padding:4px 0 0 6px; 
	border:2px solid #c2c5d3; 
	width:156px;
	height:21px;
	color:#666666;
}

#conteneur #contenu #news-hp P{
	margin:49px 0 10px 0;
	text-align:center;
	color:#CC0000;
	font-size:14px;
}

#conteneur #contenu #region-hp {
	width:206px; /*279-73*/
	height:153px; /*196-43*/
	background:url('images/fond_region_hp.jpg') no-repeat top left;
	float: left;
	padding:43px 0 0 73px;
}

/* Page int */
#conteneur #contenu #leftcol {
	width:184px;
	height:auto;
	float: left;
	padding:0 0 0 16px;
}

	#conteneur #contenu #leftcol #navigation {
		width:180px;
		height:auto;
		background:#FFFFFF;
	}


	#conteneur #contenu #leftcol #nav_pointeur {
		position:absolute;
		margin:4px 0 0 148px;
	}

	#conteneur #contenu #leftcol #navigation .nav-rub1 {
		width:160px;
		background:url(images/nav_fond_rub1.gif) repeat-y top left;
		text-align:center;
		margin:0 0 8px 10px;
	}
	
	#conteneur #contenu #leftcol #navigation .sousnav-rub1 {
		width:120px;
		height:107px;
		background:url(images/sousnav_fond_rub1.gif) no-repeat top left;
		margin:5px 0 0 10px;
		padding:0 0 0 40px;
	}
	
	#conteneur #contenu #leftcol #navigation .nav-rub2 {
		width:160px;
		background:url(images/nav_fond_rub2.gif) repeat-y top left;
		text-align:center;
		margin:0 0 8px 10px;
	}
	
	#conteneur #contenu #leftcol #navigation .sousnav-rub2 {
		width:120px;
		height:107px;
		background:url(images/sousnav_fond_rub2.gif) no-repeat top left;
		margin:5px 0 0 10px;
		padding:0 0 0 40px;
	}
	
	#conteneur #contenu #leftcol #navigation .nav-rub3 {
		width:160px;
		background:url(images/nav_fond_rub3.gif) repeat-y top left;
		text-align:center;
		margin:0 0 8px 10px;
	}
	
	#conteneur #contenu #leftcol #navigation .sousnav-rub3 {
		width:120px;
		height:107px;
		background:url(images/sousnav_fond_rub3.gif) no-repeat top left;
		margin:5px 0 0 10px;
		padding:0 0 0 40px;
	}
	
	#conteneur #contenu #leftcol #navigation .nav-rub4 {
		width:160px;
		background:url(images/nav_fond_rub4.gif) repeat-y top left;
		text-align:center;
		margin:0 0 8px 10px;
	}
	
	#conteneur #contenu #leftcol #navigation .sousnav-rub4 {
		width:120px;
		height:107px;
		background:url(images/sousnav_fond_rub4.gif) no-repeat top left;
		margin:5px 0 0 10px;
		padding:0 0 0 40px;
	}
	
	#conteneur #contenu #leftcol #push-fan-zla {
		width:168px;/*184-16*/
		height:71px;/*119-48*/
		background:url(images/fond-push-fan-fla.jpg) no-repeat top left;
		padding:48px 0 0 16px;
		margin:8px 0 0 0;
	}
	
	#conteneur #contenu #leftcol #push-news {
		width:172px;/*184-12*/
		height:45px;/*104-59*/
		background:url(images/fond_news_int.gif) no-repeat top left;
		margin:8px 0 8px 0;
		padding:59px 0 0 12px; 
	}
	
	#conteneur #contenu #leftcol #push-news .chp {
		border:2px solid #c2c5d3; 
		padding:4px 0 0 6px;
		width:96px;
		height:21px;
		color:#666666;
	}
	
	#conteneur #contenu #leftcol #push-news P{
		text-align:center;
		color:#CC0000;
		font-size:14px;
		margin:5px 0 0 0;
	}

#conteneur #contenu #corps {
	width:734px;
	height:auto;
	float: left;
}

	#conteneur #contenu #corps #timbre {
		position:absolute;
		margin:12px 0 0 646px;
	}
	
	#conteneur #contenu #corps #article {
		margin:-13px 0 0 0;
		width:734px;
		height:auto;
		float: left;
		background:url(images/article-fond-corps.gif) repeat-y top left;
	}
	
		#conteneur #contenu #corps #article #hierarchie {
			width:700px;
			margin:0 0 0 32px;
			font-size:12px;
			color:#000;
			float:left; 
		}
		
		#conteneur #contenu #corps #article #zoom{
			width:700px;
			margin:0 0 0 32px;
		}
		
		#conteneur #contenu #corps #article #zoom .visuel {
			width:540px;
			height:360px;
			float:left;
			border:3px solid;
			text-align:left;
		}
		
		#conteneur #contenu #corps #article #zoom IMG.visuel {
			vertical-align:middle;
		}
		
		#conteneur #contenu #corps #article #zoom .precedent {
			float:left;
			margin-right:20px;
			padding-top:160px;
		}
		
		#conteneur #contenu #corps #article #zoom .suivant {
			float:left;
			margin-left:20px;
			padding-top:160px;
		}
		
		#conteneur #contenu #corps #article #zoom .fermer {
			position:absolute;
			margin:-6px 0 0 655px;
		}
		
		#conteneur #contenu #corps #article #visuel {
			margin:0 0 0 32px;
			width:210px;
			height:auto;
			float:left; 
		}
		
			#conteneur #contenu #corps #article #visuel .principal {
				width:196px; 
				height:210px;
				float:left;
				margin:20px 0 15px 0;
			}
			
			#conteneur #contenu #corps #article #visuel .miniatures {
				width:54px; 
				height:36px;
				background-color:#000000;
				text-align:center; 
				float:left;
				margin:3px 3px 0 0;
				border:3px solid;
			}
			
			#conteneur #contenu #corps #article #visuel .push-prix {
				width:196px; 
				height:auto; 
				float:left; 
				background:url(images/fond_push_prix.gif) repeat-y top left;
				color:#cc0099;
				font-size:16px;
				font-weight:bold;
				text-align:center;
				margin:26px 0 0 0;
			}
			
			#conteneur #contenu #corps #article #visuel .push-prix P {
				margin:0;
				padding:0 10px 0 10px;
			}
			
			#conteneur #contenu #corps #article #visuel #push-vignette {
				width:155px; 
				height:154px; 
				float:left; 
				margin:30px 0 0 0;
			}
			
		#conteneur #contenu #corps #article #texte {
			margin:20px 0 0 30px;
			width:440px;
			height:auto;
			float:left; 
			font-size:12px;
			color:#000000;
		}
		
		#conteneur #contenu #corps #article #texte-generique {
			margin:20px 0 0 30px;
			width:680px;
			height:auto;
			float:left; 
			font-size:12px;
			color:#000000;
		}
		
		#conteneur #contenu #corps #article #texte-generique P {
			font-size:12px;
			color:#000000;
		}
		
		#conteneur #contenu #corps #article #texte-generique H2 {
			/*font-size:14px;
			margin:0 0 10px 0;
			color:#cc0099;
			font-weight:bold;*/
			padding-bottom: 6px;
			margin-bottom: 6px;
			font-weight:bold;
		}
		#conteneur #contenu #corps #article #texte-generique H5 {
			padding-bottom: 6px;
		}
		
		#conteneur #contenu #corps #article #texte-generique A {
			font-size:12px;
			color:#cc0099;
			text-decoration:underline;
		}
		
		#conteneur #contenu #corps #article #texte-generique INPUT.form_contact {
			border:1px solid #cc0099;
			width:200px;
			height:20px;
		}
		
		#conteneur #contenu #corps #article #texte-generique TEXTAREA.form_contact {
			border:1px solid #cc0099;
			width:400px;
			height:120px;
		}
		
		#conteneur #contenu #corps #article #texte P { 
			font-size:12px;
			color:#000000;
		}
		
		#conteneur #contenu #corps #article #texte.rub1 H2 { 
			font-size:14px;
			margin:0 0 10px 0;
			color:#ffba40;
			font-weight:bold;
		}
		
		#conteneur #contenu #corps #article #texte.rub2 H2 { 
			font-size:14px;
			margin:0 0 10px 0;
			color:#80ba4e;
			font-weight:bold;
		}
		
		#conteneur #contenu #corps #article #texte.rub3 H2 { 
			font-size:14px;
			margin:0 0 10px 0;
			color:#e78200;
			font-weight:bold;
		}
		
		#conteneur #contenu #corps #article #texte.rub4 H2 { 
			font-size:14px;
			margin:0 0 10px 0;
			color:#00baff;
			font-weight:bold;
		}
		
		#conteneur #contenu #corps #article #texte.rub1 A { 
			font-size:12px;
			color:#ffba40;
			text-decoration:underline;
		}
		
		#conteneur #contenu #corps #article #texte.rub2 A { 
			font-size:12px;
			color:#80ba4e;
			text-decoration:underline;
		}
		
		#conteneur #contenu #corps #article #texte.rub3 A { 
			font-size:12px;
			color:#e78200;
			text-decoration:underline;
		}
		
		#conteneur #contenu #corps #article #texte.rub4 A { 
			font-size:12px;
			color:#00baff;
			text-decoration:underline;
		}
		
		#conteneur #contenu #corps #article #texte LI { 
			font-size:12px;
			color:#000000;
			margin-left:20px;
			list-style-type:disc;
		}
		
		#conteneur #contenu #corps #article #texte UL { 
			margin:0 0 13px 0; 
			padding:0;
		}
		
			#conteneur #contenu #corps #article #texte #push-resa1,
			#conteneur #contenu #corps #article #texte #push-resa2,
			#conteneur #contenu #corps #article #texte #push-resa3,
			#conteneur #contenu #corps #article #texte #push-resa4 {
				width:426px;
				height:auto;
				float:left;
				background:url(images/fond_push_resa.gif) repeat-y top left;
			}
			
			#conteneur #contenu #corps #article #texte #push-resa1 P,
			#conteneur #contenu #corps #article #texte #push-resa2 P,
			#conteneur #contenu #corps #article #texte #push-resa3 P,
			#conteneur #contenu #corps #article #texte #push-resa4 P {
				margin:0;
				padding:0;
			}
			
			#conteneur #contenu #corps #article #texte #push-resa1 A {
				color:#ffba40;
				text-decoration:underline;
			}
			
			#conteneur #contenu #corps #article #texte #push-resa2 A {
				color:#80ba4e;
				text-decoration:underline;
			}
			
			#conteneur #contenu #corps #article #texte #push-resa3 A {
				color:#e78200;
				text-decoration:underline;
			}
			
			#conteneur #contenu #corps #article #texte #push-resa4 A {
				color:#00baff;
				text-decoration:underline;
			}
			
			#conteneur #contenu #corps #article #texte #push-resa-pic {
				position:absolute;
				margin:-56px 0 0 405px;
			}
			
			#conteneur #contenu #corps #liste {
				display:none;
				float:right;
				width:173px; 
			}
			
			#conteneur #contenu #corps #texte #liste UL {
				margin:0;
				padding:0;
			}
			
			#conteneur #contenu #corps #texte #liste LI {
				margin:0;
				padding:5px 0 5px 0;
				border-bottom:1px solid;
				list-style:none;
			}
			
			#conteneur #contenu #corps #texte #liste.rub1 LI:hover {
				padding:5px 0 5px 0;
				border-bottom:1px solid;
				background-color:#ffba40;
				list-style:none;
			}
			
			#conteneur #contenu #corps #texte #liste.rub2 LI:hover {
				padding:5px 0 5px 0;
				border-bottom:1px solid;
				background-color:#80ba4e;
				list-style:none;
			}
			
			#conteneur #contenu #corps #texte #liste.rub3 LI:hover {
				padding:5px 0 5px 0;
				border-bottom:1px solid;
				background-color:#e78200;
				list-style:none;
			}
			
			#conteneur #contenu #corps #texte #liste.rub4 LI:hover {
				padding:5px 0 5px 0;
				border-bottom:1px solid;
				background-color:#00baff;
				list-style:none;
			}
			
			#conteneur #contenu #corps #texte #liste.rub1 A,
			#conteneur #contenu #corps #texte #liste.rub2 A,
			#conteneur #contenu #corps #texte #liste.rub3 A,
			#conteneur #contenu #corps #texte #liste.rub4 A {
				padding-left:10px;
				text-decoration:none;
				display:block;
				color:#333;
			}
			
			#conteneur #contenu #corps #push-fan-zla {
				width:168px;/*184-16*/
				height:71px;/*119-48*/
				background:url(images/fond-push-fan-fla.jpg) no-repeat top left;
				padding:48px 0 0 16px;
				margin:8px 0 0 15px;
				float:left;
			}
			
			#conteneur #contenu #corps #push-news {
				width:220px;/*253-32*/
				height:46px;/*118-72*/
				background:url(images/fond_news_int2.gif) no-repeat top left;
				margin:8px 0 0 12px;
				padding:72px 16px 0 16px; 
				float:left;
			}
			
			#conteneur #contenu #corps #push-news .chp {
				border:2px solid #c2c5d3; 
				padding:4px 0 0 6px;
				width:155px;
				height:21px;
				color:#666666;
			}
			
			#conteneur #contenu #corps #push-news P{
				text-align:center;
				color:#CC0000;
				font-size:14px;
				margin:5px 0 0 0;
			}
			
	#conteneur #contenu #corps #partage {
		margin:-9px 0 0 487px;
		padding:10px 0 0 0;
		width:213px;
		height:28px;
		float: left;
		background:url(images/fond_article_partage.gif) no-repeat top left;
		text-align:center;
	}
	
	#conteneur #contenu #corps #flickr-int {
		margin:-25px 0 0 8px;
		width:466px;
		height:176px;
		background:url('images/fond_flickr_int.gif') no-repeat top left;
		float: left;
	}
	
	#conteneur #contenu #corps #region-int {
		margin:25px 0 0 70px;
		width:118px;
		height:98px;
		float: left;
	}
		

/* Pied de page */
#pied {
	clear: both;
	width: 955px;
	height:50px;
	margin:0;
	padding:0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF; 
	background:url('images/fond_footer.png') no-repeat top left;
}

#pied-hp {
	clear: both;
	width: 955px;
	height:50px;
	margin:0;
	padding:0;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background:url('images/fond_footer_hp.jpg') no-repeat top left; 
}

#pied A, #pied-hp A {
	color:#FFFFFF;
	text-decoration:none;
}

#pied A:hover, #pied-hp A:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#pied img, #pied-hp img {
	vertical-align:middle;
}

/* agenda */
.grostitre_agenda {
	float: left;
	width: 200px;
	margin-bottom: 30px;
}

.recherche_agenda {
	float: left;
	margin-bottom: 30px;
}

	.select_agenda {
		width: 150px;
		height: 19px;	/* soustrait le padding */
		padding-top: 1px;
		color: #7a7a7a;
		font-size: 12px;
		border: 1px solid #cccccc;
	}
	
.logo_article_agenda {
	float: left;
	width: 100px;
	margin-right: 20px;
}

.txt_agenda {
	float: left;
	width: 196px;	/* soustrait le padding */
	margin-right: 11px;
	padding-right: 10px;
}

	.titre_agenda {
		/*padding-bottom: 6px;
		margin-bottom: 10px;*/
		font-size:14px;
		margin:0 0 10px 0;
		color:#cc0099;
		font-weight:bold;
	}
	.titre_agenda_separateur {
		border-bottom: 1px solid #cc0099;
		margin-bottom:10px;
	}

.ligne_agenda {
	margin-bottom: 20px;
}
	
.ligne_agenda_txt {
	float: left;
	width: 544px;
	margin-right: 5px;
	margin-left: 10px;
}

.ligne_agenda_btn {
	float: left;
	margin-top: 10px;
}

.pagination {
	position: relative;
	height: 45px;
}

.pagination_agenda {
	position: relative;
	height: 65px;
}

	.btn_precedent {
		position: absolute;
		left: 0;
	}
	
	.btn_suivant {
		position: absolute;
		right: 0;
	}

.visuel_agenda {
	float: left;
	width: 168px;
	margin-right: 23px;
}

.txt_agenda_article {
	float: left;
	width: 462px;
}

.btn_fermer_agenda {
	position: absolute;
	top: 0;
	left: 621px;
}


#push-fanbox {
	width:445px;
	border:solid 1px #42449d;
}
	#push-fanbox #push-fanbox-titre {
		width:100%;
		height:37px;
		background-color:#eaeef4;
		font-size:14px;
		color:#274991;
	}

div.facebook-like {
	width:100%;
	padding:4px 0;
	margin:6px 0 0 0;
}
	div.facebook-like1 {
		border-top:solid 1px #ffc34e;
		border-bottom:solid 1px #ffc34e;
	}
	div.facebook-like2 {
		border-top:solid 1px #80ba4e;
		border-bottom:solid 1px #80ba4e;
	}
	div.facebook-like3 {
		border-top:solid 1px #e78200;
		border-bottom:solid 1px #e78200;
	}
	div.facebook-like4 {
		border-top:solid 1px #00baff;
		border-bottom:solid 1px #00baff;
	}
	div.facebook-likeagenda {
		border-top:solid 1px #d33ca9;
		border-bottom:solid 1px #d33ca9;
		margin-bottom:10px;
	}
	
/*  ------------------------------------------
/*  Classes
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.middle { vertical-align:middle; }
.invisible { position: absolute; top: -3000em; height: 1%; }
p.spip {margin:0 0 13px 0; padding:0;}