/*
* Realize CSS 
*/

/* ======= RESET ===== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix {clear: both;height:1px;float:none;}
* {box-sizing: border-box}

/* ===== REALIZE ==== */

html, body {height:100%;font-size: 12px;line-height:1.5;font-family:'Open Sans',Arial,sans-serif;}
body {background:#F7F7F7 url(../img/new/fond.jpg) no-repeat fixed center top; }

img {max-width:100%;}
strong {font-weight:bold;}
h1,h2,h3,h4,h5 {font-family:"petitamediumregular",Arial,sans-serif;margin-bottom:0px;line-height: 1.2}
.wrapper {height:100%;min-width: 740px;}

.a-justify {text-align: justify;}
.a-center {text-align: center;}

/* === header === */
.header {max-width:1020px;text-align:center;margin:0px auto;padding-top: 35px;background-color: #FFFFFF;position: relative;}
.header .under-logo {width: 350px;height:37px;background: transparent url(../img/new/under_logo_retina.png) no-repeat center top;position: absolute;left:50%;top:100%;margin-left: -175px;background-size: 350px auto;}

.header .header-floatting-content {display: none;}

/* cas header flottant */
.wrapper.floatting {padding-top: 95px;}
.wrapper.floatting .header {position: fixed;top:0;left:0;width: 100%;background-color: #DDD6D0;max-width: none;height: 80px;padding-top: 15px;z-index: 999;}
.wrapper.floatting .header .under-logo {display: none;}
.wrapper.floatting .header h1 {width: 170px;position: absolute;left:50%;margin-left: -510px;}
.wrapper.floatting .header h1 img {width: 170px;height: auto;}
.wrapper.floatting .header .header-floatting-content {display: block;position: absolute;right:50%;margin-right: -510px;}
.wrapper.floatting .header .header-floatting-content h2 {float: left;color:#FFFFFF;font-size: 22px;margin-right: 40px;}
.wrapper.floatting .header .header-floatting-content .info-contact {float: left;color:#6A5E53;margin-right: 40px;font-size: 14px;text-align: left;font-weight: bold;}
.wrapper.floatting .header .header-floatting-content .btn-contact {float: left;color:#6A5E53;border: 2px solid #6A5E53;padding:10px 30px;text-decoration: none;margin-right: 20px;font-weight: bold;}

/* === main === */

.main {max-width:1020px;color:#9F9F9F;text-align:left;margin:0px auto;padding-top:0px;background-color: #FFFFFF;}
.main a {color:#9F9F9F;font-weight:bold;text-decoration:none}
.main a:hover {text-decoration:underline}
.main p {padding-bottom:10px;font-size:13px;line-height: 18px;}
.main h1 {font-size:24px;}
.main h2 {font-size:20px;}

.main .main-content {padding-top: 10px;}
.main .layout-2-cols {padding-bottom: 20px;}
.main .layout-2-cols .col-1 {float: left;width: 48%;}
.main .layout-2-cols .col-2 {float: right;width: 48%;}
.main .layout-2-cols .col-2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.main .layout-1-col-center {text-align: center;margin-bottom: 20px;}

.main .separator {display: block;}
.main .block-blanc {padding-top: 30px}
.main .block-blanc .block-content {max-width: 640px;margin: 0 auto;}
.main .block-blanc h2 {color:#9f9f9f;}

.main .block-vert {background-color: #66C2CD;padding-top: 30px;color: #FFFFFF;}
.main .block-vert .block-content {max-width: 640px;margin: 0 auto;}
.main .block-vert h2 {color:#FFFFFF;}

.main p.legend {font-style: italic;text-align: right;font-family: Garamond, serif;font-size: 15px}

.main p.contenu-text {font-size: 14px;margin-bottom: 20px;line-height: 16px;text-align: justify}

.main .img-compo {margin-bottom: 40px;max-width: 100%;}
.main .img-logo {margin-bottom: 40px;max-width: 100%;margin-left: auto;;margin-right: auto;display: block;}

/* titre */

h2 {letter-spacing: 2px;margin-bottom: 20px;}
h2 strong {font-size: 38px;display: block;padding: 5px 0}
h2.bottom-title {padding-top:1px;letter-spacing: 1px;}
h2.top-title strong {font-size: 26px;padding-top: 1px;}
h2.bottom-title {padding-top: 40px;letter-spacing: 1px;margin-bottom:0}
h2.bottom-title strong {font-size: 26px;padding-top: 1px;}

h2.pilotebat-realize {font-size: 28px;}

/* graphique metier */

.main .graphique-metier {margin-bottom: 30px;margin-left: 10px;}


.main .graphique-metier .metier-cg {color:#f89764;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-cg .ruban {background-color:#f89764;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-cg .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #f89764;border-bottom: 17px solid #f89764;border-top: 17px solid #f89764;left:-17px;}


.main .graphique-metier .metier-pla {color:#EB5767;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-pla .ruban {background-color:#EB5767;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-pla .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #EB5767;border-bottom: 17px solid #EB5767;border-top: 17px solid #EB5767;left:-17px;}

.main .graphique-metier .metier-eco {color:#C2A1D8;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-eco .ruban {background-color:#C2A1D8;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-eco .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #C2A1D8;border-bottom: 17px solid #C2A1D8;border-top: 17px solid #C2A1D8;left:-17px;}

.main .graphique-metier .metier-moe {color:#D9C3B8;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-moe .ruban {background-color:#D9C3B8;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-moe .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #D9C3B8;border-bottom: 17px solid #D9C3B8;border-top: 17px solid #D9C3B8;left:-17px;}

.main .graphique-metier .metier-amo {color:#A1D26E;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-amo .ruban {background-color:#A1D26E;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-amo .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #A1D26E;border-bottom: 17px solid #A1D26E;border-top: 17px solid #A1D26E;left:-17px;}

.main .graphique-metier .metier-opc {color:#83B5E2;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-opc .ruban {background-color:#83B5E2;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-opc .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #83B5E2;border-bottom: 17px solid #83B5E2;border-top: 17px solid #83B5E2;left:-17px;}

.main .graphique-metier .metier-csps {color:#FECD5F;position: relative;margin-bottom: 5px;}
.main .graphique-metier .metier-csps .ruban {background-color:#FECD5F;height: 34px;width: 500px;color: #FFFFFF;display: inline-block;position: relative;text-align: right;font-size: 18px;line-height: 34px;padding-right:15px;}
.main .graphique-metier .metier-csps .ruban:before {content:" ";display: block;position: absolute;width: 0;border-left:17px solid transparent;border-right: 17px solid #FECD5F;border-bottom: 17px solid #FECD5F;border-top: 17px solid #FECD5F;left:-17px;}


.main .graphique-metier span {
    display: block;
    font-size: 47px;
    left: 494px;
    line-height: 37px;
    position: absolute;
    top: 0;
    font-family:"petitamediumregular",Arial,sans-serif;
    white-space: nowrap;
}


/* menu */

.menu-btn {position:absolute;top:40px;right:30px;cursor: pointer;color: #dcd6cf}
.menu-btn img {display:block;}
.menu-container {display: none;background-color: #dcd6cf;width:230px;height:450px;position: absolute;right:0;top:95px;white-space: nowrap;}
.menu-container a {text-decoration: none}
.menu-container li {text-align: left;padding-left:30px;}
.menu-container li.big-link a{color:#FFFFFF;text-transform: uppercase;margin-top: 30px; display: block;font-size:16px;font-family: "petitamediumregular",Arial,sans-serif;} 
.menu-container li.small-link a{color:#6a5e53;} 

.wrapper.floatting .menu-container {top:80px;left:0;width:100%;height: 125px}
.wrapper.floatting .menu-container .menu-content {max-width: 1020px;width:98%;margin: 0 auto;}
.wrapper.floatting .menu-container ul {float:left;}
.wrapper.floatting .menu-container li {text-align: left;padding-left:0px;width:250px}
.wrapper.floatting .menu-container li.big-link a {margin-top: 10px;}

.wrapper.floatting .header-floatting-content .menu-btn {position:static;float:right;color:#6a5e53;font-size: 9px;}


/* search box */

.header-floatting-content .search-box {float:right;position: relative;margin-right: 30px;}
.header-floatting-content .search-box input[type="text"] {width:240px;border:1px solid #8a7e73;margin:0;padding: 3px 0 3px 40px;}
.header-floatting-content .search-box button {position:absolute;top:0;left:0;border:0;background: transparent none;height: 25px;cursor: pointer;}

.header-floatting-content .search-box input::-webkit-input-placeholder { color:#bbbbbb;font-style: italic }
.header-floatting-content .search-box input::-moz-placeholder { color:#bbbbbb;font-style: italic }

/* === top content ==== */


/* equipe */

.equipe-top-text {text-align: justify;}
.equipe-table {margin: 30px 0;}
.equipe-table .equipe-table-line {position:relative;margin-bottom: 20px;}
.equipe-table .equipe-icon {float:left;display: block;width: 160px;height:110px;}
.equipe-table strong {font-size:80px;float:left;display:block;width: 135px;text-align: right;font-family:Arial,sans-serif;padding-top:4px;line-height: 60px}
.equipe-table .equipe-text {float:left;width: 310px;margin-left:20px;padding-top: 0px;text-align: justify;}
.equipe-table .equipe-text h3 {text-transform: uppercase;font-size: 18px;}

.equipe-table .equipe-permanent .equipe-icon {background: transparent url(../img/new/equipe_icone_expertise.png) no-repeat center center;}
.equipe-table .equipe-collaborateurs .equipe-icon {background: transparent url(../img/new/equipe_icone_collaborateurs.png) no-repeat center center;}
.equipe-table .equipe-anciennete .equipe-icon {background: transparent url(../img/new/equipe_icone_anciennete.png) no-repeat center center;}
.equipe-table .equipe-competences .equipe-icon {background: transparent url(../img/new/equipe_icone_competences.png) no-repeat center center;}

/* clients */
.client_logo_list {margin-bottom: 40px}
.client_logo_list ul {list-style: none inside}
.client_logo_list ul li {float: left;width: 25%;text-align: center;margin: 20px 0;min-height: 40px;}
.client_logo_list ul li img {max-width: 100%;}

.client-top-text {text-align: justify;}

/* couverture */
.couverture-map-container {margin-bottom: 20px;}
.couverture-map-container .couverture-map {float: left;}
.couverture-map-container .couverture-agence {float: right;padding-top:40px;}

/* metier */

.metiers-full-list {margin: 30px auto;}
.metier-item {margin-bottom: 15px;}
.metier-item .metier-item-left {float:left;width:25%;text-align: right;padding-left:40px}
.metier-item .metier-item-right {float:right;width:70%;text-align: justify;padding-bottom: 15px;;padding-top: 15px;border-left: 5px solid #CCCCCC;padding-left: 15px;padding-right:40px}
.metier-item h3 {font-size:36px;padding-top: 15px;font-weight:bold;white-space: nowrap;line-height: 32px;}
.metier-item span {font-size: 14px}

.metier-item.metier-cg .metier-item-left{color:#f89764;}
.metier-item.metier-cg .metier-item-right {border-left-color:#f89764 }
.metier-item.metier-pla .metier-item-left{color:#EB5767;}
.metier-item.metier-pla .metier-item-right {border-left-color:#EB5767 }
.metier-item.metier-eco .metier-item-left{color:#C2A1D8;}
.metier-item.metier-eco .metier-item-right {border-left-color:#C2A1D8 }
.metier-item.metier-moe .metier-item-left{color:#D9C3B8;}
.metier-item.metier-moe .metier-item-right {border-left-color:#D9C3B8 }
.metier-item.metier-amo .metier-item-left{color:#A1D26E;}
.metier-item.metier-amo .metier-item-right {border-left-color:#A1D26E }
.metier-item.metier-opc .metier-item-left{color:#83B5E2;}
.metier-item.metier-opc .metier-item-right {border-left-color:#83B5E2 }
.metier-item.metier-csps .metier-item-left{color:#FECD5F;}
.metier-item.metier-csps .metier-item-right {border-left-color:#FECD5F }

/* projets */
h3.type-projet {font-size: 18px;line-height: 24px;margin-bottom: 10px;}
h3.type-projet a {font-weight: normal;}

/* realisations */

.filter-container {margin: 20px auto;max-width: 915px;}
.filter-container .all-our-projects {text-transform: uppercase;float: left;font-weight: bold;font-size:14px;padding:5px 0; }
.filter-container .show-filter-btn {    
    border: 2px solid #64bf9e;
    color: #64bf9e;
    display: block;
    font-size: 10px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px;
    float: right;
    cursor: pointer;
    background-color: #FFFFFF;
}
.filter-container .filters {clear: both;display: none;border: 2px solid #ddd6d0;padding: 20px 20px;margin: 15px 0;position: relative}
.filter-container .filters .filters-left {float:left;width:50%;min-height: 200px;border-right:1px solid #cccccc;}

.filter-container .filters .filters-right {float:right;width:49%;}
.filter-container .filters h3 {text-align: center;margin-bottom: 20px}

.filter-container .filters .filters-right h3 {margin-bottom: 80px;}
.filter-container .filters .filters-right input {display:block;max-width: 300px;width: 90%;margin: 20px auto;border: 1px solid #64bf9e;padding: 5px 10px;}
.filter-container .filters .filters-right select {display:block;max-width: 300px;width: 90%;margin: 20px auto;border: 1px solid #64bf9e;padding: 5px 10px;}


.filter-container .filters button[type="submit"] {
    border: 2px solid #64bf9e;
    color: #64bf9e;
    cursor: pointer;
    display: block;
    font-size: 10px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px;
    margin: 15px auto;
    background-color: #FFFFFF;
}

.filter-link-national {cursor: pointer;text-decoration:underline;position: absolute;bottom: 20px;left: 20px}
.filter-link-all-project {cursor: pointer;text-decoration:underline;float:right;position: absolute;bottom: 20px;right: 20px}

.filter-container .filters .filter-map {position: relative;text-align: center;margin-right:20px;}
.filter-container .filters .filter-map-national {max-width: 100%}
.filter-container .filters .filter-map-idf {max-width: 100%;display: none;}
.filter-container .filters .filter-map-nordest {max-width: 100%;display: none;}
.filter-container .filters .filter-map-nordouest {max-width: 100%;display: none;}
.filter-container .filters .filter-map-sudest {max-width: 100%;display: none;}
.filter-container .filters .filter-map-sudouest {max-width: 100%;display: none;}

.projet-list-container {margin: 20px auto;max-width: 945px;}
.projet-list-container ul {}
.projet-list-container ul li.item {float:left;width:285px;height:400px;border: 1px solid #dcd6cf;margin:0 15px 40px 15px; }
.projet-list-container ul li.item .project-image-link {display:block;height: 284px;width:100%;background: #dcd6cf url(../img/new/project_placeholder.png) no-repeat center top;background-size: cover;}

.projet-list-container ul li.item .project-info {text-align: center;position: relative;display: block;border-top: 1px solid #dcd6cf;height: 115px;}
.projet-list-container ul li.item .project-info:hover {text-decoration: none;}
.projet-list-container ul li.item .project-info h4.project-name {margin-top:10px;font-weight: bold;text-transform: uppercase;font-size:14px;letter-spacing: 1px;}
.projet-list-container ul li.item .project-info h5.project-client {font-weight: normal;}

.projet-list-container ul li.item .project-info .project-typologie {position: absolute;left:0;bottom: 26px;width: 100%;font-weight: normal;}
.projet-list-container ul li.item .project-info .project-metier {position: absolute;left:0;bottom: 10px;width: 100%}
.projet-list-container ul li.item .project-info .project-metier .metier-cg {color:#f89764;}
.projet-list-container ul li.item .project-info .project-metier .metier-pla {color:#EB5767;}
.projet-list-container ul li.item .project-info .project-metier .metier-eco {color:#C2A1D8;}
.projet-list-container ul li.item .project-info .project-metier .metier-moe {color:#D9C3B8;}
.projet-list-container ul li.item .project-info .project-metier .metier-amo {color:#A1D26E;}
.projet-list-container ul li.item .project-info .project-metier .metier-opc {color:#83B5E2;}
.projet-list-container ul li.item .project-info .project-metier .metier-opc-opcb {color:#83B5E2;}
.projet-list-container ul li.item .project-info .project-metier .metier-csps {color:#FECD5F;}

.projet-list-container ul li.item.visible {}

.project-view h2 {font-family:"petitamediumregular",Arial,sans-serif;margin:10px 0 20px;text-transform: uppercase;font-size: 24px;font-weight: bold;text-align: center;}
.project-view {color: #9f9f9f;font-size: 12px;}
.project-view .project-field {font-weight: bold;margin-bottom: 10px;}
.project-view .project-field .label {color:#dcd6cf;display: inline-block;width: 150px;}
.project-view .description {margin: 20px 0 20px;}
.project-view .close-button {text-align: center;text-transform: uppercase;text-decoration: none;color:#64bf9e;border:2px solid #64bf9e;display: block;margin: 10px auto;padding: 5px 10px;width:150px;font-size: 10px;}

.project-view .layout-2-cols {padding-bottom: 20px;}
.project-view .layout-2-cols .col-1 {float: left;width: 49%;}
.project-view .layout-2-cols .col-2 {float: right;width: 49%;}
.project-view .layout-2-cols .col-2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.project-view .metier-cg {color:#f89764;}
.project-view .metier-pla {color:#EB5767;}
.project-view .metier-eco {color:#C2A1D8;}
.project-view .metier-moe {color:#D9C3B8;}
.project-view .metier-amo {color:#A1D26E;}
.project-view .metier-opc {color:#83B5E2;}
.project-view .metier-opc-opcb {color:#83B5E2;}
.project-view .metier-csps {color:#FECD5F;}



.no-result {text-align: center;display: none;}

/* footer */

.footer {max-width:1020px;color:#9F9F9F;text-align:left;margin:0px auto;padding:20px 0 30px;background-color: #FFFFFF;}
.footer img {display: block;margin: 0 auto;}
.footer .address {text-align: center;margin-bottom: 20px;margin-top: 10px;}
.footer .address a {color: #66c2cd}


.footer .copyright {margin-top: 80px;color:#9f9f9f;text-align: center;}
.footer .copyright a {text-decoration: underline;color: #9f9f9f}


/* == ajax pop + project apercu == */

.ajax-container {
    display:none;
    z-index: 1010;
    position: absolute;
    top:10%;
    width:1000px;    
    background-color: #FFFFFF;
    padding: 40px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    min-height: 200px;
    left:50%;
    margin-left: -500px;
    box-sizing: border-box;
}

.ajax-mask {display: none;background-color: rgba(0,0,0,0.5);position: fixed;left: 0;top:0;height: 100%;width: 100%;z-index: 1000}

.ajax-close {position: absolute;right: 10px;top: 10px;color: #AAAAAA;}


.mini-pictures {}
.mini-pictures li {width:60px;height:60px;overflow:hidden;border-radius: 60px;display:inline-block;margin-right:20px;cursor: pointer;}
.mini-pictures li img {height: 60px;min-width: 60px;width:auto;}

.big-image {margin-bottom: 20px;}
.project-view-content .placeholder {background-color: #dcd6cf; width:100%;text-align: center;}

/* form contact */

.contact-form-container {position:relative;}
.contact-form-container input[type="text"],.contact-form-container input[type="email"] {display:block;width:100%;max-width: 400px;border:1px solid #ddd6d0;margin-bottom: 5px;height:30px;padding-left:5px;}
.contact-form-container input:-webkit-input-placeholder {color:#ddd6d0}
.contact-form-container input:-moz-placeholder {color:#ddd6d0}
.contact-form-container select {display:block;width:100%;max-width: 400px;border:1px solid #ddd6d0;margin-bottom: 5px;height:30px;padding-left:5px;}
.contact-form-container textarea {border:1px solid #ddd6d0;margin-bottom: 10px;display:block;width:100%;max-width: 600px;}
.contact-form-container input[type="file"] {display:block;width:100%;max-width: 400px;margin-bottom: 5px;height:30px;padding-left:5px;}

.contact-form-container .submit-button {
    border: 2px solid #66c2cd;
    color: #66c2cd;
    display: block;
    font-size: 12px;
    margin: 10px auto;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.contact-form-container .post-code {float:left;width:100px;margin-right:5px}
.contact-form-container .ville {float:left;width:295px;}

.contact-form-container .form-text-right {position:absolute;left:450px;top:20px;font-style:italic;text-align: left;}
.contact-file-cv {margin-bottom: 10px}


/* philo */

.philo-table {margin-top: 40px;}
.philo-table .philo-table-line {position:relative;margin-bottom: 40px;}
.philo-table .philo-icon {float:left;display: block;width: 178px;height:178px;}
.philo-table strong {font-size:80px;float:left;display:block;width: 135px;text-align: right;font-family:Arial,sans-serif;padding-top:7px;}
.philo-table .philo-text {float:left;width: 440px;margin-left:20px;padding-top: 0px;text-align: justify}
.philo-table .philo-text h3 {text-transform: uppercase;font-size: 20px;margin-bottom:20px;}

.philo-table .philo-satisfaction .philo-icon {background: transparent url(../img/new/philosophie_icone1.png) no-repeat center center;}
.philo-table .philo-collaborateurs .philo-icon {background: transparent url(../img/new/philosophie_icone2.png) no-repeat center center;}
.philo-table .philo-avenir .philo-icon {background: transparent url(../img/new/philosophie_icone3.png) no-repeat center center;}

.philosophie-bottom {text-align: center;}
.philosophie-bottom h3 {text-transform: uppercase;font-size: 20px;margin-bottom:20px;}



.historique-top-text {text-align: justify;}
.historique-bottom-text {text-align: justify;}


/* methodologie */

.methodologie-middle-text {text-align: justify}
.methodologie-bottom-text {text-align: justify}

/* flash-message */

.flash-message {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-size: 18px;
    left: 50%;
    margin-left: -200px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 200px;
    width: 400px;
}



/* btn-link */

a.btn-next-link {color:#66c2cd;padding:5px 10px;border:2px solid #66c2cd;font-size: 10px;display: block;margin: 10px 0 0;text-transform: uppercase;text-align: center;width: 100px;}
a.btn-next-link.white {color:#FFFFFF;border:2px solid #FFFFFF;}
a.btn-next-link.center {margin: 10px auto 0}


/* ===== MOBILE ===== */

@media screen and (max-width: 1020px)
{    
    .wrapper.floatting .header h1 {left:5px;margin-left: 0;}
    .wrapper.floatting .header .header-floatting-content {right: 5px;margin-right: 0;}
    
    .main .graphique-metier .ruban {width:400px!important;}
    .main .graphique-metier span {left: 394px}
    
    .top-content img {height: 100%;}
    .wrapper.floatting .header .header-floatting-content .info-contact a {color: #66c2cd}
    
    
    .filter-container {margin: 20px auto;max-width: 620px;}
    .projet-list-container {margin: 20px auto;max-width: 900px;}
    .projet-list-container ul li.item:nth-child(3n) {margin-right: 30px;clear: both}
    .projet-list-container ul li.item:nth-child(2n) {margin-right: 0px;clear: none;}
    
    
    .ajax-container {
        width:650px;
        left:5%;
        margin-left: 0;
    }
        
}



@media screen and (max-width: 480px)
{ 
    
    .block-content {font-size: 20px;}
}


@media (max-width: 768px) {
	.wrapper {
		min-width: 300px;
	}
	
	.header h1 img {
		max-width: 200px;
		height:auto;
	}
	
	
	.main .block-blanc {padding-left: 10px;padding-right:10px;}
	.main .block-vert {padding-left: 10px;padding-right:10px;}
	
	
	
	.main .layout-2-cols .col-1 {
  float: none;
  width: 100%;
  font-size: 16px;
}

.main .layout-2-cols .col-2 {
  float: none;
  width: 100%;
  font-size: 16px;
}
	
	
	.main .graphique-metier .ruban {
		width: 350px!important;
		font-size: 16px!important;
	}
	
	.main .graphique-metier span {display:none;}
	
	
	.equipe-table {}
	.equipe-table .equipe-icon {
	  float: none;
	  display: block;
	  width: 70px;
	  height: 70px;
	  background-size: 100% auto !important;
	  margin: 0 auto;
	}
	
	.equipe-table strong {
		float: none;
		display: block;
		font-size: 40px;
		margin: 0 auto;
		text-align:center;
	}
	.equipe-table .equipe-text h3 {
		text-align:center;
	}
	
	
	.philo-table .philo-text {
		float: none;
width: 100%;
margin-left: 0;
	}
	
	.philo-table .philo-table-line .philo-icon {
	  float: none;
	  display: block;
	  width: 70px;
	  height: 70px;
	  background-size: 100% auto !important;
	  margin: 0 auto;
	}
	
	.philo-table .philo-text h3 {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 20px;
  max-width: 325px;
  text-align: left;
  overflow: auto;
  word-wrap: break-word;
}
	
}