html{overflow-y:scroll;}
body{font-family: helvetica, sans-serif, Arial; font-size: 11px;  text-align:center; margin:0; padding:0; background-color:#FFF; color:#7d7773;}

#page{margin:0 auto; width:940px;}
.recherche			{background: #FFF; text-align:right; padding:6px 5px 5px 0; height:16px; margin: 5px 0 0 0; position:relative;}
.recherche form 	{ position:absolute; top:7px; left:607px; }
.r-avancee 			{ position:absolute; top:9px; left:812px; font-size:10px; width:125px;}

.contenant { text-align:justify; }
.cadre-gc	 { position:relative; height:310px; }
.newsletter		{ position:absolute; top:308px; left:0px; margin:0; padding:0; }
#newsletter		{ position:absolute; top:308px; left:130px; }
.oldletter		{ position:absolute; top:288px; left:0px; margin:0; padding:0; }

table 	{width:940px;}
td 		{ vertical-align:top; border: solid 1px #FFF; }

.tete 		{ height:125px;  font-size:16px; }
.premier	{ 	vertical-align:bottom;				padding:0 5px 5px 15px; margin:0;	}
.actu 		{ width:220px;/*width:250px;*/	vertical-align:bottom; background: #EBEBE3;			padding:0 5px 5px 15px; margin:0;	}
.avenir	{ width:250px;		vertical-align:bottom; background: #001; color:#FFF; 	padding:0 5px 5px 15px; margin:0;	
			font-family: georgia, Times New Roman, serif; }

.corps		{vertical-align:top;}
.lp		{height:350px;vertical-align:top;}
.c-avenir	{width:250px;padding:10px;margin:0;vertical-align:top;}
.c-moment{/*width:230px;*/padding: 10px; margin:0;vertical-align:top;}
.colonne 	{width:220px; padding:5px;}
.gris		{background:#EBEBE3;padding:20px;}
.noir		{background:#001;}

.colonnes{width:500px;}
/**************************************************************************/
/*Polices*/
h1 						{ font-size:20px; margin:0 0 10px 0; padding:0; text-align:left;}
h2 						{ font-size:14px; margin:0 0 5px 0; padding:0; font-weight:bold; text-align:left;}
h2.epais				{ font-size:12px; margin:0 0 10px 0; padding:0; font-weight:bolder; color:#000;}
h2.lien a				{ margin: 5px 0 2px 0; font-size:16px; font-weight:bold;}

.cartouche h2		{ font-size:16px; margin:10px; padding:5px; font-weight:bold; position:relative;}
.cartouche p	 	{ background-color:#E0EBE9; border:1px solid #324C48;
font-size:10px; left:25px; opacity:0.9; padding:5px; position:absolute; top:0px; visibility:hidden; width:300px;}
.cartouche a:hover p { visibility:visible;}
h3 {text-align:left;}
h3.epais{font-size:12px;margin:0 0 0 25px; padding:0; font-weight:bolder; }
h3.fonction{font-size:12px;font-style:italic; font-weight:lighter; margin:0; padding:0; }
a,
a:visited{text-decoration:none; color:#7d7773; margin:3px 0 3px 0; /*border-bottom:1px dotted #7d7773;*/}
a:hover	{color:#000; background: #EBEBE3; border:0;}
a img, a:visited img{ border:0;}
a.neutre, a.neutre:visited{border:0;}
/**************************************************************************/

.auteur{font-size:10px; font-weight:bold; padding:0; margin: 7px 0 7px 0; font-family: georgia, Times New Roman, serif; text-align:left;}
#portfolio{margin:0; padding:0; list-style:none;}
#portfolio img{ width:250px; 	height:350px;margin:0;padding:0;}
#portfolio li{margin:0; padding:0; list-style:none;}

.couv 	{width:250px;height:350px;}
.couverture { margin:0; padding:0;}
.couverture-reduite .spip_logos	{width:85px;margin:5px 15px 5px 5px;float:left;}

.chapeau{height:140px;}
h1.fiche{font-size:17px;}
.fiche	{margin:0 0 5px 0; padding:40px 0 0 0;}


/***********************************************************************************************************/
/*Menu*/
.menu a, .menu a:visited{color:#606060;text-decoration:none;display:block;width:85px;height:20px;float:left;border:0;}
.menu a:hover,
.menu a.on{color:#001;background:#FFF;text-decoration:none; font-weight:bold; border:0;}

.c-menu-vertical{height:240px;}
.menu-vertical	{padding:15px;background:#001;}
.menu-vertical a, .menu-vertical a:visited{color:#E8E8E8;text-decoration:none; display:block; width: 200px; height:30px; font-size:18px; border:0;}
.menu-vertical a:hover,
.menu-vertical a.on{color:#FFF; background: #001;text-decoration:none;font-weight:bold;border:0;}

.menu-bloc-vert 		{ text-align:left; font-size:14px; margin:0;}
.menu-bloc-vert ul 	{ margin:0; padding:0; border-bottom: #001 2px solid; }
.menu-bloc-vert li 	{ margin: 0; padding:10px 0 10px 0; list-style:none; border-top: #001 2px solid;}
.menu-bloc-vert a, .menu-bloc-vert a:visited			 { border:0;}
.menu-bloc-vert a:hover,
.menu-bloc-vert a.on{background:#FFF;font-weight:bold;}
.lien-clair a, .lien-clair a:visited{color:#FFF; font-size:12px;}
.lien-clair a:hover, .lien-clair a.on{color:#001;}
/***********************************************************************************************************/
/***********************************************************************************************************/
/* boutons suites*/
/*p.suite-noir {height:15px;}*/
p.suite-noir a, p.suite-noir a:visited{background:#001;color:#FFF;width:135px; display:block; text-decoration:none; padding:0 0 0 5px; margin: 3px 0 3px 0; font-weight:bold; border:1px solid #e9e9e9;}
p.suite-noir a:hover	{ background:#FFF;color:#000; width:135px;display:block; text-decoration:none; padding:0 0 0 5px; margin: 3px 0 3px 0; 				
										 font-weight:bold; border:1px solid #e9e9e9; }
p.suite-gris a, p.suite-gris a:visited{background:#EBEBE3;color:#001;width:135px; display:block; text-decoration:none; padding:0 0 0 5px; margin: 0 0 30px 0; border:0;}
p.suite-gris a:hover{background:#EBEBE3;color:#000;width:135px;display:block;text-decoration:none;padding:0 0 0 5px;margin: 0 0 28px 0;border:1px solid #e9e9e9;}
.espace {margin:25px 0 0 0;}
/***********************************************************************************************************/
input{ background: #001; color:#FFF; font-size:10px; height:12px; width:140px;}
input.boutton{ height:18px; width:25px;}
img	{ margin:0; padding:0;}

/*contact*/
.form-contact { padding: 15px;}
.form-contact span.texte { display:block; width:200px;}
.form-contact input, 
.form-contact textarea{   color:#001;  background: #EBEBE3; width:235px;}
.form-contact input.boutton{ height:auto; width:auto; margin:5px 0 0 0; background: #001; color:#FFF;}
.form-contact select {   color:#001;  background: #EBEBE3; width:240px;}

/*adresse*/
.marge	{padding:15px;}
.fn {font-size:13px ; font-weight:bold;}
.marge-gauche { padding:0 0 5px 15px;}

.bloc { padding:2px 0 0 8px ;}
.bloc-vignette { height:140px; border-bottom:1px solid #F0F0F0; margin: 0 0 5px 135px; padding:20px 0 0 0; }
.p-couverture-reduite .spip_logos	{ border:0; float:left;}
.p-couverture-reduite					{ border:0; float:left;}

.bio {margin:0 0 15px 0; text-align:left;}

hr {border-top: 1px solid #F0F0F0 ;}


/****************************************************************************************************************/
/*scroll bar*/
.scroll-pane {width: 340px;overflow: auto;background: #ccc;float: left;}
#pane {height: 232px; background: #EBEBE3;}
#pane2 {height: 288px; background: #EBEBE3;}
/*******************************************************************************************************************/
/********************************************************************************************************************/
/*pop box*/
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:10px; left:5px; padding:5px; font-weight:normal;  font-size:11px; }
a.tooltip:hover .popillu{ display:block; position: absolute; top:18px; left:35px; }
a.tooltip:hover .popbox { display:block; position:absolute; top:10px; left:30px; width:150px; height:45px; background-color:#fff; color:#000; border:1px solid #EAEAEA; text-align:left; font-size:11px; padding-left:50px; padding-top:20px; }
.tooltip ul { margin:0; padding:0; list-style: none;}
.tooltip li  { margin:0; padding:0;list-style: none;}
.categorie	{ margin:3px 0 5px 0;}
/**********************************************************************************************************************/
.menu-avance { float:right; width:250px;margin:0 0 0 20px;}
/**/
/**/
a.jScrollArrowDown, a.jScrollArrowDown:hover{border:0;}

/*pied*/
.smap{border-top:1px solid #FAFAFA;padding:10px;text-align:left;}
.smap a{color:#E0E0E0;}
.smap a:hover{color:#000;}
.smap .web{float:right;display:none;}
.smap a.web{background:#FFF;color:#EAEAEA;}
.smap a.web{background:#FFF;color:#E6E6E6;}
/*lettre du mois*/
.actu h1{font-size:16px;color:#7D7773;}
.m{margin:0 0 10px 0;border-bottom:3px solid #FAFAFA;}
.appercu{background:#FAFAFA;}