/* CSS Document */
body {
font-family:Tahoma;
margin: 0;
padding: 0;
font-size: 82%;
background:#1b3f50;
text-align:center;
}

img {
border:none;
}

a, a:hover, a:visited {
color:#2E7EB1;
}
.clearer {
clear:left;
height:1%;
}
#page {
width:970px;
background:#FFF;
color:#5d7f94;
text-align:left;
margin:auto;
}

#pub {
margin-top:5px;
width:970px;
background:#FFF;
text-align:center;
}

#header {
height:138px;
background:url("images/header.jpg") no-repeat center;
position:relative;
}

/* form recherche */
#searchbox form, #searchbox input {
margin:0;
padding:0;
}
#searchbox {
position:absolute;
right:70px;
top:102px;
}
#searchbox .submit {
background:#1b3f50;
color:#FFF;
font-weight:bold;
border:none;
}

#menuh {
padding-left:300px;
height:25px;
background:url("images/menuh_bg.gif") repeat-x;
position:relative;
}
#menuh ul, #menuh li {
margin:0;padding:0;
}
#menuh ul {
list-style-type: none;
}
#menuh li {
float:left;
text-align: center;
text-decoration: none;
color: #2e7eb1;
font-weight:bold;
padding-left:8px;
padding-right:8px;
border-right:1px solid #2e7eb1;
margin-top:4px;
margin-bottom:3px;
}
#menuh a {
display: block;
}

.menuh-coin {
position:absolute;
right:0;
background:url("images/menuh_coin.gif") no-repeat;
height:20px;
width:13px;
}

/*LAYOUT NE PAS TOUCHER */
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 130px 0 185px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 185px; /*Width of left column in pixel*/
margin-left: -970px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 130px; /*Width of right column*/
margin-left: -130px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;
background:#e3f2f9;
border-top:1px solid #75c6e8;
}

#footer a{
text-decoration: none;
color:#5d7f94;
}

.footdesc {
margin-top:15px;
font-size:11px;
padding-left:20px;
padding-right:20px;
}

.innertube{
margin-top: 20px;;
}
#leftcolumn .innertube {
margin-left:5px;
padding-bottom:15px;
}
#rightcolumn .innertube {
margin-left:4px;
margin-right:4px;
padding-bottom:15px;
}
#contentcolumn .innertube {
margin-left:19px;
margin-right:8px;

}

/* MENU DE GAUCHE */
.menug {
background:url("images/menug_bg.gif") repeat-y;
}
.menug h3 {
height:18px;
text-indent:-5000px;
font-size:11px;
margin:0;padding:0;
}
h3#menug-jeux {
background:url("images/menug_jeux.gif") no-repeat;
}
h3#menug-pub {
background:url("images/menug_pub.gif") no-repeat;
}
h3#menug-partenaires {
background:url("images/menug_partenaires.gif") no-repeat;
}
.innermenug {
margin:auto;
text-align:center;
margin-top:15px;
margin-bottom:15px;
}
.menug-foot {
background:url("images/menug_foot.gif") no-repeat;
height:17px;
}

.menug ul, .menug li {
margin:0;padding:0;
}
.menug li {
padding-bottom:5px;
padding-top:3px;
border-bottom:1px solid #d4dcdc;
color:#66a8e0;
font-weight:bold;
}
.menug ul {
list-style-type: none;
margin-left:10px;
margin-right:10px;
margin-bottom:15px;
margin-top:10px;
}
.menug a {
color:#66a8e0;
font-size:12px;
}
/* CONTENT */
.nav {
font-size:11px;
height:16px;
background:url("images/nav_titre.gif") repeat-x;
color:#f9f9f9;
font-weight:bold;
text-shadow: 1px 1px #333;
text-transform:uppercase;
padding-left:10px;
padding-top:2px;
}

.nav a {
color:#f9f9f9;
text-decoration: none;
text-shadow: 1px 1px #333;
}

/* Affichage des liens de l'annuaire */
.link {
margin-top:15px;
text-align:left;
}
.link-titre {
border-bottom:1px solid #75c6e8;
padding-bottom:3px;
}
.link-titre a {
font-weight:bold;
color:#2e7eb1;
padding-left:4px;
padding-right:4px;
text-decoration:none;
}
.link-titre span {
float:right;
color:#5d4c3d;
font-size:11px;
}
.link-stats, .link-desc {
text-align:left;
margin-left:5px;
width:100%;
}

.link-stats {
color:#5d4c3d;
font-size:11px;
}
.link table {
margin-top:5px;
}

/* Affichage des liens de la recherche */
.link2 {
margin-top:5px;
text-align:left;
}
.link2-titre {
border-bottom:1px solid #75c6e8;
padding-bottom:3px;
}
.link2-titre a {
font-weight:bold;
color:#2e7eb1;
padding-left:4px;
padding-right:4px;
text-decoration:none;
}
.link2-titre span {
float:right;
color:#5d4c3d;
font-size:11px;
}
.link2-stats, .link-desc {
text-align:left;
margin-left:5px;
width:100%;
}

.link2-stats {
color:#5d4c3d;
font-size:11px;
}
.link2 table {
margin-top:5px;
}

td.thumb a {
font-size:11px;
color:#2e7eb1;
text-decoration:none;
text-align:center;
}

td.thumb img {
margin-top:2px;
border:1px solid #0076ad;
}
.pages {
color:#2e7eb1;
text-decoration:none;
text-align:center;
}

.pages a{
color:#2e7eb1;
text-decoration:none;
text-align:center;
}

/* INDEX */
.title {
font-weight:bold;
padding-bottom:3px;
border-bottom:1px solid #2E7EB1;
padding-left:13px;
background:url("images/title_puce.gif") no-repeat bottom left;
}
.site-du-mois {
margin-top:10px;
text-align:center;
}
/*ANNUAIRE */
#annuaire, #annuvideos {
margin-top:15px;
}
.cat {
float:left;
margin-top:10px;margin-left:10px;
padding:3px;border:1px solid #eaeaea;
width:280px;
}
.cat span a {
background:url("images/dossier.gif") no-repeat top left;
padding-left:20px;
font-weight:bold;
}
.souscat {
font-size:11px;
}
.souscat a {
text-decoration:none;
}
.souscat a:hover {
text-decoration:underline;
}

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:10em; left:7em; width:25em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

#head {
position:relative;
}

#description {
font-size:11px;
position:absolute;
left:210px;
top:205px;
width:620px;
}

#description h1 {
font-size:14px;
margin:0;padding:0;
height:20px;
line-height:23px;
padding-bottom:2px;
border-bottom:1px solid #2E7EB1;
padding-left:13px;
background:url("images/title_puce.gif") no-repeat bottom left;
}

#adsky {
margin-top:20px;
float:left;
}