@font-face {
    font-family: 'novecento_sans_widebook';
    src: url('font/synthview_-_novecento_sans_wide_book-webfont.eot');
    src: url('font/synthview_-_novecento_sans_wide_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/synthview_-_novecento_sans_wide_book-webfont.woff') format('woff'),
         url('font/synthview_-_novecento_sans_wide_book-webfont.ttf') format('truetype'),
         url('font/synthview_-_novecento_sans_wide_book-webfont.svg#novecento_sans_widebook') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'novecento_sans_widelight';
    src: url('font/synthview_-_novecento_sans_wide_light-webfont.eot');
    src: url('font/synthview_-_novecento_sans_wide_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/synthview_-_novecento_sans_wide_light-webfont.woff') format('woff'),
         url('font/synthview_-_novecento_sans_wide_light-webfont.ttf') format('truetype'),
         url('font/synthview_-_novecento_sans_wide_light-webfont.svg#novecento_sans_widelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento_sans_widenormal';
    src: url('font/synthview_-_novecento_sans_wide_normal-webfont.eot');
    src: url('font/synthview_-_novecento_sans_wide_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/synthview_-_novecento_sans_wide_normal-webfont.woff') format('woff'),
         url('font/synthview_-_novecento_sans_wide_normal-webfont.ttf') format('truetype'),
         url('font/synthview_-_novecento_sans_wide_normal-webfont.svg#novecento_sans_widenormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'novecento_sans_widemedium';
    src: url('font/novecentosanswide-medium-webfont.eot');
    src: url('font/novecentosanswide-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/novecentosanswide-medium-webfont.woff') format('woff'),
         url('font/novecentosanswide-medium-webfont.ttf') format('truetype'),
         url('font/novecentosanswide-medium-webfont.svg#novecento_sans_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Montserrat', sans-serif;
}


body {
font-family: calibri;
font-weight:  light;
}

header {
width: 100%;
}

.centre {
width: 1151px;
margin: auto;
}


#logo {
width: 235px;
height: 111px;
background-repeat: repeat;
margin: auto;
margin-top: 25px;
margin-bottom: 30px;
}

nav{
width: 100%;
display: inline-block;
text-align: center;
font-family: 'montserrat';
font-weight: bold;
background-color: black;
}

#navigation {
overflow: hidden;
}

#navigation li > a{
float: left;
font-size: 17px;
color: #fefefe;
padding-bottom: 20px;
padding-top: 22px;
width: 33%;
text-align: center;
border-left: 1px solid #2b2b2b;
background-color: black;
display: inline-block;
border-bottom: 2px solid #000000 ;
}

.fa  {
text-align: center ! important;
font-size: 30px;
display: none ! important;
}

#navigation li > a:last-child {
border-right: 1px solid #2b2b2b;
}

#navigation li > a:hover {
background-color: #2d2c2c;
border-bottom: 2px solid #C19812;
}

#navigation #encours > a {
background-color: #2d2c2c;
border-bottom: 2px solid #C19812;
display: inline-block;
text-align: center;
}



.menuMobile {
display: none;
}

#imagePrincipale {
width: 100%;
padding-top: 170px;
padding-bottom: 170px;
background-image: url("../images/images-principales-slide.jpg");
background-repeat: none;
background-color: black;
background-position: center;
}

.TitreMobile {
display: none;
}

.centreimagePrincipale {
position: relative;
width: 1152px;
margin: auto;
}

.mobileFirst {
display: none;
}


.image {
width: 100%;
height: auto;
z-index: 9998;
}

.titreIndex {
font-family: 'Montserrat';
font-weight: bold;
color: white;
font-size: 32px;
z-index: 9999;
text-align: center;
}

#content {
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
}

.texteIndexGauche {
float: left;
width: 857px;
}

.texteConcept {
font-family: calibri;
font-size: 18px;
line-height: 22px;
}

.titreTheme {
text-align: center;
font-family: 'Montserrat';
font-weight: bold;
margin-bottom: 8px;
color: #4c4c4c;
font-size: 35px;
}

.sousTitreTheme {
width: 100%;
background-image: url("../images/trait-titre.png");
background-repeat: repeat-x;
background-position: center;
text-align: center;
font-size: 24px;
color: #4c4c4c ! important;
font-weight: bold ! important;
}


.TitrePartenaire > span {
padding: 25px;
padding-top: 0;
padding-bottom: 0;
background-color: #fff;
font-size: 35px;
color: #4c4c4c ! important;
font-family: 'Montserrat';
}


.TitrePartenaire {
width: 100%;
background-image: url("../images/trait-titre.png");
background-repeat: repeat-x;
background-position: center;
text-align: center;
font-size: 24px;
color: #4c4c4c ! important;
margin-top: 10px;
margin-bottom: 25px;
}


.sousTitreTheme > span {
padding: 25px;
padding-top: 0;
padding-bottom: 0;
background-color: #fff;
font-size: 24px;
color: #456DA0 ! important;
font-family: 'Montserrat';
}

.edition {
font-family: 'Montserrat';
font-weight: bold;
font-size: 50px;
color: #fff;
text-align: center;
margin-bottom: 5px;
}

.edition > sup {
font-size: 20px;
}

.éditionSousTitre {
font-family: 'Montserrat';
font-size: 24px;
color: #fff;
text-align: center;
margin-bottom: 5px;
font-weight: normal ! important;
}



#triangles {
float:left;
width: 286px;
}

