@charset "utf-8";
/* CSS Document */

html{font-size:100%}html,body{width:100%;height:100%;}body{margin:0;padding:0;line-height:normal;font-family:Arial, Helvetica, sans-serif;color:#383838;}h1,h2,h3,h4,h5,h6{margin:1em 0 .5em;line-height:1.2;font-weight:400;font-style:normal;font-family: 'PT Sans Narrow', sans-serif;}h1{font-size:1.75em;color:#0080AC;}h1 strong{color:#033E67;}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1em}ol,ul{margin:.75em 0 .75em 32px;padding:0}p{margin:.75em 0}address{margin:.75em 0;font-style:normal}a{text-decoration:none;color:#0080ac;cursor:pointer;}a img{border:none}em{font-style:italic}strong{font-weight:700} fieldset,form{margin:0;padding:0;border:none}button,input,select{vertical-align:middle}.clear{clear:both}.gauche{width:48%;float: left; clear:both;}.droite{width:48%;float: right;}

.col_2{ width:50%; float: left; }
.col_3{ width:33.3333%; float: left; }
.col_4{ width:25%; float: left; }
.col_5{ width:20%; float: left; }
.col_6{ width:16.6666%; float: left; }


.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float: left;}
.col-1 {
    width: 8.3333333333%;
}
.col-2 {
    width: 16.6666666666%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.3333333333%;
}
.col-5 {
    width: 41.6666666666%;
}
.col-5-1 {
    width: 48%
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.3333333333%;
}
.col-8 {
    width: 66.6666666666%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.3333333333%;
}
.col-11 {
    width: 91.6666666666%;
}
.col-12 {
    width: 100%;
}
.col_left {float: left;}.col_right {float: right;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

input, textarea{
    font-family:Arial, Helvetica, sans-serif;
}

.overall{
    max-width: 1000px;
    margin: auto;
}
.overall_pad{
    max-width: 1000px;
    margin: auto;
    padding: 0 16px;
}

/* HEADER */

#logo{
    float: left;
    margin: 40px 0 95px 0;
    width: 162px;
    height: 106px;
    overflow: hidden;
    background: url(../images/logo_lpa.png) no-repeat center;
}
#logo strong{
    display: block;
    text-indent: -800px;
    font-size: 0.75rem;
}

#slider{
    width: 100%;
    height: 400px;
    background: url(../images/bandeau_1.jpg) no-repeat center;
    background-size: cover;
}

#overall_head{
    position: relative;
    z-index: 800;
    max-width: 1000px;
    padding: 0 16px;
    margin: auto auto -400px auto;
    height: 400px;
}
#overall_head p{
    clear: both;
    float: left;
    margin: 0;
    padding: 10px 15px;
    color: #FFF;
    font-size: 1.125em;
    background: #164354;
    font-family: 'PT Sans Narrow', sans-serif;
}
#overall_head p strong{
    font-weight: normal;
}
h1#titre_header, p#titre_header {
    float: left;
    margin: 0;
    padding: 10px 15px;
    font-size: 2em;
    color: #FFF;
    background: #91B729;
}

