html, body {margin: 0; padding: 0; border:0; outline:0; background: #FFF; list-style:none; font-family: Arial, Helvetica, sans-serif;}
#contenu   {width: 875px; text-align: left;}

.clear { height: 0 !important; clear: both; }

/* entete */
#header { background: url('../img/bgtop.jpg') repeat-x ; height:90px; padding-top: 10px; }
#header .titre-x	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 25px; color: red; font-weight: bold; }
#header .titre-s	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 25px; color: #000000; font-weight: bold; }
#header .soustitre	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; font-weight: bold; }
#header a		{ text-decoration: none; }


/* Page initiale */
#contenu1	{width: 540px; text-align: left;}

#titre		{ font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 25px; text-align: center; }
#titre .rouge	{ color: red; }

#avert		{ width: 540px; height: 200px; overflow:auto; border: 1px solid #000; background: #FFFEE1; }
#avert p	{ font-size: 12px; text-align:justify; padding: 10px; margin: 0; }
#avert p span	{ font-weight: bold; padding: 10px 0 0 0; margin: 0;}
#avert ul	{ margin: 0;  }
#avert ul li	{ font-size: 12px; text-align:left; padding: 0 10px 0 10px; margin: 0; }

.bouton_r a	{ float: left; display: block; width: 110px; height: 20px; font-size: 22px; font-weight: bold; color: red; margin: 10px 0 90px 160px; }
.bouton_n a	{ float: left; display: block; width: 110px; height: 20px; font-size: 22px; font-weight: bold; color: black; margin: 10px 0 90px 0;}

/* contenu */
#main		{ width: 540px; float: left; padding: 0; padding : 5px 0 0 0; }

h1	 	{ font-size: 16px; color: #4D8EC2; padding-top: 10px; margin: 0; font-weight: bold; }

#part2_m        { margin: 0; padding:0px; background: #FFFEE1; width: 540px; border: 1px solid #000; text-align: left; }
#part2_m p 	{ font-size: 12px; color: #4D8EC2; padding: 10px; margin: 0; }
#part2_m p a	{ font-size: 12px; color: #000;  }
#part2_m p span { font-weight: bold; }
 
.video          { padding: 0; margin: 15px 0 15px 0; background-color: #FFFEE1; width: 540px; border: 1px solid  #000; font-size: 12px; color: #000;
		  text-align: left;}
.video .titre 	{ display: block; text-decoration: none; font-weight: bold; font-size: 14px; color: #FFF; text-transform: uppercase; text-align: center;
		  width: 540px; background-color: #4D8EC2; padding: 5px 0 5px 0; }
.video .titre a	{ display: block; text-decoration: none; font-weight: bold; font-size: 14px; color: #FFF; text-transform: uppercase; text-align: center;
		  width: 540px; background-color: #4D8EC2; padding: 5px 0 5px 0; }
.video .info	{ display: block; text-align:center; font-size: 12px; color: #FFF; background-color: #4D8EC2; width: 540px; border-bottom: 1px solid  #000; 
		  padding: 0 0 5px 0; }
.video .photo   { display: block; text-align:center; font-size: 12px; color: #000; width: 540px; padding: 10px 0 0 0; }
.video .desc p  { display: block; text-align:justify; font-size: 12px; color: #000; width: 520px; margin: 10px; }
.video .desc p span { font-weight: bold; }
.video .paiement { text-align: center; padding-bottom: 15px; }
.video .cliquez a   { display: block; text-decoration: none; font-weight: bold; font-size: 14px; color: #FFF; text-transform: uppercase; text-align: center;
		      width: 540px; background-color: #4D8EC2; padding: 5px 0 5px 0; border-top: 1px solid  #000; }

.espace_g		{ width: 145px; float:left; height: 1px; padding: 5px 0 0 0; margin: 0; }
.espace_d		{ width: 145px; height: 1px; padding: 5px 0 0 0; margin: 0; }
.espace			{ width: 145px; height: 1px; padding: 0 0 0 0; margin: 0; }

#menus_droite		{ width: 145px; float:left; margin: 0 0 0 15px; padding : 5px 0 0 0; }

.menu_droite 		{ width: 145px; margin: 0; padding: 0; }
.menu_droite ul	 	{ width: 145px; margin: 0; padding: 0; text-align: left; border: 1px solid #000; background: #FFFEE1; }
.menu_droite li 	{ height: 20px; font-size: 12px; list-style: none; position: relative; }
.menu_droite li a 	{ display: block; text-decoration: none; color: #000; width: 128px; padding: 3px 10px 3px 10px; }
.menu_droite li a:hover { font-weight: bold;}
.menu_droite ul li.sous_menu	{ font-size: 12px; background: url(../img/submenu.gif) 2% 35% no-repeat; }
.menu_droite ul li.rubrique	{ font-size: 14px; font-weight: bold; text-transform: uppercase;  text-align: center; padding: 5px 0 5px 0;
				  width: 145px; background-color: #4D8EC2; color: #FFF; border-bottom: 1px solid  #000; }

div.menu_droite ul ul  { position: relative; display: none; right: 157px; bottom: 19px;}
div.menu_droite ul.niveau1 li.sous_menu:hover ul.niveau2 {display:block;}

#menus_gauche		{ width: 145px; float:left; margin: 0 15px 0 0 ; padding : 5px 0 0 0; }

.menu_gauche 		{ width: 145px; float:left; margin: 0; padding : 0; }
.menu_gauche ul	 	{ width: 145px; margin: 0; padding: 0; text-align: left; border: 1px solid #000; background: #FFFEE1; }
.menu_gauche li 	{ font-size: 12px; height: 20px; list-style:none; }
.menu_gauche li a 	{ display: block; width:128px; text-decoration: none; color: #000; padding: 3px 10px 3px 10px; }
.menu_gauche li a:hover	{ text-decoration: none; letter-spacing: +2px; font-weight: bold;}
.menu_gauche ul li.rubrique	{ font-size: 14px; font-weight: bold; text-transform: uppercase;  text-align: center; padding: 5px 0 5px 0;
				  width: 145px; background-color: #4D8EC2; color: #FFF; border-bottom: 1px solid  #000; }

#top_videos 		{ width: 145px; margin: 0; padding: 0; }
#top_videos ul	 	{ width: 145px; height: 630px; margin: 0; padding: 0; text-align: left; border: 1px solid #000; background: #FFFEE1; }
#top_videos li 		{ list-style:none; }
#top_videos li.img	{ height: 95px; margin: 0; padding: 10px 10px 0 10px; color: #000; }
#top_videos li.lien a 	{ display: block; width: 145px; font-size: 12px; text-decoration: underline; color: #000; text-align: center; }
#top_videos li.lien a:hover  { font-weight: bold;}
#top_videos ul li.rubrique    { font-size: 14px; font-weight: bold; text-transform: uppercase;  text-align: center; padding: 5px 0 5px 0;
				width: 145px; background-color: #4D8EC2; color: #FFF; border-bottom: 1px solid  #000; }

#lives 		{ width: 145px; margin: 0; padding : 0; }
#lives p 	{ display: block; width: 145px; margin : 10px 0 10px 0; text-align: center; }

#acteurs        { padding: 10px 0 10px 15px; margin: 0; background-color: #FFFEE1; width: 520px; border: 1px solid  #000; font-size: 12px; 
		  color: #000; text-align: left; }
#acteurs a	{ font-size: 12px; color: #4D8EC2;  }
#acteurs span   { font-weight: bold; text-decoration: underline; }

/* Footer */
#footer 	{ clear: both; padding: 10px 0; font-size: 12px; }
#footer p 	{ margin-top: 30px; font-size: 14px; text-align:justify; }
#footer a	{text-decoration: none; font-style: italic;}
#footer #copyright { color: #2b6cb5; clear: both; border-top: 1px solid #ddd; background: #fdfdfd; padding-top: 0.5em; 
		     padding-bottom: 0.5em; text-align: left; text-align: center;}

