/**************************
**CSS DU SITE KOT-A-LIEGE**
**************************/

/**************************
**REDEFINITION DE BALISES**
***************************/

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Verdana";
	font-size: 12px;
	color: #727272;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

h1 {
	font-size: 14px;
	color: #4094D3;
	margin: 5px 0 18px 0;
}

h3.titre-top {
	margin: 5px 0 20px 0;
	font-size: 17px;
	font-weight: normal;
	color: rgb(57, 57, 57);
}

h3.titre {
	margin: 30px 0 20px 0;
	font-size: 17px;
	font-weight: normal;
	color: rgb(57, 57, 57);
}

h4.sous-titre {
	margin: 25px 0 10px 0;
	font-size:15px;
	font-weight: normal;
	color:#393939;
}

a {
	color: #4094D3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.checkbox {
	margin: 0 15px 0 0;
}

input, textarea, select{
    font-size:11px;
}

/*********************************
**FIN DE REDEFINITION DE BALISES**
**********************************/

/* toolotip	*/

.tipcall{
font-size:11px;
color: #4094D3;
cursor: pointer;
}

.tooltip{
background-color:#FDFDE7;
border:1px solid #CC9933;
padding:15px;
position:absolute;
font-size:12px;
font-family:Verdana;
}

/* drag and drop */

#order{
list-style:none;
}

#order li.sortable{
margin: 15px 0;
}

#order li.sortable img{
cursor: s-resize;
}

/************************
**BALISES STRUCTURELLES**
************************/
/* conteneur du site entier */
#conteneur {
	float: left;
	display: block;
	width: 100%;
	background-image: url(../images/layout/bg_degrade.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

/* conteneur de la partie supérieure (jusqu'au trait bleu en pied de page) */
#superieur {
	position: relative;
	left: 50%;
	width: 880px;
	margin-left: -432px;
	z-index: 2;
}

#header {
	float: left;
	display: block;
	width: 865px;
	height: 174px;
	margin-bottom: 30px;
}

/* attention a la specificite pour ecraser le background-image du #header */

#superieur .accueil_es {
}

#header_annonceur {
	float: left;
	display: block;
	width: 865px;
	height: 174px;
	margin-bottom: 30px;
	background-image: url(../images/header/bg_header_annonceur.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#logo {
	float: left;
	display: inline;
	width: 123px;
	height: 151px;
	margin: 13px 55px 0 26px;
}

#menu_superieur {
	float: left;
	display: inline;
	width: 395px;
	margin: 12px 0 0 18px;
}

#menu_superieur_annonceur {
	float: left;
	display: block;
	width: 560px;
	margin-top: 12px;
}

#menu_superieur a, #menu_superieur_annonceur a {
	float: left;
	display: block;
	color: #4094D3;
	text-decoration: none;
	font-size: 13px;
}

#menu_superieur a:hover, #menu_superieur_annonceur a:hover {
	text-decoration: underline;
}

.separateur_menu_superieur {
	float: left;
	display: inline;
	width: 2px;
	height: 14px;
	background-color: #D2D2D2;
	margin: 0 25px 0 25px;
}


.separateur_menu_superieur_annonceur {
	float: left;
	display: inline;
	width: 2px;
	height: 14px;
	background-color: #D2D2D2;
	margin: 0 15px 0 15px;
}

#options {
	float: left;
	display: block;
	width: 247px;
	height: auto !important;
	height: 27px;
	min-height: 27px;
	color: #FFFFFF;
	font-size: 11.5px;
	margin-top: 6px;
}

#deconnexion {
	float: left;
	display: block;
	width: 101px;
	height: 27px;
	color: #FFFFFF;
	font-size: 11.5px;
	margin-top: 6px;
	text-align: center;
}

#deconnexion p {
	margin: 5px 0 0 0;
}

#options a, #deconnexion a {
	color: #FFFFFF;
	text-decoration: none;
}

#options a:hover, #deconnexion a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#connexion, #langues {
	float: left;
	display: inline;
	margin: 6px 0 0 10px;
}

#deroulant_connexion {
	float: left;
	display: block;
	width: 247px;
	/*height: 120px;*/
	color: #FFFFFF;
	font-size: 11.5px;
}

#deroulant_connexion p {
	float: left;
	display: inline;
	width: 200px;
	font-size: 11px;
	margin: 7px 0 5px 10px;
}

.intitule_input_connexion {
	float: left;
	display: inline;
	width: 85px;
	font-size: 11px;
	margin: 8px 0 0 5px;
}

