/* ----------------------------- */
/*            Ajout              */
/* ----------------------------- */
img {
  /*behavior:	url("/addons/iepngfix/iepngfix.htc");*/
}
.underline {
  text-decoration: underline;
}

.tundra .dijitA11yDownArrow {
  display: none !important;
}
.tundra .dijitStretch {
  border: 0px !important;
  background: url() !important;
  padding: 0 0 0 0 !important;
}
.tundra .dijitInline {
  height: 1.25em !important;
}
.tundra .dijitToasterContent {
  background-color: #E20D15;
  font-size: 1.2em;
  font-weight: bold;
  color: white;
}
.tundra .dijitToasterContent a {
  color: white;
}



/* ----------------------------- */
/*  PHC : nettoyage de CSS       */
/* ----------------------------- */

/* TRES PRATIQUES */
.right  { float: right; }
.left   { float: left; }
.middle { margin: 0 auto; }
.center { text-align: center; }
.text_right { text-align: right; }
.bold   { font-weight: bold; }
.display_on_print { display:none; } /* Permet d'afficher des éléments uniquement à l'impression */

/* BOUTON UTILISABLE PARTOUT */
.button_blue {
  background: #A8A67C url(/common/media/linkbg_blue_left.gif) left top no-repeat;
  margin:10px 0;
	padding-left: 3px;  
}

.button_red {
  background: #A8A67C url(/common/media/linkbg_red_left.gif) 0 0 no-repeat;
  margin:10px 0;
	padding-left: 3px;  
}

.button_blue a {
  background: #A8A67C url(/common/media/linkbg_blue.gif) top right no-repeat;
}

.button_red a {
  background: #A8A67C url(/common/media/linkbg_red.gif) right top no-repeat;
}

.button_blue a, .button_red a {
	font-weight: bold;
	color: white;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}

.onglet {
  float:left;
  font-size:13px;
  font-weight:bold;
  margin-left:5px;
  padding:7px 10px 3px 10px;
}

#menu_onglet .red, #menu_onglet .red .sb-inner           { background-color:#8B1109; color:#8B1109; }
#menu_onglet .green, #menu_onglet .green .sb-inner       { background-color:#1B7513; color:#1B7513; }
#menu_onglet .selected, #menu_onglet .selected .sb-inner { background-color:#ffffff; }

#menu_onglet { margin-left:35px; }
#menu_onglet a { color:#fff; }
#menu_onglet .hidden { display:none; }


/* ----------------------------- */
/*           BLOCS ROUNDED       */
/* ----------------------------- */
.cartooneur_slide_out {
	width: 171px;
	float: left;
	margin:0 0 9px 16px;
	background-color:#ffffff;
}


.cartoon_trailer, .cartoon_trailer .sb-inner, .chaine_trailer, .chaine_trailer .sb-inner, 
.cartooneur_slide_out .sb-inner, .news_block .sb-inner {
	background-color:#ffffff;
}

.tri {
	background-color:#B1AF89;
  color: white;
	text-align:center;
	float:right;
	padding:8px 4px;
	width: 330px;
	margin: 0 20px 9px 0px;	
}
.tri .sb-inner{
	background-color:#B1AF89;
}

.block_630 {
  margin:10px;
  padding:10px;
  width:630px;
  color:#6F6C3C;
}
.block_630 .sb-inner, .ad300_block .sb-inner {
  background-color:#D1D0B4;
}

.block_630 .flag {
  float:left;
  margin-right:10px; 
  width:110px;
}

.block_630 p {
  color:#6F6C3C;
}

.ad300_block {
  width:300px;
  padding:0px;
  margin:10px 20px 20px 0;
}

/* affichage de la mention "pub" dans les block de pub avec rounded */
.display_pub {
  color:#6F6C3C;
  padding:0;
  font-size:10px;
  width:100%;
}




.news_block {
  width:301px;
  font-size:10px;
  font-family:arial;
  padding-top:12px;
  margin:12px 25px 12px 0;  
}
  .news_block .title {
    color:#4b4b4b;
  }
  .news_block .date {
    color:#A8A67C;
  }
  .news_block .body {
    color:#4B4B4B;
  
  }
  .news_block .img_item {
    margin:0 5px;
  }

/* ----------------------------- */
/*          Generalites          */
/* ----------------------------- */

html { font-size: 100%; }

body {
	margin: 0;
	background: #e4e4e4 url(/common/media/bordure_header.gif) repeat-x top left;
	font: normal 75% Arial, Helvetica, sans-serif;
}

img, a img { border: 0; }

html, ol, ul, form, fieldset, input {
  margin: 0;
  padding: 0;
}

ul {  list-style-type: none; }



.clearance {
	background: none;
	clear: both;
	font-size:1px;
	line-height:1px;
}


/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

h1, h2 { margin: 0; }

h3 { font-size: 1em; }

a {
	text-decoration: none;
}
a:hover, a:focus, a:active { text-decoration: underline; }

.stripe_central a { color: white; }

.link_notable {
	float: right;
	background: url(/common/media/icon_arrow.png) left 3px no-repeat;
	color: #E8E8E8;
	font-weight: bold;
	padding: 0 0 0 14px;
}
.link_notable a { color: #E8E8E8; }
.align_bottom .link_notable {
	float: none;
	position: absolute;
	bottom: 0.8em;
	margin: 0;
}
.align_bottom #lesactus .link_notable { right: 684px; }
.align_bottom #promotoon .link_notable { right: 342px; }
.align_bottom #concours .link_notable { right: 684px; }
.align_bottom #lesdefis .link_notable { right: 5px; bottom: 9px; }

p.error, .reg_all p.error, #affiliation p.error, #common p.error {
	color: #8C1811;
	background-color: #E1C30B;
	padding: 2px 10px;
}


/* Nuage de tags: du plus petit (1) au plus grand (6) */
.size1, a.size1 {
	color: #4B76FF;
	font-size: 1.07em;
	font-weight:bold;
}

.size2, a.size2 { /* bleu */
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight:bold;
}

.size3, a.size3 {
	color: #0D2EA4;
	font-size: 1.15em;
	font-weight: bold;
}

.size4, a.size4 {
	color: #E1C30B;
	font-size: 1.25em;
	font-weight: bold;
}

.size5, a.size5 {
	color: #4B76FF;
	font-size: 1.5em;
	font-weight: bold;
}

.size6, a.size6 {
	color: #0D2EA4;
	font-size: 1.8em;
	font-weight: bold;
}



/********** FORM : LABEL **********/
.label p{
	width: 340px;
	clear: left;
	margin: 0;
	padding: 5px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	/*border-top: 1px dashed gray;*/
	height: 1%;
}

.label label{
	font-weight: bold;
	float: left;
	text-align: right;
	padding-right: 20px;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}



/* ----------------------------- */
/*     Mise en page globale      */
/* ----------------------------- */

#global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#main_out {
	background: #D1D0B4 url(/common/media/background_main_top.png) 0 0 no-repeat;
	padding-top: 13px;
}

#main_in {
	background: #A8A67C url(/common/media/background_main_bottom.png) left bottom no-repeat;
	padding-left: 3px;
	padding-bottom: 20px;
}

.stripe_central {
	clear: both;
	width: 994px;
	margin-bottom: 13px;
	background-color: #6F6C3C;
}
.stripe_central.align_bottom {
	padding-bottom: 0.5em;
	position: relative; /* pour pouvoir positionner en absolu les liens "voir toutes les ..." (link_notable) */
}

#footer {
	font-family: "Trebuchet MS", verdana;
	width: 755px;
	min-height: 58px;
	margin-top: 13px;
	padding-top: 10px;
	padding-right: 245px;
	position: relative; /* permet le positionnement absolu de #link_home_hidden */
}

.footer_fr {
	background: url(/common/media/footer_fr.png) 0 0;
}
.footer_en {
	background: url(/common/media/footer_en.png) 0 0;
}


.forgotten {
  font-size:9px;
}

/* ----------------------------- */
/*            Menus              */
/* ----------------------------- */

#menu_main {
	margin-top: 8px;
	margin-left: 25px;
	padding-bottom: 2em;
}

#menu_main li, #menu_secondline li, #footer li, #menu_inward li {
	display: inline;
  font-family:arial;
  font-size:12px;	
}

#menu_main li {
	background: transparent url(/common/media/tab-blue-left.gif) 0 0 no-repeat;
	float: left;
	padding-left: 14px;
}

#menu_main li a {
	background: transparent url(/common/media/tab-blue-right.gif) right top no-repeat;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	min-height: 20px;
	padding: 4px 14px 0 0;
}
#menu_main li a:hover {
	color: #fff;
	text-decoration: none;
}

#menu_main li.green { background: url(/common/media/tab-green-left.gif) 0 0 no-repeat; }
#menu_main li.green a { background: url(/common/media/tab-green-right.gif) right top no-repeat; }
#menu_main li.yellow { background: url(/common/media/tab-yellow-left.gif) 0 0 no-repeat; }
#menu_main li.yellow a { background: url(/common/media/tab-yellow-right.gif) right top no-repeat; }
#menu_main li.beige { background: url(/common/media/tab-beige-left.gif) 0 0 no-repeat; }
#menu_main li.beige a { background: url(/common/media/tab-beige-right.gif) right top no-repeat; }
#menu_main li.red { background: url(/common/media/tab-red-left.gif) 0 0 no-repeat; }
#menu_main li.red a { background: url(/common/media/tab-red-right.gif) right top no-repeat; }
#menu_main li.blue { background: url(/common/media/tab-blue-left.gif) 0 0 no-repeat; }
#menu_main li.blue a { background: url(/common/media/tab-blue-right.gif) right top no-repeat; }
#menu_main #menu_christmas.blue { background: url(/common/media/tab-noel-left.gif) 0 0 no-repeat; }
#menu_main #menu_christmas.blue a { background: url(/common/media/tab-noel-right.gif) right top no-repeat; }
#menu_main li.activelink { background: url(/common/media/tab-white-left.gif) 0 0 no-repeat; }
#menu_main li.activelink span a {
	background: url(/common/media/tab-white-right.gif) right top no-repeat;
	color: #32647B;
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	min-height: 20px;
	padding: 4px 16px 0 0;
}

#menu_secondline {
	padding-top: 8px;
	padding-left: 40px;
	background-image: url(/common/media/menu_wave.gif);
	min-height: 24px;
	clear: both;
}

#menu_secondline li {
  margin-right: 15px;
  color: #4B76FF;
}

#menu_secondline li a, #menu_secondline .actuel, #common .block_630 a {
	color: #32647B;
}

#menu_secondline .actuel {
	background: url(/common/media/menu_arrow.png) left 2px no-repeat;
	padding-left: 15px;
	font-weight: bold;
}

/* Menu "inward" du template fiche_cartooneur */
#menu_inward { margin-left: 41px; }

#menu_inward li {
	text-align: center;
	background: url(/common/media/tab_fiche_beige_left.png) 0 0 no-repeat;
	float: left;
	margin-left: 9px;
	padding-left: 12px;
}

#menu_inward li a, #menu_inward li.activelink span {
	font-weight: bold;
	font-size: 1.1em;
	min-height: 19px;
	float: left;
	padding: 7px 15px 0 0;
	/*min-width: 116px;*/
}

