html { font-size: 100%; }

body { padding: 1em; font-size: .85em; font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; }
		
ol, ul, li, p {padding: 0; margin: 1em;}

a.button {    
	background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;    
	color: #444;    
	display: block;    
	float: left;    
	font: normal 12px arial, sans-serif;    
	/*line-height: 12px; */
	padding-right:16px;   
	text-decoration: none;
}

a.button span {    
	background: transparent url('images/bg_button_span.gif') no-repeat;    
	display: block;    
	/*line-height: 14px;    */
	padding: 7px 0 2px 18px;
}

a.button:active {    
	background-position: top right;
	color: #000;    
	outline: none; 
}

a.button:active span {    
	background-position: top left;
	padding: 7px 0 2px 18px; 
}

/* validator css */
.fielderror { color: red; font-family:Verdana; font-size:12px; }
.fieldreq { color: #09456e; font-family:Verdana; font-size:12px; }
.inputerror {border: solid 1px red;font-family:Verdana;color:#09456e;}

.strong { font-weight:bold; }

.bordure1 { border:1px #09456e solid; padding:5px; }

.float_left { float:left; }
.pdl20 { padding-left:20px; }
.pdl80 { padding-left:80px; }
.pdl160 { padding-left:160px; }
.pdl260 { padding-left:260px; }
.pdl320 { padding-left:320px; }

.pdr30 { padding-right:30px; }
.hgt100 { height:100px; }
.hgt120 { height:120px; }

a.page {
	font-family:"Verdana"; 
	color:#09456e; /* bleu */ 
	font-size:12px;
	text-decoration:none;
}

a.page:hover {
	font-family:"Verdana"; 
	color:#09456e; /* bleu */ 
	font-size:12px;
	text-decoration:underline;
}

.menutitle
{
	font-size:12px;
	font-family:Verdana;
	color:#09456e; /* bleu */
	font-weight: bold;
	text-decoration:underline;
	text-align: center;	
}	

.txt
{
	font-size:12px;
	font-family:Verdana;
	color:#09456e; /* bleu */
}

.little
{
	font-size:9px;
	font-family:Verdana;
	color:#09456e; /* bleu */
}

.txto
{
	font-size:12px;
	font-family:Verdana;
	color:#e06310; /* orange */
}

.littleo
{
	font-size:9px;
	font-family:Verdana;
	color:#e06310; /* orange */
}

a.basic { font-family:"Verdana"; color:#09456e; font-size:12px;  } /* bleu */
a.basic:hover { font-family:"Verdana"; color:#e06310; font-size:12px; text-decoration:underline;  } /* orange */

a.basic2 { font-family:"Verdana"; color:#09456e;  text-decoration:none;  } 
a.basic2:hover { font-family:"Verdana"; color:#e06310;  text-decoration:none;  } 

p#pagesel {
	font-family:"Verdana";
	text-align:center;
	/*padding-top:20px;*/
	font-size: 16px;
}	

p#pagesel a {
	font-family:"Verdana"; 
	color:#09456e; /* bleu */ 
	font-size:12px;  
	text-decoration: none;
}

p#pagesel a:hover { 
	font-family:"Verdana"; 
	color:#e06310; /* orange */ 
	font-size:12px; 
	text-decoration:underline;  } 
	
p#addcom {
	text-align:right;
	padding-right:10px;
}	
	
div#conteneur:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden }

	
	
div#conteneur {
	width: 950px ;
	margin: 0 auto ;
	background: #fff ;
	display: inline-block;
	background-image:url("images/fondp2.jpg");
}

/* header */
/*
	div#header {
		background-image:url("images/ban.jpg");
		background-repeat:no-repeat;
		height: 186px ;
		text-align: center;
		display:block;
	}	
		
	div#header h1 {	
		font-size:26px;
		font-family:Verdana;
		color:#09456e; 
		margin-top: 15px;
		text-align: center;
		width:450px;
		}
		
	div#header h2 {	
		padding-top:30px;
		font-size:18px;
		font-family:Verdana;
		color:#09456e; 
		text-align: center;
	}
	*/
	
	div#header {
		background-image:url("images/ban.jpg");
		background-repeat:no-repeat;
		height: 186px;


	}	
		
	div#header h1 {	
		font-size:26px;
		font-family:Verdana;
		color:#09456e; /* bleu */	
		margin-top: 15px;
		text-align: center;
		width:700px;
		position:absolute;
		float:left;
		padding-left:5px;
		padding-right:5px;
		height:75px;

		}
		
	div#header h2 {	
		margin-top:90px;
		font-size:18px;
		font-family:Verdana;
		color:#09456e; /* bleu */
		width:900px;
		text-align: center;
				position:absolute;
		float:left;
	
		height:70px;

	}	
	
 /*fin header */
	
	
