/* =============================== */
/* GESTION DU BODY */

body {
	margin:0;
	padding:0;
	background-image:url("../images/top-background.png");
	background-repeat:repeat-x;
    font-family: "Trebuchet MS", Arial, Verdana, Geneva, Sans-Serif;
	font-size:12px;
	color:#333;
	background-color: #d4e1d0;
}

p {
	padding:0;
	margin:0;
}

p.marginBottom {
	padding:0;
	margin:0 0 12px 0;
}

p.marginTop {
	padding:0;
	margin:12px 0 0 0;
}

div.highlightBloc {
	padding:5px;
	margin:0 0 12px 0;
	background-color:#ecf7d1;
	border:1px solid #b5cc7e;
}

img {
	border:0;
	vertical-align:middle;
	padding:0;
	margin:0;
}


/* =============================== */
/* GESTION DU HEADER */

#header {
	margin:10px auto 0 auto;
	width:990px;
	height:78px;
	background-image:url("../images/background_header.jpg");
}

div#logo {
	float:left;
	padding:6px 0 0 10px;
	margin:0;
}

div#slogan {
	float:left;
	width:500px;
	padding:6px 0 0 25px;
	font-size:17px;
	color:#FFF;
	margin:26px 0 0 0;
	text-align:center;
}

#logos-camping {
	float:right;
	margin:15px 10px 0 0;
}




/* =============================== */
/* GESTION DU MENU */

#menu {
	margin:0 auto;
	width:990px;
	height:32px;
	background-image:url("../images/background_menu.jpg");
}


#menu ul {
	padding: 0;
	margin: 0 0 0 5px;
	list-style: none;
}

#menu ul li {
	display:inline-block;
	position:relative;
}

#menu ul li a {
	color:#FFF;
	text-decoration:none;
}

#menu ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}

.menu-std {
	margin:0 5px 0 5px;
	padding:8px 15px 0 0;
	height:24px;
	background-image:url("../images/vert-sep.png");
	background-position:right;
	background-repeat:no-repeat;
	font-size:13px;
}

#menu ul li form {
	margin:5px 8px 0 0;
	display:inline-block;
}

.float-left{ float:left;}
.float-right{float:right;}
.center{text-align:center;}
.marginRight{margin-right:20px;}
.imageFloat {
	float:left;
	margin:0 10px 5px 0;
}

.imgActivated {
	margin-top:0;
	padding-bottom:14px;
	background-image:url("../images/fleche.png");
	background-repeat:no-repeat;
	background-position:bottom;
}

.imageFloatCadre {
	float:left;
	padding:5px;
	margin:0 10px 5px 0;
	background-color:#ecf7d1;
	border:1px solid #b5cc7e;
}


.imageFloatCadreBlanc {
	float:left;
	padding:5px;
	margin:0 10px 5px 0;
	background-color:#FFF;
	border:1px solid #b5cc7e;
}

.marginTop{margin-top:15px;}
#searchButton {
	/*vertical-align:middle;*/
}

/* DEROULANT */

#menu ul li.supMenu:hover ul {
	display:block;
}


.subMenu {
	position:absolute;
	display:none;
	top:25px;
	left:-19px;
	z-index:1000;
}

.subMenu .top {
	width:250px;
	height:10px;
	background-image:url("../images/partners-top.png");
	background-position:top;
	background-repeat:no-repeat;
}

.subMenu .content {
	width:238px;
	padding:0 5px 0 7px;
	margin:0;
	background-image:url("../images/partners-content.png");
	background-repeat:repeat-y;
}

.subMenu .content span.oneElementFirst {
	display:block;
	width:232px;
	margin:2px 2px 0 2px;
	padding: 2px 0 1px 0;
	border-bottom:dotted 1px #999;
}

.subMenu .content span.oneElement {
	display:block;
	width:232px;
	margin:0 2px;
	padding:1px 0;
	border-bottom:dotted 1px #999;
}

.subMenu .content span.oneElementLast {
	display:block;
	width:232px;
	margin:0 2px;
	padding: 1px 0 2px 0;
}

#menu ul li ul li a {
	color:#000;
	font-size:12px;
}

#menu ul li ul li a:hover {
	color:#6d8d21;
	text-decoration:underline;
}

#menu ul li a.notUnderlined:hover {
	text-decoration:none;
}

img.submenuImg {
	vertical-align:middle;
}

