/*****   FONT   *****/
@font-face {
font-family: 'Oxygen';
src: url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.eot');
src: url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.svg#Oxygen') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OxygenBold';
src: url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.eot');
src: url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.svg#OxygenBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Raleway';
src: url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.eot');
src: url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Raleway/Regular/raleway-regular-webfont.svg#Raleway') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RalewayBold';
src: url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.eot');
src: url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Raleway/Bold/raleway-bold-webfont.svg#RalewayBold') format('svg');
font-weight: normal;
font-style: normal;
}


/*****   Reset   *****/
html, body {
font-size:16px;
}

body {
color:#000000;
font-family:Oxygen, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-family:Raleway, Arial, Verdana, Helvetica, sans-serif;
line-height:1.2;
color:#000000;
width:100%;
margin-bottom:0.2em;
font-weight:normal;
text-transform:none;
text-align:center;
}

h1 {
margin-top:0.8em;
margin-bottom:0.8em;
}

a {
color:#0177D1;
text-decoration:none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover, a:focus, a:active {
color:#00457c;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.clear {
visibility:hidden;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;
clear:both;
}

ul {
list-style-position:inside;
}

p {
line-height:1.2em;
}

div.backEnfant {
padding:20px 0px 20px 0px;
margin-top:30px;
}

div.enfant div.grid_4 {
position:relative;
margin-top:10px;
margin-bottom:10px;
}

div.enfant div.grid_4 a {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.enfant div.grid_4 a:hover {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.backColEnfant {
height:70px;
}

div.enfant div.grid_4:nth-child(1) a div.backColEnfant, div.enfant div.grid_4:nth-child(7) a div.backColEnfant, div.enfant div.grid_4:nth-child(13) a div.backColEnfant, div.enfant div.grid_4:nth-child(19) a div.backColEnfant {
color:#96a9b2;
background-color:#17323d;
}

div.enfant div.grid_4:nth-child(2) a div.backColEnfant, div.enfant div.grid_4:nth-child(8) a div.backColEnfant, div.enfant div.grid_4:nth-child(14) a div.backColEnfant, div.enfant div.grid_4:nth-child(20) a div.backColEnfant {
background-color:#1aaa8f;
color:#9dedde;
}

div.enfant div.grid_4:nth-child(3) a div.backColEnfant, div.enfant div.grid_4:nth-child(9) a div.backColEnfant, div.enfant div.grid_4:nth-child(15) a div.backColEnfant, div.enfant div.grid_4:nth-child(21) a div.backColEnfant {
background-color:#f6d38f;
color:#8d6923;
}

div.enfant div.grid_4:nth-child(4) a div.backColEnfant, div.enfant div.grid_4:nth-child(10) a div.backColEnfant, div.enfant div.grid_4:nth-child(16) a div.backColEnfant, div.enfant div.grid_4:nth-child(22) a div.backColEnfant {
background-color:#e95151;
color:#f7c4c4;
}

div.enfant div.grid_4:nth-child(5) a div.backColEnfant, div.enfant div.grid_4:nth-child(11) a div.backColEnfant, div.enfant div.grid_4:nth-child(17) a div.backColEnfant, div.enfant div.grid_4:nth-child(23) a div.backColEnfant {
background-color:#d4e06d;
color:#000000;
}
div.enfant div.grid_4:nth-child(6) a div.backColEnfant, div.enfant div.grid_4:nth-child(12) a div.backColEnfant, div.enfant div.grid_4:nth-child(18) a div.backColEnfant, div.enfant div.grid_4:nth-child(24) a div.backColEnfant {
background-color:#6499b8;
color:#b5dcf3;
}

div.titreSousPage {
padding:15px 10px 15px 10px;
text-align:center;
font-size:1.25rem;
}

a div.titreSousPage {
color:#FFFFFF;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover div.titreSousPage, a:focus div.titreSousPage, a:active div.titreSousPage {
color:#FFFFFF;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.backCol1 {
background-color:#f6c462;
}

div.backCol2 {
background-color:#2F80BE;
}

div.backCol3 {
background-color:#538114;
}

div.backCol4 {
background-color:#e95151;
}

div.backCol5 {
background-color:#002E51;
}

.image-flottante-droite {
border:none;
padding:0px 0px 5px 5px;
background:none;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
border:none;
padding:0px 5px 5px 0px;
background:none;
float:left;
margin:0px 10px 5px 0px;
}

hr {
clear:both;
margin:0px 0px 10px 0px;
padding:0;
height:0px;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-size:0.875rem;
color:#888888;	
font-style:italic;
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

div#fancybox-wrap, div#fancybox-wrap * {
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

ul.documents {
list-style-type:none;
}

ul.documents li.iconefichier {
padding:5px 0px 0px 0px;
margin:0;	
}

ul.documents li.description {
padding:0px 0px 0px 20px;
margin:-2px 0px 0px 0px;
font-style:italic;
font-size:0.875rem;
}

label, .label {
display:inline;
font-size:1rem;
}

.label {
font-weight:bold;
margin:10px 0px 5px 0px;
display:inline-block;
}

.espacementLabel {
font-weight:bold;
margin:20px 0px 0px 0px;
display:inline-block;
}

form {
line-height:1.2em;
}

textarea {
height:120px;
}

select {
height:30px;
}

fieldset legend {
font-family:Oxygen, Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.625rem;
padding:0 0.1875rem;
margin:0;
color:#bebebe;
}

.left {
float:left;
}

.right {
float:right;
}

div#gallery {
padding:10px 0px 10px 0px;
}

div#galleryRealisations {
margin:0px auto 20px auto;
}

div#gallery_secteurs {
background:url(../images/design/texture.jpg) repeat top left;
}

div#gallery_secteurs a {
opacity:0.7 !important;
-webkit-transition:opacity 300ms ease;
-moz-transition:opacity 300ms ease;
-ms-transition:opacity 300ms ease;
-o-transition:opacity 300ms ease;
transition:opacity 300ms ease;
}

