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

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

body{
font-family:"Trebuchet MS", Verdana, Arial;
color:#fff;
text-align:center;
background-image:url(../pics/layout/fond.gif);
background-repeat:no-repeat;
background-position:center 0;
background-color:#000101;
}

a:link,
a:visited{
text-decoration:none;
color:#fff;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#fff;
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;display:block;}
.center{text-align:center;}
.small{font-size:10px;}

input.champ{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:10px;
border:1px solid #9e9ea0;
color:#6f6f6f;
padding-left:1px;
height:13px;
padding-right:1px;
}

select{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:10px;
border:1px solid #9e9ea0;
color:#6f6f6f;
}



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

div#centrage{
width:960px;
margin:0px auto;
text-align:left;
font-size:11px;
text-align:left;
display:table;
background-image:url(../pics/layout/fond2_index.gif);
background-position:0 620px;
background-repeat:no-repeat;
}

	/*--------------- logo----------------*/	
	div#centrage div#logo{
	width:960px;
	height:90px;
	}
		div#centrage div#logo img{
		clear:both;
		display:block;
		}
	
	/*--------------- menu----------------*/	
	div#centrage ul#menu{
	width:960px;
	height:40px;
	}
	
		div#centrage ul#menu li{
		display:inline;
		float:left;
		margin-bottom:-5px;
		}
	
	/*--------------- bandeau----------------*/	
	div#centrage div#bandeau{
	width:960px;
	height:490px;
	}
		div#centrage div#bandeau img{
		display:block;
		}
		
	
	/*--------------- contenu----------------*/	
	div#centrage div#contenu{
	position:relative;
	clear:both;
	width:960px;
	z-index:80;
	height:auto !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
		div#centrage div#contenu div.col{
		width:310px;
		display:inline;
		float:left;
		margin-right:15px;
		text-align:justify;
		}
			div#centrage div#contenu div.col.der{
			margin:0px;
			}
			div#centrage div#contenu div.col img{
			border-top:1px solid #feb519;
			border-bottom:1px solid #feb519;
			margin-bottom:-3px;
			}
			
			div#centrage div#contenu div.col h2{
			margin:10px 10px 2px 10px;
			font-size:14px;
			font-weight:normal;
			}
			
			div#centrage div#contenu div.col p{
			margin:0 10px;	
			line-height:18px;		
			}
			
			div#centrage div#contenu div.col a{
			text-decoration:none;
			}
		
		
					
					
	/*--------------- footer----------------*/
	div#centrage div#footer{
	clear:both;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:8px 10px 0 10px;
	height:22px;
	width:940px;
	font-weight:bold;
	background-image:url(../pics/layout/footer.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	top:10px;
	}
	
		div#centrage div#footer span.left span{color:#feb519;}
	
		div#centrage div#footer ul li{display:inline;}
			div#centrage div#footer ul li a{color:#feb519;}
			
			
			
			
			
			
			
			
			
		/* mise en forme des select et input etc */	
			
			div#centrage input.champ{
			vertical-align:middle;
			}
					div#centrage input.champ.long{
					width:135px;
					margin-right:5px;
					}
					div#centrage input.champ.court{
					width:41px;
					margin-right:5px;
					}
					div#centrage input.champ.court2{
					width:55px;
					margin-right:0px;
					}
					
					div#centrage .long{
					width:138px;
					}
					div#centrage .long2{
					width:200px;
					}
					div#centrage .long3{
					width:165px;
					}
					
					div#centrage select.court{
					width:85px;
					}