body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	background: #d3d2d1;
}

h3, p { 
	font-size: 11px; 
	margin: 1em 0.5em 0.5em 0.5em; 
}

p { 
	margin-top: 0.5em; 
}

img {
	border: 0;
}

a {
	color: #be0404;
	text-decoration: none;
}

#subright ul a {
	text-decoration: underline;
}

#wrapper {
	margin: auto;
	text-align: left;
	width: 750px;
	background: white;
}

#wrapperi {
	padding: 0px 2px;
	background: url(images/dot1.gif) 319px 0px repeat-y;
}

#wrapperj {
	background: url(images/dot1.gif) 526px 0px repeat-y;
}
.arrowlistmenu{
width: 310px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
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: #A70303;
background: url(arrowbullet.png) 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: #A70303;
}

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

 .arrowlistmenu #current a {
     
      color:#333;
      padding-bottom:5px;
      }




#header, #search, #nav, #nav li, #nav3, #nav3 li,#nav2, #nav2 li,h2, #special, #special h3,#specialh, #specialh h3, #footnav,#p,
#strategies li, #strategies ul {
	margin: 0;
	padding: 0;
}

#header {
	background: #26618d;
	border-bottom: 1px solid #fff;
	border-top: 2px solid #fff;
	margin-bottom: 1px;
	font-size: 11px;
	color: #fff
}
#header1 {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-top: 2px solid #fff;
	margin-bottom: 1px;
	font-size: 11px;
	color: #26618d;
}
.clear {
	clear: both;
	font-size: 1px;
	height: 5px;
	margin: 0 0 -4px 0;
}

#left {
	float: left;
	width: 310px;
}

#right {
	float: right;
	width: 421px;
}

#search {
	background: #eda135 url(img/search_icon.gif) 21px 14px no-repeat;
	border-bottom: 2px solid #004b83;
	padding: 8px 0px 8px 40px;
	margin-bottom: 4px;
}

#search .text {
	width: 100px;
}

#search .submit {
	background: #db8100;
	color: #e5e4e2;
	border: 1px solid #e5e4e2;
}

#nav {
	float: left;
	width: 123px;
	margin: 0;
	padding: 0;
}

#nav li {
	background: #91aa37 url(img/menu_green_arrow.gif) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
	color: #e60808;
}

* html #nav li { /* IE 5.x hack */
	padding-left: 20px;
	padd\ing-left: 36px;
}







#nav a {
	color: #efeeed;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}
#nav a:hover {
	color:#e60808;
	}

#nav1 {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

#nav1 li {
	background: #6aa100 url(img/menu_green_arrow.gif) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

* html #nav1 li { /* IE 5.x hack */
	padding-left: 20px;
	padd\ing-left: 36px;
}

#nav1 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}
#nav2 {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}

#nav2 li {
	background: #e6b634 url(img/menu_green_arrow.gif) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

* html #nav2 li { /* IE 5.x hack */
	padding-left: 20px;
	padd\ing-left: 36px;
}

#nav2 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}
#nav3 {
	float: left;
	width: 211px;
	margin: 0;
	padding: 0;
}

#nav3 li {
	background:  url(img/button1.jpg) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

* html #nav3 li { /* IE 5.x hack */
	padding-left: 28px;
	padd\ing-left: 36px;
}

#nav3 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}
#nav3 a:hover {
	color:red;
	}
#menu-immobilier {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}

#menu-immobilier li {
	background: #e6b634 url(img/menu-immobilier.gif) left center repeat-y;
	padding: 3px 0px 4px 36px;
	margin-bottom: 2px;
	margin-left: 0;
	list-style: none;
}

* html #menu-immobilier li { /* IE 5.x hack */
	padding-left: 20px;
	padd\ing-left: 36px;
}

#menu-immobilier a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 11px;
}
#policies {
	float: right;
	width: 181px;
	border: 1px solid #bdbab6;
	margin: 0;
}

#policies h2 {
	background: #6584a9;
}

#policies ul {
	padding-left: 25px;
	padding-bottom: 1px;
	margin: 12px 0 1px 0;
}

#policies li {
	list-style-image: url(images/bullet_dimond.gif);
	padding-bottom: 8px;
	padding-left: 0;
	margin-left: 0;
}
#policies1 {
	float: right;
	width: 181px;
	border: 1px solid #bdbab6;
	margin: 0;
}

#policies1 h2 {
	background: #6584a9;
}

#policies1 ul {
	padding-left: 25px;
	padding-bottom: 1px;
	margin: 12px 0 1px 0;
}


#policies1 li {
	list-style: none;
	background: url(img/bullet_arrow.gif) left center no-repeat;
	padding: 4px 0 4px 25px;
	margin-left: 0;
}
#news {
	background: #e6e4df;
	padding-bottom: 0.5em;
	border-top: 4px solid #fff;
	color: #666;
}

#news h2 {
	background: #e6b634;
}


#explore {
	margin-top: -1px;
	background: #fff url(img/right_bg.jpg) bottom right repeat-x;
	border-bottom: 6px solid #fff;
}
#explore h1 {
	background: #e0a403;
	color: #fff;
	 font-size: 14px;
	}

