/* CSS (c) Rue des remises */

/* Initialisation des marges du navigateur */
* {
	margin: 0;
	padding: 0;
}

body {
    font-size: 10pt;
    color: black;
    font-family: verdana;
	text-align: center; /* pour corriger le bug de centrage IE */	
	/*
	background-color: #98170d;	
	background-image: url("images/background_noel.jpg");
	*/
	background-color: #5f9aff;
	background-image: url("images/background_blue.jpg");
	background-repeat: repeat-x;
	height: 100%;
/*	background-attachment:fixed; */
}

#cadre_dialog {
    font-size: 11pt;
    color: black;
    font-family: Calibri, Lucida Grande, Arial;
}

#cadre_site p {
	padding-top: 0.425em;
	padding-bottom: 0.425em;
}

h1 {
	margin-bottom: 10px;
}

/*h2 {
	margin: 0 10px 10px 0px;
	padding: 10px 10px 10px 5px;
	font-family: Verdana;
	border: 2px solid #6c9cdc;
	text-align: center;
	color: #404040;
	font-size: 1.5ex;
}*/

#cadre_dialog{
	position: absolute;
	margin: auto;
	/*margin-left: 100px;*/
}

#separateur {
	border-top: 2px solid #808080;
}

.side_label
{
	width:280px;
	clear:left;
	float:left;
	text-align:right;
	margin-right: 15px;
}

a img {border: 0;}
a:link { 
	color: #17628d;
}
a:visited { 
	color: #17628d;
}
a:hover { 
	text-decoration: underline;
	color: #d31041;
}
a:active { 
	color: #cc0000;
}

blockquote{
	margin-left:15px;
}

label{
	color: #305ab5;
}

.message_important{
	color: red;
}

.message_moyen{
	color: #ee9a00;
}

.message_information{
	color: green;
}

#cadre_site {
	background-color: white;
	text-align: left; /* on rýtablit l'alignement normal du texte */
	/*border: 2px solid black;*/
	margin: auto;
	width: 970px;
}

#tete_de_page {
	color: white;
	height: 183px;
	width: 970px;
	/*
	height: 199px;
	background-color: #0d98de;
	background-image: url("images/header_degrad_barre2_vutele_noel1.jpg");	
	*/
	background-image: url("images/header_degrad_barre2_vutele.jpg");	
}

#tete_de_page a {
	color: orange;
}

#connec_form {
	position: absolute;
	top: 102px;
	/*
	top: 118px;
	*/
	width: 250px;
	margin-left: 200px;
	display:inline;
}

#connec_form label {
	width: 75px;
	clear:left;
	float:left;
}
#connec_form input {
	margin: 5px;
	font-size: 10px;
	padding:1px;
}

#chk_rslt_connec{
	position: absolute;
	top: 108px;
	margin-left: 420px;
}

#chk_rslt_connec table{
	border-collapse:collapse;
}

#chk_rslt_connec_cnt{
	width:250px;
	font-size: 11px;
	color: red;
	background-color: white;
	border: 1px solid black;
	padding: 5px;
}

#chk_rslt_connec_cnt a{ 
	color: #17628d;
}

#txt_banner{
	text-align: right;
	font-size: 12px;
	width: 969px;
}

#lien_logo {
	margin-left: 18px;
	cursor: pointer;
	position: absolute;
	float: left;
	top: 10px;
	width: 172px;
	height: 152px;
}
#lien_vutele {
	margin-left: 216px;
	cursor: pointer;
	position: absolute;
	float: left;
	top: 64px;
	width: 64px;
	height: 40px;
}

#cadre_dialog table{
	border-collapse:collapse;
}
.dial_tl{
	background-image: url('images/tl_dial.png'); 
	width: 12px; 
	height: 12px;
}
.dial_tr{
	background-image: url('images/tr_dial.png'); 
	width: 12px; 
	height: 12px;
}
.dial_bs{
	background-image: url('images/bs_dial.png'); 
	width: 10px;
}
.dial_bl{
	background-image: url('images/bl_dial.png'); 
	width: 12px; 
	height: 12px;
}
.dial_br{
	background-image: url('images/br_dial.png'); 
	width: 12px; 
	height: 12px;
}
#dial_content{
	border: 1px solid black;
	background-color: white;
	padding: 10px;
}

