@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/ubuntu-b-webfont.eot');
    src: url('fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-b-webfont.woff') format('woff'),
         url('fonts/ubuntu-b-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntubold_italic';
    src: url('fonts/ubuntu-bi-webfont.eot');
    src: url('fonts/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-bi-webfont.woff') format('woff'),
         url('fonts/ubuntu-bi-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntumedium';
    src: url('fonts/ubuntu-m-webfont.eot');
    src: url('fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-m-webfont.woff') format('woff'),
         url('fonts/ubuntu-m-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

article,aside,details,figcaption,figure,hgroup,menu,section {
    display:block;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

strong, em {
	font-weight: normal;
}

img {
	border: none;
}

a, a:link {
	text-decoration: none;
}


/** ######################################################################### ELEMENTS DE BASE ####################################################### **/

body {
    /*background :
    #E5E6E7 url('/images/back_noel.png') no-repeat center top;
    background-attachment:fixed;*/
    background-color: #E5E6E7;
    margin: auto;
    font-size: 12px;
    font-family: 'ubuntubold';
}

/*select {
	height: 30px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 0.01px;
    text-overflow: '';
    background: #FFF url('images/select_background.png') right center no-repeat;
}

select::-ms-expand {
    display: none;
}*/

form[name="recherche_terrain"] input {
	width: 139px;
	height: 28px;
	border: none;
	padding-left: 5px;
	background-color: #FFF;
}

input:-webkit-input-placeholder {
    color:#333333;
}
 
input:-moz-placeholder {
   color:#333333;
}

header {
    display: block;
    margin: auto;
    width: 970px;
    height: 90px;
}

.clearfix {
    clear: both;
}

.policeRegular {
	font-family: 'ubunturegular';
}

.policeMedium {
	font-family: 'ubuntumedium';
}

.policeBold {
	font-family: 'ubuntubold';
}

#logoMenu {
	margin: auto;
	width: 970px;
}

#logoSite {
	float: left;
	width: 182px;
	height: 91px;
	background: url('images/logo_habitatneuf.png') no-repeat;
}

#logoSite a {
	display: block;
	width: 100%;
	height: 100%;
}

#site {
    width: 660px;
    margin:auto;
    padding: 0;
    padding-left: 2px;
    float: left;
}

.global_habitat {
	width 100%;
	border: 1px solid #C2C2C2;
	background: #FFF;
}

.entete_module {
	width: 100%;
	height: 45px;
	background: url('images/picto_habitat.png') no-repeat #FFF;
}

.entete_module #legende {
	text-align: center;
	vertical-align: middle;
	height: 100%;
	line-height: 45px;
}

.entete_module #legende img {
	vertical-align: middle;
	line-height: 45px;
	margin-left: 30px;
}

.entete_module #legende span {
	width: 120px;
	height: auto;
	margin: auto;
	/*padding-left: 5px;
	padding-right: 5px;*/
	vertical-align: middle;
	word-wrap: break-word;
	display: inline-block;
	line-height: 45px;
	margin-right: 30px;
	margin-left: 5px;
	text-align: left;
}

.popup {
    display: none;
    position: absolute;
    padding: 3px;
    border-style: solid;
    border-width: 1px;
    font-family: 'ubunturegular';
}


.flecheTriASC	 {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url('images/fleche_haut.png') no-repeat;
	cursor: pointer;
	line-height: 30px;
	vertical-align: middle;
	margin-right: 2px;
}

.flecheTriASC a, .flecheTriDESC a {
	display: block;
	width: 100%;
	height: 100%;
}

.flecheTriDESC {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url('images/fleche_bas.png') no-repeat;
	cursor: pointer;
	line-height: 30px;
	vertical-align: middle;
	margin-left: 2px;
}


.filArianne {
	margin-top: -30px;
	margin-bottom: 15px;
}
.filArianne div {
	display: inline-block;
	color: #666666;
	font-family: 'ubunturegular';
	font-size: 12px;
	
}

a.breadcrump {
	color: #666666;
	text-decoration: none;
	font-family: 'ubuntubold';
}

a.breadcrump span {
	font-family: 'ubunturegular';
}


a.breadcrump:link, a.breadcrump:visited {
	color: #666666;
	text-decoration: none;
}

a.breadcrump:link span, a.breadcrump:visited span {
	color: #666666;
	text-decoration: none;
}

a.breadcrump:active span, a.breadcrump:focus span, a.breadcrump:hover span {
	text-decoration: underline;
}

#favoris {
	float: right;
	margin-top: -30px;
}

#favoris ul li {
	display: inline-block;
}

#favoris ul li a {
	color: #000;
}
#favoris ul li a:active,  #favoris ul li a:focus, #favoris ul li a:hover{
	text-decoration: underline;
}

/** ######################################################################## POPUP FAVORIS ################################################### **/

 #popupFavoris {
 	position: absolute;
 	width: 568px;
 	min-height: 137px;
 	background: #FFF;
 	border: 3px solid #07A7CC;
 	left: 50%;
 	top: 50%;
 	padding: 30px;
 	color: #08a6cb;
 	font-family: 'ubuntumedium';
 	font-size: 22px;
 	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.75);
 }
 
 .croixFermeturePopup {
 	position: relative;
 	width: 32px;
 	height: 32px;
 	background: url('images/fermer_popup.png') no-repeat;
 	left: 100%;
 	top: -46px;
 	margin-left: 14px;
 	cursor: pointer;
 }
 
 .dossierPopupFavoris {
 	display: block;
 	float: left;
 	width: 64px;
 	height: 67px;
 	background: url('images/dossier_popup_favoris.png') no-repeat; 
 }
 
 .textePopupFavoris {
 	display: block;
 	float: left;
 	text-align: center;
 	margin-left: 20px;
 }
 
 .boutonAjouterFavorisPopup {
 	clear: both;
 	width: 270px;
 	height: 41px;
 	background: url('images/bouton_popup_favoris.png') 0 0 no-repeat;
 	cursor: pointer;
 	line-height: 41px;
 	color: #08a6cb;
 	text-align: center;
 	font-size: 15px;
 	margin: auto;
 	margin-top: 80px;
 	margin-bottom: 20px;
 }
 
 .boutonAjouterFavorisPopup:hover,.boutonAjouterFavorisPopup:active,.boutonAjouterFavorisPopup:focus {
 	color: #000;
 	background-position: 0px -41px;
 }


/** ######################################################################## MENTIONS LEGALES ################################################### **/
#globalInformationsLegales {
	background-color: #FFF;
	font-family: 'ubunturegular';
}

#basSite a {
	color: #666666;
}

#basSite a:active, #basSite a:focus, #basSite a:hover {
	text-decoration: underline;
}

#basSite {
	margin: auto;
}

.btnRetour {
	width: 80px;
	height: 16px;
	background: url('images/btn_retour.png') 0 0 no-repeat;
	cursor: pointer;
}

.btnRetour:active, .btnRetour:focus, .btnRetour:hover {
	background-position: 0 -17px;
}


/** ######################################################################### MENU GENERAL ####################################################### **/


