@charset "UTF-8";

/* CSS Document */



html, body {

	height: 100%;

}



body {

	margin: 0px;

	background-color: #f0eff0;

	font-family: Arial, Helvetica, sans-serif;

	color: #4b494a;

}



body, p, td {

	font-size: 14px;	

}



table {

	border-collapse: collapse;

	border-spacing: 0px;

}



td {

	padding: 0px;

	vertical-align: top;

}



h1 {

	font-size: 20px;

	color: #ae111f;

}



h2 {

	font-size: 18px;

}



h3 {

	font-size: 14px;

}





img {

	border: none;

}



.pointer {

	cursor: pointer;	

}







/* table principale */

#main {

	width: 100%;

	height: 100%;

}



#main_top {

	background-image:  url("img/backgrounds/main_top.gif");

	background-position: top;

	background-repeat: repeat-x;

}



#main_top_bg {

	width: 100%;

	height: 60px;

	margin-bottom: -60px;

	background-image:  url("img/backgrounds/main_top_bg.gif");

	background-position: center;

	background-repeat: no-repeat;

}



#main_bottom {

	background-image: url("img/backgrounds/main_bottom.gif");

	background-position: bottom;

	background-repeat: repeat-x;

	vertical-align: bottom;

}



#main_bottom_bg {

	width: 100%;

	height: 107px;

	background-image:  url("img/backgrounds/main_bottom_bg.gif");

	background-position: center;

	background-repeat: no-repeat;

	margin-top: -106px;

}



#content_top, #content_bottom, #content {

	width: 1028px;

	margin-left: auto;

	margin-right: auto;

}



#content_top {

	height: 106px;

}



#content_bottom {

	position: relative;

	height: 106px;

	z-index: 2;

}





/* Partie haute */

#logo {

	width: 220px;

	height: 90px;

	float:left;

	margin-left: 21px;

	margin-top: 8px;

	background-image:  url("img/logo.png");

	background-position: top left;

	background-repeat: no-repeat;

	display:inline;

}



#menu {

	height: 70px;

	width: 765px;

	margin-top: 13px;

	margin-left: 18px;

	float: left;

	display:inline;

}



#menu .one {

	margin-top: 14px;

}

#menu .two {

	margin-top: 9px;

}

#menu .three {

	margin-top: 6px;

}

#menu .four {

	margin-top: 2px;

}

#menu .five {

	margin-top: 0px;

}

#menu .six {

	margin-top: 0px;

}



#menu img {

	float : left;

}







/* Bas de page */

#content_bottom {

	color: White;

}





#slogan {

	width: 410px;

	padding-top: 30px;

	padding-left: 25px;

	color: White;

	font-size: 24px;

	float: left;

	display: inline;

}



#slogan .bottom {

	padding-left: 80px;

}



#slogan .small {

	font-size: 18px;

}





#contact {

	padding-top: 55px;

	padding-right: 60px;

	font-size: 18px;

	float: right;

	display: inline;

}



#links {

	padding-top: 90px;

	padding-right: 20px;

	padding-left: 20px;

	text-align: right;

	color: White;

}



#content_bottom a {

	color: White;

	text-decoration: none;

}



#content_bottom a:hover {

	text-decoration: underline;	

}









/* Elements lateraux */

.panel {

	width: 269px;

	padding-bottom: 40px;

}



.panel .title {

	height: 25px;

	background-image:  url("img/panels/title_bg.gif");

	background-position: top;

	background-repeat: no-repeat;

	color: White;

	font-size: 14px;

	line-height: 25px;

	padding-left: 40px;

}



.panel .content {

	background-color: White;

	font-size: 12px;

	padding: 10px;

}



.panel .bottom {

	height: 11px;

	background-image:  url("img/panels/bottom_bg.gif");

	background-position: top;

	background-repeat: no-repeat;

}









/* Contenu */

#content_left {

	width: 685px;

	padding-left: 20px;

	padding-bottom: 40px;

	float: left;

	display: inline;

}



#content_right {

	width: 269px;

	padding-right: 20px;

	padding-top: 5px;

	float: right;

	display: inline;

}





#map_canevas {

	 width: 650px;

	 height: 392px;

	 border: 10px solid White;

	 margin-bottom: 30px;

}



#encart {

	width: 685px;

	margin-bottom: 40px;

}



#encart .top {

	height: 15px;

	background-image:  url("img/main/bg_top.gif");

	background-position: bottom left;

	background-repeat: no-repeat;

}



#encart .bottom {

	height: 14px;

	background-image:  url("img/main/bg_bottom.gif");

	background-position: top left;

	background-repeat: no-repeat;

}



#encart .content {

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 5px;

	padding-bottom: 6px;

	background-color: White;

	background-image:  url("img/main/bg_main.gif");

	background-position: left;

	background-repeat: repeat-y;

}



#encart .content table {

	width: 100%;	

}



#encart .content td.item {

	width: 153px;

	vertical-align: middle;

}



#encart .content td.item div.box {

	width: 133px;

	height: 90px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 13px;

	padding-bottom: 13px;

	background-image:  url("img/main/vignette_bg.gif");

	background-position: top left;

	background-repeat: no-repeat;

}



#encart .content td.item div.box .photo {

	width: 133px;

	height: 74px;

}



#encart .content td.item div.box .title {

	text-align: right;

	line-height: 16px;

}



#encart .content td.photo {

	text-align: right;

	padding-left: 9px;

	vertical-align: middle;

}



#encart .content table.photo td {

	text-align: center;

	vertical-align: middle;

	width: 33%;

}



#encart .content table.photo td.more {

	padding: 20px;

	line-height: 30px;

}



#encart .content table.photo td img {

	border: none;

	padding-bottom: 10px;

}



#encart .content table.photo td a {

	text-decoration: none;

}









a:link, a:active {

	color: #ae111f;

}



a:visited {

	color: #969696;

}



a:hover {

	color: #cc9900;

}