body {
	background: url(images/main-bg.jpg) no-repeat center top;
	font-family:  "Segoe UI", Arial, Helvetica, Arial;
	margin:0;
	padding:0;
	font-size: 12px;
	color: #111;
	
}
a:link, a:visited { color: #666; text-decoration: none} 
a:active, a:hover { color: #000; text-decoration: underline}


.bb_footer {display:none !important;visibility:hidden;}


h1 {	
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	font-weight: bold;
	font-size: 32px;
	color: #0059E0;
	margin: 0;
	padding: 0;
	text-align: center
}
h2 {	
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	font-weight: normal;
	font-size: 16px;
	color: #aaa;
	line-height:16px;
	text-align: center
}

input {
	padding: 4px;
	font-family: "Segoe UI", "Trebuchet MS", Verdana, Helvetica, Arial;
	color: #444;
	border: 1px solid #ccc;
}
input:hover,
input:focus {
	color: #000;
	border: 1px solid #aaa
}

input:focus { background: #E8F3FF;border: 1px solid #A1D0FF; }

/*------------------------------------------------*/
	
#container {
	width: 954px;
	margin: 0 auto;
	padding: 10px;
}
#content {
	width: 695px;
	margin-left: 220px;
	padding: 10px;
	font-size: 16px;
	line-height: 24px;
}

.content-gen { margin-top: -120px;}

/*------------------------------------------------*/

.ban {
	padding: 10px;
	margin-left: 120px;
	margin-bottom: 15px;
}



#header {
	height: 280px;
	text-align: center;
	width: 974px;
	margin: 0 auto;
	margin-top: 10px;
}
#header .logo {  }




.page {
	width: 700px;
	float: left;
	padding: 30px;
	font-size:18px;
	line-height: 26px;
	text-align: justify;
}
.page h2 {
	color: #8EBF35;
	font-size: 16px;
	font-weight: bold;
}

/*------------------------------------------------*/


#sidebar { 
	width: 160px; 
	font-family: "Trebuchet MS", Arial, sans serif; 
	color:#000; 
	text-align: left;
	float: left;
	padding-left: 45px;
	margin-top: 0px;

 }
.sidebar h3 { text-decoration: underline; font-weight: bold; font-size: 12px; line-height: 24px; padding: 0; margin:0; }
.sidebar p {  padding-left: 5px; margin:0; }
.sidebar a {  text-decoration: underline; }

