/* TAGS GLOBAUX */
img {behavior: url(/pngHack/pngHack.htc);}

#google_ad{padding-left:7px;}
table {
border-spacing:10px;
border-collapse:collapse;
border-style:dashed; 
border-width:1px; 
border-color:black;
width:80%;
}
h1{
font-family:tahoma;
text-align:center;
font-size:25px;
}
hr{
background-color:#DAFD09;
height:3px;
}
td{	
	padding:1px;
	text-align:center;
	border-style:solid; 
	border-width:0px; 
	border-color:black;
}
body {
     margin: 0px;  /*pour ?iter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	background-color:#627904;
	background-repeat:repeat-x;
	background-image: url("/Design_Site/images_css/bg-body.jpg");
}

fieldset
{
	color:#5D779A;
	font-family:verdana; 
	font-size:9pt;
	border: 1px solid #7EAD40;
	text-align:center;
	font-weight:bold; 
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	padding-right:15px;
}

legend
{
color:#AAAAAA;
font-family:verdana, sans-serif;
font-size: 14pt;
padding: 2px 6px;
}

input{ 
  font-family:verdana; 
  font-size:8pt; 
  border-color:#7EAD40; 
  border-style:solid; 
  border-width:1px;
   border-top-width: 5px;
  color:#000000; 
  text-align:center;
}


a:link {
font-family:arial, sans-serif;
font-size:11pt;
font-weight:bold;
color:navy;
background-color:transparent;
text-decoration:none;
}

a:visited {
font-family:arial, sans-serif;
font-size:11pt;
font-weight:bold;
color:navy;
background-color:transparent;
text-decoration:none;
}

a:hover {
font-family:arial, sans-serif;
font-size:11pt;
font-weight:bold;
color:navy;
background-color:transparent;
text-decoration:none;
}

a img
{
  border:  none ;
}

/*FIN TAGS GLOBAUX*/

/* HEADER */
#header_haut
{
position:relative;
margin-left: auto;
margin-right: auto;
background-repeat:no-repeat;
background-image: url("/Design_Site/images_css/bg-bandeau.jpg");
width:775px;
height:125px;
/*z-index:50;*/
}
* html #header_haut{
/*margin-top:-20px;*/
}
*+html #header_haut{
/*margin-top:-20px;*/
}
#header_left{
float:left;
width:500px;
height:125px;
}
#identification{
background-repeat:no-repeat;
background-image: url("/Design_Site/images_css/bg-identification.jpg");
background-position: 500px 0px;
font-size:14px;
z-index:400;
height:125px;
}
* html #identification{
	background-position: -3px 0px;
}
*+html #identification{
background-position: 0px 0px;
background-repeat:no-repeat;
}
#table_scores_ident{
	font-size:14px;
}

.input_transp{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	margin-left:15px;
	margin-bottom:12px;
	border:none;
}

.input_transp_pass{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	margin-left:10px;
	margin-bottom:12px;
	border:none;
}

	
.submit_identification{
	border:0px;
	margin-left:3px;
}

.div_rech{
background-image: url("/Design_Site/images_css/recherche.jpg");
background-repeat:no-repeat;
width:129px;
height:32px;
margin-top:-28px;
margin-left:360px;
}
.form_rech{
margin: 0px;
padding: 0px;
text-align:right;
}

.champ_rech{
text-align:left;
border:0px;
margin-bottom:10px;
}
* html .champ_rech{
	margin-bottom:12px;
	}
/* FIN HEADER */

#global {
position:relative;
margin-left: auto;
margin-right: auto;
width: 770px;
/*background-color:#FFFFFF; */
text-align: left;
background-repeat:repeat-y;
background-position:top left;
background-image: url("/Design_Site/images_css/bg-global.jpg");
     }

#cadre_jeu{
	color:#5D779A;
	font-family:verdana; 
	font-size:9pt;
	text-align:center;
	font-weight:bold; 
	padding-left:5px;
	padding-right:15px;
}


/*PARTIE PRESENTATION */
#cadre_bienvenue{
	color:#333;
	font-family:verdana; 
	font-size:9pt;
	margin-left:25px;
	margin-top:10px;
	/*margin-right:25px;*/
}
.derniers_articles{
line-height:18px;

}
.derniers_articles a{
font-family:verdana;
font-size:12px;
}
.derniers_articles a:hover{
font-family:verdana;
font-size:12px;
}
.derniers_articles a:visited{
font-family:verdana;
font-size:12px;
}

