html {
height: 101%;
}
body {
margin: 0;
padding: 0;
}
* {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
padding: 3px 0;
margin: 0;
line-height: 1.2;
font-weight: bold;
font-style: normal;
}
h1, .componentheading {
font-size: 1.75em;
}
h2, .contentheading {
font-size: 1.5em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1em;
}
ul, ol {
padding: .75em 0 .75em 0;
margin: 0 0 0 35px;
}
ul.menu {
margin: 0;
}
ul.menu li {
list-style: none;
}
p {
padding: 5px 0;
}
address {
margin: .75em 0;
font-style: normal;
}
a:focus {
outline: none;
}
img {
border: none;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
form, fieldset {
margin: 0;
padding: 0;
border: none;
}
input, button, select {
vertical-align: middle;
}
.clr {
clear : both;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.clearfix {
zoom: 1;
}
body {
color: #000;
font-size: 12px;
font-family: Segoe UI, sans-serif;
margin:auto;
border:0;
padding:0;
}
a, a:visited {
color: #036c9e;
}
a:hover {
color: #000;
text-decoration: underline;
}
h1, div.componentheading {
color: #036c9e;
text-align: left;
letter-spacing: -1px;
line-height: 25px;
font-size: 22px;
}
h2, div.contentheading {
color: #036c9e;
text-align: left;
font-size: 20px;
}
h2 a {
text-decoration: none;
}
h2 a:hover, div.contentheading a:hover {
color: #036c9e;
}
.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover,
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover,
.nav-pills > .active > a, .nav-pills > .active > a:hover,
.btn-primary {
color: #036c9e;
}
.rounded {
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.white {
background: #e1e1e1;
background-image: url("white-gradient.svg");
background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));
background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
border: #ffffff 1px solid;
box-shadow: #545454 0px 1px 1px 0px;
-moz-box-shadow: #545454 0px 1px 1px 0px;
-webkit-box-shadow: #545454 0px 1px 1px 0px;
border: #eee 1px solid;
}
.wrapper {
max-width: 1000px;
margin: 0 auto;
}
#nav {
margin: 0;
padding: 0;
min-height: 50px;
}
#nav ul.menu {
margin: 0;
padding: 0;
zoom: 1;
}
#nav ul.menu:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
#nav ul.menu > li {
margin: 0;
padding: 0;
list-style:none;
border-right: 1px solid #fff;
box-shadow: 1px 0 0 #e1e1e1;
float: left;
}
#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
display:block;
color: #036c9e;
margin: 0px;
padding: 15px;
padding-right: 20px;
padding-left: 20px;
text-align: center;
font-size: 14px;
text-decoration: none;
}
#nav ul.menu > li:hover > a, #nav ul.menu > li:hover > span.separator,
#nav ul.menu > li.active > a, #nav ul.menu > li.active > span.separator {
background: #036c9e;
background-image: url("nav-gradient.svg");
background-image: -o-linear-gradient(center top,#036c9e, #024e73 100%);
background-image: -webkit-gradient(linear, left top, left bottom,from(#036c9e), color-stop(100%, #024e73));
background-image: -moz-linear-gradient(center top,#036c9e, #024e73 100%);
background-image: linear-gradient(center top,#036c9e, #024e73 100%);
-pie-background: linear-gradient(center top,#036c9e, #024e73 100%);
}
#nav ul.menu > li:hover > a,
#nav ul.menu > li.active > a {
color: #fff;
}
#nav ul.menu li li a, #nav ul.menu li li span.separator {
display:block;
margin: 10px;
padding: 5px;
padding-right: 10px;
padding-left: 10px;
text-decoration: none;
}
#nav ul.menu li li:hover > a {
background: #036c9e;
background-image: url("nav-gradient.svg");
background-image: -o-linear-gradient(center top,#036c9e, #024e73 100%);
background-image: -webkit-gradient(linear, left top, left bottom,from(#036c9e), color-stop(100%, #024e73));
background-image: -moz-linear-gradient(center top,#036c9e, #024e73 100%);
background-image: linear-gradient(center top,#036c9e, #024e73 100%);
-pie-background: linear-gradient(center top,#036c9e, #024e73 100%);
color: #fff;
}
#nav ul.menu li li.active > a {
text-align: left;
color: #000;
}
#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {
position: absolute;
left: -999em;
z-index: 999;
margin: 0;
padding: 0;
background: #ffffff;
background-image: url("white-gradient.svg");
background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));
background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);
border: #ffffff 1px solid;
box-shadow: #545454 0px 1px 1px 0px;
-moz-box-shadow: #545454 0px 1px 1px 0px;
-webkit-box-shadow: #545454 0px 1px 1px 0px;
border: #ccc 1px solid;
width: 180px;
}
#nav ul.menu li:hover ul ul, #nav ul.menu li:hover li:hover ul ul, #nav ul.menu li:hover li:hover li:hover ul ul {
left: -999em;
}
#nav ul.menu li:hover > ul, #nav ul.menu li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover ul li:hover > ul {
left: auto;
}
#nav ul.menu li:hover ul li:hover ul {
margin-top: -45px;
margin-left: 170px;
}
#nav ul.menu li li {
float: none;
}
#headermodule {
float: right;
margin: 10px 0;
}
#left ul.menu li a, #left ul.menu li span.separator,
#right ul.menu li a, #right ul.menu li span.separator {
display: block;
background: url(../images/tick.png) left center no-repeat;
border-bottom: 1px solid #e3e3e3;
box-shadow: 0 1px 0 #fff;
padding-top: 5px;
padding-bottom: 7px;
padding-left: 20px;
text-decoration: none;
}
#form-login-username label, #form-login-password label {
display: block;
}
#form-login-username input, #form-login-password input {
padding: 3px;
border: 1px solid #ddd;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#form-login-username input:focus, #form-login-password input:focus {
border: 1px solid #036c9e;
}
#form-login-submit button {
background: #efefef;
border: 1px solid #c3c3c3;
padding: 4px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
#form-login-submit button:hover {
background: #ccc;
}
#center > div.inner {
padding: 10px;
}
h2.item-title, h2.item-title > a {
padding-left: 15px;
margin-top: 15px;
}
.breadcrumb{margin:0; padding:0;}
div.item a.btn:after {
content: " >";
}
ul.breadcrumb li {
display: inline;
list-style: none;
}
ul.breadcrumb li a {
text-decoration: none;
}
ul.breadcrumb .divider {
margin: 3px;
}
div.item-page li {
display: inline;
list-style: none;
}
li.next{
float: right;
}
.page-header {
border-bottom: 1px solid #e3e3e3;
}
.page-header h2{font-size:28px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
.article-info {
color: #c3c3c3;
font-size: 10px;
}
#block-logo
{
width: 80%;
height: 100px;
margin: 0 auto;
}
#block-logo .accueil
{
width: 14%;
height: 100px;
background: url(../images/fred_logo.jpg) no-repeat;
background-size: 95%;
float: left;
display: block;
}
#menus {
width: 71%;
height: 100px;
float: left;
}
#call {
width: 15%;
height: 76px;
float: left;
padding: 24px 0 0 0;
}
#menus #jux_memamenu127{
width: 45%;
display: table;
float: right;
list-style: none;
height: 30px;
margin: 37px 3% 0 0;
padding: 0;
}
#js-mainnav.megamenu.blackblack ul.level1 li.megacss span.megacss {
font-size: 15px;
color: #fff!important;
padding: 12px 8px;
font-weight: normal;
border-left: 0;
-webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: none;
}
#megamenucss #js-mainnav.blackblack .js-megamenu {
background: none;
}
#megamenucss .blackblack.megamenu ul.level0>li.megacss:hover>a.megacss, #megamenucss #js-mainnav.megamenu.blackblack ul.level0 li.active {
color: #000 !important;
background: none !important;
}
#js-mainnav.megamenu.blackblack {
border-bottom: none;
background-color: #3d3d3d;
background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#212121));
background: none;
background: -moz-linear-gradient(top, #3d3d3d, #212121);
background: -ms-linear-gradient(top, #3d3d3d, #212121);
background: -o-linear-gradient(top, #3d3d3d, #212121);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: none;
}
#js-mainnav.megamenu.blackblack ul.level0 li.megacss span.megacss, #js-mainnav.megamenu.blackblack ul.level0 > li.megacss > a.megacss, #js-mainnav.megamenu.blackblack .megaMenuToggle {
font-size: 15px;
color: #000;
padding: 12px 8px;
font-weight: normal;
border-left: 0;
-webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: none;
}
#menus .mod-menu li
{
display: table-cell;
text-align: center;
list-style: 30px;
}
#menus .mod-menu li a
{
text-decoration: none;
color: #000;
font-size: 20px;
transition: 0.3s all;
}
#menus .mod-menu li a:hover
{
text-decoration: none;
color: #A73B4D;
font-size: 20px;
transition: 0.3s all;
}
#call img{
width: 100%;
height: auto;
}
#call p:nth-child(1){
margin: 0 10px 0 0;
float: left;
width: 25%;
height: auto;
}
#call p:nth-child(2){
font-size: 12px;
padding: 10px 0 0 0;
}
#call p:nth-child(3){
font-size: 21px;
font-weight: bold;
padding: 0;
}
#slider
{
width: 80%;
height: 700px;
margin: 0 auto;
background: #9f9f9f;
}
.camera_caption > div {
padding: 10px 20px;
height: 500px;
width: 40%;
background: none!important;
}
.camera_caption_title {
font-size: 26px;
font-weight: normal;
line-height: 1em;
color: #000;
margin: 0 0 20px 0;
}
.camera_caption_desc {
font-size: 56px;
margin: 0 0 50px 0;
color: #000;
}
.camera_wrap a.camera-button {
display: inline-block;
background: #4D4D4D;
font-size: 20px;
text-decoration: none;
padding: 15px 40px;
border-radius: 8px;
color: #fff;
transition: 0.3s all;
}
.camera_wrap a.camera-button:hover {
background: #A73B4D;
color: #fff;
transition: 0.3s all;
}
#bascontent
{
width: 100%;
height: 500px;
display: table;
background:#595858;
}
#basblock
{
width: 80%;
height: 450px;
display: table;
margin: 0 auto;
position: relative;
}
#basblock .mod-menu {
width: 100%;
display: table;
margin: 0;
position: absolute;
top: -34px;
}
#basblock .nav-item {
width: 30%;
display: table-cell;
text-align: center;
}
#basblock .nav-item a {
width: 85%;
height: 180px;
display: block;
background: #fff;
margin: 0 auto;
position: relative;
padding: 120px 0 0 0;
overflow: hidden;
border-radius: 10px;
transition: 0.4s all;
}
#basblock .nav-item a:hover span{
left: 40px;
transition: 0.4s all;
}
#basblock .nav-item:nth-child(1) a {
margin-left: 0;
}
#basblock .nav-item:nth-child(3) a {
margin-right: 0 ;
}
#basblock .nav-item a span {
position: absolute;
top: 58px;
left: 30px;
font-size: 32px;
color: #000;
transition: 0.4s all;
}
#basblock .nav-item a .imgmem {
width: 100%;
height: 180px;
overflow: hidden;
}
#basblock .nav-item a .imgmem img{
width: 100%;
height: auto;
position: relative;
top: -32px;
}
#propos
{
width: 80%;
height: 450px;
margin: 0 auto;
display: table;
padding: 0 0 150px 0;
}
#propos .mod-custom p
{
float: left;
width: 40%;
}
#propos .mod-custom div
{
float: right;
width: 45%;
height: 300px;
display: table;
color: #fff;
}
#propos .mod-custom div p:nth-child(1)
{
font-size: 35px;
width: 100%;
}
#propos .mod-custom div p:nth-child(2)
{
font-size: 56px;
width: 100%;
}
#propos .mod-custom div p:nth-child(3)
{
font-size: 25px;
width: 100%;
}
.decrip span
{
font-size: 24px;
display: block;
clear: left;
padding: 30px 0;
}
.decrip a
{
font-size: 20px;
margin: 20px 0;
display: block;
padding: 20px;
background: #fff;
color: #000;
text-decoration: none;
width: 26%;
border-radius: 5px;
}
#propos .mod-custom div p:nth-child(4) a
{
font-size: 20px;
margin: 20px 0;
display: block;
padding: 20px;
background: #A73B4D;
color: #fff;
text-decoration: none;
width: 51%;
border-radius: 5px;
}
#temoin
{
width: 100%;
height: 500px;
background: #fff;
display: table;
}
#temin
{
width: 80%;
height: 300px;
margin: 0 auto;
padding: 100px 0 100px 0 ;
}
#temin2
{
width: 80%;
height: 300px;
margin: 0 auto;
padding: 100px 0 100px 0 ;
display: table;
}
#temin .moduletable h3
{
font-size: 58px;
text-align: center;
font-weight: normal;
}
#temin2 .mod-custom
{
float: left;
}
#temin2 .mod-custom:nth-child(2)
{
float: right;
}
#footee
{
width: 100%;
height: 80px;
background:#30579E;
}
.owl-carousel .owl-stage {
position: absolute;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
width: 100%;
display: block;
height: 300px;
}
#foot-cont
{
width: 80%;
height: 80px;
margin: 0 auto;
color: #fff;
}
#copy
{
width: 15%;
height: 80px;
float: left;
font-size: 19px;
line-height: 80px;
}
#menuss
{
width: 65%;
height: 80px;
float: left;
}
#callcall
{
width: 20%;
height: 70px;
float: left;
padding: 9px 0 0 0;
}
#menuss .mod-menu {
width: 37%;
display: table;
float: right;
list-style: none;
height: 30px;
margin: 26px 3% 0 0;
padding: 0;
}
#menuss .mod-menu li
{
display: table-cell;
text-align: center;
list-style: 30px;
}
#menuss .mod-menu li a
{
text-decoration: none;
color: #fff;
font-size: 20px;
transition: 0.3s all;
}
#menuss .mod-menu li a:hover
{
text-decoration: none;
color: #000;
font-size: 20px;
transition: 0.3s all;
}
#callcall img{
width: 100%;
height: auto;
}
#callcall p:nth-child(1){
margin: 0 10px 0 0;
float: left;
width: 17%;
height: auto;
}
#callcall p:nth-child(2){
font-size: 12px;
padding: 10px 0 0 0;
}
#callcall p:nth-child(3){
font-size: 21px;
font-weight: bold;
padding: 0;
}
#grande
{
width: 100%;
height: 500px;
background: #999;
overflow: hidden;
position: relative;
color: #fff;
}
#grande .mod-custom
{
}
#grande .mod-custom p:nth-child(1)
{
}
#grande .mod-custom p:nth-child(2)
{
position: absolute;
top: 0;
height: 500px;
left: 0;
z-index: 2;
width: 100%;
display: block;
}
#grande .mod-custom p:nth-child(2) span
{
font-size: 60px;
margin: 0 auto;
width: 80%;
height: 300px;
display: block;
padding: 200px 0 0 0
}
#cont-propos
{
width: 100%;
height: 450px;
padding: 150px 0 300px 0;
background: #A73B4D;
display: table;
}
#propos2
{
width: 80%;
height: 450px;
margin: 0 auto;
display: table;
padding: 0 0 150px 0;
}
#propos2 .mod-custom p
{
float: left;
width: 40%;
}
#propos2 .mod-custom div
{
float: right;
width: 45%;
height: 300px;
display: table;
color: #fff;
}
#propos2 .mod-custom div p:nth-child(1)
{
font-size: 35px;
width: 100%;
}
#propos2 .mod-custom div p:nth-child(2)
{
font-size: 56px;
width: 100%;
}
#propos2 .mod-custom div p:nth-child(3)
{
font-size: 25px;
width: 100%;
}
#propos2 .mod-custom div p:nth-child(4) a
{
font-size: 20px;
margin: 20px 0;
display: block;
padding: 20px;
background: #A73B4D;
color: #fff;
text-decoration: none;
width: 51%;
border-radius: 5px;
}
#prosess
{
width: 80%;
height: 500px;
display: table;
margin: 0 auto;
position: relative;
}
#pros-in
{
width: 100%;
height: 600px;
position: absolute;
top: -300px;
}
#pros-in .moduletable h3
{
text-align: center;
font-size: 35px;
color: #fff;
padding: 40px 0;
font-weight: normal;
}
#pros-in .mod-custom div
{
width: 16%;
height: 370px;
background: #fff;
float: left;
border-radius: 10px;
margin: 0 2.5%;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
padding:4% 2%;
color:#000;
}
#pros-in .mod-custom div i
{
font-size: 70px;
margin: 0 0 30px 0;
}
#pros-in .mod-custom div h2
{
margin: 0 0 30px 0;
color: #000;
}
#pros-in .mod-custom div span
{
font-size: 18px;
}
#propos .mod-custom .serv
{
float: left;
width: 50%;
}
#propos .mod-custom .serv p img
{
width: 90%;
height: 389px;
display: block;
margin: 0 auto;
overflow: hidden;
border-radius: 15px;
}
#propos .mod-custom .serv h2
{
text-align: center;
font-size: 35px;
color: #fff;
padding: 20px 0;
}
#propos .mod-custom .serv span
{
font-size: 18px;
color: #fff;
text-align: justify;
padding: 37px;
display: block;
clear: left;
}
#menus .mod-menu li.active a
{
color: #A73B4D;
}
#mod-custom124 {
display: table;
width: 50%;
float: left;
list-style: 40px;
}
#propos .mod-custom div.heure {
float: right;
width: 68%;
height: 300px;
display: table;
color: #fff;
padding: 0 8% 0 0;
font-size: 18px;
}
#propos .mod-custom div.heure h4
{
font-size: 35px;
font-weight: normal;
}
#propos .mod-custom div.heure a
{
text-decoration: none;
color: #fff;
}
.rapid_contact {
float: left;
width: 35%;
height: 300px;
}
#propos input
{
width: 90%;
height: auto;
background: none;
border: 1px solid #fff;
padding: 5%;
color: #fff;
font-size: 20px;
border-radius: 5px;
}
#propos .input-group
{
width:100%;
clear: left;
}
#propos textarea {
width: 90%;
height: 150px;
border-radius: 5px;
border: 1px solid #fff;
background: none;
color: #fff;
padding: 5%;
font-size: 20px;
}
#propos input::placeholder, #propos textarea::placeholder {
color: #fff;
}
#propos .input-group label {
display: block;
margin: 11px 0;
color: #fff;
}
#propos .rapid_contact_form div:nth-child(4) input
{
width: 20%;
height: auto;
background: none;
border: 1px solid #fff;
padding: 1% 5%;
color: #fff;
font-size: 20px;
border-radius: 5px;
}
#domaine
{
width: 100%;
height: 600px;
display: table;
background: #999;
}
#conterndo
{
width: 80%;
height: 600px;
display: table;
margin: 0 auto;
padding: 100px 0;
}
#conterndo .moduletable h3 {
font-size: 58px;
text-align: center;
font-weight: normal;
}
#conterndo .moduletable .dom1
{
float: left;
margin: 50px 0 0 0;
}
#conterndo .moduletable .dom1 span
{
text-align: center;
font-size: 30px;
margin: 0 0 30px 0;
display: block;
}
#conterndo .moduletable .dom1 img
{
width: 80%;
height: auto;
margin: 0 auto;
display: block;
border-radius: 10px;
overflow: hidden;
}
#mobilemenuck-1-mobile-bar, #mobilemenuck-1-mobile, #mobilemenuck-1-wrap
{
display: none;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
background: #333!important;
-moz-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
margin-top: 4px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;
padding-left: 15px;
line-height: 35px;
}
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open {
background: #A73B4D!important;
}