/* cmsms stylesheet: FormBuilder Default Style modified: samedi 16 juillet 2016 14:06:46 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* cmsms stylesheet: general_2025 modified: mercredi 25 juin 2025 11:16:24 */
/* bleu */

/*rouge*/

/*gris*/





/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-500 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-600 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-500italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-500italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-600italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-600italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/fonts/cabin/cabin-v18-latin-700italic.svg#Cabin') format('svg'); /* Legacy iOS */
}

body {
    background: #0B334C;
    color: #0B334C;
    font-family: 'Cabin', 'Verdana', sans serf;
    line-height: 1.3;
    font-size: 100% !important;
}
* {
    box-sizing: border-box;
}
a {
    color: inherit;
    text-decoration: none;
    transition: all .2s ease-out;
}

a:hover, a:focus, a:active {
    color: inherit;
    text-decoration: underline;
}
h1 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.1;
    
    &:after {
        display: block;
        content: "";
        width: 75px;
        border-bottom: 6px solid #EB240F;
        margin-top: 1rem;
    }
}
h2 {
    color: #016186;
    font-weight: 500;
    line-height: 1.1;
    font-size: 1em;
}

hr {
   clear:both;
   border: 0;
   background: 0;
   border-bottom: 1px solid #E6E6E8;
}
ul {
    padding-left: .75rem;
    li {
        list-style-type: '- ';
    }
    ul {
        margin-left: 1rem;
    }
}
.row {
   clear:both;
   margin: .5em 0;
}
.clear {
   clear:both;
}
a.btn,
.btn {
    display: inline-block;
    margin: .5rem 0;
    padding: .5rem 1.5rem;
    text-decoration: none !important;
    color: inherit;
    
    .btn + & {
        margin-right: .5rem;
    }
    
    &:hover,
    &:focus,
    &:active {
        text-decoration: none;
    }
    /* bleu */
    &.btn-color1 {
        background: #016186;
        color: #fff;
    }
    /* rouge */
    &.btn-color2 {
        background: #EB240F;
        color: #fff;
    }
    
    /* gris */
    &.btn-light {
        background: #E6E6E8;
        color: #000;
    }
    &.btn-dark {
        background: #717171;
        color: #fff;
    }
    
}




.search {
    position: relative;
    font-size: 1rem;
}
.search .search-form label { 
    visibility: hidden; 
    text-indent: -6000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline-block;
}
.search .search-form { 
    display: none; 
    position: absolute;
    right: 0;
    background: #fff;
    padding: 1rem 1.5rem;
    box-shadow: 1px 1px 5px rgba(0,0,0,.07);
    width: 320px;
    text-align: center;
}
.search.active .search-form { 
    display: block; 
    z-index: 101;
}
.search a.anchor-search { 
    cursor: pointer;
    padding: 1rem 1.5rem;
    background: #fff;
    font-size: 1.25rem;
}
.search a.anchor-search:after {
    content: "";
    width: 0;
    height: 5px;
    border-top: 5px solid #009DC7;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    margin-top: .25rem;

    transition: all 0.1s ease-out;
}
.search a.anchor-search:hover,
.search a.anchor-search:focus,
.search a.anchor-search:active,
.search.active a.anchor-search { 
    color: #009DC7 !important;
}
.search .search-form input { 
    margin: 0;
    display: inline-block;
    border: 0;
    border-bottom: 1px solid #E6E6E8;
    background: none;
    vertical-align: bottom;
    padding: .5rem .75rem;
    font-size: inherit;
}
.search .search-form input[type=submit] { 
    color: #000;
    font-weight: bold;
}
.search .search-form input[type=submit]:hover,
.search .search-form input[type=submit]:focus,
.search .search-form input[type=submit]:active { 
    background: #E6E6E8;
    cursor: pointer;
}
#wrapper {
    display: block;
    width: 1460px;
    max-width: 100vw;
    margin: 0 auto;
}

