* {
	font-family: verdana, sans-serif;
	margin: 0;padding: 0;
}

body {
	font-size: 12px;
	color: #555;
	width: 100%;
	text-align: center; /*pour centrer le block main dans ie inf a 7 */
}

/***langues****/
#fancy_wrap {
	overflow: hidden;	
}
.langues {
	position: absolute;
	top: 120px;
	right: 30px;
	z-index: 900;
}


.langues a {
	display: inline-block;
	display: block;
	float:left;
	width: 23px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	margin-left: 5px;
	background-repeat:no-repeat;
	background-position:top left;
}
.fr {
	background-image: url('../../images/fr_h.png');
}
.fr:hover {
	background-image: url('../../images/fr.png');
}
.en {
	background-image: url('../../images/en_h.png');	
}
.en:hover {
	background-image: url('../../images/en.png');	
}
.it {
	background-image: url('../../images/it_h.png');
}
.it:hover {
	background-image: url('../../images/it.png');
}
.es {
	background-image: url('../../images/es_h.png');
}
.es:hover {
	background-image: url('../../images/es.png');
}


.green {
	font-weight: bold;
	color: green;	
}
/*----------------*/
.flashy {
background: green; 
padding: 10px 30px;;
clear: both;
color: #fff;
font-weight: bold;
float: left;
-moz-border-radius:  6px;
width:390px ;
float: left;
text-align: center;
}
.flashy:hover {
	text-decoration: underline;
	color: #fff;
}
/****** TABLES ********/

tr,td,th,table {
	margin: 0;
	padding: 0;
	text-align: center;
}
th {
	min-width: 100px;
}
.tableau {
	
}
th {
	background: #069;
	color: #eee;
	white-space: nowrap;
	padding: 6px 5px;
}	

/*--------------------*/
.prix {
	color: blue;
}
.mails {
	font-weight: bold;
	padding-left: 20px;
	background-image: url("../../images/icons/mail.png");
	background-repeat: no-repeat;
	background-position:left center;
	font-size: smaller;
	white-space: nowrap;
}
.nowrap {
	white-space: nowrap;
	text-align: left;
	float: left;
	width: 98%;
}
.tt_pages {
	font-size: 16pt;
	font-weight: bold;
	display: block;
	width: 530px;
	margin: auto;
	color: #069;
	margin-left: 180px;
	width: 500px;
	
}
.tt_pages2 {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #aaa;
	clear: both;
}
.tt_pages3 {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #069;
	clear: both;
	margin: 5px 0 10px;
}
h3.bloc {
	float: left;
	line-height: 2em;
	background: #eee;
	border-top: 2px solid #555;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	margin: 0;
}

table.table_annonce td{
 padding-left:15px;
 padding-right:5px;
}

table.table_annonce td.gauche{
  text-align:right;
  border-right:1px solid  #000;
  width:105px;
}


.liste_ecoles_ul {
	font-weight:bold;
	font-size: 12pt;
	list-style-type:none;
	text-align:left;
	padding: 0;
	margin: 0;
	padding-top: 30px;
	background: #fff;
}
.liste_ecoles_ul li{
	padding: 0;
	margin: 0;
	
}
.liste_ecoles_ul li a{
	padding: 7px;
	display: block;
	margin: 0;
	padding-left: 70px;
}
.liste_ecoles_ul li a:hover{
	background: #0af;
	color: #fff ;	
}


/********Formulaires**********/
form {
	position: relative;
	width: 525px;
	float: left;
	margin-top: 20px;
	text-align: right;
}

