@charset "utf-8";



/****************************************************************************/

/*                           CSS GENERIQUES                                 */

/****************************************************************************/

body {

	background-color:#FFFFFF;

	font:62.5%/1em Arial, Helvetica, sans-serif;

}



div {

	font-size:1em;

}



ul {

	margin:0;

	padding:0;

	list-style:none;

}



img {

	border:0;

	margin:0;

	padding:0;

}



a {

	text-decoration:underline;

	color:#1b1c20;

}



a:hover {

	text-decoration:none;

}



form, fieldset {

	margin:0;

	padding:0;

	border:none;

}



.cleaner {

	clear:both;

	width:1px;

}



p, span, h1, h2, h3, h4 {

	margin:0;

	padding:0;

}



input, select, option, form {

	font-family:Arial, Helvetica, sans-serif;

}



h1 {

	font-size:1.8em;

	line-height:1.8em;

	font-weight:normal;

}



h2 {

	font-size:1.5em;

	line-height:1.5em;

	font-weight:bold;

}



h3 {

	font-size:1.2em;

	line-height:1.2em;

	font-weight:bold;

}









/****************************************************************************/

/*                                CSS PAGES                                 */

/****************************************************************************/

#page {

	margin:0 auto;

	width:920px;

}



/****************************** DEBUT HEADER ******************************/

#header {

	background:url(../img/bg-header.jpg) no-repeat 0 0;

	float:left;

	width:920px;

}



/* CONNEXION */

#header .login {
	float:right;
	background:url(../img/bg-login.gif) no-repeat 0 0;
	font-size:1.2em;
	color:#fff;
	padding:4px;
	width:320px;
	margin:11px 30px 0 0!important;
	*margin:11px 15px 0 0;
}



#header .login li {

	float:left;

	padding:0 5px;

}



#header .login li.first {

	padding-top:5px;

	*padding-top:6px;

}



#header .login li input {

	width:105px;

	font-size:0.8em;

}





/* OPPORTUNITE */

#header .opportunite {
	position:relative;
	top:20px;
	left:450px;
	width:105px;
	height:102px;
}

#header .login .patrimoine {
	position:relative;
	top:15px;
	right:0px;
	width:145px;
	padding-left:175px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#9E9E9E;
	}
	
#header .login .patrimoine br {
	line-height:0px;
	}

#header .login .patrimoine img{
	margin-bottom:7px;
}

#header .login .patrimoine img:hover{
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

#header .login .patrimoine a{
	font-size:14px;
	font-weight:bold;
	color:#9E9E9E;
	text-decoration: underline;
	margin-right:28px;
	}
	
#header .login .patrimoine a:hover{
	text-decoration:none;
	}

/* NAVIGATION */

#header #navigation {

	width:840px;

	background:url(../img/bg-navigation.gif) no-repeat 0 0;

	margin:30px 0 0 10px;

	float:left;

	padding:2px 30px 4px;

	*padding:3px 30px;

}



#navigation li {

	float:left;

	padding:0 25px;

	font-size:1.2em;

	line-height:1.2em;

/*background-color:red;*/

}



#navigation li a {

	color:#1b1c20;

	text-decoration:none;

	font-weight:bold;

}

/****************************** FIN HEADER ******************************/





/****************************** DEBUT CONTENT ******************************/

#content {

	margin-left:10px;

	width:900px;

	float:left;

	padding-top:0;

}





#content.home {

	padding-top:40px;

	padding-bottom:50px;

}



#content #left,

#content #center,

#content #right {

	float:left;

	width:300px;

	text-align:center;

}





#content div.topPage {

    text-align:right;    

	width:668px;

	float:left;

	border-left:2px solid #C4C4C4;

	margin-left:225px;

	padding-left:5px;

	padding-bottom:18px;  

}



#content div.topPage a {

    color:black;

    font-size:12px;

    margin-right:10px;

}





/* BLOC GAUCHE - RESIDENT FRANCAIS */

#left .bloc-resident {

	background:url(../img/resident-bg-bottom.gif) no-repeat 29px bottom;

	margin-top:30px;

	text-align:left;

	padding-bottom:70px;

	height:230px;

}



#left .bloc-resident h2 {

	background:url(../img/resident-bg-top.gif) no-repeat 29px 0;

	padding:6px 0 10px;

	text-align:center;

	color:#5B5B5B;

	text-transform:uppercase;

}



#left .bloc-resident ul {

	width:240px;

	background:#743a5e;

	margin-left:30px;

	height:178px;

}



#left .bloc-resident li {

	color:#FFFFFF;

	background:url(../img/picto-res-blanc.gif) no-repeat 10px;

}



