#global-content { margin-top: 45px; }

div#global-container #slide { border: 2px solid #FFF;  width: 940px; margin: auto; position: relative; height:359px; border-top-right-radius: 20px; }
div#global-container #align-container { width: 960px; position: relative; margin: auto; padding-top: 20px;}
div#global-container #slider-pager { position: absolute;  bottom: 3px; text-align: left; height: 31px;  z-index: 1; width: 726px;  margin: 0;  }
div#global-container .entity { font-family: 'proxima_nova_condensedSBd'; width: 960px; margin: auto; position: relative; top: -355px;   }
div#global-container .entity li {display: none; }
div#global-container .entity li:first-child { display: block;}
div#global-container .desc {  color: #FFF; width:auto;   position: absolute; padding-top: 73px; padding-left: 23px; padding-right: 23px;}
div#global-container .desc.blue-type { }
div#global-container .desc.yellow-type {  }
/*
div#global-container .desc h2 { display: inline; font-size: 40px;  background-color: #e20025;line-height: 46px; font-family: "proxima_nova_condensedSBd"; font-weight: normal; text-transform: uppercase; padding: 5px; padding-right: 20px; padding-left: 18px;}
*/
div#global-container .desc p { display: inline-block;  font-family: 'proxima_novasemibold';font-size: 16px; color: #333; background: url('../images/slider/bg-slider.png'); padding: 20px; margin-top: 10px; margin-bottom: 20px; line-height: 16px; }
div#global-container .desc .link { display: inline; font-size: 16px;  background-color: #e20025;font-family: "proxima_nova_rgregular"; font-weight: normal; padding: 10px 20px; border-radius:5px;}
div#global-container .desc:hover .link {  background-color: #be2026; }
div#global-container .desc.blue-type .link {  }
div#global-container .desc.yellow-type .link {   }
div#global-container nav#fast-action { font-family: 'proxima_nova_rgbold'; background-color: #fff; position: absolute; right: 0; border-top-right-radius: 20px;  bottom: 0px;height:359px; width: 250px;}
div#global-container nav#fast-action ul{ list-style: none; margin-left: 20px; padding: 0; }
div#global-container nav#fast-action ul li { height: 89px; padding-top: 18px; border-bottom: 1px solid #e0e0e0;  font-weight: bold; color: #333333; font-size: 18px; line-height: 20px;   }
div#global-container nav#fast-action ul li a { display: block; width: 100%;  }
div#global-container nav#fast-action ul li a span { display: block; width: 100%; padding-top: 12px;height: 54px; padding-left: 74px;}
div#eau-et-sante { background: url('../images/bg-eau-et-sante.png') no-repeat left center;  height: 125px; position: relative; margin-right: -30px;}
div#eau-et-sante a{ display: block;  width: 190px; height: 125px; }
div#eau-et-sante span.glob {width: 190px; height: 125px; padding-top: 35px; padding-left: 131px;text-align: left; position:absolute; bottom: 0; font-size: 24px; text-transform: uppercase; line-height: 28px;  color: #22201a;font-family: 'proxima_nova_condensedSBd';  }
div#eau-et-sante span.grey { color: #22201a; }
div#eau-et-sante span.black { color: #22201a; }
div#espace-pedagogique { background: url('../images/bg-pedagogie.png') no-repeat; width: 260px; height: 121px; position: relative; margin-right: 20px; }
div#espace-pedagogique a{ display: block;  width: 260px; height: 121px; }
div#espace-pedagogique span.glob {width: 260px; height: 125px; padding-top: 35px; padding-left: 131px;text-align: left; position:absolute; bottom: 0; font-size: 24px; text-transform: uppercase; line-height: 28px;  color: #22201a;font-family: 'proxima_nova_condensedSBd';  }
div#espace-pedagogique span.grey { color: #22201a; }
div#espace-pedagogique span.black { color: #22201a; }
div#eau-de-ma-ville {  background: url('../images/icones/eau-ma-ville.png') no-repeat 30px center #00AECD;  height: 121px; position: relative; border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding: 20px 40px; padding-left: 100px; margin: 0; }
div#eau-de-ma-ville h2 { font-size: 24px; color: #2e2a2a; text-transform: uppercase; font-weight: normal; font-family: "proxima_nova_condensedSBd"; line-height: 10px; padding-top: 15px;}
div#eau-de-ma-ville h2 span{ color: #2e2a2a;}
div#eau-de-ma-ville form input { height: 28px; line-height: 28px; border: 0; padding: 0; }
div#eau-de-ma-ville form input:focus { outline : none; }
div#eau-de-ma-ville input[type=text] { color: #7f7f7f;  border-radius: 5px; border: 1px solid #b3b3b3; padding: 0px 10px; width: 263px; }
div#eau-de-ma-ville input[type=submit] { background-color: #e40520; color: #FFF; border-radius: 5px; width: 42px;  line-height: 22px; font-size: 13px; font-weight: bold;}
div#eau-de-ma-ville input[type=submit]:hover { background-color: #be2026; }
div#eau-de-ma-ville input[type=button] { display: inline-block; width: 48px; height: 48px; background: url('../images/icones/localisation-48x48.png'); margin-top: -12px; }
div#eau-de-ma-ville.connected { background: url('../images/icones/eau-ma-ville.png') no-repeat 40px center #DFDFDF; padding-left: 130px; }
div#eau-de-ma-ville.connected ul {margin: 0; padding: 0; width: 100%;}
div#eau-de-ma-ville.connected ul li { font-size: 15px;color: #373333; display: inline-block; width: 100px; margin-right: 10px;  padding: 0; border-left: 2px solid #FFF; padding-left: 2%; text-transform: uppercase; font-family: 'proxima_novasemibold'; line-height: 16px;}
div#eau-de-ma-ville.connected ul li span { color: #e40520; display: block;}
div#eau-de-ma-ville.connected ul li:first-child { width: 160px; }
div#eau-de-ma-ville.connected ul li:hover { border-left: 2px solid #df0024; }
/*------------------------*/
/* ESPACE PERSO*/

