@charset "UTF-8";
/* CSS Document */


body{
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	background:#ddd;
}
div,ul,li,p,img,a{
	margin : 0;
	padding : 0;
}

/*----------------------------------------------*/
/*             POSITIONNEMENT                   */
/*----------------------------------------------*/

#conteneur{
	position:relative;
	margin:auto;
	width:996px;


}
/************/
#header{
	width:783px;
	float:left;
	background:#fbf7f4;
	
}
/************/
#contenu{
	width:996px;
	padding-bottom:5px;
	margin-top:14px;
	background:url(images/fond_conteneur.gif) repeat-y;
		
}
#menu{
	width:197px;
	float:left;
	margin-left :8px;
}
#corps{
	float:left;
	width : 787px;
}
.para{
	margin:5px 0px 10px 7px;
	padding-right:10px;
	line-height:1.4;
	color: #464646;
	font-size:0.7em;
}
#top{
}
/************/
#border_bottom{
	background:url(images/bordure_hor.gif) repeat-x;
	margin : -5px 0 0 0px;
}

p#copy{
	margin-bottom: 10px;
	padding:4px 6px 0px;
	font-size: 0.6em;
	color:#666666;
	text-align:right;
}
/************/
#outilsHaut{
	margin: 0px 0px 15px 400px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px #3F75B5 solid;
	text-align: right;
	color: #C0111D;
	font-weight: bold;
}
#outilsBas{
	margin: 15px 0px 0px 400px;
	padding: 5px 0px 5px 0px;
	border-top: 1px #3F75B5 solid;
	text-align: right;
	color: #C0111D;
	font-weight: bold;
}
.listeDico{
	margin: 15px;
	text-align: center;
}
div.login{
	position:relative;
	margin: 20px 0 0 24px;
	padding: 0px 5px 0px 5px;
	
}
div#passOublie{
	position:relative;
	display: none;
}

#cadre_texte{
		width : 380px;
}
#ordre{
	position:absolute;
	bottom:0px;
	left:8px;
	bottom:18px;
}
/************/
.clearer{
	height:0px;
	clear: both;
}
#vignettes{
	clear:both;
	padding:20px 0px 30px 18px;
  	height:177px;
	width:765px;
	border-top: solid 1px #e2e2e2;
	border-left: solid 1px #e2e2e2;
	
}	
#vignettes a{
	font-style:normal;
	color: #686868; 
	
}
#vignettes a:hover{
	cursor:pointer;
	text-decoration: none;
}
#corpsHome{
		clear:left;
		border-top: solid 1px #e2e2e2;
		border-left:solid 1px #e2e2e2;
		padding : 24px 0px 0px 56px;
		width:726px;
		float:left;
}
#corpsHome p{
		border-left:1px solid #686864;
		clear:left;
		font-size:11px;
		margin:0px 0px 12px;
		padding:7px 0px 0px 9px;
		width:671px;
		text-align:justify;
}
#corps_pres{
		clear: left;
		border-top: solid 1px #e2e2e2;
		border-left:solid 1px #e2e2e2;
		border-right: solid 1px #e2e2e2;
		padding : 18px 18px 0 18px; ;
		width : 645px;
}
#encadre1,#encadre2{
	width : 232px;
	
	float: left;
	
	padding : 2px 0 0 5px;
	color: #686868;
	font-size: 11px;
	font-weight:bold;
}
#encadre1{
	height: 145px;
	background: url(images/encadre_home3.gif) no-repeat;
}
#encadre2{
	margin : 50px 0 0 85px;
	height: 130px;
	background: url(images/encadre_home2.gif) no-repeat;
}
#encadre1{
	margin: 0 0 0 85px;
}
#menu ul li.sub_menu a{
	color:#F47D21;
}

#ref {
	border-top:1px solid #CCCCCC;
	margin:10px 0 0;
	padding:10px;
}

