@charset "UTF-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	
}
.spacer {
	clear: both;
	height: 0px;
}
body{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #E4F1FA;
	background-image: url(images/body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
a img {
	border:none;
}
a {
	outline: none;
}

#ref {display:none;
}
/*===============================================*/
#header{
	width:930px;
	height:auto;
	margin:auto;
	position:relative;
	z-index: 4000;
}
#header #login {
	padding: 5px 5px 2px 400px;
	font-size: 0.7em;
	color: #004587;
	text-align: left;
	background-color:#fff;
}
#header #login h3 {
	float: left;
	line-height: 1.4em;
	padding-right: 10px;
}
#header #login p {
	float: left;
	line-height: 1.4em;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#header #login .champ {
	background-color: #FFFFFF;
	border: 1px solid #004587;
	height: 1.4em;
	width: 100px;
}
#header #login label {
	line-height: 1.2em;
}
#header #login #ok {
	text-indent:-9000px;
	background-image: url(images/bt_ok.jpg);
	height: 25px;
	width: 45px;
	border:none;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:-4px;
	position: relative;
	display: block;
}
#header #login #ok:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
#header h1, #header h2, #header hr{
	display:none;
	}
#header #baniere_flash {
	height: 125px;
	background-color:#CCCCCC;
}
/*LE MENU============================================*/
#header #menu {
	margin: 0px;
	padding: 0px;
	position:relative;
	cursor:pointer;
}
#menu ul, #menu li {
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:left;
}
#menu ul {
	height:20px;
}
#menu li {
	float:left;
	position:relative;
	height:20px;
	width:186px;
	}
#menu li a {
	display:block;
	width:186px;
	text-decoration: none;
	background-color: #034486;
	color:#FFFFFF;
	text-align:center;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 20px;
	background-image: url(images/onglet_menu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	cursor:pointer;
}
#menu li.last a {
	background-image: url(images/onglet_menu_last.jpg);
	cursor:pointer;
}
#menu li a.selected{
	background-position: center center;
	cursor:pointer;
}
#menu li a.active{
	background-position: center bottom;
	cursor:pointer;
}
#menu li ul{
	position:absolute;
	z-index:5000;
	left:0px;
	top:20px;
	height:auto;
	/*border-bottom:solid 3px #fff;*/
}
#menu .sub li {
	float:none;
	cursor:pointer;
	background-image: url(images/menu_deroulant_01.jpg);
	background-repeat: repeat-y;
}

#menu .sub li.lastlink {
	background-image: url(images/menu_deroulant_bas.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	

}
#menu .sub li.lastlink a {
	background:none;
	padding-bottom:3px;
}
#menu .sub li a {
	background-color:transparent;
	padding:0px;
	background-image: url(images/filet_menu.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	color: #004587;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	width:auto;
}
#menu .sub li a:hover {
	color:#666;
}
/*============================================*/
.fil {
	padding:10px;
	color: #666666;
}
.fil a{
	color: #666666;
	text-decoration:none;
}
.fil a:hover{
	color: #004587;
	text-decoration:underline;
}
#colGauche{
	width:180px;
	height:100%;
	position:absolute;
	left:0px;
	top: 112%;
	background-color:#fff;
	float:left;
}
/*---------------------------------------------*/
#telephone{
	height:35px;
	background-image: url(images/telephone.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#telephone h4{
	display:none;
}

#demande {

}
#demande a span {
	display:none;
}
#demande a {
	background-repeat:no-repeat;
	display:block;
	height:40px;
	width: 150px;
	margin-left: 13px;
}
#demande a.doc {
	background-image: url(images/menu_contact_01.jpg);
	background-position:left bottom;
	height:50px;
}
#demande a.doc:hover {
	background-position:right bottom;
}
#demande a.demo {
	background-image: url(images/menu_contact_02.jpg);
	background-position:left top;
	height:55px;
}
#demande a.demo:hover {
	background-position:right top;
}

/*---------------------------------------------*/
#experience_client{
	background-image: url(images/experience_client_02.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#experience_client #experience_client_haut {
	background-image: url(images/experience_client_01.jpg);
	height: 40px;
	background-repeat: no-repeat;
	background-position: center top;
}
#experience_client #experience_client_haut h4 {
	display:none;
}
#experience_client #experience_client_bas {
	background-image: url(images/experience_client_03.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 17px;
}

