body {
overflow-x: hidden;
}
html, body, #wrap {
height: 100%;
padding:0px;
margin:0px;
position:relative;
font-family: 'Roboto Condensed', sans-serif;
font-color:#222222;
font-size: 18px;
line-height: 28px;
font-style: normal;
font-weight:300;
}
.input {
font-family: 'Roboto Condensed', sans-serif;
font-color:#222222;
font-size: 18px;
line-height: 28px;
font-style: normal;
font-weight:300;
border-radius:4px;
box-shadow:inset 0 0 1px 0px #888;
background: #fff;
margin:4px 0px 4px 0px;
}
body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
box-shadow: 0px 0px 10px rgba(0,0,0,.8);
z-index: 100;
}
a {
color:#447892;
font-weight:400;
}
a:hover {
color:#445192;
}
.ident {
margin-left: 40px;
}
table {
font-size: 18px;
line-height: 24px;
font-style: normal;
font-weight:300;
}
.nouvelle {
margin-bottom:30px;
}
.titreNouvelle {
font-weight:700;
color:#205161;
position:relative;
left:-45px;
margin-bottom:10px;
}
.titrePublication {
font-weight:700;
line-height:24px;
color:#205161;
position:relative;
left:-22px;
margin-bottom:4px;
}
.menuCell a {
text-decoration:none;
color:#008b45;
}
.titreCouverturePublication {
position:absolute;
font-size:1.0em;
font-weight:700;
line-height:24px;
color:#205161;
text-align:center;
margin-top: 50px;
z-index:1;
margin-left: 5px;
margin-right: 5px;
}
.blanc {
z-index:0 !important;
position:relative;
}
.auteurPublication {
font-weight:700;
line-height:24px;
color:#205161;
position:relative;
left:-22px;
font-size:0.80em !important;
}
.fichePublication {
margin-top:10px;
font-size:0.80em !important;
line-height:1.3em;
font-weigth:300;
}
.prixPublication {
font-weight:700 !important;
color:#205161 !important;
font-size:1.5em !important;
text-align:right;
float:right;
}
li {
margin-top:8px;
}
#wrap {
border-top:30px solid #205161;
}
.menuWrap {
width:100%;
border-bottom:none;
}
.menuCell {
position:relative;
display:inline-block;
text-align:center !important;
font-weight:600;
padding:5px;
vertical-align:middle;
}
.menuCell a {
color:white !important;
}
.selected::before {
border-radius: inherit;
content: '';
filter: blur(8px); // Controls the extent of the initial glow
opacity: .75;
position: absolute;
transition: all .3s ease-in-out;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: -1000; // Set behind primary button
}
.menu {
min-width:172px;
width:230px;
height:75px;
border-radius:5px;
font-size:1.2em;
display: table-cell;
vertical-align: middle;
transition-property: background;
transition: font-size;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
text-decoration:none;
}
.notActive {
pointer-events: none;
cursor: default;
}
.selected {
font-size:1.3em;
height:85px;
top:0px;
position:relative;
}
.accueil {
background-color:#a64ca6;
box-shadow: 0px 5px #743574;
text-shadow: 0px 2px #743574;
}
.accueil:hover, .accueil.selected {
background-color:#C993C9;
font-size:1.3em;
}
.accueil.selected::before {
background: #C993C9;
}
.publications {
background-color:#39ca74;
box-shadow: 0px 5px #24b25c;
text-shadow: 0px 2px #24b25c;
}
.publications:hover, .publications.selected {
background-color:#60d48f;
font-size:1.3em;
}
.publications.selected::before {
background: #60d48f;
}
.formations {
background-color: #e54d42;
box-shadow: 0px 5px #cd362c;
text-shadow: 0px 2px #cd362c;
}
.formations:hover, .formations.selected {
background-color:#ea7067;
font-size:1.3em;
}
.formations.selected::before {
background: #ea7067;
}
.liens {
background-color: #f0c330;
box-shadow: 0px 5px #d6a925;
text-shadow: 0px 2px #d6a925;
}
.liens:hover, .liens.selected {
background-color:#f3cf59;
font-size:1.3em;
}
.liens.selected::before {
background: #f3cf59;
}
.menu::first-letter {
font-size: 1.3em;
}
.menu.selected:first-letter {
font-size: 1.3em;
}
.small {
font-size:0.92em !important;
line-height:1.1em;
font-weigth:300;
}
.smaller {
font-size:0.7em !important;
line-height:1.1em;
font-weigth:300;
}
.table {
border-collapse: collapse;
overflow: hidden;
margin: 0px;
display: table;
border-spacing: 6px;
}
.row {
width: 100%;
display: table-row;
text-align: left;
}
.cell {
display: table-cell;
text-align: left;
}
.logoimg {
max-width:800px;
width:90%;
display: block;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}
.centered {
display: block;
margin-left:auto;
margin-right:auto;
}
.content {
padding-top:50px;
width:820px;
padding-bottom:50px;
}
.egideCercle {
max-width:200px;
vertical-align:middle;
padding:0px;
}
.egideCercleFormation {
max-width:none;
width:auto;
margin-top:30px;
}
.footerWrap {
position: relative;
right: 0;
bottom: 0;
left: 0;
}
.subfooter {
border-top:30px solid #205161;
background-color:#f1f1ed;
width:100%;
height:300px;
text-align: center;
}
.subFooter_left {
width:35%;
vertical-align:middle;
padding:20px 50px 20px 15%;
text-align:right;
}
.subFooter_leftFormation {
vertical-align:top;
}
.subFooter_right {
width:65%;
vertical-align:middle;
padding:20px 15% 20px 50px;
font-size:20px;
line-height:30px;
}
.twitterIcon {
width:50px;
vertical-align:middle;
padding-right:20px;
}
.footer_left {
width:50%;
vertical-align:middle;
text-align: right;
padding-right: 60px;
}
.footer_right {
width:50%;
vertical-align:middle;
padding-left: 120px;
}
.coordonnees {
vertical-align:middle;
height:100%;
position:relative;
}
.logofooter {
max-width:400px;
width:140%;
vertical-align:middle;
}
.footer {
width:100%;
height:240px;
background-color: #323232;
background-image: url(footerbck.png);
background-repeat: repeat;
color: white;
text-align: center;
}
.smallView {
display:none;
}
.copyright {
margin-top:10px;
margin-left:50%;
text-align:center;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
border:solid 2px #444;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #111;
box-shadow: 0 18px 10px #222;
transform: rotate(-3deg);
}
.effect2:after
{
transform: rotate(3deg);
right: 2px;
left: auto;
}
#minicartBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
top: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
box-shadow: 0px 5px #e88c00 ;
color: #222222; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 50%; /* Rounded corners */
font-size: 36px; /* Increase font size */
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
background: url('panier2.png') no-repeat;
background-position: center;
background-size: calc(95% - 8px);
width:60px;
height:60px;
background-color:#ffb82d;
font-weight: 400;
font-family: 'Roboto Condensed', sans-serif;
padding-top: 1px;
padding-left: 16px;
line-height: 0px;
letter-spacing:-2px;
}
#minicartBtn:hover {
background-color:#ffd88e;
width:65px;
height:65px;
}
#topBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: #e54d42; /* Set a background color */
box-shadow: 0px 5px #cd362c;
text-shadow: 0px 2px #cd362c;
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */
transition-property: background;
transition: font-size;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
#topBtn:hover {
background-color:#ea7067;
font-size:1.2em;
}
.rsHideLarge {
display:none !important;
}
.minicart-name {
font-size: 18px !important;
}
.nameForm {
width:300px;
}
.emailForm {
width:300px;
}
.messageForm {
width:600px;
}