#blog-liste{
	padding-left:90px;
	list-style-type: none; 
	}
*html #blog-liste li{
	line-height:35px;	
	}
#blog-liste img{
	padding-right:20px;
	}
#blog-liste li{
	padding-left: 36px; 
	line-height:25px;
	}
/*FIN PARTIE PRESENTATION */


/*PARTIE BLOG */

#blog_global{
padding-left:10px;
padding-top:0px;
width:580px;
}
#header_article_blog{
background-repeat:no-repeat;
background-position:10px 0%;
background-image: url("/Design_Site/images_css/Barre_verte_blog.jpg");
padding-top:6px;
padding-left:40px;
width:550px;
font-family:Arial; 
font-weight:bold; 
font-size:13pt;
height:35px;
}
* html #header_article_blog{
min-height:35px;
}
#titre_article_blog{
float:left;
text-align:left;
color:white;
}
#date_article_blog{
font-family:Verdana; 
float:right;
padding-top:2px;
padding-right:10px;
text-align:right;
font-size:8pt;
color:#555;
}
#menu_blog_onglets{
text-align:center;
width:580px;
}

#corps_article_blog{
padding-top:10px;
margin:5px;
padding-left:10px;
color:565656;
font-weight:normal;
font-family:arial;
font-size:13px;
line-height:18px;
}
#image_article_blog{
margin-top:-15px;
float:left;
padding:10px;
}
.footer_article_blog{
margin:5px;
padding-top:25px;
margin-bottom:45px;
font-family:Arial; 
font-size:10pt;
color:ABC449;
font-weight:bold;
border-bottom:1px dotted #CCC;
height:27px;
}
* html .footer_article_blog{
min-height:27px;
}
#footer_article_blog_cat{
padding-left:120px;
float:left;
}
#footer_article_blog_comm{
padding-left:10px;
padding-right:10px;
float:left;
}
#footer_article_blog_lire{
padding-left:10px;
}

#texte_html_article{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:18px;
}





/*FIN TAGS BLOG LISTE*/

#titre_article_lecture{
font-family:Arial; 
font-size:13pt;
color:ABC449;
font-weight:900;
}
#sous_titre_article_lecture{
font-family:Arial; 
font-size:10pt;
color:black;
font-weight:bold;
}
.portion_code{
    width: 550px;
    overflow-x: auto;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #ABC449;
	margin-top:5px;
	margin-bottom:25px;
    padding: 10px;
	font-size: 13px;
    background-color: #EEFFFF;
}
.titre_article_lecture{
font-family: "Trebuchet MS",sans-serif;
font-size:12pt;
color:green;
font-weight:bold;
}
.sous_titre_article_lecture{
font-family: "Trebuchet MS",sans-serif;
font-size:10pt;
color:green;
}
.le_date_par{
font-family: "Trebuchet MS",sans-serif;
font-size:10pt;
}
.commentaire_blog{
	font-family: "Trebuchet MS",sans-serif;
    width: 550px;
    overflow-x: auto;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #ABC449;
	margin-top:5px;
	margin-bottom:25px;
    padding: 10px;
	font-size: 13px;
    background-color: #EEFFFF;
}
.derniers_articles ul li { 
	list-style-type: none; 
	margin: 0; 
	padding: 6px 0 0 0; 
	font-family: "Trebuchet MS",sans-serif;
	font-size: 13px;
	}
.derniers_articles ul { 
list-style-type: none; 
	background: url(/Design_Site/images_css/plan-puce.gif) no-repeat; 
	margin: 0; 
	padding: 6px 0 0 36px; 
	}
a.sommaire_articles{
font-family:verdana;
color:navy;
font-weight:bold;
font-size:13px;}
a:hover.sommaire_articles{
font-family:verdana;
color:navy;
font-weight:bold;
font-size:13px;}
a:visited.sommaire_articles{
font-family:verdana;
color:navy;
font-weight:bold;
font-size:13px;}
/*********************/
/*FIN TAGS BLOG */




/*********************/
/* TAGS PAGE BOUTIQUE */
#shop{
	font-family:verdana;
	text-align:left;
	padding:10px;
	padding-top:0px;
	font-size:12px;
	width:580px;
	}