header nav{
    background: url(../images/bg_menu.png) no-repeat center bottom;
}
header nav>ul{
    padding: 18px 0 0 0;
    margin: 0 auto;
    display: block;
    max-width: 1000px;
    min-height: 62px;
    list-style: none;
}
header nav>ul>li{
    float: left;
}
header nav>ul>li>a{
    color: #898989;
    font-size: 1em;
    line-height: 1.25rem;
    padding: 12px 16px;
    margin: 0;
    display: block;
    font-family: 'PT Sans', sans-serif;
    border-radius: 20px;
    transition: all 300ms;
}
header nav>ul>li:hover>a{
    color:#1A8FAA;
    border-bottom: 1px solid #DCE6E6;
    background: rgb(220,230,230); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(220,230,230,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,230,230,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(220,230,230,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(220,230,230,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(220,230,230,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(220,230,230,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

header nav>ul>li>ul{
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    position: absolute;
    background: #32b3d6;
    border-radius: 20px;
    z-index: 2;
}
header nav>ul>li:hover>ul{
    /*display: block;
    overflow: hidden;
    width: 180px;*/
}
header nav>ul>li>ul>li{
}
header nav>ul>li>ul>li a{
    color: #FFF;
    padding: 10px 20px;
    display: block;
    font-size: 0.875em;
    border-bottom: 1px solid #217893;
}

#btn_consultez{
    position: absolute;
    top: 50px;
    right: 16px;
    height: 62px;
    width: 235px;
    padding: 23px 0 0 65px;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: 'PT Sans Narrow', sans-serif;
    background: url(../images/btn_consultez.png) no-repeat center;
}
#btn_consultez span{
    display: block;
    font-size: 1.125rem;
}
#btn_faq_header{
    position: absolute;
    top: 245px;
    right: 16px;
    height: 62px;
    width: 235px;
    padding: 23px 0 0 65px;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-family: 'PT Sans Narrow', sans-serif;
    background: url(../images/btn_consultez.png) no-repeat center;
}
#btn_faq_header span{
    display: block;
    font-size: 1.125rem;
}
#btn_faq_header a {
    color: #FFF;
}

.marges_neg{
    margin: 0 -10px;
}

#espaces{
    padding: 15px 0 5px 0;
}
#espaces .item{
    background: #EBEBEB;
    height: 245px;
    margin: 10px;
    border-bottom: 2px solid #C8C8C8;
    -webkit-box-shadow: 0 15px 10px -15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 15px10px -15px rgba(0,0,0,0.3);
    box-shadow: 0 15px 10px -15px rgba(0,0,0,0.3);
}
#espaces .col_3 .item>p:first-of-type{
    padding: 15px 0 0 65px;
    margin: 0;
    height: 35px;
    color: #FFF;
    font-size: 1.313rem;
    line-height: 1.125em;
    font-family: 'PT Sans Narrow', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    background: url(../images/pictos_espaces.png) 0 0 no-repeat #91B729;
    border-bottom: 1px solid #236F00;
}
#espaces .col_3:nth-child(1) .item>p:first-of-type{
    background: url(../images/pictos_espaces.png) 0 0 no-repeat #91B729;
}
#espaces .col_3:nth-child(1) .item{
    color: #666666;
    background: url(../images/bg_espace_client.png) no-repeat bottom left #EBEBEB;
}
#espaces .col_3:nth-child(1) .item>div{
    padding: 20px 20px 20px 150px;
}
#espaces .col_3:nth-child(2) .item>p:first-of-type{
    background: url(../images/pictos_espaces.png) 0 -50px no-repeat #91B729;
}
#espaces .col_3:nth-child(2) .item{
    color: #666666;
   /* background: url(../images/carte.png) no-repeat left 60px #EBEBEB;*/
}
#espaces .col_3:nth-child(2) .item>div{
 /*   padding: 20px 20px 20px 150px;*/
}
#espaces .col_3:nth-child(3) .item>p:first-of-type{
    background: url(../images/pictos_espaces.png) 0 -100px no-repeat #91B729;
}

#espaces .col_3:nth-child(3) .item>div{
    padding: 20px;
}

#espaces .col_3:nth-child(3) .item>div input[type="text"]{
    background: #FFF;
    color: #939393;
    border-radius: 20px;
    padding: 10px 0;
    margin: 0 0 12px 0;
    font-size: 0.875rem;
    line-height: 1em;
    border: none;
    text-indent: 12px;
    width: 100%;
}

#espaces .col_3:nth-child(3) .item>div input[type="password"]{
    background: #FFF;
    color: #939393;
    border-radius: 20px;
    padding: 10px 0;
    margin: 0 0 12px 0;
    font-size: 0.875rem;
    line-height: 1em;
    border: none;
    text-indent: 12px;
    width: 100%;
}
#espaces .col_3:nth-child(3) .item>div input[type="submit"]{
    float: right;
    cursor: pointer;
    text-align: center;
    color: #FFF;
    float: right;
    padding: 8px 20px;
    margin: 10px 0 0 0;
    border-radius: 20px;
    font-size: 1rem;
    background: #32B3D6;
    border: none;
    border-bottom: 1px solid #175A72;
    font-family: 'PT Sans Narrow', sans-serif;
}