ul#slider, #slider li{
	list-style:none;
}
#caroussel{
	margin:0px 35px;
}
ul#slider{
	width:112px;
	height:220px;
	font-size:0.7em;
	overflow:hidden;
}
ul#slider li{
	width:112px;
	height:220px;
	float:left;
}
ul#slider p {
	text-align:left;
	color:#666666;
}
ul#slider a {
	color:#004587;
	text-decoration:none;
}

	
/*===============================================*/
#site{
	width:750px;
	margin:auto;
	padding-left: 180px;
	text-align:left;
	position: relative;
	z-index: 0;
}
#titre{
	padding:10px 0px 0px;
	background-color:#fff;
	background-image: url(images/site_01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}

#titre h3 {
	color: #666666;
	float:left;
	background-image: url(images/onglet_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 14px;
	padding-left: 20px;
	padding-bottom: 6px;
	font-weight: bold;
	display: block;
}
#titre span {
	float:left;
	display:block;
	width:19px;
	background-image: url(images/onglet_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 40px;
}

#titre #accroche h5, #titre #accroche h4{
	display:none;
}
#titre p {
	font-size:0.7em;
	color:#666666;
	padding-bottom:10px;
}
#contenu{
	padding:0px 20px;
	clear: both;
	height:400px;
}
html>body #contenu{
	height: auto;
	min-height: 400px;;


}
/*===============================================*/
#footer{
	border-top: 1px solid #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 0px 20px;
	position:relative;
	clear:both;
}
#footer hr{
	display:none;
}
#footer address{
	color:#666666;
	font-size:0.7em;
}

#footer p {
	font-size:0.7em;
	color:#004587;
	padding-bottom:5px;
}
#footer a {
	color:#004587;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;	

}


ul#accessibilite, ul#accessibilite li{
	list-style:none;
}

ul#accessibilite{
	width:75px;
	height:25px;
	background-image: url(images/accessibilite.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	/*position:absolute;
	left:640px;
	top:2px;*/
	list-style-type: none;
	float:right;
	margin-top:-35px;
}
#contenu ul#accessibilite li{
	float:left;
	list-style-type: none;
	background: none;
	padding-left:0px;

}
ul#accessibilite a {
	display:block;
	height:25px;
	width:25px;
}
ul#accessibilite p {
	display:none;
}


/*===============================================*/
#wrapper {
	width:auto;
	margin:0 auto;
	text-align: left;
}

#rotator {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:20px;
	margin:0;
	font-size:16px;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0px 2px;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	height: 10px;
	width: 10px;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:50%;
	z-index:1;
	width:42px;
	background:#FFF /*url(images/uitabsbg.gif) repeat-x bottom right*/;
	border-top:1px solid #FFF;
	margin-left: -22px;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {
	font-size:.8em;
	font-weight:normal;
	color:#666666;
	background-color: #FFFFFF;
	background-image: url(images/bouton_slider.jpg);
	margin-right: 2px;
	margin-left: 2px;	
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	color:#333;
	background-position: -10px top;
}

#rotator .ui-tabs-nav-item a span {
	float:left;
	cursor:pointer;
	display: none;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	color:#333;
	background-color: #666666;
	background-position: -20px top;
	
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	text-align: center;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
}

#rotator p {
	font-size: 0.7em;
	color: #666666;
	padding-bottom: 10px;
	text-align: left;
}

#rotator .btn_get_started {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #004689;
	margin-left: -15px;
	background-image: url(images/filet_slider.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -9000px;
	overflow: hidden;
	height: 13px;
}
#rotator .btn_get_started:hover {
	color: #666666;
	background-position: right bottom;
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}
#rotator img {
	margin-bottom: 0px;
	margin-top: 10px;
}
#link_fiches {
	clear: both;
	background-image: url(images/bg_block_02.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	margin-right: -20px;
	margin-left: -12px;
}
#link_fiches ul {
	margin-left: 20px;
}
#link_fiches li {
	float: left;
	width: 330px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 0.9em;
}
#link_fiches img {
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 20px;
}
#link_fiches a {
	width: 320px;
	display: block;
	height: 60px;
	background-image: url(images/fond_link.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	line-height: 60px;
}
#link_fiches_haut {
	background-color: #FFFFFF;
	background-image: url(images/bg_block_01.jpg);
	height: 20px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#link_fiches_bas {
	background-image: url(images/bg_block_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	background-color: #FFFFFF;
	clear: both;
}
/* LES BOITES =====================*/
#boites a{
	display:block;
	cursor:pointer;
	text-decoration:none;	}
#boites h4 {
	display: none;
}
#boites h5 {
	display: block;
	text-decoration:none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	height: 31px;
	overflow: hidden;
	text-indent: -9000px;
	background-color:#FFFFFF;
}