#menu_general {
    width:788px;
    height: 60px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    font-family: 'ubuntubold';
    margin-top: 30px;
}

/* Onglets */

#menu_general li {
    float: left;
    height: 58px;
    margin: 0px;
    padding:0;
    display:inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding-left:7px;
    padding-right: 7px;	
    background-color: #F1F1F1;
    border: 0px solid #D1D1D2;
    border-width: 1px 1px 0px 0px;
    background: url('images/backMenu.png') 0 -57px repeat-x;
    position: relative;
}

#menu_general li a {
    color:#000;
    text-decoration: none;
}

#menu_general li.activeMenu {
    background-position:0 -57px;
}

#menu_general li.activeMenu a {
    color: #FFF;
}

#menu_general li:hover , #menu_general li:active, #menu_general li:focus{
    background-position:0 -57px;
}

#menu_general li:hover a , #menu_general li:active a, #menu_general li:focus a{
    color: #FFF;
}

#menu_general div {
    float: left;
    padding: 0;
    margin: 0;
}

.menu_texte {
    width: 142px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    margin-left: 2px;
    text-shadow: 3px 4px 5px rgba(153, 153, 153, 0.75);
}

#menu_general li.separationMenu {
	width: 8px;
	height: 8px;
	background: url('images/separation_menu_v3.png') no-repeat;
	margin-top: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
/* ########################################## SUR CARTE / SUR LISTE ###################### */
#boutCarte, #boutListe {
    width : 128px;
    height: 29px;
    background : url("images/mode_aff_sprite.png") 0 0 no-repeat;
    margin-top: 10px;
    cursor: pointer;
    line-height: 29px;
}
#boutCarte:hover, #boutCarte:active, #boutCarte:focus, #boutListe:hover, #boutListe:active, #boutListe:focus {
    background-position : 0 -29px;
}

#boutCarte.selected_mode_aff , #boutListe.selected_mode_aff {
    background-position : 0 -29px;
}	

#icoCarte {
    width: 23px;
    height: 23px;
    float: left;
    background: url("images/ico_carte_sprite.png") 0 0px no-repeat;
    line-height: 29px;
    margin-top: 2px;
    margin-left: 15px;
}
#icoListe {
    width: 17px;
    height: 19px;
    float: left;
    background: url("images/ico_liste_sprite.png") 0 0px no-repeat; 
    margin-top: 4px;
    margin-left: 20px;
}

.selected_mode_aff #icoCarte  {
    background-position : 0 -23px;
}
.selected_mode_aff #icoListe {
    background-position : 0 -19px;
}

#boutCarte:hover #icoCarte, #boutCarte:active #icoCarte, #boutCarte:focus #icoCarte {
    background-position: 0 -23px;
}
#boutListe:hover #icoListe, #boutListe:active #icoListe, #boutListe:focus #icoListe {
    background-position: 0 -19px;
}
#boutCarte:hover #texteCarte, #boutCarte:active #texteCarte, #boutCarte:focus #texteCarte, #boutListe:hover #texteListe, #boutListe:active #texteListe, #boutListe:focus #texteListe {
    color: #FFF;
}

#texteCarte, #texteListe {
    float: left;
    color: #000;
    font-size: 11.96px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 3px;
}

.selected_mode_aff #texteCarte, .selected_mode_aff #texteListe  {
    color: #FFF;
}

/** #################################################### RECHERCHE ######################################################### */
form[name="recherche_programme"] select {
	position: relative;
    width: 144px;
    height: 32px;
    -moz-appearance: none;
    -ms-appearance:none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    border: 1px solid #cfcfcf;
}

form[name="recherche_programme"] select[disabled="disabled"], 
form[name="recherche_particulier"] select[disabled="disabled"], 
form[name="recherche_promoteur"] select[disabled="disabled"] {
	position: relative;
    width: 144px;
    height: 32px;
    -moz-appearance: none;
    -ms-appearance:none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    border: 1px solid #cfcfcf;
}

@-moz-document url-prefix() {
	form[name="recherche_programme"] select,
	form[name="recherche_particulier"] select,
	form[name="recherche_promoteur"] select {
		position: relative;
	    width: 144px;
	    height: 32px;
	    -moz-appearance: none;
	    -ms-appearance:none;
	    -webkit-appearance: none;
	    appearance: none;
	    text-indent: 0.01px;
	    text-overflow: '';
	    border: 1px solid #cfcfcf;
	    padding-top: 7px;
	}
}

form[name="recherche_programme"] p, 
form[name="recherche_particulier"] p,
form[name="recherche_promoteur"] p
 {
	display: inline;
}


form[name="recherche_programme"] p:after, 
form[name="recherche_particulier"] p:after,
form[name="recherche_promoteur"] p:after
 {
    position: absolute;
   content: url(	images/select_background.png);
    pointer-events: none;
    margin-left: -35px;
}

form[name="recherche_programme"] input[type="search"] {
	width: 297px;
	height: 32px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10-specific styles go here */
   form[name="recherche_programme"] input[type="search"] {
	   	width: 293px;
		height: 25px;
	}
}

@-moz-document url-prefix() { 
  form[name="recherche_programme"] input[type="search"] {
	   	width: 291px;
		height: 25px;
	}
}



.recherche {
	width: 655px;
	height: 80px;
	padding-left: 5px;
	background-color: #8EDAF2;
	line-height: 0.8;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	overflow: hidden;
}

.recherchePlusOff {
	display: none;
	width: 655px;
	height: 150px;
	padding-left: 5px;
	background-color: #8EDAF2;
	line-height: 0.8;
	-webkit-transition: display 1s ease;
	-moz-transition: display 1s ease;
	transition: display 1s ease;
}

.recherchePlusOn {
	display: block;
	-webkit-transition: display 1s ease;
	-moz-transition: display 1s ease;
	transition: display 1s ease;
}



.criteres {
	width: 19px;
	height: 19px;
	background-color: #FFF;
	margin-left: 25px;
	display: inline-block;
	line-height: 19px;
	text-align: center;
	cursor: pointer;
}

.criteres img {
	vertical-align: middle;
}


#btn_recherche {
	display: inline-block;
	width: 184px;
	height: 28px;
	background: url(images/btn_recherche.png) 0 0 no-repeat;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	margin-left: 25px;
}

#btn_recherche:active, #btn_recherche:focus, #btn_recherche:hover {
	background-position: 0px -28px;
}

#btn_recherche a {
	height: 100%;
	text-decoration: none;
	color: #FFF;
}

#btn_recherche:active a, #btn_recherche:focus a, #btn_recherche:hover a {
	color: #000;
}



.resultatRecherche {
	color: #63b9d2;
	white-space: nowrap;
}            

/** ##################################################### PUBLICITE ######################################################### */

#pubs {
    width: 300px;
    padding: 0;
    margin: auto;
    float: right;

}


/** ###################################################### CORPS DU SITE ##################################################### */
#corpsSite {
    margin: auto;
    padding: 0;
    margin: 0;
}

