@charset "utf-8";
/* CSS Document */
body {
background:#999999 none repeat scroll 0 0;
font-family:Tahoma;
font-size:12px;
line-height:1.3em;
margin:0;
padding:0;
text-align:center;
}
#center {
margin:0 auto;
padding:0;
text-align:left;
width:998px;
}
#page_bg {
	padding:0;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../image/topbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#header {
	display:inline-block;
	height:124px;
	width:998px;
	background-attachment: scroll;
	background-image: url(../image/header_interface_clic&Tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo {
	display:inline-block;
	margin-left:15px;
	width:100px;
	
}
#rappel_fenetre {
	height:450px;
	width:650px;
	background-attachment: scroll;
	background-image: url(../image/rappel.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#menu {
	display:inline-block;
	height:44px;
	width:998px;
	background-attachment: scroll;
	background-image: url(../image/f_menu.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#pied {
	display:inline-block;
	height:72px;
	width:998px;
	background-attachment: scroll;
	background-image: url(../image/f_pied.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#contenu{
padding-top:4px;
background:transparent url(../image/f_blanc.jpg) repeat-y scroll center top;
background-repeat: repeat-x;	
background-position: center top;
background-color:#FFFFFF;
min-height:1424px;
}
#contenu #gauche2{
width:212px;
float:left;
/*border:1px solid #045C97;*/
background:#045C97;
}
#contenu #gauche{
width:212px;
float:left;
/*border:1px solid #045C97;*/
background:#045C97;
min-height:1424px;
}
#contenu #gauche #img_conect,#contenu #gauche2 #img_conect{
text-align:center;
width:180px;

}
#contenu #gauche #deconect,#contenu #gauche2 #deconect{
text-align:center;
width:180px;

}
#contenu #droite{
width:783px;
float:right;
}
#contenu #gauche2 #colgauche{
	background-image: url(../image/f_connexion.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	height: 160px;
	width: 212px;


}

#contenu #gauche #colgauche{
	background-image: url(../image/f_connexion.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	height: 160px;
	width: 212px;


}
#contenu #gauche #colgauche #img_conect2 {
padding-top:21px;
}
#entete_menu{
    margin-top:25px;
	text-align:center;
    background-image: url(../image/entete_menu.gif);
	background-repeat: no-repeat;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	width: 190px;
	height:32px;


}#entete_menu h3{
   text-transform:uppercase;
   font-size:14px;
   text-align:center;
   padding-top:5px;


}

#entete_info h2{
   text-transform:uppercase;
   font-size:16px;
   color:#FF0000;
   margin-left:10px;


}
#sousmenu{
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	width: 190px;


}
#both{ clear:both}
#head_droite{
background-color:#045C97; 
	background-image: url(../image/fon_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	height: 160px;
	width: 782px;


}
#entete_info{
	display:inline-block;
	height:56px;
	width:782px;
	background-attachment: scroll;
	background-image: url(../image/fon_info.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
#info_gauche{
float:left;
width:605px;
background-image: url(../image/f_contenu.jpg);
background-repeat:no-repeat;
}
#info_gauche2{
float:left;
width:782px;

}
#info_droite{
min-height:1208px;
float:right;
width:174px;
background-color:#BAD47E;
}


/**************RAPPEL FENETRE****************/
#conteneur #haut{
	background-image: url(../image/haut.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	height: 128px;
	width: 600px;


}

#conteneur #centre{
	background-image: url(../image/milieu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	height: 192px;
	width: 600px;


}
#conteneur #bas{
	background-image: url(../image/bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	word-spacing: normal;
	border-top-style: none;
	border-right-color: #BCD682;
	border-bottom-color: #BCD682;
	border-left-color: #BCD682;
	height: 130px;
	width: 600px;


}#haut #zonelangue {
float:left;
margin-left:11px;
display:inline;
}
#haut .nomsociete {
color:#333333;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-left:115px;
margin-top:45px;
text-align:center;
width:270px;
}
#centre #message{
margin-bottom:25px;
width:270px

}
#centre #message span{

text-align:center;

}
#code{
color:#000000;
background-color:#99CC66;
}
.red{
color:#990000;
font-size:12px;
font-weight:bold;
}
/* Zone Menu   */
.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: transparent url("../image/menub_bg.gif") repeat-x scroll 0 0 ; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 20px 0 6px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: transparent url("../image/menub_hover_left.gif") no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background : transparent url("../image/menub_hover_right.gif") no-repeat right top; /*right tab image path*/
}
/*MENU GAUCHE*/
.arrowlistmenu{
width: 180px; /*width of menu*/
margin-left:10px;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color:#000000;
background: black url(../image/titlebar.jpg) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #F3F3F3;
background: url(../image/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #F3F3F3 ;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #045C97 ;
background-color: #F3F3F3;
}

/*èèèèèèèèèèèèèèèèèèèèèèèèè*/
/* CSS DU CALENDRIER*/
/*feuille de style du clendrier*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #56B4E7;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

#resultatList{
margin-left:auto;
margin-right:auto;
width:670px;
}
#resultdefault{
margin-left:auto;
margin-right:auto;
/*width:670px;*/
}

#resultaautoSuggestionsList{
margin-left:auto;
margin-right:auto;
width:670px;
}

.ds_head {
	background-color: #4682B4;
	color: #FFF;
	font-family: Verdana, 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: Verdana, Arial, Helvetica, sans-serif;
	width: 15px;
}

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

.ds_cell:hover {
	background-color: #F5F5F5;
}