div#gallery_secteurs a:hover {
opacity:1 !important;
-webkit-transition:opacity 300ms ease;
-moz-transition:opacity 300ms ease;
-ms-transition:opacity 300ms ease;
-o-transition:opacity 300ms ease;
transition:opacity 300ms ease;
}

.strong {
font-weight:bold;
}

.gauche {
text-align:left;
}

.droite {
text-align:right;
}

div.radium-ra {
display:none;
}


/*** Formulaire de contact ***/
.messages-box.error {
background-color: #de4343;
border-color: #c43d3d;
}

.messages-box {
background-size: 40px 40px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
width: 100%;
border: 1px solid;
color: #fff;
padding: 15px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
animation: animate-bg 5s linear infinite;
margin: 0 0 1rem 0;
text-align: left;
}

.error-message {
display:inline-block;
background-color:#DE4343;
color:#FFF;
width:100%;
margin-bottom:14px;
padding:0.3em 0.5em;
font-size:0.75rem;
}

input[type=text].invalid, textarea.invalid {
border:1px solid #DE4343;
margin-bottom:0;
}

@keyframes animate-bg {
from {
background-position: 0 0;
}
to {
background-position: -80px 0;
}
}

.confirmation {
	font-family:font-family:Oxygen, Verdana, Arial, Helvetica, sans-serif;
	margin-left:16px;	
}

.confirmation h1 {
	font-size:1.5rem;
	letter-spacing:2px;
	margin-bottom:10px;
	color:#333;	
}

.confirmation p {
	font-size:0.875rem;
	text-align:left;
}

.confirmation a.ok {
	padding:10px 20px;
	color:#FFF;
	background-color:#00457C;
	float:right;
	
}

#FormContact p {
	text-align:left;
}