/** ##################################################### ACTUALITES ######################################################### */
#actualites {
	width: 100%;
	height: 235px;
	background-color: #FFF;
	font-family: 'ubunturegular';
	font-size: 13px;
	text-align: left;
	border-spacing: 10px;
}

.itemActu {
	width: 33%;
	height: 100%;
	padding-right: 20px;
	vertical-align: top;
}

.itemActu span {
	color: #63B9D2;
	font-weight: bold;
}

.itemActu a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

.itemActu a:active, .itemActu a:focus, .itemActu a:hover {
	color: #0069a2;
}

.titreActu {
	width: 33%;
}

.separationActu {
	width: 90%;
	height: 2px;
	background-color: #63B9D2;
	border: none;
	clear: both;
}

.pictoTitreItemActu {
	float: left;
}

.titreItemActu {
	float: left;
	margin-left: 5px;
	font-family: 'ubuntubold';
	font-size: 14px;
}

.titreItemActu a {
	color: #000;
}

/** ##################################################### LISTE DES PROGRAMMES ######################################################### */
#globalFicheMaSelection .maSelection {
	width: 648px;
}

.checkBoxEspaceParticulier {
    position: absolute;
    margin-left: -14px;
    margin-top: 85px;
}

.bouton_suppression_part {
    float: left;
    width: 225px;
    height: 27px;
    background: url('images/btn_supprimer_annonces_particulier.png') 0 0 no-repeat;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    line-height: 27px;
    font-size: 12px;
    margin-left: 30px;
    margin-top: 30px;
}

.bouton_suppression_part:hover, .bouton_suppression_part:active, .bouton_suppression_part:focus {
    background-position: 0px -27px;
    color: #000;
}

.bouton_afficher_part {
    float: left;
    width: 225px;
    height: 27px;
    background: url('images/btn_afficher_annonces_particulier.png') 0 0 no-repeat;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    line-height: 27px;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 30px;
}

.bouton_afficher_part:hover, .bouton_afficher_part:active, .bouton_afficher_part:focus {
    background-position: 0px -27px;
    color: #000;
}

#infosMasSelection {
	margin-left: 5px;
	margin-top: 10px;
}

#infosMasSelection * {
	vertical-align: middle;
}

#infosMasSelection div {
	display: inline-block;
	line-height: 25px;
	height: 25px;
}


.itemListe {
	width: 646px;
	height: 243px;
	border: 1px solid #D6D6D6;
	background-color: #FFF;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 25px;
	cursor: default;
}

.itemListe:active, .itemListe:focus, .itemListe:hover {
	background-color: #D9D9D9;
}

.photoItemListe {
	/*float: left;
	width: 193px;
	height: 171px;
	border: 1px solid #D6D6D6;
	line-height: 171px;
	text-align: center;
	cursor: pointer;*/

	float: left;
	display: block;
	width: 193px;
	height: 171px;
	line-height: 171px;
    text-align: center;
    border: 1px solid #D6D6D6; 
}

.photoItemListe img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.presentationItem {
    height: 75%;
    font-family: 'ubunturegular';
    color: #333333;
    font-size: 14px;
    cursor: pointer;
}

.presentationItem a {
	color: #000;
	font-family: 'ubuntubold';
}

.majItem {
    font-size: 12px;
    margin-left: 15px;
}

.contenuItemListe {
	float: left;
	width: 445px;
	margin-left: 5px;
}

.contenuItemListe h2,  .contenuItemListe strong{
    font-size: 14px;
    color: #0799BC;
    font-family: 'ubuntubold';
    font-weight: normal;
}

.elemsItem {
	margin-top: 10px;
}

.elemsItem img {
	vertical-align: middle;
}

a.pageActive {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

a.pageActive:visited {
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
a.pageActive:hover{
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
a.pageInactive {
    font-family: Verdana;
    font-size: 11px;
    color: #AAAAAA;
    font-weight: bold;
    text-decoration: none;
}
a.pageInactive:visited {
    font-family: Verdana;
    font-size: 11px;
    color: #AAAAAA;
    font-weight: bold;
    text-decoration: none;
}
a.pageInactive:hover {
    font-family: Verdana;
    font-size: 11px;
    color: #AAAAAA;
    font-weight: bold;
    text-decoration: none;
}
td.numPageCourant {
    color:#ffffff;
    background-color:#8edaf2;
    border:1px solid #CCC;
    text-decoration: none;
    width: 23px;
    height: 23px;
}
td.numPage {
    color:#000;
    background-color:#ffffff;
    border:1px solid #CCCCCC;
    text-decoration: none;
    cursor: pointer;
    width: 23px;
    height: 23px;
}
td.numPageHover {
    color:#ffffff;
    background-color:#8edaf2;
    border:1px solid #CCC;
    text-decoration: none;
    cursor: pointer;
    width: 23px;
    height: 23px;
}

/** ################################## BOUTONS INFOS LISTE #################################### **/
.boutonInfosListe {
	float: left;
    width: 204px;
    height: 31px;
    line-height: 31px;
    background: url("images/bouton_infos_vendeur_sprite.png") 0 0 no-repeat;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    margin-top: 30px;
}

.boutonInfosListeOff {
	float: left;
    width: 204px;
    height: 31px;
    line-height: 31px;
    color: #000;
    font-size: 12px;
    margin-top: 30px;
}

.boutonInfosListe a, .boutonInfosListe a:link {
	 color: #FFF;
	 display: block;
	 width: 100%;
	 height: 100%;
}

.boutonInfosListe a:active, .boutonInfosListe a:focus, .boutonInfosListe a:hover {
	 color: #000;
}
.boutonInfosListe:focus, .boutonInfosListe:hover, .boutonInfosListe:active {
    background-position: 0px -31px;
    color: #000;
}

.boutonInfosListe:focus .pictoMail, .boutonInfosListe:hover .pictoMail, .boutonInfosListe:active .pictoMail {
    background-position: 0px -16px;
}

.boutonInfosListe:focus .pictoTel, .boutonInfosListe:hover .pictoTel, .boutonInfosListe:active .pictoTel {
    background-position: 0px -20px;
}

.pictoMail {
    float: left;
    width: 18px;
    height: 16px;
    background: url('images/picto_mail_sprite.png') 0 0 no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 7px;
}

.pictoMail:hover, .pictoMail:focus, .pictoMail:active {
    background-position: 0px -16px;
}

.pictoTel {
    float: left;
    width: 13px;
    height: 20px;
    background: url("images/picto_tel_sprite.png") 0 0 no-repeat;
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 5px;
}

.pictoTel:hover, .pictoTel:focus, .pictoTel:active {
    background-position: 0px -20px;
}

.texteCoords {
    float: left;
}

.pictoMailListe {
    float: left;
    width: 18px;
    height: 16px;
    background: url('images/picto_mail_sprite.png') 0 0 no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 7px;
}

.boutonInfosListe:focus .pictoMailListe, .boutonInfosListe:hover .pictoMailListe, .boutonInfosListe:active .pictoMailListe {
    background-position: 0px -16px;
}

.pictoMailListe:hover, .pictoMailListe:focus, .pictoMailListe:active {
   
}

.pictoTelListe {
    float: left;
    width: 13px;
    height: 20px;
    background: url("images/picto_tel_sprite.png") 0 0 no-repeat;
    margin-top: 5px;
    margin-left: 8px;
    margin-right: 2px;
}

.boutonInfosListe:focus .pictoTelListe, .boutonInfosListe:hover .pictoTelListe, .boutonInfosListe:active .pictoTelListe {
     background-position: 0px -20px;
}

.pictoTelListe:hover, .pictoTelListe:focus, .pictoTelListe:active {
    background-position: 0px -20px;
}

.infosItemListe {
	position: relative;
}


/** ################################################### FICHE PROGRAMME #################################################### */
#annonceProgramme {
	width: 660px;
}

#titreAnnonceProgramme {
	position: relative;
	width: 100%;
	background-color: #FFF;
	font-size: 16px;
	color: #0799BC;
	border: 1px solid #D6D6D6;
}

#titreAnnonceProgramme h1 {
	font-size: 18px;
}