form#espace-perso-large { font-family: "proxima_nova_rgregular"; font-size: 15px; }
form#espace-perso-large label {display: inline-block;  margin: 0;  height: auto; line-height: 34px; margin-right: 9px;}
form#espace-perso-large select { width: 397px; height: 34px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 15px; padding: 0 15px;}

#notification-fil { font-size: 15px; padding: 0px 15px; }
#notification-fil span {display: block; margin-right: 10px;margin-bottom: 10px; float: left; background: url('../images/icones/alert.png') no-repeat; padding-left: 26px; height: 24px; text-transform: uppercase; color: #DE0024; padding-top: 2px;}
#notification-fil ul { display: inline-block; }
#notification-fil ul li { float: left; padding-top: 2px; padding-left: 16px; margin-right: 20px; background: url('../images/arrow-red.png') left center no-repeat; }
#notification-fil ul li:last-child {border: 0;}

#espace-perso-cat { width: auto; position: relative; padding: 0; margin:auto;  margin-top: 10px; text-align: center;}
#espace-perso-cat .espace-perso-vignettes { color: #FFF;text-align: left;  float: left;margin-bottom: 20px;   margin-right: 20px; width: 220px; height: 434px; border-top-right-radius: 20px; border-bottom-left-radius : 20px;  padding-top: 20px; }
#espace-perso-cat .espace-perso-vignettes.orange { background-color: #e69d3e; }
#espace-perso-cat .espace-perso-vignettes.blue { background-color: #4ec0e2; }
#espace-perso-cat .espace-perso-vignettes.purple { background-color: #836098; }
#espace-perso-cat .espace-perso-vignettes.green { background-color: #63b65a; }
#espace-perso-cat .espace-perso-vignettes h2 { display: block;  line-height: 1em; font-family : 'proxima_nova_condensedSBd'; font-size: 24px; color: #322F2F; }
#espace-perso-cat .espace-perso-vignettes div.first-part { height: 205px;  padding: 0px 15px; font-family : 'proxima_novasemibold'; position: relative;  } 
#espace-perso-cat .espace-perso-vignettes div.first-part .thumb-cat { margin-left: -15px; width: 100%; position: absolute; bottom: 0;}
#espace-perso-cat .espace-perso-vignettes div.first-part .thumb-cat img { width: 100%; max-height: 140px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table { border: 0; padding: 0; margin: 0;  }
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td { vertical-align: middle; padding: 0; margin: 0; border: 0; padding-bottom: 14px; color: #322F2F; font-family : 'proxima_nova_condensedSBd'; font-size: 18px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td span {  line-height: 18px; font-size: 16px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td:first-child{ width: 84px; padding-right: 10px; text-align: left; font-size: 13px; color: #FFF; font-family : 'proxima_novasemibold';  }
#espace-perso-cat .espace-perso-vignettes div.second-part { height: 214px; background-color: #cd914a; padding: 15px; border-bottom-left-radius : 20px; font-family : 'cabincondensed-regular';   } 
#espace-perso-cat .espace-perso-vignettes div.second-part ul li { margin-left: 0px; margin-bottom: 12px; background: url('../images/sub-menu-arrow-white.png') no-repeat left 0px; padding-left: 12px;  font-size: 17px; }
#espace-perso-cat .espace-perso-vignettes div.second-part ul li:hover {background: url('../images/sub-menu-arrow-black.png') no-repeat left 0px; }
#espace-perso-cat .espace-perso-vignettes div.second-part ul li a {color: #FFF; padding-left: 15px; display: block;}
#espace-perso-cat .espace-perso-vignettes.orange div.second-part { background-color : #d37c09; }
#espace-perso-cat .espace-perso-vignettes.blue div.second-part { background-color : #0f95bb; }
#espace-perso-cat .espace-perso-vignettes.purple div.second-part { background : url('../images/bg-espace-perso-conso.png') bottom right no-repeat #55326c; }
#espace-perso-cat .espace-perso-vignettes.green div.second-part { background : url('../images/bg-espace-perso-quotidien.png') bottom right no-repeat #296124; }
#espace-perso-cat .espace-perso-vignettes span.phone { display: inline-block; background: url('../images/icones/phone.png') no-repeat left center; padding-left: 24px; height: 29px; line-height: 34px; font-size: 17px; }

/* Media Query */
@media (max-width: 959px)  {
    div#global-container { margin-bottom: 140px;  }
    .bx-wrapper .bx-viewport { border-top-right-radius: 20px;}
    div#global-container  #align-container #slide {width: 726px;  }
    div#global-container #align-container { width: 726px; position: relative; margin: auto;}
    div#global-container #slider-pager { width: 100%; };
    div#global-container .entity { width: 726px; }
    div#eau-de-ma-ville { width: 450px; margin-left: 55px; }
    div#espace-pedagogique { display: none; }
    div#global-container nav#fast-action ul{ list-style: none; padding: 0; margin-left: 40px; }
    div#global-container nav#fast-action ul li { border: 0;padding: 0; margin: 0; margin-left: -4px;display: inline-block; height: 89px; padding-top: 28px;  font-weight: bold; color: #333333; width: 25%;   }
    div#global-container nav#fast-action ul li a span { padding-left: 66px;}
    div#global-container nav#fast-action {bottom: -96px; left: 0; width: 100%; height: 89px; margin: 0; padding: 0; }
    nav#fast-action ul li a { display: block; margin-top: -28px; padding-top: 28px; height: 88px;   }
    #global-content { width: 710px; margin: auto;margin-top: 109px; padding-left: 5px;  }
    div#eau-de-ma-ville.connected { width: 450px;}
    div#eau-de-ma-ville.connected h2 {padding-top: 0px; margin-top: -10px; font-size: 18px;}
    div#eau-de-ma-ville.connected ul { width: 400px; margin-top: -5px;}
    div#eau-de-ma-ville.connected ul li { display: block; font-size: 12px; width: 400px !important; margin-top: 5px;}
    form#espace-perso-large {margin-right: 5px;}
    form#espace-perso-large select  {width: 100%;}
    #espace-perso-cat { padding-left: 50%; margin-left: -230px;}
}

@media (max-width: 729px) {
    div#global-container { margin-bottom: 0px;  }
    div#global-container #slide { border-top-right-radius: 0px;}
    .bx-wrapper .bx-viewport { border-top-right-radius: 0px;}
    div#global-container { height: auto; width: 100%;background-color: #FFF; margin-top: 0; padding-top: 0; }
    div#global-container #align-container { width: 100%; padding-top: 0; }    
    div#global-container #align-container #slide{ width: 100%; height: auto;    position: relative;  }
    div#global-container .entity {top:  -100px; margin: 0; margin-left: 30px; }
    div#global-container .entity li { padding: 0; margin: 0; margin-top: -35px}
    div#global-container .entity .desc p { display: none;  }
    div#global-container .entity .desc h2 {    font-size: 24px; line-height: 30px; padding-left: 10px;  }
    div#global-container .entity .desc div.link {display: none;} 
    div#global-container .entity .desc { max-width: 90vw; background-position: 0px 130px; background-repeat: repeat;  height: 20px; padding: 0; margin-left: -20px; width: 100%; height: 30px ;line-height: 30px; }
    #estimation-conso { display: none; }
    div#eau-et-sante {display: none;}
    div#eau-de-ma-ville { padding: 0; width: 310px; margin: auto; clear: both !important; float: none !important;  padding-left: 30px; margin-top: 20px; padding-top: 10px;; }
    div#eau-de-ma-ville.container-float { background: none no-repeat 30px center #DFDFDF; }
    div#eau-de-ma-ville div.container {  width: 320px; margin: auto; padding: 10px 0px; }
    div#eau-de-ma-ville input[type=text] { width: 200px; }
     div#eau-de-ma-ville.connected { padding-top: 10px;}
    #global-content {  width: 100%; margin: auto;margin-top: 0px; padding-left: 5px;  } 
   .entity { position : absolute; z-index: 1; margin-top:40px !important; }
    .bx-pager.bx-default-pager a { background-color: #FFF; width: 15px; height: 15px; border-radius: 15px; }
    .bx-wrapper { margin: 0;}   
    .bx-pager {text-align: right ;  }
    div#eau-de-ma-ville.connected { width: 300px; background-position: 20px; padding-left: 80px; }
    div#eau-de-ma-ville.connected h2 { padding-top: 0px; margin-top: -10px; font-size: 18px;}
    div#eau-de-ma-ville.connected ul { width: auto; margin-top: -5px;}
    div#eau-de-ma-ville.connected ul li { display: block; font-size: 12px; width: 400px !important; margin-top: 5px;}
     div#eau-de-ma-ville.connected ul li span { display: inline; color: #373333;}
    div#global-container #slider-pager { display: inline-block; z-index: 2; bottom: 0; right:  0; display: inline; float: right; width: 300px;  text-align: right; }

    div#global-container nav#fast-action { background-color: #fff; position: relative;  border-top-right-radius: 0px;  bottom: 0px;height:359px; width: 100% !important; display: block; margin: auto; padding: 0; }
    div#global-container nav#fast-action ul{ display: block;list-style: none; margin-left: 0px; padding: 0; width: 100% !important;}
    div#global-container nav#fast-action ul li { display: block;height: 89px; padding-top: 28px;  padding-left: 82px; font-weight: bold; color: #333333; margin: auto; width: 100%; padding-left: 20px; padding-right: 20px;  }
    div#global-container nav#fast-action ul li a { display: block; width: 100%; display: block;    padding-top: 16px; height: 88px; border-bottom: 1px solid #e0e0e0; }
    div#global-container nav#fast-action ul li a span { width: 200px; margin: auto; }
    div#global-container nav#fast-action ul li:last-child a { border: 0; } 
    
    #espace-perso-cat { padding-left: 0; margin: 0;}
    #espace-perso-cat .espace-perso-vignettes { float: none; display: block; margin: auto; width: 300px; margin-top: 10px; margin-bottom: 20px;}
    #espace-perso-cat .espace-perso-vignettes .second-part ul { margin-top: 20px; }
}

/* Slider */
.bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;

	padding-top: 20px;
}

.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;

        width: 25px;
        height: 31px;
}

.bx-pager.bx-default-pager a {
	background: url('../images/slider/pager.png');
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 31px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-pager.bx-default-pager a:hover,
.bx-pager.bx-default-pager a.active {
	background: url('../images/slider/pager.png') 25px 0px;
}