.theme {
margin-top: 25px;
margin-bottom: 50px;
}


.verite {
width: 276px;
padding-top: 188px;
padding-bottom: 18px;
background-color: #C19812;
float: left;
font-weight: normal ! important;
}

.valeurs {
font-family: 'Montserrat';
font-size: 40px;
color: white;
padding-left: 20px;
 font-weight: normal ! important;
}

.valeurs2 {
font-family: 'Montserrat';
font-size: 40px;
color: white;
padding-left: 20px;
 font-weight: normal ! important;
}

.ouverture {
background-image: url("../images/ouverture.jpg");
width: 277px;
height: 286px;
float: left;
margin-left: 12px;
}

.grandJournal {
background-image: url("../images/grand-journal.jpg");
width: 574px;
height: 286px;
float: left;
margin-left: 12px;
}

.workshop {
background-image: url("../images/ateliers.jpg");
width: 566px;
height: 286px;
float: left;
}

.atelier {
background-image: url("../images/retex.jpg");
width: 277px;
height: 286px;
float: left;
margin-left: 12px;
}

.partage {
width: 284px;
padding-top: 188px;
padding-bottom: 18px;
background-color: #456DA0;
float: left;
margin-left: 12px;
}

.tableRonde {
background-image: url("../images/table-ronde.jpg");
width: 277px;
height: 286px;
float: left;
}

.expertise  {
width: 276px;
padding-top: 228px;
padding-bottom: 18px;
background-color: #071B5A;
float: left;
margin-left: 12px;
}

.rencontre {
background-image: url("../images/speed-meeting.jpg");
width: 574px;
height: 286px;
float: left;
margin-left: 12px;
}

.soireeBlanche {
background-image: url("../images/soiree-blanche.jpg");
width: 566px;
height: 286px;
float: left;
}

.dejeuner {
background-image: url("../images/dejeuner.jpg");
width: 277px;
height: 286px;
float: left;
margin-left: 12px;
}

.convivialite  {
width: 284px;
padding-top: 228px;
padding-bottom: 18px;
background-color: #C19812;
float: left;
margin-left: 12px;
}

.colonneValeur {
margin-bottom: 12px;
overflow: hidden;
}


.sousTitre {
font-family: 'Montserrat';
font-size: 50px;
color: #303030;
margin-bottom: 35px;
font-weight: normal ! important;
}

#bandeRose {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #C19812;
}

.titreDixAns {
width: 350px;
margin: auto;
text-align: center;
}

.imagesTitre {
width: 100%;
max-height: auto;
}

.fleche {
width: 70px;
height: 28px;
margin: auto;
}

#btn_up {
    cursor: pointer;
	background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 0 0;
    bottom: 48px;
    color: rgb(74, 82, 85);
    display: none;
    padding: 10px 14px 6px;
    position: fixed;
    right: 15px;
	z-index: 9999;
}

#btn_up:after {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 34px;
    top: -55px;
    width: 54px;
}

#couverture {
width: 100%;
padding-bottom: 10px;
margin-top: 12px;
}

.titrePartenaire {
margin-top: 30px;
margin-bottom: 30px;
}

.titre-partenaire {
font-family: 'Montserrat';
font-size: 28px;
margin-top: 35px;
color: #7f8081;
}

.TitreEspaceMembre {
font-size: 25px;
margin-bottom: 25px;
}

.deco {
width: 100%;
text-align: center;
padding:15px;
border: 2px solid #00c0f3;
font-family: 'Montserrat';
font-size: 20px;
margin-top: 15px;
display: block;
}

.deco:hover {
border: 2px solid #f172ac;
}


p {
font-size: 16px;
line-height: 18px;
}



.min {
font-size:15px;
}


.og-grid {
    list-style: none outside none;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 1152px;
}
.og-grid li {
background-color: #f1f2f4;
margin-bottom: 18px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}

.og-grid li:nth-child(4n+1){
margin-right: 8px;
}

.opacite {
    opacity: 1;
    transition: opacity 0.25s ease-in-out 0s;
}
.opacite:hover {
    opacity: 0.7;
}

.cache {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 80px;
    position: absolute;
    width: 80px;
}


.temporaire {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;

}




.og-grid li > a, .og-grid li > a img {
    border: medium none;
    display: block;
    outline: medium none;
    overflow: hidden;
    position: relative;
 }


.og-grid li .item .platinium {
    background: url("../images/plus.png") no-repeat scroll right bottom #071B5A;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-size: 20px;
    height: 263px;
    opacity: 0;
    padding-top: 129px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 274px;
    z-index: 20;
	}
	
	

.og-grid li .current .item .platinium{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
    opacity: 0.99 !important;
    visibility: visible !important;
}
.og-grid li .item:hover .platinium, .og-grid li  .item:focus .platinium {
    opacity: 0.99;
    visibility: visible;
}

.og-grid li .item .prenium{
    background: url("../images/plus.png") no-repeat scroll right bottom #C19812 ;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-size: 20px;
    height: 263px;
    opacity: 0;
    padding-top: 129px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 274px;
    z-index: 20;
	}
	
	

.og-grid li .current .item .prenium{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
    opacity: 0.99 !important;
    visibility: visible !important;
}
.og-grid li .item:hover .prenium, .og-grid li  .item:focus .prenium {
    opacity: 0.99;
    visibility: visible;
}

