/*
 * CONSTANTES :
 *  bleu-body : #aabef7
 *  autre bleu : #7799ff;
 *  
 */

  body{
	margin: 0;
	padding: 0;
	background-color: #0e7adb;
	font: 80% verdana, arial, sans-serif;
 }
#main{
	width: 835px;
	margin: 0 auto;
	margin-top: 20px;

}

#principal_haut{
	width: 835px;
	height: 50px;
	background-image: url('/images/principal_haut.png');

}

#principal{
	width: 835px;
	background-image: url('/images/principal.png');
	background-repeat: repeat-y;
}

#principal_bas{
	width: 835px;
	height: 50px;
	background-image: url('/images/principal_bas.png');

}

#header{
	height: 60px;


}
/* permet de mettre un contenu en z-index au dessus des autres conteneurs */
#header_conteneur{
	position: absolute;

}
#barre{
        height: 24px;
        background-image: url('/images/barre.png');
        width: 818px;
        margin-left: 2px;
        margin-bottom: 10px;

}
#milieu_conteneur{
overflow: auto;

}
#milieu{
        width: 818px;
        margin-left: 2px;
height: 100%;
display: table;

/*        background-color: #7799ff;*/
}

#milieu_gauche{
        float: left;
        width: 159px;
	margin-bottom: 20px;
/*        height: 200px;*/
/*        background-color: blue;*/

}
#milieu_droite{
        float: left;
        width: 159px;
        margin-bottom: 20px;
/*      height: 200px;*/
/*      background-color: #ee3a3a;*/

}


#milieu_centre{
        float: left;
        width: 500px;
/*        background-color: #ffff00;*/
/*        margin-left: 18px;*/

}

.news{
        width: 550px;
        height: 150px;
        border: 1px #7799ff dotted;
        margin-top: 20px;

}


.menu_gauche{
        width: 130px;
        margin-left: 10px;
        margin-bottom: 20px;
        text-decoration: none;
	color: #044c8e;
        font-weight: 600px;

}

.menu_gauche_top{
        width: 130px;
        height: 20px;
        background-image: url('/images/menu_gauche_top.png');
        text-align: center;
        font-weight: 600;
        color: #ffffff;
        line-height: 20px;
}

.menu_gauche_contenu ul, .menu_gauche_contenu li {
	width: 130px;
	text-align: center;
}

.menu_gauche_contenu li{
	margin-top: 0.4em;
	border-bottom: 1px #7799ff dotted;

}


.menu_gauche_contenu ul li a {
	display: block;
	text-decoration: none;
	color: #044c8e;
}

.menu_gauche_contenu ul li a:hover {
	display: block;
	color: #7799ff;

}
#header h1{
margin: 0px;
padding: 0px;
}
#header h1 a{
        float: left;
        position: absolute;
        margin-left: 40px;
        margin-top: 20px;
        z-index: 100;
        width: 109px;
        height: 137px;
        background-image: url('/images/logo.png');

}

#animation{
        float: left;
        position: relative;
        margin-left: 170px;
/*        z-index: 100;*/
        width: 520px;
        height: 58px;
        background-image: url('/images/anim.gif');



}

#menu_principal{
	position: relative;
	height: 4.3em;

}
.menu_droite{
      width: 130px;
        margin-left: 19px;
        margin-bottom: 20px;


}
.contenu{
/*border: 1px gray solid;
background-color: red;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
margin-right: 15px;
min-height: 100px;
*/
}

.banner{

text-align: center;
}

span.title{
margin: 5px 0px;
font-weight: bold;
text-decoration: underline;

}

#partenaires{
text-align: center;

}
.annonces{
height: 20px;

}

#footer{
/*        z-index: 100;*/
        width: 818px;
margin-left: 2px;
        height: 20px;
/*  background-image: url('/images/barre.png');*/
text-align: center;
color: #044c8e;
font-weight: 500;
 /*text-decoration: underline;*/
}

/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:3em;
}

.entrymeta{
	font-size:0.9em;
}
.postedby{
	background:#fff url(../images/user.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.filedto{
	background:#fff url(../images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background:#fff url(../images/packaged.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}