/* ================================
 * !Reset styles
 * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded )
 * ================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td     { font-size: 100%; text-decoration: none; background-color: transparent; text-align: left; list-style-type: none; margin: 0; padding: 0; border: 0; outline: 0  }

ol, ul { list-style:none; }
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after {	content:''; content:none; }

a{outline: none;}
:focus{-moz-outline-style: none;}


/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse:collapse; border-spacing:0; }
html        { color: gray; font-family: "trebuchet ms"; background: #ccc no-repeat fixed center top }
body    { color: gray; font-size: 10px; line-height: normal }



#body_tout                        { color: #444; font-family: arial, "Trebuchet MS"; background-attachment: fixed; text-align: center; margin: 0; padding: 0px; border: 0px }
#body_toutIE   { color: gray; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: no-repeat fixed center top; text-align: center; margin: 0; padding: 0px; border: 0px }
#body_newsletter   { color: gray; font-size: 10pt; font-family: Verdana; margin: 0px; position: relative; top: 0px; left: 0px }
#conteneur    { margin-right: auto; margin-left: auto; position: relative; z-index: 0; width: 816px }
#conteneur2    { background: url(../mp_images/fond_ombre.png) no-repeat; clear: both; padding: 0px 16px 0px 18px; position: relative; z-index: 3; width: 816px }
#conteneur2_bas  {
	background: url(../mp_images/fond_ombre_bas.png) no-repeat;
	vertical-align: bottom;
	clear: both;
	margin-bottom: 50px;
	padding: 0px 16px 0px 18px;
	position: relative;
	z-index: 3;
	width: 816px;
	overflow: hidden;
	text-align: center;
}
#cadre_site      { background-repeat: repeat-y; clear: both; margin: 0px; padding: 0px; position: relative; width: 780px }
#cadre_site_bas { background: no-repeat; clear: both; margin: 0px; padding: 0px; position: relative; width: 780px }
#cadre_site .box_entete { margin: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 990px; height: 365px }
#colonne_droite                  { float: right; margin-left: 10px; width: 236px }
#colonne_centre         { width: auto; overflow: hidden }
#colonne_centreIE { width: 100%; overflow: hidden }
#colonne_gauche          { float: left; margin-right: 10px; padding: 0px; width: 240px }
#page                { background: white url(../mp_images/fond_page.gif) no-repeat; margin: 0px; padding: 10px; overflow: hidden; min-height: 300px }
#pageIE   { background: white url(../mp_images/fond_page.gif) no-repeat; margin: 0px; padding: 10px; overflow: hidden; min-height: 300px }
#pleinepage         {
	width: 100%;
	height: auto;
}
#pied_page              {
	color: #014a99;
	font-size: 9pt;
	background-color: white;
	text-align: center;
	width: 780px;
	overflow: hidden;
	text-indent: 20px;
}

#message_info            { color: white; font-size: 14px; font-family: Verdana; width: 100%; }
#publicite     { position: absolute; z-index: 1; top: 25px; left: 1028px; overflow: hidden }
.feed  { background-image: url(../mp_images/rss.png); text-indent: -9999em; width: 16px; height: 16px; overflow: hidden; display: block }
.box          {
	background-color: #ccc;
	width: auto;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-left-style: none;
	border-top-color: white;
	border-right-color: white;
	border-left-color: white;
	margin-bottom: 20px;
}
.box a { color: white }
.box a:hover { color: #b6b6b6; text-decoration: none }
.box_titre     {
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	height: 19px;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #FFFFFF;
}
.box_sanstitre     { background-repeat: no-repeat; float: right; padding-right: 20px; padding-left: 20px; height: 3px }
.box_contenu       { color: white; font-size: 11px; text-align: center; clear: both; padding: 5px; height: auto; overflow: hidden }
.box_contenu .liste img { float: left; margin-right: 10px; border: solid 1px white }
.box_contenu li.liste  { clear: both; margin: 10px 5px 15px; height: 50px }
.box_contenu .liste h2 a {
	color: #0033FF;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase
}
.box_contenu .liste p { font-size: 11px }
.box_contenu .liste p span { color: #cdb003; font-size: 10px }
.box .fiche  {
	width: 450px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.box .fiche  .titre { color: white; font-style: italic; font-weight: bold; font-size: 13px; text-align: right; text-transform: uppercase; vertical-align: middle; margin-top: 10px; margin-bottom: 10px; padding: 0px 20px 0 }
.box .fiche  img  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	border: thin solid #FFFFFF;
}
.box .fiche  .entete_fiche {
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: justify;
	font-weight: 500;
	word-spacing: 2px;
}
.box .fiche  .descriptif_fiche {
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: justify;
}
.box .fiche  .descriptif_fiche .b{
	color: #cdb003;
}
.box_contenu div.liste li { list-style-type: square; list-style-image: url(../mp_images/picto_titre4.gif) }
.box_contenu div { text-align: left }
.box_contenu div.sous_titre { color: #b6b6b6; font-weight: bold; text-align: left; margin-bottom: 10px }
.box_la_suite    {
	color: white;
	float: right;
	padding-right: 10px;
	padding-left: 20px
}
.box_la_suite a  { color: white; font-size: 11px }
.box_la_suite a:hover  { color: gray; font-size: 11px; text-decoration: none }
.box_la_suite2 { clear: both }
.tableau   { margin-top: 10px; margin-bottom: 10px }
.tableau div.surligne   { color: #cdb003 }
.tableau div.ligne1    { vertical-align: middle; clear: both; margin: 0px; padding: 0px; border: none 0px; width: 100%; overflow: hidden }
.tableau div.ligne2    { background-image: url(../mp_images/25_noir.png); vertical-align: middle; clear: both; margin: 0px; padding: 0px; width: 100%; overflow: hidden }
.tableau div.colonne  { text-align: center; vertical-align: middle; float: left; margin: 0px; padding-right: 3px; padding-left: 3px; border: none 0px }
.tableau div.color   { color: #cdb003; font-weight: bold; text-align: center; vertical-align: middle; margin: 0px; border: 0px }
.tableau div.ligne_entete   { color: #cdb003; font-weight: bold; text-align: center; vertical-align: middle; clear: both; margin: 0px 0px 10px; border: 0px; overflow: hidden }
#menu_langue   { float: right; margin-top: 5px; margin-right: 30px; height: 20px; overflow: hidden }
#menu_langue ul { margin: 0px; padding: 0px }
#menu_langue a  { color: white }
#menu_langue a:hover  { color: #686868 }
#menu_langue li { color: black; background: transparent url(../mp_images/50_noir.png); list-style-type: none; float: left; margin-right: 5px; padding: 4px 5px }
#menu_langue li.active  { background-color: black; list-style-type: none; float: left; margin-right: 5px; padding: 4px 5px }
#menu_haut { background-color: #8d3333 }
#menu_bas   {
	padding: 0px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 120px;
}
#menu_bas ul { text-align: center; margin: 0px; padding: 0px }
#menu_haut li { text-indent: 5px; float: left; margin: 2px 2px 0px }
#menu_bas li {
	text-indent: 5px;
	float: left;
	margin: 2px 2px 0px;
	border-left: 1px solid black;
	list-style-type: none;
}
#menu_bas a { color: black; font-size: 10px }
#menu_bas a:hover { text-decoration: underline }
#sous_menu   { margin: 0px; padding: 0px; width: 780px }
#sous_menu div { margin: 0px; padding: 0px; overflow: hidden }
#sous_menu ul    { font-style: normal; font-variant: normal; font-size: 9px; font-family: arial; letter-spacing: 1px; list-style-type: none; margin: 0pt; padding: 20px 0px 24px 5px; border-bottom: 2px solid #cdb003 }
#sous_menu ul li  { background-repeat: no-repeat; text-indent: 5px; float: left; margin: 2px 2px 0; height: 21px }
#sous_menu ul li.active     { color: black; font-weight: bold; font-size: 10px; background-color: black; list-style-type: none; padding-left: 3px; border-style: solid; border-width: 2px 2px 3px 2px; border-color: #cfb007 #cfb007 black #cfb007 }
#sous_menu ul li.active a    { color: #cfb007; font-style: italic; background-image: url('(EmptyReference!)'); text-indent: 0px; list-style-type: none }
#sous_menu ul li.active a:hover { color: #cfb007; font-style: italic; background-image: url('(EmptyReference!)'); text-indent: 0px; list-style-type: none }
#sous_menu ul a  { color: #737373; text-decoration: none; background: url(../mp_images/picto_titre5.png) no-repeat; text-indent: 14px; list-style-type: none; float: left; padding: 4px; display: block }
#sous_menu ul a:hover   { color: #cfb007; text-decoration: none; background: url(../mp_images/picto_titre5.png) no-repeat; text-indent: 14px; list-style-type: none; float: left; padding: 4px; display: block }
#bandeau   { }
#arborescence       { color: #757575; font-size: 11px; background-color: white; letter-spacing: 1px; margin: 0px; padding-right: 15px; padding-left: 15px; width: 750px }
#arborescence a   { color: #757575; font-size: 11px; letter-spacing: 1px }
#arborescence a:hover   { color: #cfb007; font-size: 11px; letter-spacing: 1px }
.TabbedPanels { text-decoration: none; margin: 0px; padding: 0px; width: 100% }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px }
.TabbedPanelsTab { font-style: normal; font-variant: normal; font-weight: bold; list-style-type: none; float: left; margin: 0px 2px 1px 0px; padding: 4px 10px; position: relative; top: 1px; cursor: pointer; none: -khtml-user-select: none  }
.TabbedPanelsTabHover { background-image: url(../mp_images/50_blanc.png) }
.TabbedPanelsTabSelected { color: black; background-image: url(../mp_images/25_blanc.png); border: none }
.TabbedPanelsTab a { color: black; text-decoration: none }
.TabbedPanelsContentGroup { text-decoration: none; background-image: url(../mp_images/25_blanc.png); float: left; clear: both; width: 100% }
.TabbedPanelsContent { text-decoration: none; padding: 4px }
.TabbedPanelsContent li { list-style-type: none }
.TabbedPanelsContent li span.date { color: #cdb003 }
.TabbedPanelsContentVisible { text-decoration: none }
.VTabbedPanels .TabbedPanelsTabGroup { background-color: #eee; float: left; position: relative; width: 10em; height: 20em }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border: none }
.VTabbedPanels .TabbedPanelsTabSelected { background-color: #eee }
.VTabbedPanels .TabbedPanelsContentGroup { float: left; clear: none; padding: 0px; width: 30em; height: 20em }
#picsengine  { background-repeat: repeat-x; width: 100%; height: 800px }
#lecteur_video { border: solid 1px white; overflow: hidden }
#lecteur_video #video  { float: left; margin-right: 10px; border-right: 1px solid white; width: 720px; height: 480px; cursor: pointer }
#lecteur_video #video_descriptif    { padding: 20px 50px 20px 40px; overflow: hidden }
#liste_video  { clear: both; overflow: hidden }
#liste_video .item  { background-image: url(../mp_images/75_noir.png); list-style-type: none; float: left; margin: 20px 13px; padding-left: 10px; border: none 1px #686868; width: 152px; height: 200px; overflow: hidden }
#liste_video ul { margin: 0px; padding: 0px; position: relative }
#liste_video h2 a  { color: #cdb003; font-style: italic; font-weight: bold; font-size: 11px; background-repeat: no-repeat; text-transform: uppercase; clear: both; margin: 0px 0px 4px; padding: 0px }
#liste_video h2 { color: #cdb003; font-style: italic; font-weight: bold; font-size: 11px; background-repeat: no-repeat; text-transform: uppercase; clear: both; margin: 0px 0px 4px; padding: 0px }
#liste_video .vignette  { vertical-align: middle; margin-top: 5px; margin-right: 7px; margin-bottom: 10px; border: solid thin #ffffff }
#liste_video  p span { color: #cdb003; font-size: 10px }
#liste_fiche     { 
	background-color: #ccc;
	overflow: hidden
}
#liste_fiche .titre     { color: white; font-style: italic; font-weight: bold; font-size: 13px; line-height: 25px; text-transform: uppercase; float: right; padding-right: 20px; border-top: none; border-right: none; border-bottom: 1px solid #686868; border-left: none }
#liste_fiche .contenu    { clear: both; margin: 0px; padding: 15px; border-right: 1px solid #686868; border-left: 1px solid #686868 }
#liste_fiche .contenu p  { font-size: 10px; text-transform: lowercase }
#liste_fiche .contenu p span { color: #cdb003; font-size: 10px }
#liste_fiche .la_suite   { float: left; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid #686868; border-left: 1px solid #686868 }
#liste_fiche li     {
	list-style-type: none;
	clear: both;
	padding: 0px;
	height: 45px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#liste_fiche li.news {
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	clear: both;
	padding: 0px;
	border-bottom: 1px dashed #3a3a3a;
	height: 40px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
li.surligne { font-weight: bolder; background-image: url(../mp_images/25_blanc.png) }
#liste_fiche .news a { color: white; text-decoration: none }
#liste_fiche .news a:hover { }
#liste_fiche ul { margin: 0px; padding: 0px; position: relative }
#liste_fiche h2 a      { color: #34536e; font-weight: bold; font-size: 11px; background-repeat: no-repeat; text-transform: uppercase; margin: 0px 0px 4px; padding: 0px; height: 10px }
#liste_fiche img      { vertical-align: middle; float: left; margin-top: 5px; margin-right: 7px; padding: 2px; border: solid 1px #34536e }
#pagination { clear: both }
.une_la_suite  a {
	color: #cdb003;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #686868;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #686868;
	margin-top: -23px;
}
#fiche          { padding: 10px; overflow: hidden }
#avant_fiche  { margin-top: 20px; margin-bottom: 20px; padding: 1px; overflow: hidden }
div .IE  { width: 100% }
#fiche .titre        { color: #ccc; font-weight: bold; font-size: 17px; line-height: 15px; text-transform: uppercase; vertical-align: text-bottom; margin-top: 10px }
#fiche .contenu     { margin-top: 0px; margin-right: 0px; margin-bottom: 0px }
#fiche .contenu .descriptif  { font-size: 12px; text-align: justify; margin-left: 15px }
#fiche .contenu .descriptifIE  {
	font-size: 12px;
	text-align: justify;
	margin-left: 15px;
	margin-top: -270px;
}
#fiche .contenu .descriptif p { font-size: 12px; text-align: justify }
#fiche .contenu .descriptif a  { color: #5a5a5a; font-size: 12px }
#fiche .contenu .descriptif a:hover  { color: black; font-size: 12px; text-decoration: underline }
#fiche .contenu .entete        { color: #34536e; font-weight: bold; font-size: 14px; line-height: 14px; text-align: justify; margin-bottom: 25px }
#fiche .contenu .descriptif img    { float: left; max-width: 520px }

#fiche .master_photo       { }
#fiche .master_photo img    {
	float: left;
	position: relative;
	left: 20px;
	width: 485px;
	height: 270px;
	overflow: hidden;
}
#fiche #master_photo_masque      { background-image: url(../mp_images/masque_photo_fiche.png); position: relative; z-index: 100; top: -5px; width: 520px; height: 318px }
#fiche #master_photo_masqueIE      { background-image: url(../mp_images/masque_photo_fiche.png);  position: relative;top: -270px; width: 520px; height: 318px }
#fiche .master_masque_content    { position: relative; z-index: 2000; top: -260px; left: 20px; width: 480px }
#fiche .master_masque_contentIE    { position: relative; top: 5px; left: 20px; width: 480px }
#fiche .master_masque_content img   { position: relative }


#fiche .la_suite     { color: #5a5a5a; margin-top: 20px; padding-right: 20px; border-top: 1px double white }
#photo_fiche      { float: left; margin-bottom: 10px; position: relative; height: auto; overflow: hidden }
#photo_fiche #bandeau    { vertical-align: middle; z-index: 1; bottom: 0 }
#photo_fiche #bandeau h3   { color: #cdb003; font-style: italic; font-size: 25px; text-transform: uppercase }
#photo_fiche img   { margin: 0px; padding: 0px; max-width: 500px }
#colonne_info       { background-image: url(../mp_images/fond_colonne.jpg); float: right; margin-top: 27px; width: 219px; overflow: hidden; }
#colonne_info #info_galerie img    { vertical-align: middle; float: left; margin: 8px; padding: 2px; border: solid 1px #5985ab }
#colonne_info img { vertical-align: middle; margin: 2px; padding: 2px }
#colonne_info .titre      { color: white; font-style: italic; font-weight: bold; font-size: 13px; line-height: 30px; background: url(../mp_images/fond_colonne_haut.jpg) no-repeat; text-transform: uppercase; float: right; width: 219px; height: 33px }
#colonne_info .contenu    { min-height:233px; text-align: right; clear: both; padding-bottom: 20px }
#colonne_info .contenu ul { clear: both; padding: 10px }
#colonne_info .contenu .sous_titre   { color: #ccc; font-weight: bold; font-size: 11px; text-transform: uppercase; float: right; margin-top: 20px; padding-right: 25px }
#colonne_info .contenu a  { color: #ccc; font-weight: bold }
#colonne_info .contenu a:hover { color: white; font-weight: bold; text-decoration: underline }
#colonne_info .la_suite    { background: url(../mp_images/fond_colonne_bas.jpg) no-repeat; float: left; clear: both; width: 219px; height: 33px }
#colonne_info .contenu li  { padding: 0px }
#partage   { color: #686868; font-size: 11px; text-align: right; overflow: hidden }
#partage div  { text-align: right; border: none 1px; height: 20px; overflow: hidden }
#partage li    { float: right }
#partage li img { vertical-align: middle; margin: 0px 0px 0px 5px }
#photo_galerie_fiche li img { margin: 3px; padding: 0px }
#une_preced_suivant  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #686868;
	height: 40px;
}
#une_preced_suivant .preced  a {
	color: #999999;
	float: left;
	font-size: 36px;
	letter-spacing: -5px;
	font-weight: lighter;
}
#une_preced_suivant .suivant  a {
	color: #999999;
	float: right;
	font-size: 36px;
	letter-spacing: -5px;
	font-weight: lighter;
}
#une_preced_suivant .pageactuel {
	color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}

#page_fichejoueur           {
	margin: 0px;
	padding: 10px;
	border-top: 10px solid black;
	overflow: hidden;
	width: 680px;
}

#cadre_site_fichejoueur { background: black url(../mp_images/fond_back.png) repeat-y; clear: both; margin: 0px; padding: 0px; border: solid 10px black; position: relative; width: 730px }
#conteneur2_fichejoueur { background: url(../mp_images/fond_ombre.png) no-repeat; clear: both;  position: relative; z-index: 3; width: 730px }
#sous_menu_fichejoueur  { margin: 0px; padding: 0px; width: 730px }
#sous_menu_fichejoueur div { margin: 0px; padding: 0px; overflow: hidden }
#sous_menu_fichejoueur ul   { font-style: normal; font-variant: normal; font-size: 9px; font-family: arial; background-image: url(../mp_images/50_noir.png); letter-spacing: 1px; list-style-type: none; margin: 0pt; padding: 20px 0px 24px 5px; border-bottom: 2px solid #cdb003 }
#sous_menu_fichejoueur ul li  { background-repeat: no-repeat; text-indent: 5px; float: left; margin: 2px 2px 0; height: 21px }
#sous_menu_fichejoueur ul li.active    { color: black; font-weight: bold; font-size: 10px; background-color: black; list-style-type: none; padding-left: 3px; border-style: solid; border-width: 2px 2px 3px 2px; border-color: #cfb007 #cfb007 black #cfb007 }
#sous_menu_fichejoueur ul li.active a    { color: #cfb007; font-style: italic; background-image: url('(EmptyReference!)'); text-indent: 0px; list-style-type: none }
#sous_menu_fichejoueur ul li.active a:hover { color: #cfb007; font-style: italic; background-image: url('(EmptyReference!)'); text-indent: 0px; list-style-type: none }
#sous_menu_fichejoueur ul a  { color: #737373; text-decoration: none; background: url(../mp_images/picto_titre5.png) no-repeat; text-indent: 14px; list-style-type: none; float: left; padding: 4px; display: block }
#sous_menu_fichejoueur ul a:hover   { color: #cfb007; text-decoration: none; background: url(../mp_images/picto_titre5.png) no-repeat; text-indent: 14px; list-style-type: none; float: left; padding: 4px; display: block }