#menu_inward li a {
	color: white;
	background: url(/common/media/tab_fiche_beige_right.png) right top no-repeat;
}

#menu_inward li.activelink {
	background: white url(/common/media/tab_fiche_white_left.png) 0 0 no-repeat;
}

#menu_inward li.activelink span {
	color: #6F6C3C;
	background: url(/common/media/tab_fiche_white_right.png) right top no-repeat;
}


/* ----------------------------- */
/*           Footer              */
/* ----------------------------- */

#footer p, #footer ul {
	margin: 0.4em 16px;
}

#footer li {
	background: url(/common/media/footer_menu_left.png) scroll 0 0 no-repeat;
	padding: 3px 10px 4px 8px;
  font-family:"Trebuchet MS";
}

#footer li a {
	background: url(/common/media/footer_menu_right.png) right top no-repeat;
	padding: 3px 10px 4px 2px;
	display: inline-block;
}

#footer li a img { vertical-align: -1px; }

#footer a { color: white; }

#footer .copyright {
	padding-top: 5px;
	color: #A6C3D0;
	margin-left: 22px;
	margin-bottom: 0;
}

#footer .icon_help {
	background: url(/common/media/icon_help.gif) left 2px no-repeat;
	padding-left: 18px;
}

#footer .icon_contact {
	padding-left: 18px;
	margin-bottom: 0;
}
#footer .icon_contact img { vertical-align: -1px; }

a#link_home_hidden {
	width: 235px;
	height: 60px;
	position: absolute;
	right: 3px;
	bottom: 0;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
	text-indent: -5000px;
}


/* ----------------------------- */
/*      Divers encadr�s          */
/* ----------------------------- */

#home_welcome {
  float: left;
  width:665px;
  min-height:220px;
  padding-left:10px;
}
#home_welcome_links {
  width:130px;
  float:right;
  border:1px solid #000;
  padding-top:5px;
}
#home_welcome_links div {
  margin-bottom:15px;
}
/* fond beige moyen pour stats de la home*/
.frame_beige_out {
  float:left;
	color: white;
	background: #A8A67C url(/common/media/frame_beige_top.png) 0 0 no-repeat;
	width: 170px;
	margin-top:5px;
}

.frame_beige_in {
	background: url(/common/media/frame_beige_bottom.png) left bottom no-repeat;
	width: 160px;
	min-height: 80px;
	margin-top: 0.8em;
	padding: 0px 2px 8px 6px;
}

.frame_beige_in p {
	margin: 0.4em 0 0.4em 2px;
	padding: 0 8px 0 14px;
}

.frame_beige_525_out {
	color: white;
	background: #A8A67C url(/common/media/frame_beige_525_top.png) 0 0 no-repeat;
	float: left;
	width: 525px;
	margin-left: 48px;
}

.frame_beige_525_in {
	background: url(/common/media/frame_beige_525_bottom.png) left bottom no-repeat;
	width: 525px;
	margin-top: 7px;
	padding: 0;
}

/* Fond blanc avec titre en image */
.frame_white_out {
	background: url(/common/media/frame_white_top.png) left top no-repeat;
	width: 301px;
	margin-bottom: 15px;
	margin-left: 23px;
	padding-top: 10px;
}

.frame_white_in {
	background: url(/common/media/frame_white_bottom.png) left bottom no-repeat;
	min-height: 168px;
	padding-bottom: 10px;
}

.frame_white_in p {
	margin: 0.4em 0;
	padding-left: 13px;
	padding-right: 3px;
	text-align: justify;
}

.frame_white_295_out {
	color: #4B4B4B;
	background: url(/common/media/frame_white_darkbeige_295_top.png) 0 0 no-repeat;
	float: left;
	width: 295px;
	margin: 3px 0 12px 17px;
	padding: 0;
}

.frame_white_295_in {
	background: white url(/common/media/frame_white_darkbeige_295_bottom.png) left bottom no-repeat;
	margin-top: 10px;
	padding: 0;
}


/* Fond frame_lightbeige clair - #B5B390 */
.frame_lightbeige_out {
	color: white;
	width: 301px;
	background: url(/common/media/frame_lightbeige_top.png) 0 0 no-repeat;
	float: left;
	width: 301px;
	margin: 0 0 12px 23px;
	padding-top: 11px;
}
.frame_lightbeige_in {
	background: url(/common/media/frame_lightbeige_bottom.png) left bottom no-repeat;
	padding: 0px 16px 8px 32px;
}

/* Fond frame_darkbeige */
.frame_darkbeige_out {
	color: white;
	background: #A8A67C url(/common/media/frame_darkbeige_top.png) 0 0 no-repeat;
	float: left;
	width: 301px;
	margin: 12px 0 0 23px;
}
.frame_darkbeige_in {
	background: url(/common/media/frame_darkbeige_bottom.png) left bottom no-repeat;
	width: 301px;
	min-height: 170px;
	margin-top: 0.8em;
	padding: 0px 2px 8px 6px;
}
.frame_darkbeige_in#tendancedumoment {
	width: 301px;
	padding-left: 0;
	padding-bottom: 0;
}


/* Fond frame_verylightbeige clair (pub) - #D4D3BD*/
.frame_verylightbeige_out {
	background: url(/common/media/frame_verylightbeige_top.png) 0 0 no-repeat;
	width: 301px;
	margin-left: 23px;
}

.frame_verylightbeige_in { background: url(/common/media/frame_verylightbeige_bottom.png) left bottom no-repeat; }

.frame_verylightbeige_in p {
	color: #6F6C3C;
	margin: 0;
	padding-left: 14px;
}
.frame_verylightbeige_in p.bottom { margin-right: 13px; }


/* Divers pictogrammes */
.icon_tv { background: url(/common/media/icon_tv.gif) left 2px no-repeat; }
.icon_silhouette { background: url(/common/media/icon_silhouette.gif) left 2px no-repeat; }
.icon_stats { background: url(/common/media/icon_stats.gif) left 2px no-repeat; }
.icon_exclamation { background: url(/common/media/icon_exclamation.gif) left 2px no-repeat; }



.widget_vignette {
  float:left; 
  width:200px; 
  margin:0 5px 10px 0;
  height:200px;
  text-align:center;
}


/* --------------------------------------- */
/*   Details de chaque encadr� de la HOME  */
/* --------------------------------------- */

/* Formulaire de connection dans le header */
#connexion {
	float: right;
	width: 145px;
	height: 100px;
	background: url(/common/media/connexion_background_newv.gif) 0 0 no-repeat;
	padding-left: 2px;
	padding-top: 2px;
}

#connexion input.text_type {
	color: #7C7A4C;
	width: 109px;
}

#connexion p { margin: 0; }

#connexion .submit {
	padding-top: 6px;
	padding-right: 15px;
}

#connexion a { color: white; }

/* Formulaire de recherche */
form#search, .language {
	float: right;
	margin-top: 6px;
}

.language {
	padding-top: 6px;
	padding-right: 9px;
}

form#search { margin-right: 16px; }

form#search .search_input, form#sort .sort_input {
	color: #7C7A4C;
	background: white url(/common/media/search_input_background.png) 5px 2px no-repeat;
	font-size: 0.92em;
	width: 129px;
	height: 15px;
	padding-left: 23px;
	padding-top: 3px;
}

form#search select { color: #7C7A4C; }

.submit {
	vertical-align: bottom;
}

.modify_submit {
  margin-left:300px;
  margin-bottom:10px;
}
/* A.1 */
#swf_home_teaser {
	float: left;
	width: 301px;
	height: 206px;
	padding-left: 23px;
}

/* A.3 */
#concours {
	float: left;
	color: #fff;
	margin-left:10px;
}
#concours a { color: #E4B90A; }
#concours .link_notable a { color: #ffffff; }

/* A.2 */
.description {
	color: #ffffff;
	padding-left: 12px;
	clear: both;
}

.description img {
	background: url(/common/media/separation.png) right center no-repeat;
	padding-right: 16px;
	margin-right: 10px;
}

.description p { padding-top: 5px; }

/* A.3 */
#concours p.bottom {
	margin: 0;
	padding: 0.6em 16px 0.4em 12px;
	clear: both;
}

/* B.1 B.2 B.3 D.1 D.2 D.3 */
#lesactus, #promotoon, #lesdefis, #quizz, #tendancedumoment, #annonces {
	color: white;
	float: left;
	padding-left: 16px;
}

#lesactus { width: 319px; }
#promotoon { width: 316px; }
#lesdefis { clear: right; width: 311px; }


/* B.1 */
#lesactus .actu { margin: 0.8em 0; }

#lesactus .actu h3, #lesactus .actu p {
	margin: 0;
	padding: 0;
}

#lesdefis .actu h3, #lesactus .actu p {
	margin: 0;
	padding: 0;
}
/* B.2 */
/* #faistapub p, #faistapub img {*/
	/*clear: both;*/
/*	float: left;*/
/*}*/
/*#faistapub p img { margin-right: 6px; }*/

/*#faistapub p.author {*/
/*	width: 301px;*/
/*	font-weight: bold;
	text-align: right;
	margin: 0.4em 15px 0.4em 0;
}*/

#promotoon .link_notable { margin-top: 8px; }

/* B.3 */
#lesdefis .defi {
	float: left;
	width: 92px;
	font-size: 0.91em;
	margin: 0 7px 0 0;
	text-align: center;
}

#lesdefis .defi.fourth { margin-top: 10px; }

#lesdefis .defi span.heading { font-weight: bold; }

#lesdefis div {
	float: left;
	width: 290px; /*180px;*/
	margin: 1em 0 0 1em;
	font-weight: normal; /*bold*/;
}

#lesdefis div .explanation { margin-bottom: 19px; }


/* C.1 C.2 C.3 */
.top_films, #top_cartooneurs, #pub {
	float: left;
	width: 301px;
}

/* C.1 C.2 */
.top_films .frame_white_in, #top_cartooneurs .frame_white_in { min-height: 271px; }

#home .top_films h2, #top_cartooneurs h2 { padding-bottom: 8px; }

#home .top_films p, #template_top_films .top_films p, #top_cartooneurs p { padding-left: 13px; }

#home .top_films p.nombre_vues, #template_top_films .top_films p.nombre_vues {
	width: 165px;
	padding-right: 13px;
}

/* C.1 */
.top_films .film {
	clear: both;
	min-height: 61px;
}

.top_films .classement {
	float: left;
	vertical-align: top;
	position: relative;
	left: 10px;
}

.top_films .cartoon { float: left; }

#home .top_films p, #template_top_films .top_films p {
	color: #8C1811;
	float: left;
	width: 178px;
	margin: 0;
}
.top_films p a { color: #8C1811; }
.top_films p span { font-weight: bold; }

#home .top_films p.nombre_vues, #template_top_films .top_films p.nombre_vues {
	text-align: right;
}
#home .top_films p.nombre_vues, #template_top_films .top_films.first p.nombre_vues {
	color: #B43434;
}

.top_films .link_bg, .link_bg {
	min-height: 22px;
	padding-left: 3px;
}
.link_bg {
  background: #A8A67C url(/common/media/linkbg_red_left.gif) 0 0 no-repeat;
}
.top_films .link_bg {
  margin-right: 12px;
  background: white url(/common/media/linkbg_red_left.gif) 0 0 no-repeat;
}