.input_connexion {
	float: left;
	display: inline;
	width: 143px;
	height: 17px;
	border: 1px solid #9EB3C3;
	color: #232323; /*#D86248;*/
	margin-top: 8px;
	vertical-align: middle;
}

#arianne {
	float: left;
	display: inline;
	width: 600px;
	font-size: 10px;
	color: #4094D3;
	margin: -10px 0 20px 257px;
	position: relative; /* pour bug ie6 (lié zindex?): passe en dessous du div dégradé */ 
}

#arianne a {
	color: #4094D3;
	text-decoration: none;
}

#arianne a:hover {
	text-decoration: underline;
}

#onglets {
	float: left;
	display: inline;
	/*width: 600px;*/
	height: 30px;
	margin-left: 101px;
	vertical-align: bottom;
}

#corps {
	float: left;
	display: block;
	width: 880px;
}

#colonne_left {
	float: left;
	display: block;
	width: 207px;
	text-align: center;
	margin-right: 18px;
}

.lien_recherche_avancee {
	font-size: 14px;
	font-weight: bold;
	color: #4094D3;
	text-decoration: none;
}

.lien_recherche_avancee:hover {
	text-decoration: underline;
}

#menu_left {
	float: left;
	display: block;
	width: 210px;
}

#menu_left_accueil {
	float: left;
	display: block;
	width: 207px;
	height: 32px;
	text-decoration: none;
}

#menu_left_accueil:hover, #menu_left_accueil_select {
	float: left;
	display: block;
	width: 207px;
	height: 32px;
	text-decoration: none;
}

#menu_left_dashboard {
	float: left;
	display: block;
	width: 207px;
	height: 32px;
	background-image: url(../images/menu/dashboard.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#menu_left_dashboard:hover, #menu_left_dashboard_select {
	float: left;
	display: block;
	width: 207px;
	height: 32px;
	background-image: url(../images/menu/dashboard_over.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

.rubrique_left {
	float: left;
	display: block;
	width: 207px;
	max-width: 205px;
	height: 32px;
	font-family: "Arial";
	color: #4094D3;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 2.4em;
	text-decoration: none;
	background-color: #EDEDED;
	border: 1px solid #DFE7EA;
	border-bottom: none;
}

.rubrique_left:hover, #rubrique_left_select {
	float: left;
	display: block;
	width: 207px;
	max-width: 205px;
	height: 32px;
	font-family: "Arial";
	color: white;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	line-height: 2.4em;
	text-decoration: none;
	background-color: #4094D3;
	border: 1px solid #DFE7EA;
	border-bottom: none;
}

.intitule_rubrique_left {
	margin-left: 25px;
}

.sous_rubrique_left {
	float: left;
	display: block;
	width: 207px;
	max-width: 205px;
	color: #4094D3;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	background-color: #EDEDED;
	border-left: 1px solid #DFE7EA;
	border-right: 1px solid #DFE7EA;
	padding: 7px 0;
}

.sous_rubrique_left:hover{
	float: left;
	display: block;
	width: 207px;
	max-width: 205px;
	color: #666666;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	background-color: #B5D1E2;
	border-left: 1px solid #DFE7EA;
	border-right: 1px solid #DFE7EA;
	padding: 7px 0;
}

#sous_rubrique_left_select {
	float: left;
	display: block;
	width: 207px;
	max-width: 205px;
	color: #666666;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	font-weight:bold;
	background-color: #F7FCFF; /*#EDF8FC;*/
	border-left: 1px solid #DFE7EA;
	border-right: 1px solid #DFE7EA;
	padding: 7px 0;
}

.intitule_sous_rubrique_left {
	margin-left: 30px;
}


#footer_menu_left {
	float: left;
	display: block;
	width: 207px;
	height: 43px;
}

#partenaires {
	float: left;
	display: block;
	width: 207px;
	height: 289px;
	color: #74D634;
	text-align: left;
	margin-top: 10px;
}

#logos_partenaires {
	float: left;
	display: block;
	width: 207px;
	height: 266px;
	text-align: center;
	margin-top: 12px;
	background-image: url(../images/cadres/bg_cadre5.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#social_sites {
	float: left;
	display: block;
	width: 207px;
	height: 192px;
	text-align: center;
	margin-top: 15px;
	background-image: url(../images/cadres/bg_cadre3.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#central_accueil {
	float: left;
	display: inline;
	width: 605px;
	margin-left: 32px;
	border:0px solid black;
}

#central {
	float: left;
	display: inline;
	width: 610px;
	margin-left: 17px;
}