#shop h1{
	padding-left:5px;
	font-size:18px;
	margin-top:-5px;
	margin-bottom:-5px;
}

.produit_shop{
	margin-top:15px;
	border-top:1px solid #CCC;
	}
.image-shop{
	float:left;
	}
.descr-shop{
	margin-bottom:10px;
	line-height:18px;
	width:450px;
	margin-left:10px;
	float:left;
	color:#aaa;
	}
.titre-descr-shop{
	margin-top:3px;
	margin-bottom:3px;
	color:black;
	font-family:arial;
	font-size:19px;
	font-weight:bold;
	}
.footer-produit_shop{
	background-color:#F0F3FF;
height:50px;
padding-left:15px;
	width:560px;
	float:left;
	margin-top:5px;
	border-top:1px dotted #CCC;	
	}
.thumbnail{
	margin-left:80px;
	padding: 7px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}	
*html .thumbnail{
	margin-left:40px;
	}
#paiement-secu {
	margin-top:30px;
	border:3px double #627904;
	background-image: url("/images/cadenas-securise.jpg");
	background-repeat:no-repeat;
	background-position:center left;
	font-family:verdana;
	font-size:12px;
	margin-left:20px;
	float:left;
	margin-bottom:30px;
	padding:0px 10px 25px 170px;
	height:125px;
	width:360px;
	line-height:16px;
	color:#444;
	}
#titre-paiement{
	margin-bottom:-15px;
	color:#627904;
	font-size:18px;
	font-family:arial;
}
#liste-phones{
	margin:20px;
	}
#liste-phones ul.all {
	padding:0;
	border-top:1px #aaa solid;
	margin:0;
	}
#liste-phones ul.all li {
	width:32%;
	float:left;
	list-style:none inside url(/images/boutique/bullet.gif);
	}
.clearfix:after {display: block;content:".";visibility: hidden;height: 1px;clear: both;}
#liste-phones a{
font-size:13px;
font-weight:normal;
font-family:"Trebuchet MS",arial,sans-serif;
}
#liste-phones h3{
font-size:15px;
font-family:"Trebuchet MS",arial,sans-serif;
}

#cont-ptb-select{
	text-align:center;
	float:left;
	width:300px;
	height:300px;
	font-size:13px;
	font-family:"Trebuchet MS",arial,sans-serif;
	}
#cont-ptb-select a{
	font-weight:normal;
	font-size:13px;
	font-family:"Trebuchet MS",arial,sans-serif;
	}	
#cont-photo-ptb-select{
	float:right;
	padding-right:30px;
	}
	
#gros-cont-ptb-select{
	
	}	
#cont-ptb-select h1{
	padding:0px;
	font-size:18px;
	margin:0px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-weight:normal;
	}
	
/*********************/
/*FIN TAGS BOUTIQUE */




/*********************/
/* TAGS PAGE JEUX */

.lien_jeu_ligne a{
	color:white;
	}
.lien_jeu_ligne a:hover{
	color:white;
	}
.lien_jeu_ligne a:visited{
	color:white;
	}
	
.lien_jeu_ligne{
	padding-top:8px;
	padding-left:-8px;
	}

#fond_dz{
padding:20px;
background-repeat:no-repeat;
background-image: url("/images/conteneur_dz.jpg");
background-position:50% 50%;
}
#fond_rz{
padding:20px;
background-repeat:no-repeat;
background-image: url("/images/conteneur_rz.jpg");
background-position:50% 50%;
}



.icone_jeu_dz{
	padding-left:215px;
	padding-right:40px;
	text-align:left;
	line-height:18px;
	font-family:verdana;
	font-size:12px;
	background-repeat:no-repeat;
	background-image: url("images/image_danztyle_mod.jpg");
	background-position:50% 0;
	height:210px;
	color:#565656;
	}
.icone_jeu_rz{
	padding-left:215px;
	padding-right:40px;
	text-align:left;
	line-height:18px;
	font-family:verdana;
	font-size:12px;
	background-repeat:no-repeat;
	background-image: url("images/image_rotazion_mod.jpg");
	background-position:50% 0;
	height:210px;
	color:#565656;
	}

	
/* FIN TAGS PAGE JEUX */
/****************************/





