body
{
	font-family: Verdana;
	background-color: #72a22a;
	background-image: url("BackgroundLogo.png");
	        background-position: center;

  width: 1024px;
	weigth: 768px;
	margin:0 auto;
		    padding-top: 20px;

        
}
.Titre
{
	    padding-top: 10px;
	font-family:  Impact;
	font-size: 50px;
	color: white;
	text-align: right;
	border-bottom: solid white;
	margin: 5px;
	padding: 2px;
	 text-decoration: none; 
		 link-visited: none;
	
}
.Sil
{
	left: 75%; 
     top: 50%;
     margin-left: 95px; /* moitié de la largeur de l'image */
     	font-family: Impact, Verdana;

}

.Comp
{

	float: center;
						text-align: center;
}

.Sous-titre
{
	font-family: "Futura", Verdana;
	font-size: 20px;
	color: white;
}
.Boutons
{
	
	margin: 25px;
	padding: 5px;
	
}
p
{
		font-family: "Futura", Verdana;

	color: white;
	margin: 2%;
	padding: 1%;
 line-height: 27px;
	text-align: justify;
}
.Bordure
{
    background-image: url("bordure.png");
	color: white ;
	opacity: 75%;
	    margin-top:15px;
	    							border-bottom: 4px solid white;
	    								    							border-top: 4px solid white;
	    								    							left: 50%; 
  
	    								    							




}
.Bordure2
{
	color: white ;
	opacity: 75%;
	    margin-top:15px;
	    							border-top: 4px solid white;
	    								    							




}
		    							
.Float
{
	float: right;
	width: 740px;
	
}

   
.Bordel
{
		padding-top: 2%; 



}

	a
	{
		 text-decoration: none; 
		 color: white;
	}
	a:hover
	{
		 color: #8fc842;
	}
	
	img
	{
		border: none; 
         

		
	}
	.Slideshow
	{
			color: white ;
			float: center;
						text-align: center;
										text-decoration: 2px white ; 





	}
	.Separation
	{
			text-align: center;

	}
	
	.Signature
	{

		text-align: center;
		color: white;
		font-size: 12px;
			margin: 5px;


	}
	.Loading
		{

		text-align: center;
		color: white;
		font-size: 7px;
			margin: 5px;
		}
#menuDeroulant
{
			font-family: "Futura", Verdana;

 list-style-type: none;
 text-align: justify;
  position: static;
    z-index:10; 


}
#menuDeroulant li
{
 float: left;
  width: 20%;



}
#menuDeroulant .sousMenu
{
	 display: none;

 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
    position: absolute;
    overflow:visible;  
    visibility: visible;
      z-index:10; 



}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 2px solid transparent;
 border-right: 2px solid transparent;
     position: float;
     visibility: visible;
  z-index:10; 
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: transparent url("fondtr1.png") repeat;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
  border-left: 1px solid #fff;

 text-decoration: none;
      position: float;
visibility: visible;

}
#menuDeroulant li a:hover { background-color: #8fc842; }
#menuDeroulant li a:active { background-color: #57742f; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #8fc842;
}
#menuDeroulant li:hover > .sousMenu { display: block; }


.Infos
{
text-decoration: underline

	
}
#Infos2
{


float:right;
padding-left:2px; 
padding-top: 2px; 
}
.preview-Archi
{
	margin-left: 20%; 

}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: black;} 
.svw ul {position: fixed; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
overflow: hidden;  
border: 5px solid black;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
z-index: 0;

overflow: none;  
visibility: inherit;

margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: black; 
color: white; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid black; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

.Garde
{
padding-right: 5%;
font: bold 80px Impact, Futura, Verdana, Arial; 
color: white; 
margin:0%;
}
.SGarde
{
font: 20px  Arial, Verdana; 
color: white; 
text-align: right;
}
.Alignement
{
	margin-top: 2%;
font: 20px  Arial, Verdana; 
color: white; 
padding-right: 365px;
padding-left: 13%;
padding-bottom:17%;
;
}
.Stade
{
	font-family: Arial, Verdana;
	color: white;

}
.Truqui
{
	color: white ;
	 	    							padding-top: 20%;
}
.Navigateurs
{
	padding-left: 13%;
}