#central_texte {
	margin-left: 17px;
	margin-top:40px;
}

#central_annonceur {
	float: left;
	display: inline;
	width: 575px;
	margin: 20px 0 0 17px;
	border:0px solid black;
}


#central_recherche {
	float: left;
	display: inline;
	width: 640px;
}

/* conteneur de la partie inférieure du site (à partir du trait bleu inclus) */
#inferieur {
	float:left;
	width: 100%;
	height: 62px;
	margin-top: 20px;
}

#footer {
	position: relative;
	left: 50%;
	width: 865px;
	margin: 10px 0 0 -432px;
}

#footer_left {
	float: left;
	display: inline;
	width: 150px;
	height: 52px;
	text-align: left;
	padding-top:5px;
}

#footer_left a {
	/*color: #424242;*/
	text-decoration: none;
}

#footer_left a:hover {
	text-decoration: underline;
}

#footer_middle {
	font-size:9px;
	float: left;
	display: inline;
	width: 565px;
	height: 62px;
	text-align: center;
	padding-top: 0px;
	line-height:14px;
	/*font-family: Arial;*/
}

#footer_middle a{
	color: #727272;
	text-decoration: underline;
}

#footer_middle a:hover{
	color: #727272;
	text-decoration: none;
}


#footer_right {
	float: left;
	display: inline;
	font-size: 12px;
	color: #424242;
	width: 150px;
	height: 52px;
	text-align: right;
	padding-top:7px;
}

#footer_right a {
	font-size: 12px;
	color: #4094D3;
	text-decoration: none;
}

#footer_right a:hover {
	text-decoration: underline;
}

#copyright {
	font-size: 11px;
	color: #B3B3B3;
}

/*******************************
**FIN DE BALISES STRUCTURELLES**
*******************************/

/***************************************
**BALISES EN PAGE D'ACCUEIL UNIQUEMENT**
***************************************/

/* encart de recherche rapide*/
#recherche_rapide {
	float: left;
	display: block;
	width: 207px;
	height: 208px;
	text-align: center;
	margin-bottom: 15px;
}

#recherche_rapide h1{
	color: #727272;
	margin-top:15px;
	font-size:14px;
}

.select_recherche_rapide {
	width: 152px;
	color: #727272;
	font-size: 11px;
	margin-bottom: 10px;
	border: 1px solid #727272;
}

#recherche_par_reference {
	float: left;
	display: block;
	width: 208px;
	height: 58px;
	border:0px solid black;
	text-align: center;
	margin-bottom: 12px;
	margin-top:20px;
}

#recherche_par_reference.avec_titre{
	border: 0px solid black;
	height: 88px;
}

#recherche_par_reference h1{
	color: #727272;
	margin-top:15px;
	font-size:13px;
	margin-bottom:0px;
}
#recherche_par_reference table{
	margin-right:auto !important;
	margin-left:auto !important;
	border:0px solid black;
	padding:0;
	margin:0;
	margin-top:12px;
}
#recherche_par_reference table.table_avec_titre{
	margin-top:10px;
}

#recherches_speciales{
	float: left;
	display: block;
	width: 208px;
	height: 192px;
	border:0px solid black;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	background-image: url(../images/cadres/bg_cadre3.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#recherches_speciales h1{
	color: #727272;
	margin-top:20px;
	font-size:13px;
	margin-bottom:0px;
}

#recherches_speciales table{
	margin-right:auto !important;
	margin-left:auto !important;
	border:0px solid black;
	padding:0;
	margin:0;
	margin-top:20px;
	width:180px;
}
#recherches_speciales table.table_avec_titre{
	margin-top:15px;
}
#recherches_speciales table td{
	padding-bottom:10px;
}

#recherches_speciales a{
	color:#727272;
	font-size:11px;
	text-decoration:none;
}
#recherches_speciales a:hover{
	color:#727272;
	font-size:11px;
	text-decoration:underline;
}

#legende{
	float: left;
	display: block;
	width: 208px;
	height: 192px;
	border:0px solid black;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(../images/cadres/bg_cadre3.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#legende table{
	margin-right:auto !important;
	margin-left:auto !important;
	border:0px solid black;
	width:180px;
	padding:0;
	margin:0;
	margin-top:25px;
}
#legende table td{
	padding-bottom:10px;
}


