body { padding: 0px; margin: 0px; background: #36A8D8 url(../images/bg_body.gif) repeat-x; }
div, td, p { font-family: verdana, tahoma, sans-serif; font-size: 10px; line-height: 16px; }
form { padding: 0px; margin: 0px; }
input, select { font-family: verdana, tahoma, sans-serif; font-size: 9px; }
#header { position: relative; width: 780px; height: 150px; overflow: hidden; }
#hlogo { position: relative; width: 280px; height: 110px; float: left; }
#hanim { position: relative; width: 500px; height: 110px; float: right; }
#hmenu { position: relative; width: 780px; height: 40px; overflow: hidden; clear: both; background: url(../images/bg_menu.gif) no-repeat ; text-align: left; }
#main { position: relative; width: 780px; background: url(../images/bg_main.gif) no-repeat; }
#leftcontent { position: relative; width: 175px; float: left; }
#leftwrapper { position: relative; width: 170px; text-align: left; margin-top: 1px; float: right; }
#rightcontent { position: relative; width: 590px; float: right; }
#rightwrapper { position: relative; width: 580px; margin: 0 15px 0 10px; text-align: left }
#footer { position: relative; width: 780px; height: 50px; color: #E7F6FB; }
#footer a { color: #E7F6FB; text-decoration: none; }
/*menu header*/
#hmenu div { position: absolute; width: 150px; height: 35px; overflow: hidden; }
#hmenu div a { display: block; width: 150px; height: 35px; }
#mn-mot { left: 175px; }
#mn-decouvrir { left: 325px; }
#mn-photos { left: 475px; }
#mn-partir { left: 625px; }
#mn-mot a { background: url(../images/mn_mot.gif) no-repeat; }
#mn-decouvrir a { background: url(../images/mn_decouvrir.gif) no-repeat; }
#mn-photos a { background: url(../images/mn_photos.gif) no-repeat; }
#mn-partir a { background: url(../images/mn_partir.gif) no-repeat; }
#hmenu div a:hover { background-position: 0 -35px; }
/*left menu*/
.left-titre { width: 170px; height: 25px; background: url(../images/bg_ttl_left.gif) no-repeat; overflow: hidden; font-family: arial, sans-serif; color: #094E9F; font-size: 11px; font-weight: bold; line-height: 24px; text-align: center; }
#leftwrapper ul { padding: 0px; margin: 0 5px 3px 5px; list-style-type: none; width: 160px; }
#leftwrapper ul li { width: 160px; height: 18px; background-repeat: no-repeat; margin-bottom: 1px; }
#leftwrapper ul li a { display: block; width: 135px; height: 18px; margin-left: 25px; color: #174576; text-decoration: none; font-size: 9px; line-height: 10px; line-height: 18px; }
#leftwrapper ul li a:hover { color: #1068C6; }
.clear { position: relative; width: 100%; height: 1px; overflow: hidden; clear: both; }
/*old style*/
.find{ color: #003B7D; font-size: 10px; text-decoration: none }
.matitre2{ color: #FF6600; font-size: 10px; text-decoration: none }
.matitre2:hover,.find:hover,.matitre1:hover{ color: #7B7B7B; text-decoration: underline }
.mdbg1{ width: 100%; position: relative }
.mdbg2{
	margin: 0 15px 10px 15px;
	text-align: left;
	position: relative
}
.mdleft{ width: 168px; float: left; position: relative }
.mdright{ width: 168px; float: right; position: relative }

.mdleft2{ width: 220px; float: left; position: relative }
.mdright2{ width: 220x; float: right; position: relative }
.rgtitre1 {
	color: #2C709D;
	background: url(../images/fd_titre_right.gif) no-repeat;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 18px
}
.row{ width: 310px; margin-bottom: 10px; position: relative }
.row2{
	width: 100%;
	clear: both;
	margin-bottom: 10px;
	font-size: 9px;
	text-align: left;
	position: relative
}
.row4{
	width: 210px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/fd_rbd_cadre2.gif) bottom no-repeat;
	text-align: center;
	position: relative
}
.row41{
	width: 310;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/fd_rbd_cadre22.gif) bottom no-repeat;
	text-align: left;
	position: relative
}
.row5{
	width: 190px;
	margin: 0 10px;
	color: #42919E;
	background: url(../images/fd_ttl_right.gif) no-repeat center;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 18px
}
.row55{
	width: 290px;
	margin: 0 10px;
	color: #42919E;
	background: url(../images/fd_ttl_right.gif) no-repeat center;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 18px
}
.row6{
	width: 190px;
	margin: 0 10px;
	text-align: left;
	position: relative
}
.rowfd1{ background: url(../images/fd_rbd_cadre22_new.gif) bottom no-repeat }
.rowfd2{ background: url(../images/ma_fdrow2.gif) bottom no-repeat }
#intro{
	width: 340px;
	margin-bottom: 3px;
	position: relative;
	height: 180px;
	overflow: hidden
}
#intro div{
	width: 155px;
	margin: 5px;
	float: right;
	color: #FFFFFF;
	text-align: left;
	position: relative
}
#mcleft{
	width: 570px;
	margin: 15px 5px 5px 0;
	float: left;
	position: relative
}

#mcleft2{
	width: 540px;
	margin: 15px 5px 5px 0;
	float: left;
	
}
#mcright{
	width: 210px;
	margin: 15px 5px 5px 0;
	float: right;
	text-align: center;
	position: relative
}
#search { position: relative; vertical-align:top; width: 590px; height: 23px; overflow: hidden; background: #E7F6FB; border-bottom: 1px solid #CCE6F3; margin-right: 5px; }
#bread{
	width: 330px;
	float: left;
	margin-left: 5px;
	color: #195D9C;
	text-align: left;
	line-height: 22px;
	position: relative;
	height: 30px
}
#bread a{
	color: #195D9C;
	font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#search2 {
	position: relative;
	float: right;
	color: #195D9C;
	width: 260px;
	padding-top: 1px;
	text-align: right;
	font-family: arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.titre1 { position: relative; height: 40px; background: url(../images/fd_titre1.gif) no-repeat; font-size: 22px; color: #2C709D; line-height: 32px; }
.texte1 { color: #136F99;}
#photo { position: relative; width: 580px; height: 210px; overflow: hidden; background: url(../images/fd_photo.jpg) no-repeat; }
#photo1 { position: absolute; width: 304px; height: 194px; overflow: hidden; left: 8px; top: 8px; }
#photo2 { position: absolute; width: 250px; height: 210px; overflow: hidden; left: 330px; top: 0px; }
#photo3 { position: relative; width: 580px; height: 210px; overflow: hidden; background: url(../images/fd_photo.jpg) no-repeat;  }
#photo2 img { border: 1px solid #5AA8CF; }