form h3 {
	float: left;
	line-height: 2em;
	background: #eee;
	border-top: 2px solid #555;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	margin-top:10px;
	margin-bottom: 17px;
}
.form_row {
	clear: left;
	width: 100%;
	margin: 6px 0;
}
select{
	border: 1px inset #069;
}
.form_row  input[type=text],.form_row  input[type=password] {
	border: 1px solid #069;
	clear: right;
	height: 1.2em;
	line-height: 1.2em;
	padding: 2px;
}
label{
	font-weight: bold;
	color: #069;
	text-align: right;
	display: inline;
	width: 200px;
	margin-right: 10px;
	line-height: 2em;
}
.registration {
	position: relative;
	padding: 10px;
	border-top: 1px solid #069;
	float: right;
}
.forget_pass_form fieldset {
	float: left;
	color: #069;
}
fieldset {
	position: relative;
	margin-top:10px;
	margin-bottom:10px;
	width: 75%;
	padding: 10px;
	border: 1px solid #069;
	-moz-border-radius: 5px;	
}
legend {
	text-transform: uppercase;
	font-weight: bold;
	color: #069;
	padding: 5px;
	background: #EFF6FF;
	border: 1px solid #069;
	-moz-border-radius: 5px;
}
#account_form select {
	width: 94%;
	background: #fff;
	margin: 0 10px;
	border-top-width: 3px;
	border-left-width: 3px;
}
#account_form select option {
	padding:2px 10px;

}
#account_form select option:hover {
	background: #eee;
}
#changepass p {
	margin: 5px 5px 0 0;
}
#changepass h3 {
	margin-top: 10px;
}
#changepass select{
	padding: 2px;
}
#changepass select option{
	height: 1.2em;
}

.p1 {
	float: left;
	width: 60%;
	text-align: center;
	margin-left: 12%;
	text-align: justify;
	display: inline-block;
}

.check_box {
	text-align: right;
	padding: 4px;
}
.check_box label{
	height: 1.5em;
	line-height: 1.5em;
}
.check_box input{
	float: right
	
}
.precision {
	font-size: 11px;
	clear: both;
	color: #000;
	display: block;
	float: right;
}
#service_form {	
	padding: 10px;
	border: 1px solid #069;
	
}
.moldif_client {
	float: left;
}
.moldif_client  table{
	width: 500px;
	float: left;
	overflow: auto;	
}
.moldif_client table th{
	
}
/*-----------------*/

/******** ANNUAIRE **********/
.annu_form {
	width: 500px;
	clear: none;
	display: block;
	float: left;
}
.annu_result {
	width: 500px;
	border: 1px solid #069;
	margin-top: 27px;
	margin-left: 20px;
	float: left;
	clear: none;
}
.annu_result h2 {
	text-indent: 5px;
	background: #069;
	color: white;
	width: 100%;
	height: 30px;
	line-height:30px;
	font-size: 1.1em;
}
.annu_result ul {
	list-style-type: none;
	max-height: 500px;
	overflow:auto;
	margin: 0;
	width:100%;
	padding: 0;
}
.annu_result li{
	text-indent: 10px;
	color: #069;
	background: url("../images/layout/midd.png")repeat-x left top;
	line-height: 1.5em;
}
/*-------------------*/

.ok , .success, .succes {
	color: green;
	background: #D7EFD1 url('../images/layout/icons/success.png') no-repeat 5px center ;
	border: 1px dotted green;
}

.erreur{
	color: red;
	background: #FFEFF2 url('../images/layout/icons/error.png') no-repeat 5px center ;
	border: 1px dotted red;
}
.erreur,.ok ,.success,.succes {
	padding:20px 5px 20px 65px;
	clear: none;
	display:block;
	float: none;
	white-space: normal;
	margin: 10px 5px;
	text-align: left;
	width:82%;
}

.erreur2{
	color: red;
}
.erreur3{
	color: red;
}
h1{
	font-size: 1.5em;
}
.header_logo {
	display: block;
	width: 520px;
	height: 70px;
	float: left;
	margin: 5px 0 0 20px;
	position: absolute;
	text-align: right;
	overflow: hidden;
}
.header_logo  span {
	color:#888;
	font-size: 18px;
	margin-top: 40px;
	display:none;
	text-transform: uppercase;
	font-family: sans-serif;	
}
a {
	color: #006699;
	text-decoration: none;	
}