#menu1 {
	clear: both;
	position: relative;
	border-left: 1px solid #00234d;
	border-right: 1px solid #00234d;
	line-height: 45px;
	height: 70px;
	background-color: white;
	margin: auto;
	padding-top: 20px;
}
#menu1 ul, #menu1 li, #menu2 ul, #menu2 li {
	margin:0;
	padding: 0;
	list-style-type: none;

}
#menu1 ul, #menu2 ul {
	position: absolute;
}
#menu1 li, #menu2 li {
	float: left;
}
#menu1 li a{
	float: left;
	text-decoration: none;
	font-family: "Arial Black", Arial, Verdana, 'Trebuchet MS', "Times New Roman", Times, serif;
	color: white;
	font-size: 18px;
	margin-left: 50px;
	text-align: center;
	height: 53px;
	width: 169px;
	background-image: url("images/menu_1_blue-button.png");
	background-repeat: no-repeat;
}

#menu2 {
	position: relative;
	line-height: 32px;
	margin: auto;
	height: 32px;
	width: 862px;
	background-image: url("images/menu_2_buttons.jpg");
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

#menu2 li a{
	text-decoration: none;
	font-family: Verdana, 'Trebuchet MS', "Times New Roman", Times, serif;
	color: white;
	font-size: 10px;
	margin-left: 0px;
	text-align: center;
	height: 30px;
	width: 95px;
	float: left;
	font-weight: bold;
	margin-bottom: 0px;	
}
fieldset {
	margin: 20px;
	padding: 10px;
}

#contenu {
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: white;	
}

#presentation{
	width: 635px;
	/*background-color: #03457d;*/
	font-size: 13px;
	font-family: verdana;
	line-height: 18px;
}
.big_title{
	font-weight: bold; 
	font-size:22px; 
	color: #044bb5; 
}
.sep_home{
	border-top: 2px dotted #044bb5;
	margin-bottom: 5px;
}

.inscrip_button{
	background-color: #bcdffd; 
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center; 
	color:darkblue; 
	font-size: 18px; 
	font-weight: bold;
	width: 200px;
	font-family: verdana;
}
.inscrip_button2{
	margin: 20px 0 0 45px;
	background-color: white;
	color: #038e00; 
}

#disp{
	padding: 15px 20px 20px 20px;
}

#sys_info_error, #sys_info_ok{
	text-align: center;
	padding: 10px;
	width: 500px;
	margin: 10ex auto;
}
#sys_info_error img, #sys_info_ok img{
	margin: -2px 0 -2px;
}
#sys_info_ok{
	border: 2px solid #008e47;
}
#sys_info_error{
	border: 2px solid #c80011;
}

#cgu h3{
	font-weight: bold;
	margin: 10px;
}

#aide{
	margin: auto;
}
#aide p{
	padding: 5px;
}

#anim_aide{
	margin: auto; 
	width: 633px;
	border: 2px solid darkblue;
}

#aide_txt{
	/*margin: auto;*/
	width: 800px;
}

.q_aide{
	font-size: 11px;
	color: #034ab5;
	background-color: #f3f7fc;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
}
.q_aide:hover{
	color: #c00000;
}
.r_aide{
	font-size: 11px;
	color: black;
	margin-left: 10px;
	width: 95%;
	border-bottom: 5px solid #c2d6ef;
	border-left: 5px solid #034ab5;
	border-right: 5px solid #c2d6ef;
	padding: 5px;
	text-align: justify;
}

#cashboard {
	font-size: 10px;
	text-align: center;
	border-collapse: collapse;
}
#cashboard td, #cashboard th {
	border: 1px solid #919191;
	padding: 5px;
}
#cashboard th {
	color: darkblue;
}
#mentions_legales {
	margin: auto;
	text-align: justify;
}

#bas_pub {
	clear: both;
}

#pied_de_page {
	clear: both;
	font-weight: bold;
	color: white;
	border: 1px solid #00234d;
	text-align: center;
	line-height: 60px;
	/*
	background-color: #093400;*/
	
	background-color: #02457d;
}
#pied_de_page a {
	text-decoration: none;
	color: white;
}
#pied_de_page a:hover {
	text-decoration: none;
	color: orange;
}

/* CSS calendrier */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: darkblue;
	color: white;
} /* This hover code won't work for IE */

/*table {border: 1px solid black}
td {border: 1px dotted gray}*/