.og-grid li .item .associe{
    background: url("../images/plus.png") no-repeat scroll right bottom #4CC6F3 ;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-size: 20px;
    height: 263px;
    opacity: 0;
    padding-top: 129px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 274px;
    z-index: 20;
	}
	
	

.og-grid li .current .item .associe{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
    opacity: 0.99 !important;
    visibility: visible !important;
}
.og-grid li .item:hover .associe, .og-grid li  .item:focus .associe {
    opacity: 0.99;
    visibility: visible;
    background-color: #4CC6F3;
}

.og-grid li .item .silver{
    background: url("../images/plus.png") no-repeat scroll right bottom #49a0b8 ;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-size: 20px;
    height: 263px;
    opacity: 0;
    padding-top: 129px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 274px;
    z-index: 20;
    }
    
    

.og-grid li .current .item .silver{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
    opacity: 0.99 !important;
    visibility: visible !important;
}
.og-grid li .item:hover .silver, .og-grid li  .item:focus .silver {
    opacity: 0.99;
    visibility: visible;
    background-color: #49a0b8;
}



.og-grid li .item .elite {
    background: url("../images/plus.png") no-repeat scroll right bottom #FF0000;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-size: 20px;
    height: 263px;
    opacity: 0;
    padding-top: 129px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 274px;
    z-index: 20;
	}
	
	

.og-grid li .current .item .elite{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50);
    opacity: 0.99 !important;
    visibility: visible !important;
}
.og-grid li .item:hover .elite, .og-grid li  .item:focus .elite {
    opacity: 0.99;
    visibility: visible;
}

.og-grid li.og-expanded > a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2c3e79;
    border-image: none;
    border-style: solid;
    border-width: 33px;
    content: " ";
    height: 0;
    left: 50%;
    margin: -52px 0 0 -23px;
    pointer-events: none;
    position: absolute;
    top: auto;
    width: 0;
	z-index: 30;
    font-family: 'Montserrat';
}
.og-expander {
    background: none repeat scroll 0 0 #DDDDDD;
    height: 0;
    left: 0;
    margin-top: 0px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: auto;
    width: 100%;
}
.og-expander-inner {
    background: none repeat scroll 0 0 #2c3e79;
    height: 100%;
    padding: 50px 30px;
}
.og-close {
 background: url("../images/croix.png");
 background-repeat: no-repeat;
    cursor: pointer;
    height: 33px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 33px;
}
.og-close:before, .og-close:after {
    background: none ;
    transform: rotate(45deg);
    width: 0%;
}
.og-close:after {
    transform: rotate(-45deg);
}
.og-close:hover:before, .og-close:hover:after {
    background: none repeat scroll 0 0 #2C3E79;
}
.og-fullimg, .og-details {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 50%;
}
.og-details {
    padding: 0 40px 0 20px;
}
.og-fullimg {
    text-align: center;
}
.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
.og-details h3 {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 34px;
    margin-bottom: 10px;
    padding: 10px 0 8px;
}
@-moz-document url-prefix("") {
.og-details h3 {   
    font-family: 'Montserrat';
    color: #fff;
    font-size: 34px;
    font-weight: 100;
    margin-bottom: 10px;
    padding: 10px 0 8px;
}
}
@-moz-document url-prefix("") {
.og-details h4 {
    color: #BBB9B9;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 2px;
    padding-top: 10px;
}
}
.og-details h4 {
    color: #BBB9B9;
    font-family: 'Montserrat';
    font-style: bold;
    font-size: 18px;
    margin-bottom: 2px;
    padding-top: 10px;
}
.og-details h5 {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
.og-details h6 {
    background: none repeat scroll 0 0 #ABB9D5;
    color: #FFFFFF;
    display: inline-block !important;
    float: none !important;
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: 10px;
    outline: medium none !important;
    padding: 12px 15px;
    text-transform: uppercase;
}
.og-details p {
    color: #e3e5ed;
    font-size: 16px;
	line-height: 18px;
    font-weight: 400;
}
.graphisme a {
    background: none repeat scroll 0 0 #FFFFFF !important;
    font-size: 0 !important;
}
.og-details a {
    background: none repeat scroll 0 0 #01BCEE;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 17px;
    margin: 30px 0 0;
    outline: medium none;
    padding: 15px 20px 15px;
    text-transform: uppercase;
}
.og-details a:hover {
    background: none repeat scroll 0 0 #000000;
    border-color: #999999;
}
.og-loading {
    animation: 0.5s ease-in-out 0s normal both infinite loader;
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #CCCCCC, -15px 30px 1px #CCCCCC;
    height: 20px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 20px;
}
@-moz-keyframes loader {
0% {
    background: none repeat scroll 0 0 #DDDDDD;
}
33% {
    background: none repeat scroll 0 0 #CCCCCC;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #CCCCCC, -15px 30px 1px #DDDDDD;
}
66% {
    background: none repeat scroll 0 0 #CCCCCC;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #DDDDDD, -15px 30px 1px #CCCCCC;
}
}
@-moz-keyframes loader {
0% {
    background: none repeat scroll 0 0 #DDDDDD;
}
33% {
    background: none repeat scroll 0 0 #CCCCCC;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #CCCCCC, -15px 30px 1px #DDDDDD;
}
66% {
    background: none repeat scroll 0 0 #CCCCCC;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #DDDDDD, -15px 30px 1px #CCCCCC;
}
}



@media screen and (max-width: 830px) {
.og-expander h3 {
    font-size: 32px;
}
.og-expander p {
    font-size: 13px;
}
.og-expander a {
    font-size: 12px;
}
}


.avantFooter {
width: 100%;
padding: 150px;
background-color: #0f0f0f;
margin-top: 85px;
}

footer {
width: 100%;
background-color: #000000;
padding-top: 35px;
padding-bottom: 35px;
}

.texteFooter {
color: #9b9c9c;
font-size: 14px;
}

.mobile {
display: none;
}

#overlay{ /* we set all of the properties for are overlay */
    height:80%;
    width:80%;
    margin:0 auto;
    background-color:#F1F2F4 ! important;
    padding:10px;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    display:none;
  
}