.top_films .link_bg a, .link_bg a  {
	font-weight: bold;
	color: white;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}
.link_bg a {
  background: #A8A67C url(/common/media/linkbg_red.gif) right top no-repeat;
}
.top_films .link_bg {
  background: white url(/common/media/linkbg_red.gif) right top no-repeat;
}


/* C.2 */
#top_cartooneurs .cartooneur {
	clear: both;
	min-height: 61px;
	margin-left: 9px;
}

#top_cartooneurs .classement {
	float: left;
	vertical-align: top;
	position: relative;
	left: 10px;
}

#top_cartooneurs .avatar {
	float: left;
	width: 50px;
}

#top_cartooneurs p {
	color: #0D2EA4;
	font-weight: bold;
	float: left;
	width: 186px;
	margin: 0;
}
#top_cartooneurs p a { color: #0D2EA4; }
#top_cartooneurs p span {
	color: #4B76FF;
	font-weight: normal;
}

#top_cartooneurs p.date_inscription {
	font-weight: normal;
	text-align: right;
	margin-top: 4px;
}
#top_cartooneurs .link_bg {
	min-height: 22px;
	padding-left: 3px;
	margin-right: 12px;
}

#top_cartooneurs .link_bg {
  margin-right: 12px;
  background: white url(/common/media/linkbg_blue_left.gif) left top no-repeat;
}

#top_cartooneurs .link_bg a {
	font-weight: bold;
	color: white;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}

#top_cartooneurs .link_bg a {
  background: white url(/common/media/linkbg_blue.gif) top right no-repeat;
}

/* C.3*/
#pub, #lecture_pub { font-size: 0.91em; }

/* D.1 */
#quizz {
	width: 314px;
	float: left;
}

#quizz p { margin: 0.3em 0; }

#quizz form input {
	margin: auto 4px 2px 6px;
	position: relative;
	top: 4px;
}

#quizz form span {
	position: relative;
	bottom: 4px;
	left: 5px;
}

#quizz .link_notable, #quizz .submit {
	margin: 15px 13px 0 12px;
}


/* D.2 */
#tendancedumoment {
	width: 311px;
	float: left;
}
#tendancedumoment p {
	text-align: center;
	margin: 0.6em 0 1.2em 0;
	padding: 0 10px 0 10px;
}

/* D.3 */
#annonces {
	width: 305px;
	float: left;
	text-align: center;
}


/* ------------------------- */
/*      liste_cartoons		 */
/*                           */
/* ------------------------- */

#liste_cartoons #pub {
	float: right;
	margin-right: 57px;
	clear: right;
}

/* tri */
#tri {
	background: #B1AF89 url(/common/media/sort_top.png) 0 0 no-repeat;
	width: 340px;
	margin: 0 30px 9px 0px;
	padding-top: 8px;
}

#tri .tri_in {
	background: #B1AF89 url(/common/media/sort_bottom.png) left bottom no-repeat;
	padding: 0 8px 4px 8px;
}

#tri div p {
	color: white;
	text-align: center;
	margin: 0;
}

#tri div p a, .tri a {
	padding: 0 5px;
	color: #6F6C3C;
}
#tri div p a:hover, .tri a:hover { color: white; }

/* encadr�s cartoon_trailer */
.cartoon_trailer, .chaine_trailer {
	width: 171px;
	float: left;
	/*background: white url(/common/media/frame_white_medium_top.png) 0 0 no-repeat;*/
	margin: 0 0 14px 16px;
}

.cartoon_trailer p, .cartoon_trailer h3, .cartoon_trailer div, .cartoon_trailer .cartoon_screenshot {
	padding-left: 15px;
	padding-right: 15px;
}
.cartoon_trailer .cartoon_duration {
	padding-left: 10px;
	z-index: 2;
}

.cartooneur_slide_in div, .cartooneur_slide_out p, .cartooneur_slide_out .cartoon_screenshot {
	padding-left: 10px;
	padding-right: 10px;
}

.cartoon_trailer h2, .cartoon_trailer h2 a, .cartoon_trailer h3, .cartoon_trailer h3 a {
	font-weight: bold;
	color: #4B76FF;
	width: 141px;
}

.cartoon_trailer h2, .cartooneur_slide_out h2 {
	font-size: 1em;
	width: 125px;
	padding: 9px 18px 0 15px;
}

.cartoon_trailer.winner h2, .cartooneur_slide_out.winner h2 {
	background: url(/common/media/winner.png) 140px 9px no-repeat;
}

.cartoon_trailer p, .cartooneur_slide_out p { width: 141px; }

.cartoon_trailer .cartoon_duration, #lecture_others .cartoon_duration {
	color: #6F6C3C;
	text-align: right;
	margin: 0;
	position: relative;
	top: 92px;
}

.cartoon_trailer .cartoon_duration span, #lecture_others .cartoon_duration span {
	background: #D4D3BE;
	width: 2.5em;
}

.cartoon_language { float: right; }

.cartoon_author img.avatar, .lecture_stripe img.avatar { float: left; }

.cartoon_author p {
	font-size: 0.875em;
	color: #4B4B4B;
	width: 81px;
	margin-left: 41px;
	padding-right: 0;
}

.cartoon_author strong, .cartoon_author strong a { color: #E1C30B; }

.cartoon_trailer span strong, .cartooneur_slide_out span strong { color: #5FAA36; }

.cartoon_trailer .cartoon_rank strong, .lecture_author .cartoon_rank strong,
.cartooneur_slide_out .cartoon_rank strong, .frame_white_295_out .cartoon_rank strong {
	color: #F43D42;
}

.cartoon_trailer .cartoon_rank {
	text-align: center;
	padding-bottom: 0.6em;
}
.cartoon_trailer .cartoon_rank, .cartoon_trailer_stripe { margin: 0; }

.cartoon_trailer .cartoon_trailer_stripe {
	font-size: 0.915em;
	color: #6F6C3C;
	min-height: 28px;
	text-align: center;
	width: 155px;
	background-color: #D4D3BE;
	padding: 1px 8px 0 8px;
	margin-bottom:14px;
}
.chaine_trailer .cartoon_trailer_stripe {
	color: #6F6C3C;
	text-align: center;
	width: 155px;
	background: #D4D3BE;
	padding: 1px 8px 2px 8px;
	min-height: 30px;
}

.pagination {
	font-size: 1.2em;
	color: #6F6C3C;
	text-align: center;
}
.pagination a { color: #6F6C3C; }

.pagination strong { color: white; }

.pagination img { vertical-align: -2px; }

#liste_cartoons #main_in { padding-bottom: 0; }

/* ----------------------------- */
/*                               */
/*      Lecture Cartoon          */
/*                               */
/* ----------------------------- */

#central_column {
	float: left;
	width: 633px;
}

h1 {
	color: white;
	text-align: center;
}

#mini_tv_player {
margin-left:5px;
}
#flashplayer, .frame_beige_large_out, .frame_white_large_out {
	float: left;
	width: 610px;
	margin-left: 23px;
}

.frame_beige_large_out {
	background: #D4D3BE url(/common/media/frame_beige_large_top.png) 0 0 no-repeat;
	width: 610px;
	margin-top: 12px;
	padding-top: 10px;
}
.frame_beige_large_in {
	background: #D4D3BE url(/common/media/frame_beige_large_bottom.png) left bottom no-repeat;
	padding: 0 10px 0 10px;
}


.frame_white_large_out {
	background: #FFFFFF url(/common/media/frame_white_large_top.png) 0 0 no-repeat;
	width: 610px;
	margin-top: 12px;
	padding-top: 10px;
}
.frame_white_large_in {
	background: #FFFFFF url(/common/media/frame_white_large_bottom.png) left bottom no-repeat;
	padding: 0;
}


.frame_beige_comments_out, .frame_white_comments_out {
	width: 553px;
	margin-top: 20px;
	margin-left: 29px;
	padding-top: 11px;
}
.frame_beige_comments_in, .frame_white_comments_in {  padding: 0 10px 12px 10px; }
.frame_beige_comments_out { background: url(/common/media/frame_beige_comments_top.png) 0 0 no-repeat; }
.frame_beige_comments_in { background: #7B7953 url(/common/media/frame_beige_comments_bottom.png) left bottom no-repeat; }
.frame_white_comments_out { background: url(/common/media/frame_white_comments_top.png) 0 0 no-repeat; }
.frame_white_comments_in { background: white url(/common/media/frame_white_comments_bottom.png) left bottom no-repeat; }

.frame_beige_comments_in p {
	color: white;
	margin: 0;
}
.frame_beige_comments_in p a {
	color: white;
	font-weight: bold;
}

form#send_comment p { margin: 0 }

.promotoon_msg, .lecture_cartoon_comment {
	/*width: 530px;*/
	clear: left;
	margin-top: 10px;
	overflow:hidden;
}

.promotoon_msg strong, .promotoon_msg a, .lecture_cartoon_comment strong, .lecture_cartoon_comment strong a, .lecture_cartoon_comment span {
	color: #4B76FF;
}

.lecture_cartoon_abuse {
	float: right;
	padding: 0 4px;
	margin-right: 10px;
}

.promotoon_msg img.promotoon_img, .lecture_cartoon_comment img.avatar {
	float: left;
	margin-left: 28px;
	margin-bottom: 8px;
}

.lecture_cartoon_comment p {
	/*line-height: 23px;*/
	padding-left: 114px;
	margin: 0;
}

.promotoon_msg p {
  /*line-height: 23px;*/
  padding-left: 134px;
  margin: 0;
}

/* super comments */
.small_vic_icon {
  margin-bottom:-1px;
}
.purple_btn {
  background:transparent url('/common/media/purple_btn.jpg') no-repeat top left;
  display:block;
  width:140px;
  height:20px;
  padding:3px 10px;
  color:#FFF;
}
.purple_btn a {
  color:#FFF;
}
.lecture_cartoon_super_comment {
        background-color:#68299C;
        /*width: 530px;*/
        clear: left;
        margin-top: 10px;
	padding-top: 10px;
        overflow:hidden;
}
.lecture_cartoon_super_comment strong, .lecture_cartoon_super_comment strong a, .lecture_cartoon_super_comment span {
        color: #FFCC66;
}
.lecture_cartoon_super_comment img.avatar {
        float: left;
        margin-left: 28px;
        margin-bottom: 8px;
}
.lecture_cartoon_super_comment p {
        color: #d4d3be;
        padding-left: 114px;
        margin: 0;
}


#lecture_cartoon .pagination { margin: 24px 0; }

.frame_pub_stripe {
	background: url(/common/media/pub_stripe.png) 0 0 no-repeat;
	width: 469px;
	margin-left: 83px;
}

.frame_pub_stripe p {
	color: #6F6C3C;
	margin: 0;
	padding-left: 14px;
}
.frame_pub_stripe p.bottom { margin-right: 13px; }

#lecture_cartoon .frame_pub_stripe p {
	color: #D4D3BE;
}


/* Colonne de droite */
#right_column {
	float: left;
	width: 301px;
	margin-left: 8px;
}

