/*************************/
/* 	Gestool		 */
/*	Version 0.1      */
/*	Simon DEGRAEVE   */
/*	21/09/2009       */
/*************************/
/*
gris foncé: 	#423e3e
gris moyen:	#dbd7d1
gris noir:	#ededed
noir: 		#000000 
orange:		#f37724
	background:transparent url(../img/global.png) left top repeat-x;
*/
/* Structure globale */
html { 
margin:0;
padding:0;
background: url(../img/accueil3.jpg) no-repeat left bottom fixed; 
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
}


body {
	text-align: left;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;

		background:none;
}




#global
{
	position:relative;
	display:block;
	width:980px;	
	margin: 0 auto;
	padding:160px 10px 10px 10px;
	text-align: center;
	

}

	
	#bande {
	height:80px;
	width: 100%;
	margin-top:0px;
	float:left;
	position:fixed;
	left:0px;
	top:0px;
	text-align: left;			
	z-index:10;	
	background:#EEEEEE;

	}
	
	#bande3 {
	height:60px;
	width: 100%;
	margin-top:0px;
	float:left;
	position:fixed;
	left:0px;
	top:80px;
	text-align: left;			
	z-index:10;	
	background:#144F7E;	
	}
	





#login {
position: relative;
float:left;
margin: 0 auto;
	width:800px;	
	padding : 0px 10px 10px 10px;	
	border: 1px solid #ccc; /*P fff*/
	margin-top: 30px;		
	text-align:left;
	background-color: #eee; /*P 333*/
}

#login2 {
/*	position: relative;*/
/*	float:left;*/
margin: 0 auto;
	width:800px;	
	padding : 0px 10px 10px 10px;	
	border: 1px solid #ccc; /*P fff*/
	margin-top: 30px;		
	text-align:center;
	background-color: #eee; /*P 333*/
}

#compte_container {
/*	position: relative;*/
/*	float:left;*/
	width:800px;	
	padding : 10px 10px 10px 10px;	
	border: 1px solid #fff;
	margin-top: 30px;		
	text-align:left;
	background-color: #333;
}


#login h1 {
/*position: absolute;*/
/*	float:left;*/
/*	top: 0px;*/
/*	left: 0px;*/
	padding: 3px 5px 3px 5px;
background-color: #E9E9E9; /*P dbd7d1*/
	font-size: 16px;	
	color:#333;	
	border: 1px solid #ccc;
	margin-right:40px;
}

#erreur {
position: absolute;
color:#cb6019;
	float:left;
	top:40px;
	left: 3px;
	padding: 3px 5px 3px 5px;
	font-size: 16px;	
}


    
	
.onglet a{
cursor:pointer;
float:left; 
width:170px;
font-family: Calibri;
font-size:14px; /*P 18*/
color: #666;
font-weight: bold;
text-decoration:none;
text-align:center;
padding:2px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:32px;
background: url(img/onglet_off.png) left top no-repeat;
}	

.onglet a:hover {color: #000;
background: url(images/onglet_on.png) left top no-repeat;
	}
	
.onglet.on  a{
color: #fff;
text-align:center;
background: url(img/onglet_on.png) left top no-repeat;
}	

.onglet.on a:hover {color: #6fecf7;
background: url(img/onglet_off.png) left top no-repeat;
	}
	

.lien{
cursor:pointer;
 font-family: 'Exo', sans-serif;
font-style: normal;
font-size:18px;
color: #9ff;
text-decoration:none;
}		

.lien a{
cursor:pointer;
 font-family: 'Exo', sans-serif;
font-style: normal;
font-size:18px;
color: #9ff;
text-decoration:none;
}	

.lien a:hover{
color: #fc0;
}	


.lien.bleu a{
color: #9ff;
}	
	

.lien.bleu a:hover{
color: #fc0;
}	

.link a{
cursor:pointer;
font:normal 16px 'Roboto', Arial, sans-serif;
font-weight: 400;
color: #6175cd;	
text-decoration: none;			
}
.link a:hover {
color: #ccc;	
}

.link2 a{
cursor:pointer;
font:normal 16px 'Roboto', Arial, sans-serif;
font-weight: 400;
color: #468C00;	
text-decoration: none;			
}
.link2 a:hover {
color: #ccc;	
}

.btn {
cursor:pointer;
font-family: "sans-serif", Planning, Arial;
font-size:16px;
font-weight: normal;
margin:0px 0px 0px 2px;
padding:1px 4px 1px 4px;
background: #47a632;
color: #fff;
text-decoration:none;
text-align:left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: #5E9BF7;
padding:10px 15px 10px 15px;


}




.btn.nav {
color: #333;
background: #f3f3f3;
border: 2px solid #aec2fc;
border-radius:4px;
}