#espaces .col_3 .item>div {
    padding: 20px;
}

#espaces .col_3 .item>div p{
    margin: 0 0 15px 0;
    font-size: 0.813rem;
    color: #666666;
}

.btn{
    cursor: pointer;
    border: none;
    text-align: center;
    color: #FFF;
    float: right;
    padding: 8px 20px;
    margin: 15px 0 0 0;
    border-radius: 20px;
    background: #32B3D6;
    border-bottom: 1px solid #175A72;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1rem;
}
.btn:hover, #espaces .col_3:nth-child(3) .item>div input[type="submit"]:hover{
    background: #4BC4E0;
}
#espaces .col_3:nth-child(3) .item>div a{
    float: left;
    font-size: 1rem;
    margin: 10px 0 0 0;
    clear: left;
}


/* LABORATOIRES */

#slider_laboratoires{
}
#slider_laboratoires .item {
    width: 20%;
    float: left;
    position: relative;
}

#slider_laboratoires .item figure, #labo_listing .item figure{
    display: block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    position: relative;
}
#slider_laboratoires .item figure img, #labo_listing .item figure img{
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: transform 500ms;
    -moz-transition: transform 500ms;
    -o-transition: transform 500ms;
    -ms-transition: transform 500ms;
    transition: transform 500ms;
    width: 100%;
}
#slider_laboratoires .item:hover figure img, #labo_listing .item:hover figure img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#slider_laboratoires .item figure span, #labo_listing .item figure span{
    display: block;
    overflow: hidden;
}

#slider_laboratoires .item figcaption a{
    font-size: 0.688em;
    line-height: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFF;
    display: block;
    padding: 15px 10px;
    text-align: center;
    background: #32B3D6;
    min-height: 50px;
}
#slider_laboratoires .item figcaption {
    transition: all 300ms;
}
#slider_laboratoires .item:hover figcaption {
}
#slider_laboratoires .item figcaption a:before, #labo_listing .item figure figcaption a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    z-index: 899;
}
#slider_laboratoires .item figcaption a strong{
    display: block;
    font-size: 1rem;
    line-height: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: normal;
    font-family: 'PT Sans Narrow', sans-serif;
}


/* BAS */

#bas{
    background: #DCE1E2;
    padding: 10px 0;
    margin: 20px 0 0 0;
}

#bloc_bas .col_3 .item {
    padding: 10px;
}
#bloc_bas .col_3 .item>p{
    margin: 0 0 12px 0;
    padding: 12px 0 8px 30px;
    color: #175A72;
    font-size: 1.313rem;
    font-family: 'PT Sans Narrow', sans-serif;
    background: url(../images/puce_titre_bas.png) no-repeat center left;
}

#actu div{
    position: relative;
}
#actu img{
    float: left;
    margin: 0 15px 0 0;
}

.lien_actu{
    display: block;
    font-size: 0.75rem;
    color: #686868;
    font-family: 'PT Sans', sans-serif;
}
/*.lien_actu strong{
    font-weight: normal;
    color: #306B7F;
    font-size: 1rem;
    display: block;
}*/
#espaces .col_3 .item#actu div {
    padding-bottom: 0px;
}
#actu .btn_vert{
    margin-top: 15px;
}
.lien_actu strong {
    font-weight: 900;
    color: #B51717;
    font-size: 1.3rem;
    display: block;
}
.lien_actu:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    z-index: 899;
}

#suggestion img{
    float: left;
    margin: 0 15px 0 0;
}
#suggestion p{
    margin: 0;
    font-size: 0.75em;
}

.btn_vert{
    display: block;
    text-align: center;
    padding: 6px 10px;
    margin: 25px 0 0 0;
    border-radius: 20px;
    color: #FFF;
    font-family: 'PT Sans Narrow', sans-serif;
    background: #91B729;
    border-bottom: 1px solid #2D662B;
}

/* FOOTER */