a:hover {
	color: #77aaee;
}

#main {
	width: 985px;
	margin: 0 auto;
	text-align: left; /*remise du texte a gauche*/
	background: #fff;
	position: relative;
	
}

#header, #main_content, #footer {
	width: 100%;
	clear: both;
	margin: auto;
}

#main_content {
	height: auto;
	position: relative;
	margin: 40px auto 30px;
	padding: 0 30px;
}

#header {
	height: 110px;
	width: 100%;
	background-image: url("../images/layout/header.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
#menu {
	width: 985px;
	height: 29px;
	
	line-height: 29px;
	margin: 81px 30px 0 30px;
	position: absolute;
	
	background-image: url("../images/layout/menu_left_corner.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul{
	padding: 0;
	margin: 0;
	
	list-style: none;
	font-size: 11pt;	
	
	float: left;
}
#menu li {
	display: inline;
	margin: 0;
	float: left;
	padding: 0 2px 0 0;
}

#menu li  a{
	color: #fff;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	float: left;	
	padding: 0 15px;	
}
#menu li  a:hover{
	color: #eee;
	text-decoration: underline;	
}

#menu .left li {
	background-image: url("../images/layout/menu_item_separator.jpg");
	background-repeat: no-repeat;
	background-position: right top;

}

#menu .left, #menu .right{
	height: 29px;
	line-height: 29px;
}
#menu .left {
	width: 700px;
	background-image: url("../images/layout/menu_item.jpg");
	background-repeat: repeat-x;
	margin-left: 13px;

}
#menu .right {
	background-image: url("../images/layout/menu_right_corner.jpg");
	background-repeat: no-repeat;
	background-position: right top;

	width: 216px;
	overflow: hidden;
}
#menu .left li  a {
	background-image: url("../images/layout/menu_item.jpg");
	background-repeat: repeat-x;	
}
#menu .left li  a:hover{
	background-image: url("../images/layout/menu_item_hover.jpg");	
}
#menu .right li  a {
	padding: 0 4px;
}
.menu_current {
	font-size: 1.2em;
	font-weight: bold;
}
#menu .sous_menu  {
	position: absolute;
	top: 29px;
	display: none;
	left: 5px;
	font-size: 11px;
	background: #fff;
	border: 1px solid #eee;
}


#menu .sous_menu  li  {
	background-image: url("none.jpg");
	padding:0;
}	
#menu .sous_menu  li a {
	color: #555;
	background-image: url("none.jpg");
	padding: 0 5px;
}	
#menu .sous_menu  li  a:hover{
	color: black;
	text-decoration:underline;	
	background-image: url("none.jpg");
	background-color: #eee;
}
.ss_current {
	display: block;

}
.sous_menu a.current {
	text-decoration:underline;
	background-image: url("none.jpg");
	background-color: #E0E7EF;
}
.hidden{
	display: none;
	visibility: hidden;

}

.blue {
	color: #3e97e7;
}
.blue1 {
	color: #5ba6e8;
}
.blue3 { color: blue}
#espaces .blue1 {
	font-size: 1.3em;
	margin-right: 8px;
}

.bold {
	font-weight: bold;
}
.big {
	font-size: 1.3em;
}
.normal {
	font-weight: normal;
	text-transform: capitalize;
}
.message_accueil{
	height: 50px;
	overflow: hidden;
	margin:0 30px 40px;
	position: relative;
	width: 870px;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	-moz-border-radius: 6px;
}
.vertical {
	height: auto;
	overflow: hidden;
	border: none;
	margin-left: 4px;
	margin-top: 4px;
	background-color: transparent;
	width: 173px;
	float: left;
	position: absolute;
	font-size: 10px;
}
.question, .reponse {
	height: 50px;
	float: left;
} 

