/************************************************************/
/* COMMON 													*/
/************************************************************/
body {
	color:#333;
	background:#F0F0F0 url(img/mainNavBg.gif) repeat-x 0 220px;
}
p, ul, ol, address, table {
	font-size:1.1em;
	margin-bottom:1em;
	line-height:1.5em;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
.bigger {
	font-size:1.6em;
}
.highlight{
	text-align:center;
	font-weight:bold;
	font-size:2em;
	color:#C80203;
}
hr.newSection {
	display:none;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clear {
	clear:both;
}
.floatCenter {
	display:block;
	margin:0 auto;
}
.autoClear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .autoClear {
	height: 1%;
}
/* TABLES ----------------------------------------------- */

table {border:1px solid #DFDFDF;
	width:100%;
}
td {
	padding:2px;
}
.entete {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #fff;
	text-align : right;
	background-color : #cc0000 ;
}
.ligneA {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #fff;

}
.ligneB {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #E6FFBF;
}
.ligneB-center {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #E6FFBF;;text-align:center
}
.ligneC {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #FFEFF4;
}
.ligneC-center {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #FFEFF4;text-align:center
}

.pied {
	font-size : 10px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #fff;
	text-align : right;
	background-color :#187976;
}
/* HEADINGS ----------------------------------------------- */
h1 {
	margin:0;
}
h2 {
	display:inline;
	float:left;
	margin:0;
	color:#CC0000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:2.2em;
	border-bottom:6px solid #CC0000;
	width:700px;
	position:relative;
}
h2 span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(img/h2-bg.png) repeat-x bottom;
	display:block;
}
h3 {
	padding-bottom:2px;
	font-size:1.4em;
	text-transform:uppercase;
	color:#CC0000;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	margin-top:15px;
}
h4 {
	font-size:1.1em;
	margin-bottom:10px;
	margin-top:10px;
	text-transform:uppercase;
}
/* LINKS -------------------------------------------------- */
a {
	color:#197A17;
}
a:hover, a:focus {
	text-decoration:none;
}

a.gbFlag {background:url(img/flag/gb.png)no-repeat;padding-left:20px;}
a.frFlag {background:url(img/flag/fr.png)no-repeat;padding-left:20px;}
a.gb-frFlag {background:url(img/flag/gb-fr.png)no-repeat;padding-left:50px;}


/* IMAGES ------------------------------------------------- */
img {
	display:block;
}
img.floatLeft {
	margin-right:10px;
}
img.floatRight {
	margin-left:10px;
}
/* PARAGRAPHS ------------------------------------------------- */
p {
	margin-bottom:10px;
}
p.lead {
	font-size:1.15em;
}
p.more {
	font-size:1em;
	text-align:right;
}
/************************************************************/
/* BODY 													*/
/************************************************************/

/* BODY | WRAP -------------------------------------------- */
#bodyWrap {
	margin:0 auto;
	width:932px;
	background:url(img/globalWrapBg.png) repeat-y;
	padding:0 14px;
}

/* BODY | TOP NAV ----------------------------------------- */
#topNav {
	width:932px; height:45px;
	margin:0 auto;
	padding:15px 21px 0;
	background:url(img/globalHeadBg.png) no-repeat top;
}

#topNav ul {
	float:right;
	padding:0; margin:0;
	font-size:1.1em;
}


#topNav li {
	display:block;
	float:left;
	margin:0 8px;
}
#topNav li a {
	color:#C80203;
	text-decoration:none;
	letter-spacing:.1em;
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:14px;
}
#topNav li a:hover, #topNav li a:focus {
	text-decoration:underline;
}
#topNav li.home a { background-image:url(img/icons/home.gif); }
#topNav li.sitemap a { background-image:url(img/icons/list_unordered.gif); }
#topNav li.contact a { background-image:url(img/icons/mail_back.gif); }
#topNav li.myAccount a { background-image:url(img/icons/person.gif); }
#topNav li.login a { background-image:url(img/icons/lock.gif); }
#topNav li.logout a { background-image:url(img/icons/lock.gif); }
#topNav li span {
	display:block;
	float:left;
	padding:0 4px;
	color:#CC0000;
}
/* BODY | LOG OUT ----------------------------------------- */
#logout {
	height:25px;
	margin:0 auto;
	padding:0;
	
}