.lecture_author strong { color: #5FAA36; }

.lecture_stripe {
	color:#fff;
	background-color: #6F6C3C;
	padding: 0.8em 29px;
}
#monprofil.vic .lecture_stripe {
	background-color:#68299C;
}

.lecture_author .lecture_stripe p {
	color: white;
	width: 158px;
	margin: 0 0 0 53px;
}
.lecture_stripe p.above { padding-bottom: 8px; }

.lecture_stripe strong, .lecture_stripe strong a { color: #E1C30B; }

.lecture_author, #buzz_cartoon, #buzz_cartoon input { color: #4B4B4B; }

.lecture_author .lecture_trailer, .lecture_author .lecture_trailer a {
	font-weight: bold;
	color: #4B76FF;
}
.lecture_trailer .right { color: #4B4B4B; }

.frame_white_in .stats {
	clear: both;
	margin: 0.8em 0;
	padding: 0 30px;
}

p.cartoon_rank {
	text-align: center;
	clear: both;
	margin-top: 2.6em;
}
p.add_favorites a { color: #4B4B4B; }

p.cartoon_rating, p.visit { text-align: center; }

.frame_white_in .cartoon_trailer_stripe {
	color: #6F6C3C;
	background-color: #D4D3BE;
	margin: 8px 0 6px 0;
}

/* buzz ce cartoon */
form#form_buzz_cartoon { margin-bottom: 20px; }
#form_buzz_cartoon span { margin-left: 0; }
#form_buzz_cartoon select { width: 45px; }
#form_buzz_cartoon input {
	padding-left: 10px;
	position: relative;
	top: 5px;
}

/* Survol des �toiles */
#form_buzz_cartoon p {
	width: 235px;
	padding-top: 4px;
}
#form_buzz_cartoon span {
	float: left;
	line-height: 12px;
}
#form_buzz_cartoon span a {
	display: block;
	width: 13px;
	height: 12px;
	margin: 0;
	padding: 0;
	text-decoration: none ;
	background: white url(/common/media/star_white.png) 0 0 no-repeat;
}
#form_buzz_cartoon span a:hover {
	background: url(/common/media/star_white.png) 0 -12px no-repeat;
}
.frame_white_in p.clear_simple { clear: both; }

#buzz_cartoon h2 img { margin-left: 0; }
#buzz_cartoon img {
	margin-left: 14px;
	position: relative;
	top: 3px;
}
#buzz_cartoon p {
	margin: 0 38px 0 20px;
	padding-right: 0;
}

.link_important a {
	color: #6F6C3C;
	background: white url(/common/media/icon_arrow_beigewhite.png) 0 0 no-repeat;
	padding: 0 0 0 15px;
}

#buzz_cartoon .avec_input { margin-top: 8px; }

/* Comportement dynamique (via JS): border: 0; et background: url(/common/media/encadre_arrondi.png) 0 0 no-repeat; */
input.l {
	width: 220px;
	height: 19px;
	margin: 2px 0 0 10px;
}

p.radio input {
	margin-left: 24px;
	margin-top: 3px;
	position: relative;
	top: 4px;
	right: 2px;
}

p.radio { font-size: 0.92em; }

/* sous-menu � 2 tabs */
#lecture_others {
	width: 301px;
	margin-left: 23px;
}

#lecture_others span.left, #lecture_others span.right {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	width: 150px;
	min-height: 19px;
	padding: 4px 0 2px 0;
	background: none;
}

/* onglets inactifs et celui actif */
#lecture_others span.unmenu_inactive { background: #A8A67C url(/common/media/tab_lecture_beige.png) 0 0 no-repeat; }
/* mais on remplace le fond pour l'onglet actif */
#lecture_others span.unmenu_active { background: #A8A67C url(/common/media/tab_lecture_white.png) 0 0 no-repeat; }

/* idem pour la couleur des liens */
#lecture_others span.unmenu_inactive a { color: white; }
#lecture_others span.unmenu_active a { color: #6F6C3C; }


#lecture_others .frame_white_out {
	clear: both;
	margin-left: 0;
}

.frame_white_out h3, .frame_white_out p {
	color: #4B4B4B;
	padding-left: 8px;
	padding-right: 7px;
}
.frame_white_in div p {
	color: #6F6C3C;
	font-size: 0.9em;
	padding: 0 2px;
}

#lecture_others h3 {
	font-size: 1.2em;
	clear: both;
	margin-bottom: 0;
}
#lecture_others h3 a { color: #4B76FF; }

#lecture_others h3 span {
	float: right;
	width: 75px;
	margin-right: 39px;
}

#lecture_others .cartoon_screenshot { margin: 4px 0; }

#lecture_others .cartoon_duration {
	float: left;
	width: 136px;
	top: -22px;
}
#lecture_others .cartoon_duration2 {
   background: #D4D3BE;
   text-align: right;
   position: absolute;
   left: 110px;
   top: 75px;
   width:2.5em;
}

#lecture_others span strong { color: #5FAA36; }

#lecture_others .cartoon_desc {
	background-color: #EBE8DF;
	margin-left: 152px;
	margin-right: 4px;
}

/* lecture_cartoon_2 variante une fois logge */
#send_comment textarea {
	width: 509px;
	height: 50px;
	margin: 14px 0 10px 8px;
}

#send_comment input {
	float: right;
	width: 82px;
	margin-right: 18px;
}


/* ----------------------------- */
/*      Affichage Concours       */
/*                               */
/* ----------------------------- */

#concours_description {
	width: 994px;
	color: white;
}

#concours_description a {
  text-decoration: underline;
}

.concours_illustration1 { margin: 29px 44px 40px 33px; }

#concours_description .concours_illustration2 { margin: 16px 23px 16px 8px; }

#concours_description h3, #concours_description h4 { margin-left: 270px; }

#concours_description h3 {
	font-size: 1.45em;
	margin: 0.8em 0;
}
#concours_description h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.8em 0;
}

#concours_description div p {
	font-size: 1.2em;
	border-left: 1px solid #7E7B50;
	margin: 0 0 0 280px;
	padding: 0.075em 0 0.075em 15px;
}
#concours_description div div p {
	border: none;
	margin-top: 20px;
	padding-top: 0.3em;
}
#concours_description div div strong { color: #E20D15; }
#concours_description div div span {
	font-size: 0.8em;
	float: right;
	color: white;
	padding-right: 23px;
	position: relative;
	bottom: 8px;
}

#concours_description div div span img { vertical-align: bottom; }

#concours_description .link_bg {
	float: right;
	position: static;
	background: url(/common/media/linkbg_red_left.gif) left top no-repeat;
	min-height: 22px;
	margin: 0 70px 0 40px;
	padding: 0 0 0 3px;
}

#concours_description .link_bg a {
	font-weight: bold;
	color: white;
	background: url(/common/media/linkbg_red.gif) top right no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 30px 0 3px;
}

#concours_description strong, #lots strong { color: #E1C30B; }

#concours_description span strong, #concours_description span, #lots span strong, #lots span {
	color: #9BD547;
}

.frame_beige_525_out p {
	margin-left: 25px;
	margin-right: 16px;
}

.frame_beige_525_out ul { margin-left: 40px; }

.frame_beige_525_out li {
	background: url(/common/media/listitem.png) 0 0 no-repeat;
	padding-left: 14px;
}

.frame_beige_525_out .link_notable {
	background: url(/common/media/icon_arrow_beigedarkbeige.png) left 3px no-repeat;
}

#affichage_concours .cartoon_trailer .cartoon_duration { top: 82px; }


/* Divers positionnements de blocs */
#affichage_concours #lots {	margin-bottom: 36px; }

#affichage_concours #pub {	margin-left: 60px;
							margin-bottom: 36px; }

#affichage_concours .gagnants {	margin: 0 0 6px 6px; }

#affichage_concours .participants {	width: 552px;
									margin: 24px 16px 6px 0; }

#affichage_concours #tri {	margin: 24px 0 10px 38px; }
#affichage_concours .pagination {	margin: 0; }


/* ----------------------------- */
/*      Affichage Cha�nes        */
/*                               */
/* ----------------------------- */

#liste_chaines #pub {
	float: right;
	margin-right: 58px;
	margin-top: 4px;
}

.chaine_trailer h2, .chaine_trailer h2 a,
.chaine_trailer h3, .chaine_trailer h3 a {
	font-weight: bold;
	color: #4B76FF;
}

.chaine_trailer h2 {
	font-size: 1.25em;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 0px;
}

.chaine_trailer .cartoon_duration {
	color: #6F6C3C;
	text-align: right;
	margin: 0;
	position: relative;
	top: 92px;
	right: 3px;
}
.chaine_trailer .cartoon_duration span {
	background: #D4D3BE;
	width: 2.5em;
}

.chaine_trailer .cartoon_screenshot {
	padding-left: 17px;
	padding-right: 17px;
}
.chaine_trailer p {
	color: #4B4B4B;
	text-align: center;
	width: 141px;
	padding: 0 15px;
}

p.chaine_title { margin: 0.5em 0 0 0; }
p.chaine_author { margin: 0 0 1.5em 0; }
.chaine_title span, .chaine_author span { font-weight: bold; }
.chaine_title span, .chaine_title span a { color: #E20D15; }
.chaine_author span, .chaine_author span a { color: #E1C30B; }

#liste_chaines .link_notable {
	color: #6F6C3C;
	font-weight: bold;
	float: none;
	background: white url(/common/media/frame_white_medium_bottom.png) left bottom no-repeat;
	margin: 0;
	padding: 2em 15px 1.5em 15px;
}
#liste_chaines .link_notable a {
	color: #6F6C3C;
	background: url(/common/media/icon_arrow_beigewhite.png) 0 0 no-repeat;
	padding: 0 0 0 14px;
}


/* ----------------------------- */
/*      Liste Concours           */
/*                               */
/* ----------------------------- */

#liste_concours #tri {
	width: 356px;
	margin-right: 12px;
}

#liste_concours #pub {
	float: right;
	margin-right: 42px;
}

/* formulaire+tri */
#liste_concours #tri .tri_in { padding: 2px 0 4px 0; }

form#sort { width: 211px; }
form#sort .sort_input {
	-moz-border-radius: 6px;
	margin-right: 8px;
}

#tri form div {
	background: none;
	padding: 0 0 0 10px;
}

#tri div.tri_simple { width: 136px; }


#tri p.tri_intitule {
	float: left;
	width: 5em;
	padding-top: 0.4em;
}

#tri p.tri_method {
	text-align: left;
	float: left;
	padding-left: 0.2em;
}

#tri p.tri_method span { font-weight: bold; }

#tri p.tri_method a { padding: 0; }
/* vignettes des anciens concours */
.concours_small {
	background: white url(/common/media/frame_white_medium_top.png) 0 0 no-repeat;
	text-align: center;
	width: 171px;
	float: left;
	margin: 6px 14px;
	padding-top: 3px;
}

.concours_small h3, .concours_small h3 a {
	color: #4B76FF;
	padding: 0;
	margin: 0;
}

.concours_small img { margin: 4px 0 1px 0;; }