#header {
    position: relative;
    background: #717171 url('https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/bg_header_default.png') center no-repeat;
    background-size: cover;
    min-height: 250px;
    padding-bottom: 2rem;
    padding-top: 2rem;
    border-bottom: 1px solid #E6E6E6;
    &:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0B334C;
        opacity: .55;
    }
}
@media (max-width: 767px) {
    #header{
        padding-top: .5rem;
        padding-bottom: .5rem;
        min-height: 130px;
    }
}
#header-content-top a {
   display: inline-block;
   margin: 0;
   padding: .5rem 1rem;
   text-decoration: none;
   background: #0B334C;
   color: #fff;
   font-size: 1.05rem;
}
#header-content-top a:hover,
#header-content-top a:focus,
#header-content-top a:active {
   color: #009DC7;
}
#header-content-top i {
   color: #02BEE9;
   margin-right: .5rem;
   display: inline-block;
}

/* Menu Icon */
.hamb{
    position: absolute;
    z-index: 220;
    top: 2rem;
    right: 2.25rem;
    cursor: pointer;
    float: right;
    padding: 1.5em 0.75em;
    background: #EB240F;
}/* Style label tag */

.hamb-line {
    background: white;
    display: block;
    height: 4px;
    position: relative;
    width: 26px;

} /* Style span tag */

.hamb-line::before,
.hamb-line::after{
    background: white;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
.hamb-line::before{
    top: 10px;
}
.hamb-line::after{
    top: -10px;
}

.side-menu {
    display: none;
} /* Hide checkbox */


/* Toggle menu icon */
.side-menu:checked ~ .nav{
    max-height: 100%;
        padding-top: 3.25em;
        padding-right: 3.25em;
}
.side-menu ~ .nav:before {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
    transition: all 0.1s ease-out;
  height: 100%;
}
.side-menu:checked ~ .nav:before {
  right: 3.25em;
}
.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
}

#menu {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 410px);
    text-align: center;
    font-size: 1.25rem;
}
.menu-content {
   display: inline-block;
}
#main-menu a {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 1rem 1.5rem;
    text-decoration: none;
    color: inherit;
}
#main-menu .link-menu-level-1 {
    background-color: #fff;
}
#main-menu > li > a:after {
    content: "";
    width: 0;
    height: 5px;
    border-top: 5px solid #EB240F;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    margin-top: .25rem;

    transition: all 0.1s ease-out;
}
#main-menu > li.parent > a:after,
#main-menu > li > a:hover:after,
#main-menu > li > a:focus:after,
#main-menu > li > a:active:after {
    width: 75px;
}
#main-menu li ul {
    display: none;
}
#main-menu > li:hover > ul {
    display: block;
    position: absolute;
    width: 280px;
    padding: 1rem 1.5rem;
    z-index: 100;
}
#main-menu ul {
    font-size: 1rem;
    background: #fff;
    text-align: left;
    text-transform: none;
    box-shadow: 1px 1px 5px rgba(0,0,0,.07)

}
#main-menu ul li {
    display: block;
}
#main-menu ul a {
    margin: 0;
    padding: .5rem;
}
#main-menu ul .parent a,
#main-menu ul a:hover,
#main-menu ul a:focus,
#main-menu ul a:active {
    color: #016186;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .nav{
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
    }
    .side-menu ~ .nav:before {
      display: none;
    }
    .hamb{
        display: none;
    }
}


@media (max-width:767px) {

    /* Nav menu */
    .nav {
        max-height: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: #0B334C;
        overflow: auto;
        z-index: 200;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

    }
    .search .search-form, #header-content-middle ul#main-menu, #header-content-middle #main-menu li, #header-content-middle #main-menu a{
        display: block;
    }
    .search .search-form {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 1em;
    }
    .nav{
        max-height: 0;
        transition: all .2s ease-out;
    }

    .anchor-search, #header-content-top, #main-menu ul {
        display: none !important;
    }
#main-menu a {
padding: .5em 1em;
}
}

#header-content-top {
    text-align: right;
    margin-bottom: 1rem;
}

#header-content-top ul,#header-content-top li,
#header-content-middle ul,#header-content-middle li,
#footer-content-middle ul,#footer-content-middle li,
#footer-content-bottom ul,#footer-content-bottom li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

#header-content-middle {
    z-index: 10;
    position: relative;
}


#footer-content-middle a,
#footer-content-bottom a {
    display: inline-block;
    margin: .5rem;
    padding: .5rem;
    text-decoration: none;
    color: inherit;
}