#left .bloc-resident li.first {

	font-size:1.3em;

	font-weight:bold;

	color:#FFFFFF;

	padding:0 10px 10px;

	background:none;

	margin-left:0;

}



#left .bloc-resident li a {

	font-size:1.2em;

	line-height:1.2em;

	color:#FFFFFF;

	text-decoration:none;

	padding:5px 20px;

	display:block;

	width:200px;

}



#left .bloc-resident li a:hover {

	background:#FFFFFF url(../img/picto-res-violet.gif) no-repeat 10px;

	color:#74395e;

	display:block;

	font-weight:bold;

}





/* BLOC CENTRALE - EXPATRIE */

#center .bloc-expatrie {

	background:url(../img/expatrie-bg-bottom.gif) no-repeat 29px bottom;

	margin-top:30px;

	text-align:left;

	padding-bottom:70px;

	height:230px;

}



#center .bloc-expatrie h2 {

	background:url(../img/expatrie-bg-top.gif) no-repeat 29px 0;

	padding:6px 0 10px;

	text-align:center;

	color:#5B5B5B;

	text-transform:uppercase;

}



#center .bloc-expatrie ul {

	width:240px;

	background:#435f88;

	margin-left:30px;

	height:178px;

}



#center .bloc-expatrie li {

	color:#FFFFFF;

	background:url(../img/picto-expatrie-blanc.gif) no-repeat 10px;

}



#center .bloc-expatrie li.first {

	font-size:1.3em;

	font-weight:bold;

	color:#FFFFFF;

	padding:0 10px 10px;

	background:none;

	margin-left:0;

}



#center .bloc-expatrie li a {

	font-size:1.2em;

	line-height:1.2em;

	color:#FFFFFF;

	text-decoration:none;

	padding:5px 20px;

	display:block;

	width:200px;

}



#center .bloc-expatrie li a:hover {

	background:#FFFFFF url(../img/picto-expatrie-bleu.gif) no-repeat 10px;

	color:#435f88;

	display:block;

}





/* BLOC DROIT - ENTREPRISE */

#right .bloc-entreprise {

	background:url(../img/entreprise-bg-bottom.gif) no-repeat 30px bottom;

	margin-top:30px;

	text-align:left;

	padding-bottom:70px;

	height:230px;

}



#right .bloc-entreprise h2 {

	background:url(../img/entreprise-bg-top.gif) no-repeat 29px 0;

	padding:6px 0 10px;

	text-align:center;

	color:#5B5B5B;

	text-transform:uppercase;	

}



#right .bloc-entreprise ul {

	width:240px;

	background:#7b756d;

	margin-left:30px;

	height:178px;

}



#right .bloc-entreprise li {

	color:#FFFFFF;

	background:url(../img/picto-ent-blanc.gif) no-repeat 10px;

}



#right .bloc-entreprise li.first {

	font-size:1.3em;

	font-weight:bold;

	color:#FFFFFF;

	padding:0 10px 10px;

	background:none;

	margin-left:0;

}



#right .bloc-entreprise li a {

	font-size:1.2em;

	line-height:1.2em;

	color:#FFFFFF;

	text-decoration:none;

	padding:5px 20px;

	display:block;

	width:200px;

}



#right .bloc-entreprise li a:hover {

	background:#FFFFFF url(../img/picto-ent-marron.gif) no-repeat 10px;

	color:#7b756d;

	display:block;

}





/* PAGE PROGRAMMES IMMOBILIERS */

#content #menu {

	float:left;

	width:220px;

	padding:0;

	margin:10px 0 0;

}



/* Menu */

#menu .display {

	 display:none;

}



#menu li.resident {

	background:url(../img/bg-nav-resident.gif) no-repeat 0 0;

	padding:20px 0 17px;

	text-align:center;

}



#menu li.expatrie {

	background:url(../img/bg-nav-expatrie.gif) no-repeat 0 0;

	padding:20px 0 17px;

	text-align:center;	

}



#menu li.entreprise {

	background:url(../img/bg-nav-entreprise.gif) no-repeat 0 0;

	padding:20px 0 17px;

	text-align:center;	

}



#menu li.resident a,

#menu li.expatrie a,

#menu li.entreprise a {

	font-size:1.2em;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration:none;

	text-transform:uppercase;

	padding:0;

	margin:0;

	display:block;

}



/**** Sous-Menu ****/

#menu ul.ss-menu {

	padding:20px 0 0 10px;

	font-size:1.2em;

	line-height:1.2em;	

	width:202px;

}



#menu ul.ss-menu li {

	text-align:left;

	padding:0;

	margin:0;

}



