/* cmsms stylesheet: GG_CSS modified: 22/09/22 15:12:05 */
body{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/group-graphic-obourg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #c9c9c9;
	font-family: 'Open Sans', sans-serif;
}
body.voitures-utilitaires{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/identification-vehicule-voiture.jpg");
}
body.deco-interieure{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/impression-decoration-interieure.jpg");
}
body.plv{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/publicite-lieu-vente.jpg");
}
body.cartes-de-visite{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/cartes-de-visite.jpg");
}
body.affiches{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/affiche-support-publicite.jpg");
}
body.sous-mains{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/impression-sous-mains.jpg");
}
body.calendriers{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/impression-calendriers-personnalises.jpg");
}
body.autocollants-stickers{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/autocollants-vinyl-lettrage.jpg");
}
body.baches{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/baches-publicitaire.jpg");
}
body.brochures{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/brochure-revue.jpg");
}
body.caissons-lumineux{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/caissons-lumineux-enseigne.jpg");
}
body.camions{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/camion-lettrage-identification.jpg");
}
body.logotype{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/creation-logotype.jpg");
}
body.depliants{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/depliant-diptyque-triptyque.jpg");
}
body.event-flags{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/event-flag-drapeau.jpg");
}
body.fardes-de-presentation{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/farde-presentation-entreprise.jpg");
}
body.flyers{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/flyers-tract-publicitaire.jpg");
}
body.ticketing-coupons{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/ticketing-tickets-coupons.jpg");
}
body.carnets-autocopiants{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/carnet-autocopiant-carbone.jpg");
}
body.faire-part-invitations{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/faire-part-invitation.jpg");
}
body.food-trucks{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/food-truck-lettrage.jpg");
}
body.lettrage-images{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/lettrage-vitrine-commerces.jpg");
}
body.lettres-en-relief-LED{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/lettres-relief-led.jpg");
}
body.oriflammes{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/oriflamme-banniere-etendar.jpg");
}
body.alveolaire-immobilier{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/panneaux-alveolaire-immobilier.jpg");
}
body.identification-facade{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/panneaux-enseigne-commerces.jpg");
}
body.papier-a-lettres-enveloppes {
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/papiers-entete-enveloppe.jpg");
}
body.presse{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/presse-journal-quotidien.jpg");
}
body.roll-ups{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/rollup-kakemono-enrouleur.jpg");
}
body.sablage-vitrines{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/sablage-cristal-3m.jpg");
}
body.signaletique-int-ext{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/signaletique-interieur-exterieur.jpg");
}
body.stand-de-presentation{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/stands-exposition-publicitaire.jpg");
}
body.totems{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/totem-signaletique-publicitaire.jpg");
}
body.micro-perfore-vitrines{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/vitrine-micro-perfore.jpg");
}
body.vetements-professionnel, body.vetements-publicitaires, body.vetements-sportifs{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/broderie-impression-textile.jpg");
}
body.broderie-ecussons{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/broderie-ecussons.jpg");
}
body.objets-promotionnels{
	background-image: url("https://old.group-graphic.be/uploads/images/fonds/objets-promotionnels.jpg");
}
body.nos-realisations-web, body.site-internet-presentation, body.site-internet-sur-mesure, body.site-internet-e-commerce{
    background-image: url("https://old.group-graphic.be/uploads/images/fonds/creation-site-internet.jpg");
}
.hidden_on_load{
    display: none;
}
body article p{
	text-align: justify;
}
body article li{
    text-align: left;
    margin-bottom: 15px;
}
body article li a{
    color: #aa000a;
}
body article li a:hover{
    text-decoration: none;
    color:#d00a10;
}
body article p a{
    font-weight: bold;
    color: #aa000a;
}
body article p a:hover{
    text-decoration: none;
    color:#d00a10;
}

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

.clear{
	clear: both;
}
.turquoise{
	color: #d00a10;
}
.rouge{
	color: #d00a10;
}
.gris{
	color: #8b8b8b;
}
.grisfonce{
	color: #4c4c4c;
}
.majuscule{
	text-transform: uppercase;
}
.gras{
	font-weight: bold;
}
.nowrap{
    white-space: nowrap;
}
.description_rubrique p.grasforce strong{
    font-weight:bold;
}

h2{
	font-size: 23px;
    margin-bottom: 0;
    text-transform: uppercase;
}
h5{
	font-weight: 600;
}
hr{
	border-color: #333;
	border-style: dotted none none;
}
.puce_titre_turquoise{
	/*background-image: url("https://old.group-graphic.be/uploads/images/ico_bulles_turquoise.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 50px;
    padding-left: 35px;*/
	background-image: url("https://old.group-graphic.be/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;
}
.puce_titre_blanc{
	background-image: url("https://old.group-graphic.be/uploads/images/ico_bulles_blanc.png");
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 50px;
    padding-left: 35px;
}
abbr{
	text-decoration: none;
}
.btn-primary{
	background: none;
	border: none;
}
.panel{
	background-color: none;
    border: 0;
    box-shadow: none;
    margin-bottom: 0px;
    margin-top:1px;
}
.separation{
	border-bottom: 1px dotted #000;
}
.row_gauche{
	margin-left: -15px;
}
.centpourcent{
	width: 100%;
}
.centpourcent  img{
	width: 100%;
}
.adroite{
    float:right;
    padding-left:10px;
}

#show_hidden_on_load{
    background-color: #fff;
    background-image: url("https://old.group-graphic.be/uploads/images/ico_voirplus.png");
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 7px #999;
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    margin-right: 40px;
    margin-top: 24px;
    padding: 15px 70px 16px 13px;
    transition: all 400ms ease 0s;
}


