@charset "utf-8";
/* CSS Document */
/* ---------------------------- */
/*								*/
/*	Réalisé par CM pour DJIT	*/
/*								*/
/* ---------------------------- */

/* -------------- Général ------------ */
*{
	font-style:normal;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
	color:#111111;
}

h2{
	margin:25px 0 0 0;	
	text-decoration:underline;
	font-size:20px;
	color:#070707;
}

h3{
	margin:25px 0 0 10px;	
	text-decoration:underline;
	font-size:18px;
	color:#070707;
}

p{
	margin:10px 20px;
	text-align:justify;
}

a{
	color:#F60;
	cursor:pointer;
}

a:hover{
	background-color:#cccccc;
}

ul{
	margin:10px 35px;
	text-align:justify;
}

.fleft{
	float:left;
}

.fright{
	float:right;
	margin-left:20px;
}

html,body{
	width:100%;
	height:100%;
	background:#D8D6D7;
	margin:0;
	padding:0;
}


#Fond{
	margin:0;
	padding:0;
	position:relative;
	background:url(img/Fond_milieu_e-Djing.png) repeat-y 50%;
	min-height:100%;
}
/* -------------- Fin Général ------------ */

/* -------------- Style de police ------------ */
#Liens_logo{
	font-style:normal;
	font-size:60px;
	text-decoration:none;
	display:block;
	position:absolute;
	left:10px;
	top:5px;
	background:none;
}


/* -------------- Header ------------ */
#Header {
	position:absolute;
	width:100%;
	background:url(img/Fond_Header_e-Djing.png) repeat-x;
	padding-bottom:15px;
	left:0;
	top:0;
}

#Header #Header_central{
	position:relative;
	margin:0 auto;
	width:1024px;
	height:116px;
}

#Header #Header_central a:hover{
}

#Header #Header_central img{
	position:absolute;
}

#Header #Fond_spectre{
	position:absolute;
	left:800px;
}
/* ------------ Fin Header ----------- */

/* ------------ Menu -------------------*/
#menu{
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;
	height:25px;
	position:absolute;
	top:83px;
	left:0px;
	display:block;
	background:url(img/barre_grise_e-Djing.jpg) no-repeat center center;
}

#menu li{
	display:block;
	float:left;
	height:100%;
}
	
#menu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	width:100%;
	height:100%;
	font-size:15px;
	padding:5px 0;
}
	
#menu li a:hover{	
	color:#000000;
}

#menu li.petit{
	width:94px;
}

#menu li.grand{
	width:132px;
}

#menu li.inscription{
	width:132px;
}

#menu li.petit a{
	background:url(img/onglet_petit_t2_e-Djing.png) no-repeat;
}
	
#menu li.petit a:hover{	
	background:url(img/onglet_petit_t1_e-Djing.png) no-repeat;	
}

#menu li.grand a{
	background:url(img/onglet_grand_t1_e-Djing.png) no-repeat;
}
	
#menu li.grand a:hover{	
	background:url(img/onglet_grand_t2_e-Djing.png) no-repeat;
}

#menu li.inscription a{
	background:url(img/onglet_grand_t3_e-Djing.png) no-repeat;
}
	
#menu li.inscription a:hover{	
	background:url(img/onglet_grand_t2_e-Djing.png) no-repeat;	
}

#menu li.currentpetit a{
	background:url(img/onglet_petit_t1_e-Djing.png) no-repeat;
	width:94px;
	color:#000000;
}

#menu li.currentgrand a{
	background:url(img/onglet_grand_t2_e-Djing.png) no-repeat;
	width:132px;
	color:#000000;
}

#menu li.drapeau a{
	background:none;
	height:auto;
}

#menu li.drapeau ul{
	display:none;
	position:absolute;
	top:25px;
	left:985px;
	background:#dddddd;
	border:#111111 solid 1px;
	z-index:100;
	margin:0;
	padding:0;
}

#menu li.drapeau:hover ul{
	display:block;
}

#menu li.drapeau li{
}

#menu li.drapeau li a{
	color:#111111;
	padding:5px 0;
	width:130px;
	text-align:left;
}

#menu li.drapeau ul li a img{
}

#menu li.drapeau li a:hover{
	background:#222222;
	color:#eeeeee;
}
/* ------------ Fin Menu -------------------*/