#mask{ /* create are mask */
    position:fixed;
	background-color:#F1F2F4! important;
    top:0;
    left:0;
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find are mask */
#overlay:target, #overlay:target + #mask{
    display:block;
    opacity:1;
}
.close{
}


#open-overlay{ /* open the overlay */
}

.titrePopup {
font-family: 'Montserrat';
color: #fff;
font-size: 30px;
text-align: left;
margin-top: 20px;
margin-bottom: 30px;
}

.textePopup {
color: #fff;
font-family: calibri;
font-size: 16px;
line-height: 18px;
text-align: left;
}

.centrePopup {
width: 800px;
margin: auto;
padding-top: 3% ! important;
}


#overlay{ /* we set all of the properties for are overlay */
    height:100%;
    width:100%;
    margin:0 auto;
    background-color:#1a1a1a;

    padding:10px;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    display:none;
  
}

#mask{ /* create are mask */
    position:fixed;
	background-color:#1a1a1a;
    top:0;
    left:0;
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find are mask */
#overlay:target, #overlay:target + #mask{
    display:block;
    opacity:1;
}


.titrePopup {
font-family: 'Montserrat';
text-align: center;
color: #fff;
font-size: 30px;
text-align: left;
margin-top: 20px;
margin-bottom: 30px;
}

.textePopup {
color: #fff;
font-family: calibri;
font-size: 16px;
line-height: 18px;
text-align: left;
}

.centrePopup {
width: 800px;
margin: auto;
padding-top: 10%;
}

.tablette {
display: none;
}


.trombiSolo {
background-color: #f1f2f4;
padding: 20px;
width: 373px ! important;
float: left ! important;
margin-right: 16px! important;
margin-bottom: 20px;
}

.trombiSolo:nth-child(3){
margin-right: 0px! important;
}

.trombiSolo:nth-child(6){
margin-right: 0px! important;
}


.trombiSolo:nth-child(9){
margin-right: 0px! important;
}

.trombiSolo:nth-child(12){
margin-right: 0px! important;
}

.trombiSolo:nth-child(15){
margin-right: 0px! important;
}

.imageTrombi {
float: left ! important;
margin-right: 20px;
}

.imageTrombi {
float: left ! important;
margin-right: 20px;
}

.Nom {
float: left ! important;
font-family: 'Montserrat';
font-size: 18px;
color: #000000;
font-weight: bold;
}

.Prenom {
float: left ! important;
font-family: 'Montserrat';
font-size: 18px;
color: #505051;
margin-right: 5px;
}


.Societe {
font-size: 15px;
color: #505051;
margin-top: 8px;
font-family: 'Montserrat';
}


.TrombiTexte {
float: left ! important;
width: 202px;
}


.trombi {
margin-top: 60px;
}


.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
}


.tabs nav {
	text-align: center;
	background-color: white ! important;
    display: inline-block;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	background-color: white ! important;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: inline-block;
	float: left;
	position: relative;
	font-family: 'Montserrat';
}

.tabs nav li.tab-current {
	border: 1px solid #C19812;
	box-shadow: inset 0 2px #C19812;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #C19812;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	display: block;
	font-size: 18px;
	padding: 15px;
	padding-right: 20px;
	padding-left: 20px;
	white-space: nowrap;
}

.tabs nav :hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}


.content section {
	display: none;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}


.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.mediabox {
width: 100%;
}

.pagination {
text-align: center;
text-transform: uppercase;
margin-top: 40px;
}


.pagination li {
display: inline ! important;
border-right: 1px solid #3bc0f3;
padding-right: 10px;
padding-left: 10px;
}


.pagination li:last-child{
border-right: 0px solid #3bc0f3;
}


.tempo {
text-align: center;
margin-top: 60px;
margin-bottom: 100px;
}

.tempo2 {
text-align: center;
margin-top: 60px;
margin-bottom: 30px;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

 #slidecontent {
  max-width: 1120px;
  _width: 1120px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  margin-top: 150px;
  }
  
  
.rslides {
  margin: 0 auto;
  }