/****************************/
/*TAGS MES SCORES*/
#cadre_affich_scores{
margin-top:100px;
	text-align:center;
}
* html #cadre_affich_scores{
margin-top:0px;
}
.conteneur_etoile{
	float:left;
	text-align:center;
	font-family:verdana;
	color:navy; 
	font-size:18px;
	font-weight:bold;
	padding-left:2px;
	padding-top:10px;
	height:50px;
	width:50px;
	background-repeat:no-repeat;
	background-image: url("/images/mes-scores-etoile.jpg");
}
* html .conteneur_etoile{
	min-height:50px;
}
.nom_user_mes_scores{
	font-family:arial;
	color:navy; 
	font-size:16px;
	font-weight:bold;
}
.conteneur_coupe{
	padding-left:10px;
	float:left;
	height:50px;
	width:50px;
	padding-bottom:50px;
	background-repeat:no-repeat;
	background-image: url("/images/mes-scores-coupe.jpg");
}
* html .conteneur_coupe{
	min-height:50px;
}
.texte_float_mes_scores{
	text-align:left;
	width:140px;
	float:left;
	padding-right:15px;
}
.separateur_mes_scores{
	float:left;
	width:5px;
	height:50px;
	border-left:2px dotted #64B56F;
	border-right:2px solid #64B56F;
}
* html .separateur_mes_scores{
	min-height:50px;
}
.conteneur_photo{
float:left;
}
/*FIN TAGS MES SCORES*/
/****************************/



 /****************************/
/*TAGS CLASSEMENT*/
.conteneur {
text-align:right;
}

.label {
text-align:right;
font-family:arial; 
font-size:10pt;
font-weight:bold;
color:#444444;
}

.top_menu {
font-family:arial; 
font-size:11pt;
font-weight:bold;
color:white;
}
.class_position_score {
font-family:verdana, sans-serif; 
font-size:8pt;
font-weight:bold;
}

#classement_around{
text-align:center;
	margin:5px;
}
#classement{
	background-color:#DDEABB;
	text-align:center;
	border: 4px solid #CDEB8B;
}
/*FIN TAGS CLASSEMENT*/

/*TAGS MENU GAUCHE*/
.menu {
font-family:verdana; 
font-weight:bold;
text-align:right;
white-space: nowrap;
}

#navlist{
/*ici margin-top = hauteur du background a sauter*/
padding-left: 0px;
/*border-bottom: 1px solid gray;*/
width: 120px;
/*param a changer pour FF pour d?alage en haut*/
margin-top: 11px;
}
* html #navlist{
/*ESSAYER DE CHANGER CA POUR PB ALIGN IE*/
width: 10%;
margin-left: -10px;

}
*+html #navlist{
margin-left: -50px;
}


#navlist li{
list-style: none;
/*Ecartement vert des menus sous FF*/
padding-top:8px;
text-align:right;
}

* html #navlist li{
padding-left:0px;
}
*+html #navlist li{
text-align:left;
}

#navlist li a:hover {
color:#DBFE0A;
}
#navlist li a {
font-family:verdana;
color:white;
font-size:8pt;
}

#menu_left{
	background-repeat:no-repeat;
	background-position:top left;
	background-image: url("/Design_Site/images_css/bg-menu-left.jpg");
	float:left;
	z-index:1;
	position:relative;
	/*PARAMETRE IMPORTANT POUR APPARENCE DU MENU GAUCHE*/
	width: 18%;
	height:395px;
}

#menu_partenaire{
text-align:center;
position:absolute;
top:290px;
left:25px;


}
/*FIN TAGS MENU GAUCHE*/
/****************************/


#page_princ{
	/*top:150px;*/
	float:left;
	position:relative;
	left:0px;
	width:485px;
}
/*SPECIAL IE PAS TOUCHER*/
* html #page_princ{ /* IE HACK PAGE PRINCIPALE*/
	position:relative;
	left:0px;
	width:485px;
	}
#conteneur_menu_right{
	float:right;
	position:relative;
	height:375px;
	text-align:left;
	width: 137px;
	background-repeat:no-repeat;
	background-position:3px 0px;
	background-image: url("/Design_Site/images_css/bg-menu-right.jpg");
	min-height:690px;
}

* html #conteneur_menu_right{
	float:right;
	text-align:left;
	width: 122px;
}
#menu_right{
padding-top:50px;
padding-left:15px;
	float:left;
position:relative;
	text-align:left;
	width: 137px;

	
}

* html #menu_right{

	float:left;
	text-align:left;
	width: 122px;
}