#infosProgramme {
	background-color: #FFF;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #D6D6D6;
}

#grandePhotoAnnonce {
	float: left;
	width: 365px;
	height: 275px;
	border: 1px solid #D6D6D6;
	text-align: center;
	line-height: 275px;
}

#grandePhotoAnnonce img {
	vertical-align: middle;
}

#detailAnnonceProgramme {
	width: 280px;
	float: right;
	margin-right: 5px;
}

#detailAnnonceProgramme table {
	width: 100%;
	margin-left: 5px;
	font-family: 'ubunturegular';
	font-size: 14px;
}

#detailAnnonceProgramme td {
	width: 50%;
	background-color: #D8F2FB;
	text-align: center;
	height: 40px;
}

#widgetFicheAnnonce {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

#widgetFicheAnnonce table {
	width: 205px;
	border: 1px solid #D6D6D6;
}

#widgetFicheAnnonce tr {
	height: 40px;
}

#widgetFicheAnnonce td {
	width: 33%;
}
#widgetFicheAnnonce img {
	vertical-align: middle;
	cursor: pointer;
}

#informationsProgramme {
	margin-top: 5px;
	background-color: #FFF;
}

#planAccessProgramme {
	background-color: #FFF;
	border: 1px solid #D6D6D6;
}


#coordsInfosProgramme {
	width: 100%;
}

#coordsInfosProgramme table {
	width: 100%;
	font-size: 14px;
}


#descriptionProgramme {
	margin-top: 35px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-family: 'ubunturegular';
}

#tableauDesLots {
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	
}

#tableauDesLots tr:nth-child(odd) {
	background-color: #EEE;
}

#tableauDesLots table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #D4D6D8;
}

#tableauDesLots tr {
	border-bottom: 1px solid #D4D6D8;
	height: 30px;
}

#tableauDesLots td {
	width: 14%;
	text-align: center;
	font-family: 'ubunturegular';
	font-size: 14px;
}

/* ############################################## CONNEXION DEPOSEURS ########################################## */
#ConnexionPro {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	padding-top: 25px;
}

#ConnexionPro h1 {
	font-family: 'ubunturegular';
	font-size: 20px;
}

#formElemsConnexion {
	background-color: #EAEAEA;
	border: 1px solid #D1D1D1;
	height: 300px;
}

#iconeConnexion {
	float: left;
	width: 84px;
	height: 98px;
	background: url('images/icone_connexion.png') no-repeat;
	margin-top: 60px;
	margin-left: 50px;
}

#loginForms {
	float: left;
	margin-top: 60px;
	margin-left: 80px;
	
}

#loginForms br {
	display: block;
	line-height: 100%;
}

#loginForms input {
	width: 205px;
	height: 41px;
	border: none;
	border-radius: 5px;
	padding-left: 35px;
	font-family: 'ubunturegular'; 
	color:#08a6cb; 
	font-size: 16px;
}

.loginConnexion {
	background: #FFF url('images/back_login.png') no-repeat;
}

.passwordConnexion {
	background: #FFF url('images/back_password.png') no-repeat;
}

#loginForms ::-webkit-input-placeholder { font-family: 'ubunturegular'; color:#08a6cb; font-size: 16px; }
#loginForms ::-moz-placeholder { font-family: 'ubunturegular'; color:#08a6cb; font-size: 16px; } /* firefox 19+ */
#loginForms :-ms-input-placeholder { font-family: 'ubunturegular'; color:#08a6cb; font-size: 16px; } /* ie */
#loginForms input:-moz-placeholder { font-family: 'ubunturegular'; color:#08a6cb; font-size: 16px; }

.btnInscription {
	display: inline-block;
	width: 184px;
	height: 28px;
	background: url('images/btn_inscription_sprite.png') 0 0 no-repeat; 
	cursor: pointer;
	margin-left: 110px;
	margin-top: 75px;
	font-family: 'ubunturegular';
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #FFF;
}

.btnInscription:active, .btnInscription:focus, .btnInscription:hover {
	background-position: 0px -28px;
	color: #000;
}

.btnInscription a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}

.btnInscription:active a, .btnInscription:focus a, .btnInscription:hover a {
	color: #000;
}

.btnConnexion {
	display: inline-block;
	width: 184px;
	height: 28px;
	background: url('images/btn_connexion_sprite.png') 0 0 no-repeat; 
	cursor: pointer;
	margin-left: 60px;
	margin-top: 75px;
	font-family: 'ubunturegular';
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #FFF;
	border: 0px;
	outline: none;
}

.btnConnexion:active, .btnConnexion:focus, .btnConnexion:hover {
	background-position: 0px -28px;
	color: #000;
}

.btnConnexion a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}

.btnConnexion:active a, .btnConnexion:focus a, .btnConnexion:hover a {
	color: #000;
}

#global_motdepaseoublie {
	background-color: #FFF;
	padding: 10px;
	font-family: 'ubunturegular';
}

/** ############################################# INFOS CONNECTE ########################################################### */
#cadre_infos_connecte {
	width: 308px;
	height: 91px;
	background: url('images/cadre_infos_connecte.png') no-repeat;
	font-family: Arial;
	margin-bottom: 5px;
}

#infos_connecte {
	position: relative;
	top: 15px;
	left: 20px;
	font-size: 16px;
}

#infos_connecte a {
	color: #000;
}

#infos_connecte a:active, #infos_connecte a:focus, #infos_connecte a:hover {
	text-decoration: underline;
}

.btnConnecte {
	width: 184px;
	height: 28px;
	background: url('images/btn_inscription_sprite.png') 0 0 no-repeat; 
	cursor: pointer;
	font-family: 'ubunturegular';
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	color: #FFF;
	border: none;
}

.btnConnecte:active, .btnConnecte:focus, .btnConnecte:hover {
	background-position: 0px -28px;
	color: #000;
}

.btnConnecte a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}

.btnConnecte:active a, .btnConnecte:focus a, .btnConnecte:hover a {
	color: #000;
}