body>footer{
    border-top: 1px solid #dce1e2;
}
body>footer>div{
    padding: 15px 0;
    max-width: 1000px;
    margin: auto;
}
body>footer p{
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 1rem;
    float: left;
    color: #939393;
    font-family: 'PT Sans Narrow', sans-serif;
}
body>footer p a{
    color: #939393;
}
body>footer p a:hover{
    color: #32B3D6;
}
body>footer img{
    float: right;
    margin: 10px;
}

.btn_gauche_slide{
    cursor: pointer;
    float: left;
    width: 14px;
    height: 20px;
    margin: -106px 0 0 -10px;
    background: url(../images/fleches.png) center top no-repeat;
}
.btn_droite_slide{
    cursor: pointer;
    float: right;
    width: 14px;
    height: 20px;
    margin: -106px -10px 0 0;
    background: url(../images/fleches.png) center bottom no-repeat;
}


#deroulant { list-style:none; }
#btn_menu { display:none; color: #666666; }
#menu ul#deroulant.actif { display:block; }
#btn_menu.actif { background-color:#32b3d6; color: #FFF; }


.titre_enquete{
    clear: both;
    background: #FFF;
    padding:  0px;
    font-size: 1.25em;
    margin: 30px 0 0 0;
}
.titre_enquete p{
    margin: 0;
    color: #939393;
    color: #555;
    font-family: 'PT Sans Narrow', sans-serif;
}
.titre_enquete p span{
    color: #0080AC;
    font-weight: bold;
}
.liste_enquete{
    padding: 10px 0px 20px 0px;
    border-bottom: 1px solid #DADADA;
}
.liste_enquete input[type="text"]{
    border: 2px solid #DADADA;
    padding: 8px;
    width: 60%;
}
.liste_enquete ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.liste_enquete ul li{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 22%;
    font-size: 0.875em;
    color: #999;
    position: relative;
}
.liste_enquete ul li input[type="radio"]{
    position: relative;
    margin: -2px 6px 0 0;
}

.overall_pad h1{
    background: url(../images/puce_titre_bas.png) no-repeat center left;
    padding: 0 0 0 30px;
    line-height: 1.5em;
}

#btn_envoyer{
    float:left;
    margin: 25px 0;
}

.pdf{
    padding: 0 0 0 0;
    margin: 0;
    list-style: none;
}
.pdf li{
    float: left;
    width: 25%;
}
.pdf li a{
    color: #164354;
    font-size: 0.875em;
    display: block;
    padding: 4px 0 4px 15px;
    background: url(../images/li.png) no-repeat center left;
}
.pdf li a:hover{
    color: #0080AC;
}


/* CONTENU */

#content{
    position: relative;
    margin: auto;
    max-width: 1000px;
    padding: 10px 16px 30px 16px;
}
#content h1{
    background: url(../images/puce_titre_bas.png) no-repeat center left;
    padding: 4px 0 4px 30px;
    line-height: 1.5em;
    font-size: 2em;
    margin-bottom: 25px;
	margin-top: 15px;
    color: #175A72;
}
#content h2{
    color: #175A72;
}
#content h3{
    color: #32B3D6;
}
#content p{
    font-size: 0.813em;
    color: #686868;
}
#content>p{
    line-height: 1.375em;
    margin: 1.5em 0;
}
#content ul{
    font-size: 0.813em;
    line-height: 1.25em;
    color: #686868;
    list-style-image: url(../images/fleche_li.png);
}
#content ul li{
    padding: 3px 0;
}
#content img{
	max-width: 100%;
	height: auto !important;
	display: block;
}

#photo_labo{
    width: 49%;
    float: left;
}
#photo_labo img{
    display: block;
    width: 100%;
}
#photo_labo a{
    color: #FFF;
    display: block;
    background: url(../images/puce_loc.png) #91B729 no-repeat 15px center;
    font-size: 1.313em;
    line-height: 1em;
    padding: 14px 15px 12px 50px;
	margin: 15px 0 0 0;
    font-family: 'PT Sans Narrow', sans-serif;
}
#detail_labo{
    width: 47%;
    float: right;
}
#detail_labo h2{
    margin-top: 0;
}
#detail_labo h3{
    margin-bottom: 0;
}
#detail_labo p{
    line-height: 1.5em;
    color: #686868;
    margin: 8px 0 25px 0;
}