.concours_small p {
	font-size: 0.92em;
	color: #4B4B4B;
	margin: 0.2em 0;
}
.concours_small .bottom {
	background: white url(/common/media/frame_white_medium_bottom.png) left bottom no-repeat;
	padding-bottom: 5px;
	margin: 0;
}
.concours_small p a { color: #4B4B4B; }

.concours_small span { font-weight: bold; 	color: #46931F; }
.concours_small strong { font-weight: bold;	color: #E20D15; }

#liste_concours .pagination { margin: 3px 0 0 0; }
#liste_concours #main_in { padding-bottom: 10px; }


/* ----------------------------- */
/*      Top Films                */
/*                               */
/* ----------------------------- */

#lestopfilms { width: 648px; float: left; }

#template_top_films h2 { line-height: 0.5; }

#template_top_films h2, #template_top_films h3 {
	margin: 0;
	padding: 0;
}

#template_top_films h3 {
	text-align: right;
	width: 12em;
	position: relative;
	left: 147px;
	bottom: 18px;
}
#template_top_films h3 a { color: #8C1811; }

#template_top_films .top_films.second p, #template_top_films .second h3 a, .top_films.second p a  {
	color: #0D2EA4;
}
#template_top_films .top_films.third p, #template_top_films .third h3 a, .top_films.third p a  {
	color: #6F6C3C;
}
#template_top_films .top_films.fourth p, #template_top_films .fourth h3 a, .top_films.fourth p a  {
	color: #46931F;
}

#template_top_films .top_films p.rss {
	background: url(/common/media/films_rss.png) left 4px no-repeat;
	float: right;
	width: 5em;
	font-weight: bold;
	padding: 3px 0 0 21px;
	margin-right: 29px;
}

#template_top_films .top_films p.rss a { color: #6F6C3C; }

.frame_lightbeige_out select {
	font-size: 0.92em;
	color: #6F6C3C;
	margin-left: 10px;
	margin-right: 8px;
}

.second .link_bg { background: darkblue url(/common/media/linkbg_blue_left.png) left top no-repeat; }
.second .link_bg a { background: darkblue url(/common/media/linkbg_blue.png) top right no-repeat; }

.third .link_bg { background: darkkhaki url(/common/media/linkbg_khaki_left.png) left top no-repeat; }
.third .link_bg a { background: darkkhaki url(/common/media/linkbg_khaki.png) top right no-repeat; }

.fourth .link_bg { background: green url(/common/media/linkbg_green_left.png) left top no-repeat; }
.fourth .link_bg a { background: green url(/common/media/linkbg_green.png) top right no-repeat; }


/* ----------------------------- */
/*      Liste Cartooneurs        */
/*                               */
/* ----------------------------- */

.cartooneur_slide_out { color: #4B4B4B; }
.cartooneur_slide_in {
	background: url(/common/media/frame_white_medium_bottom2.gif) left bottom no-repeat;
}

.cartooneur_slide_out h2, .cartooneur_slide_out h2 a {
	font-weight: bold;
	color: #4B76FF;
	margin-bottom: 2px;
}

.cartooneur_slide_out .lecture_stripe {
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 9px;
}

.cartooneur_slide_out .lecture_stripe p.above {
	font-size: 0.92em;
	line-height: 1.4em;
	color: white;
	width: 102px;
	margin-top: 0;
	padding-left: 54px;
	padding-right: 0;
}
.cartooneur_slide_out .lecture_stripe p.above img { vertical-align: -2px; }

.cartooneur_slide_out p.abs_duration {
	color: #6F6C3C;
	margin: 0 0 6px 9px;
	padding: 0;
	position: relative;
	float: left;
	width: 72px;
}
.cartooneur_slide_out p.abs_duration a {
	color: #6F6C3C;
}

.cartooneur_slide_out p.abs_duration img {
	margin: 0;
	padding: 0;
}

.cartooneur_slide_out p.abs_duration span {
	background: #D4D3BE;
	width: 2.5em;
	position: absolute;
	right: 0;
	bottom: 0;
}

.cartooneur_slide_out .cartoon_rank { margin: 5px; }

.cartooneur_slide_out .add_favorites { padding-bottom: 3px; }

.cartooneur_slide_out p { margin: 0; }

.cartooneur_slide_out p img { vertical-align: bottom; }

#liste_cartooneurs #pub { margin-left: 58px; }

.cartooneur_slide_out .stats, .cartooneur_slide_out .cartoon_rank, .cartooneur_slide_out .add_favorites {
	width: 151px;
}

p.add_favorites { text-align: center; }

.cartooneur_slide_out .cartoon_list {
	min-height: 162px;
	width: 162px;
	margin: 0;
	padding: 0;
}

/* ----------------------------- */
/*      FICHE CARTOONEUR         */
/*                               */
/* ----------------------------- */

.left_col, #left_column {
	float: left;
	width: 312px;
}

#inward_out {
	clear: both;
	width: 954px;
	background: url(/common/media/background_inward_top.png) 0 0 no-repeat;
	margin-left: 20px;
	padding-top: 10px;
}

#inward_in {
	background: #7C7A4C url(/common/media/background_inward_bottom.png) left bottom no-repeat;
	padding-bottom: 10px;
}


#monprofil span strong { color: #9BD547; }

#monprofil h3 {
	color: #4B76FF;
	font-size: 1.3em;
	margin: 0.4em 10px 0.6em 16px;
}
#monprofil h3 img { vertical-align: bottom; }


#mescartoons h3, #mesfavoris h3 {
	color: #4B76FF;
	font-size: 1.2em;
	width: 109px;
	margin: 0 10px 0 10px;
	clear: both;
}
.frame_white_295_out h3 a { color: #4B76FF; }

.frame_white_295_out p.vote {
	float: right;
	width: 140px;
	margin: 0 7px;
}

.frame_white_295_out .lecture_stripe p {
	color: white;
	width: 165px;
	margin: 0 0 0 72px;
}

.frame_white_295_out .flag {
	margin-left: 8px;
	vertical-align: bottom;
}

.frame_white_295_out .stats {
	width: 245px;
	margin: 0 25px;
}

.frame_white_295_out .stats span { width: 122px; }

.stats span.right { text-align: right; }

.frame_white_295_out p.cartoon_rank {
	margin-top: 4.2em;
	margin-bottom: 0;
}

.frame_white_295_out p.cartoon_rating { margin: 0; }

.website { margin: 0.6em 25px; }

.frame_white_295_out h2 { margin-bottom: 9px; }

.frame_white_295_out .cartoon_trailer_stripe {
	font-size: 0.915em;
	color: #6F6C3C;
	background-color: #D4D3BE;
	text-align: center;
	width: 279px;
	padding: 1px 8px 2px 8px;
}
.vic.frame_white_295_out .cartoon_trailer_stripe {
  background-color:#68299C;
}

.frame_white_295_out .link_bg {
	text-align: right;
	background: darkred url(/common/media/linkbg_green_left.png) 0 0 no-repeat;
	float: right;
	min-height: 22px;
	margin-right: 12px;
	margin-bottom: 9px;
	padding-left: 3px;
}

.frame_white_295_out .link_bg a {
	font-weight: bold;
	color: white;
	background: darkred url(/common/media/linkbg_green.png) top right no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}

.fiche_avatar_small_out {
	color: white;
	text-align: center;
	background: #6F6C3C url(/common/media/frame_darkbeige_white_81_top.png) 0 0 no-repeat;
	float: left;
	width: 81px;
	margin: 0 0 10px 14px;
}

.fiche_avatar_small_in {
	background: url(/common/media/frame_darkbeige_white_81_bottom.png) left bottom no-repeat;
	margin-top: 10px;
	padding: 0;
}

.fiche_avatar_small_out p { margin: 0.1em 0; }

.fiche_avatar_small_out strong { color: #E1C30B; }

.fiche_avatar_small_out span {
	color: #4B76FF;
	font-weight: bold;
}

.frame_white_295_out .link_notable {
	color: #6F6C3C;
	font-weight: bold;
	background: none;
	margin: 4px 0 0 0;
	padding: 0 15px 7px 15px;
}
.frame_white_295_out .link_notable a {
	color: #6F6C3C;
	background: url(/common/media/icon_arrow_beigewhite.png) 0 0 no-repeat;
	padding: 0 0 0 14px;
}

.background {
	background-color: #D4D3BE;
	border: 1px solid #7F7F7F;
	width: 266px;
	margin: 10px 13px;
}

.fiche_comment img { margin-left: 4px; }

.fiche_abuse {
	/* ***la date passe pas, voir pourquoi */
}

.fiche_comment p {
	color: #7C7A4C;
	font-size: 0.92em;
	margin-left: 89px;
}

.fiche_comment strong, .fiche_comment span { color: #4B76FF; }
.fiche_comment .cartoon, .fiche_comment .avatar { float: left; }

.fiche_abuse { float: right; }

#fiche_cartooneur .tri_out {
	background: url(/common/media/sort_265_top.png) 0 0 no-repeat;
	width: 265px;
	margin: 6px 0 10px 15px;
	padding: 8px 0 0 0;
}

.tri_out .tri_in {
	background: #BEBDA7 url(/common/media/sort_265_bottom.png) left bottom no-repeat;
	padding: 0 10px 7px 13px;
}

.tri_out div p {
	color: white;
	text-align: center;
	margin: 0;
}

.tri_out div p a {
	padding: 0 5px;
	color: #6F6C3C;
}
.tri_out div p a:hover { color: white; }


div.cartoon_screenshot { margin: 6px 0 0 7px; }

.fiche_description {
	background-color: #EBE8DF;
	width: 140px;
	margin: 0 0 19px 150px;
}

.fiche_description p {
	font-size: 0.91em;
	margin: 6px 0 4px 2px;
}

p.fiche_description_texte {
	font-size: 0.92em;
	color: #6F6C3C;
	margin: 0;
	padding: 0 1px 4px 0;
}

.fiche_description span strong { color: #46931F; }

#fiche_cartooneur .cartoon_duration {
	background-color: #D4D3BE;
	width: 2.5em;
	/*float: left;*/
	margin: 0;
	position: relative;
	bottom: 19px;
	left: 105px;
}


#fiche_cartooneur p.rss {
	background: url(/common/media/films_rss.png) left 4px no-repeat;
	float: left;
	font-weight: bold;
	padding: 3px 0 0 21px;
	margin: 0 9px 0 8px;
}

#fiche_cartooneur p.rss a { color: #6F6C3C; }

#fiche_cartooneur .frame_pub_stripe {
	background: url(/common/media/pub_stripe_darkbeige.png) 0 0 no-repeat;
	width: 469px;
	margin-left: 83px;
}


/* ----------------------------- */
/*    formulaire_inscription_1   */
/*         #reg_1                */
/*                               */
/* ----------------------------- */

.reg_all #main_out {	/* .reg_all est une classe qui correspond � la fois � #reg_1, #reg_2 et #reg_3 */
	padding-top: 0;
}

#inscription_step_all { /* out */
	width: 977px;
	background: white url(/common/media/frame_white_977_top.png) 0 0 no-repeat;
	padding-top: 13px;
	margin-left: 9px
}
.registration_step_all { /* in */
	background: url(/common/media/frame_white_977_bottom.png) left bottom no-repeat;
	padding: 0;
	margin:0;

}

.reg_all h2 {
	width: 788px;
	display: inline;
	margin: 0;
	padding: 0;
}

