/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#555555;
text-align:center;
background-color:#FFFFFF;
}

a:link,a:visited{
text-decoration:none;
color:#555555;
outline:none;
}

a:hover,a:active{
text-decoration:underline;
color:#555555;
outline:none;
}



h1{display:none;}
h2,h3,h4,h5{font-size:100%;}

ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.both{clear:both;}


.bgred{background-color:#ba292b;}

input.champ{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #555555;
color:#000;
height:13px;
padding-left:2px;
padding-right:2px;
background-color:transparent;
}

select{
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #555555;
color:#000;
background-color:transparent;
padding:1px;
}







/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

table#centrage{
width:960px;
margin:0 auto 0 auto;
text-align:left;
font-size:65%;
text-align:left;
display:table;
}

	/*--------------- head----------------*/

	table#centrage tr#head{
	height:25px;
	width:960px;
	color:#808080;
	}
		table#centrage tr#head ul{margin-left:8px;}
			table#centrage tr#head ul li{display:inline;}
				table#centrage tr#head ul li img{margin-bottom:-2px;}
				table#centrage tr#head ul li a{color:#808080;}


		/* MENU */

		table#centrage tr td#menu{
		width:240px;
		padding:0 0 10px 0;
		background-color:#e8e5e4;line-height:15px;
		}

			table#centrage tr td#menu div#nav{
			height:154px;
			width:235px;
			padding:6px 0 0 5px;
			background-color:#FFF;
			}
			
				table#centrage tr td#menu div#nav ul li{
				display:block;
				line-height:normal;
				margin:2px 0 5px 0;
				}
			
			table#centrage tr td#menu div#acces{
			height:75px;
			width:231px;
			padding:30px 0 0 9px;
			background-image:url(../pics/fond_acces.jpg);
			line-height:normal;
			}
			
				table#centrage tr td#menu div#acces h3{margin-bottom:8px;}
				table#centrage tr td#menu div#acces input.champ{
				float:left;
				width:89px;
				vertical-align:middle;
				color:#FFF;
				margin-right:5px;
				border-color:#b7b7b7;
				}
				table#centrage tr td#menu div#acces input.bt{
				vertical-align:middle;
				float:left;
				margin-left:5px;
				}
				table#centrage tr td#menu div#acces a.motpasse{
				float:right;
				margin:5px 35px 0 0;
				color:#FFF;
				font-size:9px;
				padding-left:10px;
				background:url(../pics/puce_grise.gif) 0 5px no-repeat;
				}
				
			table#centrage tr td#menu div#presentation h3{margin-left:10px;}
			table#centrage tr td#menu div#presentation p{margin:10px;
			}

			table#centrage tr td#menu div#offres h3{margin-left:10px;}
			table#centrage tr td#menu div#offres ul{
			font-size:11px;
				width:215px;
				margin-left:20px;
				}
					table#centrage tr td#menu div#offres ul li{
					background:url(../pics/puce_ronde2.gif) 0 3px no-repeat;
					margin-bottom:5px;
					padding-left:20px;
					}


		/* DATAS */

		table#centrage tr td#datas{
		width:480px;
		padding:0 0 10px 0;
		line-height:15px;
		}
			
			/* index */
			
			table#centrage tr td#datas div#content.index{
			width:430px;
			padding:10px 20px 0 30px;
			}
				table#centrage tr td#datas div#content.index h2{
				margin-bottom:15px;
				clear:both;
				}
				
					table#centrage tr td#datas div#content.index h3{
					width:120px;
					
					color:#FFF;
					text-align:center;
					background-color:#ba292b;
					margin-bottom:2px;
					clear:both;
					}
					table#centrage tr td#datas div#content.index p{
					margin-bottom:10px;
					display:table;
					}
					
					table#centrage tr td#datas div#content.index img.visuel{
					float:left;
					margin:3px 10px 2px 0;
					}
				
				table#centrage tr td#datas div#content.index div.sep{
				clear:both;
				display:block;
				height:15px;
				margin-top:15px;
				width:430px;
				border-top:1px solid #a8a8a8;
				}
			
				table#centrage tr td#datas div#content.index ul.offres{
				width:215px;
				float:left;
				}
					table#centrage tr td#datas div#content.index ul.offres li{
					background:url(../pics/puce_ronde.gif) 0 3px no-repeat;
					margin-bottom:5px;
					padding-left:20px;
					}
					
				
					
			/* autres pages */
			table#centrage tr td#datas div#content{
			width:466px;
			padding:25px 7px 0 7px;
			line-height:18px;
			}
				
				
				
			table#centrage tr td#datas div#content h2{
			margin-bottom:10px;
			clear:both;
			}	
			
			
			table#centrage tr td#datas div#content td.textes p{
			text-align:justify;			
			clear:both;			
			}
			
				table#centrage tr td#datas div#content td.textes img.visugauche{
				float:left;	
				margin:3px 20px 0 0;				
				}
				table#centrage tr td#datas div#content td.textes img.visudroite{
				float:right;
				margin:3px 0 0 20px;					
				}
				table#centrage tr td#datas div#content td.textes a.savoirplus{
				float:right;	
				margin-bottom:10px;	
				background:url(../pics/puce_ronde.gif) 0 5px no-repeat;
				padding-left:15px;			
				}
					table#centrage tr td#datas div#content td.textes a.savoirplus span{color:#ba292b;}
					
				table#centrage tr td#datas div#content td.textes div.sep{
				clear:both;
				display:block;
				height:20px;
				}
			table#centrage tr td#datas div#content td.visu{
			width:114px;
			text-align:right;						
			}
			table#centrage tr td#datas div#content td.visu2{
			padding-top:40px;
			width:100px;
			text-align:right;						
			}
				

		/* ANNEXES */

		table#centrage tr td#annexes{
		width:240px;
		padding:0 0 10px 0;
		background-color:#e8e5e4;
		line-height:15px;
		}	
		
			table#centrage tr td#annexes div#contenu{
			padding:10px;
			width:220px;
			}	
				table#centrage tr td#annexes div#contenu h3{
				margin-bottom:3px;
				}
				table#centrage tr td#annexes div#contenu p{
				margin-bottom:20px;
				}
				table#centrage tr td#annexes div#contenu p.temoin{
				line-height:18px;
				clear:both;
				}
				
				table#centrage tr td#annexes div#contenu  img.visugauche{
				float:left;	
				margin:3px 20px 0 0;
				}
				table#centrage tr td#annexes div#contenu h3 img.visu_temoin{
				float:left;
				margin-top:-8px;
				}
				
			
		

	/*--------------- footer----------------*/

	table#centrage tr#footer{
	height:15px;
	width:960px;
	}