﻿
body

{

            width :100% ;

}




/**********************************************STYLES****************************************************/

/* quivez nous */
.Top1 {
			FONT-SIZE: 9px; 
			COLOR: #000000; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			TEXT-DECORATION: none;
			text-align:justify;
			margin-bottom:inherit;				
}




/*contenu */
.Text7 {
			FONT-SIZE: 11px; 
			COLOR: #000000; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			TEXT-DECORATION: none;
			MARGIN-LEFT: 50px;
			margin-right: 50px;
			margin-top:2px;
			
			
}

.Titrementions {
			FONT-SIZE: 11px; 
			COLOR: #736152; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			TEXT-DECORATION: none;
			text-align:justify;
			FONT-WEIGHT: bold;
			MARGIN-LEFT: 100px;
						
}


LI.violet {
			FONT-SIZE: 11px; 
			COLOR: #9F82BD; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			TEXT-DECORATION: none;
			text-align:justify;
			MARGIN-LEFT: 80px;
	        BACKGROUND: url(../styles/images/nav/li.gif)  no-repeat 0px 4px;*;
			Margin-TOP: 10px;
	}



#landing-container, #login-container
{
	width: 881px;
	background: #CCCCCC;
	/*background: #545454 url(images/site-background.gif) repeat-y; 
	padding-left: 8px; 
	padding-right: 9px;*/
	
	
	text-align: left;
	margin: 0 auto; 
	
}


/*------------------------------------------------------------------------------------------------------------------------------
																	LANDING CONTENT

Début Image de fonds gauche*/
#landing-content
{
	text-align: left;
	/*background: #ffffff url(Images/elements/ML-Landing.jpg) no-repeat bottom right;  Si on veut mettre une image de fonds*/
	background: #ffffff url(centre.gif) no-repeat bottom right;
	
	
}
/*Fin Image de fonds gauche*/



#landing-content h1
{
	background: transparent url(images/titre1.jpg) no-repeat 10px 5px;
	margin: 0;
	padding: 10px;
	padding-bottom: 2px;
	text-indent: -999em;
	font-size: 1.15em;
}

*html #landing-content h1
{
	/* IE 6 box model hack */
	font-size: 1.45em;
	padding-bottom: 0px;
	padding-top: 9px;
}


#landing-content img
{
	margin-top: 10px;
}

#landing-content object, #landing-content embed
{
	margin-top: 10px;
	margin-bottom: 2px;
}

*html #landing-content object, *html #landing-content embed
{
	margin-bottom: 1px;
}



/*-----------------------------------------------------------------------------------------------------*/


.center
{
	text-align: center;
}


/*                Début Rollover  1        */

#vignette A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE:none;
}

#vignette A SPAN {
	DISPLAY: none; Z-INDEX: 100
}
#vignette A:hover SPAN {
	BORDER-RIGHT: #8F2984 1px solid; BORDER-TOP: #8F2984 1px solid; DISPLAY: inline; Z-INDEX: 500; RIGHT:30px; BORDER-LEFT: #8F2984 1px solid; WIDTH: 300px; BORDER-BOTTOM: #8F2984 1px solid; POSITION: absolute; TOP: 600px; HEIGHT: 250px; BACKGROUND-COLOR: #FFFFFF
}

#vignette IMG.ls {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 55px 22px; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

/*               Fin Rollover    1      */


/*                Début Rollover  2        */

#vignette2 A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE:none;
}

#vignette2 A SPAN {
	DISPLAY: none; Z-INDEX: 100
}
#vignette2 A:hover SPAN {
	BORDER-RIGHT: #8F2984 1px solid; BORDER-TOP: #8F2984 1px solid; DISPLAY: inline; Z-INDEX: 500; RIGHT:30px; BORDER-LEFT: #8F2984 1px solid; WIDTH: 300px; BORDER-BOTTOM: #8F2984 1px solid; POSITION: absolute; TOP: 800px; HEIGHT: 250px; BACKGROUND-COLOR: #FFFFFF
}

#vignette2 IMG.ls {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 55px 22px; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

/*               Fin Rollover    2      */

.titrecorps  {
	padding: 0px 0px 0px 0px;
	font-family: "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #ff6600;	
	letter-spacing: 1px;
	}

.Table1 {
           border-style:hidden;
		   }

.TD1 {
color:#FF6633;
border:1px;
}