.message_accueil .reponse {
	line-height: 1.5em;
	float: left;
	width: 70%;
	padding: 5px 0 0 10px;
}
.question {
	background-image: url("../images/layout/question.png");
	background-repeat: no-repeat;
	color:#999;
	font-size:16px;
	font-weight: bold;
	height:60px;
	line-height:1.3em;
	padding:5px 40px;
	width: 120px;
	overflow: hidden;
}
.question:first-line {
	color: #555;
}
.vertical .reponse{
	width: 172px;
	display: block;
	overflow: hidden;
	height: auto;
}

.vertical .reponse{
	width: 90%
}

a.button_gros {
	background-image: url("../images/layout/button_big.png");
	background-repeat: no-repeat;
	background-position: left top;
	
	height: 56px;
	width: 170px;
	
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	margin: 170px 0 0;
	text-align: left;
	padding: 5px 0 0 5px;
	font-size: 10px;
	line-height: 20px;
}
a.button_gros:hover{
	background-image: url("../images/layout/button_bigb.png");
	color: #222;
	
}

#services {
	float: left;
	height: auto;
	z-index: 2;
	width: 550px;
	text-align: center;
	margin-left: 190px;
}

#services *{
	z-index: 2;
}

#services h2 {
	color: #222;
	position: relative;
	margin-left: 40px;
	text-align: left;
	padding-top: 10px;
	font-size: 1.3em;
}
.service {
	margin: 7px auto;
	text-align: left;
	padding: 0px;
	height: 100px;
	float: left;
	width: 100%;
	clear: both;
	position:relative;
	float:left;
	
}
.fleche, .numero, .icon { 
	height: 100px;	
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	position: absolute;
	cursor: default;
}
.numero {
	font-size: 36px;
	width: 30px;
	line-height: 100px; 
	text-align: center;
}


.fleche {
	background: url("../images/layout/fleche.png") no-repeat left top;
	width: 380px;
	margin: 0 0 0 40px;	
}
.fleche:hover {
	background: url("../images/layout/fleche_hover.png") no-repeat left top;
}
.fleche:hover a.more {
	background-image: url("../images/layout/more_hover.png");
}

.fleche .content {
	margin: 10px 10px 0 10px;
	float: left;
	position: absolute;
	line-height: 1.5em;
	font-size: 1em;
	width: 80%;
}
#personne {
	height: 120px;
	position:relative;
	float: right;
	width: 520px;
	overflow: visible;
}
.meesage_perso {
	width:300px;
	line-height: 1.4em;
	position: absolute;
	font-size: 13px;
	left:0;
}
.meesage_perso h2{
	font-size: 18px;
	text-transform: capitalize;
}

#photo {
	position: absolute;
	right:0;
	z-index: 110;
	float: right;
	width: 163px;
	text-align: center;
}
.pic {
	background: url("../images/layout/photo_anonyme.jpg") no-repeat left top;
	display: block;
	width: 70px;
	height: 65px;
	z-index: 250;
	cursor: pointer;
	margin: 30px auto 10px;
	
}
a:hover .pic {
	background-image: url("../images/layout/photo_anonyme.png");
}
.button {
	background: url("../images/layout/button1.png") no-repeat left top;
	display: inline-block;
	width: 141px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	border: none;
	color: #069;
	padding-left:10px;
}
.button1 {
	background: url("../images/layout/button1.png") no-repeat left top;
	display: inline-block;
	width: 141px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	border: none;
	color: #069;
	padding-left:10px;
	
}
.button2 {
	background: url("../images/layout/button2.png") no-repeat left top;
	display: inline-block;
	width: 162px;
	height: 31px;
	line-height: 31px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent:10px;
	border: none;
	color: #069;
	
}
.submit {
	float: right;
	margin: 10px 10px 0 0 ;
}
.submit:hover{
		color: #000;
}
.button1:hover {
		color: #77aaee;
}
#bandeau_manageur {
	position:relative;
}
.more {
	background-image: url("../images/layout/more.png");
	background-repeat:no-repeat;
	background-position: left top;
	color:#f4f1e9;
	display: block;
	width: 315px;
	height: 30px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	line-height: 30px;
	position: absolute;
	top: 50px;
	left: 0;
	padding-left: 3px;
	margin: 0;
	z-index: 300;
}
a.more:hover {
	color: #fff;
}
.smaller {
	font-size: smaller;
	color: #069;
	clear: right;
	display: block;	
}
/******************************** icons ****************************/
.icon {
	background-repeat: no-repeat;
	background-position: right	center;
	display: block;
	text-indent: -9900px;
	overflow: hidden;
	line-height: 100px;
	height: 100px;
	position: absolute;
	z-index: 300;
	width: 100px;
	right: -70px;
}