.subMenu .bottom {
	width:250px;
	height:7px;
	background-image:url("../images/partners-bottom.png");
	background-position:top;
	background-repeat:no-repeat;
}







/* =============================== */
/* GESTION DU MIDDLE */

#middle {
	margin:10px auto 0 auto;
	width:990px;
}

#wrapperLeft {
	width:625px;
	float:left;
}

.columnIndex {
	background-color:#FFF;
	padding:10px;
	margin:0 0 15px 0;	
	height:250px;
}
.columnIndex a:link {text-decoration:none;}
.columnIndex a:hover {text-decoration:underline;}

.column {
	background-color:#FFF;
	padding:10px;
	margin:0 0 15px 0;	
}

#wrapperLeft .leftColumn {
	width:285px;
	margin-right:15px;
	float:left;
	background-color:#FFF;
	padding:10px;
	min-height:250px;
}

#wrapperLeft a.leftColumn:link {text-decoration:none;}
#wrapperLeft a.leftColumnhover {text-decoration:none;}
#wrapperLeft a.leftColumn:visited {text-decoration:underline;}
#wrapperLeft a.leftColumn:active {text-decoration:underline;}

#wrapperLeft .rightColumn {
	width:285px;
	float:left;
	background-color:#FFF;
	padding:10px;
	min-height:250px;
}

#wrapperRight {
	width:340px;
	margin-left:25px;
	float:left;
}

#wrapperLeft a.rightColumn:link {text-decoration:none;}
#wrapperLeft a.rightColumn:hover {text-decoration:none;}
#wrapperLeft a.rightColumn:visited {text-decoration:underline;}
#wrapperLeft a.rightColumn:active {text-decoration:underline;}




/**/
#wrapperRight #news {
	width:310px;
	height:250px;
	padding:10px 15px 10px 15px;
	background-color:#FFF;
}

#wrapperRight #news div.aNewsResume {
	margin-top:5px;
	padding-bottom:5px;
	font-size:11px;
	border-bottom:dotted 1px #999;
}

#wrapperRight #news div.aNewsResume a {
	color:#6d8d21;
}

#wrapperRight #sousMenu {
	width:310px;
	margin-bottom:15px;
	padding:10px 15px 10px 15px;
	background-color:#FFF;
}


#BlocNews a {
	color:#6d8d21;
}


/**/

#wrapperRight #becomeHotspot {
	width:310px;
	height:250px;
	padding:10px 15px 10px 15px;
	background-color:#FFF;
}

#wrapperRight #becomeHotspot div {
	margin-top:10px;
	padding-bottom:10px;
	font-size:11px;
}

#wrapperRight #becomeHotspot div.blocBecome {
	border-bottom:dotted 1px #999;
}

#wrapperRight #becomeHotspot div img {
	float:left;
	padding:0 15px 5px 0;
}

#wrapperRight #becomeHotspot div a {
	color:#6d8d21;
}





/* =============================== */
/* GESTION DDES BOUTONS */


.smallButton {
	display:inline-block;
	background-image:url("../images/button-left.png");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:11px;
	height:28px;
}

.smallButton a {
	display:inline-block;
	background-image:url("../images/button-right.png");
	background-position:right;
	background-repeat:no-repeat;
	padding:0 12px 0 0;
	line-height:20px;
	height:28px;
	color:#030;
	text-decoration:none;
}

.smallButton a:hover {
	text-decoration:underline;	
}


.bigButton {
	display:inline-block;
	background-image:url("../images/button-big-left.png");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	height:34px;
	text-decoration:none;
}

.bigButton a {
	display:inline-block;
	background-image:url("../images/button-big-right.png");
	background-position:right;
	background-repeat:no-repeat;
	padding:0 12px 0 0;
	line-height:26px;
	height:34px;
	color:#030;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.bigButton a:hover {
	text-decoration:underline;	
}


/* =============================== */
/* GESTION DU BOTTOM */

#bottom {
	margin:15px auto 5px auto;
	width:990px;
	height:32px;
	background-image:url("../images/background_menu.jpg");
	text-align:center;
}

#bottom ul {
	padding: 7px 0 0 0;
	margin:0;
	list-style: none;
	text-align:center;
}

#bottom ul li {
	display:inline-block;
}

#bottom ul li a {
	color:#FFF;
	text-decoration:underline;
}



/* =============================== */
/* OTHER */
ul { margin-left: 40px; }