*{margin:0; padding:0;font-family:Arial,sans;}

html{
          background:#FFF url(../../img/white/pattern.jpg) top center;        
          height:100%;   
}

body{
	 padding:0 0 20px 0; 
	min-height:100%;    
}

#error{
position:absolute;
width:600px;
left:50%;
top:15px;
margin-left:-200px;
font-size:30px;
color:red;
border:0px solid red;
}

/* --- LANDING PAGE --- */

#europe{
    clear:both;
    width:300px;
    margin-left:172px;
    border-left:1px solid #ccc;
}

#europe h2{
    padding:17px 0px 0px 9px;
    font-size:18px;
    text-transform:lowercase;
}

#europe ul{
    list-style:none;
    padding-top:10px;
    padding-bottom:10px;
    text-transform:lowercase;
    min-height:300px;
}

#europe ul li{
    display:block;
    margin:10px;
}

#europe ul li a { color:#bbb; }
#europe ul li a:hover { color:#aa0000; }

#regions{
    position:absolute;
    left:50%;
    top:57px;
    width:300px;
    margin-left:50px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

#regions h3{
    padding:17px 0px 0px 9px;
    font-size:18px;
    text-transform:lowercase;
}

#regions ul{
    list-style:none;
    padding-top:10px;
    padding-bottom:10px;
    text-transform:lowercase;
    min-height:300px;
}

#regions ul li{
    display:block;
    margin:10px;
}

#regions ul li a { color:#bbb; }
#regions ul li a:hover { color:#aa0000; }

/* --- DRAPEAUX --- */

#drapeaux{
    font-size:8px;
    position:absolute;
    left:50%;
    top:30px;
    width:650px;
    margin-left:-203px;
    z-index:-1;
}

#drapeaux ul{
    list-style:none;
}

#drapeaux li{
    text-transform:uppercase;
    float:right;
    padding-right:10px;
}

#drapeaux a { color:#555; }

/* CHANGEMENT DE BACKGROUND PAR CLASS="" sur body */ 

body.surfTheme{
      background:#FFF url(../../img/white/background-surf.jpg) fixed no-repeat top center;      
} 

body.snowTheme{
      background:#FFF url(../../img/white/background-snow.jpg) fixed no-repeat top center;      
}      


body.skateTheme{
      background:#000 url(../../img/white/background-skate.jpg) fixed no-repeat top center;      
}




optgroup{
    margin:10px 0px 10px 0px;
}
optgroup option{
    padding-left:20px;
}

a, a:hover, a:visited{
    color:#000;
    text-decoration:none;
}

a.external {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../../img/white/external-link.png) no-repeat scroll right center;
    padding:0 13px 0 0;
    color:#2255cc;
}

.eventExternalLink{
    float:right;
    padding-right:15px;
}

img{
	border:0;
}

body{
	width:100%;
      
	color:#b1b0af;
	_margin-bottom:25px;
}

.hide{
	display: none;
	visibility: hidden;
}

.aSkin{
 	cursor:pointer;
}




#wrapper{
	background:#FFFFFF none repeat scroll 0 0;
	width:894px; 
	margin:0 auto 0px auto;    
	box-shadow:0 5px 10px black;
	-moz-box-shadow:0 5px 10px black;
	-webkit-box-shadow:0 5px 10px black;

}

#logoQS{
	padding:10px 0 0 0;
	float:left;
}


#top{
	width:100%;
	background:#FFFFFF;
	height:60px;
	min-height:60px;
}

/* Menu styles\*/

#menuGeneral{
	list-style:none; 
	clear:both;
	margin:5px 0 5px 1px;    
}

#menuGeneral li{
	float:left;
	font-size:14px; 
	
}

#menuGeneral li.menuBas{
       font-weight:normal; 
}

#menuGeneral li.last{
	background:none;
}

#menuGeneral li.menuBas a{
	color:#A9A9A9; 
	font-weight:normal;
	font-family:arial,helvectica;
	font-size:13px;
	line-height:14px;     
	padding:4px 4px 4px 8px;
	text-decoration:none;
	text-transform:uppercase;
}

#menuGeneral li.actif a{
	color:#000;
	font-weight:bold;
}

#menuGeneral li a:hover{
	color:#000;
}



#menuGeneralHaut{
	list-style:none;
	margin:0 40px 0 0;
}

#menuGeneralHaut li{
	float:right;
	color:#606060;
	
}

#menuGeneralHaut li.menuHaut{

	margin:7px 5px 0 0;
	padding-left:5px;
	cursor: pointer;
}





#menuGeneral a#buy{
	color:#CF002C;
	font-weight:normal;
	padding:4px 4px 4px 8px;
	text-decoration:none;  
}

#menuGeneral a#buy:hover{

	color:#a41937;
}


#menuGeneralHaut li.menuHaut a#buy{
	font-weight:bold;
	color:#CF002C;
		text-decoration:underline;  
}



#menuGeneralHaut li.menuHaut a{
	color:#505050;
	font-size:8px;
	text-transform:uppercase;

}

#menuGeneralHaut li a.actif{
	color:#BBBBBB;
}

#menuGeneralHaut li a:hover{
	color:#DDD;
}

/* Popup styles */

.popup{
	border:0px solid red;
	position:absolute;
	left:50%;
	top:50%;
	width:1px;
	height:1px;
	z-index:100000;
}

.popupBackground{
	background-image:url('../../img/white/quiksilver-europe-popup-background.png'); 
	background-repeat:no-repeat; 
	width:730px;
	height:530px;
	margin-top:-265px; 
	margin-left:-365px; 
	position:relative;
	z-index: 100000;
}

.popupText{
	color:#FFF;
	width:700px;
	height:415px; 
	overflow:auto;
	clear:both;
	margin:0px auto;
	margin-left:15px;   
	font-size:12px;
}

.popupText a, .popupText a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.popupBoutonClose{
	float:right;
	margin:5px;
}

/* Footer styles */

.footer{
	background:white url(../../img/white/footer.jpg) repeat-x bottom left;
	color:#4F4F4F;
	margin:auto;
	width:100%  ;  
	font-size:10px;
	text-transform:uppercase;
	padding:10px 0 5px 0;                
}

.footer img{
	border:none;
}


.footerContent {
	float:right; 
	margin:2px 10px 0 0;
}

.footerContent img {
	vertical-align: center
}

.footerContent a {
	text-decoration:none;
	color:gray;
}

.footerContent a:hover {
	text-decoration:none;
	color:black;
}
   

#setup{
	float:left;  
	margin:0 0 0 20px; 
}


#menuPays{
	float:left;  
	margin:0 0 0 10px;
	position:relative;
	top:-3px; 
}

#drapal{
    	position:relative;
	top:3px;    
}

.external_link{
    padding:0 0 0 6px;
    text-transform:uppercase;
    font-size:8px;
    font-weight:normal;
    line-height:100%;
}
.external_link a{color:#888;}

/* ClearFix styles\*/


.right{float:right;}
.left{float:left;}

.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */