/* cmsms stylesheet: Mac-co CSS modified: 05/04/2018 14:54:45 */
html,body{
	height:100%;
	width:100%;
	color: #000;
}
	
body{
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;
}

/******************************************************************************************************
DIVERS
*******************************************************************************************************/

.clear{
	clear: both;
}
h2{
	font-size: 23px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: uppercase;
}
h2 a{
     color:#000;
}
h2 a:hover{
     text-decoration: none;
     color: #2c6a65;
}
hr{
    border-color: #000 -moz-use-text-color -moz-use-text-color;
    border-style: dotted none none;
    margin-top: 0px;
    margin-bottom: 45px;
}
.gris{
	color: #8b8b8b;
}
.blanc{
	color: #fff;
}
.centrer{
	text-align: center;
}
.margetitre{
   padding-top: 13px;
}

/******************************************************************************************************
GABARITS
*******************************************************************************************************/

/***************** HEADER */

header{
	background-color: #000;
    width: 100%;
position: fixed;
z-index: 4000;
}

/* debug pour safari */
header:not(*:root) {
top: 0px;
}




/***************** MENU*/

.navbar{
}
.navbar ul{
	margin: 0;
}
.navbar-collapse{
}
.navbar-inverse{
	background: none;
	border: none;
	margin: 0;
}
.navbar-inverse .navbar-nav > li  {
        margin-top: 20px;
	border-right: 1px dotted #3f958e;
}
.navbar-inverse .navbar-nav > li:first-child {
	border: none;
}
.navbar-inverse .navbar-nav > li:last-child{
	border: none;
}
.navbar-inverse .navbar-nav > li.logo_entete{
	margin-top: 15px;
}
.navbar-inverse .navbar-nav > li.logo_entete a{
	padding: 0;
	margin: 0;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background: none;
}
.navbar-inverse .navbar-nav > li > a {
	padding: 10px;
	color: #fff;
	font-size: 17px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	text-transform: uppercase;
	font-weight: 600;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #bebebe;
}
.navbar-inverse .navbar-nav > li.active{
	border: 1px solid #fff;
}
.arianne_parent{
        color: #4ebbb3;
}
/***************** ACCUEIL */
section#home{
	height: 100%;
    position: relative;
    width: 100%;
}
.bt_accueil{
    margin-top: 125px;
}
.home-pattern {
    height: 100%;
    text-align: center;
    width: 100%;
}
.defilant_txt {
    margin: auto;
    width: 387px;
	position: relative;
}
.texte_defilant_transparent {
    bottom: 90px;
    position: absolute;
}
.fleches_entree{
	width: 54px;
	margin: auto;
	padding-top: 20px;	
}
.puce_titre_turquoise{
	background-image: url("https://www.mac-co-events.com/uploads/images/ico_bulles_turquoise.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 25px;
    margin-top: 30px;
    min-height: 50px;
    padding-bottom: 17px;
    padding-left: 35px;
}
.bloc_blanc{
	background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #a1a1a1;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 25px;
    padding-left: 30px;
    padding-right: 30px;
}
.bloc_noir{
	background-color: rgba(0, 0, 0, 0.8);
	min-height: 210px;
    padding: 20px;
}
.bloc_noir p a{
   color: #fff;
}
.puce_titre_turquoise p i{
	font-weight: 600;
}
a.fleches_carousel_realisations_gauche{
	position: absolute;
	right: 60px;
    top: -50px;
}
a.fleches_carousel_realisations_droite{
	position: absolute;
	right: 15px;
    top: -50px;
}
.carousel-caption{
	background-color: rgba(0, 0, 0, 0.8);
    bottom: 10px;
    left: 15px;
right: 4.2%;
    padding: 0 0 5px 10px;
    position: absolute;
}
.carousel-caption p{
	text-align: left;
	margin: 0;
}
.carousel-caption p.nom_event{
	font-style: italic;
	text-transform: uppercase;
	font-size: 14px;
        font-weight: 600;
        text-align: left;
}
.carousel-caption p.desc_event{
	font-size: 14px;
	color: #c1c1c1;
}
article.portfolio a div.carousel-caption{
	padding-left: 20px;
	-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
right: 5.3%;
}
article.portfolio a:hover div.carousel-caption{
	padding-left: 30px;
	background-color: rgba(45, 106, 102, 0.8);
}
img.ico_service{
	border: 2px solid #fff;
}
article.nos-references div.puce_titre_turquoise{
	margin-bottom: 0px;	
	padding-bottom: 0px;
}
article.portfolio{
	margin-bottom: 0px;
}
article.services-animations{
	margin-bottom: 0px;
}
article.nos-references{
	margin-bottom: 0px;
}

/***************** CONTENU */

section#contenu{
	margin-top: 80px;
}
article.contenu{
	margin-bottom: 0px;
}
article.contenu p{
	text-align:justify;
}
article #carousel-presentation{
	margin-top: 30px;
}
article #carousel-presentation .carousel-indicators{
	bottom: 0px;
}
article #carousel-presentation .carousel-indicators li{
	height: 20px;
	width: 20px;
	margin: 5px;
	background-color: #fff;
        box-shadow: 2px 2px 7px #000;
}
article #carousel-presentation .carousel-indicators .active{
	background-color: #4ebbb3;
	border: 3px solid #fff;
}
article #carousel-presentation .carousel-caption{
	bottom: 50px;
