@charset "utf-8";
/* CSS Document */

.lmdj_les_modes_de_jeu_global {
	position:relative;
	float:left;
	width:920px;
	padding-left:20px;
	padding-right:20px;
	}
	
.lmdj_les_modes_de_jeu_visuel {
	position:relative;
	float:left;
	width:350px;
	height:540px;
	}
	
.lmdj_global_menu_et_descriptif {
	position:relative;
	float:right;
	width:550px;
	}
/*Début descriptif seul*/	
.lmdj_global_descriptif {
	position:relative;
	float:left;
	width:550px;
	}
	
.lmdj_global_descriptif h1 {
	color: #af0000;
    font-family: 'Ropa Sans', sans-serif;
	font-size:28px;
	line-height:28px;
	font-variant: small-caps;
	text-align:center;
	}
	
.lmdj_global_descriptif p {
	font-family: 'Ropa Sans', sans-serif;
	font-size:16px;
	text-align:justify;
	color:#464646;
	}
	
.lmdj_global_descriptif span {
	color:#af0000;
	}
/*Fin descriptif seul*/
/*-------------------*/
/*Début configuration conseillé*/	
.lmdj_global_config_conseille {
	position:relative;
	float:left;
	width:550px;
	}
	
.lmdj_global_config_conseille h1 {
	color: #af0000;
    font-family: 'Ropa Sans', sans-serif;
	font-size:28px;
	line-height:28px;
	font-variant: small-caps;
	text-align:center;
	}
	
.lmdj_global_config_conseille p {
	font-family: 'Ropa Sans', sans-serif;
	font-size:16px;
	text-align:center;
	color:#464646;
	}
/*Fin configuration conseillé*/
/*-------------------*/
/*Début creez votre propre mode*/	
.lmdj_global_creez_votre_propre_mode, .lmdj_global_explication_du_mode {
	position:relative;
	float:left;
	width:550px;
	}
	
.lmdj_creez_votre_propre_mode, .lmdj_explication_du_mode {
	position:relative;
	float:left;
	width:547px;
	box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.3);
	border-left:3px solid #3c4b8a;
	overflow:hidden;
	}
	
.lmdj_creez_votre_propre_mode h1, .lmdj_explication_du_mode h1 {
	font-size: 24px;
	font-variant: small-caps;
	background:url(../img/fleche_bleu_titre.png) left 4px no-repeat;
	padding:0px 10px 0 10px;
	color:#3c4b8a;
	font-family: 'Ropa Sans', sans-serif;
	margin-bottom:-12px;
	}
	
.lmdj_creez_votre_propre_mode p, .lmdj_explication_du_mode p {
	font-family: 'Ropa Sans', sans-serif;
	padding:0 10px 0 10px;
	text-align:justify;
	font-size:16px;
	color:#464646;
	}
	
.lmdj_creez_votre_propre_mode li, .lmdj_explication_du_mode li {
	list-style-type: none;
	color: #464646;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 16px;
	list-style-image: url(../img/point_bleu_liste_a_puce.png);
	margin-left:-13px;
	}
/*Fin creez votre propre mode*/	
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/	
/*Début style menu les modes de jeu*/
/* Principal */
.global_menu_LGE_lmdj {
	position:relative;
	float:left;
	}

#menu_LGE_lmdj{
        width: 240px;
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
		background:url(../img/fleche_menu_lmdj.png) no-repeat right 15px, url(../img/bg_menu_lmdj.jpg) no-repeat top center;
}

#menu_LGE_lmdj li{
        float: left;
        padding: 0;
        position: relative;
		background:url(../img/bg_li.jpg) no-repeat center bottom;
}

#menu_LGE_lmdj li:hover{
		background:url(../img/bg_li_hover.jpg) no-repeat center bottom;
		height:35px;
}

/*Début active*/
.ss_menu_LGE_lmdj_active, li#active{
		height:35px;
		margin-top:-5px;
		background: #6b89c9 !important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzZiODljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNjNGI4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjE0NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #6b89c9 1%, #3c4b8a 50%, #12144f 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6b89c9), color-stop(50%,#3c4b8a), color-stop(100%,#12144f)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6b89c9 1%,#3c4b8a 50%,#12144f 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6b89c9 1%,#3c4b8a 50%,#12144f 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6b89c9 1%,#3c4b8a 50%,#12144f 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #6b89c9 1%,#3c4b8a 50%,#12144f 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89c9', endColorstr='#12144f',GradientType=0 ) !important; /* IE6-8 */
}

.ss_menu_LGE_lmdj_active > a{
		color: #fff !important;
		font-size:20px !important;
		line-height:25px !important;
}
/*Fin active*/

#menu_LGE_lmdj a{
        float: left;
        height: 35px;
        padding-left:12px;
		padding-right:12px;
        color: #fff;
        font-family: 'Ropa Sans', sans-serif;
		font-size:20px;
		line-height:18px;
		font-variant: small-caps;
        text-decoration: none;
}

#menu_LGE_lmdj li:hover > a{
        color: #fff;
		font-size:20px;
		line-height:18px;
}

#menu_LGE_lmdj li:hover > ul{
        display: block;
}

/* Sous-menu_LGE */

#menu_LGE_lmdj ul{
    list-style: none;
	min-width: 240px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 21px;
    left: 0;
    z-index: 99999;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	clear:both;
}

#menu_LGE_lmdj ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	border:1px solid #3c4b8a;
	border-top:none;
	height:35px;
    background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#dcdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dcdcdc 99%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-8 */
}

#menu_LGE_lmdj ul li a {
	color:#000;
	line-height:25px;
	}

#menu_LGE_lmdj ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu_LGE_lmdj ul li:last-child:hover{
}

#menu_LGE_lmdj ul a{
	padding-top:5px;
	padding-bottom:5px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu_LGE_lmdj ul a:hover{
	font-size:20px;
	line-height:normal;
	height:35px;
	padding-left:12px;
	padding-bottom:0px;
	/*border-top:1px solid #3c4b8a;*/
	border-bottom:1px solid #3c4b8a;
	background-image:none;
	line-height:20px;
        background: #6b89c9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzZiODljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNjNGI4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjE0NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #6b89c9 1%, #3c4b8a 50%, #12144f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6b89c9), color-stop(50%,#3c4b8a), color-stop(100%,#12144f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6b89c9 1%,#3c4b8a 50%,#12144f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6b89c9 1%,#3c4b8a 50%,#12144f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6b89c9 1%,#3c4b8a 50%,#12144f 100%); /* IE10+ */
background: linear-gradient(to bottom, #6b89c9 1%,#3c4b8a 50%,#12144f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b89c9', endColorstr='#12144f',GradientType=0 ); /* IE6-8 */
}

#menu_LGE_lmdj ul li:first-child a{
    	font-size:20px;
		/*margin-top:4px;*/
		height:35px;
}

#menu_LGE_lmdj ul li:last-child a{
	    height:30px;
}

/* Rétablissement du flottement */
#menu_LGE_lmdj:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu_LGE_lmdj             { zoom: 1; } /* IE6 */
*:first-child+html #menu_LGE_lmdj { zoom: 1; } /* IE7 */
/*Fin style menu les modes de jeu*/
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/