.rslides_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 40px;
  margin-top:55px ! important;
  }
  
  .container1 {
  width: 717px;
  margin-top: 150px;
  float: left;
  }
  
  .container2 {
  width: 411px;
  margin-top: 50px;
  float: left;
  margin-left: 16px;
  }
  
  .images {
  max-width: 100%;
	height: auto;
  }
  
  .conteneurpage {
  overflow: hidden;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/fleches.png") no-repeat left top;
  margin-top: -45px;
  opacity: 0.5;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  }
  
  .centered-btns_nav:hover {
   opacity: 1;

  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("fleches.png") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  background: #4BC5F4;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 15px;
  height: 15px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #4BC5F4;
  background: #4BC5F4;
  }

  .ateliers  {
  margin-top: 60px;
  }
  
  .ateliers li {
  background-color: #f1f2f4;
  padding: 18px;
  padding-top: 22px;
  padding-bottom: 22px;
  max-width: 372px ! important;
  min-width: 372px ! important;
  margin-right: 16px;
  margin-bottom: 16px;
  float: left;
  height:352px;
  }
  
  .telechargement {
  text-decoration: underline ! important;
  color: #006cb5 ! important;
  }
  
  .ateliers li:nth-child(3){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(6){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(9){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(12){
  margin-right: 0px;
  }
  
  
  .ateliers li:nth-child(15){
  margin-right: 0px;
  }
  
   .ateliers li:nth-child(18){
  margin-right: 0px;
  }
  
     .ateliers li:nth-child(21){
  margin-right: 0px;
  }
  
    .ateliers li:last-child{
  margin-right: 0px;
  }
  
  .titreAtelier {
  color:#434242;
  font-family: 'Montserrat';
  font-size: 25px;
  }
  
  
  .carreTexte {
   margin-top: 22px;
  }
  
  .carreTexte2 {
   margin-top: 15px;
  }

  
  .sousTitreAtelier {
  color:#C19812;
  font-family: 'Montserrat';
  font-size: 18px;
  margin-bottom: 8px;
  }
  
  .texteAtelier {
  font-family: calibri;
  font-size: 17px;
  line-height: 19px;
   color:#434242;
   
  }
  
  #journee {
  margin-top: 60px;
  }
  
  
  
  #journee li {
  float: left;
  width: 370px;
  margin-right: 20px;
  }
  
  #journee li:last-child{
  margin-right: 0px ! important;
  }
  
  .jour {
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Montserrat';
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  
  }



@media (max-width: 640px) {
 body {
   width: auto;
   margin: 0;
   padding: 0;
 }

 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; 
   -webkit-hyphens: auto; 
   hyphens: auto;
 }
 
 code, pre, samp {
   white-space: pre-wrap; 
 }

 element1, element2 {
   float: none;
   width: auto;
 }

 .hide_mobile {
   display: none !important;
 }
 
   
  .edition {
font-family: 'Montserrat';
font-size: 30px;
color: #fff;
text-align: center;
margin-bottom: 5px;
}

.edition > sup {
font-size: 10px;
}

.éditionSousTitre {
font-family: 'Montserrat';
font-size: 15px;
color: #fff;
text-align: center;
margin-bottom: 5px;
font-weight: normal ! important;
} 
 
#logo {
height: 90px;
margin: 10px auto;
width: 190px;
}
 
 .centre {
width: 100%;
margin: auto;
}

.centreimagePrincipale {
display: none;
}

.TitreMobile {
display: block;
font-family: 'Montserrat';
font-size: 22px;
color: white;
text-align: center;
}

#imagePrincipale {
width: 100%;
padding-top: 75px;
padding-bottom: 75px;
background-image: url("../images/background_mobile.jpg");
background-repeat: none;
background-color: black;
background-position: center;
}

#navigation li {
float:left;
}

#navigation li:last-child {
border-right: 0px solid #2b2b2b;
padding-right: 50px ! important;
float:left;
}

.menuMobile {
display: block;
text-align: center;
width: 100%;
background-color: black;
padding-top: 20px;
padding-bottom: 20px;
}

.menuTel {
font-family: 'Montserrat';
font-size: 25px;
color: #fefefe;;
}




.titreDixAns {
width: 220px;
margin: auto;
}

#triangles {
display: none;
}



.texteIndexGauche {
float: none;
width: 100%;
}

.texteConcept {
font-family: calibri;
font-size: 14px;
line-height: 18px;
padding: 10px;
padding-top: 0px;
}


.sousTitre {
font-family: 'Montserrat';
font-size: 35px;
margin-bottom: 15px;
padding: 10px;
display: none;
}

.avantFooter {
width: 100%;
padding: 0px;
background-color: #0f0f0f;
margin-top: 25px;
}

footer {
width: 100%;
background-color: #000000;
padding-top: 25px;
padding-bottom: 25px;
}

.texteFooter {
color: #9b9c9c;
font-size: 12px;
text-align: center;
}

.fa  {
text-align: center ! important;
font-size: 20px;
line-height: 22px ! important;
display: inline ! important;
color: white;
margin-right: 10px;
}

.fleche {
width: 50px;
margin: auto;
}


.mobile {
display: block;
padding: 10px;
}

.verite {
margin-top: 10px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
background-color: #f24cae;
float: none;
margin-bottom: 10px;
}

.valeurs {
font-family: 'Montserrat';
font-size: 18px;
color: white;
text-align: center;
padding-left: 0px;
}


.partage {
margin-top: 10px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
float: none;
margin-bottom: 10px;
background-color: #4cc5f4;
margin-left: 0px;
}

.expertise  {
margin-top: 10px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
float: none;
margin-bottom: 10px;
background-color: #1f2e5e;
margin-left: 0px;
}

.valeurs2 {
font-family: 'Montserrat';
font-size: 18px;
text-align: center;
color: #252417;
padding-left: 0px;
}

.convivialite  {
margin-top: 10px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
float: none;
margin-bottom: 10px;
background-color: #1f2e5e;
margin-left: 0px;
background-color: #fff538;
}

#btn_up {
display: none ! important;
}

#btn_up:after {
display: none ! important;
}

.titrePartenaire {
display: none;
}


.mobileFirst {
display: block;
font-family: 'Montserrat';
font-size: 20px;
text-align: center;
color: #252417;
}

