/*********************************/
/*     Styles site Chinois       */
/*********************************/


html {
	overflow-y:scroll; /* Pour forcer FireFox  mettre un ascenceur sur les pages qui n'en n'ont pas besoin et viter un decalage avec les pages qui en ont un */
	/*background-image:url(../images/degrade_fond.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-attachment:fixed;*/
}

html, body {
	height: 100%;
	margin: 0;
}

body {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
	position: relative; /* Pour ie */
	text-align: center; /* pour corriger le bug de centrage IE */
}

div#global {
	min-height: 100%;
	height:auto !important;
	height: 100%; /* Pour ie */
	width: 958px;
	margin: 0 auto;
	position: relative !important;
	padding: 0 4px 0 0;
	background: url(../images/global_fond.gif) right repeat-y;
	text-align: left; /* on rtablit l'alignement normal du texte */
}

              /* H E A D E R */

div#header {
	background-color:#fff;
	width:950px;
	height:150px;
	margin-right:8px;
}


/*   M E N U   H O R I Z O N T A L   */

div#menuContainer {
	position:absolute;
	top:150px;
	left:215px;
	z-index:1;
}

.fdMenuHorizontalGauche {
	background:url(../images/fd_menu-horizontal-gauche.gif) no-repeat;
	float:left;
	width:10px;
	height:30px;
}

.fdMenuHorizontalDroite {
	background:url(../images/fd_menu-horizontal-droite.gif) no-repeat;
	float:left;
	width:10px;
	height:30px;
}

ul#menu {
	height:30px;
	width:710px!important;
	width:707px; /* largeur maximum pour ie 6 */
	margin:0;
	padding:0;
	list-style: none;
	background:url(../images/fd_menu-horizontal.gif) repeat-x;
	float:left;
}

ul#menu a, ul#menu a:visited{
	color:#323232;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	/*font-style:italic;*/
}
#menu a:hover{
	color:#0068cd;
}

ul#menu li {
	float:left;
	padding:3px 25px 0 20px !important;
	padding:3px 17px 0 20px;
	margin-left:0;
}

/*   on desactive seulement l'affichage des sous-menu mais leur contenu existe toujours sous pfa pour referencement */
ul#menu li li {
	display:none;
}

              /* C E N T E R */

div#center {
	padding-bottom: 50px; /* Pour viter la superposition du pied de page et du contenu : */
	overflow: hidden !important;
	overflow: visible; /* Pour ie */
	height:auto !important;
	height: 1%; /* Pour ie */
	position: relative;
}


              /* C O N T E N T */

div#content {
	float: right;
	width: 715px!important;
	width: 750px;
	display: inline; /* Pour ie */
	padding:50px 20px 0 15px;
	text-align:left;
}

.blocTextSmall {
	width:345px;
	text-align:left;
}

.blocTextBig {
	width:700px;
	text-align:left;
}

.enteteBlocText {
	height:26px;
	background:url(../images/fd_tete_bloc_texte.gif) repeat-x;
}

.titreEnteteBlocText {
	float:left;
	padding:5px 0 0 5px;
}


.fdEnteteBlocTexteLeft {
	float:left;
	width:6px;
	height:26px;
	background:url(../images/fd_tete_bloc_texte_left.gif) no-repeat;
}

.fdEnteteBlocTexteRight {
	float:right;
	width:6px;
	height:26px;
	background:url(../images/fd_tete_bloc_texte_right.gif) no-repeat;
}

.blocText {
	border:solid 1px #d7d8da;
	margin-top:8px;
	padding:8px;
	text-align:left;
	width:100%;
}