/*** 404 ***/
body.body-404 {
background-color:#cd3333;
text-align:center;
}

body.body-404 img {
width:450px;
margin:60px 0px 20px 0px;
}

body.body-404 p {
text-align:center;
font-size:2rem;
}

body.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}

body.body-404 a:hover, body.body-404 a:active, body.body-404 a:focus {
color:#FFFFFF;
}


/*****   Header   *****/
div.logo {
position:relative;
width:20%;
float:left;
text-align:center;
background-color:#FFFFFF;
padding:10px 0px 0px 0px;
}

div.logo img {
width:90%;
max-width:250px;
}

div.largeurMenu {
position:relative;
width:80%;
float:left;
background-color:#FFFFFF;
padding-top:0px;
}

div#searchBar {
float:right;
width:350px;
}

div#searchBar form {
margin:15px 0px 10px 0px;
line-height:0;
}

div#searchBar input {
width:250px;
float:left;
margin:0;
height:2rem;
}

div#searchBar button.bouton {
background-color:#FFFFFF;
color:#000000;
border:none;
font-size:1.5rem;
padding:0px 0px 0px 10px;
margin:0;
}

body ul#slickMenu li.stickyOnly {
display:none;
}


/*****   Menu   *****/
div#menuWrapper {
background-color:#FFFFFF;
max-width:1920px;
margin:auto;
}

div.backMenu {
background-color:#00457c;
height:85px;
}

body.body_sticky_menu div.backMenu {
height:44px;
}

div#menu {
width:100%;
font-family:Oxygen, Arial, Verdana, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
font-size:1.5rem;
z-index:1000;
text-transform:none;
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
}

div#menu ul {
list-style-type:none;
margin:auto;
padding:0px 0px 0px 0px;
line-height:2rem;
}

div#menu ul li {
text-align:left;
width:20%;
}

div#menu ul li a {
color:#FFFFFF;
padding:10px 17px 10px 18px;
margin:0px 0px 0px 0px;
text-decoration:none;
text-transform:none;
line-height:2rem;
}

div#menu ul li a:hover, div#menu ul li a:active, div#menu ul li a:focus {
background-color:#0177D1;
}

div#menu ul li {
float:none;
display:inline-block;
}

div#menu ul li ul {
font-size:1rem;
}


/*** Menu superfish ***/
div#menu ul.sf-menu ul {
font-family:Oxygen, Arial, Verdana, Helvetica, sans-serif;
text-transform:none;
position:absolute;
width:420px !important;
top:64px; 
left:0px; 
display:none; 
margin:0; 
padding:20px 0px 0px 0px;
list-style:none;
z-index:2000;
}

div#menu ul.sf-menu ul li {
margin:0; 
padding:0; 
float:left;
font-size:0.875rem;
border-right:none;
}

div#menu ul.sf-menu ul li i {
font-size:0.625rem;
padding:0px 0px 0px 5px;
}

div#menu ul.sf-menu ul a {
display:block;
padding:5px 0px 5px 10px;
margin:0px 0px 0px 0px;
color:#FFFFFF !important;
text-align:left;
text-decoration:none;
text-transform:inherit;
background-color:#1F1F1F !important;
}

div#menu ul.sf-menu ul a:hover, div#menu ul.sf-menu ul a:active, div#menu ul.sf-menu ul a:focus {
color:#FFFFFF !important;
background-color:#0177D1 !important;
}

div#menu ul.sf-menu ul li.sousMenuFin {
margin:0;
}


/*** Hover menu par défaut dans la page courante ***/
body.body-accueil div#menu ul li.mnuAccueil a, body.body-services div#menu ul li.mnuServices a, body.body-apropos div#menu ul li.mnuAPropos a, body.body-emploi-implication div#menu ul li.mnuEmploiImplication a, body.body-ressources div#menu ul li.mnuRessources, a body.body-contact div#menu ul li.mnuContact a {
background-color:#0177D1;
}