#boites #immo a:hover h5, #boites #service a:hover h5, #boites #collectivite a:hover h5  {
	color: #004587;
	background-position: center bottom;
}
#boites p {
	color:#666666;
	font-size:0.7em;
	padding:170px 10px 10px;
	margin: 0px;
	min-height: 75px;
}
.page_generic #boites a{
	display:block;
	padding-top:170px;
	}
.page_generic #boites li p {
	display:none;
}
#boites ul, #boites li {
	list-style-type: none;
}
#boites {
	background-image: url(images/boites_00.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	clear:both;
}
#boites li {
	width: 234px;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	/*min-height: 265px;*/
}
#boites #immo {
	background-image: url(images/boites_01.jpg);
}
#boites #immo h5{
	background-image: url(images/boites_04.jpg);

}
#boites #service {
	background-image: url(images/boites_02.jpg);
}
#boites #service h5{
	background-image: url(images/boites_05.jpg);
}
#boites #collectivite {
	background-image: url(images/boites_03.jpg);
}
#boites #collectivite h5{
	background-image: url(images/boites_06.jpg);
}
.page_generic #contenu #boites li {
	padding:0px;
	background-position: center top;
}
.page_generic #contenu ul#boites {
	padding:0px;
	margin-bottom:20px;
}
.page_generic #contenu #boites p {
	font-size:0.9em;
}
#haut_menu_fiche {
	background-image: url(images/menu_fiche_solutions_01.jpg);
	height: 17px;
	background-repeat: no-repeat;
	background-position: center top;
}
#milieu_menu_fiche {
	background-image: url(images/menu_fiche_02.jpg);
	background-repeat:repeat-y;
	background-position: center top;
}
#bas_menu_fiche {
	background-image: url(images/menu_fiche_03.jpg);
	height: 27px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFFFFF;
}
#haut_menu_fiche.immobilier {
	
	
}
#haut_menu_fiche.entreprise {
	
	
}
#haut_menu_fiche.collectivite {
	
	
}
#menu_fiches {
	margin-left: -11px;
	margin-right: -20px;
	background-color: #F4F4F4;
	border-bottom: 20px solid #FFFFFF;
	clear: both;
}
#menu_fiche_haut {
	background-image: url(images/bg_block_01.jpg);
	height: 10px;
	background-repeat: repeat-x;
	background-position: center bottom;
}
#menu_fiche_milieu {
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	padding-left: 130px;
}
#menu_fiche_milieu li {
	float: left;
	display: block;
}
#menu_fiche_milieu p {
	font-size: 0.8em;
	text-align: left;
}
#menu_fiche_milieu a {
	font-weight: bold;
}
#menu_fiche_milieu a:hover {
	text-decoration: none;
	color: #666666;
}
#menu_fiche_milieu img {
	height: 66px;
	width: 66px;
	border-right: 1px solid #CCCCCC;
}
#menu_fiche_milieu table {
	vertical-align: middle;
	height: 60px;
	width: 196px;
	margin-bottom: 5px;
	text-align: left;
}
#menu_fiche_milieu h6      {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	line-height: 1em;
}
#menu_fiche_bas {
	background-image: url(images/bg_block_03.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 10px;
}
#menu_fiche_milieu .image {
	height: 60px;
	width: 61px;
}
#menu_fiche_milieu .texte {
	width: 135px;
}
.collectivite #menu_fiche_milieu {
	background-image: url('images/bg_block_collect.jpg');
}
.entreprise #menu_fiche_milieu {
	background-image: url('images/bg_block_ent.jpg');
}
.immobilier #menu_fiche_milieu {
	background-image: url('images/bg_block_imo.jpg');
}


/*==========================*/

#haut_menu_gauche {
	background-image: url(images/menu_fiche_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#haut_menu_gauche h3 {
	padding:15px 25px 0px 35px;
	font-size:0.8em;
	text-align: left;
	color: #004587;
}
#milieu_menu_gauche {
	background-image: url(images/menu_fiche_02.jpg);
	background-repeat:repeat-y;
	background-position: center top;
	text-align:left;
	list-style-type: none;
	font-size: 0.8em;
	padding-left: 35px;
	padding-top: 10px;
	padding-right: 25px;
}
#milieu_menu_gauche li {
	padding-bottom: 5px;
}
#milieu_menu_gauche a {
	display: block;
	background-image: url(images/puce.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}
#bas_menu_gauche {
	background-image: url(images/menu_fiche_03.jpg);
	height: 27px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFFFFF;
}
/*======================*/