h1 {
	color:#2670b9;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

h2 {
	color: #666666;
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

p, .default {
	color:#424242;
	text-decoration:none;
	margin-top:0;
}

a, a:visited, a.default {
	color:#424242;
	text-decoration:underline;
}

ul {
	color:#424242;
	list-style-position:outside; /* gère le retour ?la ligne */
	margin:5px 0;
	padding-left:20px;
}

ol {
	color:#424242;
	list-style-position:outside; /* gère le retour ?la ligne */
	margin:5px 0;
	padding-left:30px;
}

.listPages li{
	list-style-image: url(../images/puce.gif);
	line-height:1.8em;
}

.blueFont, .blueFont p, .blueFont a, .blueFont a:visited, a.blueFont, a.blueFont:visited {
	color:#2670b9;
}

.redFont, .redFont p, .redFont a, .redFont a:visited {
	color:#cb2129;
}

a.blueLink, a.blueLink:visited, a.blueLink:hover {
	color:#00C;
	font-weight:normal;
	text-decoration:underline;
}

.smallFont, a.smallFont {
	font-size:0.9em;
}

.photoAlignLeft {
	float:left;
	margin-right:8px;
	margin-bottom:5px;
}

.cadrePhotoRightSidebar {
	width:130px !important;
	width:150px;
	float:right;
	font-size:11px;
	text-align:right;
	padding:5px;
	margin: 0 0 5px 5px;
	border:solid 1px #807557;
	background-color:#eee;
	color:#666;
}

hr {
	color:#aaa;
	background-color:#aaa;
	height:1px;
	border:0;
}

	/* TABLEAUX */
 
/*  Programmes */

.programmes {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
}

.programmes th {
	background:url(../images/fd_th.gif) repeat-x;
	height:25px;
	padding:5px;
}

.programmes th.thLeft {
	background:url(../images/fd_th-left.gif) no-repeat top left;
}

.programmes th.thRight {
	background:url(../images/fd_th-right.gif) no-repeat top right;
}

.programmes td {
	border-bottom: solid 1px #adb9c2;
	padding:5px;
}

.programmes td.bordTop {
	border-top: solid 1px #adb9c2;
}

.programmes td.bordLeft {
	border-left: solid 1px #adb9c2;
}

.programmes td.bordRight {
	border-right: solid 1px #adb9c2;
}

/*  Programmes */

.tblPays {
	font:12px Arial, Helvetica, sans-serif;
	color:#424242;
	text-decoration:none;
}

.tblPays th {
	background:url(../images/fd_th.gif) repeat-x;
	height:28px;
	padding:5px;
	/*padding-top:50px;*/
}

.tblPays th.thLeft {
	background:url(../images/fd_th-left.gif) no-repeat top left;
}

.tblPays th.thRight {
	background:url(../images/fd_th-right.gif) no-repeat top right;
}

.tblPays td {
	border-bottom: solid 1px #adb9c2;
	padding:5px;
}


/* O N G L E T S */

.TabContentSmall {width:335px !important; width:345px; font:12px Arial, Helvetica, sans-serif; color:#5e5e5e; background-image:url(../images/fd_bloc.gif); background-repeat:repeat-x; padding: 5px !important; padding: 10px 5px 5px 5px;}
.TabContentBig {width:705px !important; width:715px; font:12px Arial, Helvetica, sans-serif; color:#5e5e5e; background-image:url(../images/fd_bloc.gif); background-repeat:repeat-x; padding: 5px !important; padding:  10px 5px 5px 5px; clear:both !important;}

.TabCommon {font: bold 12px Arial, Helvetica, sans-serif; color: #12364e;}

.TabOff {cursor:pointer; background:url("../images/tableft.gif") no-repeat left top;}

.ongletsNav {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #ccc;
}
.ongletsNav li {
	display:inline;
	float:left;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
}
.ongletsNav span {
	display:block;
	background:url("../images/tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
}
.ongletsNav ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

.ongletsNav a {font: bold 11px Arial, Helvetica, sans-serif; color: #6B78A9; text-decoration:none;}


/* Gestion du Roll Over */
.ongletsNav li:hover {
	background-position:0% -42px;
}
.ongletsNav li:hover span {
	background-position:100% -42px;
	color:#fff;
}

/* Gestion de l'etat On */
.TabOn {
	background:url("../images/tableft.gif") no-repeat left top;
	background-position:0% -42px;
}
.TabOn span {
	background-position:100% -42px;
	color:#fff;
}

              /* S I D E   B A R */


div#sidebar {
	float:left;
	width: 185px;
	padding:10px;
	color:#fff;
}

div#sidebar p  {
	color:#fff;
	margin: 2px 0;
}

/*   M E N U   V E R T I C A L   */

ul#menuSidebar {
	width:188px!important;
	width:180px;
	margin:0;
	padding:0;
	list-style: none;
}

ul#menuSidebar a, ul#menuSidebar a:visited{
	color:#323232;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	margin:2px 0 0 10px;
	float:left;
}

#menuSidebar a:hover{
	color:#0068cd;
}

ul#menuSidebar li {
	height:40px;
	margin:0 0 5px 0;
	background: url(../images/fd_onglet_sidebar_left.gif) no-repeat;
}

span.ongletSidebar {
	/*display:block;*/
	height:40px;
	width:10px;
	background:url(../images/fd_onglet_sidebar_right.gif) no-repeat;
	float:right;
}

/*   Z O N E  P I C T O S */

div#fdPictosSidebar {
	background:url(../images/fd_pictos_sidebar.gif) repeat-x top;
	width:169px !important;
	width:180px;
	padding:8px;
}