/** #################################################### INSCRIPTION DIFFUSER ############################################### */
#globalInscriptionDiffuser {
	background-color: #FFF;
	font-family: 'ubunturegular';
	font-size: 14px;
}

#globalInscriptionDiffuser input, #globalInscriptionDiffuser select, #globalInscriptionDiffuser textarea {
	width: 300px;
}

/*######################################################## FICHE #############################################################*/
.contentContact {
	width: 660px;
	height: 719px;
	background: url('images/back_formulaire.png') no-repeat;
	margin-top: -45px;
	max-height: 690px;
}

.miniatureTerrain {
    float: left;
    width: 127px;
    height: 86px;
    border: 1px solid #CCCCCC;
    line-height: 86px;
    text-align: center;
    margin-left: 5px;
    cursor : url('images/loupeTerrain.png'), pointer;
}

.miniatureTerrain img {
    vertical-align: middle;
}

/** ##################################################### FORMULAIRE CONTACT ############################################### */
#contactProgramme {
	position: relative;
}
#formFormContact {
	/*position: absolute;*/
	top: 125px;
	padding-left: 65px;
	font-size: 16px;
	margin: auto;
	margin-top: 50px;
}

#formFormContact form {
	line-height: 1em;
}

#formFormContact input[type="text"], #formFormContact input[type="email"] {
	width: 230px;
	height: 30px;
	/*line-height: 30px;*/
	padding-left: 10px;
}

#formFormContact textarea {
	width: 545px;
}

#enteteFormContact {
	padding-left: 65px;
	padding-top: 5px;
}

.itemEnteteFormContact {
	float: left;
	width: 50%;
	height: 31px;
	overflow: hidden;
	margin-top: 5px;
}

.afficheTelephone {
	width: 204px;
	height: 31px;
	background: url('images/bouton_infos_vendeur_sprite.png') no-repeat;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	line-height: 31px;
	margin-left: 25px;
}

.afficheTelephone:active, .afficheTelephone:focus, .afficheTelephone:hover {
	background-position: 0px -31px;
}

.afficheTelephoneOff {
	width: 204px;
	height: 31px;
	color: #666666;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	line-height: 31px;
}

.btnEnvoyerContact {
	width: 204px;
	height: 31px;
	background: url('images/btn_envoyer_contact.png') no-repeat;
	cursor: pointer;
	margin: auto;
	border: none;
	margin-top: 15px;
	margin-left: 150px;
}

.btnEnvoyerContact:active, .btnEnvoyerContact:focus, .btnEnvoyerContact:hover {
	background-position: 0px -31px;
}

.programmeContact {
	font-family: 'ubuntubold';
	font-size: 18px;
	margin-top: 10px;
}

.programmeContact span {
	color: #0099CC;
}

/** ########################################## ANNUAIRE DES PROMOTEURS ####################################################### */
.titleListeAnnuaire {
	border: 1px solid #CCCCCC;
}

/** ######################################### CREATION / MODIFICATION PROGRAMME ############################################# */
#FormulaireNewProgramme {
	background-color: #FFF;
	overflow: hidden;
	font-family: 'ubunturegular';
	font-size: 11px;
	margin-top: 20px;
}

.fomulaireDesignation {
	font-weight: bold;
	font-size: 10px;
}

#ListeVilles {
    background-color: #0799BC;
}

/* ############################################## DIFFUSER ########################################################### */
#diffuser {
	width: 645px;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
}

#bandeauDiffuser {
	width: 657px;
	height: 56px;
	background: url('images/bandeauDiffuser.png') no-repeat;
	color: #FFF;
	margin-left: -12px;
	margin-top: 5px;
	text-align: center;
	line-height: 56px;
	font-size: 28px;
}

#leftDiffuser {
	width: 245px;
	float: left;
	padding-left: 7px;
	margin-top: 15px;
}

#rightDiffuser {
	width: 380px;
	margin-left: 5px;
	float: left;
	margin-top: 15px;
	font-family: 'ubunturegular';
	font-size: 14px;
}

#imgDiffuser {
	width: 244px;
	height: 152px;
	background: url('images/presentationDiffuser.png') no-repeat;
	margin-top: 20px;
}

#texteDiffuser {
	font-family: 'ubunturegular';
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}

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

.boutonBleu {
	width: 186px;
	height: 30px;
	background: url('images/boutonBleu.png') 0 0 no-repeat;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	color: #08a6cb;
	font-family: 'ubuntumedium';
	font-size: 18px;
}

.boutonBleu a {
	color: #08a6cb;
}

.boutonBleu:active, .boutonBleu:focus, .boutonBleu:hover {
	background-position: 0px -30px;
	color: #000;
}

.boutonBleu:active a, .boutonBleu:focus a, .boutonBleu:hover a {
	color: #000;
}

/* ####################################################### FORMATION EN LIGNE ############################################# */
#div_frame {
	width: 660px;
	background-color: #FFF;
	text-align: center;
}

#leTexte {
	text-align: left;
	font-family: 'ubunturegular';
	font-size: 14px;
	margin-left: 5px;
	font-weight: normal;
}

#div_frame * {
    box-sizing: border-box;
    /*color: #666;*/
}
#div_frame {
	
    box-sizing: border-box;
	width: 100%;
	background-color: #FFF;
	border-radius: 5px;
	text-align: center;
	font-family: 'ubunturegular';
	font-weight: normal;	
	font-size: 12px;
	color: #000;
	line-height: 1.5;
    border-width:0px;
    padding:0px;
    margin:0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

#reunion-bloc {
    background-color: #E5E6E7;
    width: 75%;
    padding: 15px;
    margin: auto;
}
    #reunion-bloc .line {
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
        #go-reunion {
            cursor: pointer;
        }
        
    #reunion-bloc input {
        border: 1px solid #D5D6DC;
        padding: 5px;
        font-size: 12px;
        outline: none;
    }


/* ###################################################### CONTACT ########################################################### */
#globalContact {
	font-family: 'ubunturegular';
	font-size: 14px;
}

.importantContact {
	font-family: 'ubuntubold';
	font-size: 24px;
	color: #CC0000;
}



/* ################################################## MA SELECTION ########################################################### */
#enteteMaSelection {
	font-family: 'ubunturegular';
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-bottom: 20px;
	margin-top: -20px;
}

#compteurMaSelection {
	position: absolute;
	right: 0;
	width: 39px;
	height: 57px;
	background: url('images/compteurMaSelection.png') no-repeat;
	text-align: center;
	line-height: 57px;
	cursor: pointer;
	color: #FFF;
}

#globalConnexionMasSelection {
	background-color: #FFF;
}

#globalInscriptionMaSelection {
	background-color: #FFF;
	font-family: 'ubunturegular';
	font-size: 12px;
	padding-bottom: 20px;
	padding-top: 10px;
	
}

.formInscriptionParticulier {
	width: 100%;
	margin-top: 10px;
}

.maSelectionPartConnexion {
	margin: auto;
	margin-top: 60px;
	width: 371px;
	height: 286px;
	background-color: #eaeaea;
	border: 1px solid #d2d2d2;
	text-align: center;
	font-family: 'ubunturegular';
	font-size: 12px;
	color: #333333;
}