left: 0;
width: 100%;
text-align: center;
height: 40px;
padding-top: 8px;
}
article #carousel-presentation .carousel-caption .nom_event{
	text-transform: uppercase;
	color: #fff;
	font-size: 21px;
	margin-top: 5px;
	text-align: center;
}
article #carousel-presentation .carousel-caption .type_event{
	color:#c1c1c1;
	font-size: 21px;
	font-style: italic;
	margin: 0px;
}
.pied_bloc_12{
	height: 8px;
	margin-bottom: 30px;
	margin-top: -9px	
}
.type-event{
    border-bottom: 1px dotted #000;
    margin-bottom: 20px;
    min-height: 275px;
}
.container-type-event:nth-child(7) .type-event{
    border: none;
}
.container-factice .type-event{
    border: none;
}
.type-event h3{
	margin-top: 0px;
	font-weight: 600;
	font-style: italic;
	font-size: 25px;
}
.type-event a{
	color: #000;
}
.type-event a:hover{
        text-decoration: none;
}
#carousel-events-corpo .type-event{
	border: none;
}
div.choisir_event{
	margin-bottom: 30px;
}
div.choisir_event a div.carousel-caption{
	padding-left: 20px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
        padding-top: 3px;
}
div.choisir_event a:hover div.carousel-caption{
	padding-left: 40px;
	background-color: rgba(45, 106, 102, 0.8);
text-decoration: none;
}
div.choisir_event a:hover{
text-decoration: none;
}

