body {background: white; font-family: 'Oswald', sans-serif; padding-top: 160px; }
a {text-decoration: none; font-family: 'Oswald', sans-serif;}
h2 {text-transform: uppercase; font-weight: bold; font-size: 34px; color: #000000; font-family: 'Oswald', sans-serif; z-index: 2; text-shadow: 0px 0px 40px #ffffff; -webkit-text-shadow: 0px 0px 40px #ffffff; -moz-text-shadow: 0px 0px 40px #ffffff; -o-text-shadow: 0px 0px 40px #ffffff;}
p {color:#666;font-size: 18px; font-weight: 300}
strong {font-weight: 700}
em {font-style: italic;}
small {font-size: 70%;}
::selection{
        background:#4B2883;
        color:white;
}
::-moz-selection {
color : white;
background-color: #4B2883;
}
img {opacity: 1;
	filter : alpha(opacity=100);
	webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s}
img:hover {opacity: 0.6;
	filter : alpha(opacity=60);
	webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s}
.mobile {display: none;}
.sep {width: 60%; height: 1px ;border-top: solid 1px #333; margin: 20px auto; }
.col-md-12 {max-width: 960px; margin: 0 auto; padding: 0 20px 0 20px; text-align: center;}
.headtopdesktop {position: fixed; top: 0; width: 100%; z-index : 1001; box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -o-box-shadow: 0px 0px 5px #999;}
.headtopmobile {display: none;}
.logo {text-align: center; background: #fff; padding: 10px 0;}
.navigation {width: 100%; background: #fff; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; padding: 0; margin: 0;}
.navigation ul{list-style: none; max-width: 1000px; margin: 0 auto; padding: 0;}
.navigation ul li {width: 20%; float: left; text-align: center; color: #666; padding: 10px 0; text-transform: uppercase; font-weight: 400; font-family: 'Oswald', sans-serif;}
.navigation ul li:hover {color: #CC3B4F;}
.first {background: url('images/reunion.jpg') no-repeat top center fixed; padding-top: 40px; padding-bottom: 40px; z-index: 1; }
.third {background: url('images/reunionb.jpg') no-repeat top center fixed; padding-top: 40px; padding-bottom: 40px; z-index: 1;  }
.contact {background: url('images/reunionc.jpg') no-repeat top center fixed; padding-top: 40px; padding-bottom: 40px; z-index: 1; }
.blanc {max-width: 600px; margin: 60px auto 30px; background: url('images/blanc.png'); padding: 30px;box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -o-box-shadow: 0px 0px 5px #999; }
.blancbig {max-width: 900px; margin: 60px auto 30px; background: url('images/blanc.png'); padding: 30px;box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -o-box-shadow: 0px 0px 5px #999; }
.second {background: white; padding-top: 40px; padding-bottom: 80px; z-index: 2; box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999; -o-box-shadow: 0px 0px 5px #999;}
.savoirs {list-style: none; max-width: 1000px; margin: 40px auto 0; padding: 0;}
.savoirs  li {width: 20%; float: left; text-align: center; color: #666; padding: 10px 0; text-transform: uppercase; font-weight: 300; font-family: 'Oswald', sans-serif; }
.savoirs  li p{font-size: 15px;}
.experts {list-style: none; max-width: 900px; margin: 40px auto 0; padding: 0;}
.experts  li {width: 33%; float: left; text-align: center; color: #666; padding: 10px 0; text-transform: uppercase; font-weight: 300; font-family: 'Oswald', sans-serif; }
.experts  li p{font-size: 15px; font-weight: 400;}
.titres {list-style: none; max-width: 900px; margin: 40px auto 0; padding: 0;}
.titres  li {padding: 0; position: relative; width: 33%; float: left; text-align: center; color: #666; padding: 0px; text-transform: uppercase; font-weight: 300; font-family: 'Oswald', sans-serif; }
.titres  li p{font-size: 15px; font-weight: 400;}

.col-md-4 {text-align: center;}
.col-md-6 {padding: 0; margin: 0;}
.footer ul {list-style: none; margin: 10px auto 0; font-size:12px; text-align: left;}
.footer a {text-decoration: none; color: #444;}
.footer a:hover {color: #000;}
.infos {line-height:24px;opacity:0;filter : alpha(opacity=0); webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;width: 100%; height:79px; color: #fff;padding: 5px; text-align: left; font-size: 20px; font-weight: 400; text-transform: uppercase;z-index: 1}
.titres  li:hover .infos {opacity: 0.7;filter : alpha(opacity=70);webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s}
.titreinfos {position: absolute; top: 10px; left: 35px;color: #fff; text-align: left; font-size: 20px; font-weight: 300; text-transform: uppercase; z-index: 2;opacity:0;filter : alpha(opacity=0); webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}
.titres2  li:hover .titreinfos  {opacity: 1;filter : alpha(opacity=100);webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s}
.titres3  li:hover .titreinfos  {opacity: 1;filter : alpha(opacity=100);webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s}
.expertises p {text-transform: uppercase; font-weight: 400; font-size: 14px;}
.contentexperts {margin: 0 auto; width: 160px; height: 100px; }
.contentexperts:hover {background:url('images/backcontentexperts.png') no-repeat bottom center;}
.blanc ul {text-align: left; color:#666;font-size: 18px; font-weight: 300; list-style: none; }
.blanc ul li{ }
.blanc ul li::before{content: '- '; color:#666;}
.imagebig {background:url('img/equipe.jpg') no-repeat bottom center; width: 80%; height: 80px; float: left;}
.plus {float: right; width: 20px ; height:80px;}

.titres2 {list-style: none; max-width: 900px; margin: 40px auto 0; padding: 0;}
.titres2  li {position: relative; width: 50%; float: left; text-align: center; color: #666;  text-transform: uppercase; font-weight: 300; font-family: 'Oswald', sans-serif; padding:0 20px ;}
.titres2  li .content {width:100%;height: 79px; margin: 0 auto; }
.titres2  li p{font-size: 15px; font-weight: 400;}
.titres2  li:hover .infos {opacity: 0.7;filter : alpha(opacity=70);webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s}

.titres3 {list-style: none; max-width: 900px; margin: 40px auto 0; padding: 0;}
.titres3  li {position: relative; width: 33.333333333%; float: left; text-align: center; color: #666; text-transform: uppercase; font-weight: 300; font-family: 'Oswald', sans-serif; padding:0 20px ;}
.titres3  li .content {width:100%;height: 79px; margin: 0 auto; }
.titres3  li p{font-size: 15px; font-weight: 400;}
.titres3  li:hover .infos {opacity: 0.7;filter : alpha(opacity=70);webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; }
@media screen and (max-width: 990px){
	.footerbis {display: none;}
}
@media screen and (max-width: 660px){
	/*.navigation ul li {width: 100%; float: none; border-top: solid 1px #e8e8e8;}*/
	body {padding-top: 0;}
	.mobile {display: block; font-size: 22px;}
	.desktop {display: none;}
	p {font-size: 16px; }
	.savoirs  li {width: 80%; float: none; margin: 0 auto; }
	.experts  li {width: 80%; float: none; margin: 0 auto; }
	.titres3 {margin: 20px auto 0;}
	.titres  li {width: 80%; float: none; margin: 20px auto 0; }	
	.titres2  li {width: 80%; float: none; margin: 20px auto 0; }	
	.titres3  li {width: 80%; float: none; margin: 20px auto 0; }	
	.headtopdesktop {display: none; }
	.headtopmobile {display: block;}
}