.presentation_large { margin: 0; }
.presentation_large img {
	width: 552px;
	float: right;
	margin: 0 9px 12px 0;
}

/* Elements de formulaire */
.input_text {
	width: 291px;
	text-align: right;
	margin: 10px 0 0.8em 0;
}

.reg_all label, #reg_2 .select_label {
	color: white;
	font-weight: bold;
}

.wide_input_text label, .input_text label, .input_checkbox span {
	text-align: left;
	width: 130px;
	float: left;
	padding-left: 10px;
	position: relative;
	top: 4px;
}

.wide_input_text label {
  width:200px;
}

.wide_input_text input, .captcha input, .input_text input {
	width: 147px;
 	font-size: 1.25em;
	padding-top: 2px;
}

.captcha #captcha_img {
  width:130px;
  float:left;
  padding-left:10px;
  padding-top:5px;
}
.captcha input {
  margin-top: 10px;
}
.captcha label {
  padding-left:10px;
}

.mandatory_star, .select_label span, label span, .mandatory span {
	color: #E20D15;
	font-size: 1.17em;
	font-weight: bold;
}

.frame_blue_out, .frame_green_out {
	color: white;
	width: 301px;
	float: left;
	margin: 5px 12px 0 14px;
}
#reg_1 .frame_blue_out {
	margin-top: 0;
}
.frame_blue_in, .frame_green_in {
	margin-top: 10px;
	padding-bottom: 10px;
}

.frame_blue_out { background: url(/common/media/frame_blue_301_top.png) 0 0 no-repeat; }
.frame_blue_in { background: #4B76FF url(/common/media/frame_blue_301_bottom.png) left bottom no-repeat; }

.frame_green_out { background: url(/common/media/frame_green_301_top.png) 0 0 no-repeat; }
.frame_green_in { background: #9BD547 url(/common/media/frame_green_301_bottom.png) left bottom no-repeat; }


.reg_all .colored_stripe {
	font-size: 0.92em;
	margin: 0;
	padding: 3px 10px;
}
.reg_all .colored_stripe span { color: white; }

.frame_blue_out .colored_stripe, .frame_blue_424_out .colored_stripe {
	color: #0D2EA4;
	background-color: #71B1FF;
}
.frame_green_out .colored_stripe, .frame_green_427_out .colored_stripe {
	color: #46931F;
	background-color: #B4E059;
}


.frame_yellow_out {
	color: #6F6C3C;
	background: url(/common/media/frame_yellow_200_top.png) 0 0 no-repeat;
	width: 200px;
	float: left;
	margin-right: 10px;
}
.frame_yellow_in {
	background: #EFCE06 url(/common/media/frame_yellow_200_bottom.png) left bottom no-repeat;
	margin-top: 7px;
	padding: 0 5px 5px 0;
}

.frame_yellow_out p {
	margin: 0;
	margin-left: 7px;
}
.frame_yellow_out p.details { font-size: 0.92em; }

.frame_yellow_out input { margin-right: 7px; }
.frame_yellow_out .checkbox { margin: 0 10px 4px 7px; }

#reg_1 .last { margin-right: 0; }

#reg_1 .mandatory.young { margin-top: 5px; }
.mandatory {
	color: #4B4B4B;
	font-size: 0.92em;
	width: 400px;
	margin-bottom: 0.6em;
}

.registration_step_all .input_image { float: right; margin: 9px 12px 0 0; }

/* ----------------------------- */
/*   Formulaire Inscription n�2  */
/*                       et n�3  */
/* ----------------------------- */
#registration_step_3 .input_image {
	float: left;
	text-align: center;
	margin-top:50px;
	margin-left:20px;
}

#reg_2 #main_in, #reg_3 #main_in {
	padding-bottom: 40px;
}

#reg_2 .input_special .radio { margin: 0; padding: 0; margin-top: 10px; padding-top: 10px; }

/* fonds bleu et vert de ce gabarit */
.frame_blue_424_out {
	color: white;
	float: left;
}
.frame_green_427_out {
	color: white;
	float: right;
}
.frame_blue_424_in, .frame_green_427_in {
	margin-top: 10px;
	padding-bottom: 10px;
}

.frame_blue_424_out {
	background: url(/common/media/frame_blue_424_top.png) 0 0 no-repeat;
	width: 424px;
	margin: 0 14px;
	clear: left;
}
.frame_blue_424_in {
  background: #4B76FF url(/common/media/frame_blue_424_bottom.png) left bottom no-repeat;
}

.frame_green_427_out {
	background: url(/common/media/frame_green_427_top.png) 0 0 no-repeat;
	width: 424px;
	margin: 0 11px 0 1px;
}
.frame_green_427_in {
  background: #9BD547 url(/common/media/frame_green_427_bottom.png) left bottom no-repeat;
}

/* diff�rents �l�ments de formulaire */
.input_special { padding: 0 0 0 10px; }
.input_special.one { margin-top: 9px; }

.input_special .select_label {
	width: 130px;
	float: left;
}

.input_special label.radio { padding-right: 20px; }
.input_special label.radio input { margin-right: 4px; }

.input_special .data select {
	color: #0D2EA4;
	font-size: 0.92em;
	margin-right: 10px;
}


#reg_2 .input_text { width: 405px; }
#reg_2 .input_text label { width: 116px; }
#reg_2 .input_text input { width: 274px; }
#reg_2 .input_text.one { margin-left: 0;}

ul.checkbox {
  margin-left:30px;
}
ul.checkbox li {
	float: left;
	width: 97px;
	margin-left: 9px;
	margin-bottom: 6px;
}
#reg_2 ul.checkbox li label {
	color: #46931F;
	font-weight: normal;
}
ul.checkbox li input { margin-right: 8px; }

/* premi�re et derni�re ligne */
#reg_2 .mandatory { width: 600px; }
.mandatory.young { margin: 0 0 0.8em 25px; }
#reg_2 .mandatory.last { margin: 0.8em 0 0 25px; }


.input_file.one { margin: 10px 0 15px 60px; }
#reg_3 .colored_stripe { margin-bottom: 10px; }

.reg_all .legal_stuff {
	clear: both;
	position: relative;
	top: 2px;
	margin: 0 15px 0 15px;
}

.reg_all .legal_stuff p {
	color: #4B4B4B;
	font-size: 0.92em;
	margin: 8px 0 0 0;
	padding-top: 4px;
}

.legal_stuff p a {
	font-weight: bold;
	color: #6F6C3C;
}

/* avatar du formulaire n�3 */

#avatar {
	border: 1px solid #4B4B4B;
	background-color: #A8A67C;
	float: left;
	min-width: 150px;
	min-height: 150px;
	text-align: center;
	margin: 0 0 0 40px;
}


/* ***sp�cial contenu tr�s court pour le n�3; � voir s'il faut le garder: cela colle le #footer en bas de la fen�tre du navigateur.
Peut poser des probl�mes en 800x600 avec beaucoup de barres d'outils */
/* html#commentjefaisunepagequioccupetoutelahauteur { height: 100%; }
#commentjefaisunepagequioccupetoutelahauteur body { height: 100%; }
#commentjefaisunepagequioccupetoutelahauteur #footer {position: absolute; bottom: 0; }
*/


/* ----------------------------- */
/*      Formulaire Parrainage    */
/*                               */
/* ----------------------------- */

#formulaire_parrainage #main_in { padding-bottom: 24px; }

.frame_darkbeige_606_out {
	color: white;
	background: url(/common/media/frame_darkbeige_606_top.png) left top no-repeat;
	float: left;
	width: 606px;
	margin-left: 23px;
	padding-top: 7px;
}

.frame_darkbeige_606_in {
	background: url(/common/media/frame_darkbeige_606_bottom.png) left bottom no-repeat;
	margin-bottom: 20px;
	position: relative;
}

.frame_darkbeige_606_out p strong { color: #9BD547; font-weight: bold; }
.frame_darkbeige_606_out p span { color: #E1C30B; }

#affiliation .center { margin-bottom: 12px; }

#affiliation .link_notable {
	color: white;
	font-weight: bold;
	background: none;
	margin: 0 0 2em 20px; /* 2em qui ne servent pas � �carter ce <p> de .affiliate_stripe mais � �tre certain que l'image msn ne se colle pas � droite */
	padding: 0 17px 0 0;
	position: relative;
	right: 0;
	bottom: 18px;
}
#affiliation .link_notable a {
	color: white;
	background: url(/common/media/icon_arrow_lightbeigedarkbeige.png) 0 2px no-repeat;
	padding: 0 0 0 15px;
}

.affiliate_stripe {
	color: #78764C;
	background-color: #D4D3BE;
	min-height: 125px;
	margin-top: 10px;
}

.affiliate_stripe .input_text { width: 403px; }
.affiliate_stripe .input_text.address { margin: 12px 0 20px 0; padding-top: 20px; }
.affiliate_stripe label {
	font-weight: bold;
	text-align: right;
	width: 170px;
	padding: 0 10px;
}
.affiliate_stripe .input_text input { width: 209px; }

.affiliate_stripe .privacy {
	font-size: 0.92em;
	text-align: right;
	float: left;
	width: 278px;
	margin: 10px 30px 15px 20px;
}

#affiliation .affiliate_stripe .input_image {
	position: static; /* annule le position: absolute appliqu� plus bas aux 2 input image */
	float: left;
	width: 74px;
	margin: 5px 0;
}

#affiliation input { padding-bottom: 3px; color: #4B4B4B; }

#affiliation .input_text.name, #affiliation .input_text.email { font-weight: bold; float: left; }
#affiliation .input_text.name label, #affiliation .input_text.email label { text-align: right; padding-right: 10px; }


#affiliation .input_text.name { width: 252px; }
#affiliation .input_text.name label { width: 49px; }
#affiliation .input_text.name input { width: 179px; }

#affiliation .input_text.email { width: 317px; margin-left: 5px; }
#affiliation .input_text.email label { width: 54px; }
#affiliation .input_text.email input { width: 239px; }

#affiliation .link_bg {
	background: darkblue url(/common/media/linkbg_bgdarkbeige_blue_left.png) 0 0 no-repeat;
	min-height: 22px;
	padding-left: 3px;
	text-align: center;
	margin: 6px 0 0 240px;
	width: 10em;
}

#affiliation .link_bg a {
	font-weight: bold;
	color: white;
	background: darkblue url(/common/media/linkbg_bgdarkbeige_blue.png) right top no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}

#affiliation .input_textarea { width: 495px; }
#affiliation .input_textarea label {
	text-align: right;
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-top: 10px;
}
#affiliation .input_textarea textarea {
	width: 311px;
	height: 100px;
	margin: 10px 0 20px 0;
}

#affiliation .mandatory {
	color: white;
	text-align: center;
	width: 160px;
	position: absolute;
	bottom: 28px;
	left: 5px;
}

#affiliation .input_image {
	width: 74px;
	position: absolute;
	bottom: 28px;
	right: 16px;
}

/* Autres div de ce gabarit */
#formulaire_parrainage #pub { margin-left: 32px; }

#formulaire_parrainage .frame_white_xxl_out { min-height: 60px; }

.frame_white_xxl_out {
	background: url(/common/media/frame_white_xxl_top.png) left top no-repeat;
	width: 948px;
	margin: 10px 0 0 23px;
	padding-top: 10px;
	clear: both;
}

