@charset "UTF-8";
/* Base */
body { line-height: 2.1em; color: #231f20; background: top center no-repeat white; margin: 0; padding: 0; font-family: Capriola, Arial, Verdana, sans-serif; font-size: 12px; text-align: justify; }
h1, .titresBlack, .titresRed { font-size: 28px; font-weight: normal; color: black; }
.titresRed { color: #d90d2f; }
h2 { font-size: 16px; font-weight: normal; color: #D90D2F; }
h3 { font-size: 14px; font-weight: normal; color: #231f20; margin: 0; }
a:link, a:visited { color: #D90D2F; text-decoration: none; }
a:hover, a:active { color: #000000; text-decoration: none; outline: none; }
p{ line-height: 1.75em; font-size: 12px; }
/* Backgrounds */
.bg_accueil { background-image:     url("http://www.agencemdsante.com/img/background/accueil.jpg") }
.bg_contacts { background-image:    url("http://www.agencemdsante.com/img/background/contact.jpg") }
.bg_emplois { background-image:     url("http://www.agencemdsante.com/img/background/emplois.jpg") }
.bg_intranet { background-image:    url("http://www.agencemdsante.com/img/background/clients.jpg") }
.bg_pourquoi { background-image:    url("http://www.agencemdsante.com/img/background/pourquoi.jpg") }
.bg_services { background-image:    url("http://www.agencemdsante.com/img/background/accueil.jpg") }
.bg_temoignages { background-image: url("http://www.agencemdsante.com/img/background/temoignages.jpg") }

/* Design */
/* Top menu */
#top-menu { font-size: 13px; text-transform: uppercase; border-top: 3px solid #ed174f; background: url("http://www.agencemdsante.com/img/bg_topmenu.png"); }
#top-menu-inside { float: right; }
#top-menu div.sep { float: left; width: 2px; height: 36px; background: url("http://www.agencemdsante.com/img/topmenu_sep.png"); }
#top-menu a { color: white; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); display: block; float: left; padding: 7px 16px; height: 22px; line-height: 20px; }
#top-menu a:hover { background: url("http://www.agencemdsante.com/img/bg_topmenu_hover.png"); }
#top-menu-tel { position: relative; top: 1px; }

/* Main menu */
#main-menu { z-index: 5; position: fixed; width: 206px; top: 8px; }
#main-menu a#main-menu-header { padding: 0; display: block; width: 206px; height: 193px; background: url("http://www.agencemdsante.com/img/bg_menu_header.png") no-repeat; }
#main-menu-inside { background: url("http://www.agencemdsante.com/img/bg_menu.png") repeat-y; padding: 0 8px; }
#main-menu-footer { display: block; width: 206px; height: 43px; background: url("http://www.agencemdsante.com/img/bg_menu_footer.png") no-repeat; }
/* Main menu links */
#main-menu a { text-transform: uppercase; font-size: 13px; height: 18px; display: block; background: url("http://www.agencemdsante.com/img/bg_menu_link.png") no-repeat; color: black; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); text-decoration: none; padding: 10px 20px; }
#main-menu a:hover, #main-menu a.selected { color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); background-position: 0 -41px; }
/* Submenu */
#main-menu .sub-menu a { text-transform: none; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size: 11px; height: 15px; padding: 5px 25px; background: url("http://www.agencemdsante.com/img/bg_submenu_link.png") no-repeat; }
#main-menu .sub-menu a:hover, #main-menu .sub-menu a.selected { background-position: 0 -25px; }

/* Banner */
#banner-container { padding-left: 215px; }
#banner { margin-bottom: -180px; margin-top: 25px; position: relative; width: 766px; height: 282px; background: url("http://www.agencemdsante.com/img/banner/accueil.png") no-repeat; }
.alias_services #banner { background-image: url("http://www.agencemdsante.com/img/banner/services.png"); }
.alias_notre-presence #banner { background-image: url("http://www.agencemdsante.com/img/banner/presence.png"); }
.alias_pourquoi-joindre-l-equipe-de-md-sante #banner { background-image: url("http://www.agencemdsante.com/img/banner/pourquoi.png"); }
.alias_nos-partenariats #banner { background-image: url("http://www.agencemdsante.com/img/banner/partenariats.png"); }
.alias_temoignages #banner { background-image: url("http://www.agencemdsante.com/img/banner/temoignages.png"); }
.alias_flexibilite-et-salaire #banner { background-image: url("http://www.agencemdsante.com/img/banner/temoignage_josee.png"); }
.alias_milieux-et-flexibilite #banner { background-image: url("http://www.agencemdsante.com/img/banner/temoignage_nancy.png"); }
.alias_orientation-et-formation #banner { background-image: url("http://www.agencemdsante.com/img/banner/temoignage_shirley.png"); }
.alias_coordonnees #banner { background-image: url("http://www.agencemdsante.com/img/banner/contact.png"); }
.alias_emplois #banner { background-image: url("http://www.agencemdsante.com/img/banner/emplois.png"); }
.alias_intranet #banner { background-image: url("http://www.agencemdsante.com/img/banner/clients.png"); }
.alias_accueil #banner { background: transparent; }

#banner-backgrounds, .banner-background { position: absolute; top: 0; left: 0; width: 766px; height: 282px; }
#banner-background-1 { background: url("http://www.agencemdsante.com/img/banner/accueil.png") no-repeat; }
#banner-background-2 { background: url("http://www.agencemdsante.com/img/banner/accueil_2.png") no-repeat; }
#banner-background-3 { background: url("http://www.agencemdsante.com/img/banner/accueil_3.png") no-repeat; }

a#btn-cv { position: absolute; top: 180px; left: 30px; width: 275px; height: 73px; background: url("http://www.agencemdsante.com/img/btn_cv.png") no-repeat; display: block; }
a#btn-cv:hover { background-position: 0 -73px; }
.alias_accueil a#btn-cv { top: 165px; }
#banner-inside { text-align: justify; width: 308px; padding: 55px 0 0 35px; }
.alias_emplois #banner-inside { padding-top: 65px; }
#banner-inside h1 { font-size: 35px; color: white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
#banner-inside p { font-size: 11px; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* Content */
#main-content-container { padding-top: 200px;background: url("http://www.agencemdsante.com/img/bg_content.png") repeat-y center; }
#main-content { padding-left: 215px; }
#content { padding: 0 25px 25px 25px; }

/* Services */
p.service { color: #5a5a5a; font-size: 12px; margin: 3px 0 0 0; }
a.btn-mieuxrespirer { display: block; width: 159px; height: 30px; background: url("http://www.agencemdsante.com/img/btn_mieux_respirer.png") no-repeat; }
a.btn-mieuxrespirer:hover, a.btn-mieuxrespirer:active { background-position: 0 -30px; }

/* Témoignages */
div.temoignage { text-align: left; float: left; width: 346px; margin-right: 8px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; }
div.temoignage.last { margin-right: 0; }
div.temoignage h2 { margin: 0; }
div.temoignage p { margin: 5px 0; }
div.temoignage p.quote-name { margin: 1px 0 5px 0; }
div.temoignage p.quote { font-size: 11px; }
.temoignage-image { display: block; float: left; width: 87px; }
.temoignage-resume { float: left; width: 254px; margin-left: 5px; }
a.temoignage-link { color: #DC1F2F; text-decoration: none; display: block; }
a.temoignage-link:hover { color: #000; }

#temoignage-video { float: left; border: 4px solid white; margin-left: -23px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
#temoignage-video-nav { margin-top: 1px; float: left; margin-right: -35px; }
#temoignage-video-nav div.empty { width: 171px; height: 65px; background: url("http://www.agencemdsante.com/img/bg_temoignage_nav.png"); height: 65px; border-bottom: 1px solid white; }
#temoignage-video-nav a { text-align: left; padding: 15px 0 0 13px; text-decoration: none; display: block; background: url("http://www.agencemdsante.com/img/bg_temoignage_nav.png"); width: 158px; height: 50px; border-bottom: 1px solid white; }
#temoignage-video-nav a span { display: block; }
#temoignage-video-nav a span.nom { font-size: 14px; color: #d90d2c; }
#temoignage-video-nav a span.titre { font-size: 12px; color: #231f20; }
#temoignage-video-nav a:hover, #temoignage-video-nav a.selected { background-position: 0 -65px; }
#temoignage-video-nav a:hover span.nom, #temoignage-video-nav a.selected span.nom { color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8); }
#temoignage-video-nav a:hover span.titre, #temoignage-video-nav a.selected span.titre { color: #231f20; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

#temoignage-texte { clear: both; line-height: 21px; margin-top: 10px; }
#temoignage-texte p { line-height: 21px; }
.temoignage-quote { margin-right: -5px; width: 248px; text-align: left; float: left; font-size: 14px; color: #DC1F2F; margin-left: 3px; }
.temoignage-image { display: block; margin-left: -3px; }
.temoignage-image img { display: block; }
/* Emplois */
a.btn-demande-emplois { display: block; margin-top: -30px; width: 276px; height: 48px; background: url("http://www.agencemdsante.com/img/btn_demande_emplois.png") no-repeat; }
a.btn-demande-emplois:hover { background-position: 0 -48px; }

/* Popup emplois */
#popup-emplois { cursor: pointer; display: none; overflow: auto; z-index: 10; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: url("http://www.agencemdsante.com/img/popup_bg.png"); }
a#popup-emplois-close { z-index: 12; display: block; position: absolute; left: 50%; margin-left: 320px; top: 55px; width: 26px; height: 30px; background: url("http://www.agencemdsante.com/img/popup_close.png") no-repeat; }
a#popup-emplois-close:hover { background-position: 0 -30px; }
#popup-emplois-inside { z-index: 11; cursor: default; background: url("http://www.agencemdsante.com/img/popup_emplois.png") no-repeat top center; position: absolute; left: 50%; top: 70px; width: 664px; height: 600px; margin-left: -332px; }
#popup-emplois form { position: absolute; left: 50px; top: 270px; }
input[type="text"] { margin-bottom: 10px; float: left; width: 258px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); font-size: 14px; display: block; padding: 11px 10px 10px 10px; border: 1px solid #949494; border-radius: 10px; color: #3a3537; font-family: Capriola, Arial, Verdana, sans-serif; background: white; }
input[type="text"].first { margin-right: 10px; }
.cmf-skinned-select { margin-bottom: 5px; float: left; width: 278px; height: 40px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); font-size: 14px; display: block; border: 1px solid #949494; border-radius: 10px; color: #3a3537; font-family: Capriola, Arial, Verdana, sans-serif; position: relative; background: url("../img/select_arrow.png") no-repeat 255px center white; margin-right: 10px; }
.cmf-skinned-text { text-align: left; padding: 12px 10px 6px 10px; }
select.skinned { width: 278px; height: 40px; border: 1px solid white; }
#cv-container { margin-bottom: 5px; float: left; width: 258px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); font-size: 14px; display: block; padding: 8px 10px 7px 10px; border: 1px solid #949494; border-radius: 10px; color: #3a3537; font-family: Capriola, Arial, Verdana, sans-serif; background: white; }
#cv-container label { display: block; padding-top: 3px; float: left; }
#cv-container #file-wrapper { float: right; }
#cv-container input { max-width: 200px; }
#popup-emplois-send { clear: both; background: url("http://www.agencemdsante.com/img/btn_envoyer.png") no-repeat transparent; width: 115px; height: 48px; padding: 0; margin: 0; display: block; cursor: pointer; border: none; position: relative; right: 3px; }
#popup-emplois-send:hover, #popup-emplois-send:focus { background-position: 0 -48px; }
a#btn-intranet-clients { position: relative; right: 6px; display: block; width: 311px; height: 48px; background: url("http://www.agencemdsante.com/img/btn_intranet_clients.png") no-repeat; }
a#btn-intranet-clients:hover { background-position: 0 -48px; }
a#btn-intranet-employes { position: relative; right: 6px; display: block; width: 331px; height: 48px; background: url("http://www.agencemdsante.com/img/btn_intranet_employes.png") no-repeat; }
a#btn-intranet-employes:hover { background-position: 0 -48px; }

/* Popup accueil 10 ans */
#popup { z-index: 1000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; background: url("http://www.agencemdsante.com/img/popup_bg.png") repeat; }
#popup-image { z-index: 1001; display: block; position: fixed; top: 35px; left: 50%; margin-left: -292px;  }
#popup-close { width: 26px; height: 32px; background: url("http://www.agencemdsante.com/img/popup_10ans_close.png") no-repeat; z-index: 1002; display: block; position: fixed; top: 58px; left: 50%; margin-left: 315px; }
#popup-close:hover, #popup-close:active { background-position: 0 -32px; }

/* Footer */
#footer { color: white; padding: 12px 0 30px 0; background: url("http://www.agencemdsante.com/img/bg_footer.png"); margin-top: 15px; }
#addthis { float: right; text-transform: uppercase; }
#copyright { margin: 0; float: left; font-size: 11px; }
#copyright a:link, #copyright a:visited { color: white; text-decoration: none; color: #FFF; }
#copyright a:hover, #copyright a:active { color: #E5173F; text-decoration: none; }

/* Réutilisable */
.wrapper { margin: 0 auto; width: 975px; }
.picto { vertical-align: middle; }
.red { color: #D90D2C; }
.black { color: #231f20; }
.goldText { color: #d90d2f; }
/* Clearfix */
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.no-height { height: 0px; }