/*** Hover menu par défaut dans la page courante pour le sticky menu ***/
body.body-accueil div.sticky_menu div#menu ul li.mnuAccueil a, body.body-services div.sticky_menu div#menu ul li.mnuServices a, body.body-apropos div.sticky_menu div#menu ul li.mnuAPropos a, body.body-emploi-implication div.sticky_menu div#menu ul li.mnuEmploiImplication a, body.body-ressources div.sticky_menu div#menu ul li.mnuRessources a, body.body-contact div.sticky_menu div#menu ul li.mnuContact a {
background-color:#0177D1;
}


/*** Sticky menu ***/
div.sticky_navigation_wrapper {
z-index:10000;
position:relative;
}

div#sticky_navigation {
width:100%;
}

body.body_sticky_menu div.logo, body.body_sticky_menu div#searchBar, body.body_sticky_menu ul#slickMenu a br {
display:none;
}

body.body_sticky_menu div.cadre {
width:1200px;
margin:auto;
}

body.body_sticky_menu div#menu {
font-size:1.25rem;
}

body.body_sticky_menu div.largeurMenu {
width:100%;
padding-top:0px;
}

body.body_sticky_menu div#menu ul#slickMenu {
padding:0px 0px 0px 0px;
}

body.body_sticky_menu ul#slickMenu li {
width:inherit;
}

body.body_sticky_menu ul#slickMenu li a {
padding:14px 32px 14px 32px !important;
font-size:1.25rem;
line-height:1rem;
}

body.body_sticky_menu ul#slickMenu li.stickyOnly {
display:inline-block !important;
}

body.body_sticky_menu div#menu ul {
padding:10px 0px 10px 0px;
}

body.body_sticky_menu div#menu ul li {
margin:0;
}

body.body_sticky_menu div#menu ul li a {
padding:0px 20px 0px 20px;
}

body.body_sticky_menu div#menu ul.sf-menu ul {
top:44px !important;
margin:0;
padding:0;
}

body.body_sticky_menu div#menu ul.sf-menu ul ul {
top:0px !important;
}

body.body_sticky_menu div#menu ul.sf-menu ul li {
padding:0;
margin:0;
}

body.body_sticky_menu div#menu ul.sf-menu ul li a {
padding:10px 10px 10px 10px !important;
font-size:1rem;
}


/*** Menu niveau 2 ***/
ul.menuNiveau2 {
font-size:1.125rem !important;
top:0px !important;
padding:0 !important;
background:none !important;
}

ul.menuNiveau2 a {
color:#FFFFFF !important;
background-color:#363636 !important;
width:230px;
}

div.sticky_menu div#menu ul.sf-menu ul li ul.menuNiveau2 {
top:0px !important;
background-color:#1f1f1f !important;
}


/*** Burger menu ***/
div.slicknav_menu {
background:#00457C;
}

ul.slicknav_nav li ul {
width:100%;
}

ul.slicknav_nav li a:hover, ul.slicknav_nav li a:hover a, ul.slicknav_nav li a:active, ul.slicknav_nav li a:active a, ul.slicknav_nav li a:focus, ul.slicknav_nav li a:focus a {
color:#222222 !important;
}

.slicknav_btn {
background-color:#8DC63F;
}


/*****   Bandeaux   *****/
div#bandeau {
overflow:hidden !important;
width:100%;
position:relative;
background-color:#1F1F1F;
}

div.bandeauInfo {
position:absolute;
bottom:0;
width:100%;
background-color:rgba(68, 68, 68, 0.8);
padding:0px 15px 30px 15px;
color:#FFFFFF;
}

div.bandeauInfo h1 {
border:none;
margin-top:0.4em;
margin-bottom:0;
color:#FFFFFF;
}

div.bandeauInfo p {
text-align:center;
font-size:1rem;
width:670px;
margin:auto;
}