#logo {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 1.5rem 2rem;
    vertical-align: middle;
    width: 400px;
    img {
        max-width: 100%;
        
    }
}



@media (max-width: 767px) {
    #logo {
        max-width: 70%;
    }
    #logo img {
        max-width: 100%;
    }
}

#main-content {
    background: #fff;
    padding: 3rem 5rem;
    width: calc(100%);
}

#main-content.fullwidth {
    
}

#main-content:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
}
#main-content h2 {
    font-weight: 500;
    font-size: 1.35rem;
    margin-bottom: 0.25rem;
}
.breadcrumbs {
    margin-bottom: .5rem;
    font-size: .9rem;
}
.breadcrumbs a, .breadcrumbs .breadcrumb {
    color: #0B334C;
}
.breadcrumbs a {
    opacity: .8;
}
.breadcrumbs .separator {
    color: #02BEE9;
    padding: 0 .25rem;
}

.main-content-cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem 8%;
}
.main-content-body {
    flex-grow: 1;
    width: 100%;
}
.main-content-body > :first-child {
    margin-top: 0;
}
.main-content-body > :last-child {
    margin-bottom: 0;
}
.main-content-footer {
    display: block;
    float: left;
    clear: both;
    min-width: 80%;
}
.main-content-footer p {
    margin: 0;
}
.main-content-footer:before {
    content: "";
    width: 40px;
    height: 1px;
    border-top: 2px solid #EB240F;
    overflow: hidden;
    display: block;
    margin-top: 2rem;
}
.main-content-footer > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.main-content-left {
     text-align: left;
}
.main-content-left > div {
     display: inline-block;
}
.main-content-left > div.share,
.share {
    display: block;
    font-weight: 500;
    margin-right: 1rem;
    padding: 1rem 0;
}
.share a {
    color: #009DC7;
    font-weight: 400;
    display: inline-block;
    padding: .25rem .5rem;
    &:hover, &:focus, &:active {
        color: #0B334C;
    }
}

.top_introduction {
    margin: 2rem 0;
    margin-top: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: start;
    padding: 1.25rem 1rem;
    background: rgba(2, 190, 233, .2);
    flex-direction: column;
}
.top_introduction p{
    width: 100%;
}
.top_introduction p:first-child {
    margin-top: 0;
}
.top_introduction p:last-child {
    margin-bottom: 0;
}

.main-content-aside {
    display: block;
    min-width: 400px;
    width: 400px;
}
.bloc-image {

    width: 400px;
    max-width: 100%;
    position: relative;

    margin-bottom: 1rem;

    max-height: 230px;
    overflow: hidden;
}
.bloc-image img{
    max-width: 100%;
    display: block;
    height: auto;
}
.bloc-image:after {
    content:url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/filigrane_illus.svg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    display: block;
}


.bloc-more {
    display: block;
    margin-bottom: 1rem;
    margin-top: 2rem;
}
#main-content .bloc-more .main-title {
    color: ;
    margin: 0;
    padding: 0;
    font-size: 1.15rem;
}

#main-content .bloc-more .main-title i {
    color: #02BEE9;
    display: inline-block;
    padding: .5rem .25rem;
    font-size: 2rem;
    margin-right: .75rem;
}
.bloc-more .bloc-more-content {
    padding: 1.5rem 1rem;
    border: 2px solid #009DC7;
    border-radius: 3px;
}
.bloc-more .bloc-more-content a {
    color: #0B334C;
    text-decoration: underline; 
    &:hover, &:focus, &:active {
        text-decoration: none;
        color: #016186
    }
}

.bloc-more .bloc-more-content ul,
.bloc-more .bloc-more-content li {
    margin: 0;
    padding: 0;
}
.bloc-more .bloc-more-content ul,
.bloc-more .bloc-more-content p {
    margin: 1em 0;
    
    &:first-child {
        margin-top: 0;
    }
    
    &:last-child {
        margin-bottom: 0;
    }
    
}
.bloc-more .bloc-more-content ul {
    margin-left: 1.5em;
}

.contenu {
    
}