.og-grid {
    list-style: none outside none;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.og-grid li {
margin-bottom: 18px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}



.og-fullimg, .og-details {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.og-details {
    padding: 0px;
}

.og-details h3 {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0px 0 0px;

}

.og-details p {
    color: #e3e5ed;
    font-size: 12px;
	line-height: 14px;
    font-weight: 100;
}
.graphisme a {
    background: none repeat scroll 0 0 #FFFFFF !important;
    font-size: 0 !important;
}
.og-details a {
    background: none repeat scroll 0 0 #01BCEE;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Montserrat';
    font-size: 12px;
    margin: 10px 0 0;
    outline: medium none;
    padding: 10px 10px 10px;
    text-transform: uppercase;
}
.og-details a:hover {
    background: none repeat scroll 0 0 #000000;
    border-color: #999999;
}

.og-loading {
    animation: 0.5s ease-in-out 0s normal both infinite loader;
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #CCCCCC, -15px 30px 1px #CCCCCC;
    height: 33px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 33px;
}

.og-fullimg {
    display: none;
}
.og-details {
    float: none;
    width: 100%;
}


.og-expander-inner {
    background: none repeat scroll 0 0 #2c3e79;
    height: 100%;
    padding: 50px 20px;
}

nav#mobile a {
	text-decoration: none;
	color: #FFF;
}


nav#mobile {
	display:block;
}


nav#mobile li {
	display:block;
	background-color:black;
	font-family: 'Montserrat';
	font-size: 16px;
	text-transform:uppercase;
	text-align: center;
	padding:20px;
	border-top: 1px solid #2b2b2b;
	margin-top: 0px;
	color: #fefefe;
}

nav#mobile li:first-child {
margin-top: 20px;
}

nav#mobile li:last-child {
margin-bottom: -20px;
}

#overlay{ /* we set all of the properties for are overlay */
    height:100%;
    width:100%;
    margin:0 auto;
    background-color:#F1F2F4 ! important;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    display:none;
  
}

#mask{ /* create are mask */
    position:fixed;
	background-color:#F1F2F4! important;
    top:0;
    left:0;
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find are mask */
#overlay:target, #overlay:target + #mask{
    display:block;
    opacity:1;
}


.titrePopup {
font-family: 'Montserrat';
color: #fff;
font-size: 30px;
text-align: left;
margin-top: 20px;
margin-bottom: 30px;
}

.textePopup {
color: #fff;
font-family: calibri;
font-size: 16px;
line-height: 18px;
text-align: left;
}

.centrePopup {
width: 100%;
}


.trombiSolo {
background-color: #f1f2f4;
padding: 20px;
width: 100% ! important;
margin-right: 16px! important;
margin-bottom: 20px;
}

.trombiSolo:nth-child(3){
margin-right: 0px! important;
}

.trombiSolo:nth-child(6){
margin-right: 0px! important;
}


.trombiSolo:nth-child(9){
margin-right: 0px! important;
}

.trombiSolo:nth-child(12){
margin-right: 0px! important;
}


.imageRiams {
width: 100%;
height: auto;
margin-top: 60px;
}



.imageTrombi {
float: left ! important;
margin-right: 20px;
}

.imageTrombi {
float: left ! important;
width: 30%;
margin-right: 5%;
}

.Nom {
float: left ! important;
font-family: 'Montserrat';
font-size: 16px;
color: #000000;
font-weight: bold;
}

.Prenom {
float: left ! important;
font-family: 'Montserrat';
font-size: 16px;
color: #505051;
margin-right: 5px;
}


.Societe {
font-size: 13px;
color: #505051;
margin-top: 8px;
font-family: 'Montserrat';
}


.TrombiTexte {
float: left ! important;
width: 65%;
}


.trombi {
margin-top: 30px;
}

.content section {
	display: none;
	margin: 0 auto;
	padding: 20px;
	
}

.tabs nav {
	text-align: center;
	background-color: white ! important;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	background-color: white ! important;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	display: block;
	width: 100%;
	position: relative;
	font-family: 'Montserrat';
	margin: 0px! important;
}

.tabs nav li.tab-current {
	border: 1px solid #47a3da;
	box-shadow: inset 0 2px #47a3da;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}


.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.tabs nav ul li:last-child{
	border-bottom: 1px solid #becbd2;;
}


.pagination {
text-align: center;
text-transform: uppercase;
margin-top: 30px;
}


.pagination li {
display: inline-block ! important;
border-right: 1px solid #3bc0f3;
padding: 10px;
background-color: #3bc0f3;
color: white;
margin-bottom: 5px;
font-size: 12px;
font-family: 'Montserrat';
}


.pagination li:last-child{
border-right: 0px solid #3bc0f3;
}


.tempo {
text-align: center;
margin-top: 100px;
margin-bottom: 100px;
}

  .ateliers  {
  margin-top:30px;
  }
  
  .ateliers li {
  background-color: #f1f2f4;
  padding: 18px;
  padding-top: 22px;
  padding-bottom: 22px;
  max-width: 100% ! important;
  min-width: 100% ! important;
  margin-right: 0px;
  margin-bottom: 16px;
  float: left;
  height: auto;
  }
  
  
  
  .titreAtelier {
  color:#434242;
  font-family: 'Montserrat';
  font-size: 25px;
  }
  
  
  .carreTexte {
   margin-top: 22px;
  }
  
  .carreTexte2 {
   margin-top: 15px;
  }

  
  .sousTitreAtelier {
  color:#4bc5f4;
  font-family: 'Montserrat';
  font-size: 18px;
  margin-bottom: 8px;
  }
  
  .texteAtelier {
  font-family: calibri;
  font-size: 17px;
  line-height: 19px;
   color:#434242;
  }
  
  .rslides_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 50px;
  margin-top:30px ! important;
  }
  

}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
.centre {
width: 100%;

}