/* ACTUALITES */

#listing_actus{
    margin: 0 -10px;
}
.actu{
    width: 33.3333%;
    float: left;
}
.actu article{
    display: block;
    padding: 10px;
    position: relative;
}
.actu article img{
    width: 100%;
    display: block;
}
.actu article h2{
    font-size: 1.25em;
}
.actu article h2 a:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom:0;
    z-index: 1;
}

.carte_labo{
    font-size: 0.875rem !important;
    color: #217893 !important;
}


#listing_actus .actu:nth-child(3n+1){
    clear: both;
}

#img_actu{
    max-width: 490px;
    width: 50%;
    margin: 0 20px 10px 0;
    float: left;
}

#content h1 span{
    display: block;
    font-size: 1.125rem;
    line-height: 1.125rem;
}

#img_error404{
    display: block;
    margin: auto;
}

.left{
    float: left;
}


#labo_listing{
    padding: 0 0 20px 0;
    margin: 0 -12px;
}
#labo_listing .item{
    width: 25%;
    float: left;
    margin-bottom: 20px;
}
/*#labo_listing .item:nth-child(4n+1){
    clear: both;
}*/
#labo_listing .item img{
    width: 100%;
    display: block;
}
#labo_listing .item figure{
    margin: 0;
    padding: 0 12px;
    min-height: 215px;
}
#labo_listing .item figure figcaption{
    font-size: 0.813em;
    color: #FFF;
    text-align: center;
    padding: 12px 0 12px 0;
    background: #32b3d6;
}
#labo_listing .item figure figcaption a strong{
    display: block;
    color: #FFF;
}
#labo_listing .item figure figcaption a{
    display: block;
    color: #FFF;
}

#listing_recrutement{
    padding: 0 265px 0 0;
}

#col_droite_recrutement{
    width: 216px;
    padding: 12px;
    float: right;
    margin: 0 -265px 0 0;
    border: 1px solid #DADADA;
    background: #F5F5F5;
    text-align: center;
    border-radius: 12px;
}
#col_droite_recrutement img{
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
}
#col_droite_recrutement a{
    display: block;
    padding: 10px;
    background: #32B3D6;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 0.813em;
    border-radius:6px;
}
#col_droite_recrutement a:hover{
    background: #175A72;
}

#bloc_gauche_recrutement{
    width: 100%;
    float: left;
}


#map_item{
	float: left;
	width: 50%;
}
#map_item .padding{
	padding: 0 12px;
}
#googleMap {
	width: 100%;
    height: 435px;
	float: left;
}

.alert_message{
    position:relative;
    top:20px;
    left:50%;
    width:400px;
    margin-left:-200px;
    border-radius:5px;
    box-shadow:0px 2px 5px rgba(0,0,0,0.56) ;
    padding:10px;
    z-index:120;
    color:#FFFFFF;
    text-align:center;
}

.alert_message.error {
    background: #d7246f;
}

.alert_message.success {
    background: #186e8c;
}

.alert_message p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.display{
    display:none;
}