/***************** CONTACT */
.formbuilderform input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.formbuilderform textarea:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.formbuilderform input{
width: 100%;
border: 1px solid #aaa;
	border-radius: 0px;
	text-transform: uppercase;
	border-color: #a9aaa8;
	color: #545454;
	margin-bottom: 25px;
	padding: 10px;
	height: initial;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
display: block;
    font-size: 14px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.formbuilderform textarea{
	width: 100%;
	border: 1px solid #a9aaa8;
	padding: 10px;
	color: #545454;
}
.formbuilderform div.submit input{
	width: 100%;
	color: #fff;
	padding: 10px;
        margin-top: 25px;
	background-color: #4ebbb3;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 00ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease; 
}
.formbuilderform div.submit input:hover{
	background-color: #30726d;
	color: #fff;
}
article.contenu div.coordonnees{
	margin-top: 50px;
	border-left: 1px dotted #000;
}
article.contenu div.coordonnees h3{
	color: #4c4c4c;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}
article.contenu div.coordonnees a{
	color: #000;
}

/***************** FOOTER */

footer{
	color: #fff;
	padding-bottom: 40px;
}
footer .infosdivers{
	text-align: center;
}
footer h4{
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}
footer .coordonnees{
	text-align: right;
	text-transform: uppercase;
}
footer .coordonnees p{
	font-size: 12px;
}
footer p.gris{
   margin-top: 20px;
}
footer .coordonnees a:hover{
	color: #fff;
}
footer address{
	margin: 0;
}
footer .logo_societe img{
	padding-top: 25px;
}
ul.socials_link{
	list-style-type: none;
}
ul.socials_link li{
	float: left;
    margin-right: 10px;
}
ul.socials_link li:first-child{
	margin-left: 150px;
}
ul.socials_link li:last-child{
	margin-right: 0px;	
}

/******************************************************************************************************
MODULES / EFFETS / SCRIPTS
*******************************************************************************************************/

/********************* JJ SOR GALERIE */

.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
.jssora05l, .jssora05r {
display: block;
position: absolute;
/* size of arrow element */
width: 40px;
height: 40px;
cursor: pointer;
background: url('https://www.mac-co-events.com/uploads/img/a17.png') no-repeat;
overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01-99-66 .p            (normal).jssort01-99-66 .p:hover      (normal mouseover).jssort01-99-66 .p.pav        (active).jssort01-99-66 .p.pdn        (mousedown)*/.jssort01-99-66 .p {    position: absolute;    top: 0;    left: 0;    width: 99px;    height: 66px;}.jssort01-99-66 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01-99-66 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01-99-66 .c {    position: absolute;    top: 0px;    left: 0px;    width: 95px;    height: 62px;    border: #000 2px solid;    box-sizing: content-box;    background: url('https://www.mac-co-events.com/uploads/img/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01-99-66 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 95px;    height: 62px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01-99-66 .p:hover .c {    top: 0px;    left: 0px;    width: 97px;    height: 64px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01-99-66 .p.pdn .c {    background-position: 50% 50%;    width: 95px;    height: 62px;    border: #000 2px solid;}* html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {    /* ie quirks mode adjust */    width /**/: 99px;    height /**/: 66px;}


/***************** BACKGROUND FADE BOOTSTRAP */

div.ombrage_top{
	height: 91px;
	background-image: url("https://www.mac-co-events.com/uploads/images/fonds/ombrage_top.png");
	background-repeat: repeat-x;
}
.imgfond:nth-child(1) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/accueil/fond_bas1.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond:nth-child(2) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/accueil/fond_bas2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond:nth-child(3) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/accueil/fond_bas3.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond:nth-child(4) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/accueil/fond_bas4.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel_fond {
    z-index: -99;
}
.carousel_fond .item {
    position: fixed;
    width: 100%;
    height: 100%;
}

/***************** FONDS POUR RUBRIQUE CENTRES COMMERCIAUX */

.imgfond_commercial:nth-child(1) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/centre-commercial/fond1.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond_commercial:nth-child(2) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/centre-commercial/fond2.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond_commercial:nth-child(3) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/centre-commercial/fond3.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond_commercial:nth-child(4) {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/centre-commercial/fond4.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/***************** FONDS FIXE POUR GALERIE */
.imgfond-10 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_10.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-243 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_243.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-249 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_249.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-251 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_251.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-255 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_255.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-262 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_262.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-270 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_270.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-276 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_276.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-284 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_284.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-295 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_295.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-307 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_307.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-317 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_317.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-324 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_324.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-379 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_379.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-388 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_388.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-400 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_400.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-432 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_432.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-470 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_470.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-485 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_485.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-493 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_493.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-501 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_501.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-522 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_522.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-534 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_534.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-557 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_557.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-580 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_580.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-635 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_635.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-691 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_691.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-700 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_700.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-712 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_712.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-713 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_713.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-936 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_936.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-945 {
    background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_945.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-971{
background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_971.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-981{
background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_981.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-1027{
background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_1027.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.imgfond-1047{
background: url("https://www.mac-co-events.com/uploads/images/fonds/galeries/fond_1047.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/***************** EFFET FADE */

.fade
{
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover
{
	opacity: 0.5;
}

/***************** HOVER IMAGE RONDE */

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
	width: 170px;
	height: 170px;
	display: inline-block;
	margin-right: 30px;
}
.ch-grid li.decalage{
	margin-right: 0px;
}
.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(200,95,66, 0.4),
		inset 0 0 0 7px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url("https://www.mac-co-events.com/uploads/images/services/family-day.jpg");
}
.ch-img-2 { 
	background-image: url("https://www.mac-co-events.com/uploads/images/services/team-building.jpg");
}
.ch-img-3 { 
	background-image: url("https://www.mac-co-events.com/uploads/images/services/soiree-entreprise.jpg");
}
.ch-img-4 { 
	background-image: url("https://www.mac-co-events.com/uploads/images/services/inauguration.jpg");
}
.ch-img-5 { 
	background-image: url("https://www.mac-co-events.com/uploads/images/services/lancement-de-produits.jpg");
}
.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
        cursor: pointer;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	font-size: 15px;
    font-weight: bold;
	padding: 53px 0 0 0;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 4px #000, 
		0 0px 4px rgba(255,255,255,0.4);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

/*.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(200,95,66, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}*/

.ch-info p a {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item {
	box-shadow: 
		0 0 0 110px rgba(78, 187, 179, 0.4) inset,
0 0 0 7px rgba(255, 255, 255, 0.8) inset,
0 1px 2px rgba(0, 0, 0, 0.1)
}

.ch-item .ch-info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.ch-item:hover .ch-info {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);	
}
.ch-item:hover {
	box-shadow: none;
cursor: pointer;
}


/***************** FADE SUR CAROUSEL BOOSTRAP */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/***************** GOOGLE & VIDEO RESPONSIVE */

.Flexible-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 71px;
    padding-top: 159px;
    position: relative;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/******************************************************************************************************
TABLETS / SMARTPHONES
*******************************************************************************************************/

@media (max-width: 1200px){
.navbar-inverse .navbar-nav > li > a {
	font-size: 13px;
    }
.ch-grid li{
         margin-right: 1px;
    }
article.portfolio div.col-md-3 img{
    width: 100%;
}
div#carousel-travaux div.col-md-2 img{
    width: 100%;
}
div.logo_societe img{
width: 100%;
margin-top: 20px;
}
div.bloc_noir {
    min-height: 250px;
}
div.pied_bloc_12 img{
width: 100%;
}
.bt_accueil {
    margin-top: 30px;
}
.choisir_event img{
    width: 100%;
}
.type-event .col-md-4 img{
    width: 100%;
}
article.references_logos .col-sm-6{
    text-align: center;
}
.type-event {
    min-height: 330px;
}
@media (max-width: 990px){
.type-event .col-md-4 img{
    width: initial;
    margin-bottom: 10px;
}
li.logo_entete{
   display: none;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 11px;
    }
.navbar-inverse .navbar-nav > li {
    margin-top: 5px;
}
div#carousel-travaux div.col-sm-6{
    margin-bottom: 25px;
}
footer p.gris {
    font-size: 10px;
}
div.bloc_noir {
    min-height: 236px;
}
div.logo_societe img {
    margin-top: 35px;
}
.pied_bloc_12 {
    margin-top: -10px;
}
.type-event {
     text-align: center;
     min-height: 430px;
}
article.contenu div.coordonnees{
     text-align: center;
     border: none;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav > li{
    border-right: none;
    border-bottom: 1px dotted #fff;
}
.navbar-inverse .navbar-nav > li:last-child{
    border-bottom: none;
}
.navbar-inverse .navbar-nav > li:hover{
    background-color: #55cdc5;
    color: #000;
}
.navbar-inverse .navbar-nav > li > a:hover {
   color: #000;
}
.navbar-collapse.in{
    border-bottom: 2px solid #55cdc5;
}
.bt_accueil {
    margin-top: 100px;
}
.bt_accueil img{
    width: 100%;
}
.fleches_entree {
    width: 30px;
    padding-top: 0px;
}
.texte_defilant_transparent {
    bottom: 155px;
}
}
@media (max-width: 660px){
#jssor_1{
    width: 100%;
}
.defilant_txt {
    width: 70%;
}
.texte_defilant_transparent {
    bottom: 130px;
}
footer .acacher{
    display: none;
}
footer .coordonnees{
    text-align: center;
}
.pied_bloc_12 {
    margin-top: -12px;
}
.bloc_blanc{
    padding-left: 0px;
    padding-right: 0px;
}
div.puce_titre_turquoise h2{
    font-size: 20px;
}
div.puce_titre_turquoise p{
    font-size: 12px;
}
ol.carousel-indicators{
     display: none;
}
article #carousel-presentation .carousel-caption{
      bottom: 0;
}
}
@media (max-width: 510px) {
div.logo_presentation img{
    width: 100%;
}
.texte_defilant_transparent {
    bottom: 100px;
}
@media (max-width: 450px) {
.texte_defilant_transparent {
    bottom: 80px;
}
@media (max-width: 400px) {
.texte_defilant_transparent {
    bottom: 50px;
}
}