.icon2 {
	border: 0px none;
}
.icon_1:hover, .icon_1.icon_hover  {
	background-image: url("../images/layout/service_icon_1.png");
}
.icon_2:hover, .icon_2.icon_hover {
	background-image: url("../images/layout/service_icon_2.png");
}
.icon_3:hover, .icon_3.icon_hover {
	background-image: url("../images/layout/service_icon_3.png");
}
.icon_4:hover, .icon_4.icon_hover {
	background-image: url("../images/layout/service_icon_4.png");
}

/****Hover****/
.icon_1{
	background-image: url("../images/layout/service_icon_1_hover.png");
}
.icon_2 {
	background-image: url("../images/layout/service_icon_2_hover.png");
}
.icon_3 {
	background-image: url("../images/layout/service_icon_3_hover.png");
}
.icon_4 {
	background-image: url("../images/layout/service_icon_4_hover.png");
}


.tiny_icon {
	width: 16px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	margin: 3px 10px 0 ;
	display: inline-block;
	position: relative;
}

.edit {
	background-image: url("../../images/icons/edit.png");
	background-repeat: no-repeat;
}
.view {
	background-image: url("../../images/icons/view.png");
	background-repeat: no-repeat;
}
.valid {
	background-image: url("../../images/icons/ok.png");
	background-repeat: no-repeat;
}
.help {
	background-image: url("../../images/icons/help.png");
	background-repeat: no-repeat;
}
.danger {
	background-image: url("../../images/icons/danger.gif");
	background-repeat: no-repeat;
}
.remove {
	background-image: url("../../images/icons/del.png");
	background-repeat: no-repeat;
}

/*************** services bg ********************/
.services_bg_left {
	background: transparent url("../images/layout/middl.png") no-repeat left top;
	float: left;
	min-height: 500px;
	padding-bottom: 30px;
	padding-left: 10px;
	position: relative;
	position: relative;
}
.services_bg {
	background: url("../images/layout/midd.png") repeat-x left top;
	width: 740px;
	float: left;
	min-height: 500px;
	padding-top: 10px;
	z-index: 30;
	position: relative;

}
.services_bg_right {
	background:url("../images/layout/middr.png") no-repeat top right;
	float: left;
	width: 10px;
	display: inline-block;
	min-height: 500px;
}
.middbl {
	background:url("../images/layout/middbl.png") no-repeat left bottom;
	float: left;
	margin-bottom: 30px;

}
.middbr {
	background: url("../images/layout/middbr.png") no-repeat right bottom;
	float: left;
}
#footer {
	clear: left;
	position: relative;
	height: 125px;
	background : url("../images/layout/footer_bg.jpg") repeat-x left top;
	text-align: center;
	margin: auto;
	width: 950px;
	
}
#footer .left {
	background: url("../images/layout/footer_left.jpg") no-repeat left top;

}
#footer .right {
	background: url("../images/layout/footer_right.jpg") no-repeat right top;
	padding: 10px;

}
#footer .partners {

}
#footer ul {
	list-style: none;
	color: black;	
}
#footer ul li {
	display: inline;
	margin: 0

}
#footer ul li a {
	color: black;
	padding: 5px 10px;

}
#footer ul li a:hover {
	color: blue;
}
/************ vertical panel **********/

