/*
Design du site Didja Online
Réalisé par Rémy GERNEZ (didja)
Design compatible toutes résolutions supérieures à 800x600
http://didja.online.fr
*/



/* --------------------------  STRUCTURE DU SITE    ------------------------- */

	/* Body  */


		body
		{

		  
		/* pour centrer dans IE */
		margin:0px;
		margin-top: 20px;
		margin-bottom: 20px;  
		text-align :center;
		
		background: url("imagesWhite/background.jpg") no-repeat fixed #9ea9af;
		padding : 0px;
		

		}
		
		.page /* Pour centrer dans autres navigateurs que IE */
		{
		
			width: 760px;
			
			position: relative;
			margin:20px auto;			/* auto pour centrer horizontalement la boite dans BODY pour le navigateurs autres que IE/WIN */

			padding: 0;
						
			
			text-align: left; /* pour annuler l'heritage de text-align:center de BODY */


			 
		}



	/* L'en-tête */

		#en_tete
		{

		width: 760px;
		height: 100px;
		background-image: url("imagesWhite/bandeau.jpg");
		background-repeat: no-repeat;
		margin-bottom: 15px;
		
		padding : 0px;
		
		text-align : center;
		
		border-style : none;
		margin-top : 0;
		
		
		}
		
		#en_tete a
		{
		color:orange;
		text-decoration : none;
		font-size : 10px;
		font-weight : bolder;
		}
		
		#en_tete a:visited, a:focus, a:active
		{
		color:orange;
		text-decoration : none;
		font-size : 10px;
		font-weight : bolder;
		}
		
		#en_tete a:hover
		{
		color:silver;
		text-decoration : none;
		font-size : 10px;
		font-weight : bolder;

		}
		
		
		 /*Bouton "Acceuil" */
		.bouton_acceuil
		{
		
		width : 55px;
		height : 16px;


		font-weight : bolder;
		
		position:absolute; 
		left:15px;
		top : 52px;

		padding : 0;
		
		text-align:left;		
		font-family : "Arial Black", Verdana, "Trebuchet MS", serif;
		font-size : 10px;
		text-decoration : none;
		}
		
		
		
	/*Bouton English Version */
		
		.bouton_en
		{
		
		width : 55px;
		height : 16px;

		text-decoration : none;
		font-weight :bolder;
		
		position:absolute; 
		left:15px;
		top : 12px;
		
		padding : 0;
		
		text-align:left;		
		font-family : "Arial Black", Verdana, "Trebuchet MS", serif;
		font-size : 10px;
		text-decoration : none;
		}
		
	/*Bouton French Version */
		
		.bouton_fr
		{
		
		width : 55px;
		height : 16px;

		text-decoration : none;
		font-weight : bolder;
		padding : 0;
		text-align:left;
		position:absolute; 
		left:15px;
		top : 32px;
				
				
		font-family : "Arial Black", Verdana, "Trebuchet MS", serif;
		font-size : 10px;
		text-decoration : none;
		}
		


	/* Le Block  menu */

		#menuSite
		{
		float: left;
		width: 135px;
		margin-bottom : 0px;
;
		}

	    /* Les Sous Menu */
		.sous_categorie
		{

	
		background-color: /* #626262 */ orange;
		background-image: /*url("images/motif.png");*/ url("imagesWhite/bandeauMenu.png");
		background-repeat: repeat-x;
   
		border: 1px solid #c8c9c9;
   
		margin-bottom: 20px;
		

		}
		





	/* Le corps de la page */
	
		/* Le Block Corps */
		
		#bloc_corps
		{
		width : 610px;
		
		
		margin :0px;
		margin-left: 145px;

		padding : 0px;
		


		
		}

		
		
		/* Le Corps */
		
		#corps
		{
		


		margin :0px;
		margin-bottom : 10px;
		padding: 10px;
		padding-bottom : 10px;
   
		color : #B3B3B3 ;
		font-size : 76%;
		font-weight : bold;
		background : #626262 /* url("images/motif.png")*/ url("imagesWhite/bandeauTitre.png") repeat-x;
   
		border: 1px solid #c8c9c9;

		
		
		}



	/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */


		#pied_de_page
		{
		
		height : 40px;
		padding-bottom: 5px;
		
		margin :0px;
   
		background-image: url("imagesWhite/bandeauTitre.png");
		background-repeat: repeat-x;
		background-color: #626262;
		border: 1px solid #c8c9c9;
   
		text-align: center;
		color: black;
		font-family : Verdana, "Comic Sans MS", "Trebuchet MS", serif;
		font-size : 55%;
		
		clear : both;

		}
		
		.texteFooter
		{
		position : relative;
		top : -50px;
		}
		
			
        #pied_de_page img.compteur
		{
		width : 90px;
		height : 20px;
		position : relative;
		top : 4px;
		
		}

		

		

		
		
		
