/* SEMANTIQUE*/
body {
	background-color: #545454;
	margin:2px 0 0 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
.sansmarge {
margin: 0 0 2px 0;
padding: 0;
}
.sansmarge2 {
margin: 0 5px 2px 0;
padding: 0;
}
.marge {
display:block;
margin: 4px 4px 10px 4px;
padding: 0;
}
.margeg {
margin: 0;
padding: 0 0 0 4px;
}
.margefiche {
margin: 8px 4px 8px 4px ;
padding: 0;
}
.skycraper {
margin:0;
padding:0 0 0 28px;
}
#page {
margin : auto ;
width:994px;
}
#footer {
margin:0;
padding : 15px 0 0 20px ;
height:42px ;
background: no-repeat url(../images/footer.jpg);
font-size: 9pt;
color: #000000;
}
form {
margin: 0;
padding: 0;
}
.en_ligne {
display:inline;
}
img {
border:0;
}
.clear
{
clear:both;
margin:0;
padding:0;
}
h1 { 
font-size: 9pt;
color: white;
font-weight:normal;
display:inline;
}
h1.article { 
font-size:13pt;
font-weight:700;
color: #000 !important;
line-height: 24px;
}
.article {padding: 15px;}
.articleHome {padding: 5px;}
.article a {color:#000}
h2, .h2 {
font-family: Arial, Helvetica, sans-serif ;
font-size:1.1em ;
font-weight:bold;
color:black ;
display:inline;
line-height:150%;
margin:2px 0 0 0;
padding:3px 0 0 3px;
}
.article h2 {
	display:block;
	font-size:18px;
}
h3, .h3, .resume h2 {
font-size: 9pt;
font-weight: bold ;
color: black ;
display:inline;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul {
font-size: 9pt;
color : #b6b6b6;
list-style-type:square;
margin:0 0 0 35px;
padding:0;
line-height:150%;
}
.resume ul {
color : #000;
}
ol {
font-size: 9pt;
color : #b6b6b6;
margin:0 0 0 40px;
padding:0;
line-height:150%;
}


/* LISTES */
a.listeslien { height:80px ;text-decoration: none; padding: 4px; margin: 0 1px 0 1px }
a.listeslien:hover {	height:80px ; text-decoration: none; border-width: 1px; border-style: solid; padding: 3px; margin: 0 1px 0 1px }
.bloclettres {
	font-size: 9pt;
	font-weight:bold;
	color : #000000;
	background: #F5F5F5;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	padding: 5px 8px;
	margin: 10px 0 10px 0;	
}



/* FORMULAIRES */
input,select,textarea { font : 9pt Verdana, Arial, Helvetica, sans-serif; color: black;}
input.rech { font : 9pt Verdana, Arial, Helvetica, sans-serif; color: #666666;}


/* BARRE DE LANGUE */
.entete {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 2px 2px 3px 2px;
}
.entete-droite {
float: right;
padding: 0 7px 0 0;
}
.entete-gauche {
padding-left: 5px;
font-size: 9pt;
color : white;
}


/* BANDEAU */
.bandeau {
height:110px;
margin:0;
padding:0;
background: no-repeat url(../images/bandeau.jpg);
}


/* MENU HAUT */
div#conteneur-menuhaut {
margin: 0 0 0 655px ;
}
ul#menuhaut
{
	height: 20px ;
	margin: 0;
	padding : 8px 0 0 0;
	list-style-type: none ;
	font : bold 9pt Arial, Helvetica, sans-serif; color : #FFFFFF;
}
ul#menuhaut li
{
	float: left ;
	text-align: center ;
	text-indent:15px ;
}
ul#menuhaut li a
{
	width: 110px ;
	line-height: 20px ;
	font-size: 9pt ;
	font-weight:normal ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}

ul#menuhaut li a:hover
{
	background: url(../images/bouton_haut_on.jpg) no-repeat 0 2px;
}

/* CONTENU */
.contenu {
	width:532px;
	background-color:#cccccc;
	margin:5px ;
	padding:0 0 2px 0;
}
.ariane {
	width:532px;
	height:23px;
	margin:0 ;
	padding:0;
	background: url(../images/ariane.jpg) no-repeat;
}
.texte_ariane {
	font-size: 9pt ;
	font-weight:bold;
	margin:0 ;
	padding:2px 0 0 3px;
}
.texte_lettres {
font-size: 8pt;
color: black;
margin:0 ;
padding:3px 0;
}
.titre_page {
	width:532px;
	height:29px;
	margin:0 ;
	padding:0;
	background: url(../images/titre.jpg) no-repeat;
}
.tab_blanc {
	width:524px;
	margin:4px auto 4px auto ;
	padding:4px 0 4px 0;
	background: #ffffff;
	border: 1px solid #b3b3b3;
	font-size:0.8rem;
}
.tab_blanc.resume p {
    padding: 0rem 0.8rem;
		text-align:justify;
}
.entete_tab_blanc {
	width:524px;
	height:21px;
	margin:0;
	padding:0;
	background: url(../images/fontab.jpg) repeat-x ;
	text-align:center;
}
.ligne_blanche {
	width:520px;
	margin:0;
	padding:7px 4px 0 0;
	background: #ffffff;
	text-align:justify;
	border-bottom: 1px solid #d1d1d1;
}
.ligne_grise {
	width:520px;
	margin:0;
	padding:7px 4px 0 0;
	background: #f2f2f2;
	text-align:justify;
	border-bottom: 1px solid #d1d1d1;
}
.ligne_blanche2 {
	width:520px;
	margin:0;
	padding:7px 4px 7px 0;
	background: #ffffff;
	text-align:justify;
	border-bottom: 1px solid #d1d1d1;
}
.ligne_grise2 {
	width:520px;
	margin:0;
	padding:7px 4px 7px 0;
	background: #f2f2f2;
	text-align:justify;
	border-bottom: 1px solid #d1d1d1;
}
.update {
	width:524px;
	height:20px;
	margin:8px 0 0 0;
	padding:0;
	background: #f2f2f2;
	border-top: 1px solid #d1d1d1;
}
.icones {
float:left;
margin:4px 2px 0 4px;
padding:0;
}
.txticones {
float:left;
margin:4px 14px 0 0;
padding:0;
}
.blocfiche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:normal;
	color : #000000;
	background: #f2f2f2;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	padding: 5px 8px;
	margin: 4px 0 4px 0;	
	text-align:center;
}


/* MENU FICHE */
div#conteneur-menufiche {
width:524px;
height: 22px ;
background: url(../images/fondboutonsoff.jpg) repeat-x ;
margin: 0;
padding:0;
}
ul#menufiche
{
	margin: 0;
	padding : 0;
	list-style-type: none ;
	font : 9pt Arial, Helvetica, sans-serif; color : #aeaeae;
}
ul#menufiche li
{
	float: left ;
	width: 65px ;
	height: 22px ;
	text-align: center ;
}
ul#menufiche li a
{
	font-size: 9pt ;
	font-weight:normal ;
	color: #000 ;
	display: block ;
	text-decoration: none ;
	
}

