Current Directory: /home/astoriaah/www/old15/templates/client/css
Viewing File: /home/astoriaah/www/old15/templates/client/css/custom.css
.logo-astoria {margin:0px;padding:0px;}
#langue {position: absolute; top:15px; right:0px; z-index:999; color:#fff; width: 200px; height: 40px; text-align:right;}
div.mod-languages a, div.mod-languages a:hover, div.mod-languages a:visited {color:#fff; text-decoration:none;}
.sidebar-2 h1,
.sidebar-2 h2,
.sidebar-2 h3,
.sidebar-2 h4,
.sidebar-2 h5,
.sidebar-2 h6,
.sidebar-2 a
{color:#fff;}
p.infos {font-size: 0.9em;}
.brick {
width: 195px;
height: 195px;
background: transparent !important;
text-align: left;
margin: 0px;
}
.brick .nav-item {
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;
font-size: 19.2px;
}
.brick .nav-item .nav-hover {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: -8px;
left: -8px;
border: 8px solid rgba(255,255,255,0.5);
opacity: 0;
z-index: 1;
-webkit-transition: 0.2s ease-in-out all;
-moz-transition: 0.2s ease-in-out all;
-o-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.brick .nav-item:hover .nav-hover {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
z-index: 9999;
}
.brick.thumb {
background: none !important;
}
.bleu-xpert { background:#3b607e}
.bleu-cab { background:#456c9e}
#footerwrap {
position: fixed;
bottom: 0px;
margin:0;
left:0;
right:0;
width: 100%;
height: 60px;
background:#161616;
border-top: 1px solid #333333;
padding:0;
text-shadow: 1px 1px 1px #000;
z-index: 9999 !important;
/* CSS3 Stylings - Creates the double top border */
-moz-box-shadow: 0px -1px 0px #161616;
-webkit-box-shadow: 0px -1px 0px #161616;
box-shadow: 0px -1px 0px #161616;
/* CSS3 Stylings - Creates the gradient background */
background: -moz-linear-gradient(top, #222222, #111111);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
}
#footerwrap .container-sociaux {float: left; margin: 20px 0px;}
#footerwrap .container-sociaux img {border:none;}
#footerwrap .container-sociaux .bouton-social {margin-right: 20px;}
#footerwrap span.baseline {
display:inline-block;
color: #808080;
margin: 5px 0px 3px 0px;
font-size: 1.4em;
font-weight:bold;
}
#footerwrap span.designed-by
{
color: #cfcfcf;
font-size: 0,7em;
text-transform:none;
}
#footerwrap a
{
color: #cfcfcf;
}
#footerwrap a:hover
{
color: #fff; text-decoration:none; border:none;
}
.inset-container .moduletable, .inset-container #main, .inset-container .tab-content
{
margin-bottom: 10px;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 3px 8px rgba(0, 0, 0, 0.05);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
.inset-container #main
{
background-color: rgb(255, 255, 255) !important;
background-color: rgba(255, 255, 255, 0.85) !important;
}
.inset-container #main h3 {font-weight: 600; font-size: 17px;}
#sidebar-2 .moduletable, .sidebar-2 {
background-color: rgb(0, 0, 0) !important;
background-color: rgba(0, 0, 0, 0.4) !important;
}
.sidebar-1 {
background-color: transparent !important;
padding: 0px !important;
max-width: 70px !important;
}
#mainWrap div.moduletable .sidebar-1, #mainWrap div.moduletable .sidebar-1 p {
color:#fff !important;
}
.sidebar-2 h3, .sidebar-2 h4, .sidebar-2 p, .sidebar-2 ul li { color:#fff !important;}
#sidebar-2 .moduletable h3, #sidebar-2 .moduletable h4, #sidebar-2 .moduletable p, #sidebar-2 .moduletable ul li { color:#fff !important;}
.boutonwrap {position: relative;}
.t3-off-canvas {top: 125px !important; z-index:99 !important;}
.t3-off-canvas .t3-off-canvas-header {
background-color: #8a8a8a !important;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #ffffff;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 12px;
height: 50px !important;
position: relative;
}
.off-canvas-toggle
{
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #ffffff;
margin-right: 0px;
outline-width: medium;
outline-style: none;
position: absolute;
left: 0px;
top: 125px;
border-top-width: 0px;
border-right-width-value: 0px;
border-bottom-width: 0px;
border-left-width-value: 0px;
border-top-style: none;
border-right-style-value: none;
border-bottom-style: none;
border-left-style-value: none;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 40px;
height: 50px;
margin-bottom: 0px;
z-index:999;
}
.off-canvas-toggle:hover {
background-color:transparent;
}
.fa-menu {
position: absolute;
top: -33px;
left: -43px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#t3-off-canvas .t3-off-canvas-body .nav li a
{
color: #333333;
text-align:center !important;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
#t3-off-canvas .t3-off-canvas-body .nav li.active > a
{
border:none !important;
color: #3e6381;
}
.btnoff
{
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease-in;
transition-delay: 0s;
color: #ffffff;
background-color: #8a8a8a;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border-top-width: 1px;
border-right-width-value: 1px;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-top-style: solid;
border-right-style-value: solid;
border-bottom-style: solid;
border-left-style-value: solid;
border-top-color: #375873;
border-right-color-value: #375873;
border-bottom-color: #375873;
border-left-color-value: #375873;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 0px;
}
.btnoff:hover
{
color: #ffffff;
background-color: #8a8a8a;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border-top-width: 1px;
border-right-width-value: 1px;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-top-style: solid;
border-right-style-value: solid;
border-bottom-style: solid;
border-left-style-value: solid;
border-top-color: #133f65;
border-right-color-value: #133f65;
border-bottom-color: #133f65;
border-left-color-value: #133f65;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
}
#logowrap
{
border: none !important;
height: 115px !important;
}
.accueil #logowrap
{
border: none !important;
height: 160px !important;
}
/*.accueil #logowrap .container {
height: 195px !important;
padding:0px;
}*/
#logo {
position: absolute;
height: 160px;
top: 0px;
background-color: transparent !important;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
padding:0px;
z-index:999;
}
#logo img
{
display: block;
margin-left: 0px;
margin-top: 0px;
}
.metro-home { background: transparent !important; padding: 0px !important; margin: -29px 0px 0px 0px !important;}
.slogan {max-width: 580px;}
.slogan, p.slogan {color: #ffffff !important; text-align:right; padding-right:5px;}
p.slogan {font-size: 1.5em; margin-top: -10px;}
a[data-lightbox] img, img.left
{
float:left;
}
#breadcrumb .moduletable, .breadcrumb {background: transparent !important;}
/* bannerwrap */
#bannerwrap a.blanc
{
color: #fff;
}
#bannerwrap a.blanc:hover
{
color: #fff;
}
.accueil #bannerwrap .moduletable
{
box-shadow:none !important;
}
/* Sinister special carres 130px metiers */
.ImageWrapper2 {float: left; background: #084a7e; width:120px; height:120px;-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);display: block;overflow: hidden;position: relative; margin: 0px 20px 20px 0px;}
.ContentWrapperHe .ContentHe-bleu1, .ContentWrapperHe .ContentHe-bleu2,.ContentWrapperHe .ContentHe-bleu3
{
position: absolute;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0px;
transform: scale(0);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
.ImageWrapper2-bleu2 { background: #3c6280;}
.ImageWrapper2-bleu3 { background: #456c9e;}
.ContentWrapperHe .ContentHe-bleu1 { background-color:#084a7e;}
.ContentWrapperHe .ContentHe-bleu2 { background-color:#3c6280;}
.ContentWrapperHe .ContentHe-bleu3 { background-color:#456c9e;}
.ContentWrapperHe:hover .ContentHe-bleu1, .ContentWrapperHe:hover .ContentHe-bleu2, .ContentWrapperHe:hover .ContentHe-bleu3 {opacity: 1;visibility: visible;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
.ContentWrapperHe:hover .ContentHe {position: absolute;top:0px; left: 0px;background-color:#084a7e; border:#fff 1px solid;}
.ContentWrapperHe:hover .ContentHe .Content {padding: 35px 10px 0px 15px;}
.ContentWrapperHe:hover .ContentHe .Content a,
.ContentWrapperHe:hover .ContentHe .Content a:hover
{font-size: 1.em; color:#fff; text-align:center; text-decoration:none;}
#sidebar-2 ul.nav > li a, #sidebar-2 ul.nav > li .separator
{
color: #ffffff !important;
}
#sidebar-2 a, #sidebar-2 a:active, #sidebar-2 ul.nav > li a:hover, #sidebar-2 ul.nav > li .nav-header:hover, #sidebar-2 ul.nav > li .separator:hover, #sidebar-2 ul.nav > li.active > a,#sidebar-2 ul.nav > li.active > a:hover, #sidebar-2 ul.nav > li.active span:hover
{
color: #fff !important;
}
#sidebar-2 a:hover, #sidebar-2 a:active, #sidebar-2 ul.nav > li a:hover, #sidebar-2 ul.nav > li .nav-header:hover, #sidebar-2 ul.nav > li .separator:hover, #sidebar-2 ul.nav > li.active > a,#sidebar-2 ul.nav > li.active > a:hover, #sidebar-2 ul.nav > li.active span:hover, #langue ul li a:hover
{
color: #418df2 !important;
text-decoration: none;
}
#topwrap
{
position:absolute;
top: 0px;
left: 80%;
font-size: 90%;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border-top-width: medium;
border-top-style: none;
border-bottom-width: medium;
border-bottom-style: none;
color: #ffffff;
z-index:999;
}