/* CSS Document */

html {
}

body {
	background:url(Images/bg.gif);
	margin:0;
	padding:0;
	
	font:Arial, Helvetica, sans-serif;
}

/* ----------------------- header ---------------------- */
#header{
	position:absolute;
	
	left:50%;
	margin:0px;
	padding:0px;
	margin-left:-400px;
	
	width:800px;
	height:232px;
	
	background:url(Images/header.jpg) no-repeat;

	
	z-index:4;
}
#header a.fauxbtn{
	position:relative; 
	
	width:80px;
	height:80px;
	
	padding:80px;
	margin-left:650px;
	top:40px;
	
	z-index:30;

	
	text-align:right;
}

#logo {
	position:absolute;
	
	left:50%;
	margin:0px;
	padding:0px;
	margin-left:-400px;
	
	width:800px;
	height:232px;
	
	
	z-index:1;
}

#esn_img {
	position:relative;
	vertical-align:top;
	
}

#agm_img{
	position:relative;
	top:-25px;
	margin-left:630px;
}

/* ------------------------------------------ contenu -------------------------------------- */
#contenu {

	position:relative;
	
	width:650px;
	
	left:50%;
	
	margin:0px;
	padding:0px;
	
	padding-top:230px;
	padding-bottom:20px;
	padding-left:120px;
	margin-left:-400px;
	padding-right:30px;
	
	
	background:#FFFFFF url(Images/bord.jpg) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	
	text-align:justify;
	
}

#contenu h2{
	color:#FF3399;
}

#contenu h3{
	font-size:small;
}


#contenu ul li {
	list-style:url(Images/star.gif);
}

#contenu div.member {
	height:120px;
	display:block;
}
#contenu div.member span{
	display:block;
}

#contenu div.member img  {
	float:left;
	height:100px;
	padding-right:10px;
}

#contenu div.member span.nom{
	color:#0099FF;
}

#contenu div.member span.contact{
	padding-top:10px;
	font-size:x-small;
}

#contenu a{
	color:#009933;
}

#contenu a:hover{
	color:#009933;
	text-decoration:none;
}


#contenu select.contact, #contenu input.contact {
	width:200px;
	z-index:2;
}

p.center {
	text-align:center;
}


/*  FAQ  */
#contenu div.faq span.qu{
	color:#009933;
	font-style:italic;
	display:block;
	
	background:url(Images/star.gif) no-repeat center left;
	padding-left:13px;
}

#contenu div.faq span.rep{
	padding-left:20px;
}

#contenu div.faq {
	padding-bottom:20px;
}

/* ------------------------------------------ footer -------------------------------------- */
#footer {
	position:relative;
	
	width:790px;
	height:20px;	
	
	
	left:50%;
	top:0px;
	margin:0px;
	padding:0px;
	
	margin-top:-20px;
	margin-left:-400px;
	padding-top:135px;
	padding-left:10px;
	
	background:url(Images/footer.jpg) no-repeat;
	
	font-size:xx-small;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}

#footer a{
	font-size:xx-small;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}

#footerinfo{
	background:#FFFFFF;
	font-size:xx-small;
	color:#999999;
	
	margin:0px;
	padding:5px;
	
	font-family:Arial, Helvetica, sans-serif;
}


#footerinfo img, img.nonb{
	border:none;
}

#footerpart {
	position:relative;
	width:800px;
	
	left:50%;
	top:0px;
	margin:0px;
	padding:0px;
	
	margin-top:-0px;
	margin-left:-400px;
	margin-bottom:15px;
	padding-bottom:2px;
	padding-top:5px;
	
	text-align:center;
	
	background:#FFFFFF;
	
	border-top:#999999 1px solid;
}

#footerpart ul li {
	display:inline;
	padding-left:3px;
	padding-right:3px;
}

#footerpart img {
	border:0;
}

/* ------------------------------------------ langue -------------------------------------- */

ul#langue {
	position:relative;
	padding:0px;
	margin:0px;
	
	text-align:right;
	
	width:100%;
	top:-16px;

}

ul#langue li{
	display:inline;
	padding-left:6px;
}