#kot_semaine {
	float: left;
	display: inline;
	width: 291px;
	height: 183px;
	margin: 0 25px 30px 10px;
	background-image: url(../images/accueil/bg_kot_semaine.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#desc_kot_semaine {
	margin: 75px 12px 0 12px;
	width: 245px;
	font-size: 11px;
}

#kot_semaine a {
	color: #727272;
	text-decoration: none;
	font-weight: bold;
}

#kot_semaine a:hover {
	text-decoration: underline;
}

#info_bulle {
	float: left;
	display: block;
	width: 236px;
	height: 183px;
	margin-top: 23px;
	background-image: url(../images/accueil/bg_info_bulle.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#titre_info_bulle {
	float: left;
	display: inline;
	color: #FFFFFF;
	font-size: 19px;
	font-weight: bold;
	margin: 14px 0 13px 20px;
}

#desc_info_bulle {
	float: left;
	display: inline;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0 20px;
}

#lien_info_bulle {
	float: left;
	display: inline;
	width: 196px;
	font-size: 10px;
	text-align: right;
	margin: 12px 20px;
}

#lien_info_bulle a {
	color: #FFFFFF;
	text-decoration: none;
}

#lien_info_bulle a:hover {
	text-decoration: underline;
}

.titre_p {
	color: #424242;
	font-size: 15px;
	margin-bottom: 10px;
}
.desc_p {
	margin: 28px 0 30px 0;
	text-align: justify;
	font-size: 12px;
}
/**********************************************
**FIN DE BALISES EN PAGE D'ACCUEIL UNIQUEMENT**
**********************************************/

#quartier {
	float: left;
	display: block;
	width: 638px;
	height: 411px;
	margin-bottom: 8px;
	background-image: url(../images/recherche/bg_quartiers.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.type {
	float: left;
	display: inline;
	width: 313px;
	height: 205px;
	margin-bottom: 8px;
	background-image: url(../images/recherche/bg_type.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.cuisine {
	float: left;
	display: inline;
	width: 313px;
	height: 129px;
	margin-bottom: 8px;
	background-image: url(../images/recherche/bg_cuisine.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.atmosphere {
	float: left;
	display: inline;
	width: 313px;
	height: 154px;
	margin-bottom: 8px;
	background-image: url(../images/recherche/bg_atmosphere.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.recherche_blocs {
	float: left;
	display: inline;
	width: 620px;
}

.recherche_bloc {
	float: left;
	display: inline;
	width: 290px;
	margin: 15px 0 0 20px;
	line-height: 1.9em;
}

.ligne_recherche {
	float: left;
	display: inline;
	width: 610px;
	margin-top: 15px;
}

.titre_bloc_recherche {
	float:left;
	display: inline;
	width: 280px;
	margin: 5px 0 0 18px;
}

#titre_page {
	float: left;
	display: inline;
	width: 600px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 10px;
}

.titre {
	float: left;
	display: inline;
	width: 600px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 10px;
}

#titre_img {
	float: left;
	display: block;
}

#tri {
	float: left;
	display: block;
	width: 168px;
	height: 95px;
	background-image: url(../images/resultats/bg_tri.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 6px;
}

#titre_tri {
	float: left;
	display: inline;
	width: 142px;
	margin: 5px 0 0 14px;
}

#filtres {
	float: left;
	display: block;
	width: 457px;
	height: 95px;
	background-image: url(../images/resultats/bg_filtre.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#titre_filtres {
	float: left;
	display: inline;
	width: 438px;
	margin: 5px 0 0 8px;
}

#titre_filtres a {
	/*color: #7EE53E;*/
	text-decoration: none;
}

#titre_filtres a:hover {
	/*color: #7EE53E;*/
	text-decoration: underline;
}

.contenu_tri_filtres {
	float: left;
	display: inline;
	margin: 12px 0 0 17px;
}

.select_tri_filtres {
	width: 117px;
	color: #727272;
	font-size: 11px;
	margin: 0 25px 10px 0;
	border: 1px solid #727272;
}

.checkbox_filtres {
	float: left;
	display: inline;
	width: auto !important;
	width: 130px;
	min-width: 130px;
	font-size: 10px;
	margin-right: 27px;
}

#bouton_navigation {
	float: right;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #AEAEAF;
	padding: 2px 4px;
	margin: 0 0 3px 3px;
	text-decoration: none;
}

.page_navigation, .page_navigation_on, #suite_pagination {
	float: right;
	display: block;
	color: #4094D3;
	font-size: 11px;
	padding: 2px 4px;
	margin: 0 0 3px 3px;
	text-decoration: none;
}

.page_navigation_on {
    color:#727272;
}

#bouton_navigation:hover, .page_navigation:hover, #page_navigation_select {
	float: right;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 4px;
	margin: 0 0 3px 3px;
	background-color: #7DE53D;
	text-decoration: none;
}

/* balises de la page listing */
.un_kot {
	float: left;
	display: inline;
	width: 600px;
	color: #4094D3;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	border-bottom: 1px solid #E8E8E8;
	margin-left: 5px;
	padding-bottom: 15px;
}

.photo_un_kot {
	float: left;
	display: block;
	width: 128px;
	height: 110px;
	margin-top: 12px;
}

.bloc_left_un_kot {
	float: left;
	display: block;
	width: 390px;
}

.titre_un_kot {
	float: left;
	display: block;
	width: 160px;
	font-weight: bold;
	color: #727272;
	font-size: 12px;
	margin: 12px 0 2px 0;
}

.lien_detail {
	float: left;
	display: block;
	font-size: 10px;
	color: #4094D3;
	text-decoration: underline;
	font-weight: normal;
	margin-top: 12px;
	margin-right:10px;
}
.lien_detail:hover {
	color: #4094D3;
	text-decoration: none;
}

.lien_detail_un_kot {
	float: left;
	display: block;
	font-size: 10px;
	color: #4094D3;
	text-decoration: underline;
	font-weight: normal;
	margin-top: 13px;
	margin-left:5px;
	margin-right: 10px;
}
.lien_detail_un_kot:hover {
	color: #4094D3;
	text-decoration: none;
}

.date_publi_un_kot {
	float: right;
	display: block;
	font-size: 11px;
	color: #9A9A9A;
	font-weight: normal;
	margin-top: 12px;
	margin-right:5px;
}



#mes_annonces_action {
	border:0px solid black;
	float:right;
    width:139px;
	margin-top:7px;
}

#mes_annonces_action .lien_detail {
	float:none;
	display:inline;
	line-height:15px;
	font-size: 10px;
	color: #4094D3;
	text-decoration: underline;
	font-weight: normal;
	margin-right:10px;
}

#mes_annonces_action .lien_detail:hover {
	color: #4094D3;
	text-decoration: none;
}

.plus_photos {
	float: left;
	display: block;
	width: 90px;
	margin-top: 12px;
}

.etoiles_un_kot {
	float: left;
	display: block;
	width: 81px;
	margin-top: 12px;
}

.evaluation_un_kot {
	float: right;
	display: inline;
	width: 82px;
	height: 82px;
}

.sous_titre_un_kot {
	float: left;
	display: block;
	width: 465px;
	font-weight: bold;
	color: #A0A0A0;
	font-size: 12px;
	margin-bottom:4px;
}

.infos_un_kot {
	float: left;
	display: block;
	width: 225px;
	color: #777777;
	font-size: 11px;
	font-weight: normal;
}

.desc_un_kot {
	float: left;
	display: block;
	width: 470px;
	color: #BABABA;
	font-size: 12px;
	font-weight: normal;
	margin-top:4px;
}

/* balises de la page detail */

#conteneur_photo_principale {
	float: left;
	display: block;
	width: 282px;
	height: 200px;
	margin-right: 7px;
	font-size: 1px;
}

#photo_principale {
	float: left;
	display: inline;
	width: 267px;
	height: 200px;
	margin-left: 15px;
}

#photo_principale_petite {
	float: left;
	display: inline;
	margin: 0 7px 0 15px;
	width: 267px;
}

#photos_secondaires {
	float: left;
	display: block;
	width: 290px;
	height: 200px;
}

#photos_secondaires_petite {
	float: left;
	display: block;
	width: 290px;
	margin-top:50px;
}

.miniature {
	float: left;
	display: block;
	width: 90px;
	height: 71px;
	margin: 0 3px 3px 0;
}

#etoiles {
	float: left;
	display: block;
	width: 192px;
	margin-top: 37px;
}

#evaluation {
	float: left;
	display: inline;
	width: 82px;
	/*height: 200px;*/
	margin-left: 42px;
}

#information_left {
	float: left;
	display: inline;
	width: 450px;
	height:50px;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0 0 15px;
}

#information_right {
	float: right;
	display: block;
	width: 130px;
	height:50px;
	color: #C36200;
	text-align: right;
	margin-top: 5px;
}

#information_right a {
	color: #4094D3;
	text-decoration: none;
}

#information_right a:hover {
	text-decoration: underline;
}

/* retouché NS page showSuccess */
/* remplacement des float left par des div positionnés dans le flux ==> correction du bug de IE */

.titre_rubrique {
	position:relative;
	width: 600px;
	color: #4094D3;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	border-top: 1px solid #E8E8E8;
	padding: 10px 0 10px 15px;
}

.titre_rubrique a.top {
	float: right;
	color: #4094D3;
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
}

.titre_rubrique a.top:hover {
	text-decoration: none;
}

.desc_rubrique {
	border:0px solid black;
	position:relative;
	width: 600px;
	text-align: justify;
	margin-left: 15px;
	margin-bottom:0px;
} 

.tip_etudiant{
	font-size:11px;
	width: 578px;
	/* attn: ajuster width en fct du padding et bordure pour < 600px 
	et éviter bug largeur ds element flottant qui casse le layout dans ie6 */
	background-color:#EFEFEF;
	padding:0 10px;
	margin:0;
	border:1px solid #848484;
}

/* fin retouche NS page showSuccess */

#graphique {
	float: left;
	display: block;
	width: 292px;
	font-weight: bold;
}

#desc_graphique {
	float: left;
	display: block;
	width: 256px;
}

.ligne_graphique {
	float: left;
	display: block;
	width: 256px;
	height: 25px;
}

.intitule_graphique {
	float: left;
	display: block;
	width: 85px;
}

.barre_graphique {
	float: left;
	display: block;
	width: 170px;
}

.dixieme_orange {
	float: left;
	display: block;
	width: 17px;
	height: 17px;
	background-color: #FE9A00;
}

.dixieme_gris {
	float: left;
	display: block;
	width: 17px;
	height: 17px;
	background-color: #DBDBDB;
}

.un_commentaire {
	float: left;
	display: block;
	width: 605px;
	text-align: justify;
	margin-bottom: 20px;
}

.titre_commentaire {
	float: left;
	display: block;
	width: 605px;
	font-weight: bold;
	margin-bottom: 3px;
}

.titre_commentaire a {
	font-weight: normal;
	color: #4094D3;
	text-decoration: none;
}

.titre_commentaire a:hover {
	text-decoration: underline;
}

.date_commentaire {
	float: left;
	width: 605px;
	display: block;
	color: #B6B6B6;
	margin-bottom: 4px;
}

/* refonte CSS NS page showSucess , formulaire */

span.consigne  {
	border:0px solid black;
	font-size:11px;
	font-style:italic;
	color: #9E9E9E;
}

table.form_public td {
	border:0px solid green;
	font-size:12px;
	color:#666666;
}

table.form_public input, table.form_public textarea {
	border: 1px solid #C7C7C7;
	color: #666666;
}

/* fin refonte CSS NS page showSucess , formulaire */

#form_ajout_commentaire {
	float: left;
	display: block;
	width: 605px;
	margin-top: 14px;
}

#titre_form_ajout_commentaire {
	font-size: 14px;
	color: #74D634;
	font-weight: bold;
	margin-bottom: 15px;
}

.ligne_form_ajout_commentaire {
	float: left;
	display: block;
	width: 605px;
	margin-bottom: 7px;
	color: #9E9E9E;
}

.consigne_form_contact_annonceur  {
	float: left;
	display: block;
	width: 605px;
	margin: 18px 0 20px 0;
	color: #9E9E9E;
}

.intitule_input_form_ajout_commentaire {
	float: left;
	display: block;
	width: 55px;
	color: #666666;
}
.intitule_input_form_contact_annonceur{
	float: left;
	display: block;
	width: 75px;
	color: #666666;
}
.input_form_ajout_commentaire {
	float: left;
	display: block;
	/*width: 191px;*/
	border: 1px solid #C7C7C7;
	color: #666666;
}

.select_subscribe {
	width: 193px;
	font-size: 11px;
	border: 1px solid #C7C7C7;
	color: #666666;
}

.intitule_input_form_ajout_commentaire_obli {
	float: left;
	display: inline;
	width: 280px;
	margin-left: 7px;
	font-size:10px;
}



.textarea_form_ajout_commentaire {
	width: 522px;
	height: 93px;
	border: 1px solid #E7E7E7;
	color: #666666;
}

#navigation_basse {
	float: left;
	display: inline;
	width: 600px;
	font-size: 11px;
	border-top: 1px solid #E8E8E8;
	padding-top: 5px;
	margin: 8px 0 0 15px;
}