/* Colonne de gauche */	
	div#colonne1 {
		float: left;
		width: 249px;
		background-image: url(images/menuback-l.jpg);
		background-repeat: repeat-y;	
		/*padding-bottom: 30px;	*/
		position:relative;
	}
	
	div#colonne1 div {   /* positionnement du cadre, que vous pouvez modifier */
		width: 249px;  /* largeur du cadre, selon votre image de fond */
   	/* suppression de toutes les marges */
		margin: 0;
		padding: 0;
	}

	div#colonne1 h4 {
		background-image: url(images/menuback-l.jpg);
		background-repeat: repeat-y;
		font-size: 14px;
		font-family: Verdana;
		color:#09456e; /* bleu */
		font-weight: bold;
		text-decoration:none;
		text-align: center;
		margin-top: 0px;
		padding-top: 10px;
		margin-left: 0px;
	}

/*  documents list*/	
	div#docs {
		margin-left:0;
		padding-top: 0;
		margin-top: 0px;
		width: 249px; 		
		padding-bottom: 0px;
		margin-bottom: 0px;
		display: block;
	}
div#docs p {margin:0px;}
	div#docs ul {
		padding-bottom: 4px;
	}
	
	div#docs li {
		padding-left: 15px;
		padding-top: 0;
		padding-bottom:0px;
		margin-left: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
		list-style: none;
	}
	
	div#docs li span {
		padding-left: 8px;
		margin-left: 0px;
	}
	
/* Podcasts list */
	div#pods {
		margin-left:0;
		padding-top: 0;
		width: 230px; 	
		margin-top:0px;	
		display: block;
	}
	
	div#pods ul {
		padding-bottom: 25px;
	}
	
	div#pods li {
		padding-left: 10px;
		padding-top: 0;
		padding-bottom:0px;
		margin-left: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
		list-style: none;
		font-size: 8px;
	}	
	
/* recommend blog */
	div#recommend  {
		padding-bottom:25px;
	}

	div#recommend p {
		padding-left: 25px;
		margin: 0px;
		width: 210px;	
	}	

	div#recommend form {
		margin-top: 0;
		padding-top: 0;
		padding: 0;
		vertical-align: top;
	}
	div#lfoot {
		/*background-image: url(images/menubot-l.jpg);
		background-repeat: no-repeat;
		height: 78px;*/
	}

		div#lhead {
		background-image: url(images/menutop-l.jpg);
		background-repeat: no-repeat;
		height: 36px;
	}	
	
/* fin colonne de gauche */	
 

/* Colonne de droite */	
	div#colonne2 {
		float: right;
		width: 248px;
		background-image: url(images/menuback-r.jpg);
		background-repeat: repeat-y;
		padding-top: 0;
		/* padding-bottom: 30px;*/
		position:relative;
		/*margin-right:15px;*/
	}

	div#colonne2 div {   /* positionnement du cadre, que vous pouvez modifier */
		/*width: 234px;*/  /* largeur du cadre, selon votre image de fond */
   	/* suppression de toutes les marges */
		margin: 0;
		padding: 0;
		padding-bottom: 0px;
		padding-right:0px;
		/*text-align:justify;  cvo 17/10/2007 */
	}	

	div#colonne2 h4 {
		font-size: 14px;
		font-family: Verdana;
		color:#09456e; /* bleu */
		font-weight: bold;
		text-decoration:none;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		margin-left: 0px;
	}

	div#colonne2 h5 {

		padding-left:20px;
		font-size: 8px;
		font-family: Verdana;
		color:#09456e; /* bleu */
		font-weight: bold;
		margin-top: 0px;
		padding-top: 10px;
		margin-left: 0px;
		
	}

	div#colonne2 p{
		padding-top:0px;
		padding-left:20px;
		margin: 0px;
		font-size:10px;
		font-family:Verdana;
		color:#09456e; /* bleu */
		/*padding-bottom: 16px;*/
	}	

 div#img_coach {
	text-align: center;
	margin-top: 20px;
	margin-bottom:10px;
	padding-bottom:15px;
	
	
	}
  	div#coach img {
  		border: none;
			/*padding-left: 50px;*/
  	}
	

	div#coach h4 {
		margin-top:8px;
		text-align: center;
	}
	
	#coach_infos  {	margin: 0;padding: 0;	width:234px;	}
	#coach_infos h4 {	text-align: center; padding-bottom:5px;}
	#coach_infos p { margin-top:5px; padding-right:15px; text-align:justify; }
	
	div#offers ul {
		padding-bottom: 4px;
		margin: 0px;
		padding-left: 10px;	
	}
	
	div#offers h4 {
		margin-top:8px;
	}
	
	div#offers p {
		background: none;	
		padding-left: 3px;
		margin-left: 0;
		
	}
	
	div#offers li {
		padding-left: 10px; /*cvo 17/10/2007 reduced from 25px to 10px */
		padding-top: 0;
		padding-bottom:0px;
		margin-left: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
		list-style: none;
		font-size:10px;
		font-family:Verdana;
		color:#09456e; /* bleu */		
	}
	
	div#no_offers {
	 width:234px;
	 text-align: center;
	}

	#myplus  {	margin: 0;padding: 0;	width:234px;	}
	
	div#myplus h4 {
		margin-top:8px;
	}

	div#myplus p {
	 text-align:justify; 
	 padding-right:15px;
	}
	
	div#rfoot {
		/*background-image: url(images/menubot-r.jpg);
		background-repeat: no-repeat;
		height: 78px;
		margin-right: 0px;
		margin-left: 10px;
		padding-left: 25px;*/
	}

		div#rhead {
		background-image: url(images/menutop-r.jpg);
		background-repeat: no-repeat;
		height:41px;
		padding-left:0px;
	}
	div#rhead p {padding-left:0px;}
	div#rss_link img {
			margin-top:15px;
	}