#bottom{
	color:black;
	font-family:verdana; 
	font-size:10pt;
	font-weight:bold;
	position:relative;
	width: 770px;
	/*border: 1px solid navy;*/
	height:80px;
	text-align:center;
	background-color:#627904;
	background-repeat:no-repeat;
background-image: url("/Design_Site/images_css/bg-bottom.jpg");
	clear:both;
}
#bottom-list-liens{
	list-style-type: none; 
	margin-top:0px;
	margin-left:-30px;
	}
*html #bottom-list-liens{
	margin-left:0px;
}
#bottom-list-liens li{
	display:inline;
	}
#bottom-list-liens a{	
	font-size:12px;
}
#bottom-list-ref{
	list-style-type: none; 
	margin-top:-13px;
	margin-left:-30px;
	}
*html #bottom-list-ref{
	margin-left:0px;
}
#bottom-list-ref img{
	display:inline;
}
#bottom-list-ref li{
	display:inline;
	}
#bottom-list-ref a{	
	font-size:9px;
}
.avatar{
	margin-left:10%;
	float: left;
	text-align:center;
}
* html .avatar{
	margin-left:20px;
	float: left;
	text-align:center;
}





/****************************/
/*Cr?tion des boites arrondies*/

.roundedBox {
	margin-left:0px;
	margin-right:0px;
	margin-top:1px;
	text-align:left;
	height:100%;
	width:100%;
}

.boxTopLeft {
	background-image: url('Design_Site/images_css/box-top-left.gif');
}

.boxTopRight {
	background-image: url('Design_Site/images_css/box-top-right.gif');
	background-position: right top;
	background-repeat: no-repeat;
	height: 5px;
	font-size:1px;
}
									
.boxBottomLeft {
	background-image: url('Design_Site/images_css/box-bottom-left.gif');
}

.boxBottomRight {
	background-image: url('Design_Site/images_css/box-bottom-right.gif');
	background-position: right top;
	background-repeat: no-repeat;
	height: 6px;
	font-size:1px;
}
									
.boxContentLeft {
	background-color:#F5F5F5;
	background-image: url('Design_Site/images_css/box-left.gif');
	background-position: left top;
	background-repeat: repeat-y;
	height:97%;
}

* html .boxContentleft {
	height:100%;
}
									
.boxContentRight {
	background-image: url('Design_Site/images_css/box-right.gif');
	background-position: right top;
	background-repeat: repeat-y;
	color: #000;
	height:100%;
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
	padding-bottom:2px;
}

.roundedBox .block {
	float:left;
	margin-bottom:4px;
	margin-right:6px;
}
										
.roundedBox .blockalt {
	float:left;
	margin-bottom:16px;
	margin-right:6px;
}

* html .roundedBox .blockalt {
	float:left;
	margin-bottom:6px;
	margin-right:6px;
}

/****************************/
/*Boites fiche membre */

.box-323-145 {
	float:left;
	width:325px;
	height:135px;
	margin-bottom:8px;
}

* html .box-323-145 {
	margin:0px;
}
/* INFO BULLE */
a.info {
   position: relative;
}
a.menu_left link {
	font-family:verdana, sans-serif;
	font-size:17pt;
	font-weight:bold;
	color:navy;
	background-color:transparent;
	text-decoration:none;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
	width:150px;
   top: 10px; 
   left: 50px;

   background: white;

   padding: 3px;

   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}
* html a.info:hover span {
	width:150%;
	margin:0;
}
/* FIN TAGS INFO BULLE */


/* TAGS PLAN DU SITE*/

#plan {
	margin: 20px;
	}
#plan ul { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	color: #666666;
	}
#plan ul ul li { 
	background: url(/Design_Site/images_css/plan-puce.gif) no-repeat; 
	margin: 0; 
	padding: 6px 0 0 36px; 
	}
#plan ul ul li.dernier { 
	background-image: url(/Design_Site/images_css/plan-dernier.gif); 
	}
#plan a, #plan li a {
font-size:10px;
	color: #666;
	}
#plan a:hover, 
#plan li a:hover {
	color: #0066CC;
	}

/* FIN TAGS PLAN DU SITE*/
/****************************/

/****************************/
/***** LIGHT BOX **********/

#lightbox{
	font-family:verdana;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/overlay.png", sizingMethod="scale");
	}

/***** LIGHT BOX **********/
/****************************/