﻿




/*valeurs par defaut pour tout les navigateurs */ 
/* ne pas modifié a partir d'ici */ 
* { margin:0;padding:0;} 

/* taille de reference */ 
html { 
height:100%; 
width:100%; 
} 
/*on applique une taille et on place en absolute l'image et son conteneur */ 
html img.imghtml, html div.imghtml{ 
width:100%;height:100%; 
top:0; 
left:0; 
position:absolute; 
} 

html, html * { 
position:relative; 
z-index:0; 
} 


/* ne pas modifier le css au dessus de cette ligne */ 
/* vous pouvez a partir de la modifié et ajouter votre css */ 
/* conteneur de votre page */ 
#corps { 
width:100%; 		/* pour le centré, facultatif */ 
height:100%; 
border:3px solid #666;	/* facultatif */ 
margin:auto; 		/* pour le centré,facultatif */ 
/* scroll:auto; */ 		/* pour IE ? */ 

} 
#demo{text-align:center;top:45%;font-size:30px;color:#FE1300;} 
















body
{
	color: black;
	background-color: #FFFFFF;
	background-image: url(/images/fond.png); 
	text-align: center;
	background-repeat: repeat-x;

	z-index: 2; /* pour afficher tout au dessus de l'image */
	width: 100%; 
	height: 100%; 
}

a
{
	text-decoration: none;
} 

a:link
{
	color: #134AA0;
} 


a:visited
{
	color: #134AA0;
} 

a:hover
{

}

a:active
{
	color: #FFFF66;
} 

/* Tableau Principal */
.Table1
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

/* Contour exterieur du Tableau Principal */

/* Hauteur du contour exterieur du Tableau Principal */
.Table1CornerTopLeft, .Table1CornerTopRight, .Table1CornerBottomLeft, .Table1CornerBottomRight, .Table1BorderTop, .Table1BorderBottom
{
	height: 8px;
}

/* Largeur du contour exterieur du Tableau Principal */
.Table1CornerTopLeft, .Table1CornerTopRight, .Table1CornerBottomLeft, .Table1CornerBottomRight, .Table1BorderLeft, .Table1BorderRight
{
	width: 8px;
}

/* Images du contour exterieur du Tableau Principal */

.Table1CornerTopLeft
{
	background-image: url(/images/corner_top_left.png);
}

.Table1CornerTopRight
{
	background-image: url(/images/corner_top_right.png);
}

.Table1CornerBottomLeft
{
	background-image: url(/images/corner_bottom_left.png);
}

.Table1CornerBottomRight
{
	background-image: url(/images/corner_bottom_right.png);
}

.Table1BorderTop
{
	background-image: url(/images/border_top.png);
}

.Table1BorderLeft
{
	background-image: url(/images/border_left.png);
}

.Table1BorderRight
{
	background-image: url(/images/border_right.png);
}

.Table1BorderBottom
{
	background-image: url(/images/border_bottom.png);
}

/* Contour intérieur du Tableau Principal */
.Table1InnerBorder
{
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 0px;
}

/* Tableau Header + Menu + Contenu */
.Table2
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}

TD.BannerTopLeft, TD.BannerBottomLeft, TD.Menu
{
	width: 150px;
	border-color: #266DD7; 
	border-style: solid; 
	border-width: 0px;
}

DIV.BannerTopLeft
{
	text-align: left;
}

TD.BannerTopRight
{
	width: 750px;
	border-color: #266DD7; 
	border-style: solid; 
	border-width: 0px;
}


TD.BannerBottomLeft
{
	width: 150px;
	height: 20px;
}
TD.Menu, TD.BannerTopLeft, TD.BannerTopRight, TD.BannerBottomLeft, TD.BannerBottomRight
{
	background-color: #266DD7;
	background-color: #134AA0;
	color: #FFFFFF;
}


TD.Menu
{
	height: 40px;
	vertical-align: top;
}

TD.MenuLink, TD.MenuSelectedLink
{
	height: 40px;
	font-family: "Arial";
	text-align: left;
	vertical-align: middle;
	text-indent: 10px;
/*
	background-color: #134AA0; 
*/
}
TD.MenuLinkSep
{
	height: 1px;
	background-color: #64CBF8;
}
TD.MenuSubLink, TD.MenuSelectedSubLink
{
	font-family: "Arial";
	text-align: left;
	vertical-align: middle;
	text-indent: 15px;
	background-color: #134AB0;
/*
	background-color: #134AB0;
*/
}
TD.MenuSubLinkSep
{
	height: 1px;
	background-color: #FFFFFF;
}
.MenuLink
{
	font-size: 12pt;
	font-family: "Arial";
	text-align: left;
	vertical-align: middle;
}

a.MenuLink, a.MenuSelectedLink
{
	text-decoration: none;
	font-size: 13px;
} 
a.MenuSubLink, a.MenuSelectedSubLink
{
	text-decoration: none;
	font-size: 12px;
} 
a.MenuLink, a.MenuSelectedLink
{
	font-weight: bold;
}
a.MenuSubLink, a.MenuSelectedSubLink
{
	font-weight: normal;
}
a.MenuLink:link, a.MenuSubLink:link
{


	color: #585659;
	color: #FFFF66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;



	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	text-decoration: none;



	color: #FFFF66;
}


a.MenuLink:visited, a.MenuSubLink:visited
{
	color: #585659;
	color: #FFFF66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;


	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	text-decoration: none;


	color: #FFFF66;

}

a.MenuLink:hover, a.MenuSubLink:hover, a.MenuSelectedLink, a.MenuSelectedSubLink
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	text-decoration: none;

	color: #FF6666;

}

a.MenuLink:active, a.MenuSubLink:active
{
	color: #000000;



	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585659;
	text-decoration: none;
}






 
/* Tableau Contenu */
.Table3
{
	width: 100%;
	height: 400px;
	background-color: #DAFEC8;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
	text-align: center
}

/* Contour intérieur du Tableau Contenu */

/* Largeur et hauteur du contour intérieur du Tableau Contenu */
.Table3InnerTopLeft, .Table3InnerTopRight, .Table3InnerBottomLeft, .Table3InnerBottomRight
{
	width: 10px;
	height: 10px;
	background-repeat:no-repeat;
}


/* Images du contour intérieur du Tableau Contenu */

.Table3InnerTopLeft
{
	background-image: url(/images/inner_top_left.png);
}

.Table3InnerTopRight
{
	background-image: url(/images/inner_top_right.png);
}

.Table3InnerBottomLeft
{
	background-image: url(/images/inner_bottom_left.png);
}

.Table3InnerBottomRight
{
	background-image: url(/images/inner_bottom_right.png);
}

TD.Table3Content
{
	padding-top: 10px; 
	padding-left: 50px; 
	padding-right: 50px;
	height: 100%;
	background-image: url(/images/bg_content.png);
	background-repeat:no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: top;
}

.TableUsers
{
	background-color: #DAFEC8;
}
TD.TableUsers
{
	border-color: #266DD7; 
	border-style: solid; 
	border-width: 2px;
}

/* fin des styles */ 