/*----------------------------------------------*/
/*             MENU                             */
/*----------------------------------------------*/
ul{
	line-height:1.4;
	margin:4px 0px 6px 20px;
}
li{
	color: #464646;
	font-size:0.7em;
}
#menuEspCl ul{
	padding-left: 10px;
	margin-left: 10px;
}
li.paragraphe{
	margin-top: 10px
}

#menu ul{
	padding:10px;
	margin:15px 0px 100px;
	list-style:none;
}
#menu li{
	text-align:left;
	margin:10px 0 0 20px;
	padding:0px;
}
div.login ul, div.login li, div.login a{
margin:0;
padding:0;
}
#vignettes ul{
	list-style-type:none;
}
#vignettes li{
	display: block;
	float:left;
	width: 94px;
	border-top: solid 1px #000000;
	margin: 0px 15px;
}
li.immo{
	background:url(images/vignette_immo.gif) no-repeat;
}
#vignettes div{
	font-size:1em;
	font-weight:bold;
	padding:2px 1px 0px 0px;
	margin: 0;
	height:76px;
	border-left :solid 1px #000;
	text-align:right;
	line-height:1.3;
}
#vignettes div.active{
	background:#ddd;
}
#vignettes p{
	margin:0px;
	padding:0px;
	color:#ff7200;
	font-size:10px;
}
#vignettes img {
	border-left :solid 1px #000000;
}
/*----------------------------------------------*/
/*             TABLES                           */
/*----------------------------------------------*/
td{
	line-height:1.4;
	color: #464646;
	font-size:0.7em;
}
table.esp_client{
	background-color: Gray;
}
table.esp_client th{
	background-color: #3F75B5;
	color: #FFFFFF;
	font-size: 0.7em;
}
table.esp_client td{ 
	background-color: #F5F7FE;
}
table.esp_client th, table.esp_client td{
	padding:3px;
}


/*----------------------------------------------*/
/*             TITRES                           */
/*----------------------------------------------*/

h1{
	margin:20px 0px 0px 0px;
	color:#3F75B5;
	font-size:0.85em;
}
h2{
	margin:10px 0px 0px 0px;
	padding:3px;
	background-color:#f5ac64;
	color:#686868;
	font-size:0.7em;
	clear:right;
}
h2.extranet{
	margin:0px 0px 5px 0px;
	background:none;
	color:#ED7703;
	font-size:0.7em;
}


/*----------------------------------------------*/
/*             PARAGRAPHES                      */
/*----------------------------------------------*/

p,div p{
	margin:5px 0px 10px 7px;
	padding-right:10px;
	line-height:1.4;
	font-size:0.7em;
	color: #464646;
}
div.para p{
	font-size:1em;
}
p.sstitre{
	font-weight: bolder;
}
p#maj{
	margin: 0px;
	padding:0px 5px 0px 5px;
	text-align:center;
	font-size: 0.6em
}


.oblig{
	color: #DC143C;
}
div.login p{
	margin: 8px 0px 5px 0px;
}
p.ssmenu {
	margin: 0 5px 0 0;
	padding: 0 0 0 3px;
	font-size:0.9em;
}
p.ssmenu a{
	display: block;
	padding-left: 26px;
	font-weight: normal;
	font-size:10px;
	color: #ED7703;
	font-style:normal;
	background:url(images/puce.gif) no-repeat 20px 7px;
}
p.returnTop{
	clear: right;
	text-align: right;
	margin: 0px;
}
p.drapeau{
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:center;
}
p.info{
	margin:30px 50px 30px 50px;
	padding:8px;
	border:1px dashed #DDDDDD;
}
p.dossiersPersos{
	padding:10px 10px 10px 10px;
	margin-right: 10px;
	/*background:url(images/espCl_folder.jpg) no-repeat 5px 5px;*/
	border:1px dashed #EEEEEE;
}
.encadre_titre{
	color: #ED7703;
	font-size: 12px;
	font-weight: bold;
}
/*----------------------------------------------*/
/*             LIENS                            */
/*----------------------------------------------*/