.frame_white_xxl_in {
	background: url(/common/media/frame_white_xxl_bottom.png) left bottom no-repeat;
	padding: 4px 0 0 3px;
	min-height: 60px;
}

.fiche_avatar_small_out { margin: 0 0 12px 12px; }

#formulaire_parrainage .pagination { margin: 14px 0; }
#formulaire_parrainage .pagination strong { color: #DD0F1C; }


/* --------------------- */
/* fiche cartooneur COMS */
/*                       */
/* --------------------- */

.frame_442_white_out {
	background: url(/common/media/frame_white_442_top.png) left top no-repeat;
	width: 442px;
	float: left;
	margin: 0 0 17px 23px;
	padding-top: 10px;
	position: relative; /* pour pouvoir positionner .comments_numberof en absolu */

}

.frame_442_white_in {
	background: white url(/common/media/frame_white_442_bottom.png) left bottom no-repeat;
}

.comments_border {
	background-color: #D6D5C2;
	border: 1px solid #787878;
	width: 414px;
	margin: 0 0 5px 14px;
	padding-top: 6px;
}

.comment_large {
	background: url(/common/media/comment_separation.png) center top no-repeat;
	width: 395px;
	margin: 0 0 4px 7px;
	padding: 6px 0 5px 8px;
}
.comment_large.new { background-color: #EBEAE1; }
.comment_large.first {
	background-image: none;
	padding-top: 3px;
}

.comment_large img { margin: 4px 10px 0 0; }
.comment_large_tools img { margin: 0 6px 0 0; }

.comment_large p {
	color: #6F6C3C;
	font-size: 0.92em;
	margin: 0;
	padding: 7px 7px 9px 0;
}
.comment_large p strong {
	color: #4B76FF;
}

.comment_large p span {
	color: #48992D;
}
.comment_large .comment_large_tools {
	width: 44px;
	float: right;
	margin: 0;
	padding: 2px 0 0 0;
}

#comments_sent .comment_large .comment_large_tools {
	width: 22px;
}

.comments_numberof {
	color: #E20D15;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 10px;
	padding: 0 2px;
}

.comment_large p span strong {
	color: #E20D15;
}

#fiche_cartooneur .pagination { margin: 14px 0; }
#fiche_cartooneur .pagination strong { color: #DD0F1C; }

#fiche_cartooneur .frame_pub_stripe2_out {
	background: #D4D3BE url(/common/media/frame_beige_728_top.png) left top no-repeat;
	float: left;
	width: 728px;
	margin: 0 0 5px 113px;
}

#fiche_cartooneur .frame_pub_stripe2_in {
	background: url(/common/media/frame_beige_728_bottom.png) left bottom no-repeat;
}

.frame_pub_stripe2_out p {
	color: #6A673D;
	margin: 0;
	padding-left: 14px;
}
.frame_pub_stripe2_out p.bottom { margin-right: 10px; }


/* ----------------------------- */
/*      Template de base         */
/*                               */
/* ----------------------------- */

/* "D�coller" le texte du bord */
#common h2, #common h3, #common h4,
#common ol, #common pre {
	color: white;
	padding-left: 6px;
}

#common p, #common ul {
  color:#524F3E;
	padding-left: 6px;
}

/* couleur des liens sur fond clair; bandeau voir ci-dessous */
#common a { color: #0D2EA4; }


/* bandeau central */
#common .stripe_central { padding-top: 5px; }
#common .stripe_central p, #common .stripe_central h2 {
	color: white;
	padding-left: 6px;
}
#common .stripe_central a { color: #9BD547; }


/* � gauche de la publicit�, sur fond clair */
/*#common .common_content p, #common .common_content h2, #common .common_content h3, #common .common_content h4 {*/
/*	width: 700px;*/
/*}*/


/* la pub, style temporaire */
#common_pub p { color: #6F6C3C; }
.frame_verylightbeige160_out {
	color: darkbeige;
	font-size: 0.91em;
	background: url(/common/media/frame_verylightbeige160_top.png) 0 0 no-repeat;
	width: 160px;
	margin-right: 23px;
}

.frame_verylightbeige160_in { background: url(/common/media/frame_verylightbeige160_bottom.png) left bottom no-repeat; }

.frame_verylightbeige160_in p {
	color: #6F6C3C;
	margin: 0;
	padding-left: 14px;
}
.frame_verylightbeige160_in p.bottom { margin-right: 13px; }


/* "inward" */
#common .frame_white_295_out h2, #common .frame_white_295_out h3, #common .frame_white_295_out h4,
#ommon .frame_white_295_out p, #common .frame_white_295_out pre, #common .frame_white_295_out ul,
#common .frame_white_295_out ol {
	padding-left: 5px;
}

#common h3,
#common h3 a { color: #FFFFFF; font-size: 16px;}

#common h4,
#common h4 a { color: #840904; font-size: 12px; }

#common span,
#common span a { color: #9BD547; }
#common .frame_white_295_out ol span { color: #4B4B4B; }
#common ol span { color: white; }

#common strong,
#common strong a { color: #524F3E; }

#common span strong,
#common span strong a { color: #E20D15; }

#common ol, #common ul { list-style-position: inside; }
#common ul { list-style-type: disc; }
#common li { padding-left: 50px; }


/* ***rajout� le 19/12/2007 */
#common #menu_inward li { padding-left: 16px; }
#common .frame_white_295_out pre { font-size: 1.2em; }


#common .frame_beige_large_out { margin: 3px 0 0 16px; }

#common .frame_beige_large_out h2, #common .frame_beige_large_out p {
	padding-left: 5px;
}

#common .frame_beige_large_out h2 { color: #6F6C3C; }

/* Bloc darkbeige de 606px de large */
#common .frame_darkbeige_606_out { margin-top: 16px; }
#common .frame_darkbeige_606_out h2, #common .frame_darkbeige_606_out p { padding-left: 10px; }
#common .frame_darkbeige_606_out .affiliate_stripe { min-height: inherit; }



/* Bloc blanc de 948px (xxl) */
#common .frame_white_xxl_out {
	clear: both;
}

#common .frame_white_xxl_out h2 { color: #4B4B4B; margin: 0 10px; }
#common .frame_white_xxl_out p { color: #4B4B4B; margin: 0.8em 10px; }

/* Bloc blanc avec ombre de 901px */
#common .frame_901_white_out { margin-top: 16px ; }
#common .frame_901_white_out .link_bg {
	margin-top: 0;
}

#common .frame_blue_out, #common .frame_green_out, #common .frame_yellow_out { margin: auto 31px auto 0; }
#common .frame_blue_out.first, #common .frame_green_out.first, #common .frame_yellow_out.first { margin-left: 23px; }
#common .frame_blue_out.last, #common .frame_green_out.last, #common .frame_yellow_out.last { margin-right: 23px; }

#common .frame_blue_out h2, #common .frame_blue_out p,
#common .frame_green_out h2,  #common .frame_green_out p,
#common .frame_yellow_out h2, #common .frame_yellow_out p { padding-left: 10px; margin-left: 0; }

#common .link_bg {
	background: darkred url(/common/media/linkbg_red_left.png) 0 0 no-repeat;
	float: right;
	min-height: 22px;
	padding-left: 3px;
	margin: 10px 25px 0 0;
}

#common .link_bg a {
	font-weight: bold;
	color: white;
	background: darkred url(/common/media/linkbg_red.png) right top no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}


/* -------------------------------------------------------- */
/*                                                          */
/* vert : #46931F
 - vert clair : #9BD547

 - jaune : #E1C30B

 - kaki : #6F6C3C

 - rouge : #8C1811
 - rouge clair : #E20D15

 - bleu : #0D2EA4
 - bleu clair : #4B76FF

 - Gris utilis� pour la police sur fond blanc : #4B4B4B
 - Blanc utilis� pour l'�criture sur fond fonc� : white     */
/*                                                          */
/* -------------------------------------------------------- */

/* INTEGRATION DYNAMIQUE */

.alone {
	color: white;
	padding-left: 23px;
}

	/* 19/11/2007 */

/* Cela a un effet (d�calage) sur le gabarit existant mais rien de grave */
.affiliate_stripe { padding: 6px 0 0 10px; }

/* ex "p.error, .reg_all p.error, #affiliation p.error, #common p.error" */
p.error, .reg_all p.error, .frame_white_xxl_out p.error, #common p.error {
	color: #8C1811;
	background-color: #E1C30B;
	padding: 2px 10px;
}
.frame_white_xxl_out .center { margin-bottom: 12px; }

.frame_white_xxl_out .link_notable {
	color: white;
	font-weight: bold;
	background: none;
	margin: 0 0 2em 20px; /* 2em qui ne servent pas � �carter ce <p> de .affiliate_stripe mais � �tre certain que l'image msn ne se colle pas � droite */
	padding: 0 17px 0 0;
	position: relative;
	right: 0;
	bottom: 18px;
}
.frame_white_xxl_out .link_notable a {
	color: white;
	background: url(/common/media/icon_arrow_lightbeigedarkbeige.png) 0 2px no-repeat;
	padding: 0 0 0 15px;
}
.frame_white_xxl_out .affiliate_stripe .input_image {
	position: static; /* annule le position: absolute appliqu� plus bas aux 2 input image */
	float: left;
	width: 74px;
	margin: 5px 0;
}

.frame_white_xxl_out input { padding-bottom: 3px; color: #4B4B4B; }

.frame_white_xxl_out .input_text.name, .frame_white_xxl_out .input_text.email { font-weight: bold; float: left; }
.frame_white_xxl_out .input_text.name label, .frame_white_xxl_out .input_text.email label { text-align: right; padding-right: 10px; }


.frame_white_xxl_out .input_text.name { width: 252px; }
.frame_white_xxl_out .input_text.name label { width: 49px; }
.frame_white_xxl_out .input_text.name input { width: 179px; }

.frame_white_xxl_out .input_text.email { width: 317px; margin-left: 5px; }
.frame_white_xxl_out .input_text.email label { width: 54px; }
.frame_white_xxl_out .input_text.email input { width: 239px; }

.frame_white_xxl_out .link_bg {
	background: darkblue url(/common/media/linkbg_bgdarkbeige_blue_left.png) 0 0 no-repeat;
	min-height: 22px;
	padding-left: 3px;
	text-align: center;
	margin: 6px 0 0 240px;
	width: 10em;
}

.frame_white_xxl_out .link_bg a {
	font-weight: bold;
	color: white;
	background: darkblue url(/common/media/linkbg_bgdarkbeige_blue.png) right top no-repeat;
	display: block;
	min-height: 20px;
	padding: 2px 16px 0 3px;
}

.frame_white_xxl_out .input_textarea { width: 495px; }
.frame_white_xxl_out .input_textarea label {
	text-align: right;
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-top: 10px;
}
.frame_white_xxl_out .input_textarea textarea {
	width: 311px;
	height: 100px;
	margin: 10px 0 20px 0;
}

.frame_white_xxl_out .mandatory {
	color: white;
	text-align: center;
	width: 160px;
	position: absolute;
	bottom: 28px;
	left: 5px;
}

.frame_white_xxl_out .input_image {
	width: 74px;
	position: absolute;
	bottom: 28px;
	right: 16px;
}


/* ----------------------------- */
/*      NEW : correcting         */
/*     1st batch of templates    */
/*                               */
/* ----------------------------- */

#reg_1 .form_column {
	width: 327px;
	float: left;
}