/* ------------------------------------------ nav -------------------------------------- */

#nav {
	position:absolute;
	top:200px;
	left:50%;
	
	width:700px;
	margin:0px;
	margin-left:-340px;
	padding:0px;
	padding-left:60px;
	
	
	z-index:8;
	
	
	text-align:left;
}
#menu ul.conteneur{
	left:0px;
	top:0px;
	margin:0;
	padding:0;
}

#menu, #menu ul {
	float: left;
	/*width: 36em;*/
	list-style:none;
	line-height:normal;
	/*background:url(Images/btn_bleu.gif) no-repeat;*/
	font-weight: bold;
	
	color:#FFFFFF;
	padding:0;
	margin:0;
	/*border:#000000 solid 1px;
	border-width: 1px 1px;
	/*margin: 0 0 1em 0;*/
}



#menu a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	text-decoration: none;
	padding: 0.25em 2em;
	border:none;
	padding:0px;
	padding-left:7px;
	padding-top:3px;
	margin:0px;
	margin-bottom:10px;
	
}

#menu a.daddy {
	/*background: url(rightarrow2.gif) center right no-repeat;*/
}

#menu li {
	float: left;
	padding: 0;
	width: 7em;
	height:2em;
	background:url(Images/btn_bleu.gif) no-repeat;
	color:#FFFFFF;
}

#menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	/*border-width: 0.25em;*/
	margin:0px;

	padding:0px;
}

#menu li li {
	padding-right: 1em;
	width: 13em;
	height:2em;
	background:url(Images/btn_rouge.gif) no-repeat;
	margin-left:10px;
}

#menu li li.orange {
	padding-right: 1em;
	width: 13em;
	height:2em;
	background:url(Images/btn_orange.gif) no-repeat;
	margin-left:10px;
}

#menu li ul a {
	width: 13em;
	w\idth: 9em;
}

#menu li ul ul {
	margin: -1.75em 0 0 14em;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover, #menu li.sfhover {
	background:url(Images/btn_vert.gif) no-repeat;
}




/* ----------------------- design ---------------------- */
#design00 {
	position:absolute;
	background:url(Images/body_bg_top.gif) repeat-x;
	padding:0;
	margin:0;
	height:675px;
	width:100%;
	top:0px;
	z-index:0;
}

/* ----------------------- part ---------------------- */
table.part{
	width:100%;
	text-align:center;
}

tr.part {
	padding-top:20px;
}


p.galerie {
	text-align:center;
}

/* ----------------------- Galerie ---------------------- */

#galerie{
	list-style:none;
	width:100%;
}

#galerie ul.menu {
	position:absolute;
	width:620px;
	left:650px;
	margin-top:12px;
}

#galerie ul.menu li{
	display:block;
	list-style:none;
	width:100px;
	height:25px;
	padding:2px;
}

#galerie ul.menu li a{
	list-style:none;
	background:url(Images/btn_orange.gif) no-repeat;
	display:block;
	padding-left:5px;
	height:20px;
	color:#FFFFFF;
	text-decoration:none;
}

#galerie ul.menu li a:hover{

	background:url(Images/btn_bleu.gif) no-repeat;
	
	color:#FFFFFF;
	text-decoration:none;
}

#galerie span.chemin {
	font-size:x-small;
	color:#333333;
}

#galerie img.galerie {
	padding:5px;
	padding-left:14px;
	padding-right:14px;
	
	margin:5px;
	border:none;
}



#galerie a.photo {
	
	/*border:#FF3366 solid 1px; */
	
}

#galerie a.photo:hover {
	
	/*border:#00A0C6 solid 1px;*/
}

/* ----------------------- popup ---------------------- */

#popup {
	width:100%;
	height:100%;
	text-align:center;
	
	padding-top:20px;
}

#popup img, #footer img{
	border:none;
}


#popup span.desc{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00A0C6;
}

/* ----image ----*/
img.img_droite {
	float:right;
	padding:5px;
	border:0px;
}

img.img_gauche {
	float:left;
	padding:5px;
	padding-right:20px;
	border:0px;
}

h3.info {
	color:#FF9933;
}

