/* Polices */

@font-face {
    font-family: Inserat;
    src: url("https://akjiarwpq.preview.infomaniak.website/design/fonts/Helvetica_Inserat_LT.eot")/* EOT file for IE */
}

@font-face {
    font-family: Inserat;
    src: url("https://akjiarwpq.preview.infomaniak.website/design/fonts/Helvetica_Inserat_LT.ttf")/* TTF file for CSS3 browsers */
}

@font-face {
    font-family: BritannicBold;
    src: url("https://akjiarwpq.preview.infomaniak.website/design/fonts/Britanic.eot")/* EOT file for IE */
}

@font-face {
    font-family: BritannicBold;
    src: url("https://akjiarwpq.preview.infomaniak.website/design/fonts/Britanic.ttf")/* TTF file for CSS3 browsers */
}


/* CSS Document */

html,
body,
address,
blockquote,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
table,
ul,
dd,
dt,
tbody,
td,
tfoot,
th,
thead,
tr,
button,
del,
ins,
map,
object,
a,
abbr,
acronym,
b,
bdo,
big,
br,
cite,
code,
dfn,
em,
i,
img,
kbd,
q,
samp,
small,
span,
strong,
sub,
sup,
tt,
var,
legend,
fieldset {
    margin: 0;
    padding: 0;
}

img,
fieldset {
    border: 0;
}


/* Structure du site  */

body {
    background-color: #79B132;
    text-align: center;
    height: 100%;
}

body,
table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*font-family: 'Droid Serif', serif;*/
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.typo2,
#menu_saison {
    font-family: 'Droid Serif', serif;
    font-style: italic;
    color: #006600;
    font-size: 12px;
}

#conteneur {
    width: 1004px;
    margin: 0 auto;
    color: #000000;
    text-align: justify;
    min-height: 100%;
    position: relative;
    background-image: url('https://akjiarwpq.preview.infomaniak.website/design/version1/conteneur.png');
    background-repeat: repeat-y;
}

#gauche {
    display: none;
}

#droite {
    float: right;
    width: 320px;
    margin-top: 30px;
    margin-right: 10px;
}

#centre {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 44px;
    padding-bottom: 30px;
    float: left;
    width: 615px;
}

#header {
    margin: 0 auto;
    width: 1004px;
    height: 193px;
    background-color: #79B132;
    background-image: url('https://akjiarwpq.preview.infomaniak.website/design/version1/header8.png');
    background-repeat: repeat-y;
}

#menu_deroulant {
    top: 100px;
    margin-left: 6px;
    width: 992px;
    background-color: #447400;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

#header #haut_droite {
    position: absolute;
    top: 22px;
    font-size: 12px;
    right: 10px;
    margin-right: 10px;
}

#header #connexion {
    position: absolute;
    top: 170px;
    font-size: 12px;
    right: 0px;
    margin-right: 20px;
}

#connexion a:link,
#connexion a:visited {
    text-decoration: none;
}

#boutons_sociaux {
    margin-top: 20px;
    border-top: 1px solid black;
    padding-top: 10px;
    margin-bottom: 15px;
}

#boutons_sociaux_light {
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-left: 10px;
}

#pied {
    margin-left: 6px;
    width: 992px;
    clear: both;
    height: 50px;
    background-color: black;
    color: white;
    bottom: 0px;
    line-height: 25px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-top: 40px;
}

#pied a:link,
#pied a:visited {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

#pied a:hover {
    text-decoration: underline;
}


/* Autres blocs */

#bloc_gauche {
    float: left;
    width: 650px;
    margin-right: 20px;
}


/* Affichage date */

.cal,
.cal2 {
    float: left;
    width: 30px;
    color: rgb(156, 152, 149);
    margin-right: 5px;
    text-align: center;
}

.cal {
    height: 30px;
}

.cal .cal_jour {
    font-size: 20px;
    font-weight: bold;
}

.cal .cal_mois {
    font-size: 12px;
    font-weight: bold;
}

.cal2 {
    height: 20px;
}

.cal2 .cal_jour {
    font-size: 12px;
    font-weight: bold;
}

.cal2 .cal_mois {
    font-size: 12px;
    font-weight: bold;
}


/* Liens */

a:link,
a:visited {
    color: #000000;
}

a:hover {
    color: #006600;
}

.typo2 a:link,
.typo2 a:visited,
a.typo2:link,
a.typo2:visited {
    color: #006600;
    text-decoration: none;
    font-weight: bold;
}

.typo2 a:hover,
a.typo2:hover {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

#header a:link {
    font-weight: bold;
}

h2 a:link {
    text-decoration: none;
}

.bdtop {
    border-top: 1px dotted black;
}

.bdbottom {
    border-bottom: 1px dotted black;
}

.bdleft {
    border-left: 1px dotted black;
}

.bdright {
    border-right: 1px dotted black;
}

.bdfull {
    border: 1px dotted black;
}

th {
    background-color: #C0C0C0;
    color: black;
    font-weight: bold;
}

th a:link,
th a:visited {
    color: white;
}

th a:hover {
    color: black;
}

.content_table {
    width: 100%;
}