.partie label{
    float:left;
    font-size:0.813em;
    padding:5px;
}
.partie h2{
    margin-bottom:20px;
}
.partie .ligne .colg{
    float:left;
    width:30%;
    padding:4px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.partie .ligne .colg label{
    float:right;
}
.partie .ligne{
    float:left;
    width:100%;
    margin-bottom:15px;
}
.partie .ligne .cold{
    float:left;
    width:70%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.partie .ligne .cold input{
    margin:0;
    width:80%;
}
.select, .partie select{
    border:none;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 8px;
    margin: 0 0 5px 0;
    font-size: 0.750em;
    text-indent: 2px;
    color: #2D3437;
    border-radius: 4px;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    font-family: 'RobotoMedium';
    background:#F2F2F2;
}

.partie .ligne .gauche, .partie .ligne .droite{
    float:left;
    width:50%;
}
.partie .ligne .full{
    float:left;
    width:100%;
}
.partie .ligne .full .colg{
    width:15%;
}
.partie .ligne .full .cold{
    width:85%;
}
.partie .ligne .full .cold .textarea{
    width:92%;
    max-height:100px;
}
.partie .ligne .full .cold .btn_form_type{
    width:auto;
}
.partie .ligne .textarea, .partie .ligne .cold input[type="text"]{
    width:80%;
    border: 1px solid #CACACA;
    padding: 6px;
    border-radius: 4px;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.partie .ligne .textarea, .partie .ligne .cold input[type="password"] {
  width: 80%;
  border: 1px solid #CACACA;
  padding: 6px;
  border-radius: 4px;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}


.partie .ligne .cold input[type="submit"]{
    background: #0080AC;
    color: #FFF;
    padding: 10px 15px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.partie .ligne .gauche, .partie .ligne .droite{
    float:left;
    width:50%;
}
.partie .ligne .full{
    float:left;
    width:100%;
}
.partie .ligne .full .colg{
    width:15%;
}
.partie .ligne .full .cold{
    width:85%;
}
.partie .ligne .full .cold .textarea{
    width:92%;
    max-height:100px;
}
.partie .ligne .full .cold .btn_form_type{
    width:auto;
}

.contenuOffre .button {
    background: url(../images/fond_btn_prendre_rdv.png) repeat scroll center top / contain rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    font-size: 1.125em;
    margin: 18px 0 0;
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    font-family: "PT Sans";
}

.offre h2{
    line-height: 1em;
    position: relative;
    cursor: pointer;
    padding: 10px 15px 10px 36px;
    margin-top: 0;
    border: 1px solid #DADADA;
    border-radius: 20px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,241,241,1) 94%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(94%,rgba(235,241,241,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,241,241,1) 94%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,241,241,1) 94%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,241,241,1) 94%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,241,241,1) 94%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf1f1',GradientType=0 ); /* IE6-9 */
}
.offre h2:before{
    content: "";
    width: 14px;
    height: 21px;
    left: 12px;
    top: 50%;
    margin: -11px 0 0 0;
    border-radius: 7px;
    position: absolute;
    background: url(../images/fleche_titre.png) no-repeat;
}
.offre p{
    text-align: justify;
}


#nav_gauche{
    width: 20%;
    float: left;
    margin: 0 20px 10px 0;
    padding: 0;
    list-style: none;
    background: #F0F0F0;
    font-size: 1em !important;
}
#nav_gauche li{
    display: block;
    padding: 0 !important;
    font-size: 0.875em !important;
}
#nav_gauche>li{
    font-weight: bold;
}
#nav_gauche li a{
    display: block;
    padding: 10px 14px;
    color: #888;
    border-bottom: 1px dotted #AAA;
}
#nav_gauche li a:hover{
    color: #175a72;
    background: #EAEAEA;
}
#nav_gauche>li>a{
    font-weight: bold;
    background: #32b3d6;
    color: #FFF;
    font-size: 0.913em;
}
#nav_gauche>li:hover>a{
    font-weight: bold;
    background: #175a72;
    color: #FFF;
}

#nav_gauche ul{
    padding: 0;
    margin: 0;
    font-size: 1em !important;
}

#nav_gauche li a.active{
    border-left:3px solid #175a72;
	background: #EAEAEA;
	color: #175a72;
}

#contenu_col {
    width: 76%;
    float: right;
}
#contenu_col h2:first-of-type {
    margin-top: 0;
}

.form_type{
    font-size:0.813em;
    padding: 0 0 30px 0;
}

.form_type .input{
    font-size:1em;
    margin:5px 0px 10px 0px;
    width:98%;
    padding: 6px 0;
    border-radius: 20px;
    border: 1px solid #CACACA;
    background: #F5F5F5;
    text-indent: 15px;
}

