*{
	margin:0;
	padding:0;
	font-family:Interstate,Arial, sans;
}
a,a:hover, a:visited{
	border:0;
	text-decoration:none;
	color:#000;
}

.quiksilver_europe{
	display:none;
        font-size:6px;
        font-weight:normal;
        position:absolute; 
        width:300px;
        margin-left:-465px;
        top:10px;
        left:50%;
}
.quiksilver_europe a{ color:#aaaaaa; }

* img{
	border:0;
}

.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 */  


#logs{
	background:white none repeat scroll 0 0;
	clear:both;
	color:red;
	float:left;
	opacity:0.6;
	padding:10px;
	position:relative;
}


.error{
	color:red;
	font-size:12px;
	padding:20px;
	text-align:center;
	text-transform:uppercase;
}

#editPassword .error{
	color:red;
	font-size:12px;
	padding:2px;
	text-align:right;
	text-transform:none;
	
}

#editInfos .error{
	color:red;
	font-size:12px;
	padding:2px;
	text-align:right;
	text-transform:none;
	
}

html{
	background:#fff url(../img/pattern.jpg) repeat top left;	
}

body{
	width:100%;
	background:transparent url(../img/topShadow.png) repeat-x top left;
	_background:transparent;
}


.wrapper{
	width:972px;
	padding:0 10px;
	margin:auto;
	background:transparent url(../img/shadow.png) repeat-y top center;
	_background:transparent;
}


/****************************************/
/* 		--- TOP ---	 	*/
/****************************************/

#top{

}

/****************************************/
/* 		--- MENU ---	 	*/
/****************************************/

#menu{
	background:transparent url(../img/head.jpg) no-repeat top center;
}

#topMenu{
	padding:40px 0 3px;
	border: dotted #000;
	border-width:0 0 1px  0;
}

#topMenu ul {
	text-align:right;
	margin:10px 0 0;
}

#topMenu ul li{
	display:inline;
	font-size:12px;
	padding:0 6px;
}


#topMenu ul li.first{
	display:inline;
	border: dotted #000;
	border-width:0 1px 0  0;
}

#topMenu ul li.disconnect{
	display:inline;
	border: dotted #000;
	border-width:0 0px 0  1px;
}

#bottomMenu{
	padding:10px 0 10px 0;
}

#bottomMenu #langMenu {
	text-align:left;
	float:left;
	margin:0 0 0 20px;
}

#bottomMenu #langMenu li {
	display:inline;
	padding:0 2px;
}

#bottomMenu #langMenu li .active {
	opacity:1;
}

#bottomMenu #langMenu li img {
	opacity:0.5;
}

#bottomMenu #navigation {
	text-align:center;
	width:650px;
	margin:auto;

}

#bottomMenu #navigation li {
	display:inline;
	padding:0 10px;
	border: dotted #000;
	border-width:0 1px 0  0;
}

#bottomMenu #navigation li.last {
	border:0;
}


#bottomMenu #navigation.ON li a, #bottomMenu #navigation.ON li a:visited{
	color:#000;
}

#bottomMenu #navigation.OFF li a, #bottomMenu #navigation.OFF li a:visited{
	color:#666;
}

/****************************************/
/* 	--- BANDE NAVIGATION ---	*/
/****************************************/
#bande{
	width:100%;
	margin:auto;
	background:#239cd3;
}


#wrapperBande{
	width:992px;
	margin:auto;
	background:#239cd3;
	color:#FFF;
}

#wrapperBande h1{
	color:#FFFFFF;
	font-size:20px;
	padding:32px 0 2px 40px;
	text-transform:uppercase;
}


/****************************************/
/*       --- RUBRIQUE ---		*/
/****************************************/

.content{
	width:972px;
	background: #FFF url(../img/content.jpg) no-repeat top center;
	text-align:justify;
	font-size:12px;
	padding: 10px 0px;
	color:#444;	
}

/****************************************/
/* 		--- BOTTOM ---		*/
/****************************************/

#bottom{
	min-height:20px;
	width:972px;
	margin:10px auto;
	background:transparent url(../img/bottomShadow.png) no-repeat bottom center;
	_background:transparent;
	color:#FFF;
}

#bottom a, #bottom a:visited{
	color:#363636;
}

#back{
	background:#239cd3;
}


#eshop{
	background:#239cd3 url(../img/whiteArrow.jpg) no-repeat scroll 10px 11px;
	clear:both;
	padding:11px 0 0px 25px;
}

#eshop p{
	font-size:13px;
	margin:-3px 10px 0 0;	
}


#eshop img{
	width:80px;
}

#selectTheme{
	padding:11px 0 30px 25px;
	background:#239cd3  url(../img/whiteArrow.jpg) no-repeat 10px 11px;

	width:476px;
	border:dotted #444;
	border-width:0 0 0 1px;
}

#selectTheme p{
	margin:0 10px 0 0;font-size:13px;
	margin:-3px 10px 0 0;
}

/* =============== */
/* --- BOUTONS --- */
/* =============== */

.awesome, .awesome:visited {
    white-space:nowrap;
	background: #222 url(/system/application/views/themes/quiksilver/img/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover								{ background-color: #111; color: #fff; border-bottom: 1px solid rgba(0,0,0,0.25);}
.awesome:active								{ }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }

.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }

.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }

.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }

.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }

.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }

.gray.awesome, .gray.awesome:visited		{ background-color: #c0c0c0; }
.gray.awesome:hover						    { background-color: #a0a0a0; }

.color0.awesome, .color0.awesome:visited		{ background-color: #c0c0c0; }
.color0.awesome:hover						    { background-color: #a0a0a0; }

.color1.awesome, .color1.awesome:visited		{ }
.color1.awesome:hover						    { }

#pubs{
	background:transparent;
	width:938px;
	margin:auto;
}
.homePub{
	margin:0 22px;
}