/* ------ TEXPO.CSS janvier 2007 */


/* ------ Début traitement image */

	.IMG_G { Float:Left;
			margin-left:0.25cm;
			margin-top:0.00cm;
			margin-right:1.00cm;
			margin-bottom:0.20cm;
			background-color:rgb(90%,90%,90%);
		}
		
	.IMG_D { Float:Right;
			margin-left:1.00cm;
			margin-top:0.00cm;
			margin-right:0.00cm;
			margin-bottom:0.20cm;
			background-color:rgb(90%,90%,90%);
		}	

/*------ Fin traitement image */	

			.agauche {float:left;
				width:100;
				text-align:right;
				font-family:comic sans ms;
				color :white;
				font-size:9pt;
				padding-right:1;
				padding-left:10;
				}
						
			.adroite {float:right;
				text-align:justify;
				font-family:comic sans ms;
				color: yellow;
				font-size:8pt;
				padding-right:10;
				padding-left:10;
				border-style:solid;
				border-width:0 0 0 1;
				}
						
			/*a   { color: white; 
				font-style: normal; 
				font-weight: normal; 
				font-size: 70%; 
				font-family: "comic sans ms"; 
				text-decoration: none; 
				}
			*/	
			.div2 {color:yellow;
			 	text-align:right;
				font-family:comic sans ms;
				font-size:9pt;
				text-decoration:none;
				padding : 0px 15px 15px 15px;
				}
		
			.div3 {color:rgb(61,127,127);
			 	text-align:center;
				font-family:Arial;
				font-size:8pt;
				background-color:rgb(226,220,196);
				text-decoration:none;
				padding : 7px 5px 5px 5px;
				border-style:solid;
				border-color:rgb(196,179,165);
				border-top:0px;
				border-width:1px;
				position:absolute;
				width:130px;
				height:150px;
				top:35;
				}
			.tito	{background-image:url(photo_menu_g/s1_1_4.jpg)}

			.boite_fond_image	{text-align:center;
				font-family:Arial;
				font-size:8pt;
				/*background-image:url(../photo_menu_g/s1_1_4.jpg);*/
				text-decoration:none;
				padding : 7px 5px 5px 5px;
				border-style:solid;
				border-top:0px;
				border-width:1px;
				position:absolute;
				width:130px;
				height:150px;
				top:35;				
				}

			.div4 {color:rgb(255,255,165);
			 	text-align:center;
				font-family:Arial;
				font-size:8pt;
				text-decoration:none;
				padding : 0px 5px 5px 5px;
				border-style:solid;
				/*border-color:red;*/
				border-color:rgb(196,179,165);
				border-width:1px;
				position:absolute;
				width:130px;
				height:15px;
				/*background-color:transparent;*/
				background-color:rgb(191,179,165);
				}

			H1 {margin:0.5cm 0 0 0.2cm ;
				white-space:normal;
				color:#000000;
				text-transform:uppercase;
				letter-spacing:0.2cm;
				font: bold 22pt "comic sans ms";
				}
			
			
			H2  {margin:0.5cm 0 0 0.2cm ;
				white-space:normal;
				font-family:comic sans ms;
				font-weight:bold;
				font-size:17pt;
				color:yellow;
				text-transform:uppercase;
				letter-spacing:0.1cm;
				}
						
			H3 {margin:0.5cm 0 0 0.2cm ;
				white-space:normal;
				font-family:comic sans ms;
				font-weight:normal;
				font-size:17pt;
				color:silver;
				text-transform:uppercase;
				letter-spacing:0.1cm;
				}
						
			H4 {margin:0.5cm 0 0 0.2cm ;
				white-space:normal;
				font-family:arial;
				font-weight:boldl;
				font-size:13pt;
				color:yellow;
				text-transform:normal;
				letter-spacing:0.1cm;
				}
								
			H5  {margin: 0.5cm 0 0 0.2cm; 
				white-space:normal;
				font-family: arial;
				font-weight: bold;
 				font-size: 12pt;
				color: red;
				text-align: right;
				text-transform:capitalize;
 				letter-spacing: 0.0cm;
 				}
			
			H6  {margin:0.5cm 0 0 0.2cm ;
				white-space:normal;
				font-family:arial;
				font-weight:normal;
				font-size:9pt;
				font-style:italic;
				color:black;
				text-transform:normal;
				letter-spacing:0.0cm;
				float:center;
				}
			
			 .pos1 { position : relative ;
  			       left:5px; 
				margin: 0.0cm; 
        			 }
        			
			 .pos2 { position : absolute ;
			  	right:-12px; margin:0.0cm;
				background-color:transparent;
         
				}	 		

			.img1 {float:left ;margin:0.0cm  11.0cm 0.0cm 0cm;
				top:7cm;
				background-color:transparent;
				}
			
			.img2 {float:right ;margin:0.0cm;
				background-color:transparent;
				}
				
			.imgcentre  { background-color: transparent; 
				margin :20px 25px 5px 5px;
				border:black;
				border-style:solid;
				border-color:silver;
				border-width:5;
				}
			
			.imgretour  { position:relative;
             			width : 0cm ;
             			left : 0cm;
             			top : 0cm ;
            			padding : 0.0cm;
           			}
			
			SPAN {font-size:12pt;}

			BOITE { position:relative;
				border:black;
				border-style:solid;
				border-color:red;
				border-width:1px;
				float:none;
				width:10cm;
				height:4cm;
				left:6cm;
				top:4cm;
				overflow:scroll;
				color:red;
				padding : 15px 15px 15px 15px;
				white-space:normal;
				background:336699;
				text-align: center;
				font-size:17pt;
				}		
						
			.BOITEDR {
				color: #003399;
			 	background-color: #FF9900; 
   				margin: 50px;
   				padding: 5px;
    				border-style: none ;
     				position: absolute; 
     				z-index: 1; 
     				top: 210; 
     				left: 360; 
     				width: 300 ;
    				 font-family: "Comic Sans MS";
      				font-size:100%;
    				}    
			
			.BOITE2 { 
				color: #ffffff; 
				background-color: #7b6f57;
    				margin: 50px; 
    				padding: 5px;
     				border: inset medium white;
      				position: absolute;
       				z-index: 2; 
       				top: 120; 
       				left: 50; 
       				width: 100; 
       				}
       			
  		     .BOITE_CENTRE{ 
				color: #ffffff; 
				background-color: #ffffff;
    				margin: 50px; 
    				padding: 5px;
     				border: inset medium white;
      				position: relative;
       				z-index: 2; 
       				width: 100% ;
       				float:center;
       				}
       
			.BOITE3 { 
				color: #003399; 
				background-color: #FF9900; 
  				margin: 50px; 
  				padding: 5px;
  				border-style:none;  
   				position: absolute; 
   				z-index: 4; 
   				top: 1650; 
   				left: 10; 
   				width: 650px ;
   				}
			
			
			.BOITE_COOK {position:absolu;
				font-family:comic sans ms;
				border:black;
				border-style:inset;
				border-color:ffff66;
				border-width:3px;
				float:right;
				width:5cm;
				height:1cm;
				left:0cm;
				top:2.5cm;
				overflow:visible;
				color:#cc0000;
				padding : 5px 0px 5px 5px;
				white-space:normal;
				background:rgb(192,192,192);
				text-align: right;
				font-size:7pt;
				}
				
			.TEXTE_DROITE { position:absolu;
				border:black;
				border-style:solid;
				border-color:red;
				border-width:1px;
				float:left;
				width:4cm;
				height:10cm;
				left:0cm;
				top:2.5cm;
				overflow:visible;
				color:white;
				padding : 15px 15px 15px 15px;
				white-space:normal;
				background:993366;
				text-align: right;
				}
			
			.couleur {color:white;
				font-size:7pt;
				}
			
			.br {font-size:8pt;
				font-weight:bold;
				color:white;
				text-align:right;
				}
				
			.prose {color:#999900;font-size:7pt;}


			.texte,TD { font-family:Verdana;font-size:11px;color:white;}
			.menu { font-family:Verdana;font-size:12px;color:black; } 
			.titre { font-family:Verdana;font-size:20px;color:white; } 
			

			/*
			A.menu { font-family:Verdana;font-size:11px;color:black;text-decoration:none;} 

			A { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:rgb(180,180,180);text-decoration:none;}

			a:link    	{ color:rgb(255,0,0);text-decoration: none;}
			a:visited 	{ color:rgb(61,127,127); text-decoration: none;}
			A:hover 	{ font-family:Arial, Helvetica, sans-serif;font-size:11px;color:rgb(193,181,187) ;}
			
			/*a:active    { color: rgb(50,145,100);Arial, Helvetica, sans-serif;font-size:11px; }*/
			
			
			.FLOU{
				width=80%;
				font-family:Arial; 
				text-align:center;
				text-transform:capitalize;
			  	filter:Glow(color=22FF66, strength=50);}

			.Amenu {
				font-family:Arial, Helvetica, sans-serif;font-size:11px;color:rgb(61,127,127);text-decoration:none;
			
				}

			.Amenu2 {
				font-family:Arial, Helvetica, sans-serif;font-size:11px;color:rgb(255,255,255);text-decoration:none;
			
				}

			.Amaj {
				font-family:Arial, Helvetica, sans-serif;font-size:24px;color:rgb(193,181,187);
				text-decoration:none; font-weight=900;
				}

			.SPAN_NOMPAGE { font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				font-weight: 800;
				color:rgb(192,178,164);
				text-align:right;
				}

			.SPAN_TITRE { font-family:Arial, Helvetica, sans-serif;
				font-size:20px;
				font-weight: 700;
				color:rgb(51,51,51);
				/*text-align:center;*/
				}

			.SPAN_STITRE { font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				color:rgb(192,192,192);		
				font-weight: 600;
				}
			.SPAN_3TITRE { font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:rgb(0,70,70);
				font-weight: 400;
				}

			.SPAN_4TITRE { font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				color:rgb(0,70,70);
				}
			.SPAN_5TITRE { font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:rgb(0,70,70);
				}

			.SPAN_1PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-style: italic;
				color:rgb(255,255,255);
				}

			.SPAN_2PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(252,148,40);
				font-weight: 700;
				}

			.SPAN_3PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(255,255,255);
				text-align:center;
				font-style: italic;
				}
			
			.SPAN_4PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(252,148,40);
				font-weight: 700;
				text-align:center;
				}
			
			.SPAN_5PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(255,255,255);
				}

			.SPAN_6PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(0,70,70);
				}
			
			.SPAN_7PAR { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(255,255,255);
				text-align:center;
				font-style:italic;
				}


			.SPAN_1MOT { font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				color:rgb(252,148,40);
				font-weight: 700;
				}

			.SPAN_2MOT { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(255,255,255);
				font-style:italic;
				}

			.SPAN_3MOT { font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:rgb(252,148,40);
				font-variant:small-caps;
				}

			.SPAN_4MOT { font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				color:rgb(255,255,255);
				font-weight: 700;
				/*text-decoration:underline;*/
				font-variant:small-caps;

				}
			.P_INDENT15 {margin-left:1cm;}

			.P_INDENT20 {margin-left:2cm;}

	.BODY_TEXPO {
		SCROLLBAR-FACE-COLOR: #e2dcc4;
       	SCROLLBAR-HIGHLIGHT-COLOR: #e00000;
		SCROLLBAR-SHADOW-COLOR: #438c8c;
		SCROLLBAR-3DLIGHT-COLOR: #4fecc01;
		SCROLLBAR-ARROW-COLOR: #fc9428;
		SCROLLBAR-TRACK-COLOR: #bfb3a5;
		SCROLLBAR-DARKSHADOW-COLOR: #fc9428;
		font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;
		color: #606b71; 
		background-image: url(../fond/fond_texpo.jpg); background-attachment: fixed; 
		background-repeat: no-repeat; background-position: 5px 30px;
	 	}

	.bordure_droite{

   			 BORDER-BOTTOM: #000000 1px solid;
    			 BORDER-LEFT: 0px solid;
    			 BORDER-RIGHT: #000000 1px solid;
    			 BORDER-TOP: black 0px solid;
   			 BORDER-COLOR: red
			}
				
	.bordure_gauche{
			 BORDER-COLLAPSE : separate;
   			 BORDER-BOTTOM: #000000 2px solid;
    			 BORDER-LEFT: #000000 2px solid;
    			 BORDER-RIGHT: #000000 0px solid;
    			 BORDER-TOP: black 0px solid;
   			 BORDER-COLOR: rgb(61,127,127);
			 BORDER-SPACING : 15pt
				}

	.copyright  	{ 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 9px; 
			color:rgb(61,127,127); 
			text-decoration: none; 
			font-weight: normal;
			}

	.CURSEUR    	{
		     
			color: WindowText; background-color: Window; cursor : url("H_NS.CUR"), text;
		    	}



/* Css pour le menu gauche ------------------------------------------------------------------------------------------ */
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.sans_menu, {
	background-color:transparent;
	color:rgb(61,127,127);
	font-size:13px;
	font-weight:bold;
	font-family:  Arial, Verdana;
	border:px solid; border-color:rgb(0,70,70);
	padding:1px;
	text-align:center;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

.menu, .ssmenu {
	background-color:rgb(191,179,165);
	color:white;
	font-size:11px;
	font-weight:bold;
	font-family:  Arial, Verdana;
	border:1px solid; border-color:rgb(0,70,70);
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AA8922,endColorStr=#543210);
	white-space : no-break;*/
	
/* Modif degrade*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#438C8C,endColorStr=#004646);
	white-space : no-break;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;

/*Modif Fred*/
.menu a:visited, .ssmenu a:visited {
	color:red;
	padding:2px 1px;
	text-decoration:none;
}
/*------------*/

/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:rgb(67,140,140);
	color:rgb(0,70,70);
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".*/

/* Fin  menu gauche        ------------------------------------------------------------------------------------------ */