.sidebar .partenaires a { color: #3CBEFF; }
.sidebar .autre a {  color: #87CD2C; }




.menu li {
	list-style-type: none;
	text-align: center;
}

.menu li a {
	display: block;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

.menu .symboles { background: #00AAFF  url(images/noise.png); }
.menu .symboles:hover { background: #0082C3  url(images/noise.png); }

.menu .pseudos { background: #FF5900  url(images/noise.png); }
.menu .pseudos:hover { background: #FF3300  url(images/noise.png); }

.menu .vagues { background: #5AE100  url(images/noise.png); }
.menu .vagues:hover { background: #34C300  url(images/noise.png); }

.menu .visages { background: #AA00FF  url(images/noise.png); }
.menu .visages:hover { background: #8A00A5  url(images/noise.png); }



.partenaires li {
	list-style-type: none;
	text-align: center;
}

.partenaires li a {
	display: block;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}


.partenaires  .p1 { background: red  url(images/noise.png); }
.partenaires  .p2 { background: #FFBF00  url(images/noise.png); }
.partenaires  .p3 { background: #FF0095  url(images/noise.png); }
.partenaires  .p4 { background: green  url(images/noise.png); }

#sidebar ul li{ 
	margin-left: -40px;
	padding: 5px;
	margin-bottom: 5px;
 }


.bouton-plus { 
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	margin-bottom: 20px;
}
.bouton-plus a:hover { background: #000;}
.bouton-plus  a { 
	color: #fff;
	display: block;
	text-decoration: none;
	background: #333;
	padding: 10px;
}
 
/*------------------------------------------------*/

#footer {
	clear: both;
	padding-top: 18px;
	text-align: center;
	font-size: 14px;
	color: #004BF5;
}
#footer a {
	color: #0059E0;
}

/*------------------------------------------------*/




.spacer {
	clear: both;
	height: 18px;
}

img{ border: 0px; }

.texttransform {
	color:#555;
	border: 2px dotted #aaa;
	background: #fff;
	padding:4px;
	width: 98%;
	margin-bottom: 15px;
}

.texttransform:hover, 
.texttransform:focus {
	border: 2px solid #ddd;
	background: #fff;
	color: #000;
}

.input1 {
	padding: 8px 8px;
	background: #fff;
	color: #888;
}
.input1:hover, .input1:focus {
	padding: 8px 8px;
	background: #f1f1f1;
}


.rouge ,
.rouge:hover, .rouge:focus { border-color: red; color: red; background: #FBF3F4; }

.noir ,
.noir:hover, .noir:focus { border-color: #bbb; color: #000; background: #f1f1f1; }

.gris ,
.gris:hover, .gris:focus { border-color: #ccc; color: #ccc; background: #eee;}

.bleu1 ,
.bleu1:hover, .bleu1:focus { border-color: blue; color: blue; background: #F3F4FB;}

.bleu2 ,
.bleu2:hover, .bleu2:focus { border-color: #0078E1; color:#0078E1; background: #F3F8FB; }

.bleu3 ,
.bleu3:hover, .bleu3:focus { border-color: #0082C3;color: #0082C3; background: #F3F8FB; }

.bleu4 ,
.bleu4:hover, .bleu4:focus { border-color: #3CBEFF;color: #3CBEFF; background: #F3F8FB; }

.bleu5 ,
.bleu5:hover, .bleu5:focus { border-color: #3CCEFF; color: #3CCEFF; background: #F3F8FB; }

.rose1 ,
.rose1:hover, .rose1:focus { border-color:#E3B0D3;color:#E3B0D3; background: #FBF3FB; }

.rose2 ,
.rose2:hover, .rose2:focus { border-color: #FF00FF;color: #FF00FF; background: #FBF3F4; }

.rose3 ,
.rose3:hover, .rose3:focus { border-color:#E10083;color:#E10083; background: #FAF3FB; }

.rose4,
.rose4:hover, .rose4:focus { border-color: #FF00AA;color: #FF00AA;  background: #FAF3FB;}

.rose5 ,
.rose5:hover, .rose5:focus { border-color:#CB3D8B;color:#CB3D8B; background: #FAF3FB;}

.violet1 ,
.violet1:hover, .violet1:focus { border-color:#CE2FCA;color:#CE2FCA; background: #F8F3FB; }

.violet2,
.violet2:hover, .violet2:focus { border-color:#C675EC;color:#C675EC; background: #F8F3FB; }

.violet3 ,
.violet3:hover, .violet3:focus { border-color:#AA00FF;color:#AA00FF; background: #F8F3FB; }

.violet4 ,
.violet4:hover, .violet4:focus { border-color:#9200C3;color:#9200C3; background: #F8F3FB; }

.violet5 ,
.violet5:hover, .violet5:focus { border-color:#A86FD9;color:#A86FD9; background: #F8F3FB; }

.vert1 ,
.vert1:hover, .vert1:focus { border-color:#8ED33F;color:#8ED33F; background: #F3FBF4; }

.vert2 ,
.vert2:hover, .vert2:focus { border-color:#AAFF00;color:#AAFF00; background: #F3FBF4; }

.vert3,
.vert3:hover, .vert3:focus { border-color:#82C300;color:#82C300; background: #F3FBF4; }

.vert4 ,
.vert4:hover, .vert4:focus { border-color:#4EC300;color:#4EC300; background: #F3FBF4; }

.vert5 ,
.vert5:hover, .vert5:focus { border-color:#00C300;color:#00C300; background: #F3FBF4; }

.orange1 ,
.orange1:hover, .orange1:focus { border-color: #FF6928;color: #FF6928; background: #FBF7F3; }

.orange2,
.orange2:hover, .orange2:focus { border-color: #E17100;color: #E17100; background: #FBF7F3; }

.orange3 ,
.orange3:hover, .orange3:focus { border-color: #FFA600;color: #FFA600; background: #FBF7F3; }

.jaune1 ,
.jaune1:hover, .jaune1:focus { border-color: #FFD350;color: #FFD350; background: #FBFAF3; }

.jaune2,
.jaune2:hover, .jaune2:focus { border-color: #FFE23C;color: #FFE23C; background: #FBFAF3; }

.style { 
	margin-right: 15px;
	font-size: 18px;
	font-weight: bold;
}

/*-------------------------------------*/

.generator {
	margin-left: 15px;
	margin-bottom: 30px;
}

.generator .liens {
	margin-top: 5px;
}

.generator .barre {
	height: 28px;
	background: #F0F9FB;
	width: 740px;
	border: 2px solid #C0E7F2;
	padding: 4px;
	margin: 0;
	font-size:18px;
	color:#000;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
}

.generator .barre:hover ,.generator .barre:focus{
	background: #F3FCFF;
	border: 2px solid #98D5E6;

}

#go {
	background: url(images/go.png);
	height:40px;
	width: 160px;
	font-size: 20px;
	padding: 0px 15px;
	margin: 0;
	border: 0 none;
	color: #fff;
	font-weight: bold;
}
#go:hover,
#go:focus {
	cursor: pointer;
	background: url(images/go2.png);
}

.home {
	font-size: 12px;
}

.retour-accueil {
	float: right;
	font-size: 14px;
	font-weight: bold;
}


.vague { margin: 5px; text-align: center; }

.visage { margin: 5px; text-align: center; padding: 10px; font-size: 24px; }

.symbole { font-size: 30px; line-height: 70px; letter-spacing: 8px; margin-left: 45px; }