/* CSS Document */

/* MISE EN PAGE GENERALE *********************************************************************/
html, body {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;*/
	background-color:#888888;
	color: #004FA3;
	font-size: 14px;
	height: 100%;
	margin: 0px;
	background: #fff url(../images/html.png);
}
#conteneur{
	width: 950px;
	padding: 0 10px;
	background: url(../images/fond_conteneur_970.png) center repeat-y;
	/*background-color:#FFFFFF;*/
	margin: 0px auto;	
	min-height: 100%;
	position: relative;
}
#header {
	/*height:170px;*/
	padding-top:20px;
	/*background-image: url(../images/stopopanne3.png);
	background-repeat: no-repeat;
	background-position: center center;*/	
	/*border: thin dashed #6699FF;*/
	
}
#centre {
	margin:0;
	padding: 0px 30px 20px 30px;
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 20px; 
	/*background-image: url(../images/Portable-Computer-128x128.png);
	background-repeat: no-repeat;
	background-position: 100px 10px;*/
	
}
#footer {
	position: absolute;
	width: 950px;
	bottom: 0;
	left: 10px;
	/*border: thin dashed #6699FF;*/
	color:#0099FF;
	background-image: url(../images/separateur.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-size:80%;
	padding: 5px;
}
#horloge {
	float:right;
	padding-top:0px;
	padding-right:60px;
	text-align:center;
	font-family:"Comic Sans MS";
	font-size:10px;
	color:#0099FF;
	/*color:#85abd3;*/
}
/* mise en forme des texte ****************************************************************************/
.orange{color:#F36913;}
.vert{color:#A2BC38;}
.rose{color:#E70076;}
.violet{color:#8132C0;}
.gris{color:#AAAAAA;}

body p{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left:15px;
	text-align: justify;
}
#centre blockquote{
	margin: 10px 0 20px 28px;
}
#header h1 {
	font-size:28px;
	margin-bottom:0px;
	margin-top:0px;
	padding:50px 0px 5px 0px;
}
#login {
	width:220px;
	padding:0px;
	margin-top:0px;
	margin-left:697px;
	position:absolute;
	z-index: 2;
	filter: Alpha(opacity=90);
   	-moz-opacity: .90;
   	-khtml-opacity: 0.90;
   	opacity: .90; 
}
h2 {
	color:#F36913;
	font-size:20px;
}

/* ********************** LIENS ************************************************************* */
a:link, a:visited {
	color: #004FA3;
	text-decoration: none;
}
a:active, a:hover {
	color: #6699FF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ********************** DIVs ************************************************************* */


#div_form_login {
	border: 1px solid #F36913;
	padding:5px 25px 10px 10px;
	background-color: #FEF2EB;
	background-image: url(../images/profil_40x40_red.png);
	background-repeat: no-repeat;
	background-position: 165px 3px;
}
#div_form_login p {
	margin :6px 0;
	text-align:right;
}

#special {
	border: 1px solid #B4CF00;
	background-color: #F4FFDF;
	background-image: url(../images/webmaster_tools.png);
	background-repeat: no-repeat;
	background-position: 270px 10px;
	width:300px;
	float:right;
	padding:10px;
	padding-right:20px;
	margin-right:30px;
	margin-left:20px;
}
.mode_emploi {
	border: 1px solid #B4CF00;
	background-color: #F4FFDF;
	margin-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:12px;
	text-align:justify;
}
.mode_emploi li {
	padding:3px;
}
#special h3{
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 6px;
}
.explication {
	border: 1px solid #E70076;
	width:360px;
	float:right;
	padding:6px 40px 6px 10px;
	background-color: #FFE8F3;
	background-image: url(../images/dialog-information2.png);
	background-repeat: no-repeat;
	background-position: right 10px;
}
.information {
	border: 1px solid #E70076;
	background-color: #FFE8F3;
	width:350px;
	float:right;
	background-image: url(../images/dialog-information.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	margin-left: 10px;
	padding-top: 6px;
	padding-right: 30px;
	padding-bottom: 6px;
	padding-left: 30px;
}
.explication h3{
	padding:6px 0px 3px 6px;
	margin:6px 0px 0px 0px;
}
.corpForm label {
	float: left;	/*** Très important, ne pas suprimer ! ***/
	margin: 0 10px;
	padding: 0;
	width: 200px;	/*** Les intitulés prennent 40% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
}
#gestion_users {
	border: 1px solid #F36913;
	background-color: #FEF2EB;
	width:400px;
	float:right;
	padding:6px 10px 12px 10px;
	background-image: url(../images/profil_80x80_red.png);
	background-repeat: no-repeat;
	background-position: 320px top;
	overflow: hidden;
}
#gestion_users .corpForm label{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	margin: 0 10px;
	padding: 0;
	width: 100px;	/*** Les intitulés prennent 40% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
}

.form_refus, .form_fin {
	float:right;
	/*margin-left:515px;*/
	margin-top:0px;
	margin-left:10px;
	width:380px;
	border: 1px solid #E70076;
	background-color: #FFE8F3;
}
.form_fin {
	border: 1px solid #B4CF00;
	background-color: #F4FFDF;
}
/* ************* liste à puces ***********************************/

.liste_liens li {
	list-style-type: none;
	line-height: 1.6em;
}
.liste_liens li a:link, .liste_liens li a:visited, .liste_liens li a:active, .liste_liens li a:hover {
	background-image: url(../images/bullet_off.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
}
.liste_liens li a:hover{
	background-image: url(../images/bullet_on.gif);
}





/*.wrap1 {
  float:left;
  background:url(../images/ombres1/shadow.gif) right
  bottom no-repeat;
  }
.wrap2 {
  background:url(../images/ombres1/corner_bl.gif) left
  bottom no-repeat;
  }
.wrap3 {
  padding:0 10px 10px 0;
  background:url(../images/ombres1/corner_tr.gif) right
  top no-repeat;
  }*/

/*  ************ MENU HORIZONTAL A ONGLETS ************************  */

.onglets{float:left;
	width:940px;
	background:url("../images/bas_onglets.png") repeat-x bottom;
	font-size:12px;
	line-height:normal;
	/*overflow:hidden;*/
	margin:0 5px 40px 5px;
	}
hr.bas_onglets{border:0;margin-bottom:30px;}

.onglets ul{
	margin:0;
	list-style:none;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
.onglets li{
	float:left;
	background:url("../images/onglet.png") no-repeat left -28px;
	margin:0 3px 0 0;
	padding:0 0 0 16px;
}
.onglets a{
	float:left;
	display:block;
	background:url("../images/onglet.png") no-repeat right -28px;
	padding:5px 16px 4px 0;
	text-decoration:none;
	/*font-weight:bold;*/color:#0045A0;
}
.onglets a:hover{
	color:#FFFFFF;
}
.onglets .selected{background-position:left 0;}
.onglets .selected a{color:#FFFFFF;padding-bottom:5px;background-position:right 0;border-bottom:none;}


/* Menu horinzontal gestion demandes : */
.menu_gestion ul {
	padding:0;
	margin:0;
	list-style-type:none;
	font-weight: bold;
	padding-bottom:20px;
}
.menu_gestion li {
	margin-left:2px;
	float:left; /*pour IE*/
 }
.menu_gestion ul li a {
	display:block;
	float:left;   
	width:208px;
	/*background-color:#FCD0B6;*/
	background-color:#DCDCDC;
	/*color:black;*/
	text-decoration:none;
	text-align:center;
	padding:3px;
	border:2px solid;
	/*pour avoir un effet "outset" avec IE :*/
	/*border-color:#DCDCDC #696969 #696969 #DCDCDC;*/
	border-color:#DCDCDC #DCDCDC #696969 #DCDCDC;
}
.menu_gestion ul li a:hover, .menu_gestion .selected a {
	/*background-color:#FDDECC;*/
	background-color:#FFFFFF;
	/*border-color:#696969 #DCDCDC #DCDCDC #696969;*/
	border-color:#696969 #696969 #FFFFFF #696969;
}