/* -------------- Corps ------------ */
#Fond #Fond_milieu{
	width:1050px;
	margin:0 auto;
	padding:130px 0 160px 0;
	min-height:100%;
	overflow:auto;
}

/* ------------------ partie gauche ---------------------- */
#Fond #Fond_milieu #left{
	float:left;
	width:265px;
}

#Fond #Fond_milieu #left #texte_gauche{
	height:280px;
	overflow: auto;
	padding-left:35px;
	padding-top:30px;
}

#Fond #Fond_milieu #left #texte_gauche h2{
	margin:0;
	font-weight:normal;
}

#Fond #Fond_milieu #left #texte_gauche p{
	margin:0;
}

#Fond #Fond_milieu #left #Fond_video{
	background:url(img/contenu/Fond_video_e-Djing.png) no-repeat;
	height:225px;
	margin:6px 0 0 20px;
	padding:21px 0 0 32px;
}

#Fond #Fond_milieu #left #Fond_video #cadreflash{
	width:182px;
	height:182px;
}

/* ---------------- partie droite --------------- */
#Fond #Fond_milieu #right{
	float:right;
	width:775px;
}

#Fond #Fond_milieu #right #Fond_texte_centre{
	position:relative;
	background:url(img/fond_grand_e-Djing.png) no-repeat;
	height:279px;
	padding:30px 40px 0 40px;
}

#Fond #Fond_milieu #right #Fond_texte_centre a{
	background:none;
	text-decoration:none;
}

#Fond #Fond_milieu #right #Free_acces{
	background:url(img/fond_free_access.png) no-repeat;
	height:106px;
}

#Fond #Fond_milieu #lienplatine{
	float:right;
	margin-right:35px;
	margin-top:25px;
	width:190px;
	height:53px;
	background:url(img/contenu/bouton_fress_acces_1_e-Djing.png) no-repeat;
}

#Fond #Fond_milieu #lienplatine:hover{
	background:url(img/contenu/bouton_fress_acces_2_e-Djing.png);
}

#Fond #Fond_milieu #right #conteneur_petit{
	margin-left:15px;
}

#Fond #Fond_milieu #right #conteneur_petit a{
	background:none;
	text-decoration:none;
}

#Fond #Fond_milieu #right .Fond_texte_petit{
	float:left;
	background:url(img/fond_petit_e-Djing.png) no-repeat;
	width:250px;
	height:120px;
}

#Fond #Fond_milieu #right .Fond_texte_petit img{
	margin:20px 15px 15px 25px;
}

#Fond #Fond_milieu #right .Fond_texte_petit p{
	margin-top:30px;
	font-size:20px;
}

#video_importee{
	padding:540px 0 30px 500px;
	background: url(img/fond_grand_e-Djing.png) no-repeat 273px 540px;
}

/* ---------------- partie centre --------------- */
#Fond #Fond_milieu #texte_centre img{
	margin-right:30px;
}

#Fond #Fond_milieu #texte_centre{
	margin-left:50px;
	overflow: auto;
	width:900px;
}

#Fond #Fond_milieu #texte_centre .partenaires{
	margin-top:15px;
	background-color:#ffffff;
	padding:15px;
	border:solid 1px #000000;
}

#Fond #Fond_milieu #texte_centre .partenaires .logo_partenaires{
	float:left;
	width:120px;
	margin:15px 45px 0 15px;
}

#Fond #Fond_milieu #texte_centre .partenaires h3{
	margin-top:10px;
	text-decoration:none;
}

#Fond #Fond_milieu #texte_centre .partenaires .lien{
	margin-bottom:10px;
}

#Fond #Fond_milieu #texte_centre .etape{
	float:left;
	width:300px;
	text-align:center;
}

#Fond #Fond_milieu #texte_centre .etape img{
	margin:25px 0 0 0;
}

#Fond #Fond_milieu #texte_centre #liste-aide{
	width:820px;
	margin:25px 0 25px 65px;
}

#Fond #Fond_milieu #texte_centre #liste-aide .titre{
	background:#333333;
	color:#ffffff;
	padding:2px 0 2px 50px;
	cursor:pointer;
	margin:2px 0 0 0;
}