#show_hidden_on_load:hover{
	background-color: #d00a10;
	color: #fff;
	text-decoration: none;
}


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

/***************** HEADER ACCUEIL*/

header.accueil{
	background-image: none;
	height: unset;
}
header div.header_accueil{
	background-image: none;
	background-color: #000;
	padding: 0px;
}
header.accueil img.entete-ecrans{
	display: block;
}
header.accueil img.entete-mobile{
	display: none;
}

/***************** HEADER CONTENU*/

header{
	background-image: url("https://old.group-graphic.be/uploads/images/bg_header.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	height: 124px;
}
.logo{
	padding-top: 13px;
}
.confiez-nous{
	text-align: right;
	padding-top: 33px;
}


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

nav.menu_smartphone{
	display: none;
}
nav.menu_groupgraphic{
	margin-top: -2px;
}
.navbar{
	box-shadow: 0 0 4px #333;
	border-radius: 3px;
}
.navbar-collapse{
	padding: 0;
}
.navbar-inverse{
	background-image: url("https://old.group-graphic.be/uploads/images/bg_menu_off.png");
	border-color: #aa000a;
    background-color: #aa000a;
	background-position: -1px;
}
.navbar-nav > li{
	min-height: 48px;
    text-align: center;
    padding-top: 15px;
	border-right: 1px solid #aa000a;
	border-left: 1px solid #aa000a;
}
.navbar-nav > li:first-child{
	border-left: none;
	padding: 0;
}
.navbar-nav > li:first-child img{
	margin-left: 8px;
    margin-right: 6px;
    margin-top: 7px;
}
.navbar-nav > li:first-child > a {
	margin: 0;
}
.navbar-nav > li:last-child{
	border-right: none;
}
.navbar-inverse .navbar-nav > li.active  {
    background-image: url("https://old.group-graphic.be/uploads/images/bg_menu_on.png");
}
.navbar-inverse .navbar-nav > li  {
    transition: all 600ms ease 0s;
}
.navbar-inverse .navbar-nav > li:hover  {
	background-color: #ac000a;	
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: initial;	
}
.navbar-nav > li > a {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #fff;
    font-size: 16px;
    text-shadow: 1px 1px 2px #000000;
	float: left;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
ul.dropdown-menu li{
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
ul.dropdown-menu li:last-child{
	border-bottom: none;
}
.navbar-nav .open .dropdown-menu {
    background-color: #3a8a84;
	margin-bottom: 10px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-collapse.collapse{
	display: block;
}
/* Modif Antoine */
@media (min-width: 992px){
.navbar-nav{
    display: table;
    width: 100%;
    height: 48px;
}
.navbar-nav:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.navbar-nav > li {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.navbar-nav > li > a{
    float: none;
    text-align: center;
}
.menularge .navbar{
    min-height: 48px;
}
}




/***************** MENU DANS PAGE CONTENU */

.menularge{
	background-image: url("https://old.group-graphic.be/uploads/images/bg_menu_off.png");
	background-repeat: repeat-x;
}
.menularge .navbar-inverse{
	border: none;
}
.menularge .navbar{
	margin-bottom: 0px;
	box-shadow: none;
	border-radius: 0;
}
.menularge nav.menu_groupgraphic {
    margin-top: 1px;
}
.googlemaps{
	border-bottom: 2px solid #6bc2bc;
    box-shadow: 0 4px 5px #bbb;
    margin-bottom: 35px;
}

/****************** MENU DEROULANT - PRODUITS */

.ssmenu_produits{
	background-color: #ececec;
	box-shadow: 0 0 3px #999;
	margin-bottom: 20px;
	padding: 20px;
}
.ssmenuinterne{
	/*margin-top: 20px;*/
}
.nosproduits{
	position: relative;
}
.nom_produit{
	left: 102px;
    position: absolute;
    top: 28px;
}
.nom_produit_bis{
	left: 115px;
    position: absolute;
    top: 48px;
}
.nom_produit_tres{
	left: 160px;
    position: absolute;
    top: 50px;
}
a .nom_produit{
	color: #000;
    font-size: 15px;
    font-style: italic;
	transition: all 100ms ease 0s;
}
a .nom_produit_bis{
	color: #000;
    font-size: 15px;
    font-style: italic;
	transition: all 100ms ease 0s;
}
a .nom_produit_tres{
	color: #000;
    font-size: 15px;
    font-style: italic;
	transition: all 100ms ease 0s;
}
a:hover .nom_produit{
	left: 120px;
}
a:hover .nom_produit_bis{
	left: 120px;
}
a:hover .nom_produit_tres{
	left: 170px;
}



/***************** ACCUEIL */

.bloc_blanc{
	background-color: #fff;
    box-shadow: 0 0 5px #999;
    margin-bottom: 7px;
    padding-bottom: 20px;
    padding-left: 15px;
	padding-right: 15px;
    padding-top: 1px;	
    min-height: 385px;
}
.logo_references {
    margin-bottom: 54px;
    margin-top: 17px;
}
section.dernieres-rea{
	margin-bottom: 25px;
}

section.dernieres-rea #carousel-travaux .view h2{
    color: #fff;
}
section.dernieres-rea .puce_titre_turquoise{
	margin-bottom: 30px;
}
section.dernieres-rea h2{
	padding-top: 12px;
}
a.fleches_carousel_realisations_gauche{
	position: absolute;
	right: 70px;
    top: -80px;
}
a.fleches_carousel_realisations_droite{
	position: absolute;
	right: 10px;
    top: -80px;
}
div.realisation_bg{
    width: 100%;
  display: inline-block;
  position: relative;
  background: url("https://old.group-graphic.be/uploads/images/realisations.png");
  background-size: 100% auto;
}
div.realisation_bg:after {
  padding-top: 55.555%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
div.realisation_int{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.real_mobile{
    position: absolute;
    top: 36%;
    left: 5.5%;
    width: 11.33% ;
    height: 37.6%;
    overflow: hidden;
}
.real_screen{
    position: absolute;
    top: 8.5%;
    left: 18.8%;
    width: 68% ;
    height: 76.3%;
    overflow: hidden;
}
.real_mobile img{
width: 100%;
}
section.graphicshop{
	position: relative;
	margin-bottom: 25px;
}
section.graphicshop .puce_titre_turquoise{
	margin-bottom: -8px;
}
section.graphicshop .porte_survol1{
	border: 3px solid #fff;
    box-shadow: 2px 2px 3px #555;
    margin-right: 12px;
    margin-top: 20px;
    transition: all 200ms ease 0s;
}
section.graphicshop .porte_survol1:hover{
	margin-top: 0px;
}
section.graphicshop .porte_survol2{
	border: 3px solid #fff;
    box-shadow: 2px 2px 3px #555;
    margin-right: 12px;
    margin-top: 20px;
    transition: all 200ms ease 0s;
}
section.graphicshop .porte_survol2:hover{
	margin-top: 0px;
}
section.graphicshop .porte_survol3{
	border: 3px solid #fff;
    box-shadow: 2px 2px 3px #555;
    margin-right: 12px;
    margin-top: 20px;
    transition: all 200ms ease 0s;
}
section.graphicshop .porte_survol3:hover{
	margin-top: 0px;
}
section.graphicshop .porte_survol4{
	border: 3px solid #fff;
    box-shadow: 2px 2px 3px #555;
    margin-top: 20px;
    transition: all 200ms ease 0s;
}
section.graphicshop .porte_survol4:hover{
	margin-top: 0px;
}
section.graphicshop div.bloc_blanc{
    min-height: 438px;
}
.portes{
	position: absolute;
	left: 55px;
	top: 110px;
}
div.conseil-devis{
	background-color: #000;
    text-align: center;
    min-height: 423px;
    padding-top: 40px;
}
div.conseil-devis img.bt-contact{
	padding-top: 50px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.conseil-devis:hover img.bt-contact{
	padding-top: 35px;
}
section.notre_video video{
    width: 100%;
    height: auto;
}
section.notre_video div.bloc_blanc{
    min-height: 437px;
}
section.nos_references{
	position: relative;
	margin-top: 35px;
}
section.nos_references div.bloc_blanc{
    min-height: unset;
}
img.references{
    border: solid 3px #FFF;
    box-shadow: 3px 3px 5px #888;
    margin-bottom: 15px;
    cursor: pointer;
}
ul.puces_secteurs{
    list-style-type: none;
}
ul.puces_secteurs li{
    background-image:url("https://old.group-graphic.be/uploads/images/puces_secteurs.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}
section.nos_references .puce_titre_turquoise{
    margin-bottom: 0;
    padding-bottom: 0;
}
a.fleches_carousel_references_gauche{
	position: absolute;
	top: 120px;
}
a.fleches_carousel_references_droite{
	position: absolute;
	right: 17px;
    top: 120px;
}
section.deaaz div.puce_titre_turquoise{
	margin-bottom: 0px;
}

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

article.content{
	text-align: justify;
}
.entete_rubrique{
	margin-top: 20px;
	margin-bottom: 20px;
}
.description_rubrique{
	border-left: 1px dotted #000;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: justify;
}
.description_rubrique strong{
    font-weight: normal;
}
aside.menu_droit{
	padding-right: 0px;
}
aside.menu_droit h3{
	border-bottom: 1px dotted #fff;
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    padding-bottom: 8px;
	margin-top: 5px;
}
aside.menu_droit nav{
	background-color: rgba(5, 5, 4, 0.8); 
	padding: 15px 15px 22px;
}
aside.menu_droit nav ul{
	list-style-type: none;
	padding: 0;
}
aside.menu_droit nav ul li{
	background-image: url("https://old.group-graphic.be/uploads/images/ico_carre.png");
    background-position: left center;
    background-repeat: no-repeat;
	padding-left: 14px;
	margin-bottom: 8px;
}
aside.menu_droit nav ul li.active{
	background-image: url("https://old.group-graphic.be/uploads/images/ico_carre_on.png");
}
aside.menu_droit nav ul li.active a{
	font-style: italic;
	color: #e9051e;
}
aside.menu_droit h3:first-child{
	margin-top: 0px;
}
aside.menu_droit a{
	color: #fff;
	transition: all 200ms ease 0s;
}
aside.menu_droit nav img{
    width: 100%;
}
aside.menu_droit a:hover{
	color: #d00a10;
	text-decoration: none;
}
div.vignette_produit{
	padding:2px;
}
div.vignette_produit .view-first img{
	border-bottom: none;
	/*margin-bottom: 1px;*/
	width: 100%;
}
div.vignette_realisations img{
    object-fit: cover
    
}
div.vignette_realisations .view_contenu{
    max-height: 250px;
}
div.vignette_realisations .view_contenu h2{
    color: #fff;
}

a.btn_voirplus{
	background-color: #fff;
    background-image: url("https://old.group-graphic.be/uploads/images/ico_voirplus.png");
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: 2px 2px 7px #999;
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    margin-right: 40px;
    margin-top: 24px;
    padding: 15px 70px 16px 13px;
    transition: all 400ms ease 0s;
}
a.btn_voirplus:hover{
	background-color: #d00a10;
	color: #fff;
	text-decoration: none;
}
aside.autres_produits{
	margin-top: 15px;
	position: relative;
}
aside.autres_produits div.contenant_autres_produits{
	position: relative;
	padding-bottom: 5px;
}
aside.autres_produits div.bandeau_autres_produits{
	background-image: url("https://old.group-graphic.be/uploads/images/bandeau_vignette_produits.png");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: 5px;
    color: #fff;
    font-size: 13px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-top: 29px;
    position: absolute;
    text-shadow: 0 0 3px #333;
    width: 263px;
}
aside.autres_produits div.bandeau_autres_produits nowrap{
    white-space: normal;
}

aside.autres_produits div.bandeau_autres_produits .bandeau_cache{
display: none;
}

aside.autres_produits img.vignette_autres_produits{
	margin-left: 16px;
	box-shadow: 2px 2px 3px #777;
}
aside.autres_produits .fleche_gauche{
	position: absolute;
	right: 37px;
    top: -37px;
}
aside.autres_produits .fleche_droite{
	position: absolute;
	right: 0px;
    top: -37px;
}
img.infos_supplementaire_macco{
	margin-top: 35px;
}
img.infos_supplementaire_graphic{
	margin-top: 5px;
}

div.sites_debord{
	padding: 0 10px 20px;
}
div.sites_debord .view_contenu{
	box-shadow: 3px 3px 3px #b2b2b2;
}
div.sites_debord img{
	width: 100%;
}

/***************** SITES INTERNET */
div.template-site-internet{
	background-image: url("https://old.group-graphic.be/uploads/images/template-site-internet.png");
	height: 487px;
	width: 840px;
	padding-left: 20px;
    padding-top: 33px;
}
div.bt_site-internet{
	padding: 10px;
	background-color:#e9051e;
	color: #fff;
	margin-top: 10px;
	font-weight: bold;
	transition: all 200ms ease 0s;
	width: 280px;
	text-align: center;
}
div.bt_site-internet:hover{
	background-color:#d00a10;
}
a:hover div.bt_site-internet{
	text-decoration: none;
}


/***************** LE GROUPE */
p.prenom{
	font-size: 1em;
    letter-spacing: 0.0555556em;
    text-transform: uppercase;
	text-align: center;
}
p.fonction{
	font-size: 1em;
    letter-spacing: 0.0555556em;
    text-transform: uppercase;
	text-align: center;
	color: #255854;
}
div.notre-equipe div.puce_titre_turquoise{
	margin-top: 0px;
}
div.notre-equipe h2{
	margin-top: 0px;
}
div.presentation div.puce_titre_turquoise{
	margin-top: 0px;
}
div.presentation h2{
	margin-top: 0px;
}
div.production_outils div.puce_titre_turquoise{
	margin-top: 0px;
}
div.production_outils h2{
	margin-top: 0px;
}
div.production_outils .carousel{
    margin:0px;
}
div.infrastructure div.puce_titre_turquoise{
	margin-top: 0px;
}
div.infrastructure h2{
	margin-top: 0px;
}
img.identification_batiment{
	margin-top: 30px;
	margin-bottom: 35px;
	border: 1px solid #bbb;
    padding: 5px;
	width: 100%;
}
div.presentation_societe{
	margin-bottom: 25px;
}
div.presentation_societe img{
	border: 1px solid #bbb;
	padding: 5px;
}
div.presentation_societe h3{
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 600;
	color: #000;
	margin-top: 0px;
}
div.societe_macco h3{
	border-bottom: 1px solid #d88358;
	padding-bottom: 7px;
}
div.societe_macco a{
	color: #d88358;
}
div.societe_graphic h3{
	border-bottom: 1px solid #ffe900;
	padding-bottom: 7px;
}
div.societe_publicia h3{
	border-bottom: 1px solid #056d2b;
	padding-bottom: 7px;
}
div.societe_ncscreen h3{
	border-bottom: 1px solid #004d9d;
	padding-bottom: 7px;
}
article.revue_presse blockquote{
	border-left: 1px dotted #000;
    margin-bottom: 40px;
    min-height: 105px;
	font-size: 16px;
}
article.revue_presse  img{
	border: 1px solid #bbb;
	padding: 5px;
}
section.sansslider{
	margin-top: 30px;
	margin-bottom: 30px;
}
article.sansslider{
	margin-top: 30px;
	margin-bottom: 30px;
}
div.all_photos h3{
    font-size: 16px;
    padding-left: 20px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
ul.all_photos li{
	background-image: url("https://old.group-graphic.be/uploads/images/ico_carre.png");
    background-position: left center;
    background-repeat: no-repeat;
    list-style-type: none;
    margin-left: 7px;
    padding-left: 12px;
	font-size: 13px;
}
ul.all_photos li a{
    color: #333;
	transition: all 600ms ease 0s;
}
ul.all_photos li a:hover{
	color: #d00a10;
	text-decoration: none;
	transition: all 600ms ease 0s;
}
div.p{
    cursor: pointer;
}


/***************** CONTACT */

h5.deptncscreen{
	margin-bottom: 20px;
}

section.departements{
	margin-bottom: 40px;
    margin-top: 10px;
    min-height: 170px;
}
section.departements h4{
	text-transform: uppercase;
	color: #000000;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 7px;
    margin-top: 0;
}
section.departements h5{
	font-size: 13px;
	margin-top: 0;
}
.logo_departement img{
	width: 70%;
}
.description_departement{
	min-height: 157px;
	margin:15px;
}
.description_departement button{
	background-color: #aa000a;
    background-image: url("https://old.group-graphic.be/uploads/images/bt_bulles_blanc.png");
    background-position: 12px center;
    background-repeat: no-repeat;
    border: medium none;
    color: #fff;
    font-weight: bold;
    min-width: 250px;
    padding: 12px 12px 12px 32px;
    text-align: left;
    text-transform: uppercase;
	transition: all 200ms ease 0s;
}
.description_departement button:hover{
	background-color: #d00a10;
	padding-left: 38px;
}
section.contact input{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    margin-bottom: 12px;
    padding: 6px 12px;
    text-transform: uppercase;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
section.contact textarea{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 12px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
section.contact button.btn{
	width: 100%;
	background-color: #aa000a;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	transition: all 200ms ease 0s;
}
section.contact button.btn:hover{
	background-color: #d00a10;
}
section.contact button.btnfermer{
	width: 20%;
	float: right;
}
section.contact button.btnfermer::after {
	content:"X";
}
#contact_graphiccolor, #contact_macco, #contact_publicia, #contact_ncscreen  {
    background-color: #eaeaea;
    box-shadow: 0 0 3px #999;
    position: absolute;
    transform: translateX(-100%);
    z-index: 8000;
    -webkit-transform: translateX(-100%);
	padding-top: 10px;
	padding-bottom: 10px;
	width: 98%;
}
section.contact .submit input{
    background-color: #aa000a;
    color:#fff;
}
section.contact .submit input:hover{
    background-color: #d00a10;
}


/***************** BANDEAU BAS - GROUP GRAPHIC */

aside.group-graphic{
	background-image: url("https://old.group-graphic.be/uploads/images/bg_group-graphic.png");
	background-repeat: no-repeat;
	background-position: top center;
	color: #fff;
	padding-top: 40px;
	margin-top: 10px;
}
aside.group-graphic a{
	color:#fff;
	transition: all 200ms ease 0s;
}
aside.group-graphic a:hover{
	color:#fff;
	right: 20px;
}
aside.group-graphic h2{
	text-shadow: 0 0 4px #000;
}
aside.group-graphic img{
	border: 4px solid #fff;
    box-shadow: 3px 3px 7px #28605b;
    margin-top: 25px;
	transition: all 200ms ease 0s;
}
aside.group-graphic a:hover img{
    box-shadow: 0px 0px 4px #ccc;
    margin-top: 20px;
}
aside.group-graphic a:hover .caption{
	font-size: 20px;
}
aside.group-graphic div.bandeau_image{
	background-image: url("https://old.group-graphic.be/uploads/images/event_bandeau.png");
    bottom: 0;
    height: 180px;
    margin-bottom: 4px;
    margin-left: 4px;
    position: absolute;
    width: 254px;
    z-index: 4000;
}

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

footer{
	background-color: #aa000a;
	background-image: url("https://old.group-graphic.be/uploads/images/bg_footer.png");
	background-repeat: no-repeat;
	background-position: top center;
	color: #fff;
	text-align: justify;
	position: relative;
}
footer.nobg{
	background-color: initial;
}
footer a{
	color: #fff;
}
footer .num_tel{
	font-size: 19px;
}
footer address{
	margin-bottom: 0px;
	font-size: 13px;
}
footer div.container{
	position: relative;
}
section.infos_groupe{
	padding-top: 105px;
}
section.infos_groupe img{
	width: 100%;
	margin-bottom: 15px;
}
section.infos_groupe p{
	line-height: 14px;
}
section.infos_groupe a:hover{
	color: #8b8b8b;
}
section.departement_event{
	text-align: right;
	text-transform: uppercase;
	border-left: 1px dotted #fff;
    border-right: 1px dotted #fff;
	margin-top: 60px;
}
section.departement_event a:hover{
	color: #fff;
	text-decoration: none;
}
section.departement_event p{
	font-size: 13px;
}
section.departement_event div.bandeau_image{
	background-image: url("https://old.group-graphic.be/uploads/images/event_bandeau.png");
    bottom: 0;
    height: 180px;
    position: absolute;
    width: 100%;
    z-index: 4000;
}
p.caption{
	font-size: 17px;
    font-style: italic;
    font-weight: 600;
    position: absolute;
    right: 18px;
    text-transform: none;
    top: 140px;
	transition: all 200ms ease 0s;
}
footer h4{
	color: #d00a10;
	font-weight: 600;
	text-transform: uppercase;
}

section.adresse_horaire{
	text-align: right;	
	text-transform: uppercase;
	padding-top: 90px;
}
section.adresse_horaire a:hover{
	color: #fff;
	text-decoration: none;
}
ul.socials_link{
	list-style-type: none;
	margin-left: 45px;
}
ul.socials_link li{
	float: left;
    margin-right: 10px;
}
ul.socials_link li:first-child{
	margin-left: 39px;
}
ul.socials_link li:last-child{
	margin-right: 0px;	
}
ul.puces_pied li{
	background-image: url("https://old.group-graphic.be/uploads/images/ico_carre.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    list-style-type: none;
    margin-left: 7px;
    padding-left: 12px;
	font-size: 13px;
}
ul.puces_pied li a{
	color: #fff;
	transition: all 600ms ease 0s;
}
ul.puces_pied li a:hover{
	color: #d00a10;
	text-decoration: none;
}

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

/***************** SLIDE IN / OUT - PAGE CONTACT */

.form-control{
	margin-bottom: 15px;
	border-radius: 0px;
}
.form-control::-moz-placeholder {
    color: #333;
}
.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}
.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
	display: none;
}    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); 
	display: none;
	}
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); 
	display: none;
	}
}

/***************** SLIDE IN / OUT - SITEMAP - FOOTER */

.sitemap {
	padding-top: 5px;
	transition: all 200ms ease 0s;
	height: 0;
    overflow: auto;	
}
.sitemap ul{
	padding: 0px;
}
input#toggle{
	display: none;
}
#toggle + label {
	background: #d00a10 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50px;
    top: 90px;
    color: #fff;
    cursor: pointer;
    font-size: 35px;
    font-weight: normal;
    height: 35px;
    line-height: 20px;
    padding-top: 5px;
    position: absolute;
    right: 35px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 35px;
}
#toggle + label:after {
  content:"+" 
}
#toggle:checked ~ .sitemap {
	height: 130px;
	border-top: 1px dotted #fff;
}
#toggle:checked + label {
  background:#aa000a;
  padding-top: 5px;
}
#toggle:checked + label:after {
  content:"-"
}

