/* 10*/

/* Le site entier */
body {

	background-color: #000000;
	color: white;
	background-image: url("design/1/fond.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 0.8em;

}

a {

	color: white;
	text-decoration: underline;
	
}

a:hover {

	color: white;
	text-decoration: none;
}

#siteweb {

	margin: auto;
	width: 1000px;
	padding-top: 20px;
	padding-bottom: 20px;

}

#banniere {

	width: 1000px;
	height: 200px;
	background-image: url("design/1/banniere2.jpg");
	border: 1px solid white;
	background-repeat: no-repeat;
	background-position: center;
	background-color: black;
	color: white;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius-topleft: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius-topright: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	
	
	
}

#banniere a {

	display: block;
	width: 1000px;
	height: 200px;

}

#banniere2 {

	width: 1000px;
	height: 200px;
	background-image: url("design/1/banniere2.jpg");
	border: 1px solid white;
	background-repeat: no-repeat;
	background-position: center;
	background-color: black;
	color: white;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	
	
	
}

#banniere2 a {

	display: block;
	width: 1000px;
	height: 200px;

}

#bn {

	background-image: url("design/bn.png");
	background-repeat: no-repeat;
	width: 1000px;
	height: 20px;
	background-color: black;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius-bottomleft: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius-bottomright: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	
}

#bn marquee {

	width: 900px;
	float: right;

}

/* Menu horizontal principal */

ul#menu_horizontal_principal { 
width : 1000px; 
height : 30px;
margin : 2em 0 2em 0;
padding : 0;
background-color : #000000;
border : 1px solid white;
list-style-type : none; 
}
 
ul#menu_horizontal_principal li {
padding : 0 0.5em;  
line-height : 30px;
}
 
ul#menu_horizontal_principal li.bouton_gauche {
float : left;
border-right : 1px solid white; 
}
 
ul#menu_horizontal_principal li.bouton_droite {
float : right;
border-left : 1px solid white;
}
 
ul#menu_horizontal_principal a {
color : white;
text-decoration : none;
padding : 0 0.5em;
}
 
ul#menu_horizontal_principal a:hover { text-decoration : underline; }
 
ul#menu_horizontal_principal a img { 
border : none;
padding :  0 0.3em;
}

/* Menu horizontal secondaire */

ul#menu_horizontal { 
width : 1000px; 
height : 30px;
margin : 2em 0 2em 0;
padding : 0;
background-color : #000000;
border : 1px solid white;
list-style-type : none; 
}
 
ul#menu_horizontal li {
padding : 0 0.5em;  
line-height : 30px;
}
 
ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px solid white; 
}
 
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px solid white;
}
 
ul#menu_horizontal a {
color : white;
text-decoration : none;
padding : 0 0.5em;
}
 
ul#menu_horizontal a:hover { text-decoration : underline; }
 
ul#menu_horizontal a img { 
border : none;
padding :  0 0.3em;
}

#menu_vertical {

	width: 250px;
	float: left;
	
}

.menu_vertical2 {

	width: 250px;
	border: 1px solid white;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	background-color: black;
	padding : 2px;
	float: left;
	margin-bottom: 5px;
	text-align: center;
	
}

.menu_vertical2 ul {

	list-style-type: none;
	padding-left: 15px;
	
}

#corps {

	margin-left: 270px;
	border: 1px solid white;
	background-color: black;
	padding : 2px;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	
}

#footer {

	width: 996px;
	margin-top: 16px;
	margin-bottom: 20px;
	background-image: url("design/1/footer.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: black;
	border: 1px solid white;
	/*text-align: center;*/
	padding : 2px;
	float:left;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	
}

/* Pour l'alignement des images */

.alignleft {

	float: left;
	padding: 2px;
	
}

.alignright {

	float: right;
	padding: 2px;
	
}

/* CSS du calendrier */

.calendrier {

	display:inline;
	padding-right:10px ;
	border-width:0px ;
	text-align: center; 
	color: #fff; /* Couleur du texte dans les cases du calendrier */
	background-color: black;
	border-spacing: 1px; 
	font-size: 1.0em; 
	margin: auto ;
	float: left;
	z-index: 100;
	cursor: default;
	margin-left: 33px;


}

