html, body, form
{
	margin:0;
	padding:0;
	text-align:center;
	height:auto !important;
	min-height:100%;
	height:100%;
}
#pagewidth
{
	width:998px;
	height:auto !important;
	min-height:100%;
	height:100%;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	text-align:left;
	margin:0 auto;
	background-color:#FFFFFF;
}

/*******Header*******/
#header
{
	width:100%;
}
#header .top
{
	position:relative;
	height:170px;
	z-index:31;
}

/*******Menu de changement de zone*******/
#header .opatop
{
	position:absolute;
	width:100%;
	height:70px;
	background-color:#FFFFFF;
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;
}

#header a.label_orange
{
    color:#FF9933;
}

a.item_marque
{
    padding-left: 10px;
}

a.item_marque:hover
{
    color: #FF9933;
}

#header .menumarque li
{
    cursor: pointer;
    margin:0;
	padding:0;
	height: 20px;
}

#header .menuzone
{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:220px;
	list-style-type:none;
	z-index:99999;
}
#header .menuzone li
{
	float:right;
	margin-left:-5px;
	cursor: pointer;
	margin:0px 1px;
}
#header .menuzone li a
{
	position:relative;
	display:block;
	width:122px;
	/*background:url(../images/MenuZone/bottom.png) bottom right no-repeat;*/
	font-size:12px;
	padding-bottom:6px;
	cursor: pointer;
}
/**html #header .menuzone li a{background:url(../images/MenuZone/bottom.gif) bottom right no-repeat;}*/
#header .menuzone li a.ON:hover,#header .menuzone li a.ENCOURS
{
	/*background:url(../images/MenuZone/bottomhover.png) bottom right no-repeat;*/
	font-size:13px;
	color:#FFFFFF;
	z-index:30;
}
/**html #header .menuzone li a.ON:hover,*html #header .menuzone li a.ENCOURS{background:url(../images/MenuZone/bottomhover.gif) bottom right no-repeat;}*/

.divmarque
{
    left:820px;
    margin:0;
    position:absolute;
    z-index:30;
    top: 0;
    width: 142px;
    /*background:url(../images/MenuZone/bottomlast.png) bottom right no-repeat;*/
    padding-bottom:6px;
    cursor: pointer;
}

*html .divmarque
{
    left:820px;
    margin:0;
    position:absolute;
    z-index:999;
    top: 0;
    width: 142px;
    /*background:url(../images/MenuZone/bottomlast.gif) bottom right no-repeat;*/
    padding-bottom:6px;
    cursor: pointer;
}