/************************ SLIDE IN / SLIDE OUT - RECHERCHE - HEADER */

div.css3droppanel { /* Main wrapper for push down panel */
	position: relative;
}
div.css3droppanel > div { /* Content DIV DIV inside wrapper */
	height: 0px; /* initial height of content when hidden. Should be same height as bottom bar (see div.css3droppanel:after) */
	-moz-box-sizing: border-box; /* ensure any padding and border declared inside content DIV doesn't increase DIV's declared dimensions */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background: #000;
	color: #fff;
	position: relative;
	opacity: 0;
	-moz-transition: all 0.2s ease-in-out 0.1s;  /* CSS3 transition of UL state. Last 0.1s specifies delay before animation */
	-o-transition: all 0.2s ease-in-out 0.1s; /* instead of ease-in-out, also try cubic-bezier(0.25, 0.1, 0.25, 1.4) instead */
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
}
div.css3droppanel:after { /* Add bottom bar beneath wrapper */
	content: '';
	display: block;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 0px;
	background-color: #000;
}
div.css3droppanel input[type="checkbox"] { /* style invisible checkbox element used to toggle state of push down panel */
	position: absolute;
	right: 50px; /* right position of checkbox */
	width: 60px; /* width of checkbox */
	height: 42px; /* height of checkbox */
	bottom: -72px; /* bottom offset of checkbox */
	z-index: 10;
	cursor: pointer;
	opacity: 0;
}
div.css3droppanel input[type="checkbox"]:checked ~ div { /* when checkbox is checked, expand content within wrapper */
	height: 100px; /* height of content to expand to. Scrollbar will be shown if content overflows this height */
	opacity: 1;
	overflow: auto;
	padding-top: 15px;
}
div.css3droppanel label { /* style label that's positioned below wrapper's bottom bar, and will toggle checkbox when interacted with */ 
	position: absolute;
	right: 50px; /* right position of label */
	width: 60px; /* width of label */
	height: 42px; /* height of label */
	bottom: -34px; /* bottom offset of label */
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	cursor: pointer;
	z-index: 5;
}
div.css3droppanel label:after { /* generated down arrow */
	background-image: url("https://old.group-graphic.be/uploads/images/ico_loupe.png");
    background-position: center top;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 48px;
    left: 18px;
    position: absolute;
    top: 50px;
    width: 30px;
}
div.css3droppanel p{
	text-align: justify;
	line-height: 15px;
}
p.Recherche{
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
}
div.css3droppanel .input-group{
	margin-top: 15px;	
}
<!--[if lte IE 8]>
/* Hide panel from IE8 and below */
div.css3droppanel {
	display: none;
}

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

