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;}

div#coach_infos { width:100%; }
div#myplus { width:100%; }

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; 
}

.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 {
	font-family:"Verdana"; 
	color:#673800; /* bleu */ 
	font-size:12px;
	text-decoration:none;
}

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

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

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

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

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

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

a.basic { font-family:"Verdana"; color:#673800; 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:#673800;  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:#673800; /* 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/tp5-princip.jpg");
}

/* header */
	div#header {
		background-image:url("images/tp5-ban.jpg");
		background-repeat:no-repeat;
		height: 186px ;
		/*text-align: center;*/
	}	
		
	div#header h1 {	
		font-size:24px;
		font-family:Verdana;
		color:#673800; /* bleu */	
		margin-top: 50px;
		text-align: center;
		width:900px;
		position:absolute;
		float:left;
		height:60px;			
		}
		
	div#header h2 {	
		padding-top:3px;
		font-size:18px;
		font-family:Verdana;
		color:#673800; /* bleu */
		text-align: center;
		position:absolute;
		float:left;
		height:40px;
		width:900px;	
		margin-top:100px;	
	}
/* fin header */
	
	
/* Colonne de gauche */	
	div#colonne1 {
		float: left;
		width: 240px;
		background-image: url(images/tp5-menubg-l.jpg);
		background-repeat: repeat-y;	
		/*padding-bottom: 30px;	*/
		position:relative;
	}
	
	div#colonne1 div {   /* positionnement du cadre, que vous pouvez modifier */
		width: 240px;  /* largeur du cadre, selon votre image de fond */
   	/* suppression de toutes les marges */
		margin: 0;
		padding: 0;
	}

	div#colonne1 h4 {
		background-image: url(images/tp5-menubg-l.jpg);
		background-repeat: repeat-y;
		font-size: 14px;
		font-family: Verdana;
		color:#FFFFFF; /* bleu */
		font-weight: bold;
		text-decoration:none;
		text-align: center;
		margin-top: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 10px;
		background:#c0610b;
		width:226px;
	}

/*  documents list*/	
	div#docs {
		padding-top: 0;
		width: 249px; 		
		padding-bottom: 0px;
		display: block;
		margin:0px;
	}

	div#docs ul {
		padding-bottom: 2px;
		margin-left:5px;
	}
	div#docs p {margin:0px;}
	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;
		margin:0px;
	}
	
	div#pods ul {
		padding-bottom: 15px;
	}
	
	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/tp5-topmenu-l.jpg);
		background-repeat: no-repeat;
	}	
	
/* fin colonne de gauche */	
 

/* Colonne de droite */	
	div#colonne2 {
		float: right;
		width: 248px;
		background-image: url(images/tp5-menubg-r.jpg);
		background-repeat: repeat-y;
		position:relative;
	}

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

	div#colonne2 h4 {
		font-size: 14px;
		font-family: Verdana;
		color:#FFFFFF; /* bleu */
		font-weight: bold;
		text-decoration:none;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left:10px;
		background:#c0610b;
		width:230px;		
	}

	div#colonne2 h5 {

		padding-left:20px;
		font-size: 8px;
		font-family: Verdana;
		color:#673800; /* 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:#673800; /* bleu */
		/*padding-bottom: 16px;*/
	}	

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

  	}

	
	div#offers ul {
		padding-bottom: 4px;
		margin: 0px;
		padding-left: 10px;	
	}
	
	div#offers p {
		background: none;	
		padding-left: 3px;
		margin-left: 0;
	}
	
	div#offers li {
		padding-left: 10px;
		padding-top: 0px;
		padding-bottom:0px;
		margin-left: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
		list-style: none;
		font-size:10px;
		font-family:Verdana;
		color:#673800; /* bleu */		
	}
	
	div#rfoot {
		/*background-image: url(images/tp5-menubg-r.jpg);
		background-repeat: no-repeat;
		height: 78px;
		margin-right: 0px;
		margin-left: 10px;
		padding-left: 25px;*/
	}

		div#rhead {
		background-image: url(images/tp5-topmenu-r.jpg);
		background-repeat: no-repeat;
		height: 45px;
	}
div#rhead p {padding-left:0px;}

/* Fin colonne de droite */	

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

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

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

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

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


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

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

/* comments page */
	div #commentaires {
		width:420px;
		padding-left:10px;
	}

	.date {
		font-size: 9px;
		color:#673800; /* 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: right;
		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:#673800; /* 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;
}
	
.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 : 920px;
	height: 140px;
	margin-left: 0px;
	margin-top: 0px;
	/*border: 1px dotted red;*/  /*ajouté pour visualiser la zone*/
 z-index:100;
}		
	
	div#no_offers span {
		padding-left:10px;

	}
		div#no_offers a {
		padding-left:12px;

	}
	
	div#myplus h4 {
		margin-top:8px;
	}	
	
	div#coach h4 {
		margin-top:8px;
	}	
	
	div#rss_link img {
			margin-top:15px;
	}	
	
  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;
	}