@charset "utf-8";

/* Reset */
* {
    margin: 0;
    padding: 0;
}
.hdr th.w-ct { width: 8%; }


.tGreenBig {
	z-index:10;
	color:#080;
	font-size:44px;
	font-weight:bolder;
	text-shadow:0 1px 3px #000;
	border: thick solid #080;
}


/* Base backgrounds */
.fond {
    background-position: center;
    font-family: Arial, Roboto, sans-serif;
    font-size: 14px;
    background-image: url(z_pix/iDosKa_fond.jpg);
    background-repeat: repeat;
    color: #003;
    background-color: #333;
}

.fondSchwach {
    background-position: center;
    font-size: 16px;
    background-repeat: repeat;
    color: #000;
    font-style: italic;
}

.myfond {
    background-position: center;
    font-size: 18px;
    background-image: url(z_pix/myADHD_fond.jpg);
    background-repeat: repeat;
    color: #003;
    background-color: #333;
}

/* Colors */
.green,
.green18,
.green22 {
    color: #390;
    background-color: #B8FEE0;
}
.green18 { font-size: 18px; }
.green22 { font-size: 22px; }

.bleu { color:#09F; background-color:#0FF; }
.bleuLettre { color:#005791; background-color:#D5FFFF; }
.invisible { color:#EFEAEE; background-color:#0FF; }
.rouge { color:#F00; }

.link_light,
.link_light:visited,
.link_light:hover,
.link_light:active {
    color: #E9EAEC;
    font-size: 9px;
    text-decoration: none;
}

/* HR */
.hr {
    border-top: 2px solid #00F;
}

/* Tables */
table.sortable th {
    background-color:#CEFFFF;
    color:#666;
    font-weight:bold;
    font-size:14px;
}

table.sortable td {
    font-family: 'Itim', cursive;
    background-color:#D6D6D6;
    color:#333;
    font-size:14px;
}

/* Layout */
.wrapper { width:100%; }
.img-banner { display:none; }

.img-info { width:100%; }

.img-info h2 {
    padding:30px 30px 20px;
    font-size:50px;
    color:#111;
    line-height:44px;
}

.img-info h3 {
    padding:30px 30px 20px;
    font-size:24px;
    color:#111;
    line-height:32px;
}

.img-info p {
    padding:0 30px 20px;
    font-size:16px;
    color:#111;
    line-height:24px;
}

.img-me { width:100%; }

/* Text sizes */
.jlf { font-size:24px; }
.titre { font-size:48px; }
.titreBabelgame { font-size:48px; color:#262685; }
.titreGros { font-size:72px; }
.titreMoyen { font-size:30px; }

.texte { font-size:18px; }
.texte12 { font-size:12px; }
.texte14 { font-size:14px; }
.texte24 { font-size:24px; }
.texteSmall { font-size:14px; text-align:center; }

.texte_babelGame { color:#262685; background-color:#00ffcc; }
.texte_babelGameTitre { font-size:28px; font-weight:bold; }
.texte_babelGameSsTitre { font-size:22px; font-weight:bold; }
.texte_babelGameTexte,
.texte_babelGameTexteRouge { font-size:16px; }
.texte_babelGameTexteRouge { color:#F00; }

/* Structure */
#container { width:600px; margin:0 auto; }

#header {
    width:100%;
    height:200px;
    border-bottom:1px solid #c7c7c7;
}

#logo,
#top_info {
    background-color:#ccc;
    margin:10px;
}

#logo { float:left; width:40px; height:40px; padding:5px; }
#top_info { float:right; width:100px; height:40px; border:1px solid #c7c7c7; }

#navbar {
    margin:5px;
    height:40px;
    clear:both;
    color:#00F;
    font-size:24px;
}

#navbar ul {
    list-style:none;
    background-color:#FFF;
}

#navbar ul li {
    padding:10px;
    float:left;
}

#content_area {
    width:600px;
    margin:0 auto;
    background-color:#fff;
    clear:both;
}

/* Footer */
.Copyright,
.CopyrightVertical,
.CopyrightBlack {
    text-align:center;
}

.CopyrightVertical { font-size:9px; color:#930; }
.Copyright { font-size:12px; color:#930; }
.CopyrightBlack { font-size:12px; color:#006; }

/* Languages */
.UK, .UK20 { font-style:italic; color:#00F; }
.UK20 { font-size:20px; }
.ES { color:#F00; }
.FR { color:#C00; }
.DE { color:#360; }

td.created { font-size: 0.6em; color:#666; white-space:nowrap; }
.hdr th.cat { width: 4%; }

tr.images td {
  vertical-align: middle;
}

tr.images td img {
  width:160px;
  display:block;
  margin:0 auto;
}


/* Responsive */
@media only screen and (min-width:768px) {
    .img-banner { display:block; width:150px; padding-bottom:30px; }
    .wrapper { width:800px; margin:0 auto; }
    .img-info p { padding-top:20px; }
    .img-me { padding-top:30px; }
}

@media only screen and (min-width:1000px) {
    .wrapper { width:1000px; }
    .img-info { width:50%; float:right; }
    .img-info h2,
    .img-info p { padding-left:30px; }
    .img-me { width:50%; float:left; padding-top:0; }
}

/* Print */
@media print {
    body {
        font-size:12pt;
        font-family: Georgia, serif;
        font-style: italic;
    }
    .page-break {
        page-break-before: always;
    }
}