.vertical_partners_top {
	background-color: transparent;
	background-image: url("../images/layout/vertical_parters_panel_top.png");
	background-repeat:no-repeat;
	background-position:center top;
	text-align: center;
	width: 175px;
	float: left;
	margin-left: 10px;
	padding: 10px 0 0 0;

}
.vertical_partners_down{
	background-color: transparent;
	background-image: url("../images/layout/vertical_parters_panel_down.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom: 20px;

}
.vertical_partners_panel{
	background-color: transparent;
	background-image: url("../images/layout/vertical_parters_panel_midd.png");
	background-repeat:repeat-y;
	background-position:center top;
	padding: 0 10px;
	margin:0;
	font-size: 1em;
	height: auto;
}
.vertical_partners_panel h3{
	font-size: 1.1em;

}
.vertical_partners_panel .contenu{
	line-height: 1.5em;
	margin:0;
	min-height: 300px;
}
.fleche .contenu {
		overflow: hidden;
	}
.right_shortcuts {
	padding:0;
	list-style-type: none;
	text-align: left;
	margin: 0;
}

.right_shortcuts li a {
	background-color: transparent;
	background-image: url("../images/layout/fleche_bleu.jpg");
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	height: 15px;
	line-height: 15px;
	color: #3e97e7;
}

.gradient_20px {
	background-color: transparent;
	background-image: url("../images/layout/gradian_bg_20px.jpg");
	background-repeat:repeat-x;
	background-position:left center;
	padding-left:20px;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #000;
	margin: 0;	
	margin:0 0 10px 0;	
}
.gradient_40px {
	background-color: transparent;
	background-image: url("../images/layout/gradian_bg_40px.jpg");
	background-repeat:repeat-x;
	background-position:left center;
	display: block;
	height: 40px;
	line-height: 20px;
	color: #000;
	margin: 0;	
	margin:0 0 10px 0;	
}
h3.blue1 {
	background-image: url("../images/layout/vertical_parters_panel_spar.png");
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom: 10px;
	font-size: 14px;
}


.letchif {
	border: 1px solid #069;
	background: #fff;	
	margin: 10px ;
}
.letchif a{
	margin: 0;
	padding: 3px 5px;
	font-size: smaller;
	
}
.letchif a:hover {
	background: blue;
	color: #fff;
}


/********************Espaces *****************/




#espaces {
	margin: 0 30px 40px;
	width: 870px;
	position: relative;
	
}
#espaces .button1{
	margin: 0 0 20px  30px;
}

#espaces_tabs {
	list-style-type: none;
	height: 49px;
	display: block;
	margin: 0;
}

#espaces_tabs a{
	background-image: url("../images/layout/tab_normal.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	width: 280px;
	height: 49px;
	overflow: hidden;
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 49px;
	font-size: 18pt;
	color: #bbb;
	top: 10px;
	position: relative;
}
#espaces_tabs a.dip {
	margin-left: 7%;
	float: left;
}
#espaces_tabs a.rec {
	float: right;
	margin-right: 10%;
}

#espaces_tabs a.active{
	background-image: url("../images/layout/tab_active.jpg");
	color: #069;
	top: 1px;
	position: relative;
}

.espace_left {
	background-image: url("../images/layout/spaces_left.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	padding-left: 10px;	
	margin: 0 auto;
	width: 860px;

}
.espace_right {
	background-image: url("../images/layout/spaces_right.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	padding-right: 10px;
}
.espace {
	background-image: url("../images/layout/spaces_content.jpg");
	background-repeat:repeat-x;
	background-position:left top;
	height: 226px;
}
.espace ul{
	list-style: none;
	margin-top: 30px;
	font-weight: bold;	
	padding: 0;
	width: 100%;
	margin: 0;
	
}
.espace li{
	margin: 20px;
}
.espace li a{
	padding: 5px 0;	
}
.espace li a:hover{
	color: #0070DF;
	text-decoration: underline;	
}

#espace_dip{
	display: inline-block;
	width: 48%;
	float: left;
	position: relative;
	height: 224px;
}

#espace_rec {
	display: inline-block;
	width: 48%;
	float: right;
	position: relative;
	height: 224px;
}

