/* |||||||||||||||||||||||||||||||||
||||||||||||||| NYMPHEA STUDIO |||||
|||| CSS |||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||| */

@font-face {font-family: 'MyriadPro-Cond';
	src: url('../font/MyriadPro-Cond.eot?') format('eot'), 
	     url('../font/MyriadPro-Cond.otf')  format('opentype'),
	     url('../font/MyriadPro-Cond.woff') format('woff'), 
	     url('../font/MyriadPro-Cond.ttf')  format('truetype'),
	     url('../font/MyriadPro-Cond.svg#MyriadPro-Semibold') format('svg');
}
@font-face {font-family: 'myriadpro-regular';
	src: url('../font/myriadpro-regular.eot?') format('eot'), 
	     url('../font/myriadpro-regular.otf')  format('opentype'),
	     url('../font/myriadpro-regular.woff') format('woff'), 
	     url('../font/myriadpro-regular.ttf')  format('truetype'),
	     url('../font/myriadpro-regular.svg#MyriadPro-Semibold') format('svg');
}
@font-face {font-family: 'MyriadPro-Semibold';
	src: url('../font/MyriadPro-Semibold.eot?') format('eot'), 
	     url('../font/MyriadPro-Semibold.otf')  format('opentype'),
	     url('../font/MyriadPro-Semibold.woff') format('woff'), 
	     url('../font/MyriadPro-Semibold.ttf')  format('truetype'),
	     url('../font/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
}
body {
    font: 100 100% myriadpro-regular;
    color:#6c6c74
}
.logo a{
    background: url(../images/logo-hydroconseil.png) no-repeat;
    background-size: 100%;
    display: block;
    max-width: 308px;
    height: 100px;
    text-indent: -3000px
}

h3, h4, .sidebar .bt-cs .bt-title, .jobs  .bt-cs .bt-title  {text-align:center; font: 100 180% myriadpro-regular;color: #3279b8; text-transform: uppercase;padding: 10px 0}
h4, .sidebar .bt-cs .bt-title, .jobs  .bt-cs .bt-title  {font: 100 100% myriadpro-regular;text-align:left}
.jobs  .bt-cs .bt-title {padding: 0px}
.jobs .bt-cs .bt-extra, .jobs .bt-cs .bt-row  {margin-top: 0; padding-top: 0}
.breadcrumb li {display: inline-block}

.menu-cache {display: none !important}

/* HEADER
---------------------------------------------- */
.full_menu{
    margin-top: 15px
}
.full_menu li  {
    display: inline-block;
    background: url(../images/dotted.png) no-repeat right;
    padding: 0 15px 0 10px
}
.full_menu li:last-child {background: none}
.full_menu li a {
    text-transform: uppercase;
    font: 500 120% MyriadPro-Cond;
    letter-spacing: 2px;
    color: #6c6c74
}
.full_menu li a:hover, header .navigation li a:focus, 
.full_menu li.active a:hover, header .navigation li.active a:focus, 
.full_menu .active a {background: none;color: #3279b8}
.full_menu .item-101, .full_menu .item-102, .full_menu .item-103, .full_menu .item-104  {display: none}
.full_menu li li {background: none}
.social {margin-top: 10px !important}
.mod-languages {float: right}
.mod-languages li {padding: 0px; background: none}

/* DIAPORAMA
---------------------------------------------- */

.slideshowck, .slider .jumap_wrapper {
    position: absolute;
    width: 100%;
    height: 300px !important; 
    top:130px;
    z-index:0
}

.slider .juworldmap, .slider .juworldmap svg {min-width: 100%;height: 300px !important}

.camera_caption {
    bottom: auto;
	position: absolute;
    display: block;
	width: 300px;
    margin-left: -480px;
    left: 50%;
    margin-top: 130px;
}

.slideshowck .camera_caption > div {
    border-radius: 0px !important;
    height: 90px !important;
    text-transform: uppercase !important;
    font: 600 150% MyriadPro-Cond !important;
    background: rgba(50,121,184,0.8) !important;
}

.camera_prev, .camera_next, .slider .jumap-zoomin, .slider .jumap-zoomout {
	position: absolute;
	width: 40px;
    height: 100px;
    margin-left: -160px;
    left: 50%;
    background: #b1b2b3;
    color: #fff !important;
    margin-top: 40px
}
.camera_commands {display: none !important}
.camera_prev{margin-left: -200px}
.camera_prev, .camera_next {display: none !important}
.slider a, .slider a:visited {color: #27343B !important}

.slider .jumap_wrapper, .slider .jumap_wrapper svg{min-width: 100%; position: absolute}
.slider .jumap-zoomin, .slider .jumap-zoomout {
    display: block; 
    border-radius: 0px;
    margin-top: 190px;
    font-size: 150%;
    padding: 10px 0;
    margin-left: -250px
}

.slider .jumap-zoomout {margin-left: -210px;margin-top: 170px}

.help-map {position: absolute;	
    top: 260px;
    display: block; text-align: justify;
    background: #3279b8;
    color: #fff;
    padding: 10px;
    height: 105px;
    width: 200px;
    margin-left: -480px;
    left: 50%;
    z-index: 1
}

.camera_amber_skin .camera_next > span {background-position: -40px -80px !important}
.camera_amber_skin .camera_prev > span {background-position: 0px -80px !important}

/* CONTENT
---------------------------------------------- */

.content-site {
    z-index: 2;
    margin-top:235px;
    min-height: 600px
}

#content-left{
    background: white; 
    float: left;
    padding-top: 10px;
    min-height: 400px;
    box-shadow: 0 -10px 10px rgba(0,0,0,0.2)
}

.content-site .sidebar{
    background: white url(../images/bg-actu.png) no-repeat right top;
    float: right;
    box-shadow: 0 -10px 10px rgba(0,0,0,0.2)
}

.texte-bleu {color: #3279B8}
.texte-gris {color: #B1B2B3}

/* MODULES ACCUEIL
---------------------------------------------- */

/* REFERENCES */

.references table{width: 100%; margin-bottom: 20px}
.references td{
    padding: 0 5px;
    width: 50%;
}
select, input, #select-ref, .valid-button, input[type="text"], textarea, input[type="email"], .contact-form .btn, .bouton-contact-jobs {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    height: 45px;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #b1b2b3;
    width: 100%;
    color: #b1b2b3;
    border-radius: 0px !important;
    font: 100 110% myriadpro-regular
}
input, input[type="text"] {
    padding: 0px 10px  !important;
    width: 100%;
    max-width: 278px;
    color: #b1b2b3
}
#select-ref:first-child {margin-top: 0px}
.valid-button, .valid-button:hover, .valid-button .active, .valid-button:focus, .contact-form .btn, .bouton-contact-jobs  {
    box-shadow: none; color: #fff; text-align: left;padding: 0 15px;margin: 0px;
    background: #3279b8 url(../images/fleche-btn-valid.png) no-repeat center right
}
.valid-button:hover {opacity: 0.5}

.references tr, .references td {vertical-align:top}
.references td:first-child {padding-top: 2px}
a#btn-map-reference {height: 25px; padding: 9px;display: inline-block;width: 88%;color: #fff }
a#btn-map-reference:before {content: "\f041"; font-family: FontAwesome;padding-right: 10px}

/* JOBS */

.no-results-contentslider {text-align: center;padding: 85px 0}

.moduletable.jobs {background: #d6e4f1;float: left;margin-left: -10px; margin-right: 10px}
.jobs .slides_container .bt-inner {height: 220px}
.publications {float: left}
.publications h4 {text-align:center }

.bt-date {
    font: 100 110% myriadpro-regular !important;
    position: absolute;
    margin: 174px 0 0 210px;
    z-index: 9;
    display: block; 
    height: 44px; width: 36px;
    background: #b1b2b3; 
    color: #fff;
    padding: 5px 5px; 
    text-align: center
}

.bt-mois {width: 100%;display: block;max-width:33px; overflow: hidden}
.bt-jour {border-bottom: 1px solid #fff}

.bouton-contact-jobs{width: 250px}
.bouton-contact-jobs a {color: #fff;line-height: 40px}

/* JOBS COL RIGHT */

.moduletable.jobs.col-right {margin:0px; background:none}
.moduletable.jobs.col-right .bt-cs .bt-title {margin-top:0px}
.moduletable.jobs.col-right .slides_control{max-height: 250px;overflow: hidden}

/* ACTUALITES */

.sidebar .bt-cs .bt-inner, .jobs .bt-cs .bt-inner {padding: 0 45px; text-align: left}
.sidebar .bt-cs .bt-inner img {
    position: absolute;
    margin-top: -12px;
    margin-top: -199px\9\0;/*Only works in IE9*/
    left: 0px;border: none;
    min-width: 100%
}


.sidebar .bt-cs .bt-row {min-height: 400px}
.sidebar .bt-cs .bt-title {margin-top: 140px}
.sidebar .bt-cs .next, .sidebar .bt-cs .prev,.jobs .bt-cs .next, .jobs .bt-cs .prev {display:block;background: url(../images/next-actu.png) right center no-repeat !important}
.sidebar .bt-cs .prev, .jobs .bt-cs .prev {background: url(../images/prev-actu.png) left center no-repeat !important}
.sidebar .readmore a{color: #3279b8}
.sidebar .bt-date {
    font: 100 110% myriadpro-regular !important;
    position: absolute;
    margin: -15px 0 0 210px;
    display: block; 
    height: 34px; width: 36px;
    background: #b1b2b3; 
    color: #fff;
    padding: 12px 5px; 
    text-align: center
}
.slides_container {border:none !important;padding: 8px 0px 10px 0 !important}
.bt-cs h3 {background: none !important; border: none !important; line-height: 40px}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {.sidebar .bt-cs .bt-inner img {margin-top: -199px}}*/
. ie10 .sidebar .bt-cs .bt-inner img{margin-top: -199px}

#rechercher_publication input {display: none}

/* CONTACTS */

.contact #myTabTabs, .contact .jicons-icons  {display: none !important}
.contact input, .contact textarea, .contact  input[type="text"], .contact #jform_contact_name {width:100%; display: block; max-width: 97%  !important;padding: 0px !important}
.contact textarea {max-width: 100%;height: 150px}
.contact input[type="checkbox"] {max-width: 50px !important;display: inline;  height: auto;box-shadow: none} 
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {padding: 0 10px !important}
#contact-form .control-label #jform_contact_emailmsg-lbl,
#contact-form .control-label #jform_contact_email-lbl, #contact-form .control-label #jform_contact_name-lbl {display: none !important}

/* FOOTER
---------------------------------------------- */

footer {position: absolute;min-width: 100%; background: #3279b8;min-height: 350px}
#carrousel-clients {background: #eff0f0;margin-top: 20px}
#carrousel-clients div, #footer {
    background: none;
    margin: 0px auto
}

#footer div { margin: 0px}
#carrousel-clients h3 {display: none !important}
#footer h3, #footer a, #footer p { color: white; font-size: 120%}
#footer a, #footer p { font-size: 90%}
.copy-footer div{text-align: center; height: 10px; float:left; border-top: 1px solid #5b94c6;padding: 5px 0 30px 0}

#footer .container, #footer .contacts {border-right: 1px solid #5b94c6;min-height: 230px; margin: 15px 7px}
#footer ul, #footer .contacts .contacts{min-height: 30px !important; border-right: none  !important; margin: 0px !important}
 #footer .contacts { border-right: none  !important}

/* BLOG
---------------------------------------------- */
.categories-list h3{
    font-size:110%;
    text-transform: none;
    text-align: left; 
    padding-left: 10px; 
    border-bottom: 1px solid #d6e4f1
}

.categories-list .hasTooltip:before {content: "("}
.categories-list .hasTooltip:after {content: ")"}
.categories-list.refs .hasTooltip:after {content: "pays)"}
.categories-list.refs-en .hasTooltip:after {content: "countries)"}
.blog .attachmentsList table, .blog .attachmentsList table thead,  .blog .attachmentsList table tr,.blog .attachmentsList table caption {
    display: block; width: 100%}
.blog .attachmentsList table {border: 1px solid #d6e4f1}
.blog .attachmentsList table tr {background: #d6e4f1}
.blog .attachmentsList table  thead th{border: none;border-right: 1px solid #fff;min-width: 20%}

/* PAGE SEARCH RESULTS
---------------------------------------------- */

#content-left .search .result-title { font-size: 130%;margin-top: 20px}
#content-left .search .result-created {font-size: 80%}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
        .full_menu > .full_menu { display: none !important}
        .mobile_menu #mobile {background: #fff;padding: 5px 0px;position: absolute;z-index: 9;width: 100%}
        .mobile_menu #mobile li {border-bottom: 1px solid #d6e4f1}
        .mobile_menu #mobile li li {border-bottom: none}
        .mobile_menu #mobile li a {padding-left: 10px}
        #toggle-bar{position: absolute;z-index: 99 !important;right: 0}
        .publications #mod-search-searchword {width: 91% !important}
        .bt-cs .bt-date {margin-left: 150px}
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        .camera_caption {margin-left: -385px; margin-top: 190px}
        .camera_prev, .camera_next {margin-left: -70px;margin-top: 55px}
        .camera_prev{margin-left: -110px}
        .input-accueil {max-width: 214px !important}
    }


	@media only screen and (max-width: 768px) {
      .slider .jumap-zoomin, .slider .jumap-zoomout, .help-map {display: none}
      .camera_caption {margin-left: -385px; margin-top: 225px}
      .camera_prev, .camera_next {margin-top: 95px}
      .mobile_menu #mobile {margin-top: 115px}
  
    }


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
        .slideshowck {margin-top: 0px}
        .mobile_menu .navicon {color: #3279b8;margin: 0px 0 30px 0}
        .mobile_menu a {color: #3279b8}
        #content-left .column {padding-left: 10px !important;}
        .jobs {width: 420px}
        .publications .input-accueil {max-width: 378px}
        .sidebar, .sidebar .slide {min-width: 420px}
        .sidebar .bt-inner {margin-top: 100px}
        .sidebar .bt-cs .bt-inner img {margin-top: -280px}
        footer ul {border-right: none;  padding: 0 0px !important; margin-left: 0px !important}
        #footer .container, #footer .contacts .contacts{border-right: none; margin-left: 0px !important;  margin-right: 0px !important;min-height: 30px !important}
        footer h3 {border-top: 1px solid #5b94c6}
        .camera_prev, .camera_next {margin-left: 170px}
        .camera_prev{margin-left: 130px}
        #signature-nymphea {display: none !important}
        .camera_caption {margin-left: -210px}
        .contact input{min-width: 95%}
        .publications #mod-search-searchword {width: 100% !important;max-width: 94.5% !important}
        .bt-cs .bt-date {margin-left: 330px}
    }


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .slideshowck {margin-top: 0px}
        .camera_prev, .camera_next {margin-left: 110px}
        .camera_prev{margin-left: 70px}
        .camera_caption {margin-left: -150px}
        .mobile_menu .navicon {color: #3279b8;margin: 0px 0 30px 0}
        .mobile_menu a {color: #3279b8}
        #content-left .column {padding-left: 10px !important}
        .jobs {width: 300px}
        .jobs .slide {max-width: 300px}
        .publications {max-width: 280px}
        .publications .input-accueil {max-width: 258px!important}
        .sidebar, .sidebar .slide {min-width: 300px}
        .sidebar .slide, #footer ul {max-width: 260px !important}
        #signature-nymphea {display: none !important}
        h1 {font-size: 30px}
        .contact input, .contact textarea, .contact  input[type="text"], .contact #jform_contact_name {max-width: 80% !important}
        .contact input{min-width: 90%}
        .contact textarea {max-width: 90% !important}
        .publications #mod-search-searchword {max-width: 92% !important}
      .references td {width: 96%;display: block}
      a#btn-map-reference {width: 93%}
      .sidebar .bt-inner {margin-top: 0px}
    }
	
	
	
	.page-header h1 a{
font-size:25px;
}