.btn.short {
font-size:12px;
margin:0px 0px 0px 0px;
}



.btn.black {
color: #eee;
background: #333;
}

.btn.color {
color: #fff;
border: none;
border-radius:2px;
background: #666;
padding:2px 4px 2px 4px;
}

.btn.color.alert {
color: #fff;
background: #a00;
}


.btn.color:hover {
cursor:default;
-moz-opacity:1;
opacity: 1;
filter:alpha(opacity=100);
}

.level
 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size:18px; 
font-weight: normal;
color:#000;
text-align: left;
}

.label
 {
font-family: 'Oxygen', sans-serif;
font-weight: 500;
font-size:12px; 
font-weight: normal;
color:#fff;
text-align: left;
line-height:18px;
}


.level.a
 { 
font-weight: 300;
font-size:16px; 
letter-spacing:-0.02em;
line-height:20px;
}

.comment
 { 
 font-family: 'Voltaire', sans-serif;
font-style: normal;
font-size:20px; 
font-weight: normal;
font-weight: 300;
letter-spacing:-0.02em;
line-height:20px;
}

.comment_light
 { 
 font-family: 'Exo', sans-serif;
font-style: normal;
font-size:16px; 
font-weight: normal;
font-weight: 400;
line-height:18px;
}



.bas
 {
font-family: 'Exo', sans-serif;
font-weight: 300;
font-size:12px;
color:#fff;
text-align: left;

}


.titre
 {
font-family: 'Oxygen', sans-serif;
font-weight: 700;
font-size:18px; 
text-align: left;

}




		#grayBack
		{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		background:#5959d6 url(img/index.jpg) left top no-repeat;
		background:#5959d6 url(../img/index.jpg) left top no-repeat;
			background:none;
		z-index: 1000;
		-moz-opacity:0.8;
		opacity: 0.8;
		filter:alpha(opacity=80);
		}

#btn_valid
{
color: #fff;
cursor:pointer;
border : none;
font:normal 16px 'Roboto', Arial, sans-serif;
font-weight: 300;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: #D7E1F2;
padding:10px 15px 10px 15px;

}


#btn_valid:hover 
{
color: #333;
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
background-color: #ccc
}


#fleche:hover 
{
-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);
cursor:pointer;
}
				
#set_email
{
background: none;
margin-top:170px;
margin-left:25px;
}


#set_msg
{
float:left;
z-index: 30000;
padding: 20px;
width:600px;		
background-color: #f3f3f3;
font-size: 12px;
line-height: 16px;
color: #99FFCC;
border :none;
position:relative;
margin: 0 auto;	
padding: 0 0 0 0;
text-align: left;	
background:none;
line-height:1.7em;
position: fixed;
left: 450px;
top: 180px;

}

.test::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4CA6FF;
  font-size:12px;
  text-align:left;
  opacity: 1; 
font-weight:700;
  vertical-align:top;
  padding-top:-25px;
 /* Firefox  padding: 0 20px;*/ 
  }
  





	#footer {
	height:60px;
	width: 100%;
	margin-top:0px;
	float:left;
	position:fixed;
	left:0px;
	bottom:0px;
	text-align: left;			
	z-index:100;	
	border-top:1px solid #333;	
	background: #333;
	}
/* Structure globaledisplay: none;

float:left;
z-index: 30000;
padding: 20px;
width:600px;		
background-color: #f3f3f3;

font-size: 12px;
line-height: 16px;
color: #202020;
border :none;
position:relative;	
width:1000px;	
margin: 0 auto;	
padding: 0 0 0 0;
text-align: center;	
background:none;
line-height:1.7em;
position: fixed;
border : 1px solid #666;
left: 30px;
top: 120px;
box-shadow: 0px 0px 40px 25px rgba(70, 70,70, 0.5);

 */

 .bande_artno {
width: 100%;
float:left;
position:relative;
text-align: left;		
background:none;
border-bottom:none;
}


.art {
position:relative;	
width:350px;	
height:600px;	
padding: 0 0 0 0;
text-align: left;	
background:none;
line-height:1.7em;
margin-top:40px;

margin-left:20px;	

background:url(../img/test.png) left top repeat;
background: #1b3d65;

}


 
 .art2{
position:relative;	
width:500px;	
height:50px;	
margin: 0 auto;	
padding: 0 0 0 0;
text-align: left;	
background:none;
line-height:1.7em;
margin-left:560px;	
}
 
 


.select2{  
font:normal 16px 'Roboto', Arial, sans-serif;
line-height:16px;
font-weight: 400;
color: #1D436D;
border :none;

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: #D7E1F2;
padding:10px 5px 10px 5px;
text-align:center;
}