#menu ul.ss-menu li.first {

	background:none;

	padding-left:0;

}



#menu ul.ss-menu li a {

	color:#1B1C20;

	text-transform:none;

	font-weight:normal;

	font-size:1em;

	line-height:1.6em;

	background:url(../img/picto-li.gif) no-repeat 5px 9px;

	padding:0 0 0 15px;

	margin:0;

	width:185px;

}



#menu ul.ss-menu li a.actif{

	background:#c4c4c4 url(../img/picto-li.gif) no-repeat 5px 9px;

		font-weight:bold;

}



#menu ul.ss-menu li a:hover {

	background:#C4C4C4 url(../img/picto-li.gif) no-repeat 5px 9px;

}



/**** Sous Sous-Menu ****/

#menu li ul.ss-ss-menu li {

	margin:0;

	padding:0 0 0 10px;

}



#menu li ul.ss-ss-menu li a{

	background:url(../img/picto-carre-resfr.gif) no-repeat 5px 6px;

	margin:0;

	padding:0 0 0 15px;

	display:block;

	width:175px;

}



#menu li.expatrie ul.ss-ss-menu li a{

	background:url(../img/picto-carre-exp.gif) no-repeat 5px 6px;

	padding:0 0 0 15px;

	margin:0;

}



#menu li.entreprise ul.ss-ss-menu li a{

	background:url(../img/picto-carre-ent.gif) no-repeat 5px 6px;

	padding:0 0 0 15px;

	margin:0;

}



#menu li ul.ss-ss-menu li a.actif{

	background:#ffffff url(../img/picto-carre-resfr.gif) no-repeat 5px 6px;

	font-weight:bold;

}



#menu li.expatrie ul.ss-ss-menu li a.actif{

	background:#ffffff url(../img/picto-carre-exp.gif) no-repeat 5px 6px;

}



#menu li.entreprise ul.ss-ss-menu li a.actif{

	background:#ffffff url(../img/picto-carre-ent.gif) no-repeat 5px 6px;

}



#menu li ul.ss-ss-menu li a:hover {

	background:#C4C4C4 url(../img/picto-carre-resfr.gif) no-repeat 5px 6px;

}



#menu li.expatrie ul.ss-ss-menu li a:hover {

	background:#C4C4C4 url(../img/picto-carre-exp.gif) no-repeat 5px 6px;

}



#menu li.entreprise ul.ss-ss-menu li a:hover {

	background:#C4C4C4 url(../img/picto-carre-ent.gif) no-repeat 5px 6px;

}

	

/* Contenu de la page */

#contenu {

	width:668px;

	float:left;

	border-left:2px solid #C4C4C4;

	margin-left:5px;

	padding-left:5px;

	padding-bottom:100px;

	

}



#contenu h1 {

	color:#7DA1D4;

	padding-top:5px;

}



#contenu img.bandeau {

	padding:15px 0 0;

}



#contenu h2 {

	color:#000;

	background:url(../img/picto-h2.gif) no-repeat 0 5px;

	padding-left:15px;

}



#contenu div.programme {

	padding:20px 0 0;

	float:left;

	width:668px;

}



/******** Zone Article ***************************************/







#contenu div.article {

	padding-top:20px;

	float:left;

	width:100%;

	font-size:12px;

}







#contenu div.article p {

	font-size:1.2em;

    line-height:1.2em;

}



#contenu div.article a {

    color:blue;

}



#contenu .article td {

	font-size:12px;

    line-height:14px;

    padding: 5px;

}



#contenu div.article h2 {

    background-image:none;

    font-size:16px;

    line-height:16px;

    padding-bottom:6px;

}



#contenu div.article li {

	list-style-type:square;  

    margin-left:30px;

    line-height:1.2em;

    

}



#contenu div.article .blocTexte { 

    float:left;

    padding-bottom:0px;

    margin-bottom:0px;

    width:495px; 

}

#contenu div.article .blocImg {

    width:150px; 

    float:left; 

    padding-bottom:0px;

    margin-bottom:0px;

}





/******************************************************************/



/*#contenu div.article. img{

	float:left;

	 padding-right:0px;

	 margin-right:0px;

}*/





#contenu div.icon {

	float:right;

	padding-top:35px;

}



#contenu h1 a {

	color:#74395E;

	text-decoration:none;

}



#contenu div.article p.no-image {

	border-left:2px solid #C4C4C4;

	margin-left:10px;

	padding-left:10px;

}



.article_no_image  {

	border-left:2px solid #C4C4C4;

	margin-left:10px;

	padding-left:10px;

}







/**** Contenu pages rsident ***/