#logout ul {
	float:right;
	padding:0; margin:0;
	font-size:1.1em;
}


#logout li {
	display:block;
	float:left;
	margin:0 8px;
}
#logout li a {background-image:url(img/icons/lock.gif);
	color:#C80203;
	text-decoration:none;
	letter-spacing:.1em;
	background-position:0 2px;
	background-repeat:no-repeat;
	padding-left:14px;
}
#logout li a:hover, #logout li a:focus {
	text-decoration:underline;
}

/* BODY | SUBMIT ----------------------------------------- */



/************************************************************/
/* HEADER 													*/
/************************************************************/

/* HEADER | COMMON ---------------------------------------- */
#header {
	position:relative;
	z-index:500;
	background:url(img/headerBg.jpg) no-repeat bottom;
	height:160px;
}
/* HEADER | ACCESSIBILITY NAV ----------------------------- */
ul#accessNav {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
}
/* HEADER | LOGO ------------------------------------------ */
img#logo {
	position:absolute;
	top:-10px; left:10px;
	margin:0 auto;
	clear:right;
}
#header #headLead{
width:450px; height:100px;
position:absolute;
top:10px; right:0;
}
#header #headLead p{
text-align:center; font-weight:bold; line-height:1.2em; color:#197A17;
}


#userNav{
}


/************************************************************/
/* Sponsors
/************************************************************/
#partners img{display:inline;float:left;width:95px;}
#sponsors h3{padding:10px 0 0 0;clear:both;}
#sponsors img{display:inline;float:left;width:110px;}

/************************************************************/
/* TICKER
/************************************************************/
div#ticker{position:absolute;
  height:25px;
  margin-top:130px;
  background:url(img/tickerBg.png) repeat-x;
  width:932px;
  padding: 0;
  overflow: hidden;
}
div#ticker h2{
  float:left;border-bottom:none;
  color:#C80203;
  margin:0 0 0 5px; padding:5px 0 0 0;
  font-size:1.2em;
  width:80px;display:inline;
  text-transform:none;
}
div#ticker ul{
  margin:5px 0 0; padding:0;
  position: relative;
}
div#ticker li{float:left;  color:#187916;}
div#ticker li a.bed{}
div#ticker li a.register{}
div#ticker li a{text-decoration:none;font-weight:bold;font-size:1.1em}

div#ticker li span{
  margin-right:150px;
  white-space: nowrap;
}
.tickercontainer {
  float:right;
  width:840px;
}
.tickercontainer .mask {
  position: relative;
  width: 840px;
  overflow: hidden;
}
ul.newsticker {
  position: relative;
  left: 840px;
  font: bold 10px Verdana;
  list-style-type: none;
  margin: 0;
  padding: 0;
}




/************************************************************/
/* CONTENT 													*/
/************************************************************/

/* CONTENT | GLOBAL --------------------------------------- */
#content {
	background:url(img/contentBg.jpg) no-repeat bottom;
	padding:0 10px;
	margin-top:20px;
}
#content div.contentWrap {
	padding:30px 0 80px 0;
	/*background:url(img/contentWrapBg.gif) no-repeat 0 70px;*/
	width:700px;
	margin:0 auto;
	overflow:hidden;
}
/* CONTENT | MAIN CONTENT --------------------------------- */
#mainContent {
	clear:left;
	min-height:380px;margin:0;padding:0;
	/*height:380px;*/
	/*background-color:#EAEEDF;*/
	background:url(img/mainContentBg.png) repeat-y top;
	
}
#mainContent div.mainContentWrap {
	padding:15px;
}
#mainContent p {text-align:justify}
#mainContent ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}
#mainContent .paneContent li {
	margin-bottom:15px;
}