.pictoSidebar {
	float:left;
	margin-right:7px;
}

div#fdPictosSidebar a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}




              /* F O O T E R */

#footer {
	text-align:center; /* On centre le contenu */
	position: absolute;
	background-color:#fff;
	padding-top: 5px;
	width:945px;
	bottom:0;
	color:#afafaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	z-index:20; /* Pour Firefox : laisser les liens cliquables */
}
#footer a, footer a:visited, #footer a:hover{
	color:#afafaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
/*#footer a:visited{
	color:#afafaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}*/
#footer a:hover{
	/*color:#afafaf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;*/
	text-decoration:underline;
}



         /*  S T Y L E S   G E N E R I Q U E S  */


.w345px {width: 345px;}

.w715px {width: 715px;}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear:both;
	height:0;
}

.strong, a.strong {
font-weight:bold;
}

a.underlineHover, a.underlineHover:visited {
	text-decoration:none;
}

a.underlineHover:hover {
	text-decoration:underline;
}

.cursorHand {
	cursor:pointer;
}

.format_png {
	behavior: url("win_png.htc"); /* Style qu'il faut donner aux images png pour qu'elles soient affiches correctement dans i.e */
}

/* S T Y L E S   A D M I N I S T R A T I O N   P F A   */



/* PFA */

table.adm {width : 100%; margin :10px 0; text-align : left;}
table.adm td {padding-left:5px;}


div.center {padding-bottom:50px} /* Important pour que le bouton "valider" ne passe pas sous le footer */


/* ADMIN */

.admtitle {background : #555; font-family : Helvetica, Arial, serif; font-weight:bold; font-size : 13px; color : #fff;}

.adm1 {background : #fff; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}

.adm2 {background : #eee; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}

.admin {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 15px; color : #000000; font-weight : bold; background : transparent;}

ul.arbo td.img {cursor: pointer; width: 16px;}

ul.arbo, ul.arbo ul {text-align: left; list-style-type:none;}

ul.arbo li {list-style-type:none; list-style-image: none; margin-left: -20px;}

ul.arbo ul {display:none;}

ul.arbo td.name {width:250px;}

.noborder {border:solid 0px;}

/* DIRECTORY */

.vote {margin : auto; width : 150px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center; vertical-align : middle;}

.sublink {margin : auto; width : 550px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}

.categ {text-align : left; vertical-align : top; width : 100%;}

.titre {font-family :Helvetica, Arial, serif; font-size : 13px; background : #ffffff; color : #000000; text-align : left;}

.cat {font-family : Helvetica, Arial, serif; font-size : 13px; background : #ffe8cf; color : #000000; text-align : left;}



.nbsouscat {font-family : Helvetica, Arial, serif; font-size : 9px; color : #A2BCD6; font-weight : normal; background : transparent;}

.nbcat {font-family : Helvetica, Arial, serif; font-size : 10px; color : #A2BCD6; font-weight : normal; background : transparent;}

.help {font-family : Helvetica, Arial, serif; font-size : 13px; color : #006699; font-weight : normal; background : transparent;}

.obfield {font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000; font-weight : bold; background : transparent;}

.keywords {font-family : Arial, serif; font-size : 13px; color : red; font-weight : bold; background : transparent;}

.search {margin : auto; text-align : center; font-size : 14px; width : 100%;}

.error {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 18px; color : #ff0000; font-weight : bold; background : transparent;}

.tmp {font-size : 10px; text-align : center; display:none;}

.title {text-align: center; font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 18px; color : #000000;}



.newsletter {margin : auto; width : 200px; height : 100px; text-align : center; vertical-align : middle;}

.transfer {margin-top : 10px; width : 250px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}

.submsg {margin : auto; width : 350px; color : black; font-family : Verdana, serif; font-size : 10px; background : whitesmoke; border : 1px solid silver; text-align : center;}

.tbmsg {margin : auto; text-align : center; font-size : 14px; width : 90%; }

.tbimg {margin : auto; text-align : center; font-size : 14px; width : 600px;}

.imgbrowser {border: solid 1px #FFCC66; margin: auto; text-align: center; font-size: 14px; width: 600px;}

.msg {text-align : right;}

.authart {text-align : right; margin-top : 20px;}

.article {text-align : justify;}

.title_img1 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 20px; color : #000; text-align: center;}

.title_img2 {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 16px; color : #000; text-align: center;}

.empty {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 17px; color : #000; background : transparent;}