ul#menufiche li a:hover
{
	color: #747b8e ;
}

.ongon
{
	width: 64px ;
	height: 22px ;
	margin: 0;
	background: url(../images/fondboutonson.jpg) no-repeat ;
	font : 9pt Arial, Helvetica, sans-serif; color : #ffffff;
}



/* MENU GAUCHE */
.seriestv
{
	width:140px;
	height:24px;
	margin:0;
	padding:0;
	background: url(../images/series.jpg) no-repeat;
}
.acteurstv
{
	width:140px;
	height:19px;
	margin:0;
	padding:0;
	background: url(../images/acteurs.jpg) no-repeat;
}
.forum
{
	width:140px;
	height:19px;
	margin:0;
	padding:0;
	background: url(../images/forum.jpg) no-repeat;
}
div#conteneur-menugauche {
margin: 0 0 0 10px ;
padding:0;
}
ul#menugauche
{
	margin: 0;
	padding : 1px 0 0 0;
	list-style-type: none ;
	font : bold 9pt Arial, Helvetica, sans-serif; color : #FFFFFF;
}
ul#menugauche li
{
	text-align: left ;
	text-indent:15px ;
}
ul#menugauche li a
{
	width: 126px ;
	height: 19px ;
	line-height:19px;
	padding:1px 0 0 0;
	font-size: 9pt ;
	font-weight:normal ;
	color: #000 ;
	display: block ;
	text-decoration: none ;
	background: url(../images/menu_off.jpg) no-repeat;
}