.contenu p {
    margin-bottom: .5rem;
}
.contenu a {
    color: #016186;
    text-decoration: underline;
    &:hover, &:focus, &:active {
        text-decoration: none;
    }
}
.contenu *:first-child,
.contenu h3 + p,
.contenu h2 + p,
.contenu p + p {
    margin-top: 0;
}

.facebook a {
    color: #0B334C;
    display: inline-block;
    padding: 1rem 0;
    border-radius: 1rem;
}
.facebook a:hover,
.facebook a:focus,
.facebook a:active {
    background: rgba(0,0,0,.1);
    color: #0B334C;
}

#footer{
    text-align: center;
}
#footer p {
    margin: 0;
}
#footer-content-top {
    background: #E6E6E8;
    text-align: left;
    padding: 2rem 3rem;
}

#footer-content-top > div {
    display: inline-block;
    vertical-align: middle;
}
.footer-content-left {
    text-align: left;
    width: 33%;
}
.footer-content-left a {
    padding: .25rem .25rem;
    margin: 0 .125rem;
}
.footer-content-left > div {
     display: inline-block;
}
.footer-content-right {
     text-align: right;
    color: #717171;
    width: 66%;
    font-size: .9em;
}

.footer-content-right img {
    display: inline-block; 
    vertical-align: middle;
    margin: 0 .5rem;
    max-width: calc(100% - 1rem);
    height: auto;
}

#footer-content-middle {
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    a {
        color: #02BEE9;
        margin: 0;
        padding: 1rem 1.5rem;
        font-weight: bold;
        &:hover,
        &:focus,
        &:active
         {
            color: #DAF3F8;
            text-decoration: none;
        }
    }
}

#footer-content-bottom {
    padding: 0 .5rem;
     a {
        color: #E6E6E8;
        margin: 0;
        padding: 1rem 1rem;
        &:hover,
        &:focus,
        &:active
        {
            color: #fff;
            text-decoration: none;
        }
    }
}

@media (max-width: 767px) {

    #footer-content-middle a,
    #footer-content-bottom a {
        padding: 0.5rem 1rem;
        margin: 1px;
    }

}

/* HOMEPAGE */

.bloc-news {
    background: rgba(2, 190, 233, .2);
    display: block;
    margin: 2rem 0;
}
.bloc-news-content {
    padding: 1.5rem;
}
.bloc-news-content .bloc-news-suptitle {
    color: #016186;
    margin: 0;
}
.bloc-news-title {
    color: #016186;
    margin-top: .25rem;
    margin-bottom: .5rem;
}
.bloc-news-summary p {
    margin: 0;
}
.bloc-news-image {
    background: white;
    float: right;
    width: 200px;
}
.bloc-news-image img {
    width: 200px;
    height: auto;
}
.bloc-news-more a {
    display: inline-block;
    padding: .25em 0;
    border-bottom: 1px solid transparent;
    color: #016186;
    &:after {
        content:"\f061";
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        margin-left: .25rem;
        font-size: .9rem;
    }
}

#main-content.homepage #footer{
    display: block;
    clear: both;
}


.bloc-news-item-blog {
    padding: 1rem 0;
    border-bottom: 2px solid #E6E6E8;
    margin: 1rem 0;
}
.bloc-news-item-blog .bloc-news-content {
    padding:0;
    margin:0;
}
.bloc-news-item-blog .bloc-news-summary:before,
.bloc-news-item-blog .bloc-news-summary:after {
    content: ""; 
    clear: both;
    display: block;
}
@media screen and (max-width:980px) {

    #main-content, #main-content.fullwidth { width: 100%; margin: 0; padding: 2rem 1rem; position: relative; }
    #main-content.homepage .contenu, .contenu { float: none; width: 100%;  }
    #main-content.homepage .bloc-more, .bloc-more, .bloc-news {
        float: none; max-width: 100%; width: 100%; position: relative; margin: 1rem 0;
    }



    .bloc-image {
        float: none; max-width: 100%; position: relative; margin: 1rem 0;
    }
    
    #main-content {
        padding: 1rem .5rem;
    }
    
    .main-content-cols {
        flex-wrap: wrap; 
        padding: 0 .5rem;
        
        .main-content-aside,
        .main-content-body { 
            width: calc(100%) ;
            min-width: 0;
        }
    }

    
