/* #################### TEST NV BD #################### */
body
{   width: 100px;
	font-family: Arial, Verdana,  "Times New Roman", serif;
	color: #ffffff;
	margin: left; 
	font-size: 13px;
	background-color: #e1e5fe;
}

/* #################### AFFICHAGE DU CORPS #################### */
#corps
{   float: left;
	width: 770px;
	padding: 0 0 0 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin: 0 0 0 0;
	
}

STRONG
{
color: orange;
}
	
/* ## AFFICHAGE DES BOITES ## */

DIV.fenetre { float:left; width: 777px; margin: 0 0 0 0; padding: 0 0 0 0; background-color:#e1e5fe; font-size: 1.1em;} 

DIV.vote { width: 400px; height:200px; margin-top: 0px; margin-bottom: 0px; background: url(../design_space/ardoise.gif) no-repeat;}

DIV.vote A:link, DIV.vote A:active, DIV.vote A:visited { 
		color : #ffffff;
		font-size: 12px;
		text-decoration: none;
		text-align:left}


DIV.vote A:hover {
		font-style:normal;
		color : #00D400}
 
 
 
 DIV.fenetre DIV.fenetre_haut { height: 30px; 
 background: url(/image/space_haut_accueil_vide.jpg) no-repeat;}
 
 DIV.retour_hdp
 {
 text-align:center;
 }
 
/*###############################################################*/
/*########### AFFICHAGE DES BOITE DES COMMENTAIRES DES TUTOS ################*/
/*###############################################################*/
DIV.comtuto { width: 710px; margin-top: 0px; margin-bottom: 5px;}

DIV.comtuto DIV.code {
		width: 650px;
		border-color: #ffffff;		
		border-style:dashed;
		border-width:1px;
		padding:5px 5px 5px 5px}
	


/*###################################################################*/
/* #################### AFFICHAGE DES TUTORIAUX  ####################*/	
/*###################################################################*/
	DIV.fenetre DIV.fenetre_haut_accueil {
        height: 43px;
        background: url(../design_space/images/space_haut_bienvenue.jpg) no-repeat;}
		
	DIV.fenetre DIV.fenetre_haut_news {
        height: 38px;
        background: url(../design_space/images/space_haut_news.jpg) no-repeat;}
        
        

		


/*###################################################################*/
/* #################### AFFICHAGE DES TUTORIAUX  V3  ################*/	
/*###################################################################*/
DIV.fenetre DIV.fenetre_simple {
        height: 4px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
        background: url(http://www.photoshop-creation.com/design_space/simple.gif) no-repeat;}


DIV.fenetre DIV.fenetre_haut_tutoriaux {
        height: 30px;
        background: url(http://www.photoshop-creation.com/design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_tutoriaux {
        height: 30px;
        background: url(../design_space/tuto_photoshop.jpg) no-repeat;}

DIV.fenetre DIV.fenetre_effet_images {
        height: 30px;
        background: url(../design_space/effets_image.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_creation_objets {
        height: 30px;
        background: url(../design_space/creation_objet.jpg) no-repeat;}

DIV.fenetre DIV.fenetre_effet_texte {
        height: 30px;
        background: url(../design_space/effet_texte.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_imageready {
        height: 30px;
        background: url(../design_space/imageready.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_textures {
        height: 30px;
        background: url(../design_space/textures.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_brush {
        height: 30px;
        background: url(../design_space/textures.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_outils {
        height: 30px;
        background: url(../design_space/outils_photoshop.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_site_web {
        height: 30px;
        background: url(../design_space/creer_site_web.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_flash {
        height: 30px;
        background: url(../design_space/flash.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_illustrator {
        height: 30px;
        background: url(../design_space/illustrator.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_scrapbook {
        height: 30px;
        background: url(../design_space/tuto_scrapbook.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_retouche {
        height: 30px;
        background: url(../design_space/retoucher_photos.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_top {
        height: 30px;
        background: url(../design_space/top_tuto.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_top_video {
        height: 30px;
        background: url(../design_space/top_tuto_video.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_10_derniers_tuto {
        height: 30px;
        background: url(../design_space/10_derniers_tuto.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_10_derniers_tuto_video {
        height: 30px;
        background: url(../design_space/10_derniers_tuto_video.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_tuto_video {
        height: 30px;
        background: url(../design_space/tuto_photoshop_video.jpg) no-repeat;}
        
DIV.fenetre DIV.fenetre_stats {
        height: 30px;
        background: url(../design_space/space_haut_stats.jpg) no-repeat;}
        

        

/*###################################################################*/
/* ################ FIN AFFICHAGE DES TUTORIAUX  V3  ################*/	
/*###################################################################*/
	
	DIV.pages DIV.mne  {float:left;
	padding-left:8px;
	width: 138px ; height: 24px;
	
	}
	
	DIV.pages DIV.mne2  {float:left;
	padding-left: 20px;
	width: 191px; height: 25px;
	
	}
	DIV.pages DIV.mne3  {float:left;
	padding-left:20px;
	width: 177px; height: 25px;
	
	}
	DIV.pages DIV.mne4 {float:left;
	padding-left:20px;
	width: 163px; height: 25px;
	
	}
	
	input.bouton {
	border:1px outset #0099FF;
	width:30px;
	font-weight:bold;
	cursor:pointer;
	}
	
	input.bouton:hover {
	width:30px;
	border:1px outset white;
	background-color:#0099FF;
	color:white;
	}
	
	input.bouton:active {
	width:30px;
	border:1px inset red;
	background-color:red;
	color:white;
	}
	
	DIV.pages DIV.classement_haut { width: 780px; margin-top: 0px; margin-bottom: 0px;}
	DIV.classement_haut H2{ /*FENETRE TITRE = h2 ; FENETRE SOUS TITRE = h3*/
		margin: 0px 0px 0px 8px;
		font-size:14px;
		text-align: left;
		font-weight:normal}
	DIV.pages DIV.classement { width: 780px; margin-bottom: 0px;}
	DIV.classement H2{ /*FENETRE TITRE = h2 ; FENETRE SOUS TITRE = h3*/
		
		font-family: arial, helvetica, sans-serif ; font-weight:bold;
		color: #ff9900;
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-size:14px;
		font-weight:normal}
	DIV.classement H3{ /*FENETRE TITRE = h2 ; FENETRE SOUS TITRE = h3*/
		margin: 10px 0px 10px 10px;
		font-size:14px;
		color:#ffffff;
		font-weight:normal;
		text-align: center;
		}

p 
{
line-height: 120%
}

/*###############################################################*/
/*##############                     FIN OPTIONS BOITE                             ################*/
/*###############################################################*/

    DIV.fenetre DIV.fenetre_milieu {
	height: 100%;
	line-height:130%;
    padding : 0px 15px 0px 15px;
	text-align:justify;
	margin:0;
    background: url(../design_space/images/space_millieu.jpg) repeat-y}
    
    DIV.fenetre DIV.fenetre_milieu_tuto {
	height: 100%;
    padding : 5px 15px 0px 15px;
	margin:0;
    background: url(../design_space/images/space_millieu.jpg) repeat-y}
	
	DIV.fenetre DIV.fenetre_milieu_top {
	height: 365px;
    padding : 5px 15px 0px 15px;
	margin-top:0px;
    background: url(../design_space/images/space_millieu.jpg) repeat-y}
	
	DIV.fenetre DIV.fenetre_milieu P{
	padding : 10px 0px 0px 5px;
	margin: 0 0 0 0}

/* AFFICHAGE DES STATS PRINCIPALE */

	DIV.fenetre_milieu DIV.stats{
	height: 98px;
	width:750px;
    padding : 2px 0px 0px 5px;
    background: url(../stats.jpg) no-repeat}
    
    
    DIV.stats DIV.stats_image{
    padding-top:11px;
    padding-right:25px;
    float: left;
	height: 75px;
	width:160px;
	}
    
    DIV.stats DIV.stats1 {
    float: left;
		padding-top:20px;
		padding-right:23px;
		width:285px;
		padding-left:15px;
		font-weight: none;
		text-align:justify;
		line-height:110%;
		color: #ffffff;
		}
		
	DIV.stats DIV.stats2 {
	float: left;
	font-size: 90%;
	line-height:120%;
		padding-top:20px;
		width:200px;
		padding-left:15px;
		font-weight: none;
		text-align:left;
		color: #ffffff;
		}
	DIV.stats DIV.stats3 {
	float: left;
		padding-top:0px;
		width:730px;
		padding-left:15px;
		font-weight: bold;
		text-align:left;
		color: #ffffff;
		}

/* AFFICHAGE DES TOPS */


	DIV.fenetre DIV.fenetre_top1 H3{
		vertical-align: middle;
		font-size:12px;
		color: #ffffff;
		margin: 10px 10px 0px 10px;
		font-weight:bold}
		
	DIV.fenetre DIV.fenetre_top2 H3{
		vertical-align: middle;
		font-size:12px;
		color: #ffffff;
		margin: 10px 10px 0px 10px;
		font-weight:bold}
		
	DIV.fenetre DIV.fenetre_top3 H3{
		vertical-align: middle;
		font-size:12px;
		color: #ffffff;
		margin: 10px 10px 0px 10px;
		font-weight:bold}
		
	DIV.fenetre DIV.fenetre_top4 H3{
		vertical-align: middle;
		font-size:12px;
		color: #ffffff;
		margin: 10px 10px 0px 10px;
		font-weight:bold}		
        
	DIV.fenetre DIV.fenetre_top1{
		width:365px;height:180px; 
        float:left; padding-top:0px; margin-left:5px;  padding-bottom:0px; 
        
		background: url(../design_space/derniers.jpg) no-repeat;}
		
	DIV.fenetre DIV.fenetre_top2{
		width:365px;height:180px; 
        float:right; padding-top:0px; margin-right:0px; padding-bottom:0px;
        
		background: url(../design_space/top10.jpg) no-repeat;}
		
	DIV.fenetre DIV.fenetre_top3{
		width:365px;height:180px; 
        float:left; padding-top:0px; margin-left:5px;  padding-bottom:0px; 
        
		background: url(../design_space/top10_lus.jpg) no-repeat;}
		
	DIV.fenetre DIV.fenetre_top4{
		width:365px;height:180px; 
        float:right; padding-top:0px; margin-right:0px; padding-bottom:0px;
        
		background: url(../design_space/hazard.jpg) no-repeat;}        

		

	DIV.fenetre DIV.fenetre_bas {
        height: 22px;
		margin-top: 0px;
        background: url(../design_space/images/space_bas.jpg) no-repeat}

    DIV.fenetre H2, DIV.fenetre H3 { /*FENETRE TITRE = h2 ; FENETRE SOUS TITRE = h3*/
		margin: 0px 0px 0px 0px;
		font-size:12px;
		height: 13px;
		font-weight:normal}

    DIV.fenetre H2 {
		float: left;
		padding-left:15px;
		font-weight: bold;
		padding-top:7px;
        	width: 500px;
        	color: #ffffff;
		}
		
    DIV.fenetre .middle {
		float: left;
		border: 0px;
		padding-left:9px;
		padding-right:10px;
		vertical-align: middle;
		background: url(../images/rss.gif) repeat-y;
		height: 16px;
		width: 36px;
		}
	

    DIV.fenetre H3 { color: maroon; padding-top:10px; margin-bottom:0}
	
	DIV.fenetre DIV#cssgenerator{text-align:center}
	
	DIV.fenetre DIV.code { /*  Fenêtre  code */ 
		border-color: yellow;
		background-color: #ffffcc;
		color: black;
		border-style:dashed;
		border-width:1px;
		margin-right:0px;
		padding:5px 5px 5px 5px}
		
	DIV.fenetre DIV.code  A:link,  A:active,  A:visited { /*  Lien spécifique pour les lien dans les balises code */ 
		color : red;
		
		text-decoration: none;
		text-align:left}

	DIV.fenetre DIV.code  A:hover { /*  FIN Lien spécifique pour les lien dans les balises code */
		font-style:normal;
		color : #00D400}
	
	
	DIV.fenetre DIV.code2 { /*  Fenêtre  code */
		background-color:#e1e5fe;
		border-color: #99ccff;
		color:#000000;		
		border-style:dashed;
		border-width:1px;
		line-height:130%;
		padding:5px 5px 5px 5px}
	

	DIV.fenetre A:link, DIV.fenetre A:active, DIV.fenetre A:visited { 
		color : #ffffff;
		font-style:normal;
		font-size: 12px;
		text-decoration: none;
		text-align:center}

	DIV.fenetre A:hover {
		font-style:normal;
		color : yellow}
		
/* ########### PUB HEADER  ################ */

	DIV.adcense { height: 15px; width: 740px; margin: 10px 0 13px 0px;
	float: left; padding: 0 0 0 50px; text-align: left;
	}
/* ########### PUB FOOTER  ################ */

	DIV.pub_partenaire {margin-top: 50px;}

	DIV.pub2_partenaire {margin-top: 22px;
			margin-left: 261px}


	DIV#google {text-align:center;}


/* ######## HEADER ################ */

	DIV#logo {		
			float:left;
			width: 982px;
			}
			
	SPAN.red {
	color:red;
	}


/* ###################### FOOTER ################################# */

	DIV#footer {
			background-image: url(../design_space/footer.jpg);
			margin-bottom: 5px;
			width: 990px;
			height: 126px;
			float:left; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll}
			
	DIV#footer P{text-align:center} 



	
	/* #################### AFFICHAGE DU MENU############## */

DIV#menu2
	{
	width: 0px; float: left; margin: 18px 0px 10px 10px;
	} 
		
ul#menu
{
	margin: 0 0 0 -4px;
	padding: 0 0 0 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu DIV.header_menu {
		font-size: 13px;
		width: 100px;
        color: #ffff00;
		text-align: center;
		height: 19px; background: url() no-repeat;
		margin: 10px 0px 0px 0px;
		padding: 2px 0 0 0 ;
		}
		
ul#menu DIV.bottom {
			width: 205px;
        	height: 13px;
        	background: url() no-repeat;
	
		}
		
ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 205px ;
	line-height: 25px ;
	text-indent: 22px ; /* On décale le texte de 40px du bord gauche */
	color : #ffffff;
	font-size: 13px;
	text-decoration: none ;
	background: url(../design_space/images/test.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

ul#menu li a:hover
{
	text-indent: 22px ; /* On décale le texte de 40px du bord gauche */
	color : #ffff00;
	background: url() no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}
	/* #################### AFFICHAGE PLAN DU SITE #################### */

	DIV#plan{ width: 129px;  margin-left:0px; margin-right:0px; margin-top: 10px;background-color:black} 

	DIV#plan h3 {
		text-align:left;
		font-size: 16px;
		height: 19px;
        color: #666699;
		margin: 0px;
		padding:4px 0px 0px 8px}

		DIV#plan_du_site UL{
		text-align:left;
		list-style-type: none;
		width: 150px;
		margin: 0;
		padding:0}
	
	DIV#plan LI {padding-left:0px;padding-right:10px; height: 14px;list-style-type:none;background-color:red}
	

	DIV#plan A:link, DIV#plan A:active, DIV#plan A:visited { 
		color : #666699;
		font-size: 12px;
		text-decoration: none;
		text-align:left}


	DIV#plan A:hover {
		font-style:normal;
		color : #00D400}


/* #################### CENTRAGE DE  LA NEWS LETTER #################### */

DIV.nl {padding-left: 100px}

/* #################### CENTRAGE DE LA REPONSE DE LA NEWS LETTER #################### */

DIV.rep_nl { 
		color:#0066FF;
		font-weight: bold;
		font-size: 16px;
		text-align: center}
/* #################### alerte #################### */

DIV.alerte { 
		color:red;
		font-weight: bold;
		font-size: 12px;
		text-align: center}


/* #################### affichage bouton tutoriaux V3#################### */

DIV.htm2 { margin-left:250px; padding-top: 5px;
		color:#000000;
		font-weight: bold;
        }
	
		
/* #################### affichage bouton tutoriaux VIDEO V3#################### */

DIV.htm2_video { margin-left:345px ; padding-top:5px;
		color:#000000;
		font-weight: bold;
         }

/* #################### affichage bouton pdf #################### */
/* affichage bouton pdf */
DIV.pdf2 {float:left; margin-left:8px !important; margin-left:9px !important; margin-right:0px; margin-top: 16px;
		height: 22px;
		width: 157px;
		font-weight: bold;
		padding-top:3px;
		text-align:center;
         }

/* #################### AFFICHAGE DES  BOITES V3#################### */

DIV.smallfenetre2 { width: 777px; margin-bottom:5px; float:left; } 

    DIV.smallfenetre2 DIV.smallfenetre_haut2 {
        height: 38px;
        background: url(../design_space/images/space_haut.jpg) no-repeat;}

/* #################### AFFICHAGE DES  BOITES V3 ACCUEIL #################### */
		
	DIV.smallfenetre2 DIV.smallfenetre_haut_accueil {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}		

/* #################### AFFICHAGE DES  BOITES V3 TUTOCS2#################### */
		
	DIV.smallfenetre2 DIV.smallfenetre_haut_tutoriaux {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
		
/* #################### AFFICHAGE DES  BOITES V3 BASESCS2#################### */

	DIV.smallfenetre2 DIV.smallfenetre_haut_basescs2 {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
		
		
		
	DIV.smallfenetre2  DIV.smallfenetre_haut_livre3 {
        height: 22px;
        background: url(../design_space/images/space_haut_b_a_s.jpg) no-repeat;}
		
		
	DIV.smallfenetre2  DIV.smallfenetre_haut_livre2 {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
		
/* #################### AFFICHAGE DES  BOITES VIDEO#################### */		
		
    DIV.smallfenetre2 DIV.smallfenetre_haut_tutoriaux_video {
        height: 30px;
		
        background: url(../design_space/images/space_haut_tuto_video.jpg) no-repeat;}
		
/* #################### AFFICHAGE DES  BOITES V3 SCRAPBOOKING #################### */
	
		
	DIV.smallfenetre2 DIV.smallfenetre_haut_scrap {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
		
/* #################### AFFICHAGE DES  BOITES V3 FLASH #################### */
		
		
	DIV.smallfenetre2 DIV.smallfenetre_haut_flash {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}

/* #################### AFFICHAGE DES  BOITES V3 RETOUCHE #################### */
		
	DIV.smallfenetre2 DIV.smallfenetre_haut_retouche {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
		
/* #################### AFFICHAGE DES  BOITES V3 SITE #################### */
		
	DIV.smallfenetre2 DIV.smallfenetre_haut_site {
        height: 30px;
        background: url(../design_space/images/space_haut_accueil_vide.jpg) no-repeat;}
		

    DIV.smallfenetre2 DIV.smallfenetre_milieu2 {
       
		height: 144px;
        background: url(../design_space/images/space_millieu_tuto.jpg) repeat-y ; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:0px}
		
	DIV.smallfenetre2 DIV.smallfenetre_cadre{
		width:588px;height:25px;
        float:left; padding-top:0px; padding-bottom:7px;
		background: url(tuto_01.jpg) no-repeat; }
        
    DIV.smallfenetre2 DIV.smallfenetre_cadre2{
		width:350px;height:137px; 
        float:left; padding-top:0px; padding-bottom:0px;padding-right:10px; text-align:justify;
        
		background: url(tuto_02.jpg) no-repeat;}
		
	DIV.smallfenetre2 DIV.smallfenetre_cadre3{
		width:218px;height:137px;
        float:left; padding-bottom:0px;
		background: url(tuto_03.jpg) no-repeat;
		}
		
	DIV.smallfenetre_cadre3 A:link, DIV.smallfenetre_cadre3 A:active, DIV.smallfenetre_cadre3 A:visited { 
		color : #ffffff;
		font-size: 12px;
		text-decoration: none;
		text-align:center}
		
	DIV.fenetre_connect A:smallfenetre_cadre3 {
		font-style:normal;
		color : #00D400}

	
	DIV.smallfenetre2 H3{
		vertical-align: middle;
		font-size:12px;
		color: #ffffff;
		margin: 20px 10px 0px 10px;
		font-weight:bold}

		
	
	DIV.smallfenetre2 DIV.smallfenetre_milieu3 {
        
		height: 100%;
        background: url(../design_space/images/space_millieu_tuto.jpg) repeat-y ; padding-left:15px; padding-right:20px; padding-top:10px; padding-bottom:0px}

	DIV.smallfenetre2 DIV.smallfenetre_milieu2_video {
       
		height: 220px;
        background: url(../design_space/images/space_millieu_tuto.jpg) repeat-y ; padding-left:15px; padding-right:20px; padding-top:10px; padding-bottom:0px}
		
	DIV.smallfenetre2 DIV.smallfenetre_milieu2_livre {
        height:1200px;
        background: url(../design_space/images/space_millieu_tuto.jpg) repeat-y ; padding-left:15px; padding-right:20px; padding-top:10px; padding-bottom:0px}

    DIV.smallfenetre2 DIV.smallfenetre_bas2 {
        height: 26px;
        background: url(../design_space/images/space_bas_tuto.jpg) no-repeat; margin-bottom:0px}
	
	DIV.smallfenetre2 DIV.smallfenetre_bas3 {
        height: 10px;
        background: url(../design_space/images/space_bas.jpg) no-repeat; margin-bottom:0px}
		
	DIV.smallfenetre2 DIV.smallfenetre_bas2_video {
        height: 26px;
        background: url(../design_space/images/space_bas_tuto_video.jpg) no-repeat; margin-bottom:0px}

    DIV.smallfenetre2 H2{
	font-size:12px;
		width: 200px;
		
		float: right;
		padding-right:5px;
		text-align:right;
		margin: 7px 0px 0px 7px;
		font-weight:bold}
		
	DIV.smallfenetre2 H4{
	font-size:12px;
		width: 500px;
		float: left;
		padding-left:20px;
		margin: 7px 0px 0px 0px;
		text-align:left;
		font-weight:bold}
	
	.version {
	color:#ff9933;
	}
	
	DIV.gauche2 {float:left; margin-right:10px; }
	DIV.droite2 {float:left; }
	
		/* spécial boite tuto */
		
	DIV.smallfenetre2 img.left {float:left;padding-left:5px;padding-right:10px;}
	DIV.smallfenetre2 DIV.right2 {padding : 0px 0px 0px 169px;}
	DIV.smallfenetre2 DIV.right2_video {padding : 10px 0px 0px 210px;}
	
	DIV.smallfenetre2 A:link, DIV.smallfenetre2 A:active, DIV.smallfenetre2 A:visited { 
		color : #ffffff;
		font-size: 12px;
		text-decoration: none;
		text-align:center}
	
	
	DIV.smallfenetre2 A:hover {
		font-style:normal;
		color : #00D400}	


	DIV.pages A:link, DIV.pages A:active, DIV.pages A:visited { 
		color : #ffffff;
		font-size: 12px;
		text-decoration: none;
		text-align:center}

	DIV.pages A:hover {
		font-style:normal;
		color : #00D400}
		
	DIV.pages {
		float:left;
		margin-bottom:7px !important;margin-bottom:10px;
		margin-top:-3px !important; margin-top:-3px;}

	DIV.pages_astuces A:link, DIV.pages_astuces A:active, DIV.pages_astuces A:visited { 
		color : #666699;
		font-size: 12px;
		text-decoration: none;
		text-align:center}

	DIV.pages_astuces A:hover {
		font-style:normal;
		color : #00D400}

	DIV.pages_astuces {
		float:left;
		margin-bottom:5px !important; margin-bottom:-13px;
		margin-top:-9px !important; margin-top:-9px;
		padding:0}

	DIV.pages2 {
		float:left;
		padding-bottom:3px;
		margin-top:-7px;
		padding:0}

		SPAN.bordo{color:#990000}

/*####################AFFICHAGE DU LIVRE D OR#######################################*/

DIV.smallfenetre_tuto { width: 781px; margin-bottom:0px; float:left; } 

    DIV.smallfenetre_tuto  DIV.smallfenetre_haut_tuto  {
        height: 38px;
        background: url(../design_space/images/space_haut.jpg) no-repeat;}

    DIV.smallfenetre_tuto  DIV.smallfenetre_milieu_tuto  {
        background: url(../design_space/images/space_millieu.jpg) repeat-y ; padding-left:15px; padding-right:20px; padding-top:0px; padding-bottom:0px}


    DIV.smallfenetre_tuto  DIV.smallfenetre_bas_tuto  {
        height: 20px;
        background: url(../design_space/images/space_bas.jpg) no-repeat; margin-bottom:0px}

    DIV.smallfenetre_tuto  H2{
	font-size:12px;
		width: 600px;
		color: #ffffff;
		float: left;
		padding-left:15px;
		margin: 4px 0px 0px 5px;
		font-weight:bold}
/* #################### AFFICHAGE DE L ADMINISTRATION DES TUTORIAUX V3#################### */
table
{
float:left;
width: 700px;
border-spacing: 0px;
border-collapse: collapse;
border: 0px blue solid;
text-align: left;
}
td
{
font-family: arial;
font-size: 10pt;
color: #000000;
margin: 1px;
border: 0px blue solid;
text-align: left;
}
th
{
border-spacing: 0px;
border-collapse: collapse;
border: 0px blue solid;
text-align: left;
}
        


DIV.fenetre DIV.fenetre_infos 
{height: 58px; margin-left:6px; width: 771px; 
background: url(../evo.jpg) no-repeat; color:#e1e5fe;;
}

DIV.fenetre DIV.fenetre_partenaires 
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(../partenaires.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_discutons 
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(../discutons.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_5tutos  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(top10.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_direct  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(direct_forum.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_ressources  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(../design_space/ressources.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(news.jpg) no-repeat;
}
		
/* ## V3.02 du site## */
		

DIV.fenetretp { float:left; width: 990px; margin-top: 0px; margin-bottom: 0px; } 

    DIV.fenetretp DIV.fenetretp_haut {
        height: 30px;
        background: url(../design_space/news-site-tutoriaux_01.png) no-repeat; }
		
DIV.fenetretp DIV.fenetretp_milieu {
	height: 100%;
    padding : 5px 15px 0px 15px;
	margin:0;
    background: url(../design_space/news-site-tutoriaux_02.png) repeat-y}
	
	DIV.fenetretp DIV.fenetretp_milieu P{
	padding : 5px 0px 0px 5px;
	margin:0}




	DIV.fenetretp DIV.fenetretp_bas {
        height: 35px;
	margin-top: 0px;
        background: url(../design_space/news-site-tutoriaux_03.jpg) no-repeat}

    DIV.fenetretp H2, DIV.fenetretp H3 { /*FENETRE TITRE = h2 ; FENETRE SOUS TITRE = h3*/
		margin: 0px 0px 0px 0px;
		font-size:12px;
		height: 13px;
		font-weight:normal}

    DIV.fenetretp H2 {
		float: left;
		padding-left:15px;
		font-weight: bold;
		padding-top:3px;
        	width: 300px;
        	color: #ffffff;
		}
    DIV.fenetretp .middle {
		float: left;
		border: 0px;
		padding-left:9px;
		padding-right:10px;
		vertical-align: middle;
		background: url(../images/rss.gif) repeat-y;
		height: 16px;
		width: 36px;
		}
	

    DIV.fenetretp H3 { color: maroon; padding-top:10px; margin-bottom:0}
	
	DIV.fenetretp DIV#cssgenerator{text-align:center}
	DIV.fenetretp DIV.codetp {
		border-color: white;		
		border-style:dashed;
		border-width:1px;
		margin-right:30px;
		padding:5px 5px 5px 5px}
	
	DIV.fenetretp DIV.codetp2 {
		border-color: white;		
		border-style:dashed;
		border-width:1px;
		padding:5px 5px 5px 5px}


	DIV.fenetretp A:link, DIV.fenetretp A:active, DIV.fenetretp A:visited { 
		color : #ffffff;
		font-style:normal;
		font-size: 12px;
		text-decoration: none;
		text-align:center}

	DIV.fenetretp A:hover {
		font-style:normal;
		color : #00D400}
		
		DIV.fenetretp DIV.righttp {padding : 0px 0px 0px 190px;}
		DIV.fenetretp  img.lefttp  {float:left;}
		
/* #################### affichage bouton tutoriaux#################### */

DIV.htmtp2 {float:left; padding-left:685px;
		color:#000000;
		font-weight: bold;
		padding-top:7px;
		text-align:center;
        }
		
DIV.pdftp2 {float:left; padding-left:850px;
		color:#000000;
		font-weight: bold;
		padding-top:0px;
		text-align:center;
        }
		
DIV .Style1 {font-size: 12px; color: #ffffff}
.Style2 {color: #ffffff}

DIV.fenetre_chat { width: 750px; margin-top: 0px; margin-bottom: 0px; background-color:#e1e5fe;} 

    DIV.fenetre_chat DIV.fenetre_chat_haut {
        height: 46px;
        background: url(../img/chat_haut.jpg) no-repeat; }
		
DIV.fenetre_chat DIV.fenetre_chat_milieu {
	height: 668px;
    padding :0px 5px 0px 20px;
    background: url(../img/chat_milieu.jpg) repeat-y}
	
DIV.fenetre_chat DIV.fenetre_chat_bas {
        height: 36px;
		padding-top: 0px;
		text-align:center;
        background: url(../img/chat_bas.jpg) no-repeat}
        
/*** Mise en forme du formulaire ***/

#mxform {
	border: none;
	margin: 0;
	padding: 0;
	width: 40em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 2.5em arial, hevetica, sans-serif;
	color: orange;
	background: #e1e5fe;
	margin: 0;
	padding: .5em;
}
#titreForm, #piedForm {
	text-align: center; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0px solid #ffffff;
	color: #e1e5fe;
	background: #e1e5fe;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	color: #ffffff;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #ffffff;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
	color: #ffffff;
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #ffffff;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
/*** Mise en forme générale de la page ***/

p#notes {
	border-bottom: 1px dotted black;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted black;
	padding-top: 1em;
}
code {
	font-size: .9em;
	
}
html>body code {
	font-size: 1.3em;
}

h4 {
	
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align:justify;
	line-height:140%;
}
.deca {
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	color: #ffff00;
	line-height:130%;}
.important {
	font-weight: bold;
	font-size: 16px;
	color: #ff9933;
	}
ul.news {
   border-top: 1px solid #FFFFFF;
   list-style: none;
   margin-left: 0;
   border-top: none;
}
ul.news li {
   padding: 5px 0 4px 0;
   border-bottom: 1px solid #CCCCCC;
}
ul.news li {
   padding: 0 0 4px 0;
   margin-bottom: 5px;
   margin-left: 0;
   border-bottom-color: #E0E0E0;
}

DIV.classement A:link
{ 
		color:#ffffff;
		font-weight: bold;
		font-size: 12px;
		background-color:#999999;
		text-decoration: none;
		padding:0px 6px;
		margin-left:2px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff}

DIV.classement A:visited { 
		color:#ffffff;
		font-weight: bold;
		font-size: 12px;
		background-color:#999999;
		text-decoration: none;
		padding:0px 6px;
		margin-left:2px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff}
		
DIV.classement A:active {
		color:#ffffff;
		font-weight: bold;
		font-size: 12px;
		background-color:ff6600;
		text-decoration: none;
		padding:0px 6px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff}

DIV.classement A:hover {
		padding:0px 6px;
		font-weight: bold;
		font-size: 12px;
		color : #ffffff;
		background-color:#ff6600;
		border-color:ffffff}
		
.visite

{ 
		color:#ffff00;
		font-weight: bold;
		font-size: 18px;
		background-color:#999999;
		text-decoration: none;
		margin-left:2px;
		border-style:solid;
		border-width:1px;
		border-color:#ffff00
}

DIV.pubpagetuto

{
height:80px;
text-align:center;
padding-top:31px;
padding-left:1px;
width: 750px; margin-bottom:5px; float:left; 
background: url(publicite.jpg) no-repeat  center;
}

.false
{
padding-left:3px;
padding-right:3px;
color:#ffffff;
background-color: #ff6633;
}
	
.true
{
padding-left:3px;
padding-right:3px;
color:#ffffff;
background-color: #669966;
}		
		
.true A:link, .true A:active, .true A:visited { 
		color : #ffffff;
		font-size: 12px;
		text-decoration: none;
		text-align:left}


	.true A:hover {
		font-style:normal;
		color : #00D400}
		
/* css des bbcodes */







/*** Pour fixer la taille des bouton BBcode ***/
input.boutton
{margin-left:2px;
	width: 30px;
}

input.boutton_2
{ margin-left:2px;
	width: 45px;
}
/*** Fin de la taille des boutons BBcode ***/

/*** Pour le nom des fonction dans la coloration des codes ***/
a.php_liens, a.php_liens:active, a.php_liens:visited
{
	text-decoration: none;
}

a.php_liens:hover
{
	text-decoration: underline;
}
/*** Fin des liens des fonction dans la coloration des codes ***/

div.code /* Pour le style des cadres contenant les codes colorés */
{
	overflow: auto;
	width: 99%;
	border: 1px solid black;
	
	/*padding-left: 5px;*/
	
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
}

div.bbcode /* Pour le div contenant tout le BBcode (smiley, bouton, textarea) */
{
	width: 710px;
	color:#ffffff;
	margin:auto;
}

/*** Définition le style du div donnant le nombre de tag ouvert et les infos sur les boutons BBcode ***/
div.infos
{	
	font-size: 14px;
	font-weight:bold;
	color:#FF9900;
}
/*** Fin de la définition du div donnant le nombre de tag ouvert et les infos sur les boutons BBcode ***/

/*** Définition du div permettant l'affichage de la prévisualisation instantannée ***/
div#prev_text
{
	border: 1px solid #ff6600;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFFF;
	color:#000000;
	width: 680px;
	height: 250px;
	overflow: auto;
}
/*** Fin de la définition du div permettant l'affichage de la prévisualisation instantannée ***/

/*** Définition le style et le positionnement du tableau contenant les smiley ***/
table.smiley
{
	float: left; margin-top: 10px;
	margin-right: 15px;
}
/*** Fin de la définition du style et du positionnement du tableau contenant les smiley ***/

/*** Définition du style pour les span ***/
span.b
{
	font-weight: bold;
}

span.i
{
	font-style: italic;
}

span.o
{
	text-decoration: overline;
}

span.s
{
	text-decoration: line-through;
}

span.u
{
	text-decoration: underline;
}
/*** Fin de définition du style pour les span ***/

blockquote
{
	color: grey;
	/*font-size: 13px;*/
	
	background-color: white;
	border: 1px solid black;
	
	line-height: 50%;
	
	/*padding: 5px;*/
}

span.quote_gras
{
	color: black;
	font-size: 15px;
	font-weight: bold;
}

span.quote_italic
{
	color: black;
	font-size:15px;
	font-style: italic;
}
/*** Fin de la définition du style pour les span ***/

.orange
{
color:#ff9966;
}		



ul.nombre
{
   list-style-type: decimal;
   margin-top:5px;
   margin-bottom:5px;
}	


DIV#plan_site
{
float: left;
width: 350px;
margin: 0 20px 0 15px;
border: 2px solid #99ccff ;
}

DIV#plan_forum
{
float: left;
width: 350px;
margin: 0 0 0 0;
border: 2px solid #99ff99 ;
}
	
ul#plan_site
{
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	list-style-type: none ;

/* Suppression du margin, du padding et des puces du <ul> */
}

ul#plan_forum
{
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	list-style-type: none ;

/* Suppression du margin, du padding et des puces du <ul> */
}		

ul#plan_site li
{
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}	
	
ul#plan_forum li
{
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
	
		
ul#plan_site DIV.titre_cat {
		font-size: 13px;
        color: #ffff00;
		margin: 0 0 0 0;
		padding: 5px 0 5px 10px ;
		}

ul#plan_forum DIV.titre_cat {
		font-size: 13px;
        color: #ffff00;
		margin: 0 0 0 0;
		padding: 5px 0 5px 10px ;
		}		

DIV#plan_site DIV.img_site {
		width: 350px; height: 50px;
		background: url(../plan-site.jpg) no-repeat 0 0 ;
		
		}

DIV#plan_forum DIV.img_forum {
		width: 350px; height: 50px;
		background: url(../plan-forum.jpg) no-repeat 0 0 ;
		
		}				
		
DIV.fenetre DIV.fenetre_10_deniers_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(10_deniers_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_note_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(tuto_note_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_lus_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(tuto_lus_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_hasards_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(tuto_hasards_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_forum_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(tuto_forum_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_ressources_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(tuto_ressources_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_news_news  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(tuto_news_news.jpg) no-repeat;
}

DIV.fenetre DIV.fenetre_tuto_partenaires_news  
{height: 58px; margin: 0; width: 771px; background-color:#e1e5fe;
background: url(tuto_partenaires_news.jpg) no-repeat;
}	

DIV.fenetre DIV.fenetre_nav_rapide  
{height: 58px; margin-left:6px; width: 771px; background-color:#e1e5fe;
background: url(fenetre_nav_rapide.jpg) no-repeat;
}

		
.carroussel
{	
	float: right;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 768px;
	border: 0px solid #ffffff;
}

DIV.rechercherpres
{

border: 1px solid #ffffff;
padding: 10px 10px 0 10px;
margin: 10px 0 10px 0;
text-align: center;
}

DIV.rechercher
{

border: 1px solid #ffffff;
padding: 10px 10px 0 10px;
margin: 0 0 50px 0;
text-align: center;
}

DIV.recherchertxt
{
font-size: 1.3em;
text-align: justify;
border: 1px solid #ffffff;
padding: 10px 10px 10px 10px;
margin: 0 0 10px 0;
}

DIV.listesites
{
font-size: 1em;
text-align: center;
border: 1px solid #ffffff;
padding: 10px 10px 10px 10px;
margin: 0 0 10px 0;
}

DIV.titrerechercher1
{
font-size: 2em;
margin: 0 0 10px 0;
}

DIV.liensrechercher
{
font-size: 1.2em;
margin: 0 0 10px 0;
}

#corps2
{   
	float: left;
	width: 982px;
	padding: 0 0 0 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin: 0 0 0 0;
	
}

DIV.liensrechercher UL{ 
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0
		}
		
DIV.liensrechercher li{
display: inline ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 2px 2px 2px 2px
		}
		
DIV.liensrechercher li a
{
	
	line-height: 25px ;
	text-indent: 22px ; /* On décale le texte de 40px du bord gauche */
	color : #ffffff;
	font-size: 0.9em;
	text-decoration: none ;
	border: 1px solid yellow ;
	padding: 2px 5px 2px 5px
}

DIV.liensrechercher li a:hover
{
	font-size: 0.9em;
	line-height: 25px ;
	text-indent: 22px ; /* On décale le texte de 40px du bord gauche */
	color : #ffffff;
	text-decoration: none ;
	border: 1px solid yellow ;
	padding: 2px 5px 2px 5px;
	background-color: #3399ff;
}

DIV.recherchertxt A:link, DIV.recherchertxt A:active, DIV.recherchertxt A:visited { 
		color : yellow;
		text-decoration: none;
		}


DIV.recherchertxt A:hover {

		font-style:normal;
		color : #00D400}
	
DIV.listesites A:link, DIV.listesites A:active, DIV.listesites A:visited { 
		color : yellow;
		text-decoration: none;
		}


DIV.listesites A:hover {

		font-style:normal;
		color : #00D400}

/* SECOND MENU */

.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1em "Trebuchet MS", sans-serif;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
      }
   .navigation a, .navigation span {
      display: block;
      height: 20px;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #0055c9 url() left bottom no-repeat;
      }
      
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(image/menu-item-enroule.gif);
	  color: #fff;
      }
      
   .navigation .open a, .navigation .open span {
      background-image: url(image/menu-item-deroule.gif);
      }
      
   .navigation .open2 a, .navigation .open2 span {
      background-image: url(image/menu-item-enroule.gif);
      }
      .navigation .open3 a, .navigation .open3 span {
      background-image: url(image/menu-item-deroule.gif);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: none;
	  color: #ffffff
      }
	  
   .navigation .subMenu {
	  display: block;
      font-size: 1em;
      border-left: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      background-image: url(image/fond-menu-css.gif);
      margin: 0;
      padding: 0;
      border-bottom: 0px solid #2949b6;
      }
   .navigation ul.subMenu a {
      display: block;
      background: none;
      background-color: #a4affb;
      width: 178px;
      height: 20px
      
      }
      
    .navigation ul.subMenu a:hover {
      display: block;
      background-image: url(image/fond-menu-css.gif);
      width: 178px;
      height: 20px;
      
      }
	  .navigation ul.subMenu a:visited {
      display: block;
      width: 178px;
      height: 20px;
      color: #ffffff
      }
      
    .navigation .open_at_load {
	  display: block;
      font-size: 1em;
      border-left: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      background-image: url(image/fond-menu-css.gif);
      margin: 0;
      padding: 0;
      border-bottom: 0px solid #2949b6;
      }
      
   .navigation ul.open_at_load a {
      display: block;
      background: none;
      background-color: #a4affb;
      width: 178px;
      height: 20px
      
      }
    
   .navigation ul.open_at_load a:hover {
      display: block;
      background-image: url(image/fond-menu-css.gif);
      width: 178px;
      height: 20px;
      
      }

	   .navigation ul.open_at_load a:visited {
      display: block;
      width: 178px;
      height: 20px;
	  color: #ffffff;
      
      }
	  
.navigation LI
{
list-style: none;
}


/* onglet accueil*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
		
    }
}

/* Skin */
.ui-tabs-nav {


	float: left;
    font-size: 0.8em;
	text-align: center;
}

.ui-tabs-panel {


	
    font-size: 0.8em;
	
}
.ui-tabs-nav {
	
    list-style: none;
    margin: 3px 0 0 0 ;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(image/tab.gif) no-repeat;
}
.ui-tabs-nav a, .ui-tabs-nav a:visited {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 10% -10px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	color: #ffffff;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
background:#e1e5fe none repeat scroll 0 0;
border:1px solid #FFFFFF;
padding:0;
width:768px;
font-size: 1.1em;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.ui-tabs-panel p
{
padding: 0 10px 10px 10px;
}


.ui-tabs-panel p a, .ui-tabs-panel p A:visited
{
color: #ffffff;
font-weight: none;
text-decoration: none ;
}

.ui-tabs-panel p a:hover
{
color: yellow;
}

.ui-tabs-panel, .top_tuto
{	
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	width: 768px;

}

.thumb_tuto
{
	float: left;
	margin: 4px 0 0 5px;
}

.tuto_top_news_accueil
{
	float: left;
	height: 51px;
	width: 675px;
	margin: 4px 0 0 5px;
	padding: 0 5px 0 5px;
	text-align: justify;
	font-size: 14px;
}	

.top_tuto A:link, .top_tuto A:active, .top_tuto A:visited {

		margin: auto; 	
		color : yellow;
		font-size: 14px;
		text-decoration: none;
		
		}


.top_tuto A:hover {
		font-style:normal;
		color : #ffffff;
		
		}

.tuto_top_news_accueil:hover {
		background-color: #006699;
		text-indent: 10px;
		}
.faq
{	
	float: left;
	text-align: justify;
	line-height:130%;
	margin: 0 0 10px 0;
	padding: 5px 10px 10px 10px;
	width: 748px;
	border: 1px solid #ffffff;
	background-color: #e1e5fe;
	font-size: 1.1em;
}

.faq A, .faq A:visited
{
color: #ffffff;
text-decoration: none;
}
 .faq A:hover
{
color: yellow
}

/* onglet tutoriels */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide2 {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav2 {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav2 {
	font-family: arial;
    font-size: 8px;
}
.ui-tabs-nav2 {
    list-style: none;
    margin: 0 ;
    padding: 0;
}
.ui-tabs-nav2:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav2 li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav2 a, .ui-tabs-nav2 a span {
    display: block;
    padding: 0 10px;
    background: url(image/tab.gif) no-repeat;
}
.ui-tabs-nav2 a, .ui-tabs-nav2 a:visited {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav2 .ui-tabs-selected2 a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav2 a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav2 a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav2 .ui-tabs-selected2 a span {
    padding-bottom: 1px;
}
.ui-tabs-nav2 .ui-tabs-selected2 a, .ui-tabs-nav2 a:hover, .ui-tabs-nav2 a:focus, .ui-tabs-nav2 a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav2 a, .ui-tabs-nav2 .ui-tabs-disabled2 a:hover, .ui-tabs-nav2 .ui-tabs-disabled2 a:focus, .ui-tabs-nav2 .ui-tabs-disabled2 a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav2 .ui-tabs-selected2 a span, .ui-tabs-nav2 a:hover span, .ui-tabs-nav2 a:focus span, .ui-tabs-nav2 a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav2 a span, .ui-tabs-nav2 .ui-tabs-disabled2 a:hover span, .ui-tabs-nav2 .ui-tabs-disabled2 a:focus span, .ui-tabs-nav2 .ui-tabs-disabled2 a:active span {
    background-position: 0 0;
}
.ui-tabs-nav2 .ui-tabs-selected2 a:link, .ui-tabs-nav2 .ui-tabs-selected2 a:visited, .ui-tabs-nav2 .ui-tabs-disabled2 a:link, .ui-tabs-nav2 .ui-tabs-disabled2 a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	color: #ffffff;
}
.ui-tabs-nav2 a:hover, .ui-tabs-nav2 a:focus, .ui-tabs-nav2 a:active,
.ui-tabs-nav2 .ui-tabs-unselect2 a:hover, .ui-tabs-nav2 .ui-tabs-unselect2 a:focus, .ui-tabs-nav2 .ui-tabs-unselect2 a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled2 {
    opacity: .4;
    filter: alpha(opacity=40);
    
}

.ui-tabs-panel2, .fieldset{
background:#e1e5fe none repeat scroll 0 0;
border:1px solid #FFFFFF;
padding:0;
width: 725px;
}

.ui-tabs-panel2 fieldset{
border:0px solid #FFFFFF;

}

.ui-tabs-loading2 em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav2 { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav2  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

p A, p A:visited
{
color: #ffffff;
text-decoration: none;
}
p A:hover
{
color: yellow
}

.yellow
{
color: yellow
}

/* affichage bulles commentaires */

.bulle_haut
{
margin-left: 4px;
height: 16px;
width: 705px;
padding: 3px 0 0 10px;
background: url('bulle/bulles_01.jpg') no-repeat top left;
}

.bulle_millieu
{
width: 695px;
margin-left: 4px;
text-align: justify; 
padding: 0 10px 0 10px;
background: url('bulle/bulles_02.jpg') top left;
color: #000000;
}

.bulle_bas
{
height: 16px;
width: 265px;
text-align: left; 
background: url('bulle/bulles_03.jpg') no-repeat top left;
padding: 30px 0 0 450px;
margin: 0 0 10px 4px;
color: orange;
}