div.bandeauInfo p:after {
content:"";
display:block;
margin:auto;
padding:30px 0px 0px 0px;
width:200px;
border-bottom:2px solid #FFFFFF;
}

a.da-link {
width:160px;
}


/*****   Unite gallery carousel   *****/
div#gallery_secteurs .ug-carousel-wrapper {
background-color:#414141;   
}

div#gallery_partenaires .ug-thumb-wrapper {
background-color:#FFFFFF !important;
}


/*****   Contenu   *****/
div#contenu {
padding:0px 0px 30px 0px;
}

div#contenu h2, div#contenu h3 {
position:relative;
color:#00457C;
text-align:left;
margin-bottom:15px;
}

div#contenu h2:before, div#contenu h3:before {
content:"";
position:absolute;
left:0;
bottom:0;
height:2px;
width:10%;
border-bottom:2px solid #00457c;
}

div#contenu ul {
list-style-image:url(../images/design/puces2.png);
}

div#contenu ul li.description {
list-style-image:none;
}

div#contenu a img {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#contenu a:hover img, div#contenu a:active img, div#contenu a:focus img {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.emphase {
font-family:OxygenBold, Verdana, Arial, Helvetica, sans-serif;
font-size:1.25rem;
}

div.flottant {
position:relative;
float:left;
}

.centrer {
text-align:center;
}

.justify {
text-align:justify;
padding-right:20px;
}

body.body-partenaires div#gallery_partenaires {
display:none !important;
}

div.affichageOffre div.grid_6 {
line-height:2rem;
}

div.traitHorizontal {
width:100%;
height:1px;
background-color:#00457C;
margin:0px 0px 10px 0px;
}

.ui-widget-header {
border:1px solid #002543;
background:#00457C;
}

ul.noBullets {
list-style-type:none !important;
list-style-image:none !important;
}

table.horaire {
width:100%;
text-align:center;
}

.hauteurMin {
min-height:350px;
}

table.tableauCoordonnee tr th {
width:33.33%;
font-size:1.5rem;
color:#00457c !important;
background-color:#FFFFFF !important;
text-align:left;
padding:20px 0px 5px 0px;
position:relative;
}

table.tableauCoordonnee tr th:before {
content:"";
position:absolute;
left:0;
bottom:0;
height:2px;
width:20%;
border-bottom:2px solid #00457c;
}

table.tableauCoordonnee tr td {
padding:20px 0px 0px 0px;
vertical-align:middle;
font-size:1rem;
}

table.tableauCoordonnee tr td {
width:28%;
}

table.tableauCoordonnee tr td.icones {
width:5%;
}

table.tableauCoordonnee tr:nth-of-type(even), table.tableauCoordonnee tr:nth-of-type(odd) {
background-color:#FFFFFF;
}


/*****   Secteurs   *****/
div#secteurs {
background-color:#414141;
}

div#secteurs a div.col5 {
position:relative;
float:left;
width:20%;
height:350px;
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
}

div#secteurs a div.descriptif {
position:relative;
background-color:#8dc63f;
color:#FFFFFF;
width:180px;
height:180px;
margin:85px auto 0px auto;
padding:55px 20px 0px 20px;
text-align:center;
font-size:1.5rem;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
z-index:1000;
opacity:0.7;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#secteurs a:first-child div.col5 div.descriptif, div#secteurs a:nth-child(3) div.col5 div.descriptif {
padding:65px 20px 0px 20px;
}

div#secteurs a div.col5 div.secteurBackground {
width:100%;
height:inherit;
position:absolute;
top:0;
left:0;
z-index:0;
opacity:0.3;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#secteurs a:nth-child(1) div.col5 div.secteurBackground {
background-image:url(../images/design/secteurs/emplois.jpg);
}

div#secteurs a:nth-child(2) div.col5 div.secteurBackground {
background-image:url(../images/design/secteurs/etudes.jpg);
}