#cadre_infos_maselection {
	width: 80%;
	background-color: #FFF;
	border-radius: 5px;
	font-family: 'ubuntumedium';
	font-size: 13px;
	margin: auto;
	margin-top: 20px;
}


/** ###################################################### BAS DU SITE ####################################################### */
#bandeauBasSite {
    width: 970px;
    height: 90px;
    
    clear: both;
    /*background-color: #999999;*/
    margin: auto;
    margin-top: 20px;
}

#basSite {
    width:970px;
    font-family: Arial;
    font-size: 12px;
    color: #000;
    clear: both;
}

/** ############################################## ESPACE PUBLICITAIRE ##################################################### */
#globalEspacePub table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 50px;
	text-align: center;
}

#globalEspacePub h2 {
	margin-bottom: 50px;
	color: #000;
	text-align: center;
}

#globalEspacePub p {
	font-family: 'ubunturegular';
}

#globalEspacePub p span {
	font-family: 'ubuntumedium';
}

#globalEspacePub table.tabEspacePub {
	border: 1px solid #CCC;
}

#globalEspacePub table.tabEspacePub td, #globalEspacePub table.tabEspacePub th {
	border: 1px solid #CCC;
	font-weight: bold;
}

#globalEspacePub table thead tr {
	background-color: #d8f2fb;
}

#globalEspacePub table thead tr th span {
	font-family: 'ubunturegular';
	font-weight: normal
}

#globalEspacePub table thead tr:last-child {
	font-family: 'ubunturegular';
}
#globalEspacePub table tbody {
	font-family: 'ubuntumedium';
}

#globalEspacePub table tbody td {
	height: 45px;
}

#globalEspacePub table.quatreCouleurs {
	width: 75%;
}

#globalEspacePub table.tarifActu {
	width: 50%;
}

#globalEspacePub table.tarifAnnuaire {
	width: 50%;
}


#globalEspacePub table.tarifHabillage {
	width: 75%;
}

#globalEspacePub table.tarifAnnuaire thead tr:first-child th {
	font-size: 20px!important;
}

#globalEspacePub table.tarifAnnuaire thead tr:nth-child(2) th:last-child,
#globalEspacePub table.tarifAnnuaire tbody tr td:last-child
{
	background-color: #72c5e1;
}

#globalEspacePub table thead tr:nth-child(2) th:first-child {
	width: 25%;
	min-width: 146px;
}

#globalEspacePub table tbody tr:nth-child(odd) {
	background-color: #d8f2fb;
}
#globalEspacePub table tbody tr:nth-child(even)  {
	background-color: #FFF;
}
#globalEspacePub table.troisCouleurs thead tr th:nth-child(n+2), 
#globalEspacePub table.troisCouleurs thead tr:last-child th:nth-child(n+1), 
#globalEspacePub table.troisCouleurs tbody tr:nth-child(odd) td:nth-child(n+2) {
	background-color: #8ad3ec;
}

#globalEspacePub table.troisCouleurs thead tr th:nth-child(n+3),
#globalEspacePub table.troisCouleurs thead tr:last-child th:nth-child(n+3), 
#globalEspacePub table.troisCouleurs tbody tr:nth-child(odd) td:nth-child(n+4) {
	background-color: #72c5e1;
}

#globalEspacePub table.troisCouleurs thead tr th:nth-child(n+4),
#globalEspacePub table.troisCouleurs thead tr:last-child th:nth-child(n+5), 
#globalEspacePub table.troisCouleurs tbody tr:nth-child(odd) td:nth-child(n+6) {
	background-color: #60b7d4;
}



#globalEspacePub table.quatreCouleurs thead tr th:nth-child(n+2), 
#globalEspacePub table.quatreCouleurs tbody tr:nth-child(odd) td:nth-child(n+2) {
	background-color: #d8f2fb;
}

#globalEspacePub table.quatreCouleurs thead tr th:nth-child(n+3),
#globalEspacePub table.quatreCouleurs tbody tr:nth-child(odd) td:nth-child(n+3) {
background-color: #8ad3ec;
}

#globalEspacePub table.quatreCouleurs thead tr th:nth-child(n+4),
#globalEspacePub table.quatreCouleurs tbody tr:nth-child(odd) td:nth-child(n+4) {
	background-color: #72c5e1;
}

#globalEspacePub table.quatreCouleurs thead tr th:nth-child(n+5), 
#globalEspacePub table.quatreCouleurs tbody tr:nth-child(odd) td:nth-child(n+5) {
background-color: #60b7d4;
}


#globalEspacePub table tbody tr td:first-child span {
	font-family: 'ubunturegular';
	font-weight: normal;
}

#globalEspacePub table.tabEspacePub thead tr.titreEspacePub th {
	width: 100%;
	height: 45px;
	color: #FFF;
	font-family: 'ubuntumedium';
	font-size: 22px;
	background-color: #08a6cb!important;
}

.titreEspacePub td {
	padding-left: 5px;
}

.titreEspacePub th {
	padding-left: 10px;
	line-height: 0.8; 
	padding-top: 10px; 
	padding-bottom: 5px;
	text-align: left;
}

#globalEspacePub table thead tr:last-child th {
	padding: 0 6px;
}


.tarifEspacePub {
	width: 100%;
	background-color: #d8f2fb;
	height: 45px;
	text-align: center;
	font-family: 'ubunturegular';
	font-size: 20px;
}

.tarifEspacePub td {
	
}

.infoEspacePub {
	font-family: 'ubunturegular';
	font-size: 11px;
}

.taillesEspacePub td {
	border: 1px solid #CCC;
}

.offresPubs {
	margin-top: -40px;
	margin-bottom: 50px;
}

/** ############################################### PLAN DU SITE ################################################# */
#globalPlanSite {
	background: #FFF;
	padding: 20px;
	font-family: 'ubunturegular';
	font-size: 15px;
}

#globalPlanSite a {
	color: #000;
}

#allBoutonsPlanSite {
	text-align: center;
}

.boutonsPlanSite {
	display: inline-block;
	width: 235px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #91D3EB;
	cursor: pointer;
	border-radius: 5px;
}

#allBoutonsPlanSite .boutonsPlanSite:active a , #allBoutonsPlanSite .boutonsPlanSite:focus a, #allBoutonsPlanSite .boutonsPlanSite:hover a {
	color: #FFF;
}

#allBoutonsPlanSite .boutonsPlanSite a {
	color: #000;
}

#allBoutonsPlanSite .boutonsPlanSiteSelected a {
	color: #FFF;
}

.carteFrance {
	width: 445px;
	height: 476px;
	margin: auto;
	background: url('images/carte_france_plan_site.png') no-repeat;
	margin-top: 45px;
}

#contentPlanSite {
	margin-top: 60px;
}

.partieDptPlanSite {
	width: 260px;
}

.lienDptPlanSite {
	display: block;
	line-height: 1.6em;
}