/* Fin colonne de droite */	

/* Centre */	
	div#centre {
		left:0px;
		background: #fff;
		float:left;
		position:relative;
		font-size:10px;
		font-family:Verdana;
		color:#09456e; /* bleu */
		width:450px;
		background-image: url(images/fondp.jpg);
		background-repeat: no-repeat;
		background-position: top;		
	}

	div#centre h1 {
		font-size:12px;
		font-family:Verdana;
		color:#e06310; /* orange */
	}	

	div#centre h2 {
		padding-left: 10px;
		font-size:9px;
		font-family:Verdana;
		color:#09456e; /* bleu */
	}

	div#centre p {
		padding-left:15px;
		font-size:10px;
		font-family:Verdana;
		color:#09456e; /* bleu */
	}
	
/* fin centre */

/* Footer */
 div#footer {
 	height:115px;
	background-image: url(images/bas.jpg);
 	width: 100%;
 	position:relative;
 	clear:both;
	}
 div#footer p { text-align:right; padding-top:85px; padding-right:5px;}	
/* footer */


a#actpage {
	font-family:"Verdana"; 
	font-weight:bold;
	color:#09456e; /* bleu */ 
	font-size:16px;
	text-decoration:none;
}

a#actpage:hover {
	font-family:"Verdana"; 
	font-weight:bold;
	color:#e06310; /* orange */ 
	font-size:16px;
	text-decoration:underline;
}

/* comments page */
	div #commentaires {
		width:100%;
	}

	.date {
		font-size: 9px;
		color:#e06310; /* orange */
	}
	
	.from {
		font-size: 9px;
		font-weight:lighter;
	}
	
	.comment {
		font-size: 10px;
		border-bottom: thin;
	}
	
	.comment h4 {
		font-size: 11px;
		padding-left: 5px;
		margin-bottom: 1px;
	}
	
	.comment span {
		margin-top: 1px;
		margin-bottom: 1px;
		padding-left: 6px;
	}
	
	.comment p {
		font-size: 10px;
		padding-left: 8px;
		margin-top:1px;
		
	}
	
	div#abuse {
		text-align: center;
		font-size: 9px;
	}
	

	/* end comment section */
	
/* article section */
	.article {
		font-size: 10px;
		border-bottom: thin;
	}
	
	.article h4 {
		font-size: 11px;
		padding-left: 5px;
		margin-bottom: 1px;
	}
	
	.article span {
		margin-top: 1px;
		margin-bottom: 1px;
		padding-left: 6px;
	}
	
	.article p {
		font-size: 10px;
		padding-left: 8px;
		margin-top:1px;
		
	}	
/* end article section */

.title {
	text-align: center;
}	
#disclaimer {
	font-style: italic;
	font-size: 10px;
	color:#e06310; /* orange */
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

div#blog_logo {
	/*display:inline;*/
	/*float: left;*/
	text-align: center;
	/*position: absolute;*/
	/*margin-left: -400px;*/
	margin-top: 20px;
	margin-bottom:10px;
	padding-bottom:15px;
	width:240px;
}
/*	
h1, h1 a, h1 a:hover, h1 a:visited{
	text-decoration: none;
	color: #09456e;

	}	
h2, h2 a, h2 a:hover, h2 a:visited{
	text-decoration: none;
	color: #09456e;

	}		
*/
#headerimg {
	float:left;
		position:absolute;
    height: 150px;
    width: 900px;
}
/*	
#headerimg a, #headerimg a:hover {/* ces 4 lignes ont été ajoutées pour que la zone cliquable sur le header soit étendue */
  margin: 0;
 text-align:center;
font-size:20px;
  }	
  */

.image {
	float:left;
	position:absolute;
	width:800px;
	heigjt:100px;
}
.zone_click { /* zone cliquable */
	float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
	position:absolute;
	width : 940px;
	height: 170px;
	margin-left: 0px;
	margin-top: 0px;
	/*border: 1px dotted red; */ /*ajouté pour visualiser la zone*/
 z-index:100;
}

  div #commentaires hr {
  	width:350px;
  }
   div #articles hr {
  	width:400px;
  }	 	
	
	div#lastarticles ul {
		padding-bottom: 4px;
	}
	
	div#lastarticles li {
		padding-left: 15px;
		padding-top: 0;
		padding-bottom:0px;
		margin-left: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
		list-style: none;
	}
	
	div#lastarticles li span {
		padding-left: 8px;
		margin-left: 0px;
	}