/*////////////////////////////////////////////////////////*/

html, body { 

	text-align: center;	
	width:100%;
	height:100%;
	margin: 0px; padding: 0px;
	}

	/* ancien body ...
	body { 
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;	
	width:968px;
	height:768px; 
	margin-top: 0px; 
	margin-bottom: 0px;
	}
	*/

/*////////////////////////////////////////////////////////*/
a.lien3
{
	color:#073657;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	line-height: normal;
	background-color: #FFFFFF;
	
}
a.lien3:hover
{
	color:#073657;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	background-color: #E1EAF0;
	text-decoration: underline overline;

}

#conteneur {
	position:relative;
	width:900px;
	margin:auto;
	min-height: 1500px;
	text-align: left;
	}
	
#succes2 {
	width:700px;
	background-color:#D6F1D7;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #022702;
	text-align: center;
	border: 1px solid #006633;
	font-size: 12px;
}

.echec {
	width:600px;
	background-color:#FFCCCC;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8E0606;
	text-align: center;
	border: 1px dotted #990000;
	font-size: 12px;
	font-weight: bold;
}

.droitsSalarie {
	width:100%;
	background-color:#D6F1D7;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #022702;
	text-align: center;
	border: 1px solid #006633;
	font-size: 12px;
}

#mail1 	{
	width:600px;
	background-color:#B7CBF4;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-align: center;
	border: 1px dotted #000033;
	vertical-align: middle;
	font-size: 12px;
}	
/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car celui-ci ne lit pas la fonction min-height */
 * html #conteneur { height: 1500px; }
	
#conteneur2 {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	/* background-image: url("images/fond.jpg"); */
	background-color:#999999;
	text-align: left;
	}
	
#conteneur3 {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	text-align: left;
	z-index: 5;
	}
	
#conteneur4 {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	min-height: 468px;
	text-align: left;
	z-index: 0;
	}
	
/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car celui-ci ne lit pas la fonction min-height */
* html #conteneur4 { height: 468px; }
	
/*////////////////////////////////////////////////////////*/

#cache {
	position:absolute; 
	top:300px; 
	z-index:10; 
	visibility:hidden; 
	height: 90px; 
	width: 300px; 
	background-color: white; 
	color: blue; 
	font-weight: 900; 
	border: 1px solid blue;
	}
	
/*////////////////////////////////////////////////////////*/
/*	
#top_left, #top_right, #bottom_left, #bottom_right { height: 23px; width: 23px; background-repeat: no-repeat; position: absolute;}
#top_left { top: 0px; left: 0px; background-image: url("images/corner_top_left.gif");}
#top_right { top: 0px; right: 0px; background-image: url("images/corner_top_right.gif");}
#bottom_left { bottom: 0px; left: 0px; background-image: url("images/corner_bottom_left.gif");}
#bottom_right { bottom: 0px; right: 0px; background-image: url("images/corner_bottom_right.gif");}
*/  /*le header du dessous est en height auto ilcontient le bandeau*/
/*le header gere la div de la date*/
/*#header {


	position:relative;
	width:100%;
	height:auto;
	z-index: 4;
	}
*/
#header2 {
	position:relative;
	height:195px;
	width:100%;
	z-index: 4;
	}
#header_index  {
width:900px;
  text-align :center;}
		
#bandeau_header{ top: 500px; height: auto; width: 968px; text-align:center; z-index: 1; visibility: hidden;}
#main_bandeau_header{width:900px; text-align: center; padding-top:5px; padding-bottom:5px;}
/*////////////////////////////////////////////////////////*/

#new_para { position: relative; height: 25px; width: 100%; border: 2px solid blue; text-align: center;}	
#para { position: relative; left: 15px;  width: 735px; height:25px;}
#para_titre { position: relative; width: 100%; height:50px; background-color:white;}
#para_corps { width: 100%; min-height: 10px; background-color:white; border-top: 1px solid blue; border-bottom: 1px solid blue;}
#para_cont {margin-left: 10px; margin-right: 10px;}
/*il y a un bug avec mozilla sur l'affichage du choix des cadre c pourquoi le height est mis a 250px visuellement le bug est corrige*/
#selection_style_cadre {margin-left: 10px; margin-top: 2px; padding: 2px; position: fixe; width: 800px; min-height: 10px; height:400px; border: 1px solid #cccccc;}
#selection_couleur_fond_cadre {background-color:#f0f0f0; padding: 2px; margin-left: 10px; margin-top: 2px; width:800px; border: 1px solid #cccccc}
#vu_apparence_generale_cadre {margin-left: 10px; margin-top: 2px; padding: 2px; position: fixe; width: 760px; min-height: 10px; height:400px; border: 1px solid #cccccc;}
#vu_apparence_fond_page {margin-left: 10px; margin-top: 2px; padding: 2px; position: fixe; width: 760px; min-height: 10px; height:50px; border: 1px solid #cccccc;}
/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car les incompatibilité associés aux modèles de boite crée un décalage sur l'affichage au niveau de la largeur */
* html #para_corps {height: 10px;}
	