.calendrier td, .calendrier tr{

	padding: 0;

}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{

	background-color: #ffffff;
	color:#000000 ;

}

.calendrier .evenement h6{

	font-size:0.9em ;
	margin:0;
	padding:0;
	
}

.calendrier .evenement{

	font-weight:normal ;
	border: 1px solid #000000; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
	background-color: #ffffff; /* Couleur de fond du cadre qui contient l'évènement */
	color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
	z-index: 10; 
	padding: 2px;
	margin-top:1px;

}

.calendrier .evenement{

	position: absolute; 
	visibility: hidden; 
	min-width:150px;
	max-width:250px ;

}

.calendrier td {

	border: none; 
	background-color: #000000; /* Couleur de fond des cases du calendrier */
	color: #fff;
	width:25px ;

}

.calendrier td:hover {

	background-color:#fff ;  /* Couleur de fond des cases lors du survol de la souris */
	color: #000000;

}

.calendrier .today{

	font-weight:bold ;
	border: 1px solid #fff; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */

}

/* Tableaux .*/

#corps table {

	border: 1px solid white;
	border-collapse: collapse;
	padding: 3px;

}

#corps th {

	font-size: 12px;
	background-color: white;
	color: black;

}

#corps th a {

	color: black;
	text-decoration: underline;

}

#corps th a:hover {

	color: black;
	text-decoration: none;

}

#corps td {

	border: 1px solid white;
	padding: 3px;

}

/* Tableaux shoutbox */

#shoutbox {
	border:1px solid white;
	/*padding:3px;*/
	margin-left:1px;
	width:245px;
}

.shoutbox {
	text-align:left;
	padding:3px;
	border:1px solid white;
	min-height:50px;
	_height:50px;
}


/*
.shoutbox table {

	border: 1px solid white;
	border-collapse: collapse;
	padding: 3px;

}

.shoutbox td {

	text-align: left;
	border: 1px solid white;
	padding: 3px;

}

.shoutbox a {

	color : red;
	
}*/

/* Annonce(s) du site */

#annonces {

	color: white;
	background-color: black;
	background-image: url("design/1/fond_annonce.png");
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 2px 2px 2px;
	border: 1px solid white;
	min-height: 400px;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	
}

/* Admin */

.section_admin
{
	border:1px solid #FFFFFF;
	background-color:#303030;
	padding: 5px;
	margin: 5px;
	float:left;
	width:45%;
	height: 275px;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
}

.section_admin h2 {

	text-align: center;
	
}

.ensemble_admin
{
	width:90%;
	margin:auto;
}

/* Profils */

.section_profil
{
	border:1px solid #FFFFFF;
	background-color:#303030;
	padding: 5px;
	margin: 5px;
	float:left;
	width:45%;
	min-height: 300px;
	border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
	-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
}

.section_profil h2 {

	text-align: center;
	
}

.ensemble_profil
{
	width:90%;
	margin:auto;
}

.cleaner /* Merci le sdz !!! <3 */
{
	clear:both;
	height:2px;
}

#message /* Merci au sdz ... */
{
	background-color:black;
	border: 1px solid white;
	
	padding: 8px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 400px;
	height: 150px;
	margin-top: -75px;
	margin-left: -200px;
}

/* News */

.news {

	margin-top : 10px;
	/*background-color: #1E1E1E;*/
	background-color: #000000;
	background-image: url("design/1/fond_news.png");
	background-repeat: no-repeat;
	border: 1px solid white;
	padding : 5px;
	
}

.news h1 {

	border-bottom : 5px solid white;
	
}

/* Pour les formulaires */
input {

	border: 2px solid white;
	background-color: black;
	color: white;

}

/* Les formulaires lorsqu'on survole */
input:hover {

	border: 2px solid #808080;
	background-color: black;
	color: white;

}

/* Les formulaires lorsqu'on clique dessus */
input:focus {

	border: 2px solid #808080;
	background-image: url("design/1/fond_formulaire.png");
	color: white;

}