.lienDptPlanSite:active a, .lienDptPlanSite:focus a, .lienDptPlanSite:hover a {
	text-decoration: underline;
}

/** ###### PARTIE VILLE */
#abcedairePlanSite li {
	width : 21px;
	height: 21px;
	display: inline-block;
	background: #91d3eb;
	border: 1px solid #08a6cb;
	border-radius: 3px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 3px;
}

#abcedairePlanSite li a {
	display: block;
	height: 100%;
	color: #000;
	
}

#abcedairePlanSite li a:active, #abcedairePlanSite li a:focus, #abcedairePlanSite li a:hover {
	color: #FFF;
}

#abcedairePlanSite li.activeLettrePlanSite a {
	color: #FFF;
}

.lienVillePlanSite {
	display: block;
	line-height: 1.6em;
	margin-left: 40px;
}

.lienVillePlanSite a:active, .lienVillePlanSite a:focus, .lienVillePlanSite a:hover {
	text-decoration: underline;
}

#footerPlanVilles li {
	display: inline-block;
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	background: #91d3eb;
	border: 1px solid #08a6cb;
	border-radius: 3px;
	cursor: pointer;
}

#footerPlanVilles li a {
	display: block;
	height: 100%;
}

#footerPlanVilles li a:active, #footerPlanVilles li a:focus, #footerPlanVilles li a:hover {
	color: #FFF;
}

#footerPlanVilles li.activePagePlan a {
	color: #FFF;
}

/** ################################### TOP PROGRAMMES ############################## */
.topVilles {
	width: 31%;
	display: inline-block;
	background-color: #FFF;
	padding: 0;
	color: #63B9D2;
	font-family: 'ubunturegular';
	font-size: 13px;
	margin-left: 2%;
	margin-top: -13px;
}

.topVilles li {
	list-style-type: none;
}

.topVilles a {
	color: #000;
}

.topVilles a:active, .topVilles a:focus, .topVilles a:hover {
	text-decoration: underline;
}

.enteteTabTopVille {
	font-weight: bold;
}

.enteteTabTopVille a {
	text-decoration: underline;
}

.enteteTabTopVille a:active, .enteteTabTopVille a:focus, .enteteTabTopVille a:hover {
	color: #0069a2;
}

/** ##################################### STATISTIQUES ##################################### */
.titleListe{
    font-weight: bold;
    color: #000;
    background-color: #FFF;
    height: 38px;
    font-size: 11px;
    text-align: center;
    line-height: 38px;
}
.AdresseAnnonceur {
    font-size: 12px;
}

tr.RowListeConstOut, td.RowListeConstOut{
    height: 25px;
    border-bottom : 1px solid #D1D5EA;
}
tr.RowListeConsLOut, td.RowListeConsLOut{
    cursor: pointer;
    height: 25px;
    border-bottom : 1px solid #D1D5EA;
}

tr.RowListeConstOver, td.RowListeConstOver{
    height: 25px;
    border-bottom : 1px solid #D1D5EA;
}



.RowListeConsLOver tr, .RowListeConsLOver td{
    cursor: pointer;
    height: 25px;
    border-bottom : 1px solid #D1D5EA;
}

.RowListeConsLOver td span {
    color : #FE880B;
    text-decoration: underline;
}




tr.RowListeAutresProf, td.RowListeAutresProf{
    background-color: #ffffff;
    height: 25px;
    border-bottom : 1px solid #D1D5EA;
}
tr.RowListeConstructeurOld, td.RowListeConstructeurOld{
    background-color: #AAFFAA;
    height: 25px;
}
tr.RowListeAutresProfOld, td.RowListeAutresProfOld{
    background-color: #FFFFAA;
    height: 25px;
}

/** ######################## ESPACE PRIVE ######################################## */
#formConnexionEspacePrive {
	width: 100%;
	background-color: #FFF;
}

#tableStatsProgrammes {
	width: 100%;
	border: none;
	text-align: center;
	border-collapse: collapse;
}

#tableStatsProgrammes tr:nth-child(even) {
	background-color: #63B9D2;
}

#tableStatsProgrammes tr:nth-child(odd) {
	background-color: #FFF;
}

/* ########################### Rapport Passerelles #############################*/

#menuOnglets {
    position : relative;
    display : block;
    width : 1014px;
    height: 28px;
    border-bottom : 1px solid #63B9D2;
}
#contenuOnglets {
    position : relative;
    display :block;
    width : 1014px;
    padding-top : 20px;
    padding-bottom : 20px;
    font-family: 'ubunturegular';
    background-color: #FFF;
}

#onglet1 {
    position : relative;
    float : left;
    width : 214px;
    height : 21px;
    background-color : #63B9D2;
    color : #FFF;
    font-weight : bold;
    padding-top:7px;
    cursor : pointer;
    text-align: center;
    margin-right: 5px;
}
#onglet2 {
    position : relative;
    left : 0px;
    float : left;
    width : 214px;
    height : 21px;
    background-color : #63B9D2;
    color : #000;
    font-weight : bold;
    padding-top:7px;
    cursor : pointer;
    text-align: center;
}

/* ############################################# Stats renouvellements ############################ */
.entete_liste {
	width: 840px;
	height: 5px;
	background: #FFF;
	margin-top: 20px;
}

.content_liste {
	width: 840px;
	background: #FFF;;
}

#listeClients {
    border: 1px solid #CCCCCC;
    padding: 0;
    color: #000;
}

#listeClients li {
    padding: 5px;
}


.titleListeClients {
    background : #BBBBBB;
    color: #000;
    font-weight: bold;
    border: 1px solid #CCCCCC;
}

.itemListeClients {
    
}

/* ################################################# Pour les publicités ############################# */
.pubTrouve {
    margin-top: -250px;
    margin-left: 12px;
    %margin-top: 0px; /* Correction bug IE */
    %margin-left: -300px; /* Correction bug IE */
    position: relative;
}

.bandeauTrouve{
    margin-top: -90px;
    margin-left: 0px;
    %margin-top: 0px;
    %margin-left: -970px;
    position: absolute;
}

.ActuTrouve{
    margin-top: -90px;
    margin-left: 0px;
    %margin-top: 0px;
    %margin-left: -650px;
    position: relative;
    %position: absolute;
}

.bandeauBasTrouve{
    margin-top: -90px;
    margin-left: 0px;
    %margin-top: 0px;
    %margin-left: -970px;
    position: relative;
    %position: absolute;
}

.bandeauTrouveListeProgramme {
    position: relative;
    top: -93px;
}

/* ####################################################  LISTE DES PROMOTEURS ################################ */
#tableauPromoteurs {
	border-collapse: separate;
	border-spacing: 0 10px;
	width: 100%;
	font-family: 'ubunturegular';
	font-size: 13px;
	color: #333;
}

#tableauPromoteurs thead tr {
	height: 45px;
	border: 1px solid #CCC;
	background-color: #EEEEEE;
}

#tableauPromoteurs thead tr th {
	border: 1px solid #CCC;
}

#tableauPromoteurs thead tr th:first-child {
	width: 40%;
}