div#secteurs a:nth-child(3) div.col5 div.secteurBackground {
background-image:url(../images/design/secteurs/soutien.jpg);
}

div#secteurs a:nth-child(4) div.col5 div.secteurBackground {
background-image:url(../images/design/secteurs/actif-milieu.jpg);
}

div#secteurs a:nth-child(5) div.col5 div.secteurBackground {
background-image:url(../images/design/secteurs/region.jpg);
}

div#secteurs a:hover div.col5 div.secteurBackground, div#secteurs a:active div.col5 div.secteurBackground, div#secteurs a:focus div.col5 div.secteurBackground {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#secteurs a:hover div.col5 div.descriptif, div#secteurs a:hover div.col5 div.active, div#secteurs a:hover div.col5 div.focus {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}


/*****   Nouvelles   *****/
div.listeNouvelle h2 {
font-size:1.25rem;
line-height:1.25rem;
font-weight:bold;
text-align:left;
margin-bottom:0.6rem;
}

div.listeNouvelle a {
color:#000000;
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.listeNouvelle a:hover, div.listeNouvelle a:active, div.listeNouvelle a:focus {
opacity:0.6;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.listeNouvelle div.grid_4 {
margin-bottom:20px;
}

div.isotope {
margin:0px 0px 50px 0px;
}

div.isotope-item {
width:400px;
}

div.isotope div.isotope-item h2:before {
height:0px;
border-bottom:none !important;
}

div.isotope div.isotope-item h2 {
font-size:1.375rem;
text-align:left;
line-height:1.5rem;
margin:0;
padding:20px 0px 0px 0px;
color:#FFFFFF !important;
}

div.isotope div.isotopeFond {
padding:0px 15px 15px 15px;
}

div.isotope div.isotopeFond p {
margin-bottom:0;
padding-top:30px;
}

div.isotope div.isotopeFond p.isotopeDate {
color:#FFFFFF;
font-size:1.75rem;
}

div.isotope a:nth-child(1) div.isotope-item div.isotopeFond {
background-color:#17323d;
color:#96a9b2;
}

div.isotope a:nth-child(2) div.isotope-item div.isotopeFond {
background-color:#1aaa8f;
color:#9dedde;
}

div.isotope a:nth-child(3) div.isotope-item div.isotopeFond {
background-color:#f6d38f;
color:#8d6923;
}

div.isotope a:nth-child(4) div.isotope-item div.isotopeFond {
background-color:#e95151;
color:#f7c4c4;
}

div.isotope a:nth-child(5) div.isotope-item div.isotopeFond {
background-color:#d4e06d;
color:#000000;
}

div.isotope a:nth-child(6) div.isotope-item div.isotopeFond {
background-color:#6499b8;
color:#b5dcf3;
}

div.isotope a:nth-child(3) div.isotope-item h2, div.isotope a:nth-child(5) div.isotope-item h2, div.isotope a:nth-child(3) div.isotope-item p.isotopeDate, div.isotope a:nth-child(5) div.isotope-item p.isotopeDate {
color:#000000;
}

div.isotope a div.isotope-item div.isotopeFond {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.isotope a:hover div.isotope-item div.isotopeFond, div.isotope a:active div.isotope-item div.isotopeFond, div.isotope a:focus div.isotope-item div.isotopeFond {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}


/*****   Équipe   *****/
div.equipe {
padding:20px 0px 20px 0px;
}

div.equipe div.photo {
position:relative;
width:25%;
}

div.equipe div.description {
position:relative;
width:75%;
}

div.equipe h1 {
margin-bottom:0.2em;
}

div.equipe div.description h3:before {
border-bottom:none !important;
}

div.equipe div.description h3 {
font-family:RalewayBold, Arial, Verdana, Helvetica, sans-serif;
margin-top:0;
margin-bottom:0 !important;
line-height:1;
}

div.equipe div.description h3 a {
color:#000000;
}

div.equipe div.description h3 a:hover, div.equipe div.description h3 a:active, div.equipe div.description h3 a:focus {
color:#0177D1;
}

div.equipe:nth-of-type(odd) div.photo {
float:left;
padding:0px 80px 0px 0px;
}

div.equipe:nth-of-type(odd) div.description {
float:right;
}

div.equipe:nth-of-type(odd) div.description p, div.equipe:nth-of-type(odd) div.description h3 {
text-align:left !important;
}

div.equipe:nth-of-type(even) div.photo, div.equipe:nth-of-type(even) div.description ul {
float:right;
padding:0px 0px 0px 80px;
}

div.equipe:nth-of-type(even) div.description {
float:left;
}

div.equipe:nth-of-type(even) div.description p, div.equipe:nth-of-type(even) div.description h3, div.equipe:nth-of-type(even) div.description ul {
text-align:right !important;
}

div.equipe:nth-of-type(even) div.description ul li {
margin:0;
}

div.equipe div.description p {
margin-bottom:0.4rem;
line-height:1.6em;
}

div.soulignement {
background-color:#00457C;
width:60px;
height:7px;
margin:10px 0px 25px 0px;
}

div.equipe:nth-of-type(odd) div.soulignement {
float:left;
}

div.equipe:nth-of-type(even) div.soulignement {
float:right;
}

div.equipe ul {
list-style-type:none;
padding:0;
margin:0;
}

div.equipe ul li {
float:left;
margin:0px 10px 0px 0px;
}

div.equipe ul li a {
color:#FFFFFF;
background-color:#00457C;
text-align:center;
display:block;
width:40px;
height:40px;
padding:7px 0px 0px 0px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}

div.equipe ul li a:hover, div.equipe ul li a:active, div.equipe ul li a:focus {
background-color:#0177D1;
}


/*****   Équipe, page de détails   *****/
div.equipe div.grid_12 div.soulignement {
margin:0px 0px 25px 0px;
}

div.equipe div.grid_8 h2 {
margin-top:0;
}

div.equipe div.grid_8 p {
line-height:1.6rem;
}


/*****   Personnes ressources   *****/
div.personnesRessources div.grid_6 {
margin:10px 10px 20px 10px;
}

div.personnesRessources h2 a {
color:#00457c;
}


div.personnesRessources h2 a:hover {
color:#0177D1;
}

div.personnesRessources h3:before {
height:0px;
border-bottom:none !important;
}

div.personnesRessources h3 {
margin:0;
text-align:left;
color:#000000 !important;
}

div.personnesRessources img {
max-width:40%;
float:left;
margin:0px 30px 0px 0px;
}

div.personnesRessources div.soulignement {
margin:5px 0px 10px 45%;
}

div.personnesRessources p {
line-height:1.6rem;
padding:0px 20px 0px 0px;
}

div.personnesRessources ul {
list-style-type:none;
list-style-image:none !important;
padding:0;
margin:0;
}

div.personnesRessources ul li {
float:left;
margin:0px 10px 0px 0px;
}

div.personnesRessources ul li a {
color:#FFFFFF;
background-color:#00457C;
text-align:center;
display:block;
width:40px;
height:40px;
padding:7px 0px 0px 0px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
}

div.personnesRessources ul li a:hover, div.personnesRessources ul li a:active, div.personnesRessources ul li a:focus {
background-color:#0177D1;
}


/*****   Articles   *****/
div#erreur {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#FF0000;
border:1px solid #CCC;
padding:10px;
margin:0 0 10px 0;
color:#FFFFFF;
}

div#erreur ul {
list-style-type:disc;
margin:0px 0px 0px 30px !important;
}

div#erreur :last-child {
margin:0;
}