#navigation_basse_listing {
	float: left;
	display: inline;
	width: 600px;
	font-size: 11px;
	padding-top: 5px;
	margin: 8px 0 0 5px;
}


/*****************
**BALISES BOUTON**
*****************/

.bleft {
	float: left;
	display: block;
	width: 20px;
	height: 18px;
	background-image: url(../images/boutons/bleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left:0px;
}

.bcenter {
	float: left;
	display: block;
	height: 18px;
	color: #4094D3;
	background-image: url(../images/boutons/bcenter.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top:3px;
}

.bright {
	float: left;
	display: block;
	width: 21px;
	height: 18px;
	background-image: url(../images/boutons/bright.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/************************
**FIN DE BALISES BOUTON**
************************/



/**************************
** DEBUT H1 AVEC ETOILES **
***************************/

/* Sylvain */

h1.rose{
	background-image: url('../images/etoiles/etoile_rose.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:25px;
	margin: 0;
}

/************************
** FIN H1 AVEC ETOILES **
*************************/



/**********************
** DEBUT FORMULAIRES **
***********************/
table.aere{
	margin-top:10px;
	margin-bottom:10px;
}

th {
    color: #333333;
    text-align:left;
    vertical-align:top;
}

td {
    color: #999999;
    font-size:0.9em;
}

.form_error {
    color:red;
    font-size:10px;
}


#annonce_create td, #annonceur_edit td, #annonce_edit td {
    padding-bottom: 5px;
}

#annonce_create th, #annonce_edit th {
    width:200px;
    padding-bottom: 5px;
}

.register th {
    width:180px;
}

#annonceur_edit th{
	width: 150px;
}
#methodes_contact td{
	color: #727272;
}
#methodes_contact th{
	width: 80px;
}


/*****************************
** DEBUT MESSAGES ANNONCEUR **
*****************************/
.mes_messages_item {
	position:relative;
	float: left;
	display: inline;
	width: 600px;
	height: 67px;
	color: #4094D3;
	font-size: 11px;
	line-height: normal;
	border-bottom: 1px solid #E8E8E8;
	margin-left: 5px;
	padding-bottom: 7px;
	padding-top: 7px;
}
/* dans mesMessagesSuccess */
.mes_messages_item .nc_photo{
	position:absolute;
	top: 7px;
	left:0px;
	width:90px;
}
.mes_messages_item .nc_ref{
	position:absolute;
	top:7px;
	left:95px;
	color:rgb(205,98,72);
	width:60px;
}
.mes_messages_item .nc_date{
	position:absolute;
	top:9px;
	left:250px;
}
.mes_messages_item .nc_nom{
	position:absolute;
	top:42px;
	left:95px;
	color:#939393;
	width:330px;
}
.mes_messages_item .nc_message{
	position:absolute;
	top:59px;
	left:95px;
}
.mes_messages_item .nc_actions{
	position:absolute;
	top:7px;
	right:10px;
	font-size:10px;
	line-height:20px;
}

/****************
** DEBUT PHOTO **
*****************/
#conteneur_photo_principale {
    float: left;
    display: block;
	height: auto !important;
	height: 220px;
    min-height:220px;
    width:289px;
}

#conteneur_photo_principale_petite {
    float: left;
    display: block;
    width:289px;
}


/************************
** ACHETER DES CREDITS **
*************************/
#buyCredits {
    width:590px;
	font-size:13px;
	line-height:15px;
}

#buyCredits td{
    border:1px solid #4094D3;
    text-align:center;
}

#buyCredits .formule{
    font-weight:bold;
	font-size:13px;
	color:#565656;
}

#buyCredits .credits{
    font-weight:normal;
	font-size:13px;
	color:#565656;
	font-style:italic;
}

#buyCredits .duree{
    font-weight:normal;
	font-size:12px;
	color:#565656;
	font-style:italic;
}

#buyCredits .promo{
	color:red;
}

#buyCredits .prix{
    font-weight:normal;
	font-size:13px;
	color:#565656;
}

#buyCredits .prixunitaire{
    font-weight:bold;
	font-size:13px;
	color:#565656;
}




#buyCredits .action {
    border:none;
    padding-left:260px;
}






.recherche_blocs hr {
    width:200px;
    height:1px;
    border: 0;
    background-color: #CCC;
    margin: 15px 0 15px 20px;
}





.print_blocs {
	float: left;
	display: inline;
	width: 620px;
}

.print_bloc {
	float: left;
	display: inline;
	width: 290px;
	margin: 15px 0 0 20px;
}


