/*===================================================================*/
/*============================ CLEAR ================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul, li { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
.clear { clear: both; }
.for_print { display: none; }
.hidden { display: none; }
#photoSlide { height: 230px; }
/*===================================================================*/
/*============================= BODY ================================*/
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
body { text-align: center; background: #333333; }
/*===================================================================*/
/*=========================== CONTAINER =============================*/
div.container {
	text-align: left;
	margin: 0 auto;
	width: 900px;
	background: url('../images/design/container_bg.gif') repeat-y #FFF;
	padding: 0 44px;
}
/*===================================================================*/
/*============================= HEADER ==============================*/
div.header {
	height: 232px;
	width: 900px;
	position: relative;
}
div.header_overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 232px;
	width: 900px;
	background: url('../images/design/header_overlay.png') no-repeat transparent;
}
div.header h1 a { 
	display: block;
	height: 274px;
	width: 284px;
	position: absolute;
	top: 66px;
	left: 31px;
}
div.header h1 a span { display: none; }
div.header div.breadcrum a, div.header div.link a { color: #000; }
div.header div.breadcrum, div.header div.link {
	position: absolute;
	top: 0;	
	height: 28px;
	line-height: 28px;
	color: #000;
	font-size: 11px;	
	font-weight: bold;
}
div.header div.breadcrum { left: 15px; }
div.header div.link { right: 16px; }
/*===================================================================*/
/*============================= SLOGAN ==============================*/
div.slogan {
	height: 44px;
	line-height: 44px;
	background: url('../images/design/slogan_bg.png') no-repeat 0 0 #00611E;
	color: #FFF;
	padding-left: 394px;
	font-size: 19px;
	font-style: italic;
	margin-top: 0 !important;
	margin-top: -1px;
}
/*===================================================================*/
/*============================== LEFT ===============================*/
div.left {
	width: 270px;
	margin: 0 44px 0 36px;
	//margin-left: 36px !important;
	//margin-left: 18px;
	float: left;
	background: url('../images/design/left_bg.png') no-repeat 0 0 #FFF;
}
div.left div.menu {
	margin: 80px 15px 0;
	padding: 4px 4px 0;
	border: 1px solid #CCC;
	//width: auto !important;
	//width: 202px;
}
.left .infobox {
	margin-top: 60px;
	text-align: center;
	color: #666;
	line-height: 17px;
	font-size: 11px;
}
.left .infobox h2 {
	display: none;
}
.left .infobox a {
	color: #666;
}
/*===================================================================*/
/*============================ CONTENT ==============================*/
div.content {
	width: 500px;
	float: left;
	margin-top: 64px;
	line-height: 16px;
	padding-bottom: 50px;
}
div.content a { color: #00611E; }
div.content a:hover { color: #000; }
div.content p { margin-bottom: 17px; }
div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 { color: #000; margin-bottom: 17px; }
div.content h2 { font-size: 22px; border-bottom: 1px solid #ffc600; padding-bottom: 10px; }
div.content h3 { font-size: 14px; }
div.content div#tools { text-align: right; color: #999; margin: 10px 0 100px; }
div.content div#tools a { text-transform: uppercase; color: #999; text-decoration: none; }
div.content div#tools a:hover { color: #000; }
/*===================================================================*/
/*============================= FOOTER ==============================*/
div.footer {
	text-align: left;
	margin: 0 auto;
	width: 900px;
	height: 84px;
	background: url('../images/design/footer_bg.png') no-repeat #FFF;
	padding: 0 44px;
}
div.footer div.copyright {
	text-align: right;
	font-size: 11px;
	color: #807f7f;
	padding: 7px 17px 0 0;
}
div.footer div.copyright a { color: #807f7f; text-decoration: none; }
/*===================================================================*/
/*============================ FORMULAIRE ===========================*/
div.content form div.field {
	margin: 10px 0;
}
div.content form div.field label {
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	padding: 0 10px 0 0;
	color: #7D7D7D;
	margin-top: 2px;
}
div.content form div.field input {
	width: 200px;
	padding: 2px;
}
div.content form div.field textarea {
	padding: 2px;
	width: 250px;
}
div.content form div.field img.code {
	margin: 10px 0 0 160px;
}
div.content form div.error {
	background: #F4CACA;
	border: 1px solid #CC0000;
	color: #CC0000;
	padding: 10px 0;
}
div.content form div.error div.info {
	margin: 5px 0 0 110px;
}
div.content form div.submit {
	border-top: 1px solid #BBB;
	padding: 10px 0;
	margin: 20px 0;
}
div.content form div.submit input {
	margin-left: 160px;
}
div.error_message {
	background: #F4CACA;
	padding: 15px;
	border: 1px solid #CC0000;
	color: #CC0000;
	margin-bottom: 10px;
}
div.info_message {
	background: #CAF4CA;
	padding: 15px;
	border: 1px solid #090;
	color: #090;
	margin-bottom: 10px;
}
div.indicator_message {
	background: #F4F4F4;
	padding: 15px;
	border: 1px solid #999;
	color: #999;
	margin-bottom: 10px;
}
div.alert_message {
	background: #CACAF4;
	padding: 15px;
	border: 1px solid #005;
	color: #005;
	margin-bottom: 10px;
}
p.info {
	margin: 0 0 0 160px;
}
/*===================================================================*/
/*============================== SEARCH =============================*/
div.page_liste {
	margin-bottom: 20px;
}
div.page_liste ul {
	list-style: none;
}
ul.liste li span.resume {
	font-size: 11px;
	margin-left: 10px;
}
div.box div.search label {
	color: #FFF;
	display: block;
	margin-bottom: 5px;
}
div.box div.search input {
	margin-bottom: 5px;
}
/*===================================================================*/
/*=============================== GMAP ==============================*/
div#divgmap {
	margin-bottom: 10px;
	border: 1px solid #CCC;
	width: 100%;
	height: 300px;
}
/*===================================================================*/
/*============================ VOYAGES ==============================*/
div.voyages_list div.voyage, div.voyages_list form { background: url('../images/design/box_bg.gif') repeat-y 0 0 #00611E; }
div.voyages_list form { background-color: #FFF; margin-bottom: 20px; }
div.voyages_list form div.category { font-size: 9px; border-bottom: 1px solid #CCC; padding: 5px; }
div.voyages_list form div.category div.check { float: left; width: 150px; }
div.voyages_list form p.advanced { text-align: right; font-size: 11px; }
div.content div.voyages_list form div.field label {
	display: block;
	width: 100px;
	text-align: right;
	float: left;
	padding: 0 10px 0 0;
	color: #7D7D7D;
	margin-top: 2px;
}
div.content div.voyages_list form div.submit input { margin-left: 110px; }
div.content div.voyages_list form div.field .long { width: 300px; }
div.voyages_list form div.form_contenu { padding: 0 20px; }
div.voyages_list div.voyage div.contenu_voyage { padding: 10px 30px 2px; }
div.voyages_list div.voyage div.contenu_voyage div.photo { float: left; margin-right: 10px; }
div.voyages_list div.voyage div.contenu_voyage div.infos { float: left; }
div.voyages_list div.voyage h3 { margin-bottom: 9px; }
div.voyages_list div.voyage p { margin: 0; padding: 8px 0; }
div.voyages_list div.top { background: url('../images/design/box_top_bg.gif') no-repeat 0 0; height: 13px; }
div.voyages_list div.bottom { background: url('../images/design/box_bottom_bg.gif') no-repeat 0 bottom; height: 13px; }
div.voyages_fiche div.right {
	float: right;
	width: 260px;
	margin-left: 20px;
	background: #CCC;
	padding: 20px 0;
}
div.voyages_fiche div.right div.photos { padding: 0 12px; }
div.voyages_fiche div.right div.photos h3 { margin: 0 12px 2px 4px; border-bottom: 1px solid #FFF; padding-bottom: 2px; }
div.voyages_fiche div.right div.photo {
	float: left;
	padding: 2px;
	background: #FFF;
	border: 1px solid #666;
	margin: 4px;
}
div.voyages_fiche div.right div.photo a { display: block; }
div.voyages_fiche div.right div.infos { padding: 0 20px; margin-bottom: 30px; }
div.voyages_fiche div.right div.infos h3 { margin-bottom: 4px; border-bottom: 1px solid #FFF; padding-bottom: 2px; }
div.voyages_fiche div.right div.infos ul { padding: 0; margin: 0 0 0 20px; }
div.voyages_fiche div.content_voyage p { text-align: justify; }
div.voyages_fiche div.content_voyage div.photobig { margin-bottom: 20px; }
/*===================================================================*/
/*=========================== PAGINATION ============================*/
div.pagination_container { padding-left: 10px; position: relative; height: 30px; }
div.pagination_container p { position: absolute; right: 10px; top: 5px; font-weight: bold; }
div.pagination, div#sequence { margin-bottom: 40px; padding: 1px;}
div.pagination a, div#sequence a, div.pagination span, div#sequence span {
	color: #000000;
	dislay: block;
	float: left;
	text-align: center;
	height: 20px;
	line-height: 20px;
	padding: 0 7px;
	text-decoration: none;
	margin-right: 1px;
	background-color: #eee;
}
div.pagination a:hover, div#sequence a:hover { color: #FFFFFF; text-decoration: none; background-color: #333; }
div#sequence a img { position: relative; top: 6px; }
div.pagination span, div#sequence span { background-color: #00611E; color: #fff; }