.main-content-footer > div {
    width: 100%;
}
    
.footer-content-right {
    text-align: left;
}
.footer-content-right img {
    margin: .1rem;
}
    .bloc-fb {
        float: none; max-width: 100%; position: relative; margin: 1rem 0;
    }
    .fb_iframe_widget span {
        height: calc( 200px + 2rem ) !important;
    }
   #footer > div, #footer-content-top > div {
       display: block; width: 100%;
       margin: 0;
       padding: .5rem 1rem;
   }

}


.contenu .grid_4 {
    width: 40%;
    display: block;
    float: left;
}
.contenu .grid_2 {
    width: 50%;
    display: block;
    float: left;
}

.logo-societe {
    display: block;
    text-align: center;
    img {
        border: 1px solid #E6E6E8;
        padding: 2rem;
        width: 220px;
        height: auto;
        border-radius: 3px;
    }
}
.liens-societe {
    margin-top: 1rem;
    p {
        margin-top: 0 !important;
        margin-bottom: .25rem !important;
    }
    .fas {
        color: #009DC7;
        margin-right: .5rem;
    }
    &:before {
        content: "";
        width: 40px;
        border-top: 2px solid #EB240F;
        display: block;
        margin: 1rem 0;
        
    }
}

.introduction {
display: block;
margin: 1rem 0;
}



/* ########################## right-col ############################ */
/* --> Plan -- */
.custom-carteinteractive {
    position: relative;
    height: 190px;
}
.custom-carteinteractive .light-article-title {
    background: url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/picto-plan.png) no-repeat 50% 50%;
    line-height: 2em;
}
.custom-carteinteractive p {
    font-size: 0.916666667em; /* 11 / 12px */
}
.custom-carteinteractive ul {
    list-style-type: none;
    padding: 0 0 0 10px;
}
.custom-carteinteractive li {
    margin: 0;
    padding: 0;
}
.custom-carteinteractive .lien-mini-plan {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 150px;
    height: 160px;
    text-indent: -5000px;
}
/* ########################## ANNUAIRE : ############################ */
.annuaire-listing {
	padding-bottom: 60px;
	background: lightgrey;
}
.full-tab-search,
.full-tab-results {
	display: none;
}
.full-tab-search.actif,
.full-tab-results.actif {
	display: block;
}
.full-tab-search form {
    margin: 0;
    padding: 0;
}
    .tab-title {
        width: 310px;
        background: #EFF2F2;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        font-weight: normal;
        margin: 0;
				float: left;
				border-bottom: 1px solid #FFF;
        background: grey;
    }
		.tab-title a {
			color: #BFC2C3;
		}
		.tab-title.actif {
        width: 309px;
				height: 41px;
				border-right: 1px solid #FFF;
				border-bottom: none;
				background: grey;
		}
		.tab-title.actif a {
			color: #2A3439;
		}
		.tab-title.tab-right.actif {
        border-left: 1px solid #FFF;
				border-right: none;
		}
		.tab-search {
        margin-left: 20px;
        padding-left: 36px;
        line-height: 40px;
        text-decoration: none;
        display: block;
	background: grey;
    }
		.tab-title-search.actif .tab-search {
			background-position: 0px -38px;
		}
		.tab-title-results .tab-search {
			background-position: 0px -88px;
		}
		.tab-title-results.actif .tab-search {
			background-position: 0px -138px;
		}
		
		.tab-sub-title {
        font-weight: bold;
        margin: 0;
        padding: 0;
				font-size: 12px;
    }
    .zone-search {
        padding: 25px 0 20px 25px;
        border-bottom: 1px solid #FFF;
				background: #DEE3E3;
    }
    /*.zone-all {
        background: #E9EDED;
    }*/
    
    /* Recherche par mot clef */
        .search-text {
            background: #E6E6E8;
        }
        .searchword {
            color: #90A3A5;
            font-size: 11px;
            padding: 5px 0 5px 10px;
            width: 218px;
            border: none;
            background: none;
            outline: none;
        }
        .swrapper {
            width: 240px;
            float: left;
            background: #E6E6E8;
        }
    
    /* Recherche par categorie */
        .search-category {
            background: #EEF1F1;
        }
        .search-category .checkbox-wrapper {
            width: 270px;
            float: left;
            margin: 0 20px 10px 0;
        }
        .search-category .checkbox-inner-wrapper {
            background: #FFF;
            width: 210px;
            margin: 0 5px 0 0;
            padding: 5px 10px;
            float: left;
        }
        .search-category input,
        .search-category label {
            float: left;
        }
	
	.search-category .nbResultats {
            float: left;
        }
	
        .search-category label {
            width: 185px;
            padding: 0 0 0 5px;
        }
        .bt-launchsearch {
            margin: 0 0 10px 190px !important;
        }
        .bt-search-all {
            margin: 20px 0 0 215px;
        }

