html,body{
margin: 0;
padding: 0;
}
body{
background:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #646567;
}
/* http://www.screenfeed.fr/blog/personnaliser-les-scrollbars-webkit-0366 */
::-webkit-scrollbar { /* Scrollbars */
width: 14px;
height: 14px;
background: #fff url(../images/bg-blog-repeat.png) 0 0 repeat;
}
::-webkit-scrollbar-track-piece { /* Fond */
background: transparent none;
border: solid 4px transparent;
border-right-width: 8px;
margin: 4px;
-webkit-box-shadow: inset 1px 1px 0 0 rgb(137,131,117), inset -1px -1px 0 0 rgb(224,220,210);
}
::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
border-right-width: 4px;
border-bottom-width: 8px;
}
::-webkit-scrollbar-thumb { /* Barre */
border: solid 0 transparent;
border-right-width: 4px;
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 9px 5px;
-webkit-border-bottom-right-radius: 9px 5px;
-webkit-box-shadow: inset 0 0 0 1px rgb(79,79,79), inset 0 0 0 6px rgb(102,102,102);
}
::-webkit-scrollbar-thumb:hover { /* Barre */
-webkit-box-shadow: inset 0 0 0 1px rgb(90,90,90), inset 0 0 0 6px rgb(110,110,110);
}
::-webkit-scrollbar-thumb:horizontal { /* Barre du bas */
border-right-width: 0;
border-bottom-width: 4px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px 9px;
-webkit-border-bottom-left-radius: 5px 9px;
}
::-webkit-scrollbar-corner { /* Coin de la fenêtre */
background: #bfb6a3 url(../images/bg-blog-repeat.png) 0 0 no-repeat;
}
::-webkit-scrollbar-button { /* Boutons */
height: 26px;
background: url(../images/webkit-arrows-vert.png) 1px 50% no-repeat;
}
::-webkit-scrollbar-button:increment { /* Bouton incrément */
background-position: -19px 50%;
}
::-webkit-scrollbar-button:horizontal { /* Boutons horizontaux */
width: 26px;
background: url(../images/webkit-arrows-horiz.png) 50% 1px no-repeat;
}
::-webkit-scrollbar-button:horizontal:increment { /* Bouton bas */
background-position: 50% -19px;
}
body ::-webkit-scrollbar {
background: transparent none;
}
a{
color:#0b4f9c;
}
.calameo {
background: url(../images/turn.png) no-repeat 0 0;
padding: 25px 0 10px 0px;
display: block;
}
/* Structure */
#conteneurPopup{
width: 600px;
margin: 0;
min-height: 850px;
overflow: hidden;
}
/* Lightbox header */
#sitraFicheHeader{
padding: 20px;
background: #f2f2ec;
position: relative;
}
span.fichelieux{
color: #909090;
font-size: 14px;
}
h1{
text-transform: uppercase;
font-weight: lighter;
margin: 10px 0;
color:#000;
font-size: 24px;
line-height: 24px;
}
ul.sitraThematique{
margin: 0;
padding: 0;
list-style: none;
}
ul.sitraThematique li{
display: inline;
margin-right: 2px;
padding: 2px 5px;
color:#aaa;
font-size: 10px;
text-transform: uppercase;
}
ul.sitraThematique li.thematique_0{
background: #096cb1;
color: #fff;
}
ul.sitraThematique li.thematique_1{
background: #5cb06c;
color: #fff;
}
ul.sitraThematique li.thematique_2{
background: #ee8202;
color: #fff;
}
/* Lightbox content */
.leftcol{
float: left;
width: 320px;
margin: 0 10px 0 0;
padding: 0 20px 0 0;
}
.rightcol{
float: left;
width: 160px;
font-size: 11px;
line-height: 14px;
margin-top: -10px;
}
.rightcol h3{
color: #000;
}
.rightcol ul{
margin: 0;
padding: 0;
list-style: none;
font-size: 11px;
line-height: 15px;
}
.rightcol .sideBox{
margin-bottom: 30px;
position: relative;
}
.center{
text-align: center;
}
.newsPopupImgWrap{
float: left;
margin: 18px 15px 15px 0;
}
/* Tabs */
div.tabcontent{
overflow: auto;
background: #fff;
padding: 20px;
height: 580px;
width: 550px;
}
#tab1{
display: block;
}
.tab-wrapper
{
margin: -1px 0 0 0;
clear: both;
height: 500px;
}
.tab-menu
{
margin: 0;
padding: 0;
list-style: none;
overflow: auto;
background: #f2f2ec;
}
.tab-menu li
{
margin: 0;
padding: 0;
float: left;
}
.tab-menu li a
{
padding: 12px 30px;
font-weight: bold;
color: #0b4f9c;
text-decoration: none;
line-height: 40px;
font-size: 13px;
}
.tab-menu li a:hover,
.tab-menu li a:focus,
.tab-menu li.tab-selected a
{
color: #646567;
background: #fff;
}
/* Documentation / Edition */
.documentationDetail{
overflow: hidden;
}
.documentationDetail #documentationFicheHeader{
padding: 40px;
background: #f2f2ec;
}
.documentationDetail h1{
margin: 0;
text-transform: none;
color: #66849b;
font-size: 20px;
}
.documentationDetail h3.doc_auteur {
color: #646567;
font-size: 12px;
line-height: 16px;
font-style: italic;
font-weight: normal;
text-transform: none;
margin: 10px 0 0;
}
.documentationDetail .leftcol{
margin: 20px 0 0 0;
padding: 0 20px 0 0;
height: 530px;
overflow: auto;
width: 330px;
}
.documentationDetail .rightcol{
padding: 40px 0 20px 20px;
width: 170px;
}
.documentationDetail .rightcol img {
border: 1px solid #CCCCCC;
padding: 2px;
}
#documentationFicheHeader{
position: relative;
}
.doc_auteur{
text-transform: capitalize;
}
/* Actualité */
.actuwrap{
width: 510px;
min-height: 650px;
padding: 20px;
overflow: hidden;
}
.actuwrap h1{
padding: 20px 60px 20px 20px !important;
margin: -20px 0 0 -20px;
text-transform: none;
background: #f2f2ec;
}
/* @group Outils (Facebook, Twitter, Google+, Ami, Print) */
ul#outilsZoom {list-style: none; position: absolute; right: 20px;}
#sitraFicheHeader ul#outilsZoom { bottom: -40px; }
#documentationFicheHeader ul#outilsZoom { bottom: 0; }
ul#outilsZoom li {list-style: none; margin: 0;padding: 0; display: inline; background: none;}
ul#outilsZoom li a {width: 24px; height: 24px; display: block; float: left; border: none; background: url('../images/social.png'); margin-right: 5px !important; text-indent: -9999px;}
ul#outilsZoom li a span {display: none !important;}
a#shareonfb{background-position: 0 0 !important;}
a#shareontwitter{background-position: -25px 0 !important;}
a#shareongoogle{background-position: -50px 0 !important;}
a#envoyerAmi {background-position: -75px 0 !important;}
a#imprimer {background-position: -100px 0 !important;}
/* @end */
.savoirplusbtn {
display: block;
margin-top: 15px;
width: 60px;
background: #544a3f;
border: 1px solid #544a3f;
padding: 5px 10px;
color: #fff;
text-decoration: none;
}
.infospratiques {
width: 135px;
color: #555;
font-size: 11px;
}