html{background:#f9f9f9 center center fixed repeat-y}body{font-family:"Ubuntu",Arial,Helvetica,sans-serif;font-size:1em;line-height:1.4;min-width:320px}#header{background:url('../images/bg-header.png') center bottom no-repeat;padding:0 0 16px 0}.innerheader{margin:0 auto;padding:0 5px 8px 5px;position:relative;max-width:1160px}#header h1{margin:0}#header .logo{display:block;max-width:90%;position:relative}#header .logo img{display:block;max-width:300px}.headeraccount{position:absolute;padding:0 0 20px 0;right:15px;top:40px}.headeraccount .welcome{color:#2071a1;cursor:pointer;font-size:0;margin:0;text-indent:-999em;transition:opacity .2s}.headeraccount .welcome:hover,.headeraccount .welcome:focus{opacity:.7}.headeraccount .avatar{background:#fff;border:1px #5cc2e4 solid;border-radius:50%;display:block;height:44px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;width:44px}.headeraccount .avatar img{display:block;height:100%;margin:0 auto}.detailsaccount{background:#fff;border:1px #5cc2e4 solid;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);display:none;padding:10px 7px 7px 7px;position:absolute;right:-13px;top:63px;width:250px;z-index:150}.detailsaccount::before{background:url('../images/arrow-account.png') no-repeat;content:"";display:block;height:20px;position:absolute;right:25px;top:-20px;width:22px}.headeraccount:hover .detailsaccount{display:block}.detailsaccount p{margin:0}.detailsaccount .name{color:#2071a1;font-size:1.05em}.detailsaccount .name span{text-transform:uppercase}.detailsaccount .mail{color:#868686;font-size:.8em}.detailsaccount ul{list-style:none;margin:20px 0 0 0;padding:0}.detailsaccount li{display:inline;margin:0;padding:0}.detailsaccount .btn-alpi{margin-left:18px}.detailsaccount a{background:#2071a1;border-radius:3px;color:#fff;display:inline-block;font-size:.95em;padding:4px 7px;text-align:center;text-decoration:none;transition:background .2s;width:100px}.detailsaccount .btn-alpi a{background:#d11313}.detailsaccount a:hover,.detailsaccount a:focus{background:#2f2f2f}.sep-nav{background:#166395;background:-moz-linear-gradient(left,#166395 0,#5bc1e3 100%);background:-webkit-linear-gradient(left,#166395 0,#5bc1e3 100%);background:-o-linear-gradient(left,#166395 0,#5bc1e3 100%);background:-ms-linear-gradient(left,#166395 0,#5bc1e3 100%);background:linear-gradient(to right,#166395 0,#5bc1e3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#166395',endColorstr='#5bc1e3',GradientType=1);height:5px}#nav{background:url('../images/bg-nav.png') center center repeat-y}.innernav{margin:0 auto;max-width:1160px}#nav ul{height:49px;list-style:none;padding:0;margin:0}#nav li{background:url('../images/sep-nav.png') center left no-repeat;background-size:1px 35px;-moz-box-sizing:border-box;box-sizing:border-box;float:left;height:100%;margin:0;padding:0 0 0 1px;width:21%}#nav a{background:url('../images/btn-nav.png') no-repeat;background-size:49px auto;border-left:1px #fff solid;border-right:1px #fff solid;display:block;height:100%;text-decoration:none;text-indent:-999em;transition:background-color .3s,color .3s}#nav li:last-child a{border-right:0}#nav ul ul{display:none}#btn-responsivemenu{background:url('../images/bg-btn-responsivemenu.png') center center no-repeat;border:0;height:49px;float:left;padding:0;text-indent:-999em;width:16%}#nav .btn-accueil{display:none}#nav .btn-accueil a{background-position:14px 10px;color:#2274a3}#nav .btn-accueil a:hover,#nav .btn-accueil a:focus{background-color:#ececec}#nav .btn-planning a{background-position:50% -50px;color:#fca00a}#nav .btn-planning a:hover,#nav .btn-planning a:focus{background-color:#fca00a;color:#fff}#nav .btn-candidatures a{background-position:50% -123px;color:#dd46af}#nav .btn-candidatures a:hover,#nav .btn-candidatures a:focus{background-color:#dd46af;color:#fff}#nav .btn-catalogue a{background-position:50% -191px;color:#2abff0}#nav .btn-catalogue a:hover,#nav .btn-catalogue a:focus{background-color:#2abff0;color:#fff}#nav .btn-communiquer a{background-position:50% -260px;color:#80b216}#nav .btn-communiquer a:hover,#nav .btn-communiquer a:focus{background-color:#80b216;color:#fff}#menu-principal.open{margin-left:16%;position:relative;z-index:100}#menu-principal.open li{background:#fff;border-left:1px #2375a4 solid;display:table;float:none;padding:0;width:100%}#menu-principal.open li:last-child{box-shadow:3px 3px 3px rgba(0,0,0,.1)}#menu-principal.open a{-moz-box-sizing:border-box;box-sizing:border-box;border-right:0;display:table-cell;height:50px;line-height:16px;padding:0 0 0 60px;text-indent:0;vertical-align:middle;width:100%}#menu-principal.open .btn-accueil{display:table}#menu-principal.open .btn-planning a{background-position:4px -50px}#menu-principal.open .btn-candidatures a{background-position:4px -123px}#menu-principal.open .btn-catalogue a{background-position:4px -191px}#menu-principal.open .btn-communiquer a{background-position:4px -260px}.breadcrumb{margin:0 auto;max-width:1110px}.breadcrumb p{color:#9c9c9c;font-size:.8em;margin:0 0 .7em}.breadcrumb a{color:#9c9c9c;text-decoration:none}.breadcrumb a:hover,.breadcrumb a:focus{color:#515151}.breadcrumb .web_last{color:#686868}#main{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.03);display:block;font-size:.8em;margin:0 auto;max-width:1170px;min-height:600px;padding:0 0 30px 0}#main h1,#main .h1{background:url('../images/shadow-title.png') left bottom no-repeat;font-size:1.5em;font-weight:normal;margin:0;padding:0 0 17px 0;position:relative}#footer{background:#166395;background:-moz-linear-gradient(left,#166395 0,#5bc1e3 100%);background:-webkit-linear-gradient(left,#166395 0,#5bc1e3 100%);background:-o-linear-gradient(left,#166395 0,#5bc1e3 100%);background:-ms-linear-gradient(left,#166395 0,#5bc1e3 100%);background:linear-gradient(to right,#166395 0,#5bc1e3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#166395',endColorstr='#5bc1e3',GradientType=1);height:40px;padding:3px 1% 0 0;width:99%}#footer .logo-syndicat-mixte{background:url('../images/logo-syndicat-mixte.png') right center no-repeat;height:37px;text-indent:-999em}@media screen and (min-width:640px){#header .logo img{display:inline;max-width:none;width:350px}#header .logo-alpi-txt{position:absolute;left:220px;top:95px}.headeraccount{top:19px}.headeraccount .welcome{font-size:.95em;text-indent:0}.headeraccount .avatar{display:inline-block;height:69px;margin:0 0 0 10px;width:69px}.detailsaccount{right:-3px;top:88px}}@media screen and (min-width:980px){html{background-image:url('../images/bg-body.png')}.innerheader{padding-bottom:14px;padding-left:60px}#header .logo img{width:auto}#header .logo-alpi-txt{left:325px;top:140px}.headeraccount{right:50px}.sep-nav{height:8px}#btn-responsivemenu{display:none}#nav ul{height:74px}#nav li{background-position:center right;background-size:auto;padding:0 1px 0 0;width:auto}#nav a{background-size:auto;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1.1em;line-height:1.2;padding:17px 0 0 80px;text-indent:0}#nav a span{display:block}#nav .btn-accueil{display:block;width:6%}#nav .btn-accueil a{background-position:12px 21px;border-left:0;padding:0;text-indent:-999em}#nav .btn-accueil a:hover,#nav .btn-accueil a:focus{background-color:transparent;opacity:.7}#nav .btn-planning{width:20%}#nav .btn-planning a{background-position:10px -56px}#nav .btn-candidatures{width:22%}#nav .btn-candidatures a{background-position:10px -152px}#nav .btn-catalogue{width:22%}#nav .btn-catalogue a{background-position:10px -240px}#nav .btn-communiquer{width:29.5%}#nav .btn-communiquer a{background-position:10px -331px;border-right:1px #fff solid !important}#main{padding-bottom:75px}#footer{bottom:0;position:fixed;z-index:100}}@media screen and (min-width:1180px){#nav li{width:auto !important}#nav a{padding-left:102px;padding-right:10px}#nav .btn-accueil a{background-position:25px 20px;width:96px}#nav .btn-planning a{background-position:25px -56px;width:219px}#nav .btn-candidatures a{background-position:25px -152px;width:254px}#nav .btn-catalogue a{background-position:25px -240px;width:254px}#nav .btn-communiquer a{background-position:25px -331px;width:332px}}#tooltip{background:#4b4b4b;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:10px 0 0 -50px;padding:3px 5px;opacity:.95;max-width:500px}#tooltip h3,#tooltip p{margin:0;color:#fff;border:0;font-size:13px;font-weight:normal}