/*****   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;
}

div#menuWrapper, div#menuMobile, div#bandeau, div#gallery_secteurs, div#facebook, div#gallery_partenaires, div#gallery, div#menuMobile, div.logoMobile, div.ug-gallery-wrapper, a.bouton {
display:none !important;
}

div.logoPrint {
display:block;
}

div.logoPrint img {
max-width:250px;
}


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

body {
color:#000000;
font-family:Oxygen, Verdana, Arial, Helvetica, sans-serif;
margin:0 2.5rem;
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;
}

.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;	
}

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 ***/
#FormContact p {
	text-align:left;
}


/*****   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;
}

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 {
display:none;
}


/*****   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 {
display:none;
}

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.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#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 {
display:none;
}


/*****   Footer Bas   *****/
div#footerBas {
display:none;
}