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

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

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

a:link,
a:visited{
text-decoration:none;
color:#595c60;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#595c60;
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;}
.pied{display:none;}
.both{clear:both;}

input,select{
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:100%;
color:#757575;
}



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

div#centrage{
width:960px;
margin:0 auto 50px auto;
text-align:left;
font-size:70%;
height:auto !important;
height:500px;
min-height:500px;
text-align:center;
border:1px solid #b0b0b0;
border-top:none;
display:table;
}

	/*--------------- header----------------*/
	div#centrage div#header{
	height:113px;
	width:960px;
	text-align:left;
	background-image:url(../pics/header.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
		div#centrage div#header img#logo{
		position:absolute;
		margin:15px 0 0 0;
		}

	/*--------------- nav----------------*/
	div#centrage ul#menuderoulant{
	text-align:left;
	position:relative;
	float:left;
	width:960px;
	height:25px;
	z-index:200;
	}
		div#centrage ul#menuderoulant li{
		display:inline;
		float:left;
		}
		
		div#centrage ul#menuderoulant li img{
		display:block;
		position:relative;
		}
		
	/*--------------- acces rapide----------------*/
	div#centrage ul#gammes{
	z-index:10;
	text-align:left;
	position:relative;
	float:left;
	width:960px;
	height:118px;
	background-image:url(../pics/acces-rapide/fond.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:3px 0 0 0;
	}
		div#centrage ul#gammes li{
		display:inline;
		float:left;
		}			
		
	/*--------------- contenu----------------*/
	div#centrage div#contenu{
	z-index:10;
	text-align:left;
	position:relative;
	float:left;
	width:960px;
	height:auto !important;
	height:300px;
	min-height:300px;
	padding:3px 0 0 0;
	background-color:#FFF;
	background-image:url(../pics/fond-contenu-index.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	}
	
		div#centrage div#contenu div#promo{
		position:relative;
		float:left;
		width:392px;		
		text-align:justify;
		}
			div#centrage div#contenu div#promo .visu{
			position:relative;
			display:block;
			border:1px solid #6a6b6b;
			border-left:none;
			}
		
		div#centrage div#contenu div#bienvenue{
		position:relative;
		float:right;
		width:551px;
		margin:0 0 0 0;
		padding:0 7px 0 10px;
		height:177px;
		text-align:justify;
		display:table;
		}
			div#centrage div#contenu div#bienvenue h2{}
				div#centrage div#contenu div#bienvenue h2 .titre{
				margin:14px 0 0 0;
				float:left;
				}
				div#centrage div#contenu div#bienvenue h2 .autoreva{
				margin:0 25px 0 0;
				float:right;
				}	
			
			div#centrage div#contenu div#bienvenue p{
			clear:both;
			margin:0;
			padding:0;
			
			}
			div#centrage div#contenu div#bienvenue div.infos{
			clear:both;
			width:100%;
			padding:13px 0 0 0;
			}
			div#centrage div#contenu div#bienvenue img.visuel{
			float:right;
			position:relative;
			padding:1px;
			border:1px solid #cfcfcf;
			margin:0 0 0 13px;
			}
			
			div#centrage div#contenu div#bienvenue table#horaires{
			position:relative;
			height:47px;
			width:429px;
			background-image:url(../pics/fond-horaires.gif);
			background-position:0 0;
			background-repeat:no-repeat;
			float:left;
			font-size:10px;
			}
			
				div#centrage div#contenu div#bienvenue table#horaires tr td{
				padding:2px;
				}
				
				div#centrage div#contenu div#bienvenue table#horaires tr td.orange{
				font-size:11px;
				font-weight:bold;
				color:#f26522;
				}
			
		div#centrage div#contenu div.bas{
		width:100%;
		height:196px;
		clear:both;
		}
			div#centrage div#contenu div#gauche{
			position:relative;
			width:243px;
			height:180px;
			padding:16px 0 0 0;
			background-image:url(../pics/fond-acces.gif);
			background-position:0 0;
			background-repeat:repeat-x;
			float:left;
			color:#FFF;
			}
			
			div#centrage div#contenu div#gauche div#newsletter{
			clear:both;
			width:235px;
			padding:8px 4px 0 4px;
			position:relative;
			float:left;
			color:#FFFFFF;
			font-size:10px;
			text-align:left;
			}
				div#centrage div#contenu div#gauche div#newsletter h3{
				text-transform:uppercase;
				font-weight:bold;
				margin-bottom:2px;
				}
				
				div#centrage div#contenu div#gauche div#newsletter p{
				margin:0 0 3px 28px;	
				}
				div#centrage div#contenu div#gauche div#newsletter input{
				vertical-align:bottom;
				}
					div#centrage div#contenu div#gauche div#newsletter input.champ{
					width:120px;
					margin:0 5px 0 35px;
					border-top:1px solid #000;
					padding:0 2px;
					height:14px;
					border-left:1px solid #000;
					border-bottom:1px solid #c0c0c0;
					border-right:1px solid #c0c0c0;
					}
			
			
			div#centrage div#contenu table#selection{
			width:714px;
			position:relative;
			float:right;
			}
			
				div#centrage div#contenu table#selection tr.titre{
				background-image:url(../pics/fond-notre-selection.gif);
				background-repeat:repeat-x;
				height:24px;
				}
				div#centrage div#contenu table#selection tr.visuels{
				background-color:#FFF;
				height:135px;
				}
				div#centrage div#contenu table#selection tr.prix{
				background-color:#ebebeb;
				height:37px;
				font-weight:bold;
				}
					div#centrage div#contenu table#selection tr.prix .orange{
					font-weight:normal;
					color:#f26522;
					}
					
					
				
					
					
	/*--------------- footer----------------*/
	div#centrage div#footer{
	text-align:left;
	position:relative;
	float:left;
	clear:both;
	width:942px;
	height:28px;
	padding:17px 9px 0 9px;
	background-image:url(../pics/fond_footer.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	font-size:10px;
	}
	
		div#centrage div#footer ul.liens{
		float:right;
		font-weight:bold;
		}
			div#centrage div#footer ul.liens li{display:inline;}