.menumarque{display:none; border-top:2px solid #FF850A; margin-top:5px;}

.divmarque:hover .menumarque,.sfHoverMarque .menumarque{display:block;}
.divmarque:hover .marque,.sfHoverMarque .marque{color:#FF9933;}

#header ul li.li_marque a.root
{
    color: #FF9933;
}

.marquecontenu
{
    background:#F2F2F2;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	min-height:37px;
	height:auto !important;
	height:37px;
	background-color:#EBEDEC;
	cursor: pointer;
}

#header a.marque
{
	cursor: pointer;
}

#header .menuzone li a b
{
    position:relative;
	display:block;
	height:30px;
	background-color:#FF850A;
	color:#FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	padding:5px 4px 2px 10px;
}
/*#header .menuzone li a.OFF b{color:#EEEEEE;}*/

#header .menuzone li a.ON:hover b,#header .menuzone li a.ENCOURS b, #header .menuzone li:hover a b,#header .menuzone li.sfhover b
{
	height:30px;
	background-color:#FF850A;
	padding-top:20px;
}

#header .menuzone li ul li
{
	position:relative;
	float:left;
	height:30px;
	padding-bottom:20px;
	width: 150px;
	
}

*html #header .menuzone li ul li
{
	position:relative;	
	padding:0;
	width: 80px;
	margin:0;
	
}

#header .menuzone li ul li.liBandeauZone
{
	position:relative;
	clear:both;	
	padding-bottom:15px;
	width:484px;	
}

#header .menuzone li ul li a{height: 28px;margin: 5px;padding:10px 0px 0px 50px;color:White;text-decoration:underline;}
#header .menuzone li ul li a.home{background:url(../images/MenuZone/picto-home.gif) 0px no-repeat;}
#header .menuzone li ul li a.spot{background:url(../images/MenuZone/picto-bon-plan.gif) 0px no-repeat;}
#header .menuzone li ul li a.forum{background:url(../images/MenuZone/picto-forum.gif) 0px no-repeat;}
#header .menuzone li ul li a.itineraire{background:url(../images/MenuZone/picto-itineraire.gif) 0px no-repeat;}
#header .menuzone li ul li a.photo{background:url(../images/MenuZone/picto-photo.gif) 0px no-repeat;}
#header .menuzone li ul li a.video{background:url(../images/MenuZone/picto-video.gif) 0px no-repeat;}
#header .menuzone li ul li a.evenement{background:url(../images/MenuZone/picto-evenement.gif) 0px no-repeat;}
#header .menuzone li ul li a.communaute{background:url(../images/MenuZone/picto-communaute.gif) 0px no-repeat;}
#header .menuzone li ul li a.station{background:url(../images/MenuZone/picto-station.gif) 0px no-repeat;}
#header .menuzone li ul li a.idee{background:url(../images/MenuZone/picto-idee.gif) 0px no-repeat;}
#header .menuzone li ul li a.faq{background:url(../images/MenuZone/picto-faq.gif) 0px no-repeat;}

#header .menuzone li ul 
{
	position:absolute;
	display:none;
	background-color:#FF850A;
	list-style-type:none;
	left:1px;
	top:57px;
	margin:0;
	padding:3px;
	border:2px solid #FFFFFF;
	width:484px;
	height:240px;    
}

html* #header .menuzone li ul
{
    left:503px;    
}

*html #header .menuzone li ul
{
    left:282px;
    z-index:99999;    
}

#header .menuzone li:hover ul, #header .menuzone li.sfhover ul{display:block;}

#header a.marque b
{
    display:block;
    width:128px;
	height:17px;
	background:#EBEDEC url(../images/suborange.gif) 100% 85% no-repeat;
	padding:12px 0 0 10px;
}

/*******Logo + Description du club*******/
#header .logo
{
	position:absolute;
	top:20px;
	left:90px;
}
#header .logo img
{
	width:185px;
	height:39px;
}

#header .descriptionEspace
{
    position:relative;
    height:200px;
    margin-top:-80px;
    z-index:1;
}

#header .opadescription,#header .description
{
	position:absolute;
	bottom:35px;
	top:0px;
	width:300px;
	left:25px;
	height:203px;
}
#header .opadescription
{
	background-color:#000000;
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}
#header .description
{
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin:40px 5px 10px 0px;
	height:45px;
}

#header .encartPratique
{
    width:625px;
    position:relative;
    float:right;
    height:203px;
    padding-right:30px;
    z-index:1;
    
}
#header .lienZone
{
    display:block;
    width:140px;
    height:30px;
    padding-top:110px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
}

#header .lienRandonnee
{
    background:url(../images/Zone/randonnee.jpg) bottom left no-repeat;
}
#header .lienRaidTrail
{
    background:url(../images/Zone/raid-trail.jpg) bottom left no-repeat;
}
#header .lienNordique
{
    background:url(../images/Zone/skinordique.jpg) bottom left no-repeat;
}
#header .lienAlpinisme
{
    background:url(../images/Zone/alpinisme.jpg) bottom left no-repeat;
}


/*******Zone de profil*******/
#header .profilleft,#header .profilright
{
	position:absolute;
	bottom:0;
	width:330px;
	height:83px;
}
#header .profilleft{background:url(../images/connexionleft.png) bottom left no-repeat;left:40px;}
#header .profilright{background:url(../images/connexionright.png) bottom right no-repeat;}
*html #header .profilleft{background:url(../images/connexionleft.gif) bottom left no-repeat;}
*html #header .profilright{background:url(../images/connexionright.gif) bottom right no-repeat;}
#header .profil
{
	margin:0 6px;
	background-color:#EBEDEC;
	border-top:2px solid #FFFFFF;
	height:71px;
	padding:5px;
}
#header .profil img
{
	float:left;
}
#header .profil .contenuprofil
{
	position:relative;
	margin-left:75px;
}
#header .profil .contenuprofil h3
{
	margin:0;
	background:url(../images/fleche.gif) no-repeat;
	padding:3px 0 0 27px;
	height:20px;
}
#header .profil .contenuprofil ul
{
	margin:-3px 10px;
	padding:0 auto;
}
*+html #header .profil .contenuprofil ul{margin:-3px 40px;}
*html #header .profil .contenuprofil ul{margin:-3px 40px;}
#header .profil .contenuprofil ul li{height:20px;margin-top:-5px;}
html>/**/body #header .profil .contenuprofil ul li a
{
	position:relative;
	top:-5px;
}
#header .profil .contenuprofil ul li.itemprofil{list-style-image:url(../images/puce/homme.gif);}
#header .profil .contenuprofil ul li.itemmessagerie{list-style-image:url(../images/puce/lettre.gif);}
#header .profil .contenuprofil ul li.itemequipement{list-style-image:url(../images/puce/chaussure.gif);}
#header .profil .contenuprofil .deconnexion
{
	position:absolute;
	bottom:3px;
	right:5px;
	text-decoration:underline;
}
*html #header .profil .contenuprofil .deconnexion{left:165px;bottom:10px;}

/*Zone de profil déconnecté*/

#header .profildecoleft,#header .profildecoright
{
	position:absolute;
	bottom:0;
	width:330px;
	height:43px;
}
#header .profildecoleft{background:url(../images/connexiondecoleft.png) bottom left no-repeat;left:40px;}
#header .profildecoright{background:url(../images/connexiondecoright.png) bottom right no-repeat;}
*html #header .profildecoleft{background:url(../images/connexiondecoleft.gif) bottom left no-repeat;}
*html #header .profildecoright{background:url(../images/connexiondecoright.gif) bottom right no-repeat;}
#header .profildeco
{
	margin:0 6px;
	background-color:#EBEDEC;
	border-top:2px solid #FFFFFF;
	height:31px;
	padding:5px;
}

/*******Menu du club*******/
#header .menucontainer
{
	position:relative;
	z-index:30;
}

#header .menu,#header .autresservices ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#FFFFFF;
}
#header .autresservices ul{background-color:transparent;}
#header .menu ul 
{
	position:absolute;
	display:none;
	background-color:#FFFFFF;
	list-style-type:none;
	left:0;
	top:36px;
	margin:0;
	padding:3px;
	border:1px solid #FF9933;
	border-top:none;
	z-index:999;
}
#header .menu li:hover ul,#header .menu ul li:hover ul,#header .menu li.sfhover ul{display:block;}
#header .menu li:hover a.root,#header .menu ul li:hover a.root,#header .menu li.sfhover a.root,#header .menu li.ON a.root
{color:#FF9933;border-right:1px solid #FF9933;}
#header .menu li.MyEvent a.root,#header .menu li.MyEvent a.root:hover,#header .menu li.MyEvent:hover a.root
{
    border:none;
}
#header .menu li a.sub
{
	background:url(../images/sub.gif) right 7px no-repeat;
	padding-right:20px;	
	display:block;
}
#header .menu li li a:hover,#header .menu li li.ON a,#header .autresservices ul li.ON a
{color:#FF9933;border:none;}
#header .menu li,#header .autresservices ul li
{
	position:relative;
	float:left;
	padding:3px 10px;
	height:30px;
	padding-left:45px;
}
#header .menu li li{float:none;padding:5px;height:auto;}
#header .menu li a,#header .autresservices ul li a
{
	margin-top:8px;
	display:block;
	border-right:1px solid #696969;
	padding-right:10px;
	font-size:13px;
	font-weight:bold;
}
#header .autresservices ul li a{border:none;}
#header .menu li li a{border:none;margin:0;}
#header .menu li.MyClub{background:url(../images/Menu/accueil.gif) 3px no-repeat;}
#header .menu li.MyGalerie{background:url(../images/Menu/galerie.gif) 3px no-repeat;}
#header .menu li.MyForum{background:url(../images/Menu/forum.gif) 3px no-repeat;}
#header .menu li.MyCommunity{background:url(../images/Menu/communaute.gif) 3px no-repeat;}
#header .menu li.MyEvent{background:url(../images/Menu/evenements.gif) 3px no-repeat;}
#header .menu li li.MyClub,
#header .menu li li.MyGalerie,
#header .menu li li.MyForum,
#header .menu li li.MyCommunity,
#header .menu li li.MyEvent,
#header .menu li li.BoxIdea,
#header .menu li li.FAQ
{background:none;}

#header .autresservices
{
	border:1px solid #FFCE9D;
	background-color:#F2F2F2;
	padding:5px;
	height:45px;
	width:305px;
	position:absolute;
	top:-10px;
	right:40px;
	text-align:center;
	font-size:12px;
}
#header .autresservices ul li.Itineraires
{
	background:url(../images/Picto/petit_picto_itineraire.gif) 3px no-repeat;
	padding:3px 0px 0px 45px;
}


#header .autresservices ul li.Itineraires a:hover
{
	color: #FF9933;
}

#header .autresservices ul li.MyInterestCenter
{
	background:url(../images/Picto/petit_picto_station.gif) 3px no-repeat;
	padding:3px 0px 0px 45px;
}

#header .autresservices ul li.MyInterestCenter a:hover
{
	color: #FF9933;
}

#header .autresservices ul li a
{
	padding:0px 0px 0px 0px;
}

/*******Zones de connection et d'inscription*******/
.connectioninscription
{
	height:160px;
}
.connectioninscription .connection
{
	float:left;
	width:380px;
	margin:20px 0 20px 20px;
}
.connectioninscription .inscription
{
	float:right;
	width:425px;
	margin:20px 60px 20px 0;
}
.connectioninscription .connection .contenu,.connectioninscription .inscription .contenu
{
	text-align:center;
	height:64px;
}
*html .connectioninscription .connection{margin:20px 0 20px 10px;}
*html .connectioninscription .inscription{margin:20px 30px 20px 0;}

#wrapper{position:relative;}
/*******Colonne gauche*******/
#leftcol,.leftcol
{
	padding-left:25px;
	width:305px;
	float:left;
	position:relative;
}
*html #leftcol{width:310px;}

/*******Colonne droite*******/
#maincol,.rightcol
{
	float:right;
	display:inline;
	position:relative;
	padding-right:25px;
	width:630px;
}
*html #maincol,*html .rightcol{width:625px;}

/*******1 Colonne*******/
#onecol,.onecol
{
	padding:0 25px;
}

/*******Bottom*******/
.bottom
{
	clear:both;
	margin:25px;
	
}

*+html .bottom{margin:25px 25px}

.menubas,.menubas ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.menubas li.colonne
{
	float:left;
	display:block;
	padding:0 30px;
	border-right: 1px solid #cccccc;
	width:176px;
	height:180px;
}
.menubas li.last{border:none;width:162px;}

.suivre
{
	margin:3px 1px;
	padding:0;
	list-style-type:none;
}
.suivre li
{
	float:left;
	margin:0 3px;
}
.suivre li a
{
	display:block;
	width:42px;
	height:42px;
	background-image:url(../images/btn_social.gif);
}
.suivre li a.facebook{background-position:168px top}
.suivre li a.twitter{background-position:0px top}
.suivre li a.googlebuzz{background-position:126px top}
.suivre li a.rss{background-position:84px top}
.suivre li a.youtube{background-position:42px top}
.suivre li a.facebook:hover{background-position:168px bottom}
.suivre li a.twitter:hover{background-position:0px bottom}
.suivre li a.googlebuzz:hover{background-position:126px bottom}
.suivre li a.rss:hover{background-position:84px bottom}
.suivre li a.youtube:hover{background-position:42px bottom}

/*******Footer*******/
#footer
{
    padding:20px 0px 0px 0px;
	clear:both;
	text-align:center;
	width:100%;
}
#footer .menufooter
{
	margin:0px;
	padding:0;
	list-style-type:none;
	margin: 0 auto;
	text-align:center;
	width:450px;
}
#footer .menufooter li
{
	float:left;
	padding:0 10px;
	border-left:1px solid #767676;
}
#footer .menufooter li.first{border:none;}


.clear:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-block;}
*html .clear{height:1%;}
.clear{display:block;}

@media print
{
	#leftcol{display:none;}
	#twocols,#maincol{width:100%;float:none;}
}

div#contest
{
    position:relative;
    width:545px;
    float:left;
    margin: 20px 0px 0px 25px;
}

html* div#contest
{
     margin: 22px 0px 0px 12px;
}

#header .autresservices ul li.Contest
{
	background:url("../images/Menu/galerie.gif") no-repeat scroll 3px 50% transparent;
	padding:3px 0px 0px 45px;
}


#header .autresservices ul li.Contest a:hover
{
	color: #FF9933;
}