/* ------------------------------------ MISE EN PAGE DU SITE ------------------------------------ */


	/* --------------- Quelques effets sur les menus --------------- */


		.sous_categorie h3
		{   
		color: #B3B3B3;
		font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
		/*text-align: center;*/
		position : relative;
		left : 30px;
		top : -13px;
		font-size : 15px;
		color : black;
		}

		.sous_categorie ul
		{
		list-style : /*url("images/puce_menu .png")*/ none;
		padding: 0px;
		padding-left: 5px;
		margin: 0px;
		margin-bottom: 5px;
		margin-top : -15px;
		}
		
		.sous_categorie li
		{
		text-decoration : none;
		font-weight : bold;
		}

		.sous_categorie a
		{
		color: black;
		font-family : Arial, Verdana, serif;
		font-size : 70%;
		text-decoration : none;
		font-weight : bold;
		}
		
		.sous_categorie a:visited
		{
		color: black;
		font-family : Arial, Verdana, serif;
		font-size : 70%;
		text-decoration : none;
		font-weight : bold;
		}

		.sous_categorie a:hover
		{
		background-color: silver;
		color: black;
		text-decoration : none;
		font-weight : bold;
		font-size : 71%;
		}
		
		.sous_categorie a b
		{
		color: black;
		text-decoration : blink;
		font-weight : bolder;
		
		}
		
		.sous_categorie hr
		{
		width : 125px;
		}
		


		
	

	/* -----------------  La Mise en Page du Corps ----------------- */
	
	
		/* Formatage du texte */
		
			#corps li
			{
			margin-left : 10px;
			}
			
			#corps
			{
			color: #B3B3B3;	
			font-family : Verdana, "Comic Sans MS", "Trebuchet MS", serif;
						
			color : #B3B3B3 ;
		    font-size : 76%;
		    font-weight : bold;
			}
	
	
		/*titres h1 */
		
			#corps h1
			{
			/*color: #B3B3B3;
			text-align: center;
			font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
			text-decoration : underline;*/
			
			font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
			color : black;
			text-align : center;
			font-family : Verdana, "Trebuchet MS", serif;
		    font-size : 175%;
		    font-weight: bold;
		    font-variant: small-caps;
			
			position : relative;
			top : -28.5px;
			
			}
			
		
		/*titres h2 */
		
			#corps h2
			{
			height: 30px;
			
			font-family : "Comic Sans Ms", serif;

			background-image: /*url("images/puce_titre2.png")*/ url("imagesWhite/h2.png") ; /* Affichages d'une petite image devant le titre */
			background-repeat: no-repeat;
			padding-left: 30px;
		
			color: #B3B3B3;
			text-align: left;
			}
			
		/*titres h3*/
			
			#corps h3
			{
			size : 82%;
			
			font-family : "Comic Sans Ms", serif;
	
			color: #B3B3B3;
			text-align: left;
			
						
			font-variant : small-caps;	

			text-indent : 15px;

			}


		/*titres h4*/
			
			#corps h4
			{
			size : 75%;
			
			font-family : "Comic Sans Ms", serif;
	
			color: #B3B3B3;
			text-align: left;
			
			font-style : italic;
			text-decoration : overline;
			
			text-indent : 22px;
			
			}

			
		/*titres h6 */
		
			#corps h6
			{
			font-size : 85%;
			}
			
		/*titres h5 */
		
			#corps h5
			{
			font-size : 150%;
			color : orange;
			font-family : "Arial Black" Arial, "Comic Sans MS", Verdana, serif;
			text-align : center;
			border: 2px solid #c8c9c9;
			padding : 5px;
			width : 320px;
			position : relative;
			left : 95px;
			text-decoration : none;
			font-weight : bolder;

			
			}
			
		/* paragraphes */	
			#corps p
			{
			
			text-indent : 20px;
			
			
			}

			
		/*Liens */

			#corps a 
			{
			color: white;
			font-size : 100%;
			text-decoration : underline;
			}

			#corps a:hover
			{
			color : black;
			background-color : #B3B3B3;
			text-decoration : underline;
			}

			#corps a:focus, a:active
			{
			color : white;
			text-decoration : underline;
			font-style : italic;
			}			

			
			#corps a:visited
			{
			color : white /*black*/;
			font-size : 100%;
			text-decoration : none;
			font-style : oblique;
			}
			
			
			/*listes*/
			#corps li
			{
			text-decoration : none;
			font-weight : bold;
			}
		
		

	/* ----------------- Attributs spéciaux ------------------------ */
	
		/*images flottantes (permettre aux images d'être entourées de texte */

			.image_flottante_gauche
			{
			float:left;
			margin : 5px;
			margin-bottom : 15px;
			margin-right : 10px;
			}

			
			.image_flottante_droite
			{
			float : right;
			margin : 5px;
			margin-bottom : 15px;
			margin-left : 10px;
			}
			
			/* Stop flottement */
			.flottante_stop_gauche
			{
			clear : left ;
			}

			.flottante_stop_droite
			{
			clear : right ;
			}
			
			.no_underline
			{
			text-decoration : none;
			}

