/* CSS Document */

body {
	background:url(images/fond-pages.jpg) repeat-x #F0F0E8;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
select {
		font-size: 11px;
	}
#footer{
	clear:both;
	width:900px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #9D9189;
	margin:auto;
	text-align:center;
}
#footer a{
	color: #9D9189;
	text-decoration:underline;
}
#footer a:hover{
	color: #000;
	text-decoration:none;
}
p{
	margin:0;
	padding:0;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
p a{
	color: #445297;text-decoration:none;
}
p a:hover{
	color: #000;
	text-decoration:none;
}
#conteneur{
	margin:auto;
	width:880px;
}
#header{
	width:auto;
	height:75px;
}
#headerDroite{
	width:auto;
	float:left;
	margin:15px 0 0 20px;
}
h1{
	background:url(images/logo.png) no-repeat;
	width:185px;
	margin:0;
	padding:0;
	height:74px;
	float:left;
	cursor:pointer;
}
h1 span{
	display:none;
}
h2{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color:#000;
}
.h2{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color:#000;
	background:#fff;}
.h2 a{
	color:#3366CC !important;
	text-decoration:none;

}
.h2 a:hover{
	color:#000;
}
h3{
	font-family: "Times New Roman", Times, serif;
	background:url(images/fond-H3.gif) no-repeat;
	padding:0;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	margin:0;
	height:60px;
	line-height:60px;
}
h4{
	font-family: Tahoma, Arial;
	border-bottom:4px solid #F0EFEA;
	padding:0 0 2px 0;
	font-size: 22px;
	font-weight: normal;
	color: #000;
	margin:5px 0 5px 0;
}
#flag{
	height:20px;
	width:auto;
	float:left;
	margin-top:56px;
}
#flag ul{
	margin:0 0 0 5px;
	padding:0;
}
#flag li{
	list-style-type:none;
	float:left;
	margin-right:3px;
}
#menu{
	height:25px;
	width:auto;
	float:left;
	margin-top:33px;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu li{
	float:left;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height:25px;
	list-style-type:none;
	line-height:25px;
	margin:0;
	padding: 0 8px 0 8px !important;
	
}
#menu li a{
	color: #FFFFFF;
	text-decoration:none;
}
#menu li a:hover{
	color: #FF3399;
	text-decoration:none;
}
.menuOn{
	background:#4C3728;
	display:block;
	text-align:center;	
}
.menuOff{
	border-right:3px solid #4C3728;
	text-align:center;
}

#conteneurphoto{
	background:url(images/fond-photo.jpg) no-repeat;
	clear:both;
	width:870px;
	height:350px;
	padding:5px 2px 5px 8px;

}
#conteneurpage{
	clear:both;
	width:870px;
	height:430px;
	padding:5px 2px 5px 8px;
	background-image: url(images/fond-encard-page.jpg);
	background-repeat: no-repeat;
}
#conteneurpage2{
	clear:both;
	width:870px;
	padding:5px 2px 5px 8px;
	background:#fff;
}
.tableBackoffice{
	color:#000;
	font-family: Tahoma, Arial;
	font-size: 11px;
}
.tableBackoffice a{
	color:#445195;
	font-family: Tahoma, Arial;
}
.tableBackoffice a:hover{
	color:#000;

}
.tableBackoffice td{
	padding:3px;
	color:#000000 !important;
}
#photoHomepage{
	width:860px;
	height:341px;
}
#contentHome{
	clear:both;
	width:auto;
}
.homeBloc1{
	width:525px;
	padding:10px;
	float:left;
	background:#E8E8DB;
	margin:3px 5px 15px 3px;
}

.homeBloc2{
	width:320px;
	float:left;
}
.homeBloc2 td{
	padding-left:5px;
	font-size: 12px;
	font-family: Tahoma, Arial;
}
.homeBloc2 td a{
	color:#666666;
	text-decoration:none;
}
.homeBloc2 td a:hover{
	color:#000;
	text-decoration:none;
}
.TitreHomepage1{
	width:auto;
	background:#F0F0E8;
	height:40px;
	line-height:40px;
	padding-left:5px;
	margin:0 7px 0 3px;
}

.TitreHomepage2{
	width:415px;
	height:52px;
	background:url(images/titre2-home.png) no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:30px;
	text-indent:20px;
}
#contentPromo{
	background:url(images/fond-promoHome.png) repeat-y;
	width:400px;
	height:114px;
	padding-left:15px;
}
.titrepromoHome{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
		margin-bottom:10px;
}
#sepmenu{
width:auto;
height:11px;
background: url(images/sepmenu.jpg);
}
#contentpage{
	width:auto;
	height:auto;
}
#blocpage{
	width:auto;
	margin:auto;

}

#blocimagepage{
	float:left;
	width:475px;
	height:auto;
	margin:10px;
}
#vignette{
	clear:both;
	height:60px;
	margin:20px 0 0 5px;
}
#vignette ul{	
	margin:0;
	padding:0;
}
#vignette li{
	list-style-type:none;
	float:left;
	margin-right:7px;
}
#vignette li img{
	width:65px;
	height:55px;
	padding:3px;
	border:2px solid #DDDDCA;
}
#blocimageservice{
	float:left;
	width:475px;
	height:auto;
	margin:10px;
}
#bloctextepage{
	float:left;
	width:410px;
	height:310px;
	font-family: Tahoma;
	font-size: 12px;
	color: #000;
	margin:10px 0 0 20px;
	padding:5px;
	background:#fff;
	overflow-x:hidden;
	overflow:auto;
}
#bloctextepage2{
	float:left;
	width:300px;
	height:auto;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal !important;
	margin-left:5px;
}
#bloctextepage3{
	float:left;
	font-family: Tahoma;
	font-size: 12px;
	color: #000;
	margin:10px;
	width:550px;
}

#promo{
	float:left;
	width:auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #000;
	margin:10px;
	width:250px;
}
#bloctextepage3 a{
	color: #666;
}
#bloctextepage3 a:hover{
	color: #000;
	text-decoration:none;
}
#bloctextepage3 table{
	width:95%;
}
#bloctextepage3 td{
	padding:5px;
	font-size: 11px !important;
	font-family: Tahoma !important;
	height:20px;
}
#bloctextepage2 li{
	list-style:square;
}
#bloctextepage4{
	clear:both;
	width:auto;
	font-family: Tahoma;
	font-size: 12px;
	color: #000;
	margin:10px;
}
#bloctextepage4 table{
	width:100%;
}
#bloctextepage4 td{
	padding:5px;
	font-size: 11px !important;
	font-family: Tahoma !important;
	height:20px;
}
#grandeimage{
	width:415px;
	height:333px;
	padding:0;
	float:left;
}
#grandeimage img{
	width:415px;
	height:333px;
}
#blocimagepage ul{
	margin:5px 0 0 0;
	padding:0;
}
#blocimagepage li{
	padding:0;
	float:left;
	list-style-type:none;
	border:4px solid #4C3728;
	height:78px;
	width:102px;
	margin:0 8px 0 0;

}

#map{
	margin:0;
	width:500px;
	float:left;}