legend {

	color: white;
	background-color: black;
	
}

fieldset {

border-radius: 10px 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */
-moz-border-radius: 10px; /* Ne fonctionne qu'avec les meilleurs navigateurs ... */

}

#corps label {

	width:200px;
	cursor: pointer;

}

#corps label.label_cote {

	width:200px;
	cursor: pointer;
	clear:left;
	float:left;
	text-align:left;
	margin-right:15px;

}

/* Champ texte */
textarea {

	border: 2px solid white;
	background-color: black;
	color: white;

}

/* Champ texte lorsqu'on survole */
textarea:hover {

	border: 2px solid #808080;
	background-color: black;
	color: white;

}

/* Champ texte lorsqu'on clique dessus */
textarea:focus {

	border: 2px solid #808080;
	background-image: url("design/1/fond_formulaire.png");
	color: white;

}

/* Bordure des images du corps */
#corps a img {

	border: none;

}

/* Bordure des images du menu */
.menu_vertical2 a img {

	border: none;

}

/* Bordure des images du footer */
#footer a img {

	border: none;
	
}

/* Pour le Post-it */

#postit {

	background-image: url("images/postit.png");
	width: 250px;
	height: 250px;
	font-size: 0.6em;
	color: black;
	text-align: left;
	
}

#postit a {

	color: black;
	
}

.texte {

	position: relative;
	left: 42px;
	top: 80px;
	width: 180px;
	
}

.lien {

	position: relative;
	left: 145px;
	top: 50px;
	
}

/* Pour l'affichage des commentaires */

#commentaires {

	margin-top : 10px;
	background-image: url("design/1/fond_coms.png");
	background-repeat: no-repeat;
	border: 1px solid white;
	padding : 5px;
	
}

/* Commentaires : Affichage de la barre horizontale qui est en dessous du pseudo et de la date */

.comm_membre {

	border-bottom : 1px solid white;
	margin-bottom: 10px;
	
}

/* Barre verticale qui délimite les infos du user et de son commentaire */

.comm_barre {

	margin-left: 160px;
	border-left: 1px solid white;
	padding-left: 3px;
	min-height: 420px;
	
}

/* Fond pour les mp */

#mp {

	background-image: url("design/1/fond_coms.png");
	background-repeat: no-repeat;
	border: 1px solid white;
	padding : 5px;

}

/* MP : Affichage de la barre horizontale qui est en dessous du pseudo et de la date */

.mp_membre {

	border-bottom : 1px solid white;
	margin-bottom: 10px;
	
}

/* Barre verticale qui délimite les infos du user et de son mp */

.mp_barre {

	margin-left: 160px;
	border-left: 1px solid white;
	padding-left: 3px;
	min-height: 420px;
	
}

/* Blocs de la boutique */

.bloc_boutique {

	float:left;
	background-color:#303030;
	color:#ffffff;
	width:300px;
	min-height:480px;
	padding:10px;
	margin:10px;
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
	border:1px solid white;

}

/* Curseur pour les acronymes */

acronym {

	cursor : help;
	
}

/* Erreur lors de soucis avec les formulaires */

.label_erreur {

	width:200px;
	cursor: pointer;
	clear:left;
	float:left;
	text-align:left;
	margin-right:15px;
	color: red;
	font-weight : bold;
	
}

.input_erreur {

	border: 2px solid red;
	color: red;
	
}

.offres_lpu {

	padding: 5px;
	width: 650px;
	margin: auto;
	margin-bottom: 5px;
	border: 1px solid white;
	border-radius: 10px 10px;
	-moz-border-radius: 10px;

}

/* Menu */