#contenu.resident h1 {

	color:#74395E;

}



#contenu.resident h1 a {

	color:#74395E;

	text-decoration:none;

}



#contenu.resident h2 {

	background:url(../img/picto-res-h2.gif) no-repeat 0 5px;

	padding-left:15px;

}



#contenu.resident div.article {

	width:660px;

}



#contenu.resident div.article p {

	font-size:1.1em;

}



#contenu.resident div.icon {

	padding-top:20px;

	width:660px;

	float:left;

	text-align:right;

}



#contenu.resident div.icon a {

	margin-left:20px;

}



/**** Contenu pages expatrie ***/

#contenu.expatrie h1 {

	color:#435f88;

}



#contenu.expatrie h1 a {

	color:#435f88;

	text-decoration:none;

}



#contenu.expatrie h2 {

	background:url(../img/picto-exp-h2.gif) no-repeat 0 5px;

	padding-left:15px;

}



#contenu.expatrie div.article {

	width:660px;

}



#contenu.expatrie div.article p {

	font-size:1.1em;

}



#contenu.expatrie div.icon {

	padding-top:20px;

	width:660px;

	float:left;

	text-align:right;

}



#contenu.expatrie div.icon a {

	margin-left:20px;

}



/**** Contenu pages entreprise ***/

#contenu.entreprise h1 {

	color:#7b756d;

}



#contenu.entreprise h1 a {

	color:#7b756d;

	text-decoration:none;

}



#contenu.entreprise h2 {

	background:url(../img/picto-ent-h2.gif) no-repeat 0 5px;

	padding-left:15px;

}



#contenu.entreprise div.article {

	width:660px;

}



#contenu.entreprise div.article p {

	font-size:1.1em;

}



#contenu.entreprise div.icon {

	padding-top:20px;

	width:660px;

	float:left;

	text-align:right;

}



#contenu.entreprise div.icon a {

	margin-left:20px;

}













/****************************** FIN CONTENT ******************************/





/****************************** DEBUT FOOTER ******************************/

#footer {

	margin-left:10px;

	width:900px;

	background:url(../img/bg-navigation.gif) no-repeat 0 0;

	float:left;

	color:#FFFFFF;

	padding:5px;

	margin-bottom:12px;

}



#footer a {

	color:#FFFFFF;

	font-size:1.2em;

	text-decoration:none;

}



#footer .left {

	float:left;

	width:120px;

}



#footer .center {

	width:620px;

	float:left;

	text-align:center;

	font-size:1em;

}



#footer .center a {

	 font-size:1em;

	 text-decoration:underline;

}



#footer .center a:hover {

	 text-decoration:none;

}



#footer .right {

	float:left;

	width:160px;

}

/****************************** FIN FOOTER ******************************/





/* ---> FORMULAIRE  <--- */

form#contact input, form#contact textarea {

	border: 1px #aaaaaa solid;

	padding: 2px;

	margin-bottom:5px;

	width:250px;

	font-size:12px;

}



form#contact td{

    padding-right:10px;

}



form#contact textarea {

    width:350px;

    font-family:  Verdana, Helvetica, sans-serif;

 }



form#contact .button {

    width:100px;

    border: 1px #999999 solid;

}



/* ---> Messages de confirmation et Messages d'erreurs <--- */

.warn {

    font-size: 15px;

    background-color:red;

    color:white;

    font-weight:bold;

    padding-left:5px;

    padding-top:5px;

    padding-bottom:5px;

    margin-top:15px;

}



.success {

    font-size: 15px;

    background-color:green;

    color:white;

    font-weight:bold;

    padding-left:5px;

    padding-top:5px;

    padding-bottom:5px;

        margin-top:15px;

}





.liste-lien  {

    list-style-type:square; 

    

}



.liste-lien li {

    font-size:12px;

    font-size:bold;

    margin-left:20px;

    padding:4px;

    

}



.liste-lien p {

    margin-top:3px;

}



/* ---> ESPACE CONSEILLERS <--- */



.errMsg  {

    padding-top:5px;

    padding-bottom:5px;

    padding-left:5px;

    background-color: red;

    color:white;

    margin-bottom:10px;

}



/******* page: PEARTENAIRES ********/



#menuPartenaire  {

    margin-top:15px;

    margin-bottom:0px;

    padding-bottom:0px;

}

#menuPartenaire li {

    float:left;

    font-size:12px;

    line-height:14px;

    padding-right:15px;    

}



.logo-partenaire {

    float:left; 

    padding: 5px;

    width:auto;

} 



.logo-partenaire img {

border-style:solid;

border-width:1px;

color:#dfdfdf;

}