.introduction {
margin-top: 0;
}
				
				/* --> Liste Alpha Index */
				.zone-alpha-index {
					background: grey;
					font-size: 14px;
				}
				.alpha-index a {
					color: #FFF;
					text-decoration: none;
					padding: 0 6px;
					background: none;
				}
				a.alpha.active {
					color: #869DA5;
				}
				a.alpha.active:hover {
					color: #FFF;
				}
				.alpha-index a:hover {
					background: #879DA5;
				}
				
				/* --> Pagination */
				.annuaire-pages-links {
					background: grey;
				}

.item-page .bouton,.item-page .bouton:hover { background:white; display:inline-block; font-size: 1.2em; text-align:center; border:1px solid #879DA5; padding:.5em; }

input[type=submit] {  margin-right: .5em; }

.checkbox-wrapper label { display:inline-block;  width: 47%; margin:.5em 1% !important; background-color: white; padding:.25em; vertical-align: top; }

.checkbox-wrapper label input[type=checkbox] { margin-right:.75em;}



/* ------ LISTING ------ */
table.listing {
	width: 620px;
}
	
	table.listing td {
		border-bottom: 1px solid #FFF;
		background: #E6E6E8; /*B4BDC1;*/
		color: #FFF;
	}
		td.listing-number {
			width: 25px;
			text-align: center;
		}
		.number {
			display: block;
			background: #717171;
			width: 23px;
			height: 23px;
			line-height: 23px;
			text-align: center; border-radius: 50%
		}
		td.listing-name {
			width: 232px;
			padding: 8px 0 8px 8px;
			font-weight: bold;
		}
		td.listing-category {
			font-style: italic;
			font-size: 11px;
			color: #415155 !important;
			width: 328px;
			text-align: center;
		}
	
	table.listing a {
		color: #2A3539;
		text-decoration: none;
	}
	table.listing a:hover {
		text-decoration: underline;
	}
	
	table.listing tr:hover,
	table.listing tr:hover a {
		color: #FFF !important;
	}
	table.listing tr:hover td .number {
		background: #879DA5;
	}
	table.listing td .number a {
		color: inherit !important;
	}
	table.listing tr:hover td {
		color: #FFF !important;
		background-color: #879DA5 !important;
	}
	.plus-button {
		display: block;
		width: 23px;
		height: 23px;
		background: #717171;
                text-align: center; display: block; border-radius: 50%; color: white !important; text-decoration: none !important;
	}
    
    .listing-link {
		width: 20px;
	}

	sup.new {
		display: none;
	}
    .announce {
        padding: 15px;
        text-align: center;
        width: 100%;
        border-bottom: 1px solid #FFF;
		background: #E6E6E8;
	}
    
/* ------ FICHE ENTREPRISE ------ */
.activity-domain {
	margin-top: 10px;
}
.sup-title-article {
    margin-bottom: .25rem;
}
	.title-article {
        margin-top: 0;
		font-size: 20px;
		font-weight: normal;
	}
	.title {
		font-weight: normal;
		font-size: 16px;
		color: #2A3439;
	}
	.title em {
		color: #8BC53E;
		font-style: normal;
	}
	.logo-and-pics {
		margin: 2em;
	}
	.thumbnail-left {
		position: relative;
		width: 140px;
		height: 140px;
		margin-bottom: 20px;
	}
	.zoom-bt {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
	.pad-contact {
		font-size: 12px;
		color: #2A3539;
		background: #EFF2F2;
		padding: 20px;
		margin: 10px 0 20px 0;
	}
	.big-button,
	.pad-title {
		text-decoration: none;
		display: block;
		width: 300px;
		line-height: 55px;
		height: 55px;
		text-align: center;
		font-size: 16px;
		background: #E6E6E8; text-transform: uppercase;
	}
	.pad-title {
		background: url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/bg-pad-button.png) repeat-x 0% 50%;
		display: block;
		margin-bottom: 15px;
	}
	.big-button:hover {
		text-decoration: underline;
		background-position: 5px 0%;
	}
		/* --> PD Map */
		.pad-map {
			margin-top: 20px;
		}
		.pad-little-map {
			position: relative;
			height: 190px;
		}
		.refonmap {
			position: absolute;
			top: 0px;
			left: 5px;
			display: block;
			text-align: center;
			text-decoration: none;
			color: #FFF;
			line-height: 23px;
			text-align: center;
			width: 23px;
			height: 23px;
			background: url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/bg-map-number.png) repeat-x 0% 50%;
		}
		.zoombutton {
			position: absolute;
			top: 128px;
			left: 16px;
		}
		.linkgmaps {
			display: inline-block;
		}
		.linkgmaps em {
			
		}