/************************************************************/
/* SLIDE HOME */
/************************************************************/
.slide {padding:0;margin:0px;}
.slide img {padding:0;margin:0px;}
.slide ul  {list-style-type:none;}

/************************************************************/
/* SLIDE BASQUE	*/
/************************************************************/
#basque {height:245px;width:300px;float:right;
padding:0;margin:5px}
#basque ul  {list-style-type:none;margin:0 auto;padding:0}

/************************************************************/
/* ACCOMMODATION */
/************************************************************/
#hotels {height:150px;width:220px;margin:0 auto}
#hotels ul {list-style-type:none;margin:0;padding:0}
#boutons{width:490px;margin:0 auto} 


ul.download ,ul.boutons, ul.submit-short
{	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul.download li,ul.boutons li,ul.submit-short li
{
	margin: 0 5px 5px 5px ;	list-style-type: none ;
	padding: 0 ;display:inline;float:left;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul.download li{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 100px ;
	text-decoration: none ;
}
ul.download li img{float:left;margin-right:10px}

ul.boutons li a.hotels
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 250px ;
	line-height: 30px ;
	color: #000 ;
	text-indent:50px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background:url(img/hotels.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul.boutons li a.hotels:hover
{
	background:url(img/hotels.gif) 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */

}
ul.boutons li a.map
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px ;
	line-height: 30px ;
	color: #000 ;
	text-indent:50px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background:url(img/maps.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul.boutons li a.map:hover
{
	background:url(img/maps.gif) 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */

}

ul.submit-short li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 200px ;text-align:center;
	line-height: 30px ;font-size:1.4em;
	color: #fff ;
	text-indent:0px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background:url(img/submit-short.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul.submit-short li a:hover
{
	font-weight:bold;background:url(img/submit-short.gif) 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */

}

/* CONTENT | PANE ----------------------------------------- */
.scroll-pane {
	overflow: auto;
}
/************************************************************/
/* PAGINATION											*/
/************************************************************/
.pagination ul {display:inline}
.pagination li{float:left;list-style-type:none;margin:2px}

/************************************************************/
/* FOOTER 										*/
/************************************************************/
#footer {
	margin:0 auto;
	padding-top:30px;
	width:960px;
	background:url(img/globalFootBg.png) no-repeat top;
}
#footer p {
	text-align:center;
}

.homeContent {
	float:left;
	width:510px;
}
.partenaires {text-align:center;
	float:right;
	width:140px;
}
#mainContent .partenaires ul{
	margin:0; padding:0;
}
.partenaires li {
	list-style-type:none;
}

/************************************************************/
/* FORM											*/
/************************************************************/

/* FORM | COMMON --------------------------------------------*/
form legend{
	color:#CC0000;
	font-weight:bold;
	font-size:1.2em;
}
form p{
	text-align:left !important;
}
form p label{
	font-weight:bold;
	font-size:.9em;
}
form p input{
	margin-right:10px;
}
form p.submit input{
	background-color:#197A17;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:.9em;
}
form table{
	border:none !important;
}
form th{
	font-weight:bold;
	font-size:.9em;
	padding:5px;
}
/* VERTICAL FORM --------------------------------------------*/
form.vForm fieldset{
	margin:20px 0 0;
}
form.vForm p {
	margin-top:4px;
	margin-bottom:0;
	padding-top:4px;
	border-top:1px solid #CCC;
}
form.vForm p label{
	width:100px;
}
form.vForm p.submit {
	text-align:right !important;
	padding:10px 0;
}
form.vForm p.submit input{
	padding:5px 15px;
}

/* INLINE FORM  --------------------------------------------*/
form.inlineForm p.submit input{
	padding:2px 5px;
}