/*#multi-level {height:30px; position:relative; z-index:100; background:#fff url(image_drop_back.gif) repeat-x; padding-left:20px;border:1px solid #000; border-width:0 1px;}*/
#multi-level {height:30px; position:relative; z-index:100; background: url(design/1/menu/fond.png) repeat-x; padding-left:20px; margin-top: 10px; margin-bottom: 10px; /*border:1px solid #fff;*/ border-width:0 1px;border-radius: 10px 10px; -moz-border-radius: 10px; }
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/*.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#fff; background: url(design/1/menu/image_drop_1a.gif); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(image_drop_1a.gif) right top; padding:0 15px 0 0;}*/
.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#fff; background: url(non_selectionne.png); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(design/1/menu/non_selectionne.png) right top; padding:0 15px 0 0;}
.menu li.top a.top_link b.b_top {display:block; float:left; height:30px; width:26px;}

/*.menu li.top a.top_link span.drop {background: url(image_drop_0a.gif) right top; padding:0 25px 0 0;}*/
.menu li.top a.top_link span.drop {background: url(design/1/menu/non_selectionne2.png) right top; padding:0 25px 0 0;}

.menu li a#home b.b_top {background:transparent url(design/menu/home.gif) no-repeat center center;}
.menu li a#news b.b_top {background:transparent url(design/menu/news.png) no-repeat center center;}
.menu li a#lp b.b_top {background:transparent url(design/menu/lp.png) no-repeat center center;}
.menu li a#medias b.b_top {background:transparent url(design/menu/medias.png) no-repeat center center;}
.menu li a#site b.b_top {background:transparent url(design/menu/site.png) no-repeat center center;}
.menu li a#boutique b.b_top {background:transparent url(design/menu/boutique.png) no-repeat center center;}
.menu li a#concours b.b_top {background:transparent url(design/menu/concours_rtr.png) no-repeat center center;}
.menu li a#admin b.b_top {background:transparent url(design/menu/admin.png) no-repeat center center;}
.menu li a#inscription b.b_top {background:transparent url(design/menu/inscrire.png) no-repeat center center;}
.menu li a#connexion b.b_top {background:transparent url(design/menu/connecter.png) no-repeat center center;}
.menu li a#espacemembre b.b_top {background:transparent url(design/menu/espacemembre.png) no-repeat center center;}
.menu li a#_deconnexion b.b_top {background:transparent url(design/menu/deconnexion.png) no-repeat center center;}
.menu li a#messagep b.b_top {background:transparent url(design/menu/messages.png) no-repeat center center;}
.menu li a#messagep2 b.b_top {background:transparent url(design/menu/new_messages.png) no-repeat center center;}
.menu li a#network b.b_top {background:transparent url(design/menu/network.png) no-repeat center center;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
/*.menu li.top:hover a.top_link {background: url(image_drop_1b.gif);}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {background: url(image_drop_1b.gif) right top;}*/
.menu li.top:hover a.top_link {background: url(design/1/menu/selectionne.png);}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top {background: url(design/1/menu/selectionne.png) right top;}
.menu li.top a.top_link:hover span.drop,
/*.menu li.top:hover a.top_link span.drop {background: url(image_drop_0b.gif) right top;}*/
.menu li.top:hover a.top_link span.drop {background: url(design/1/menu/selectionne2.png) right top;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:30px; background: transparent url(design/1/menu/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:135px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
/*.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(dropa_0.gif) no-repeat;}*/
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(design/1/menu/bord_menu_non_selectionne.png) no-repeat;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
/*{display:block; float:left; background: url(drop_0.gif) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000;}*/
{display:block; float:left; background: url(design/1/menu/menu_non_selectionne2.png) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#fff;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
/*{background: url(dropb_0.gif) right top; color:#000;}*/
{background: url(design/1/menu/menu_non_selectionne.png) right top; color:#fff;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
/*{background: url(dropba_1.gif) no-repeat; color:#fff;}*/
{background: url(design/1/menu/bord_menu_selectionne.png) no-repeat; color:#fff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
/*{background: url(drop_1.gif) right top; color:#fff;}*/
{background: url(design/1/menu/menu_selectionne2.png) right top; color:#fff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
/*{background:url(dropb_1.gif) right top; color:#fff;}*/
{background:url(design/1/menu/menu_selectionne.png) right top; color:#fff;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
/*.menu :hover ul li:hover > a.fly {background:url(dropba_1.gif) no-repeat; color:#fff;}*/
.menu :hover ul li:hover > a.fly {background:url(design/1/menu/bord_menu_selectionne.png) no-repeat; color:#fff;}
/*.menu :hover ul li:hover > a.fly span {background:url(dropb_1.gif) right top; color:#fff;}*/
.menu :hover ul li:hover > a.fly span {background:url(design/1/menu/menu_selectionne.png) right top; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(book.gif) no-repeat center center; height:25px; width:25px;}
.menu ul.sub b.lp {background:transparent url(design/menu/lp.png) no-repeat center center;}
.menu ul.sub b.chester {background:transparent url(design/menu/chester.png) no-repeat center center;}
.menu ul.sub b.mike {background:transparent url(design/menu/mike.png) no-repeat center center;}
.menu ul.sub b.brad {background:transparent url(design/menu/brad.png) no-repeat center center;}
.menu ul.sub b.joe {background:transparent url(design/menu/joe.png) no-repeat center center;}
.menu ul.sub b.rob {background:transparent url(design/menu/rob.png) no-repeat center center;}
.menu ul.sub b.phoenix {background:transparent url(design/menu/phoenix.png) no-repeat center center;}
.menu ul.sub b.disco {background:transparent url(design/menu/disco.png) no-repeat center center;}
.menu ul.sub b.albums {background:transparent url(design/menu/albums.png) no-repeat center center;}
.menu ul.sub b.singles {background:transparent url(design/menu/singles.png) no-repeat center center;}
.menu ul.sub b.cdlpu {background:transparent url(design/menu/cdlpu.png) no-repeat center center;}
.menu ul.sub b.autrescd {background:transparent url(design/menu/autrescd.png) no-repeat center center;}
.menu ul.sub b.videographie {background:transparent url(design/menu/video.png) no-repeat center center;}
.menu ul.sub b.clips {background:transparent url(design/menu/clips.png) no-repeat center center;}
.menu ul.sub b.dvd {background:transparent url(design/menu/dvd.png) no-repeat center center;}
.menu ul.sub b.chronologie {background:transparent url(design/menu/chronologie.png) no-repeat center center;}
.menu ul.sub b.lpu {background:transparent url(design/menu/lpu.png) no-repeat center center;}
.menu ul.sub b.tchatlpu {background:transparent url(design/menu/tchatlpu.png) no-repeat center center;}
.menu ul.sub b.lpunews {background:transparent url(design/menu/lpunews.png) no-repeat center center;}
.menu ul.sub b.paroles {background:transparent url(design/menu/paroles.png) no-repeat center center;}
.menu ul.sub b.mtm {background:transparent url(design/menu/mtm.png) no-repeat center center;}
.menu ul.sub b.livres {background:transparent url(design/menu/livres.png) no-repeat center center;}
.menu ul.sub b.interviews {background:transparent url(design/menu/interviews.png) no-repeat center center;}
.menu ul.sub b.awards {background:transparent url(design/menu/awards.png) no-repeat center center;}
.menu ul.sub b.dossiers {background:transparent url(design/menu/dossiers.png) no-repeat center center;}
.menu ul.sub b.photos {background:transparent url(design/menu/photos.png) no-repeat center center;}
.menu ul.sub b.mp3 {background:transparent url(design/menu/mp3.png) no-repeat center center;}
.menu ul.sub b.videos {background:transparent url(design/menu/videos.png) no-repeat center center;}
.menu ul.sub b.forum {background:transparent url(design/menu/forum.png) no-repeat center center;}
.menu ul.sub b.liens {background:transparent url(design/menu/liens.png) no-repeat center center;}
.menu ul.sub b.contact {background:transparent url(design/menu/contact.png) no-repeat center center;}
.menu ul.sub b.livreor {background:transparent url(design/menu/livreor.png) no-repeat center center;}
.menu ul.sub b.sondages {background:transparent url(design/menu/sondages.png) no-repeat center center;}
.menu ul.sub b.designs {background:transparent url(design/menu/designs.png) no-repeat center center;}
.menu ul.sub b.apropos {background:transparent url(design/menu/apropos.png) no-repeat center center;}
.menu ul.sub b.stats {background:transparent url(design/menu/stats.png) no-repeat center center;}
.menu ul.sub b.blog {background:transparent url(design/menu/blog.png) no-repeat center center;}
.menu ul.sub b.qmark {background:transparent url(qmark.gif) no-repeat center center;}
.menu ul.sub b.stop {background:transparent url(stop.gif) no-repeat center center;}
.menu ul.sub b.edit {background:transparent url(edit.gif) no-repeat center center;}

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(design/1/menu/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}

/* New Formulaire */
/*
form {


}

legend {

	color : gray;
	font-size : 12px;

}

fieldset {

	border : 1px solid #CACACA;

}*/
/*
img {

	border : 1px solid #CACACA;

}

img:hover {

	border : 1px solid gray;

}*/

.bouton_form {

	padding-right : 16px;

}

.bouton_form img {

	cursor : pointer;

}

.select_form {

	margin-left : 5px;
	height : 18px;
	border : 1px solid white;
	font-size : 12px;
	/*color : gray;*/
	position : relative;

}

.arial {

	font-family : Arial;

}

.times {

	font-family : Times;

}

.courrier {

	font-family : Courrier;

}

.impact {

	font-family : Impact;

}

.geneva {

	font-family : Geneva;

}

.optima {

	font-family : Optima;

}
/*
textarea {

	border : 1px solid #CACACA;
	color : gray;

}

textarea:focus {

	border : 1px solid gray;

}*/

.envoyer {

	background-image : url('form/bullet_go.png');
	background-repeat : no-repeat;
	height : 21px;
	/*border : 1px solid #CACACA;*/
	font-size : 12px;
	text-indent : 6px;
	/*color : gray;*/
	/*background-color : white;*/
	cursor : pointer;

}

/*.envoyer:hover {

	border : 1px solid gray;

}*/

.effacer {

	background-image : url('form/arrow_refresh_small.png');
	background-repeat : no-repeat;
	height : 21px;
	/*border : 1px solid #CACACA;*/
	font-size : 12px;
	text-indent : 6px;
	/*color : gray;
	background-color : white;*/
	cursor : pointer;

}

/*.effacer:hover {

	border : 1px solid gray;

}*/

.previsualiser {

	background-image : url('form/zoom.png');
	background-repeat : no-repeat;
	height : 21px;
	/*border : 1px solid #CACACA;*/
	font-size : 12px;
	text-indent : 7px;
	/*color : gray;
	background-color : white;*/
	cursor : pointer;

}

/*.previsualiser:hover {

	border : 1px solid gray;

}*/

#couleur {

	top: -4px;

}

#police {

	top : -4px;

}

#form_gauche {

	float : left;
	/*width : 125px;*/
	padding-right : 5px;
	padding-top : 15px;

}

#form_droite {

	float : left;

}
/*
form h5 {

	color : gray;

}*/

#smiley img {

	cursor : pointer;
	border : none;

}

#hauteur {

	/*color : gray;*/
	font-size : 12px;

}

.moins_plus {

	/*border : 1px solid #CACACA;*/
	font-size : 12px;
	/*color : gray;*/
	/*background-color : white;*/
	cursor : pointer;

}

/*.moins_plus:hover {

	border : 1px solid gray;

}*/

#prev {

	width : 692px;
	/*margin-left : 130px;*/
	padding : 2px;
	clear : both;
	border : 1px dashed white;
	min-height : 10px;
	color : white;
	font-size : 12px;

}
/*
#confirmation {

	display : none;
	color : green;
	background-color : #09c743;
	font-size : 12px;
	border : 1px dashed green;
	margin-bottom : 5px;
	margin-left : 130px;
	width : 692px;
	padding-left : 2px;

}

#confirmation img {

	border : none;

}

#erreur {

	display : none;
	color : red;
	background-color : #f25555;
	font-size : 12px;
	border : 1px dashed red;
	margin-bottom : 5px;
	margin-left : 130px;
	width : 692px;
	padding-left : 2px;

}

#erreur img {

	border : none;

}*/