/*////////////////////////////////////////////////////////*/

#main_doc {position :relative; float: left; margin-top: 9px;}
#formu_doc { position: relative; height: 24px; width: 100%; border: none; margin-bottom: 30px;}
#dossier_doc {
	position: relative;
	float: left;
	height: 400px;
	overflow: auto;
	width:100%;
	SCROLLBAR-FACE-COLOR: #D7D7FF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFF00;
	SCROLLBAR-SHADOW-COLOR: #8A8AEC;
	SCROLLBAR-3DLIGHT-COLOR: #8A8AEC;
	SCROLLBAR-ARROW-COLOR: #8A8AEC;
	SCROLLBAR-TRACK-COLOR: #D7D7FF;
	SCROLLBAR-DARKSHADOW-COLOR: #8A8AEC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
}
#align_doc {border: none; vertical-align: bottom; margin: 2px;}
#align2_doc {
	border: none;
	vertical-align: middle;
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#morealign_doc {border: none; margin-top: 1px;}
#div_doc {position: relative; height: 20px; width: 100%;}
#grp_doc {position: absolute; text-align: center; top: 30px; left: 420px; min-height: 400px; width: 500px; border: 1px solid #DDAEF9; background-color: white;}

/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car les incompatibilité associés aux modèles de boite crée un décalage sur l'affichage au niveau de la longueur */
* html #grp_doc { height: 400px; }

a.lien1
{
	color:#073657;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	text-decoration: underline;
	line-height: normal;
	background-color: #FFFFFF;
	
}
a.lien1:hover
{
	color:#073657;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	line-height: normal;
	background-color: #E1EAF0;
	text-decoration: underline overline;

}

#titrePage {
padding-left: 5px;
}

/*////////////////////////////////////////////////////////*/
/*	
#menu { height: 21px; width: 525px; font-weight: 900; text-align: center; margin-top: 3px; z-index:10;}
#lien_menu {text-decoration: none; color: #000000;}
#div_menu{float: right; border-left: 2px solid #FFFFFF; height: 100%; width: 100px;}
.div_menu_b{float: right; border-left: 2px solid #FFFFFF; height: 100%; width: 100px; cursor:pointer;}
#menu_content{position: absolute; min-height: 10px; width: 190px; border: 1px solid #DDAEF9; border-bottom: none; text-align: left; background-color: white; display: none; z-index:10;}
#champ_menu{height: 20px; width: 100%; background-color: #F7F3FF; border-bottom: 1px solid #DDAEF9; font-size: 14px; z-index:9; cursor: pointer;}
*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
height: 21px;
width: 968px;
z-index:1000;
font: 80%;
cursor:hand;
}

#menu dl {
float: left;
width: 10em;
margin: 0 1px;
}

#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
/*
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
background: #fff;
}

#menu li div:hover, #menu dt a:hover {
background: #eee;
cursor:hand;
}
*/
/*////////////////////////////////////////////////////////*/
.titreGeneral
{
padding:5px; 
background-image:url(../login/login_bar.png);
color:#FFFFFF; 
font-weight:bold;
}

.album{border:1px solid #AAA;}
.slider{
position:relative;
left:5px;
top:5px;
overflow: auto;
width:835px;
height:105px;
}
.miniature{position:absolute; top:10px; width:70px; height:70px; cursor:pointer;}
DIV#image{border: 1px solid #AAA; width:810px; height:500px; margin-left:20px; margin-top:5px; overflow:auto}

.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

.dragresize-br {
 bottom: -2px;
 right: -2px;
 cursor: se-resize;
}

.connexion{

	position: absolute;
	top: 0px;
	right: 0px;
	display: inline;
	padding-right:3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

/* TOP MENU */

#nav_salaries{
	width: 950px;
	height: 35px;
	padding-top:10px;
	margin: 0 auto;
}

#nav_salaries li {
	float:left;	
	text-align:center;
}

#nav_salaries li:last-child { border-right: none;}

#nav_salaries li a{
	display:block;
	margin-right: 10px;
	width: 156px;
	padding: 6px 10px 6px 6px;
	border-radius: 60px;
	text-decoration: none;
	font-size:12px;
	font-family:verdana;
	font-weight: normal;
}

#nav_salaries li a.active{
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
	color: #fff;

}
#nav_salaries li a:hover{
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
	color: #fff;
}

#nav_salaries li a img{
	vertical-align:middle;
	border:none;
}

/* ## END TOP MENU ## */