.espace .active {
	background-image: url("../images/layout/spaces_content_active.jpg");
	background-repeat:repeat-x;
	background-position:left 2px;
}
#espaces .button {
	float: left;
	margin: 20px;
}

/***********espaces anciens********/

.interservices { text-align: left;}
.interservices ul{
    list-style-type: none;
    float: left;
    padding-left: 10px;
}
.interservices .ul_1{
	margin: -10px 0 5px 32px;
}

.interservices li {
	background-image: url('../images/layout/fleche.png');
	background-repeat:no-repeat ;
	background-position: -10px -77px;
	line-height: 16px;
	height: 16px;
	text-indent: 10px;
	display: block;
	margin: 0;
	clear: both;
	padding: 0;
	float: left;
	width : 320px;
}

#pop_cv {
	position: absolute;	
	padding: 10px;
	background: #eee;
	border: 1px solid #888;
	color: #444;
	z-index: 1000;
	display: none;
}
.etiquette {
	list-style-type: none;	
	border: 1px solid #bbb;
	padding: 10px;
	margin: 10px;
	float: left;
}
.fleft {
	float: left;
}
#bandeau_manageur{
	height: 70px;
	margin: auto;
}
.connu {
	background-image: url('../images/layout/connu.jpg');
	background-repeat:no-repeat;
	display: block;
	width: 90px;
	height: 65px;
	margin: 30px auto 10px;
}
.progress {	
	background-image: url('../images/layout/progress.png');
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	width: 141px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

.th .fright {
padding-right: 10px;
}
.fright {
	float: right;
}

/* -- barre_gauche + fx -- */
.hide_button {
	float: left
}

.corner_button {
	background: url("../images/layout/corner_button.jpg") no-repeat left top;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	border: none;
	color: #777;
	padding-left:5px;
	margin-left: 1px;
	margin-bottom: 20px;
	width: 173px;
	clear: both;
}
.corner_button_hover {
	background: url("../images/layout/corner_button_hover.jpg") no-repeat left top;
	display: inline-block;
	width: 173px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	border: none;
	color: #777;
	padding-left:6px;
	margin-top: -1px;
	margin-left: 0px;
	clear: both;
}
.hide_content {
	padding: 10px;
}
#middle_content {
	width: 75%;
	float: left;

}
#middle_content p{
	width: 95%;
	margin: 10px auto;
	clear: both;
}
#middle_content p:first-line{
	font-weight: bold;
}
.red {
	color: red;
}
.green {
	color: green;
}
#midd_content_right {
	float: left;
	margin: 0;
	width: 550px;
	position: relative;
}
.bg_bleu_gradient {
	height: 150px;
	width: 100%;
	background-image: url("../images/layout/fond_service.png");
	background-repeat:repeat-x;
	margin-top: 120px;
	float: left;
	position: relative;
	
}
#barre_gauche {
	background-image: url("../images/layout/panneau_gauche.jpg");
	background-repeat:no-repeat;
	background-position: right 50px;
	float: left;
	margin: -10px;
	width: 190px;
	margin-right: 10px;
	height: auto;
}

.remove,.del {
	background-image: url("../../images/icons/del.png");
	background-repeat: no-repeat;
}

.spaced
{
	margin-top: 5px;
}

table.spaced td
{
	text-align: left;
}

img
{
	border: 0px;
}

.fleft
{
	float: left;
	clear: left;
}

a.partenaire
{
	background-image: url("../images/layout/banque_france.jpg");
	background-repeat: no-repeat;
	position: absolute;
	left: 229px;
	top: 1px;
	height: 80px;
	width: 453px;
}

.m_reply_message {border: 1px solid #ddd; background: #fefefe; padding: 10px;}