.form_type .td_left{
    float:left;
    width:50%;
    padding:5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.form_type .td_right{
    float:left;
    width:50%;
    padding:5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.form_type .td_full{
    float:left;
    width:100%;
    padding: 5px 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.btn_valider_inscription{
    cursor: pointer;
    border: none;
    width: 100%;
    padding: 10px 0;
    margin: 15px 0 0 0;
    background: #0080AC;
    font-size: 1em;
    color: #FFF;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 0;
    border-radius: 20px;
    font-weight: bold;
}
.btn_valider_inscription:hover{
    background:#164354;
}

/* Partenaire */

.partenaire_logo div{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100px;
    height: 100px;
    margin-bottom: 30px;
    width: 19%;
    padding: 10px;
}

.partenaire_logo div img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.partenaire_logo p a{
    font-size: 1em;
    line-height: 1.25em;
     text-align: center;
    display: block;
    list-style-image: url(../images/fleche_li.png);
}

#fil_ariane ul{
	padding: 8px;
	margin: 0 auto;
	list-style: none;
	max-width: 984px;
	font-size: 0.75em;
	border-bottom: 1px solid #DADADA;
}
#fil_ariane ul li{
	display: inline-block;
	padding: 0 12px 0 12px;
}
#fil_ariane ul li::before{
	content: "";
	margin-left: -12px;
	margin-top: 2px;
	width: 7px;
	height: 10px;
	position: absolute;
	background: url(../images/fleche_ariane.png) no-repeat;
}




#btn_procedure{
	background: rgba(255,255,255,0.65);
    font-family: "PT Sans Narrow",sans-serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    padding: 10px 20px;
    position: absolute;
    right: 16px;
    top: 150px;
    width: 240px;
	text-align: center;
	border-radius: 30px;
	font-weight: 400;
	color: #212121;
	border: 10px solid rgba(255,255,255,0.5);
}




/* RESPONSIVE */
@media screen and (max-width:1080px) {
	.slick-prev {
		left: -10px !important;
		position: relative;
		z-index: 1;
	}
	.slick-next {
		right: -10px !important;
		position: relative;
		z-index: 1;
	}
}

@media screen and (max-width:1040px) {
    .btn_gauche_slide{
        cursor: pointer;
        float: left;
        width: 14px;
        height: 20px;
        margin: -106px 0 0 -4px;
        background: url(../images/fleches.png) center top no-repeat;
    }
    .btn_droite_slide{
        cursor: pointer;
        float: right;
        width: 14px;
        height: 20px;
        margin: -106px -4px 0 0;
        background: url(../images/fleches.png) center bottom no-repeat;
    }
    #btn_menu { cursor:pointer; height:38px; width:50px; padding:23px 60px 0 20px; margin:0 0 0 0; font-size:1.25em; line-height:1em; display:block; color:#666666; text-transform:uppercase; background:url(../images/picto_menu.png) no-repeat center right; font-family: 'PT Sans Narrow', sans-serif; }
    #menu { margin:0; }
    #menu ul#deroulant { position:fixed; z-index:989; display:none; background:#32b3d6; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; }
    #menu ul#deroulant>li { float:none; width:100%; }
    #menu ul#deroulant>li:hover>a { }

    header nav>ul{
        padding: 0 0 0 0;
        margin: 0 auto;
        display: block;
        max-width: 1000px;
        min-height: 62px;
        list-style: none;
    }
    header nav>ul>li{
        float: left;
    }
    header nav>ul>li>a{
        color: #FFF;
        font-size: 1em;
        line-height: 1.25rem;
        padding: 15px;
        margin: 0 0 0 0;
        border-radius: 0px;
        border-bottom: 1px solid #217893;
    }
    header nav>ul>li:hover>a{
        border-bottom: 1px solid #217893;
    }

    /*header nav>ul>li>ul{
        display: block;
        position: relative;
        background: #217893;
        border-radius: 0;
        width: 100% !important;
    }*/
    header nav>ul>li:hover>ul{
        width: auto;
    }
}