h1 {
    border-bottom: 3px solid #447400;
    color: #447400;
    font-size: 20px;
    margin-bottom: 15px;
    text-align: left;
}

h1.titre_news {
    border-bottom: 0px;
    margin-bottom: 5px;
}

h2 {
    font-size: 15px;
    margin-top: 15px;
    clear: both;
    border: 1px dotted black;
    margin-bottom: 5px;
    text-align: center;
    background-color: #f9d707;
}

#contenu_news {
    display: inline-block;
}

#contenu_news img {
    margin-left: 5px;
    margin-right: 5px;
}

#infos_news {
    text-align: left;
    border-bottom: 3px solid #447400;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.commentaire,
.critique {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted black;
}

.commentaire_date,
.critique_date {
    margin-left: 15px;
    font-size: 12px;
    font-style: italic;
}

ul {
    margin-left: 20px;
}

#header ul {
    margin-left: 0px;
}

ul.nopuce {
    margin-left: 0px;
    list-style-type: none;
    margin-left: 10px;
}

tr.surligne:hover {
    background: #F5D71F;
}

div.bulle {
    width: auto;
    font-size: 0.9em;
    margin-bottom: 24px;
    margin: 0px;
    padding: 5px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

div.bulle blockquote {
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

div.bulle blockquote p {
    margin: 10px;
    padding: 0px;
}

div.bulle cite {
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 15px;
    top: 6px;
    background: transparent url(FlecheBulle.gif) no-repeat 20px 0;
    font-style: normal;
}

label {
    width: 200px;
    display: inline-block;
}

#chatbox-conversations {
    position: absolute;
    float: right;
    bottom: 0px;
}

.conversation {
    position: fixed;
    float: right;
    bottom: 0px;
    bottom: 0;
    width: 200px;
    background-color: white;
    color: black;
    border: 1px solid black;
    height: 50px;
}

input,
textarea,
select {
    border: 1px dotted black;
    padding: 3px;
}

input[type=submit] {
    background-color: #C0C0C0;
    border: 1px dotted black;
}

input[type=button] {
    background-color: #C0C0C0;
    border: 1px dotted black;
}

#encart {
    width: 300px;
    padding: 5px;
    padding-top: 1px;
    background-color: white;
    margin-bottom: 20px;
}

#encart h2 {
    margin-top: 15px;
    margin-bottom: 5px;
}

del {
    font-weight: bold;
    color: red;
}

ins {
    font-weight: bold;
    color: green;
}

#email {
    display: none;
}


/* Textes */

.titre_news,
.titre_news a:link,
.titre_news a:visited {
    font-size: 19px;
    font-weight: bold;
    color: #4e6f16;
    text-decoration: none;
}

.titre_news2,
.titre_news2 a:link,
.titre_news2 a:visited {
    font-size: 16px;
    font-weight: bold;
    color: #4e6f16;
    text-decoration: none;
}

h1.titre_news {
    text-decoration: none;
}

.bloc_3,
.bloc_6 {
    width: 285px;
    float: left;
    height: 235px;
    min-height: 220px;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    z-index: 1;
}

.bloc_droite {
    width: 290px;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}

.bloc_3 h2,
.bloc_6 h2,
.bloc_droite h2 {
    margin-right: -5px;
    margin-left: -5px;
}

.bloc_gauche {
    padding-right: 10px;
}

.bloc_6 hr {
    width: 90%;
}

.bloc_3 .titre,
.bloc_6 .titre {
    font-size: 12px;
}

.bloc_3 .bas,
.bloc_6 .bas {
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.bloc_3 .titre,
.bloc_6 .titre {
    text-align: center;
    margin-bottom: 5px;
}

.bloc_6 {
    width: 619px;
}

.bloc_double {
    height: 467px;
}

.bloc_triple {
    height: 744px;
}

.separation_bas {
    border-bottom: 1px dotted black;
}

.bloc_3 div.bulle {
    width: auto;
    padding: 3px;
    margin-bottom: 0px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

.important {
    border: 1px solid black;
    background-color: white;
    text-align: center;
    padding: 3px;
    margin-bottom: 3px;
    width: 100%;
    color: red;
    margin-bottom: 10px;
}


/* Pubs */

#pub_droite {
    position: relative;
    top: 30px;
    float: right;
    margin-left: 10px;
    margin-bottom: 30px;
    display: none;
}


/* Mettre une image en noir et blanc */

.noiretblanc {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}


/* Boutons réseau sociaux */

.likes_div {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 35px;
    margin-left: 10px;
}

.likes_ul {
    list-style-type: none;
    float: left;
}

.likes_ul li {
    float: left;
    width: 30px;
}

.likes_ul li a {
    text-decoration: none;
}

.likes_ul li {
    width: 40px;
}

.marges th,
.marges td {
    padding: 5px;
}

#menu_saison {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
}

#menu_saison a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
}

#image_mystere {
    margin-bottom: 15px;
}

table.border {
    border: 1px dotted black;
    border-collapse: collapse;
}

table.border td,
table.border th {
    padding: 3px;
    border: 1px dotted black;
}