784 lines
19 KiB
CSS
784 lines
19 KiB
CSS
@font-face {
|
|
font-family: 'Amiko';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('../fonts/amiko/amiko-v5-latin-regular.eot'); /* IE9 Compat Modes */
|
|
src: local(''),
|
|
url('../fonts/amiko/amiko-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
url('../fonts/amiko/amiko-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
|
url('../fonts/amiko/amiko-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
|
|
url('../fonts/amiko/amiko-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
url('../fonts/amiko/amiko-v5-latin-regular.svg#Amiko') format('svg'); /* Legacy iOS */
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
background: #293A4E;
|
|
font-family: Verdana,Amiko,sans-serif;
|
|
font-size:12px;
|
|
letter-spacing:0;
|
|
-moz-text-size-adjust: 100%;
|
|
-moz-text-size-adjust: 100%;
|
|
}
|
|
|
|
img { border: 0; }
|
|
|
|
/* #gabarit_b1 = première barre du haut */
|
|
#gabarit_b1 { background: #293a4e; height: 30px; }
|
|
|
|
/* #gabarit-new-logo = logo */
|
|
#gabarit-new-logo {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:200px;
|
|
background-color:#345976;
|
|
}
|
|
|
|
#gabarit-new-logo img {
|
|
position:relative;
|
|
z-index:20;
|
|
top:4px;
|
|
}
|
|
|
|
#gabarit-new-logo span.dvp {
|
|
display:block;
|
|
position:absolute;
|
|
top:5px;
|
|
left:40px;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
font-size:.9rem;
|
|
content: ' ';
|
|
width:130px;
|
|
height:20px;
|
|
background: transparent url(/template/images/developpez.com.png) no-repeat center center;
|
|
}
|
|
|
|
#gabarit-new-logo span.triangle {
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 0 30px 6px;
|
|
border-color: transparent transparent #293a4e transparent;
|
|
}
|
|
|
|
/* #gabarit_superieur = la barre du haut qui donne accès aux différentes parties du site */
|
|
#gabarit_superieur {
|
|
width: 830px;
|
|
height: inherit;
|
|
margin: 0 auto 0 170px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#gabarit_superieur ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align:center;
|
|
background-color:#293a4e;
|
|
}
|
|
|
|
@media screen and (max-width: 1066px) {
|
|
#gabarit_superieur { position: relative; right: 0; top: 0; margin:0; }
|
|
}
|
|
|
|
#gabarit_superieur ul li {
|
|
display: inline;
|
|
line-height: 33px;
|
|
margin-right: 5px;
|
|
transition: background-color .2s linear;
|
|
background-color: #293a4e;
|
|
display: inline-block;
|
|
margin:0;
|
|
text-transform: uppercase;
|
|
transform: skew(-11deg);
|
|
}
|
|
|
|
#gabarit_superieur ul li a {
|
|
position:relative;
|
|
top:0;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
display: block;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#gabarit_superieur ul li:hover { background-color: #345976; cursor:pointer; }
|
|
|
|
#gabarit_superieur a:hover { text-decoration: none; }
|
|
|
|
/* #gabarit_recherche = recherche personnalisée Google */
|
|
#gabarit_recherche {
|
|
position:absolute;
|
|
z-index:14;
|
|
top:1px;
|
|
right:0;
|
|
width: auto;
|
|
background-color:#293a4e;
|
|
height:30px;
|
|
padding:0 6px;
|
|
}
|
|
|
|
#gabarit_recherche input[type=text] { width: 140px; }
|
|
|
|
#gabarit_recherche input[type=submit] {
|
|
font-size: 8pt;
|
|
color: #577F99;
|
|
background: #ACBFCB;
|
|
border: 1px solid #5a7f97;
|
|
position: relative;
|
|
top: -2px;
|
|
width: 80px;
|
|
}
|
|
|
|
#gabarit_recherche .gabarit-btn-menu,
|
|
#gabaritRepereLogout {
|
|
display:inline-block;
|
|
width:36px;
|
|
height:26px;
|
|
background-image: url(/template/images/gabarit-icons.png);
|
|
background-repeat:no-repeat;
|
|
background-color:transparent;
|
|
cursor:pointer;
|
|
position:relative;
|
|
top:3px;
|
|
z-index:12;
|
|
margin-left:4px;
|
|
}
|
|
|
|
#gabarit_recherche .gabarit-btn-menu.contacts { background-position:-98px 0px; }
|
|
#gabarit_recherche .gabarit-btn-menu.contacts:hover { background-position:-245px 0px; }
|
|
|
|
#gabarit_recherche .gabarit-btn-menu.recherche { background-position:-49px 0px; }
|
|
#gabarit_recherche .gabarit-btn-menu.recherche:hover, #gabarit_recherche .gabarit-btn-menu.recherche.open { background-position:-196px 0px; }
|
|
|
|
#gabarit_recherche .gabarit-btn-menu.profil { background-position:0px 0px; }
|
|
#gabarit_recherche .gabarit-btn-menu.profil:hover { background-position:-147px 0px; }
|
|
|
|
#gabarit_recherche .gabarit-btn-menu.dn { display:none; }
|
|
|
|
#gabarit_recherche [role="gabarit-connecter"] {
|
|
display: inline-grid;
|
|
grid-gap: 0 15px;
|
|
grid-template-columns: auto 36px;
|
|
grid-auto-rows: minmax(0, auto);
|
|
align-items: center;
|
|
width: max-content;
|
|
height:30px;
|
|
background: none;
|
|
top: -6px;
|
|
right: 0;
|
|
color: #fff;
|
|
}
|
|
#gabarit_recherche [role="gabarit-connecter"] a { color: #fff; font-weight:bold; }
|
|
|
|
#gabarit-barreRecherche {
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 0;
|
|
background-color:#293a4e;
|
|
border: 1px solid #293a4e;
|
|
width: calc(100% - 244px);
|
|
margin-left:200px;
|
|
height: 28px;
|
|
z-index: 14;
|
|
}
|
|
|
|
#gabarit-barreRecherche form { padding:0 10px; }
|
|
|
|
#gabarit-barreRecherche form div {
|
|
position: relative;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
vertical-align: middle;
|
|
width:100%;
|
|
}
|
|
|
|
#gabarit-barreRecherche form input[type="text"] {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0 0.75rem;
|
|
margin-top:2px;
|
|
font-size: 12px;
|
|
height:22px;
|
|
color: #495057;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
border: 0;
|
|
border-radius: 0.25rem 0 0 0.25rem;
|
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
outline:0;
|
|
}
|
|
|
|
#gabarit-barreRecherche form input[type="submit"],
|
|
#gabaritRepereLogout {
|
|
font-size: 12px;
|
|
line-height: 22px;
|
|
border-radius: 0 .25rem .25rem 0;
|
|
margin-top:2px;
|
|
border:0;
|
|
background-color:#5789b0;
|
|
color:#fff;
|
|
width:170px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
@media screen and (max-width: 1066px) {
|
|
#gabarit-barreRecherche { margin-left:36px; width:calc(100% - 78px); }
|
|
}
|
|
|
|
/* #gabarit_pub0, #gabarit_pub1, #gabarit_pub3 = libellé pub */
|
|
#gabarit_pub0 {
|
|
display: none;
|
|
width: 6px;
|
|
height: 90px;
|
|
margin-right: 5px;
|
|
background-image: url(/template/images/pub728.png);
|
|
}
|
|
|
|
#gabarit_pub1, #gabarit_pub3 {
|
|
display: none;
|
|
width: 81px;
|
|
height: 7px;
|
|
margin-left: 109px;
|
|
margin-top: 1px;
|
|
margin-bottom: 3px;
|
|
background-image: url(/template/images/pub300.png);
|
|
}
|
|
|
|
#gabarit_pub4 {
|
|
display: none;
|
|
width: 81px;
|
|
height: 7px;
|
|
margin-left: 40px;
|
|
margin-top: 1px;
|
|
margin-bottom: 3px;
|
|
background-image: url(/template/images/pub300.png);
|
|
}
|
|
|
|
/* #gabarit_menu = barre de menus */
|
|
#gabarit_menu {
|
|
clear: both;
|
|
background-color: #5789b0;
|
|
border-top:2px solid #293a4e;
|
|
height: auto;
|
|
margin: 0;
|
|
position:relative;
|
|
z-index:10;
|
|
display:flex;
|
|
}
|
|
|
|
#gabarit_menu a { text-decoration: none; }
|
|
|
|
#gabarit_menu > li {
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
line-height: 28px;
|
|
margin:0;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
#gabarit_menu > li:first-child { border: 0; }
|
|
|
|
#gabarit_menu > li > a {
|
|
display: block;
|
|
height: 100%;
|
|
padding: 0 10px;
|
|
color: white;
|
|
font-weight:bold;
|
|
font-size:11px;
|
|
}
|
|
|
|
#gabarit_menu > li a div#gabarit_home {
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-position:0 0;
|
|
background-image: url(/template/images/gabarit-home.png);
|
|
width: 36px;
|
|
height: 26px;
|
|
}
|
|
|
|
|
|
#gabarit_menu > li a.gabarit_selection {
|
|
background: #eaf5f8;
|
|
background: -moz-linear-gradient(top, #eaf5f8 0%, #d8e6ec 37%, #aed1dd 100%);
|
|
background: -webkit-linear-gradient(top, #eaf5f8 0%,#d8e6ec 37%,#aed1dd 100%);
|
|
background: linear-gradient(to bottom, #eaf5f8 0%,#d8e6ec 37%,#aed1dd 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf5f8', endColorstr='#aed1dd',GradientType=0 );
|
|
color:#000;
|
|
}
|
|
|
|
#gabarit_menu > li a.gabarit_selection div#gabarit_home { background-position:-72px 0; }
|
|
|
|
#gabarit_menu > li a.gabarit_selection:hover, #gabarit_menu > li > a:hover, #gabarit_menu > li:hover > a { background: #345976; color: #fff; }
|
|
|
|
#gabarit_menu > li a.gabarit_selection:hover div#gabarit_home, #gabarit_menu > li a:hover div#gabarit_home { background-position:-36px 0; }
|
|
|
|
/* .gabarit_tooltip = infobulle au survol des méga-rubriques */
|
|
.gabarit_tooltip { display: none; }
|
|
|
|
#gabarit_menu > li > a:hover > .gabarit_tooltip {
|
|
display: block;
|
|
position: absolute;
|
|
width: auto;
|
|
white-space:nowrap;
|
|
height: 30px;
|
|
top: -30px;
|
|
left: 0;
|
|
background: #000;
|
|
color: #fff;
|
|
font-size: .7rem;
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
padding: 0 20px;
|
|
}
|
|
|
|
#gabarit_menu > li:last-child > a:hover > .gabarit_tooltip { left: auto; right:0; }
|
|
|
|
/* .gabarit_sousmenu = les menus déroulants */
|
|
#gabarit_menu li:hover .gabarit_sousmenu { display: block; }
|
|
|
|
.gabarit_sousmenu {
|
|
display: none;
|
|
position: absolute;
|
|
border: solid 3px #345976;
|
|
-webkit-border-radius: 0 .25rem .25rem .25rem;
|
|
border-radius: 0 0 .25rem .25rem;
|
|
padding: 0px;
|
|
background-color: #fff;
|
|
z-index: 1100;
|
|
min-width:150px;
|
|
}
|
|
|
|
.gabarit_menu li:hover .gabarit_sousmenu, .gabarit_menu a:hover .gabarit_sousmenu { display: block; }
|
|
|
|
#gabarit_menu > li:last-child .gabarit_sousmenu { left: -84px; }
|
|
|
|
.gabarit_sousmenu li {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
height: 28px;
|
|
}
|
|
|
|
.gabarit_sousmenu li a {
|
|
display: block;
|
|
white-space: nowrap;
|
|
color: #293a4e;
|
|
padding: 0 10px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.gabarit_sousmenu li a:hover {
|
|
color: #fff;
|
|
background-color: #345976;
|
|
transition: background-color 0.1s linear;
|
|
}
|
|
|
|
/* #gabarit_barre1 = première barre de boutons, #gabarit_barre2 = deuxième barre de boutons */
|
|
#gabarit_barre1 {
|
|
background-color: #426c8c;
|
|
margin: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
border-top: 2px solid #293a4e;
|
|
/* height: 25px; */
|
|
height:auto;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#gabarit_barre2 {
|
|
background-color: #345976;
|
|
border-width: 2px 0;
|
|
border-color: #293a4e;
|
|
border-style: solid;
|
|
padding: 0 10px;
|
|
height:auto;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#gabarit_barre2 ul {
|
|
font-size: .8rem;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
height:inherit;
|
|
}
|
|
|
|
#gabarit_barre1 a, #gabarit_barre2 ul a {
|
|
display:inline-block;
|
|
position:relative;
|
|
top:-2px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
#gabarit_barre1 a { font-size: 11px; padding: 0 10px; }
|
|
|
|
#gabarit_barre2 ul a { font-size: 11px; padding: 0 8px; }
|
|
|
|
#gabarit_barre1 li, #gabarit_barre2 li { display: inline-block; margin:0; }
|
|
|
|
#gabarit_barre1 li { line-height: 24px; }
|
|
|
|
#gabarit_barre2 li { line-height: 20px; }
|
|
|
|
#gabarit_barre1 li.gabarit_selection {
|
|
background: #eaf5f8;
|
|
background: -moz-linear-gradient(top, #eaf5f8 0%, #d8e6ec 37%, #aed1dd 100%);
|
|
background: -webkit-linear-gradient(top, #eaf5f8 0%,#d8e6ec 37%,#aed1dd 100%);
|
|
background: linear-gradient(to bottom, #eaf5f8 0%,#d8e6ec 37%,#aed1dd 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf5f8', endColorstr='#aed1dd',GradientType=0 );
|
|
}
|
|
|
|
#gabarit_barre1 li.gabarit_selection:hover, #gabarit_barre1 li:hover { background: #10436b; }
|
|
|
|
#gabarit_barre1 li.gabarit_selection a { color:#293a4e; }
|
|
|
|
#gabarit_barre2 li:hover { background-color: #10334f; }
|
|
|
|
#gabarit_barre2 li.gabarit_selection { background-color: #0e2d46; }
|
|
|
|
#gabarit_barre1 li:hover a, #gabarit_barre2 li:hover a { color: #fff; }
|
|
|
|
@-moz-document url-prefix() {
|
|
#gabarit_barre2 li { min-width: 50px; }
|
|
#gabarit_barre1 li a, #gabarit_barre2 li a { display: block; position: relative; top: 0; line-height:inherit; }
|
|
}
|
|
|
|
.gabarit_social {
|
|
display: block;
|
|
position: relative;
|
|
float: right;
|
|
margin: 2px 0 0 5px;
|
|
background-image: none;
|
|
cursor: pointer;
|
|
z-index: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url(/template/images/social.png);
|
|
}
|
|
|
|
.gabarit_facebook { background-position: 0px 0px; }
|
|
|
|
.gabarit_rss { background-position: 16px 0px; }
|
|
|
|
.gabarit_linkedin { background-position: 32px 0px; }
|
|
|
|
.gabarit_twitter { background-position: 48px 0px; }
|
|
|
|
/* gabarit_pubBB = emplacement Big banner */
|
|
#gabarit_pubBB, #gabarit_megaban_bas {
|
|
position: relative;
|
|
width: 100%;
|
|
height:100px;
|
|
background-color: #e1e1e2;
|
|
padding:5px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
/* .contenuPage = tout l'espace utile du site, entre l'en-tête gabarit et le pied du gabarit */
|
|
.contenuPage { padding: 0 .5rem 20px; background: #e1e1e2; }
|
|
|
|
.contenuPage h1:first-of-type,
|
|
.contenuPage h2:first-of-type,
|
|
.contenuPage h3:first-of-type,
|
|
.contenuPage h4:first-of-type,
|
|
.contenuPage h5:first-of-type,
|
|
.contenuPage h6:first-of-type { margin-top:0; padding-top:20px; }
|
|
|
|
/* #gabarit_responsable = zone où est indiqué qui est responsable de cette rubrique */
|
|
|
|
#gabarit_responsable {
|
|
padding: 5px 0;
|
|
background-color: #293a4e;
|
|
font-size: 8pt;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-align: center;
|
|
border-width: 1px 0 1px 0;
|
|
border-color: #5a7f97;
|
|
border-style: solid;
|
|
}
|
|
|
|
#gabarit_responsable a { color: #fff; text-decoration: none; }
|
|
|
|
#gabarit_responsable a:hover { text-decoration: underline; }
|
|
|
|
/* #gabarit_pied = pied de page */
|
|
#gabarit_pied {
|
|
text-align: center;
|
|
list-style-type: none;
|
|
margin: 5px 0 0 0;
|
|
padding: 0;
|
|
font-size: 8pt;
|
|
color: #fff;
|
|
}
|
|
|
|
#gabarit_pied li {
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
#gabarit_pied a { text-decoration: none; color: #fff; }
|
|
|
|
#gabarit_pied a:hover { text-decoration: underline; }
|
|
|
|
#gabarit_copyright {
|
|
text-align: center;
|
|
color: #7292a7;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
font-size: 8pt;
|
|
margin:0;
|
|
padding:5px 0;
|
|
}
|
|
|
|
#gabarit_cnilcookie {
|
|
position: fixed;
|
|
font-size: 10pt;
|
|
border: 1px solid black;
|
|
color: black;
|
|
background: #ffe;
|
|
padding: 1em;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pubtuto { border: 0 !important; background-color: #fff !important; }
|
|
|
|
.pubtuto div:first-child { text-align: center; margin-bottom: 1em; }
|
|
|
|
.pubtuto div:last-child { border: 1px solid #ddd; border-radius: 7px; background-color: rgba(155, 177, 188, 0.1); }
|
|
|
|
.pubtuto #gabarit_pub1 { margin: 0 auto; border: 0; }
|
|
|
|
@media screen and (max-width: 1270px) {
|
|
.pubtuto div:first-child { display: none; }
|
|
}
|
|
|
|
#div-gpt-ad-1407836094815-0 { position: relative; top: -4px; }
|
|
|
|
#div-gpt-ad-1407836209633-0 { position: relative; top: -3px; }
|
|
|
|
/* CHECKBOX */
|
|
.checkBlok .checkbox { display:inline-block; padding:0; margin:0; }
|
|
.checkBlok .checkbox label { margin-bottom:0; }
|
|
.checkBlok .checkbox label:after { content: ''; display: table; clear: both; }
|
|
.checkBlok .checkbox .cr {
|
|
position: relative;
|
|
top:2px;
|
|
display: inline-block;
|
|
border: 1px solid #abc9b2;
|
|
color: rgba(4, 8, 2, 0.5);
|
|
background-color: #fff;
|
|
border-radius: .25em;
|
|
width: 1.3em;
|
|
height: 1.3em;
|
|
float: none;
|
|
margin-right: .2em;
|
|
}
|
|
.checkBlok .checkbox .cr .cr-icon {
|
|
position: absolute;
|
|
line-height: 0;
|
|
top: .7em;
|
|
left: .2em;
|
|
font-size:10px;
|
|
}
|
|
.checkBlok .checkbox label input[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
.checkBlok .checkbox label input[type="checkbox"] + .cr > .cr-icon {
|
|
transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;
|
|
}
|
|
.checkBlok .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
|
|
transform: scale(1) rotateZ(0deg); opacity: 1;
|
|
}
|
|
.checkBlok .checkbox label.off {
|
|
opacity:.3;
|
|
}
|
|
.checkBlok .checkbox label input[type="checkbox"]:disabled + .cr {
|
|
opacity: .05;
|
|
border-color:red;
|
|
cursor:default;
|
|
}
|
|
|
|
/* colonne de droite */
|
|
#suite_colonne_droite {
|
|
background: #f7f7f7;
|
|
border: 1px solid #b1b1b1;
|
|
overflow: unset;
|
|
-webkit-transition: all .2s ease;
|
|
-moz-transition: all .2s ease;
|
|
-ms-transition: all .2s ease;
|
|
-o-transition: all .2s ease;
|
|
transition: all .2s ease;
|
|
}
|
|
|
|
.colonneDroite #suite_colonne_droite:before,
|
|
.colonneDroite #suite_colonne_droite::before {
|
|
display:block;
|
|
background: #293a4e;
|
|
color:#fff;
|
|
content: attr(data-title);
|
|
text-align:center;
|
|
font-weight:bold;
|
|
font-size:11px;
|
|
line-height:17px;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
#suite_colonne_droite .voiraussiTitle {
|
|
display: block;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
margin-bottom: 0px;
|
|
margin-top: 4px;
|
|
border: 3px solid #fff;
|
|
text-align: center;
|
|
padding: 3px;
|
|
background: #eee;
|
|
-webkit-border-radius: .35rem .35rem 0 0;
|
|
border-radius: .35rem .35rem 0 0;
|
|
color:#000;
|
|
text-transform:none;
|
|
line-height:1rem;
|
|
font: 8pt Verdana;
|
|
font-weight: bold;
|
|
}
|
|
#suite_colonne_droite .voiraussiTitle:before,
|
|
#suite_colonne_droite .voiraussiTitle::before { content: attr(data-title); }
|
|
|
|
#suite_colonne_droite .voiraussi {
|
|
background: #f7f7f7;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
margin-bottom:5px;
|
|
padding:10px;
|
|
border: 3px solid #fff;
|
|
border-width: 0px 3px 3px 3px;
|
|
-webkit-border-radius: 0 0 .35rem .35rem;
|
|
border-radius: 0 0 .35rem .35rem;
|
|
}
|
|
#suite_colonne_droite .voiraussi ul { margin-bottom:0; padding-left:25px; }
|
|
#suite_colonne_droite .voiraussi ul .voiraussiItem { margin-top:5px; }
|
|
#suite_colonne_droite .voiraussi ul .voiraussiItem a {
|
|
color:#000;
|
|
position:relative;
|
|
top:-4px;
|
|
left:5px;
|
|
}
|
|
#suite_colonne_droite .voiraussi .tag { background-color: #000; padding:0.3em 0.6em 0.4em; margin-right:2px; }
|
|
#suite_colonne_droite .voiraussi .tag:hover { box-shadow: none; margin-right:2px; }
|
|
#suite_colonne_droite .voiraussiScrollable { max-height:none; }
|
|
|
|
/* CONNEXION */
|
|
#gabarit_connexion,
|
|
[role="gabarit-connecter"] {
|
|
display:none;
|
|
width: calc(100% - 94px);
|
|
height: 30px;
|
|
margin: 0;
|
|
margin-left: 46px;
|
|
padding:0;
|
|
position: relative;
|
|
top:0;
|
|
left:0;
|
|
z-index: 30;
|
|
text-align: left;
|
|
overflow:hidden;
|
|
background:#293a4e;
|
|
}
|
|
|
|
[role="gabarit-connecter"] {
|
|
width: calc(100% - 260px);
|
|
margin-left: 210px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
line-height:30px;
|
|
}
|
|
|
|
#gabarit_connexion form {
|
|
width:auto;
|
|
height:30px;
|
|
line-height:30px;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#gabarit_connexion form > div { display:inline-block; position:relative; padding-right:20px; margin-right:4px; }
|
|
|
|
#gabarit_connexion form span { margin: 0 10px; }
|
|
|
|
#gabarit_connexion form a { color:#fff; }
|
|
|
|
#gabarit_connexion form #mdpoublier { position:relative; top:1px; margin:0 25px 0 10px; }
|
|
|
|
#gabarit_connexion .form-control,
|
|
#gabarit_connexion #formbuttonConnexion,
|
|
#gabarit_connexion #inscriptionConnexion,
|
|
#gabaritRepereLogout {
|
|
height:20px;
|
|
font-size:.8rem;
|
|
-webkit-border-radius:0;
|
|
border-radius:0;
|
|
}
|
|
|
|
#gabarit_connexion .form-control {
|
|
display: inline-block;
|
|
width:120px;
|
|
padding:3px 5px;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
#gabarit_connexion #formbuttonConnexion,
|
|
#gabarit_connexion #inscriptionConnexion,
|
|
#gabaritRepereLogout {
|
|
width:max-content;
|
|
padding: 0 10px;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
#gabaritRepereLogout {
|
|
margin:0;
|
|
position:relative;
|
|
top:0;
|
|
height: 26px;
|
|
width:36px;
|
|
padding:0;
|
|
}
|
|
#gabaritRepereLogout:hover { background-color: #e8d157; }
|
|
|
|
#gabaritRepereLogout { background-position:-322px 0px; }
|
|
#gabaritRepereLogout:hover { background-position:-362px 0px; }
|
|
|
|
#gabaritRepereLogout> i { font-size: 12px; color: #293a4e; text-shadow:1px 1px 0 #ffe86e; }
|
|
|
|
#gabarit_connexion #formbuttonConnexion.actif { background-color: #138d0f; box-shadow: none; }
|
|
|
|
#gabarit_connexion #loadingConnexion { display:none; position:absolute; right:0; top:7px; width: 18px; height: 18px; border-width: 0.2em; }
|
|
|
|
[role="gabarit-connecter"] > span > a { color:#fff; }
|
|
|
|
[role="gabarit-connecter"] > span > img {
|
|
height: 22px;
|
|
margin: 0 12px;
|
|
position: relative;
|
|
top: -2px;
|
|
border: 1px solid #0000003b;
|
|
-webkit-box-shadow:0px 0px 1px 0px #fff;
|
|
box-shadow:0px 0px 1px 0px #fff;
|
|
vertical-align: middle;
|
|
}
|