@media screen and (max-width:960px) {
    #espaces .col_3, #bloc_bas .col_3 {
        width: 50%;
    }
    #espaces .col_3:nth-child(3) {
        width: 100%;
    }
    #bloc_bas .col_3:nth-child(2){
        display: none;
    }
    #slider{
        height: 300px;
    }
    #overall_head{
        height: 300px;
        margin: auto auto -300px;
    }
    #logo{
        margin-bottom: 25px;
    }
    .pdf li{
        float: left;
        width: 33.3333%;
    }

    #labo_listing .item{
        width: 33.3333%;
    }
    #labo_listing .item:nth-of-type(4n+1){
        clear: inherit;
    }
    /*#labo_listing .item:nth-of-type(3n+1){
        clear: both;
    }*/

    #nav_gauche{
        display: block;
		width: 100%;
		margin: 0 0 30px 0;
    }
    #contenu_col {
        width: auto;
        float: none;
        padding-top: 15px;
    }
	
	#map_item{
		float: left;
		width: 100%;
	}
	#map_item .padding{
		padding: 0 12px;
	}
	#googleMap {
		width: 100%;
		height: 220px;
		float: left;
		margin-bottom: 20px;
	}

}




/* Partenaire */

@media screen and (max-width:750px) {
    .partenaire_logo div{
        width: 32%;
    }


}




@media screen and (max-width:640px) {
    #espaces .col_3, #bloc_bas .col_3{
        width: 100%;
    }
    #overall_head p, #overall_head h1{
        display: none;
    }
    #titre_header{
        font-size: 1.5rem;
    }
    #slider{
        height: 240px;
    }
    #overall_head{
        height: 240px;
        margin: auto auto -240px;
    }
    body>footer p{
        float: none;
        display: block;
        text-align: center;
    }

    .liste_enquete input[type="text"]{
        width: 90%;
    }
    .liste_enquete ul li{
        width: 48%;
        padding: 4px 0;
    }

    #photo_labo, #detail_labo{
        width: 100%;
    }
    #photo_labo{
        margin-bottom: 25px;
    }
    #listing_actus .actu{
        width: 50%;
    }
    #listing_actus .actu:nth-child(3n+1){
        clear: none;
    }
    #listing_actus .actu:nth-child(2n+1){
        clear: both !important;
    }	

    #labo_listing .item{
        width: 50%;
    }
    #labo_listing .item:nth-child(3n+1){
        clear: inherit;
    }
    /*#labo_listing .item:nth-child(2n+1){
        clear: both;
    }*/

    .gauche{width:100%;}.droite{width:100%;}

    #content h1{
        font-size: 1.75em;
        line-height: 1em;
    }

    #listing_recrutement{
        padding: 0;
    }

    #col_droite_recrutement{
        width: auto;
        float: none;
        clear: both;
        margin: 0;
    }

    .partie .ligne .gauche, .partie .ligne .droite{
        float:left;
        width:100%;
    }

    .form_type .td_left{
        width:100%;
    }
    .form_type .td_right{
        width:100%;
    }

}
@media screen and (max-width:520px) {
    #btn_consultez{
        display: none;
    }
    .pdf li{
        float: left;
        width: 50%;
    }

	#btn_procedure{
		display: none;
	}

    .partenaire_logo div{
        width: 49%;
    }


}
@media screen and (max-width:480px) {
    #titre_header{
        font-size: 1.125rem;
    }
    #logo{
        height: 70px;
        width: 120px;
        margin-top: 20px;
        background-size: cover;
    }
    #slider{
        height: 180px;
    }
    #overall_head{
        height: 180px;
        margin: auto auto -180px;
    }
    .pdf li{
        float: left;
        width: 100%;
    }
    #listing_actus .actu{
        width: 100%;
    }
    #img_actu{
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
        display: block;
    }
    #labo_listing .item{
        width: 100%;
    }

    .partie .ligne .colg, .partie .ligne .cold, .partie .ligne .full .colg, .partie .ligne .full .cold{
        float:left;
        width:100%;
        text-align: left !important;
    }
    .partie .ligne .colg, .partie .ligne .cold{
        float:left;
        width:100%;
    }
    .partie .ligne .colg label{
        float: left;
    }

}

/* REDIM IMAGES HD */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
    #logo{
        background-image:url(../images/x2/logo_lpa.png);
        background-size:cover;
    }
	#content h1 {
		background-image: url("../images/x2/puce_titre_bas.png");
		background-size: 16px 30px;
	}
}