/* ------------------------------ PAGES SPECIALE ------------------- */

	/* Livre d'or */
	
		#livreor_form
		{
			
			
			width : 350px;
			
			
			margin : 0px;
			margin-left : 40px;
			margin-top : 10px;
			margin-bottom : 5px;
			
			padding : 25px;
			padding-top : 10px;
			padding-bottom : 10px;
			
			border : 2px solid black;
			
			text-align : center;

		}
		

		
		#livreor_liens
		{
			text-align : center;
		}
		
		#livreor_bloc_affichage
		{
			border : 2px solid black;
			
			width : 530px;
			
			padding : 15px;
			
			margin : 0px;
			margin-left : 20px;
			margin-top : 10px;
			margin-bottom : 5px;
			
			
		}
		
		#livreor_affichage
		{
			
			width : 530px;
			
			
			overflow : auto;
			
			margin : 0px;
			
			padding : 0px;
			
			text-align : left;
		}
		
		#livreor_affichage em
		{
			font-family : Arial, serif;
			font-size : 80%;
			font-style : italic;
		}
	
	
	
	/* Mini-Chat */
		#mini_chat_form
		{
			border : 2px solid black;
			
			width : 350px;
			
			margin : 0px;
			margin-left : 120px;
			margin-top : 10px;
			margin-bottom : 5px;
			
			padding-bottom : 5px;
			
			border : 2px solid black;
			
			text-align : center;

		}
		

		
		#mini_chat_affichage
		{
			border : 2px solid black;
			
			width : 530px;
			
			margin : 0px;
			margin-left : 20px;
			margin-top : 10px;
			margin-bottom : 5px;
			
			padding : 15px;
			
			
			text-align : left;
			
			overflow : auto;
		}
		
		#mini_chat_affichage em
		{
			font-family : Arial, serif;
			font-size : 70%;
			font-style : italic;
		}
		
	 /* affichage des news */
		
		.affichage_news
		{
			border : 2px solid black;
			
			width : 530px;

			
			margin : 0px;
			margin-left : 20px;
			margin-top : 10px;
			margin-bottom : 5px;
			
			padding : 15px;
			
			

			
			overflow : auto;
			
			clear:right;
		}
		
		.titre_news
		{
		
		height : 21px;
		
		border : solid 1px black;
		/*background: url("images/fond_titre_h4_news.png") repeat-x; */
		
		padding : 5px;
		padding-bottom : 0px;

		background : url("imagesWhite/bandeauTitre.png");
		color : black;		
		font-family : Verdana, "Trebuchet MS", serif;
		font-size : 100%;
		font-weight: bold;
		font-variant: small-caps;
		
		text-indent : 30px;
				/*color: #B3B3B3;*/
		/*font-family: Arial, "Arial Black", "Times New Roman", Times, serif;*/
		/*text-align: center;*/
		/*position : relative;
		left : 30px;
		top : -11px;*/
		/*color : black;*/
		
		}
		

		
		.commentaires_news_bouton
		{

		clear: both;
		
		height : 15px;
		width : 130px;

		position:relative;
		bottom : 0px;
		left : 200px;
		

		
		text-align : center;
		
		border : solid 1px black;
		background:  repeat-x; 
		background-color : /*#8080c0*/ orange;
		
		padding : 2px;
		
		
		color : black;		
		font-family : Verdana, "Trebuchet MS", serif;
		font-size : 85%;
		
		
		}
		
		.commentaires_news_bouton a
		{
		color : black ;
		}
		
	/* Pages membres */
		.membres
		{
			border : 2px solid black;
			
			width : 530px;

			
			margin : 0px;
			margin-left : 20px;
			margin-top : 10px;
			margin-bottom : 5px;
			
			padding : 15px;
			
			
			text-align : left;
			
			overflow : auto;
			
			clear:right;
		}
		
		
	/* Liste compatible :a fficher image */
	
	

	#listeCompatible li
	{
		text-decoration: none; /* définition du lien qui affichera le "calque" */
	}
	
	#listeCompatible li:hover 
	{
		background: none; /* correction d'un bug IE */
	}
	
	#listeCompatible li span 
	{ /* définition de la balise <span> inclue dans <a> */
		display: none;
	}

	
	  #listeCompatible li:hover span
    { /* définition de la balise <span> au survol */
        display: inline;
        position: Fixed;
        top: 200px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
        right: 15px;
        width: 80px;
        height: 320px;
        background: #626262;
        text-align: center;
        color: #626262;
        border : solid 2px black;
        background-color : #c7cad2;
        padding : 10px;
        
    }
	

	/*CADRE IMPORTANT */
		.cadreImportant
		{
			border : solid 4px black;
			padding : 5px;
			padding-left : 10px;
			padding-right : 10px;
			
			margin : 10px;
		}
		
		
		
 /* _______________________Assistant au Montage_____________________*/
 
 
		.listeCalcled
		{
			
			font-weight : bold;
			text-decoration : none;
		}
			
		.tableau
		{
			width : 590px;
		}
		
		td 
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color : black;
			border-style : solid;
			border-width:2px;
			border-color : black;
			margin : 5px;
			padding : 5px;
		}

		table 
		{
			border-style : solid;
			border-width:2px;
			border-color : black;
			margin : 5px;
			padding : 5px;
		}
		
		.tableauFR td 
		{
			width : 590px;
			font-size : 9px;
		}
		
		
		#calcled
		{
			position : absolute;
			left : 140px;
			
			width : 617px;


		
		}
		
		.invisible
		{
		display : none;
		}