/****************************************/
/***************    MAIN    *************/
/****************************************/

/************************************************************* main */

#main{
position:relative;
border:1px solid transparent;
padding:0px 20px 20px 20px;
margin-bottom:40px;
}
* html #main{
border:0px;
}



/******** chapeau */

#chapeau{
margin:0px 0 0px 0px;
}

#chapeau p{
border:0px solid black;
margin:2px 50px 0px 100px;
font-size:12px;
}

/******** middle */

#middle{
border:0px solid black;
position:relative;
height:400px;
}


.first{
margin-top:50px;
margin-bottom:15px;
}

#apercu{
border:2px solid gray;
position:absolute;
top:10px;
left:50px;
width:400px;
margin-top:20px;
opacity:0.8;
}

#lancement_annonceurs{

border:0px solid red;
position:absolute;
top:100px;
right:50px;
width:246px;
font-size:14px;
font-weight:bold;
text-align:center;
}

#apd{
position:relative;
top:20px;
left:200px;
z-index:10;
}

#news{
border:0px solid black;
position:absolute;
top:10px;
left:10px;
width:310px;
}

#promo{
border:0px solid black;
position:absolute;
top:35px;
right:10px;
font-size:12px;
background-image: url(../images/accueil/bg_promo.gif);
background-position: top left;
background-repeat: no-repeat;
height:94px;
width:213px;
padding: 60px 10px 5px 25px;
}

#promo a{
border:0px solid black;
color: #727272;
text-decoration:none;
}

#promo a:hover{
text-decoration:underline;
}

#recherches{
border: 0px solid black;
position:absolute;
top: 40px;
right: 10px;
font-size:12px;
background-image: url(../images/accueil/bg_info.gif);
background-position: top left;
background-repeat: no-repeat;
height: 172px;
width: 247px;
padding: 0px 0px 0px 0px;
text-align:center;
}

#recherches table{
	margin-right:auto !important;
	margin-left:auto !important;
	border: 0px solid black;
	text-align:left;
	padding:0;
	margin:0;
	margin-top:17px;
	width:200px;
}
#recherches table td{
	padding-bottom:10px;
	padding-right:7px;
}
#recherches a{
	color:#727272;
	font-size:11px;
	text-decoration:none;
}
#recherches a:hover{
	color:#727272;
	font-size:11px;
	text-decoration:underline;
}


#mode_emploi{
border:1px solid #767676;
position:absolute;
top:250px;
right:10px;
width:205px;
padding:20px 20px;
font-size:12px;
}

#concept{
border:0px solid black;
position:absolute;
top:230px;
left:0px;
margin:0px;
width:610px;
color:#767676;
}

#bottom{
clear:both;
margin-top:15px;
border:0px solid black;
font-size:11px;
margin-left:5px;
}


#promoBig{
border:0px solid black;
font-size:13px;
color: #FFFFFF;
background-image: url(../temp_images/promo_big.gif);
background-position: top left;
background-repeat: no-repeat;
height:332px;
width:486px;
padding:120px 20px 0px 20px;
margin-left:auto;
margin-right:auto;
}


#promoBig ul{
margin:20px;
padding:0;
}

#promoBig ul ul{
margin:5px 20px;
padding:0;
}

#promoBig li{
margin:5px 0;
padding:0;
}


/************ bas */

#bas{
margin:0px;
}

#bas p{
border:0px solid black;
margin: 5px 50px 10px 130px;
font-size:12px;
}
.etoile{
margin-bottom:20px;
margin-top:30px;
padding-left:25px;
background-image: url(../temp_images/etoile_rose.gif);
background-position: top left;
background-repeat: no-repeat;
}


/************************************************************* footer */

#conteneur_bas{
width:100%;
border-top:5px solid #C9E4F4;
height:50px;
padding:5px 0;
text-align:center;
}

#footer{
/*border:0px solid black;
position:relative;
margin-left:auto;
margin-right:auto;
width:860px;
text-align:right;
line-height:15px;*/
}


#precision{
border:0px solid black;
position:absolute;
left:10px;
top:0px;
text-align:left;
font-size:10px;
line-height:15px;
}

.orange{
color:#FE9A00;
}
.bleu{
color:#4094D3;
}
.orange_ref{
color:#CD6248; /*#C36200*/
} 
.en_vert {
	color: #6AD12A;
}
.en_vert_fonce {
	color: #4AB11A;
}
.en_gris{
	color: #565656;
}