/*
99Lime.com HTML KickStart by Joshua Gatcke
style.css
*/
/*---------------------------------
IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
/*---------------------------------
OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}
h1{font-size:1.3em; font-variant:small-caps;}
h2{font-size:1.2em; font-variant:small-caps; text-align:center; font-weight:bold;}
h3{font-size:1.1em; font-variant:small-caps;}
h4{font-size:1em;}
h5{font-size:1em;}
h6{font-size:1em;}
thead th,tbody th{
padding:8px 12px;
font-family: "Arimo", arial, verdana, sans-serif;
background-color:#EEE;
color:#006;
}
button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
padding:3px 6px 3px 4px;
}
.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}
blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
font-size:1em;
line-height:1.5em;
font-style: italic;
margin:30px;
padding:0 0 0 10px;
border-left:3px solid #ccc;
}
/*---------------------------------
LAYOUT
-----------------------------------*/
html{
min-height:100%;
background:#999999;
}
body{
margin:0;
padding:0 0 0 0;
padding-top:90px;
color:#000;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}
#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}
#header{position:relative; top:0; left:0; margin-top:-90px; }
#menu{position:relative; margin:0 auto; margin-top:0px; margin-bottom:0px; }
.mapage{background:#b5cadd; border:1px #ccc solid; -webkit-box-shadow:0px 0px 1px 1px #fff; -moz-box-shadow:0px 0px 1px 1px #fff; -o-box-shadow:0px 0px 1px 1px #fff; -ms-box-shadow:0px 0px 1px 1px #fff; box-shadow:0px 0px 1px 1px #fff; border-radius:5px; border-top:0px; border-top-left-radius:0px; border-top-right-radius:0px; min-height:300px; padding-top:1em;}
#menugauche{margin:0; padding:1em; }
#corps{margin:0; padding:1em; }
.monfooter{color:white; margin-top:1em; }
#footer{position: relative; top:0; left:0; padding:0px; margin:0; font-size:1.1em; color:white; min-height:80px;}
#footer a:link{color:#fff; font-variant:small-caps;}
#footer a:visited{color:#fff; font-variant:small-caps;}
#footer a:hover{color:#333; font-variant:small-caps;}
a.btnFilm:link{float:left; margin:1em; font-weight:bold; width:180px; height:106px; background:url(/_docs/Divers/Film_off.png) no-repeat; text-align:center; text-decoration:none; color:white; padding:5px; padding-top:25px;}
a.btnFilm:visited{float:left; margin:1em; font-weight:bold; width:180px; height:106px; background:url(/_docs/Divers/Film_off.png) no-repeat; text-align:center; text-decoration:none; color:white; padding:5px; padding-top:25px;}
a.btnFilm:hover{float:left; margin:1em; font-weight:bold; width:180px; height:106px; background:url(/_docs/Divers/Film_on.png) no-repeat; text-align:center; text-decoration:none; color:white; padding:5px; padding-top:25px;}
a.btnLien:link{float:left; margin:1em; font-weight:bold; width:180px; height:106px; background:url(/_docs/Divers/Lien_off.png) no-repeat; text-align:center; text-decoration:none; color:white; padding:5px; padding-top:25px;}
a.btnLien:visited{float:left; margin:1em; font-weight:bold; width:180px; height:106px; background:url(/_docs/Divers/Lien_off.png) no-repeat; text-align:center; text-decoration:none; color:white; padding:5px; padding-top:25px;}
a.btnLien:hover{float:left; margin:1em; font-weight:bold; width:180px; height:106px; background:url(/_docs/Divers/Lien_on.png) no-repeat; text-align:center; text-decoration:none; color:white; padding:5px; padding-top:25px;}
/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
color:#fff;
z-index:1000;
border:1px solid #666;
}
.navbar #logo{
position:absolute;
top:0;
right:0;
padding:0.5em 1em;
font-size: 1.7em;
color:#efefef;
text-decoration:none;
}
.navbar span{
color:#86dc00;
}
.navbar ul{
display:inline-block;
margin:0;
padding:0;
}
.navbar li{
margin:0;
padding:0;
list-style-type:0;
display:inline-block;
}
.navbar li a{
display:inline-block;
color:#666666;
padding:0.7em 1em;
text-decoration:none;
text-transform: uppercase;
line-height:100%;
font-size: 1em;
}
.menu{ border:0px solid #ccc; }
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;text-align:left; min-width:250px;max-width:200%;*width:250px;}
.TitreArticlePage{ padding:0; margin:0; font-family: "Arimo", arial, verdana, sans-serif; font-weight:normal; font-size:1.5em;}
.TitreBloc{ padding:0; margin:0; margin-bottom:15px; padding-bottom:5px; font-family: "Arimo", arial, verdana, sans-serif; font-weight:normal; font-size:1.5em; font-weight:bold; border-bottom: 1px dashed #fff; width:100%; }
.SousTitreBlocOnglet{ padding:0; margin:0; margin-bottom:2px; font-family: "Arimo", arial, verdana, sans-serif; font-weight:normal; font-size:1.3em; font-weight:bold; width:100%; color:#484848;}
.TitreBlocOnglet{padding:0; margin:0; margin-bottom:15px; padding-bottom:5px; font-family: "Arimo", arial, verdana, sans-serif; font-weight:normal; font-size:1.1em; font-weight:bold; border-bottom: 1px dashed #ccc;width:100%; }
.TitreArticle{font-size: 1em;}
.TitreArticle a:link{font-size: 1em; text-decoration:none; font-weight:bold;}
.TitreArticle a:visited{font-size: 1em; text-decoration:none; font-weight:bold;}
.TitreArticle a:hover{font-size: 1em; text-decoration:none; font-weight:bold; color:#F4F4F4; background-color:#333;}
.AccrocheArticle{font-size: 0.9em;}
.DatePubArticle{font-size: 0.7em; color:#484848; text-align:right; font-style:italic;}
.ListeFichier{font-size: 0.9em; padding:3px;}
.BarreOutils{text-align:right; font-size:1em; }
.Pagine{font-size: 1em;}
.Pagine a:link{font-size: 1em; text-decoration:none; font-weight:bold;}
.Pagine a:visited{font-size: 1em; text-decoration:none; font-weight:bold;}
.Pagine a:hover{font-size: 1em; text-decoration:none; font-weight:bold; color:#F4F4F4; background-color:#333;}