a, a:visited, a:active, a:link{
	color:#3F75B5;
	text-decoration:none;
	font-style:italic;
}	
.pageActive{
	font-weight:bold;
}
a:hover{
	color:#000066;
	text-decoration:underline;
	font-style:italic;
}	
a.ancre, a.ancre:link {
	color:#464646;
	font-weight: bold;
	font-style: normal;
}
#menu a, #menu a:visited, #menu a:active, #menu a:link {
	font-weight: bold;
	font-style: normal;
	color:#686868;
}
#menu p.ssmenu a, #menu p.ssmenu a:visited, #menu p.ssmenu a:active, #menu p.ssmenu a:link {
	display: block;
	/*padding-left: 11px;*/
	/*background: url(images/glb_menu_puce.gif) no-repeat 0px 2px;*/
	font-weight: normal;
	color: #ED7703;
}
a.pageActive, a.pageActive:visited, a.pageActive:active, a.pageActive:link {
	color: #FF6600;
}
#menu a.extranet, #menu a.extranet:visited, #menu a.extranet:active, #menu a.extranet:link{
	color:#006FB8;
}
#menu a.extranetPageActive, #menu a.extranetPageActive:visited, #menu a.extranetPageActive:active, #menu a.extranetPageActive:link{
	color:#1E90FF;
}


/*----------------------------------------------*/
/*             FORMS                            */
/*----------------------------------------------*/

form{display:inline}
input.text, input.textPetit, input.textLogin{
	height: 13px;
	padding-left:2px;
	font-size: 11px;
}
input.text{
	width: 198px;
	border: 1px solid #3F75B5;
	background-color: #F5F7FE;
}
input.textLogin{
	width: 118px;
	margin-bottom: 5px;
	border: 1px solid #006FB8;
	background-color: #f5ac64;
}
input.textPetit{
	width: 75px;
	border: 1px solid #3F75B5;
	background-color: #F5F7FE;
}
textarea{
	width: 198px;
	padding-left:2px;
	border: 1px solid #3F75B5;
	background-color: #F5F7FE;
	font-size: 11px;
	font-family: Verdana, Helvetica, Geneva, Arial,  sans-serif;
}

select{
	width: 202px;
	height: 20px;
	border: 1px solid #3F75B5;
	background-color: #F5F7FE;
	font-size: 11px;
	font-family: Verdana, Helvetica, Geneva, Arial,  sans-serif;
}
input.submit, input.submitLogin{
	height: 17px;
	text-align: center;
	font-size: 11px;
}
input.submitLogin{
	margin-bottom: 5px; 
	width: 60px;
	border: 1px solid #000000;
	background-color: #f5ac64;
	color: White;
}
input.submit{
	margin-top: 20px;
	width: 120px;
	border: 1px solid #F4FDF6;
	background-color: #3F75B5;
	color: White;
}


/*----------------------------------------------*/
/*             IMAGES                           */
/*----------------------------------------------*/

img{border:none}
.left{
	float:left;
	/*margin:0px 0px 10px 10px;
	border: 1px solid #3F75B5;*/
}
a.right, img.right{
	display: inline;
	float:right;
	margin:0px 10px 10px 0px;
	border: 1px solid #3F75B5;
}
a.right:hover{
	border: 1px solid #CC0000;
}	
#logoOGE{
	border: 1px dashed #3F75B5;
	margin:10px 20px 0px 0px;
}


/*----------------------------------------------*/
/*             ESPACE CLIENT                    */
/*----------------------------------------------*/

#conteneurEspCl{
	width: 600px;
}
#headerEspCl{
	width:inherit;
	height: 91px;
}
#contenuEspCl{
	width:580px;
	padding: 10px 0px 0px 10px;
}
#menuEspCl{
	float:left;
	width:170px;
	border-right: 1px solid #3F75B5;
}
#corpsEspCl{
	margin-left:170px;
	padding:10px;
}
#contenuEspCl #outilsHaut, #contenuEspCl #outilsBas{
	display: none;
}
#footerEspCl{
	clear:both;
	padding-top: 20px;
}