/* CSS Document */

a:link {font-weight:bold; text-decoration:none;}
a:visited {font-weight:bold; text-decoration:none;}
a:hover {font-weight:bold; text-decoration:none;}

body
{
	background-color:#fff;
	color:#777;
	margin:0;
	width:100%;
	height:100%;
}

#cadre
{
	position:absolute;
	width:93%;
	left:3%;
	top:30px;
	background-color:#fff;
	border:0px solid #DDD;
}

#haut
{
	position:absolute;
	left:0; 
	top:0;
	height:100px;
	width:100%;
}

#haut_gauche
{
	position:absolute;
	left:0;
	width:75%;
	height:100px;
	background-image:url('../images/haut.jpg');
	background-repeat:no-repeat;
	top:0px;
}

#haut_droit
{
	position:absolute;
	left:80%;
	width:20%;
	top:24px;
	text-align:right;
	color:#70736E;
}

.menu
{
	width:100%;
}

.haut_droit_bouton
{
	height:25px;
	width:100%;
	background-color:#B1BDC4;
	border:1px solid #fff;
	padding-right:4px;
	color:#ddf;
}

.haut_droit_bouton a:link {color:#889;}
.haut_droit_bouton a:visited {color:#889;}
.haut_droit_bouton a:hover {color:#ddf;}

#haut_ligne
{
	position:absolute;
	top:100px;
	left:0px;
	height:10px;
	width:100%;
	background-color:#9BB184;
	border-top:1px solid #555F6F;
	font-size:12px;
	color:#fff;
}
#haut_ligne a:link {color:#fff;}
#haut_ligne a:visited {color:#fff;}
#haut_ligne a:hover {color:#ddf;}

.liens a:link {color:#889;}
.liens a:visited {color:#889;}
.liens a:hover {color:#66B;}

#bas
{
	position:absolute;
	width:100%;
	top:110px;
	left:0;
	width:100%;
	background-color:#EEEDF2;
	min-height:400px;
}

#main
{
	margin-left:20%;
	margin-right:21%;
}

.subMenu
{
	width: 100%; 
	height:30px;
	text-align: center;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#D1D0D7;
}

.subMenu_Item
{
	width: 100%;
	height:30px;
}

#bas_gauche
{
	position:absolute;
	top:-1px;
	left:0;
	width:18%;
}

.bouton
{
	height:30px;
	width:100%;
	padding-right:5px;
	padding-top:3px;
	text-align:right;
	border:1px solid #70736E;
	font-weight:bold;
	color:#777;
}

#bas_droit
{
	position:absolute;
	top:0;
	left:80%;
	width:19.5%;
	text-align:right;
}

#bas_droit_titre
{
	position:absolute;
	height:40px;
	width:100%;
	left:0;
	padding-top:20px;
	font-size:24px;
	padding-right:4px;
	color:#ddf;
	background-color: #748A95;
	border:1px solid #fff;
}
#bas_droit_titre:hover { color:#fff; }

#bas_droit_news
{
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	text-align:right;
	color:#fff;
	border:1px solid #fff;
	background-color: #CED6DA;
	padding-right:4px;
}

#connexion
{
	position:relative;
	width: 400px;
	margin-left: 20px;
	border: 1px solid #DDD;
	text-align:center;
}

#popup
{
	position:absolute;
	z-index:99;
	left:50%;
	top:50%;
	margin-top:-170px;
	margin-left:-140px;
	width:280px;
	height:320px;
}

#popup_haut
{
	background-color:#748A95;
	height:20px;
	color:#fff;
}

#popup_bas
{
	background-color:#EEEDF2;
	height:300px;
	border: 3px solid #748A95 ;
	text-align:center;
}

#transparent
{
	position:absolute;
	margin:0;
	padding:0;
	z-index:98;
	height:100%;
	width:100%;
	background-color:#CACACA;
	-filter: alpha(opacity=75);  
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    -opacity: 0.75;
}

.titre
{
	color:#748A95;
	font-weight:bolder;
	font-family:'Arial';
	text-decoration:underline;
}

.pwd_1
{
	background-color:Transparent;
	color:#D50306;		/* rouge */
}

.pwd_2
{
	background-color:Transparent;
	color:#F59300;	/* orange */
}

.pwd_3
{
	background-color:Transparent;
	color:#D2D900;	/* jaune */
}

.pwd_4
{
	background-color:Transparent;
	color:#05AD13;	/* vert */
}

.validatorcallout_bulle
{
	background-color:Transparent;
	position:absolute;
	z-index:99;
	line-height:10px;
}

.validatorcallout_bulle_vide
{
	height:0;
	width:0;
}

.validatorcallout_textbox
{
	background-color:#E8B1B1;
}

li
{
	margin-top:15px;
}