#reg_1 h2.step_title {
	color: white;
	float: left;
	width: 840px;
}

.reg_all .step_stars {
	float: right;
	/*width: 130px;*/
	padding-right: 3px;
}

#liste_chaines h2 { margin-bottom: 10px; }

/* ----------------------------- */
/*    2nd batch  (TRANCHE N�2)   */
/*         COCKPIT               */
/*                               */
/* ----------------------------- */

#cockpit #left_column {
	width: 646px;
	float: left;
	background-color: #ece;
}

/* Stats */
#stats {
	width: 646px;
	background-color: #A8A67C;
}

/* concerns the 4 div inside #stats */
/* Previous "frame_white_295_out" were on a darkbeige background, not a lightbeige one. */
/* We must redefine rounded frame and should avoid to redefine anything else (no re-styling of the content) */
#stats .frame_white_295_out {
	margin-left: 25px;
	background: url(/common/media/frame_white_lightbeige_295_top.png) 0 0 no-repeat;
}

#stats .frame_white_295_in {
	background: white url(/common/media/frame_white_lightbeige_295_bottom.png) left bottom no-repeat;
}

	/* (2/4) Slideshow */
#stats #slideshow {
	width: 295px;
	margin: 0 0 22px 25px;
}

#slideshow p.slideshow_title {
	text-align: center;
	font-weight: bold;
}

#slideshow .slideshow_main {
	background-color: #D4D3BE;
	/*padding: 26px 0 11px 0;*/
}

#slideshow .slideshow_stripe { background: url(/common/media/slideshow_light.png) 0 0 no-repeat; }

/* the 4 following rules are used for both #slideshow and #shop
   (the background light/medium is added with another rule, depending of the div) */
.slideshow_stripe { min-height: 58px; }
.slideshow_avatar { margin: 14px 6px 0 2px; }
.slideshow_movie { margin: 14px 1px 0 1px; }

.slideshow_avatar img, .slideshow_stripe .slideshow_movie img { vertical-align: 13px; }

/* ***unnecessary to copy this rule: just here for presentation without the JS "Dock" effect */
.slideshow_movie img.dummy_big { vertical-align: 7px; }
/* end of unnecessary rule */

#slideshow h3, #slideshow h3 a {
	color: #F43D42;
	text-align: center;
}

#slideshow .link_bg { background: darkblue url(/common/media/linkbg_blue_left.png) left top no-repeat; }
#slideshow .link_bg a { background: darkblue url(/common/media/linkbg_blue.png) top right no-repeat; }

	/* (1/4) Status */
#status { float: right; }

#status h2 { margin: 0; }
.menu_mini { margin-left: 5px; }

.menu_mini li {
	font-size: 0.85em;
	text-align: center;
	background: #D4D3BE url(/common/media/tab_mini_lightbeige_left.png) left top no-repeat;
	float: left;
	margin-right: 1px;
	padding-left: 9px;
}

.menu_mini li a {
	color: #6F6C3C;
	background: url(/common/media/tab_mini_lightbeige_right.png) right top no-repeat;
	display: block;
	min-height: 15px;
	padding: 4px 9px 0 0;
}

.menu_mini li.active {
	color: white;
	background: #6F6C3C url(/common/media/tab_mini_darkbeige_left.png) left top no-repeat;
}

.menu_mini li.active a {
  color: white;
	background: url(/common/media/tab_mini_darkbeige_right.png) right top no-repeat;
	display: block;
	min-height: 15px;
	padding: 4px 9px 0 0;
}

.menu_mini li a:hover { color: #6F6C3C; }
.menu_mini li.active a:hover { color: white; }

#status .status_stripe {
	font-size: 1.1em;
	background-color: #6F6C3C;
	clear: both;
	padding: 7px 2px 0 12px;
}
#status .status_stripe p {
	color: white;
	margin: 0;
}

#status .status_stripe h3 {
	color: #E1C30B;
	clear: both;
	margin: 0;
	padding: 0;
}

#status .status_stripe .link_notable {
	color: #D4D3BE;
	font-weight: bold;
	background: none;
	margin: 0 0 5px 0;
	padding: 0 6px 0 15px;
}
#status .status_stripe .link_notable a {
	color: #D4D3BE;
	background: url(/common/media/icon_arrow_lightbeigebeige.png) 0 2px no-repeat;
	padding: 0 0 0 14px;
}

#status h3 {
	color: #4B76FF;
	margin: 9px 0 0 10px;
}

p.status_tip { margin: 0 2px 5px 10px; }

#status .link_notable {
	color: #6F6C3C;
	background: url(/common/media/icon_arrow_beigewhite.png) 0 0 no-repeat;
	margin: 4px 0 0 0;
	padding: 0 6px 0 15px;
}
#status .link_notable a {
	color: #6F6C3C;
}

	/* (4/4) Monprofil */
#monprofil { position: relative; }		/* useful for .profil_viewed below. Left-top corner of #monprofil serves as a reference (0,0) to position: absolute; */
#monprofil h2 a { color: #4B4B4B; }

#monprofil h3.profil_viewed {
	font-size: 1em;
	color: #8C1811;
	text-align: right;
	width: 12em;
	padding-right: 10px;
	position: absolute;
	top: 9px;
	right: 0;
}

#monprofil .visit span {
	color: #E1C30B;
}

#monprofil .visit span img {
	vertical-align: bottom;
}

#monprofil .stats span strong {
	color: #5FAA36;
}
#monprofil.vic span strong {
  color: #68299C;
}

#monprofil .cartoon_rank {
	position: relative;
	left: -14px;
}
#monprofil .cartoon_rank img {
	position: relative;
	left: -6px;
	top: 6px;
}

	/* (3/4) Graph */
#stats #graph {
	float: right;
	margin-top: 0px;
}

#graph .graph_stripe {
	font-size: 1.1em;
	color: #6F6C3C;
	background-color: #D4D3BE;
	margin-bottom: 3px;
	padding-bottom: 7px;
}

#graph .graph_stripe .link_notable {
	color: #6F6C3C;
	background: url(/common/media/icon_arrow_beigelightbeige.png) 0 0 no-repeat;
	margin: 4px 7px 0 0;
}
#graph .graph_stripe .link_notable a {
	color: #6F6C3C;
	padding: 0 0 0 14px;
}

#graph .graph_result p {
	text-align: center;
	margin: 0;
}

#graph .graph_factor {
	margin-left: 16px;
	padding-top: 5px;
}

#graph .graph_stripe strong { color: #F43D42; }
#graph .graph_stripe span {
	color: #4B76FF;
	font-weight: bold;
}

/* Shop */
#shop {
	color: white;
	background-color: #7E7C56;
	width: 621px;
	margin: 4px 8px 0 25px;
}

#shop h2 a { color: white; }

.frame_mediumbeige_2col_out {
	background: #7E7C56 url(/common/media/frame_mediumbeige_beige_2col_top.png) left top no-repeat;
	padding-top: 9px;
}

.frame_mediumbeige_2col_in {
	background: url(/common/media/frame_mediumbeige_beige_2col_bottom.png) left bottom no-repeat;
}

.shop_category {
	width: 601px;
	min-height: 82px;
}

.shop_category h3 {
	font-size: 1.3em;
	text-align: center;
	width: 83px;
	float: left;
	margin: 0 0 0 3px;
}

.shop_category h3 span {
	color: #9ED548;
}

.shop_category .slideshow_stripe {
	width: 312px;
	float: left;
	background: url(/common/media/slideshow_medium.jpg) 0 0 no-repeat;	/* jpg, not png */
}

.shop_category .shop_description {
	text-align: center;
	background-color: #696740;
	width: 200px;
	float: left;
}

.shop_description h4 {
	color: #EFCE06;
	margin: 7px 2px 13px 2px;
}
.shop_description h4 span { color: white; }

.shop_description p { margin: 10px 2px 8px 2px; }
.shop_description span {
	color: #9BD547;
	font-weight: bold;
}

.shop_total {
	text-align: right;
	color: #4B4B4B;
	background-color: #A8A67C;
	min-height: 16px;
	margin: 0 12px 12px 8px;
	padding: 6px 20px 3px 12px;
}

.shop_total h3 {
	font-weight: normal;
	margin: 0;
}

.shop_total h3 strong {
	text-transform: uppercase;
	font-weight: bold;
	float: left;
}

.shop_total h3 span {
	color: white;
}

/* Pub */
#cockpit #pub { margin-left: 25px; }


/* News */

#news {
	width: 301px;
	float: left;
	margin: 15px 0 10px 25px;
}

#news .news_header {
	margin-left: 22px;
}

#news .news_header a {
	color: #6F6C3C;
	font-weight: bold;
}

#news .news_header img {
	vertical-align: -1px;
	margin-right: 4px;
}

#news .news_main {
	width: 270px;
	max-height: 572px; /* *** IE6: overflow: scroll; et pour la hauteur height? */
	overflow: auto;
	border: 1px solid #D5D4BF;
	margin: 10px;
	padding: 5px 2px 5px 7px;
	position: relative;
}

#news .news_main p {
	color: #4B4B4B;
	font-size: 1.018em; /* result by default: 11px */
	/* must be clickable */
	/* background: url(/common/media/news/warning_green.png) left top no-repeat; */
	padding-left: 26px;
}
/* must be clickable */
/* #news .news_main p.news_warning1 { background: url(/common/media/news/warning_red.png) left top no-repeat; }
#news .news_main p.news_warning2 { background: url(/common/media/news/warning_green.png) left top no-repeat; }
#news .news_main p.news_movie { background: url(/common/media/news/movie.png) left top no-repeat; }
#news .news_main p.news_person { background: url(/common/media/news/person.png) left top no-repeat; }
 */

#news .news_main p span.icon {
	position: absolute;
	left: 6px;
}

#news .news_main p span.news_date {
	color: #6F6C3C;
}

/* ***graph TEST */
/* ***do not consider starting from here */
#graph ul {
	width: 110px;
}

#graph li {
	line-height: 1.5em;
	min-height: 1.6em;
	position: relative;
}

#graph .int {
	color:#57575A;
	font-weight: bold;
	float:right;
	margin-right: 30px;
	text-align:right;
	width: 120px;
}

#graph .bar {
	background:#86CAF0 none repeat scroll 0%;
	display:block;
	height: 1.5em;
	left: 160px;
	line-height: 1.5em;
	margin:2px;
	position:relative;
}
#graph .bar.suc { background-color: #9BD547; }
#graph .bar.exp { background-color: #EFCE06; }
#graph .bar.par { background-color: #CBC995; }
#graph .bar.war { background-color: red; }

#graph .bar span {
	font-weight: bold;
	font-size:90%;
	left:100%;
	padding-left:5px;
	position:absolute;
}

#graph .barneg {
	background: #F43D42 none repeat scroll 0%;
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	margin: 2px;
	position: relative;
}
#graph .barneg span {
	font-weight: bold;
	font-size:90%;
	right:100%;
	padding-right:5px;
	position:absolute;
}
/* ***do not consider before this line */