ul#menugauche li a:hover
{
	color: #fff ;
	background: url(../images/menu_on.jpg) no-repeat;
}

/* CONNEXION / RECHERCHE */
.connexion
{
height:90px;
background-color:#e6e6e6 ;
margin:0 7px;
padding:4px;
border : 1px solid #4b4b49;
}

/* CONNEXION */
.bordure_cnx {
margin:0;
padding: 10px 0 0 0 ;
}
.leaderBoard {
float:right;
}
.form_cnx {
float:left;
width:220px;
padding:15px 0 0 15px ;
font-size: 9pt ;
color:#000000;
}
.tete {
float:left;
margin: 0px 3px 0 0;
padding:0;
}


/* RECHERCHE */
.recherche {
float:left;
width:230px;
padding:2px 0 0 0 ;
font-size: 9pt ;
color:#000000;
margin-left:244px;
}
input.textrech { width: 190px; padding: 3px; border: solid 1px #c0c0c0; }
input.submitbt { width: 25px; padding: 1px; border: solid 1px #636363; background-color:#a5a5a5;}


/* LISTES */
.listes
{
height:26px;
background: no-repeat url(../images/listes.jpg);
margin:0;
padding:0;
}
.liste_series {
display:inline ;
width: 230px; padding: 1px; border: solid 1px #a4a4a4;
margin:0 0 0 19px ;
}
.liste_acteurs {
display:inline ;
width: 230px; padding: 1px; border: solid 1px #a4a4a4;
margin:4px 0 0 15px ;
}
.pub468x15 {
float:right;
padding:5px 10px 0 0 ;
}
.iframeJeux {
width:250px;
height:20px;
padding-top:3px;
float:left;
}


/* COLONNE GAUCHE */
td.colg
{
background: repeat-y url(../images/fond_colg.jpg);
}
td.cold
{
background: repeat-y url(../images/fond_cold.jpg);
}


/* COLONNE DROITE */
.pub300 {
margin:5px 0 5px 0 ;
}
.blocdroite {
width:298px;
margin:1px ;
padding:0 0 4px 0;
background-color:#636363;
border-style:solid;
border-width:1px;
border-color:#bebebe;
}
.txt_blocdroite {	
	font-size: 7.5pt;
	color : #b6b6b6;
	margin:0 0 0 10px;
}
.top10series
{
	width:296px;
	height:24px;
	margin:1px;
	padding:0;
	background: url(../images/top10.jpg) no-repeat;
}
.top_membres
{
	width:296px;
	height:24px;
	margin:1px;
	padding:0;
	background: url(../images/top_membres.jpg) no-repeat;
}
.serie_dujour
{
	width:296px;
	height:24px;
	margin:1px;
	padding:0;
	background: url(../images/serie_dujour.jpg) no-repeat;
}
.acteur_dujour
{
	width:296px;
	height:24px;
	margin:1px;
	padding:0;
	background: url(../images/acteur_dujour.jpg) no-repeat;
}
.webradio
{
	width:296px;
	height:24px;
	margin:1px;
	padding:0;
	background: url(../images/webradio.png) no-repeat;
}


/* GALERIE */
.ligne_galerie
{
display:block;
margin:0 4px 0 4px;
padding:0;
}
.fj_galerie
{
float:left;
margin:2px;
padding:0;
}
.imgjour {
float:left;
margin: 0;
padding:0;
}
.imagegalerie {
border-style:solid;
border-width:1px;
border-color:#636363;
background-color:#ffffff;
padding:2px;
margin:4px;
}
a.imagejour img {
border-style:solid;
border-width:1px;
border-color:#636363;
background-color:#ffffff;
padding:2px;
margin:0 4px 0 4px;
opacity: 1.0;  filter:alpha(opacity=100);
}
a.imagejour:hover img {
border-style:solid;
border-width:1px;
border-color:#636363;
background-color:#ffffff;
padding:2px;
margin:0 4px 0 4px;
opacity: 0.6;  filter:alpha(opacity=60);
}


/* MESSAGES FORUM FICHE */
.mess_forum
{
width:510px;
margin:0 4px 0 4px;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#3e5c8e;
background-color : #ebeff6;
}
.ligne_forum
{
display:block;
margin:0;
padding:0;
}
.cellbleucom{
display:block;
width:100px;
height:15px;
float:left;
margin:0;
padding:0;
border-right:solid;
border-width:1px;
border-right-color:#FFFFFF;
background-color : #c8d0e3;
}
.cellbleucom2{
display:block;
width:408px;
height:15px;
float:left;
margin:0;
padding:0;
background-color : #c8d0e3;
}
.cellbleucom3{
display:block;
width:100px;
float:left;
margin:0 0 4px 0;
padding:0;
border-right:solid;
border-width:1px;
border-right-color:#FFFFFF;
}
.cellbleucom4{
display:block;
width:400px;
float:left;
margin:0 0 4px 0;
padding:0;
}
.blocforum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color : #1475B6;
	background: #f2f2f2;
	border: 1px solid #CDCDCD;
	border-width: 1px 0;
	padding: 5px 8px;
	margin: 4px 0 4px 0;	
	text-align:center;
}


/* TEXTES */
.v8noir {  font-size: 9pt; color: black; }
.v9noir {  font-size: 9pt; color: black; font-weight:bold; margin:0; padding:0; text-align:left;}
.v9noir2 {  font-size: 9pt; color: black; font-weight:bold; margin:0; padding:0; text-align:center;}
.v8rouge {  font-size: 9pt; color: red; }
.v8blanc {  font-size: 9pt; color: white; }
.v7blanc {  font-size: 8pt; color: white; }
.v7noir {  font-size: 8pt; color: black; }
.v8orange {  font-size: 9pt; color: #747b8e; }
.titre_gros {	font-family: Arial, Helvetica, sans-serif;	font-size: 12pt; font-weight: bold ;	color: white;}
.titre_grosn {	font-family: Arial, Helvetica, sans-serif;	font-size: 12pt; font-weight: bold ;	color: black;}
.haut_tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	font-weight: bold;
}
.haut_tab2 {		font-size: 9pt;	font-weight: bold ;	color: white;}
.haut_tab3 {		font-size: 10pt; color: white;}
.bio {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	font-weight: bold ;	color: black;}
.onglet_grise {  font-size: 8pt; color: black; }
.ongoff {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 8pt;
	color : black;
	text-align: center;
	padding: 1px;
	border: 1px solid #999999;
	display: block;
	width: 60px;
}
.gris {  font-size: 9pt; color: #CCCCCC; }
.txtn {	
	font-size: 9pt;
	color : black;
	line-height:150%;
}
.titb {	
	font-size: 9pt;
	color : black;
	font-weight: bold;
}
.txtgris {	
	font-size: 9pt;
	color : #797979;
}
.txtbleu {	
	font-size: 9pt;
	color : #747b8e;
}
.txtfoot {	
	font-size: 8.5pt;
	color : #b6b6b6;
}


/* LIENS */
a.noir { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : black; }
a.noir:visited { text-decoration: none;	color : black;}
a.noir:active {	color: black; text-decoration:none;}
a.noir:hover { text-decoration: underline; color : black;}

a.titre_ser { text-decoration: none;	color : black; }
a.titre_ser:visited { text-decoration: none;	color : black;}
a.titre_ser:active {	color: black; text-decoration:none;}
a.titre_ser:hover { text-decoration: underline; color : black;}

a.noirs { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;	color : black; }
a.noirs:visited { text-decoration: underline;	color : black;}
a.noirs:active {	color: black; text-decoration:underline;}
a.noirs:hover { text-decoration: underline; color : #747b8e;}

a.oranges { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;	color : #FF6633 }
a.oranges:visited { text-decoration: underline;	color : #FF6633}
a.oranges:hover { text-decoration: underline; color : black;}

a.foot { font : 7.5pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : #b6b6b6; }
a.foot:visited { text-decoration: none;	color : #b6b6b6;}
a.foot:active {	color: #b6b6b6; text-decoration:none;}
a.foot:hover { text-decoration: none; color : #747b8e;}

a.style_liste { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : #b6b6b6; }
a.style_liste:visited { text-decoration: none;	color : #b6b6b6;}
a.style_liste:active {	color: #b6b6b6; text-decoration:none;}
a.style_liste:hover { text-decoration: none; color : #ffffff;}

a.style_liste2 { font : 7.5pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : #b6b6b6; }
a.style_liste2:visited { text-decoration: none;	color : #b6b6b6;}
a.style_liste2:active {	color: #b6b6b6; text-decoration:none;}
a.style_liste2:hover { text-decoration: none; color : #ffffff;}

a.style_liste3 { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : #b6b6b6; }
a.style_liste3:visited { text-decoration: none;	color : #b6b6b6;}
a.style_liste3:active {	color: #b6b6b6; text-decoration:none;}
a.style_liste3:hover { text-decoration: none; color : #ffffff;}

a.blancs { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;	color : white; }
a.blancs:visited { text-decoration: underline;	color : white;}
a.blancs:active {	color: white; text-decoration:underline;}
a.blancs:hover { text-decoration: underline; color : #747b8e;}

a.erreur { font : 8pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;	color : black; }
a.erreur:visited { text-decoration: underline;	color : black;}
a.erreur:active {	color: black; text-decoration:underline;}
a.erreur:hover { text-decoration: underline; color : #747b8e;}

a.erreurb { font : 8pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : black; }
a.erreurb:visited { text-decoration: none;	color : black;}
a.erreurb:active {	color: black; text-decoration:none;}
a.erreurb:hover { text-decoration: underline; color : #747b8e;}

a.onglet { font : 8pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : white; }
a.onglet:visited { text-decoration: none; color : white;}
a.onglet:active { text-decoration:none; color: #747b8e; }
a.onglet:hover { text-decoration: none; color : #747b8e;}

a.jour { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : black; }
a.jour:visited { text-decoration: none; color : black;}
a.jour:active { color: black; text-decoration:none;}
a.jour:hover { text-decoration: none; color : white;}

a.rubrique { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : black; }
a.rubrique:visited { text-decoration: none; color : black;}
a.rubrique:active { color: black; text-decoration:white;}
a.rubrique:hover { text-decoration: none; color : #FF6633;}

a.sonnerie { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : red; }
a.sonnerie:visited { text-decoration: none; color : red;}
a.sonnerie:active { color: black; text-decoration: red;}
a.sonnerie:hover { text-decoration: none; color : purple;}

a.dix { font : bold 10pt Arial, Helvetica, sans-serif; text-decoration: underline;	color : white;}
a.dix:visited { text-decoration: underline; color : white;}
a.dix:active { color: white; text-decoration:underline;}
a.dix:hover { text-decoration: underline; color : #747b8e;}

a.dixnoir { font : bold 10pt Arial, Helvetica, sans-serif; text-decoration: underline;	color : black;}
a.dixnoir:visited { text-decoration: underline; color : black;}
a.dixnoir:active { color: black; text-decoration:underline;}
a.dixnoir:hover { text-decoration: underline; color : #747b8e;}

a.dixdeux { font : bold 10pt Arial, Helvetica, sans-serif; text-decoration: none;	color : white;}
a.dixdeux:visited { text-decoration: none; color : white;}
a.dixdeux:active { color: white; text-decoration:none;}
a.dixdeux:hover { text-decoration: none; color : #747b8e;}

a.pagination { font : 9pt Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	color : #747b8e; }
a.pagination:visited { text-decoration: none;	color : #747b8e;}
a.pagination:active {	color: black; text-decoration:none;}
a.pagination:hover { text-decoration: underline; color : #747b8e;}

a.paginationon { font : 9pt Verdana, Arial, Helvetica, sans-serif; font-weight:bold;	text-decoration: underline;	color : #747b8e; }
a.paginationon:visited { text-decoration: underline;	color : #747b8e;}
a.paginationon:active {	color: black; text-decoration:underline;}
a.paginationon:hover { text-decoration: underline; color : #747b8e;}


a.image-mini img {opacity: 1.0;  filter:alpha(opacity=100);}
a.image-mini:hover img {opacity: 0.6;  filter:alpha(opacity=60);}

a.vertical {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 9pt;
	color : white;
	text-align: left;
	padding: 1px;
	border: 1px solid #333333;
	display: block;
	width: 120px;
}
a.vertical:visited {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 9pt;
	color : white;
	text-align: left;
	padding: 1px;
	border: 1px solid #333333;
	display: block;
	width: 120px;
}
a.vertical:hover {
	color : black;
	background-color: #EEEEEE;
	border: 1px solid #333333;
}


a.quiz {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 9pt;
	color : white;
	text-align: left;
	padding: 1px;
	border: 1px solid #333333;
	display: block;
	width: 200px;
}
a.quiz:hover {
	color : black;
	background-color: #EEEEEE;
	border: 1px solid #333333;
}


a.rub {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 8pt;
	color : white;
	text-align: center;
	padding: 1px;
	border: 1px solid #333333;
	display: block;
	width: 83px;
}
a.rub:hover {
	color : black;
	background-color: #EEEEEE;
	border: 1px solid #333333;
}


a.ong {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 8pt;
	color : white;
	text-align: center;
	padding: 1px;
	border: 1px solid #999999;
	display: block;
	width: 60px;
}
a.ong:visited {
	background-color: #666666;
	text-decoration: none;
	
	font-size: 8pt;
	color : white;
	text-align: center;
	padding: 1px;
	border: 1px solid #999999;
	display: block;
	width: 60px;
}
a.ong:hover {
	color : black;
	background-color: #EEEEEE;
	border: 1px solid #999999;
}


/* TABLEAUX */
td.norepeat {
background-repeat : no-repeat ;
 font-size: 9pt; color: white; }

td.fond {
background-repeat : no-repeat ;
background-position: center center ;
 }
 
td.fond2 {
background-repeat : no-repeat ;
background-position: center center ;
 }

table.cadre{

font-size:9pt ;
color:black ;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#999999;
}


table.gris{

font-size:8pt ;
color:black ;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#999999;
background-color:#D4D4D4;
}

table.grisb{

font-size:8pt ;
color:black ;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#838383;
background-color:#B1B1B1;
}

table.grisfonce{

font-size:8pt ;
color:black ;
padding:2px;
border-style:solid;
border-width:1px;
border-color:#333333;
background-color:#666666;
}

table.grisc{

font-size:8pt ;
color:black ;
padding:1px;
border-style:solid;
border-width:1px;
border-color:#838383;
background-color:#EEEEEE;
}

table.griscbis{

font-size:9pt ;
color:black ;
padding:1px;
border-style:solid;
border-width:1px;
border-color:#838383;
background-color:#EEEEEE;
}

td.grisc{

font-size:9pt ;
color:black ;
border-style:solid;
border-width:1px;
border-color:#999999;
background-color:#EEEEEE;
}



/* JQUERY */
label { display: block; clear: both; padding-top: 15px; }
label span.label { display: block; width: 450px; }
label span.label2 { display: block; width: 450px; padding: 0 0 15px 0;}
label span.required { color: #FF0000; font-weight: bold; }
label input { display: block; }
input.textbox { width: 450px; padding: 3px; border: solid 1px #c0c0c0; }
input.textbox2 { display:inline; width: 30px; padding: 3px; border: solid 1px #c0c0c0; }
textarea.textbox { width: 450px; height:100px; padding: 3px; border: solid 1px #c0c0c0; }
select.textbox { padding: 3px; border: solid 1px #c0c0c0; }
input.validation-failed{ background-color: #ffc0cb; }
textarea.validation-failed{ background-color: #ffc0cb; }
select.validation-failed{ background-color: #ffc0cb; }
.gauche { float:left; }

div.toolbar { clear: both; padding-top: 20px; }

div#ClientValidationSummary { background-color: #FF0000; width: 450px; padding: 5px; color: white; }
div#ClientValidationSummary a { color: white; }

.com_formulaire{
width:500px;

font-size:9pt ;
text-align:justify;
color:black ;
margin:4px 4px 10px 4px;
padding:6px;
border-style:dashed;
border-width:1px;
border-color:#838383;
background-color:#f2f2f2;
}

.formulaire{
width:500px;

font-size:9pt ;
color:black ;
margin:4px;
padding:6px;
border-style:solid;
border-width:1px;
border-color:#838383;
background-color:#f2f2f2;
}

/* BOITES OK OU ERREUR */

.ok_box {
	width:500px;
	color: #1a9901;
	background-color: #dcffd2;
	border: 1px solid #1a9901;
	padding: 2px;
	margin: 4px;	
	font-size:9pt ;
	text-align:center;
}

.error_box {
	width:500px;
	color: #c00;
	background-color: #FFECEE;
	border: 1px solid #c00;
	padding: 2px;
	margin: 4px;	
	font-size:9pt ;
	text-align:center;
}

a.lienerr { font : 9pt Verdana, Arial, Helvetica, sans-serif; color:#c00; font-weight:bold;}
a.lienok { font : 9pt Verdana, Arial, Helvetica, sans-serif; color:#1a9901; font-weight:bold;}


/* FIELDSET */
fieldset
{
	width:480px;	
	font-size:9pt ;
	color:black ;
	margin:4px;
	padding:6px;
	border-style:solid;
	border-width:1px;
	border-color:#838383;
	background-color:#f2f2f2;
}

legend
{	
	font-size:9pt ;
	color:#6e6e6e ;
	margin:0;
	padding:2px;
	border-style:dashed;
	border-width:1px;
	border-color:#838383;
	background-color:#f7f7f7;
}

.padding5 { padding:5px;}

/* MOBILE */
@media (max-width: 767px) {
.bandeau, .connexion, .liste, .colg, .cold, .listes, .entete-droite, .qc-cmp2-container {display:none}
.colc, .contenu, .ariane, .titre_page, .tab_blanc, .entete_tab_blanc, .ligne_grise2, .ligne_blanche2 {width:98%;height: unset;}
.ligne_blanche, .ligne_grise {width:98%;}
#footer {width:93%; background:none}
#page {
    margin: 0 auto;
    width: 100%;
}
#contenu, .entete, div#conteneur-menufiche, .filmographie {width:100%}
.ariane, .entete_tab_blanc {padding: 0.3rem 0; background:none}

element.style {
}
h2, .h2 {font-size: 1em;}
.texte_lettres {font-size: 1.1rem;}
.margefiche {clear: both;}
}