.back_content {
    margin: 2rem 0;
}




.file_list { font-size: 1.15em; line-height: 140%;}
.file_list ul, .file_list li { list-style-type: none; padding: 0; }

.file_list span { display:inline-block; margin-left: .25em; }
.file_list .fileIcon { display:none; }
.file_list .fileSize { font-style:italic; font-size:.9em; margin-right : 1em;}
.file_list .fileDate { display:none }

.file_list a { text-transform: capitalize; }
.file_list a[href$=".pdf"]:after {
content:" - document PDF";
}
.file_list a[href$=".jpg"]:after {
content:" - document image";
}


/* www.phoca.cz - filelist */
.phocadownloadfilelist {
	background: #fdfdfd;
	border:1px solid #cccccc;
	margin:5px;
}
.phocadownloadfilelist32 {
	background: transparent url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-download-32.png) 5px center no-repeat;
	padding: 10px 10px 10px 40px;
}
.phocadownloadfilelist16 {
	background: transparent url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-download-16.png) 5px center no-repeat;
	padding: 10px 10px 10px 40px;
}
.phocadownloadfilelist64 {
	background: transparent url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-download-64.png) 5px center no-repeat;
	padding: 10px 10px 10px 40px;
}

/* www.phoca.cz - 32 */
.phocadownloadcategories32 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-categories-32.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 10px 10px 10px 40px;
}

.phocadownloadcategory32 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-category-32.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 10px 10px 10px 40px;
}

.phocadownloadfile32 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-download-32.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 10px 10px 10px 40px;
}

.phocadownloadplay32 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-play-32.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 10px 10px 10px 40px;
}
.phocadownloadpreview32 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-preview-32.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 10px 10px 10px 40px;
}

/* 16 */
.phocadownloadcategories16 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-categories-16.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 5px 5px 5px 25px;
}



.phocadownloadcategory16 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-category-16.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 5px 5px 5px 25px;
}

.phocadownloadfile16 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-download-16.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 5px 5px 5px 25px;
}
.phocadownloadplay16 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-play-16.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 5px 5px 5px 25px;
}
.phocadownloadpreview16 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-preview-16.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 5px 5px 5px 25px;
}

/* 64 */
.phocadownloadcategories64 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-categories-64.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 30px 30px 30px 70px;
}



.phocadownloadcategory64 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-category-64.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 30px 30px 30px 70px;
}

.phocadownloadfile64 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-download-64.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 30px 30px 30px 70px;
}
.phocadownloadplay64 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-play-64.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 30px 30px 30px 70px;
}
.phocadownloadpreview64 {
	background: #fdfdfd url(https://www.parc-innovation-strasbourg.eu/uploads/designs/parc-innovation-2025/images/icon-preview-64.png) 5px center no-repeat;
	border:1px solid #cccccc;
	margin:5px;
	padding: 30px 30px 30px 70px;
}