.erreurCode, .erreurCapcha input#AntiSpamQuestion {
border:1px solid #FF0000 !important;
background-color:#fdb4b4 !important;
}

ul.listeFormulaire .erreurCode {
border:none !important;
}


/*****   Articles   *****/
div.articles {
margin-top:20px;
}

div.articles a {
color:#FFFFFF;
opacity:1;
}

div.articles a:hover, div.articles a:active, div.articles a:focus {
color:#FFFFFF;
opacity:0.8;
}

div.articles div.grid_4 {
margin-bottom:20px;
}

div.backgroundElement {
display:block;
background-size:cover !important;
position:relative;
}

div.titreElement {
background-color:rgba(0, 0, 0, 0.5);
min-height:50px;
width:100%;
position:absolute;
bottom:0;
padding:13px 10px 5px 10px;
text-align:center;
font-size:1.25rem;
}

a div.titreElement {
color:#FFFFFF;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover div.titreElement, a:active div.titreElement, a:focus div.titreElement {
color:#FFFFFF; 
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.defaultBackground {
background:url(../images/design/logo-default.jpg) no-repeat top center;
}

a.bouton {
text-align:center;
color:#FFFFFF;
display:block;
padding:10px 0px 10px 0px;
background-color:#00457C;
}

a.bouton:hover, a.bouton:active, a.bouton:focus {
background-color:#0177D1 !important;
}

.bouton {
padding:10px 15px 10px 15px;
margin:20px 0px 0px 0px;
background-color:#00457C;
font-size:1rem;
color:#FFFFFF;
border:none;
cursor:pointer;
user-select:none ;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
}

img.imageArticle {
max-width:550px;
}


/*****   Tableaux   *****/
table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}