#explorei {


	background:   bottom right no-repeat;
	padding-bottom: 11px;
}
#explore ul {
	     margin-top: 16px;
	margin-bottom: 8px;
	margin-left: 0;
	padding-left: 25px;
}

#explore a {
	color: #000;
	text-decoration: underline;
}

#explore li {
	list-style: none;
	background: url(img/bullet_arrow.gif) left center no-repeat;
	padding: 4px 0 4px 25px;
	margin-left: 0;
}

#explore .orange {
	color: #f09d27;
}

#explore .learnmore {
	margin: 5px 0 20px 18px;

}

#special {
	margin-left: 9px;
	margin-top: 10px;
	width: 187px;
	background: url(img/offer_box_bg.gif) repeat-y;
}

#specialh {
	margin-left: 9px;
	margin-top: 10px;
	width: 140px;
	background: url(img/boite-centre.gif) repeat-y;
}


#special, #special a {
	color: #f5f5f5;
		text-decoration: none;
}
#specialh, #specialh a {
	color: #f5f5f5;
		text-decoration: none;
}
#special p {
	padding: 0 13px;
}
#specialh p {
	padding: 0 13px;
}
#special div {
	background: url(img/offer_box_bot.gif) bottom no-repeat;
	height: 6px;
	font-size: 1px;
}
#specialh div {
	background: url(img/boite-bas.gif) bottom no-repeat;
	height: 8px;
	font-size: 1px;
}
#subright {
	margin-top: 0px;
}

#strategies {
	float: left;
	width: 195px;
	background:#e6f3cd ;
}

#strategies h2 {
	background: #6aa100;
}

#strategies li {
	list-style: none;
	margin: 0.8em 0.5em;
}

#solutions {
	float: right;
	width: 213px;
}

#solutions h2 {
	background: #024c83;
}

#footer {
	text-align: center;
	background: #fff;
	color: #666;
	border-top: 2px solid #b7b7b8;
}

* html #footer {
    height: 1.5em;
}

#footeri {
     padding: 2px 3px 4px 13px;
     border-bottom: 2px solid #fff;
}

#footer .copyright {
	float: left;
}

#footer a {
	color: #666;
}


.readmore {
	text-align: right;
	font-weight: bold;
}
.readmore1 {
	text-align: left;
	font-weight: bold;
}
.green {
	color: #6aa100;
}
.blue {
	color: #4880ab;
}
.orange {
	color: #e0a403;
}

p.photo {
	text-align: center;
}

#callbox {
	float: left;
	clear: left;
	margin: 0;
}
#deroule{
width: 300px;
height: 400px;
overflow: auto;
border: opx;
}
input, select {
background-color: white;
border: 1 solid grey;
font: 10px normal x-small Verdana,Arial;
color: black;
}
.img-ombre {
	background: url(img/ombre_back.gif) no-repeat;
	width:128px;
	height:128px;
}
.img-ombre img {
	padding:11px 0 0 11px;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 300px;
border-top: 5px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
color: white;
border-color: #D25A0B; /*Brown color theme*/
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}

/*---------------- menu horizon----------------------*/
#menuhorizon_tab{
width:750px;
height:30px;
padding:0 0 0 00px;
background:none;
}

ul.menuhorizon {
list-style-type:none; display:block;
 margin: auto; padding:0px; background:none;}

ul.menuhorizon li {
display:inline;
font-size:13px;


line-height:28px;}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px;width:211px; height:28px; margin:0px 2px 0px 2px; text-align:center;
text-decoration:none; background:url(img/button1.jpg); color:#313537;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px;width:211px; height:28px;margin:0px 2px 0px 2px;text-align:center;
text-decoration:none; background:url(img/button1-a.jpg);color: #313537;}

a.nav:hover {
color: #313537; text-decoration:none; background:url(img/button1-a.jpg);}


/*----------------main_content----------------*/
@media (max-width: 640px) {   /* passer tous les éléments de largeur fixe en largeur automatique */  body, element1, element2 {    width: auto !important;    margin: auto !important;    padding: auto !important;  }   /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */  img, table, td, blockquote, code, pre, textarea, input, object, embed, video {    max-width: 100% !important;  }   /* gestion des mots longs */  textarea, table, td, th, code, pre, samp {    word-wrap: break-word; /* césure forcée */    white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */  }   /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */  element1, element2 {    float: none !important;    width: auto !important  }   /* masquer les éléments superflus */  .hide_mobile {    display: none !important;  }   /* Un message personnalisé */  body:before {    content: "Version mobile du site";    display: block;    color: #777;    text-align: center;    font-style: italic;  } }

#headerbouton {
      float:left;
      width:100%;
     
      font-size:93%;
      line-height:normal;
      }
    #headerbouton ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #headerbouton li {
      float:left;
      background:url("img/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #headerbouton a {
      display:block;
      background:url("img/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #headerbouton a:hover {
      color:#333;
      }
    #headerbouton #current {
      background-image:url("img/left_on.gif");
      }
    #headerbouton #current a {
      background-image:url("img/right_on.gif");
      color:#333;
      padding-bottom:5px;
      }