.centreimagePrincipale {
width: 100%;
}

.tablette {
display: block;
}

 body {
   width: auto;
   margin: 0;
   padding: 0;
 }

 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; 
   -webkit-hyphens: auto; 
   hyphens: auto;
 }
 
 code, pre, samp {
   white-space: pre-wrap; 
 }

 element1, element2 {
   float: none;
   width: auto;
 }

 .hide_mobile {
   display: none !important;
 }
 
#logo {
height: 100px;
margin: 15px auto;
width: 200px;
}
 
 .centre {
width: 100%;
margin: auto;
}

.centreimagePrincipale {
display: none;
}

.TitreMobile {
display: block;
font-family: 'Montserrat';
font-size: 22px;
color: white;
text-align: center;
}

#imagePrincipale {
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
background-image: url("../images/background_mobile.jpg");
background-repeat: none;
background-color: black;
background-position: center;
}

#navigation li {
display: inline-block;
text-align: center;
width: 100%;
}

#navigation li:last-child {
border-right: 0px solid #2b2b2b;
padding-right: 50px ! important;
}

.menuMobile {
display: block;
text-align: center;
width: 100%;
background-color: black;
padding-top: 20px;
padding-bottom: 20px;
}

.menuTel {
font-family: 'Montserrat';
font-size: 25px;
color: #fefefe;;
}

.titreDixAns {
width: 240px;
margin: auto;
}

#triangles {
display: none;
}


.texteIndexGauche {
float: none;
width: 100%;
}

.texteConcept {
font-family: calibri;
font-size: 16px;
line-height: 20px;
padding: 10px;
padding-top: 10px;
margin-bottom: 10px;
}


.sousTitre {
font-family: 'Montserrat';
font-size: 35px;
margin-bottom: 15px;
padding: 10px;
display: none;
}

.avantFooter {
width: 100%;
padding: 0px;
background-color: #0f0f0f;
margin-top: 25px;
}

footer {
width: 100%;
background-color: #000000;
padding-top: 25px;
padding-bottom: 25px;
}

.texteFooter {
color: #9b9c9c;
font-size: 14px;
text-align: center;
}

.fa  {
text-align: center ! important;
font-size: 20px;
line-height: 22px ! important;
display: inline ! important;
color: white;
margin-right: 10px;
}

.fleche {
width: 60px;
margin: auto;
}



.titrePartenaire {
display: none;
}


.mobileFirst {
display: block;
font-family: 'Montserrat';
font-size: 20px;
text-align: center;
color: #252417;
}

.og-grid {
    list-style: none outside none;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.og-grid li {
margin-bottom: 18px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}



.og-fullimg, .og-details {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.og-details {
    padding: 0px;
}

.og-details h3 {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0px 0 0px;

}

.og-details p {
    color: #e3e5ed;
    font-size: 12px;
	line-height: 14px;
    font-weight: 100;
}


.og-details a:hover {
    background: none repeat scroll 0 0 #000000;
    border-color: #999999;
}

.og-loading {
    animation: 0.5s ease-in-out 0s normal both infinite loader;
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 0 1px #CCCCCC, 15px 30px 1px #CCCCCC, -15px 30px 1px #CCCCCC;
    height: 33px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 33px;
}

.og-fullimg {
    display: none;
}
.og-details {
    float: none;
    width: 100%;
}


.og-expander-inner {
    background: none repeat scroll 0 0 #2c3e79;
    height: 100%;
    padding: 50px 20px;
}

nav#mobile a {
	text-decoration: none;
	color: #FFF;
}


nav#mobile {
	display:block;
}


nav#mobile li {
	display:block;
	background-color:black;
	font-family: 'Montserrat';
	font-size: 16px;
	text-transform:uppercase;
	text-align: center;
	padding:20px;
	border-top: 1px solid #2b2b2b;
	margin-top: 0px;
	color: #fefefe;
}

nav#mobile li:first-child {
margin-top: 20px;
}

nav#mobile li:last-child {
margin-bottom: -20px;
}

#overlay{ /* we set all of the properties for are overlay */
    height:100%;
    width:100%;
    margin:0 auto;
    background-color:#F1F2F4 ! important;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    display:none;
  
}

#mask{ /* create are mask */
    position:fixed;
	background-color:#F1F2F4! important;
    top:0;
    left:0;
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}
/* use :target to look for a link to the overlay then we find are mask */
#overlay:target, #overlay:target + #mask{
    display:block;
    opacity:1;
}


.centrePopup {
width: 60%;
}

#btn_up {
    cursor: pointer;
	background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 0 0;
    bottom: 48px;
    color: rgb(74, 82, 85);
    display: none;
    padding: 10px 14px 6px;
    position: fixed;
    right: 15px;
	z-index: 9999;
}

#btn_up:after {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 34px;
    top: -55px;
    width: 54px;
}


.trombiSolo {
background-color: #f1f2f4;
padding: 20px;
padding-bottom: 20px;
width: 48% ! important;
margin-right: 4%! important;
margin-bottom: 20px;
}