/***************** 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;
}
h5 .deptncscreen.{
	color: red;
}
.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;
}

/************************ EFFETS ZOOM SUR VIGNETTE */

.view {
    width: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: pointer;
   margin-bottom: -3px;
}
.view img {
   display: block;
   position: relative;
}
.view h3{
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   font-weight: 600;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-style: italic;
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view .mask{
   width: 100%;
   padding-top: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view .mask .mask-in{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
}
.view_contenu {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: pointer;
}
.view_contenu .mask_contenu{
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view_contenu h3{
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   font-weight: 600;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view_contenu p {
   font-style: italic;
   font-size: 14px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view_contenu div.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   border-bottom: 3px solid #e9051e;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(190,0,9, 0.9);
   -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;
}
.view-first .mask_contenu {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(190,0,9, 0.9);
   -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;
}
.view-first h3 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   padding-bottom: 10px;
   margin: 0px;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first div.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover .mask_contenu {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h3,
.view-first:hover p,
.view-first:hover div.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover div.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

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

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

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/************** SPLASH */
div.splash {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2000;
    padding: 3%;
    cursor:pointer;
    background-color : rgba(0,0,0,0.6);
}
div.splash img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    box-shadow: 0px 0px 100px 70px #000000;
    border: 5px solid white;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
div.splash_reduced {
    position: fixed;
    width: 60px;
    height: 60px;
    background : none ;
    top: 20px;
    left: 0px;
    z-index: 2000;
    padding: 0;
    cursor:pointer;
    background-color : rgba(0,0,0,0);
}
div.splash_reduced img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    box-shadow: 0px 0px 2px 2px #000000;
    border: 1px solid white;
}

/************** MODAL - LIGHT BOX - EKKO */
.ekko-lightbox-nav-overlay{
        font-size: 25px;
        margin: 5px 0 0 0;
        text-align: center;
}
.modal-body {
padding-bottom: 0px;
}
.ekko-lightbox{
    margin-top: -20px;
}
.ekko-lightbox-nav-overlay{
}
.ekko-lightbox-nav-overlay .glyphicon-chevron-left{

}
.ekko-lightbox-nav-overlay .glyphicon-chevron-right{
}
/******************************************************************************************************
TABLETS / SMARTPHONES
*******************************************************************************************************/

@media (max-width: 1200px){
	.header_accueil img{
		width: 100%;
	}
    .mask_contenu h2{
        font-size:15px;
    }
	.responsive-video {
		max-width: 100%;
		height: auto;
	}
	.navbar-nav > li > a{
		font-size: 14px;
	}
	section.graphicshop div.portes img{
		width: 60px;
	}
	section.graphicshop img.fond_porte{
		width: 96%;
	}
	.view{
		width: 100%;
	}
	.view-first img {
		width:100%;
	}
	.view .mask, .view .content {
		width: 100%;
		height: 100%;
	}
	.bloc_blanc {
		padding: 1px 15px 20px;
	}
	#carousel-references div.col-md-3 img{
		width: 100%;
	}
	a.fleches_carousel_references_gauche{
		top: 87px;
	}
	a.fleches_carousel_references_droite{
		top: 87px;
	}
	aside.group-graphic div.col-md-3 img{
		width: 100%;
	}
	aside.group-graphic div.bandeau_image {
		width: 190px;
	}
	aside.group-graphic a:hover .caption{
		font-size: 17px;
		top: 140px;
	}
	ul.socials_link li{
		margin-right: 5px;
	}
	#toggle + label{
		display: none;
	}
	.vignette_produit img{
		width: 100%;
	}
	aside.autres_produits img.vignette_autres_produits{
		width: 100%;
	}
	aside.autres_produits div.bandeau_autres_produits{
		font-size: 12px;
		width: 230px;
	}
	.portes {
	    left: 45px;
	    position: absolute;
	    top: 150px;
	}
	div.conseil-devis img{
	    width: 90%;
	}
	div.conseil-devis img.bt-contact{
		width: 90%;
	}
	div.conseil-devis{
	  	min-height: 406px;
	}
}
@media (max-width: 991px){
	div.conseil-devis img{
	    width: 60%;
	}
	div.conseil-devis img.bt-contact{
		width: 75%;
		margin-left: -50px;
		margin-top: 6px;
	}
	div.conseil-devis{
	  	min-height: 245px;
	}
	aside.group-graphic div.bandeau_image {
		bottom: 0;
		height: 60px;
		left: 0;
		width: 100%;
	}
	aside.group-graphic img{
		border: none;
	}
	aside.group-graphic a:hover .caption{
		font-size: 16px;
	}
	p.caption {
		text-align: center;
		position: relative;
		right: initial;
	}
	aside.group-graphic div.gg_photos{
		position: relative;
	}
	header {
		height: initial;
		padding-bottom: 7px;
	}
	section.graphicshop div.portes img {
		margin-right: 30px;
		width: 88px;
	}
	section.deaaz img{
		width: 100%;
	}
	aside.group-graphic{
		background-color: #aa000a;
		background-image: none;
		padding-bottom: 25px;
	}
	footer{
		background-color: #000;
		background-image: none;
	}
	footer.nobg {
		background-color: #000;
	}
	section.departement_event{
		border-left: none;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	section.departement_event img{
		width: 100%;
	}
	section.infos_groupe{
		padding-top: 30px;
	}
	ul.socials_link li{
		margin-right: 13px;
	}
	section.adresse_horaire{
		padding-top: 55px;
	}
	aside.group-graphic a:hover{
		right: 30px;
	}
	aside.group-graphic a:hover img{
		box-shadow: 0px 0px 0px #ccc;
		margin-top: 20px;
	}
	aside.group-graphic a:hover .caption{
		top: 17px;
	}
	p.caption {
		top: 17px;
	}
	aside.group-graphic div.bandeau_image {
		background-color: rgba(0, 0, 0, 0.8);
		background-image: none;
		height: 60px;
		margin: 0;
		width: 100%;
	}
	section.departement_event div.bandeau_image {
		background-color: rgba(0, 0, 0, 0.8);
		background-image: none;
		height: 60px;
	}
	section.deaaz {
		margin-top: 30px;
	}
	aside.group-graphic a:hover {
		margin: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		left: 0px;
	}
	aside.group-graphic a:hover img{
		margin-top:25px;
	}
	nav.menu_groupgraphic{
		display: none;
	}
	nav.menu_smartphone{
		display: initial;
	}
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.navbar-inverse {
		background-image: none;
	}
	.navbar-collapse {
		padding: 0 30px;
		background-color: #aa000a;
	}
	.navbar-collapse.collapse {
		display: none;
	}
	.navbar-collapse.in{
		display: block;
	}
	.navbar-inverse .navbar-nav > li.active {
		background-image: none;
	}
	.navbar-nav > li{
		border: none;
	}
	.navbar-inverse .navbar-nav > li {
		text-align: center;
		border-bottom: 1px dotted #ccc;
	}
	.navbar-inverse .navbar-nav > li:last-child{
		border: none;
	}
	.navbar-nav > li > a{
		float: initial;
	}
	.menularge{
		background-image: none;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.navbar-nav .open .dropdown-menu {
		background-color: transparent;
		border: 0 none;
		box-shadow: none;
		float: none;
		margin-top: 0;
		position: static;
		width: auto;
	}
	.navbar-nav > li > .dropdown-menu {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-top: 0;
	}
	.open > .dropdown-menu {
		display: block;
	}
	.dropdown-menu {
		background-clip: padding-box;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		display: none;
		float: left;
		font-size: 14px;
		left: 0;
		list-style: outside none none;
		margin: 2px 0 0;
		min-width: 160px;
		padding: 5px 0;
		position: absolute;
		text-align: left;
		top: 100%;
		z-index: 1000;
	}
	.infos_complementaires{
		display: none;
	}
	section.contact button.btnfermer{
		width: 100%;
	}
	section.contact button.btnfermer::after { content:"FERMER";}
	aside.autres_produits div.contenant_autres_produits {
		margin-bottom: 15px;
	}
	aside.menu_droit nav {
		margin-top: 20px;
	}
	.navbar-inverse .navbar-nav li.active {
		background-color: #ac000a;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		background-color: #1b3432;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li:hover a{
		color: #000;
	}
	img.infos_supplementaire_macco{
		display: none;
	}
	img.infos_supplementaire_graphic{
		display: none;
	}
	.confiez-nous img{
		width: 100%;
	}
	.logo img{
		width: 100%;
	}
	section.deaaz {
	    margin-bottom: 30px;
	}
	section.nos_references {
	    margin-bottom: 30px;
	}
	section.container-conseil-devis {
	    margin-bottom: 20px;
	}
}
@media (max-width: 767px) {
	div.conseil-devis {
	    min-height: 340px;
	}
	div.conseil-devis img{
	    width: 30%;
	}
	div.conseil-devis img.bt-contact{
		width: 30%;
		margin-left: 0px;
	}
	.confiez-nous{
		text-align: right;
	}
	.confiez-nous img{
		width: unset;
	}
	.logo{
		text-align: center;
	}
	.logo img{
		width: unset;
	}
	header {
		background-color: #000;
		background-image: none;
		height: unset;
		margin-bottom: 20px;
		padding-bottom: 7px;
	}
	.navbar-nav > li:first-child {
		padding: 13px 0 0;
	}
	section.departement_event{
		border: none;
	}
	footer h4{
		text-align: center;
	}
	section.adresse_horaire {
		text-align: center;
	}
	section.departement_event p{
		text-align: center;
	}
	ul.socials_link {
		list-style-type: none;
		margin: auto;
		padding: 0;
		width: 235px;
	}
	ul.socials_link li:first-child {
		margin-left: 0px;
	}
	section.infos_groupe p{
		text-align: center;
	}
	.portes{
		display: none;
	}
	a.fleches_carousel_references_gauche {
		bottom: -12px;
		top: unset;
	}
	a.fleches_carousel_references_droite {
		bottom: -12px;
		top: unset;
	}		
	aside.menu_droit {
		display: none;
	}
	div#carousel-autres-produits{
		display: none;
	}
	div.vignette_produit {
		margin-bottom: 10px;
	}
	div.vignette_realisations .view_contenu{
    max-height: 62vw
	}
}
@media (max-width: 660px){
	header.accueil img.entete-ecrans{
		display: none;
	}
	header.accueil img.entete-mobile{
		display: block;
	}
	div.conseil-devis img{
	    width: 35%;
	}
	div.conseil-devis img.bt-contact{
		width: 35%;
	}
	.video{
		display: none;
	}
	p.caption{
		font-size: 16px;
	}
	.description_departement{
		margin-top: 10px;
	}
	.description_departement button {
		min-width: 100%;
	}
}
@media (max-width: 510px) {
	div.conseil-devis {
	    min-height: 350px;
	}
	div.conseil-devis img{
	    width: 50%;
	}
	div.conseil-devis img.bt-contact{
		width: 50%;
	}
	a.fleches_carousel_realisations_gauche {
		display: none;
	}
	a.fleches_carousel_realisations_droite {
		display: none;
	}
	.confiez-nous img{
		width: 100%;
	}
	.logo img{
		width: 100%;
	}
	.logo_references {
	    width: 100%;
	}
}
@media (max-width: 400px) {
	div.conseil-devis {
	    min-height: 350px;
	}
	div.conseil-devis img{
	    width: 70%;
	}
	div.conseil-devis img.bt-contact{
		width: 70%;
	}
}