/* ----------- RSS ----------- */
#contenu li.item{
	margin-bottom:15px;
}

#contenu h3.item_title{
	margin-top:2px;
	margin-bottom:6px;
}

#contenu p.channel_desc{
	color:#3399FF;
	font-style:italic;
}
#contenu span.item_date{
	color:#0099FF;
	font-size:x-small;
}
#contenu span.item_author{
	display:block;
	font-size:small;
	color:#339933;
	margin-top:5px;
	font-style:italic;
}

#contenu div.item_desc{
	text-align:justify;
	
}

#contenu a.item_more_info{
	font-size:xx-small;
	color:#FF9933;	
}


#contenu span.date{
	color:#0099FF;
	font-size:x-small;
}

ul.date {
	list-style:none;
}

img.imgnews {
	float:right;

	padding:4px;
	padding-left:10px;
}

img.link {
	border:none;
}


/* ----------------------- info: popup -------------------- */
#info {
	margin:10px;
	padding:10px;
	background:#FFFFFF;
	
	font:Arial, Helvetica, sans-serif;
	
	text-align:justify;

}

#info h2.titre {
	color:#FF6600;
}

#info h2.titrep {
	color:#FF3399;
}


/* ----------------------- registration -------------------- */
#cnx_user {
	font-size:xx-small;
}

#cnx_user input {
	height:10px;
	font-size:xx-small;
}

span.important {
	color:#FF0000;
}

div.step {
}

span.step{
	color:#666666;
	padding:10px;
}

td.what{
	width:150px;
	text-align:left;
	vertical-align:top;
}

select.select{
	width:180px;
}

fieldset.StepTitle{
	border:#FF6600 2px solid;
}

legend.StepTitle {
	color:#FF6600;
	font-variant:small-caps;
	font-size:medium;
}

fieldset.StepTitleConnect{
	border:#009933 2px solid;
}

legend.StepTitleConnect {
	color:#009933;
	font-variant:small-caps;
	font-size:medium;
}

legend.SpecialInformation{
	color:#009933;
	font-variant:small-caps;
}

fieldset.SpecialInformation{
	border:#009933 1px solid;
	margin-bottom:20px;
	margin-top:10px;
}




#cnx_user input {
	position:relative;
}

ul.register {
	list-style:none;

}

ul.register li {
	list-style:none;
	width:200px;
	height:200px;
	
	background:#009900;
	
	display:block;
	
	
	
}


ul.register li.register{
	background:#FF9900;
	
}

ul.subscribe {
	list-style:none;
}

ul.subscribe li{
	list-style:none;
	padding:0px;
	display:block;
}

li.sd{
	background:#66CC66;
}

p.question {
	background:#eeeeee;
	padding:5px;
	margin:1px;
	margin-bottom:10px;
}

input.departure {
	border:none;
	padding:0px;
	margin:0px;
	
	color:#FF6633;
	font-size:medium;
	text-align:center;
	
	width:auto;
}

#contenu a.button {
	
	display: block;
	width: 52em;
	w\idth: 10em;
	height:2em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	
	text-decoration: none;
	padding: 0.25em 2em;
	border:none;
	padding:0px;
	padding-left:7px;
	padding-top:3px;
	margin:0px;
	margin-bottom:10px;
	
	background:url(Images/btn_rouge.gif) no-repeat;

	
}

#contenu a.button:hover {
	
	background:url(Images/btn_bleu.gif) no-repeat;
}


/* user menu */
#usermenu {

}

#usermenu ul li {
	display:inline;
	background:url(Images/star.gif) no-repeat right;
	padding-right:15px;
	padding-left:4px;
}

/* popup css */
a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info span {
	display: none;
}
a.info:hover span {
	display:block;
	white-space:normal;
   position: absolute;
   font-size:x-small;
   font-weight:normal;
   width:250px;
   top:15px; 
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #FF6600;
   border-top: 4px solid #FF6600;
}

ul#trip_thusday.active, ul#trip_wednesday.active {
}

ul#trip_thusday.desactive, ul#trip_wednesday.desactive {
	color:#999999;
}