.trombiSolo:nth-child(2){
margin-right: 0px! important;
}

.trombiSolo:nth-child(3){
margin-right: 0%! important;
}

.trombiSolo:nth-child(4){
margin-left: 4%! important;
margin-right: 0px! important;
}

.trombiSolo:nth-child(6){
margin-right: 0px! important;
}

.trombiSolo:nth-child(8){
margin-right: 0px! important;
}

.trombiSolo:nth-child(10){
margin-right: 0px! important;
}

.trombiSolo:nth-child(12){
margin-right: 0px! important;
}

.trombiSolo:nth-child(14){
margin-right: 0px! important;
}



.imageTrombi {
float: left ! important;
margin-right: 20px;
}

.imageTrombi {
float: left ! important;
width: 30%;
margin-right: 5%;
}

.Nom {
float: left ! important;
font-family: 'Montserrat';
font-size: 16px;
color: #000000;
font-weight: bold;
}

.Prenom {
float: left ! important;
font-family: 'Montserrat';
font-size: 16px;
color: #505051;
margin-right: 5px;
}


.Societe {
font-size: 13px;
color: #505051;
margin-top: 8px;
font-family: 'Montserrat';
}


.TrombiTexte {
float: left ! important;
width: 65%;
}


.trombi {
margin-top: 40px;
}

.content section {
	display: none;
	margin: 0 auto;
	padding: 20px;
	width: 100%! important;
	
}

.tabs nav {
	text-align: center;
	background-color: white ! important;
	width: 100%! important;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	background-color: white ! important;
	width: 100%! important;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	display: block;
	width: 100%;
	position: relative;
	font-family: 'Montserrat';
	margin: 0px! important;
}

.tabs nav li.tab-current {
	border: 1px solid #47a3da;
	box-shadow: inset 0 2px #47a3da;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
}

.tabs nav a {
	
	display: block;
	font-size: 17px;
	padding: 15px;
	padding-right: 20px;
	padding-left: 20px;
	white-space: nowrap;
}

.tabs nav :hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.tabs nav ul li:last-child{
	border-bottom: 1px solid #becbd2;;
}


  .ateliers  {
  margin-top: 60px;
  }
  
  .ateliers li {
  background-color: #f1f2f4;
  padding: 18px;
  padding-top: 22px;
  padding-bottom: 22px;
  max-width: 372px ! important;
  min-width: 372px ! important;
  margin-right: 16px;
  margin-bottom: 16px;
  float: left;
  height: 235px;
  }
  
  .ateliers li:nth-child(3){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(6){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(9){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(12){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(16){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(19){
  margin-right: 0px;
  }
  
    .ateliers li:last-child{
  margin-right: 0px;
  }
  
  .titreAtelier {
  color:#434242;
  font-family: 'novecento_sans_widebook';
  font-size: 25px;
  }
  
  
  .carreTexte {
   margin-top: 22px;
  }
  
  .carreTexte2 {
   margin-top: 15px;
  }

  
  .sousTitreAtelier {
  color:#4bc5f4;
  font-family: 'novecento_sans_widebook';
  font-size: 18px;
  margin-bottom: 8px;
  }
  
  .texteAtelier {
  font-family: calibri;
  font-size: 17px;
  line-height: 19px;
   color:#434242;
  }
  
  
    .ateliers  {
  margin-top: 40px;
  }
  
  .ateliers li {
  background-color: #f1f2f4;
  padding: 18px;
  padding-top: 22px;
  padding-bottom: 22px;
  max-width: 48% ! important;
  min-width: 48% ! important;
  margin-right: 4%;
  margin-bottom: 4%;
  float: left;
  height: 235px;
  }
  
  .ateliers li:nth-child(2){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(4){
  margin-right: 0px;
  margin-left: 4%;
  }
  
  .ateliers li:nth-child(6){
  margin-right: 0px;
  margin-left: 4%;
  }
  
  .ateliers li:nth-child(8){
  margin-right: 0px;
  margin-left: 4%;
  }
  
  .ateliers li:nth-child(10){
  margin-right: 0px;
  }
  
  .ateliers li:nth-child(12){
  margin-right: 0px;
  }
  
    .ateliers li:last-child{
  margin-right: 0px;
  }
  
  .titreAtelier {
  color:#434242;
  font-family: 'novecento_sans_widebook';
  font-size: 25px;
  }
  
  
  .carreTexte {
   margin-top: 22px;
  }
  
  .carreTexte2 {
   margin-top: 15px;
  }

  
  .sousTitreAtelier {
  color:#4bc5f4;
  font-family: 'novecento_sans_widebook';
  font-size: 18px;
  margin-bottom: 8px;
  }
  
  .texteAtelier {
  font-family: calibri;
  font-size: 17px;
  line-height: 19px;
   color:#434242;
   
  }
  
  .rslides_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 50px;
  margin-top:40px ! important;
  }
  
  
  .edition {
font-family: 'novecento_sans_widebook';
font-size: 30px;
color: #fff;
text-align: center;
margin-bottom: 5px;
}

.edition > sup {
font-size: 10px;
}

.éditionSousTitre {
font-family: 'novecento_sans_widelight';
font-size: 15px;
color: #fff;
text-align: center;
margin-bottom: 5px;
font-weight: normal ! important;
} 

.titreTheme {
font-size: 25px;
}

.sousTitreTheme > span {
font-size: 18px;
}
  

  


}