table thead, table th {
color:#FFFFFF !important;
background-color:#00457C;
}

table tr:nth-of-type(even) {
background-color:#dadada;
border:none;
margin:0;
padding:0;
}

table tr:nth-of-type(odd) {
background-color:#FFFFFF;
border:none;
margin:0;
padding:0;
}

table.tableau-invisible, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table tr td {
vertical-align:top;
}

/*****   Partenaires   *****/
div#gallery_partenaires {
padding:20px 0px 0px 0px;
}
div#contenu div.partenaires h2 {
overflow: hidden;
text-align: center !important;
font-size:3rem;
}

div#contenu div.partenaires h2:before, div#contenu div.partenaires h2:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

div#contenu div.partenaires h2:before {
right: 0.5em;
margin-left: -50%;
border-bottom:none;
left:inherit;
}

div#contenu div.partenaires h2:after {
left: 0.5em;
margin-right: -50%;
}

div.partenairesConteneur {
text-align:center;
}

div.partenairesAllignement {
position:relative;
width:33%;
margin:auto;
display:inline-block;
}


/*****   Facebook   *****/
div#facebook {
background-color:#375794;
text-align:center;
padding:40px 0px 40px 0px;
}


/*****   Footer   *****/
div#footer {
background-color:#3e3e3e;
padding:0px 0px 30px 0px;
font-size:1.125rem;
color:#FFFFFF;
}

div#footer h1 {
color:#FFFFFF;
text-align:left;
margin-top:0.6em;
margin-bottom:0.5em;
}

div#footer ul {
margin:0;
padding:0;
list-style-type:none;
}

div#footer ul li {
padding:2px 0px 2px 0px;	
}

div#footer ul li i {
font-size:1.25rem;
text-align:center;
padding:0px 5px 0px 0px;
}


/*****   Footer Bas   *****/
div#footerBas {
background-color:#1a1a1a;
text-align:center;
padding:25px 0px 20px 0px;
color:#FFFFFF;
}

div#footerBas a {
color:#FFFFFF;
}

div#footerBas a:hover, div#footerBas a:active, div#footerBas a:focus {
color:#858585;
}

.emphase {
font-size:2.125em;
letter-spacing:1px;
margin-bottom:0;
}