@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
@import url('https://fonts.googleapis.com/css?family=Diplomata+SC');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');
  @import url('https://fonts.googleapis.com/css?family=Monoton');
@import url(https://fonts.googleapis.com/css?family=Wire+One);
body { 
background: transparent url(../photos/fond.jpg) center left no-repeat; 
background-attachment: fixed;
background-size: cover;
}
header { 
position: static; 
background-color:  rgba(0, 0, 0, 1); 
height: 110px; 
box-shadow: 0px 4px 0px #7f007f
}
header .top_page { 
height: 110px; 
background-color:  rgba(0, 0, 0, 1); 
}
.header_interligne { 
padding:0; 
height: 40px; overflow:hidden; 
}
#general_title, #general_tel {
color:  rgba(255, 255, 255, 1) !important;
text-shadow: none;}
#general_title {
font-size:px;
font-weight:700;
}
@media only screen and (max-width: 800px) {#general_title { display: none; }
}
#general_tel {
font-size:px;
font-weight:400;
}
footer { 
position: static; 
background-color:  rgba(127, 0, 127, 1); 
color:  rgba(255, 255, 255, 1); 
}
footer h4 {
color:  rgba(255, 255, 255, 1); 
}
footer a { 
color:  rgba(153, 153, 153, 1); 
}
footer a:hover { 
color: transparent; 
}
#cssmenu { font-family: 'julius', sans-serif; }
#cssmenu.align-center > ul > li { background-color:  rgba(0, 0, 0, 1)color:  rgba(255, 255, 255, 1) !important;
}
#cssmenu > ul > li > a { font-size: 12px; 
color:  rgba(255, 255, 255, 1)}
#cssmenu > ul > li:hover { background-color:  rgba(0, 0, 0, 1) !important;
}
#cssmenu > ul > li:hover > a { color:  rgba(255, 255, 255, 1) !important;
}
#cssmenu > ul > li:hover > ul > li { background-color:  rgba(0, 0, 0, 1) !important;
}
#cssmenu > ul > li:hover > ul > li a { font-size: 12px; color:  rgba(255, 255, 255, 1) !important;
}
#cssmenu > ul > li:hover > ul > li:hover { background-color:  rgba(0, 0, 0, 1) !important;
}
#cssmenu > ul > li:hover > ul > li a:hover { color:  rgba(255, 255, 255, 1) !important;
}
@media only screen and (max-width: 800px) {
#cssmenu, #menu-button { }
#cssmenu a { font-size:px;
}
#cssmenu a:hover { }
}
.ban_principale h1 { background-color:  #7f007f !important;
color:  rgba(0, 0, 0, 1) !important;
font-size: 18px; font-family: 'julius', sans-serif; 
}
.ban_principale .redac { box-shadow: none;
background-color:  rgba(255, 255, 255, 1) !important;
color:  rgba(0, 0, 0, 1) !important;
font-size: 13px; font-family: 'julius', sans-serif; 
}
.ban_principale h2, .ban_principale h3, .ban_principale h4, 
.ban_principale h5, .ban_principale h6 { color:  rgba(0, 0, 0, 1) !important;
}
.ban_mixte h1 { background-color:  #7f007f !important;
color:  rgba(0, 0, 0, 1) !important;
font-size: 16px; font-family: 'julius', sans-serif; 
}
.ban_mixte .redac { color:  rgba(255, 255, 255, 1) !important;
font-size: 16px; font-family: 'julius', sans-serif; 
}
.ban_mixte h2, .ban_mixte h3, .ban_mixte h4, 
.ban_mixte h5, .ban_mixte h6 { color:  rgba(255, 255, 255, 1) !important;
}
.ban_mixte .gauche { background: none; width:0; height:0;} 
.ban_mixte .droite { background: none; width:0; height:0;} 
.ban_mixte .redac { margin:0; } 
.ban_secondaire h1 { background-color:  #7f007f !important;
color:  rgba(0, 0, 0, 1) !important;
font-size: 16px; font-family: 'julius', sans-serif; 
}
.ban_secondaire .redac { color:  rgba(255, 255, 255, 1) !important;
font-size: 16px; font-family: 'julius', sans-serif; 
}
.ban_secondaire h2, .ban_secondaire h3, .ban_secondaire h4, 
.ban_secondaire h5, .ban_secondaire h6 { color:  rgba(255, 255, 255, 1) !important;
}
.ban_secondaire .gauche { background: none; width:0; height:0;} 
.ban_secondaire .droite { background: none; width:0; height:0;} 
.ban_secondaire .redac { margin:0; } 
.ban_X1 h1 { background-color:  rgba(255, 255, 255, 1) !important;
color:  #e2b54c !important;
font-size: 19px; font-family: 'berkshire', sans-serif; 
}
.ban_X1 .redac { color:  rgba(0, 0, 0, 1) !important;
font-size: 13px; line-height: 140%; padding: 35px 20px; font-family: 'berkshire', sans-serif; 
}
.ban_X1 h2, .ban_X1 h3, .ban_X1 h4, 
.ban_X1 h5, .ban_X1 h6 { color:  rgba(0, 0, 0, 1) !important;
font-family: 'berkshire', sans-serif; 
}
.ban_X2 h1 { font-size: px; font-family: helvetica, sans-serif; 
}
.ban_X2 .redac { font-size: px; line-height: 140%; padding: 0px 0px; font-family: helvetica, sans-serif; 
}
.ban_X2 h2, .ban_X2 h3, .ban_X2 h4, 
.ban_X2 h5, .ban_X2 h6 { font-family: helvetica, sans-serif; 
}
.ban_X3 h1 { font-size: px; font-family: helvetica, sans-serif; 
}
.ban_X3 .redac { background-color:  rgba(0, 0, 0, 0) !important;
color:  rgba(0, 0, 0, 1) !important;
font-size: px; line-height: 140%; padding: 0px 0px; font-family: helvetica, sans-serif; 
}
.ban_X3 h2, .ban_X3 h3, .ban_X3 h4, 
.ban_X3 h5, .ban_X3 h6 { color:  rgba(0, 0, 0, 1) !important;
font-family: helvetica, sans-serif; 
}
#div_catalogue .boutique .picto { border 1px solid transparent;box-shadow:none; 
}
#div_catalogue .boutique .picto:hover { border-color:  rgba(226, 181, 76, 1) !important;
box-shadow:none; 
}
#div_catalogue .boutique .picto .prix, #div_catalogue .boutique .picto .titre { background-color:  rgba(255, 255, 255, 1) !important;
color:  rgba(0, 0, 0, 1) !important;
}
#div_catalogue .boutique .picto .titre { font-size: 22px; font-family: helvetica, sans-serif; 
}
#div_catalogue .boutique .picto .prix { font-size: 16px; font-family: helvetica, sans-serif; 
}
#div_catalogue .boutique .visuel { border:none; 
box-shadow:none; 
}
#div_catalogue .portfolio .picto { border 1px solid transparent;box-shadow:none; 
}
#div_catalogue .portfolio .picto:hover { border-color:  rgba(229, 229, 229, 1) !important;
box-shadow:none; 
}
#div_catalogue .portfolio .picto .titre { background-color:  rgba(204, 204, 204, 1) !important;
color:  rgba(0, 0, 0, 1) !important;
font-size: 12px; font-family: helvetica, sans-serif; 
}
#div_catalogue .portfolio .visuel { border:none; 
box-shadow:none; 
}