#tableauPromoteurs thead tr th:nth-child(2) {
	width: 22%;
}

#tableauPromoteurs thead tr th:nth-child(3) {
	width: 20%;
}

#tableauPromoteurs thead tr th:nth-child(n+2) {
	border-left: 0;
}

#tableauPromoteurs tbody tr {
	height: 80px;
	background-color: #FFF;
}

#tableauPromoteurs tbody tr td {
	padding: 7px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#tableauPromoteurs tbody tr td:first-child {
	color: #08a6cb;
	font-family: 'ubuntubold';
	font-size: 14px;
	border-left: 1px solid #CCC;
}

#tableauPromoteurs tbody tr td:last-child {
	text-align: center;
	border-right: 1px solid #CCC;
	
}

#tableauPromoteurs tbody tr td:last-child div {
	width: 38px;
	height: 35px;
	background: url('images/ico_annonces.png') 0 0 no-repeat;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transition: transform 1s ease;
	margin: 0 auto;
}

#tableauPromoteurs tbody tr td:last-child:active div,
#tableauPromoteurs tbody tr td:last-child:focus div,
#tableauPromoteurs tbody tr td:last-child:hover div
{
	background-position: 0 -35px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transition: transform 1s ease;
}


/** ######################################################## AUTRES ANNONCES ############################################################# **/
#annoncesSup {
	position: relative;
	height: 184px;
	border: 1px solid #c2c2c2;
	padding: 30px;
	margin-bottom: 20px;
	background-color: #FFF;
}

#annoncesSup .entete_module {
	margin: -30px;
}

#logoConstrAutresAnnonces {
	position: absolute;
	left: 100%;
	top: 10px;
	margin-left: -210px;
	width: 200px;
	text-align: center;
}

.rightAutresAnnonces {
	font-family: 'ubuntubold';
	font-size: 14px;
	display: inline-block;
	line-height: 18px;
	margin-left: 10px;
	font-weight: bold;
}

.rightAutresAnnonces a {
	display: block;
	height: 100%;
	color: #000;
}

.rightAutresAnnonces a:hover, .rightAutresAnnonce a:focus, .rightAutresAnnonces a:active {
	color: #625D5D;
}

.flecheAutresAnnonces {
	display: inline-block;
	width: 18px;
	height: 21px;
	background: url('images/fleche_autres_annonces.png') no-repeat;
	vertical-align: middle;
	margin-left: 25px;
}

.photoAutresAnnonces {
	position: relative;
	display: inline-block;
	width: 125px;
	height: 125px;
	border: 1px solid #C2C2C2;
	margin-left: 15px;
	cursor: pointer;
	opacity: 1;
}

.photoAutresAnnonces a {
	height: 100%;
	display: block;
	overflow: hidden;
}

.photoAutresAnnonces img {
	height: 100%;
	border: none;
}

.zoneInfosAutresAnnonces {
	position: absolute;
	width: 121px;
	height: 26px;
	top: 100%;
	margin-top: -30px;
	background-color: #C2C2C2;
	filter : alpha(opacity=80);
    opacity : 0.8;
    color: #333333;
    font-family: 'ubuntubold';
    font-size: 11px;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
   /* line-height: 26px; */
}

.slideAutresAnnonces {
	position: absolute;
	top: 55%;
	width: 42px;
	height: 42px;
	background: url('images/slideAutresAnnonces.png') 0px 0px no-repeat;
	color: #79797a;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
}

.slideAutresAnnonces.actifSlide:hover, .slideAutresAnnonces.actifSlide:active, .slideAutresAnnonces.actifSlide:focus {
	background-position: 0px -42px;
}

.displayAutresAnnonces {
	display: inline-block;
    opacity: 1;
}

.unDisplayAutresAnnonces {
	display: none;
    opacity: 0;
}

/* ################################################# BOUTON VOIR RESULTATS CARTE ############################# */
#btnResultatsCarte {
	display: inline-block;
	width: 372px;
	height: 35px;
	background: url('images/bouton_afficher_carte.png') 0 0 no-repeat;
	font-family: 'ubuntubold';
	font-size: 16px;
	line-height: 35px;
	margin-left: 140px;
	text-align: center;
}

#btnResultatsCarte a {
	display: block;
	height: 100%;
	color: #000;
}

#btnResultatsCarte a:active, #btnResultatsCarte a:focus, #btnResultatsCarte a:hover {
	background-position: 0 -35px;
	color: #FFF;
}

#btnResultatsCarte a:active span, #btnResultatsCarte a:focus span, #btnResultatsCarte a:hover span {
	background-position: 0 -26px;
}

#btnResultatsCarte a span {
	display: inline-block;
	width: 25px;
	height: 26px;
	background: url('images/carteFranceBtnVoirCarte.png') 0 0 no-repeat;
	vertical-align: middle;
}

/* ############################################## RECHERCHE AVANCEE ##################################### */
div #resultatRechercheAvancee {
	position: absolute;
	display: none;
	z-index: 2000;
	background: #FFF;
	width: 292px;
	font-family: 'ubunturegular';
	max-height: 220px;
	overflow-x: hidden;
	overflow-y: auto;
	cursor: pointer;
}

div #resultatRechercheAvancee ul {
	list-style-type: none;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

div #resultatRechercheAvancee ul li.titleResultatRecherche {
	color: #63b9d2;
	font-weight: bold;
	padding-left: 5px;
}

div #resultatRechercheAvancee ul li.resultatRecherche {
	color: #000;
	padding-left: 5px;
}

div #resultatRechercheAvancee ul li.resultatRecherche:focus,
div #resultatRechercheAvancee ul li.resultatRecherche:active,
div #resultatRechercheAvancee ul li.resultatRecherche:hover
{
	background-color: #63b9d2;
}

/* ################################################## ARTICLE LOI PINEL ################################### */
#laPage .red {
	color: red;
	font-weight: bold;
}

#laPage {
	width: 600px;
	padding: 20px;
	font-family: 'ubunturegular';
	font-size: 15px;
	text-align: justify; 
	line-height: 1.6;
	color: #006699;
}

#laPage .centrer {
	text-align: center;
}

#laPage .souligner {
	text-decoration: underline;
	font-size: 21px;
}


#laPage p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 30px;
}

#laPage h2 {
	/*text-decoration: underline;*/
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	/*border-bottom: 1px solid;*/
	display: inline-block;
	font-size: 21px;
	font-weight: bold;
	text-decoration: underline;
}

#laPage .listStyleNone {
	list-style-type: none;
	padding-left: 0px;
}

#enlarge_map * {
	box-sizing: border-box;
}
#enlarge_map {
	box-sizing: border-box;
	background-color: #0799BC;
	width: 100%;
	padding: 5px;
	margin-bottom: 0px;
	cursor: pointer;
	opacity: 0.7;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
#enlarge_map:hover {
	opacity: 1;
}
#enlarge_map p {
	padding: 0px;
	margin: 0px;
	text-align: center;
	color: white;
	font-size: 15px;
	font-weight: bold;
}