#Fond #Fond_milieu #texte_centre #liste-aide .titre.selected{
	background:#ffffff;
	color:#000000;
	border-color:#aaaaaa;
	text-decoration:underline;
}

#Fond #Fond_milieu #texte_centre #liste-aide a{
	display:inline;
}

/* ------- Galerie photo ------- */
  .galerie{
	  list-style:none;
  }
  
  .galerie a{
	  display block;
	  float:left;
	  margin:15px 0 0 15px;
	  text-align:center;
	  width:120px;
	  height:140px;
	  border:1px solid #aaaaaa;
	  overflow:hidden;
	  text-decoration:none;
  }
  
  .galerie a:hover{
	  border-color:#F60;
	  color:#F60;
	  background:#eeeeee;
  }
  
  .galerie a p{
	  padding:0;
	  margin:0 5px;
	  text-align:center;
  }
  
  .galerie a:hover p{
	  color:#F60;
  }
  
  .galerie li img{
	  padding:0;
	  float:none;
	  width:80px;
	  display:block;
	  margin:5px 20px;
  }
/* ------- Fin Galerie photo ------- */

/* ----- Début du formulaire d'inscription ----- */
#loading{
	width:30px;
	margin:15px auto;
	display:none;
}

#loading p{
	font-size:20px;
	margin:0;
}

#loading img{
	margin:10px 0 0 20px;
}

#message{
	display:none;
	width:800px;
	margin:30px auto;
}

#message p{
	font-size:18px;
	color:#ff0000;
	text-align:center;
}

#imagePlatine{
	width:620px;
	margin:50px auto;
	display:none;
}

#inscription{
	width:850px;
	margin:10px auto;
}

#inscription h1{
	font-size:21px;
	border-bottom:solid #F60 1px;
}

#inscription h3{
	margin:40px 0 10px 0;
	font-size:16px;
	font-weight:normal;
}

#inscription #formulaire{
	padding:0 15px;
}

#inscription #formulaire label{
	margin-top:10px;
	display:block;
	color:#252525;
}

#inscription #formulaire label.error{
	color:#ff0000;
}

#inscription #formulaire input{  
    width:200px;  
    padding:5px;  
    color:#333333;  
    font-size:12px;  
    border:1px solid #aaaaaa;  
}

#inscription #formulaire input.error{  
    border-color:#ff0000;
	background-color:#ffd5d5;
}

#inscription #formulaire label.radio{
	display:inline;
	margin-left:15px;
}

#inscription #formulaire input.radio{
	width:auto;
	margin-left:25px;
}

#inscription #formulaire select{ 
	width:212px;
    padding:5px;
    color:#333333;  
    font-size:12px;
    border:1px solid #aaaaaa;
}

#inscription #formulaire select#jour, #inscription #formulaire select#mois{
	width:55px;
}
#inscription #formulaire select#annee{
	width:95px;
}

#inscription #formulaire label.checkbox{
	display:inline;
}

#inscription #formulaire input.checkbox{
	width:auto;
	margin:5px 15px;
}

#inscription #formulaire div span{
	color:#555555;
	font-size:12px;
	margin-left:15px;
}

#inscription #formulaire div span.error{
	color:#ff0000;
}

#inscription #formulaire input#send{
	width:150px;
	margin:50px 0 10px 350px;
	border-color:#ff6600;
}

#inscription #formulaire input#send:hover{
	background-color:#ff6600;
	color:#ffffff;
}
/* ------ Fin du formularie d'inscription ------ */

/* -------------- Bas de Page ------------ */
#Liens_tableau a{
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	color:#CCC;
	text-decoration:none;
	background:none;
}

.alignement_right{
	text-align: right ;
}

.alignement_left{
	text-align: left ;
}

#Bottom{
	position:absolute;
	bottom:0;
	width:100%;
	background-image:url(img/Fond_bas_e-Djing.png);
	height:140px;
	background-repeat:repeat-x;
}

#Bottom_liens{
	position:relative;
	margin:0 auto;
	padding:0;
	height:140px;
	width: 800px;	
}

#alignb{
	position:absolute;
	left:190px;
	top:10px;
}

#alignb2{
	position:absolute;
	left:590px;
	top:10px;
}
/* --------------Fin Bas de Page ------------ */