@charset "utf-8";
/* CSS Document */

body {
	margin: 0; /* pour éviter les marges */
	text-align: center;
	background-image:url('../img/fond.png');
	background-repeat:repeat-x;
	background-color: #969696;
	font-family:Tahoma, Geneva, sans-serif;
}

img{border:0px;}
h1{font-size:20px; color:#600;}
h2{font-size:16px;}
h3{font-size:20px;}
hr{background-color:#F00; color:#F00; height:1px; border:0px;}
a {color:#900;font-weight:bold;text-decoration:none;}	
a:hover {color:#F00;}
fieldset{background-color:#CCC; border-color:#F00;}
p span{font-weight:bold;}
p.legend {margin-top:-0.8em; margin-left:15px; float:left;}
p.legend span{padding:0 15px; background-color:#e6e6e6;}
div.fieldnotset{ border: 1px solid #F00; }
.clear {clear:both;}
.red {color:#F00; font-weight:bold; background-color:#000;}
.note {border: #F00 solid 1px;}

	
#page { 
  margin-left: auto; 
  margin-right: auto;
  margin-top:10px;
  width: 1000px;
  text-align: left;}

#haut {
width:1000px;
height:200px;
float:left;
background-image:url('../img/haut.png');
background-repeat:no-repeat;
background-color:transparent;} 
.haut_logo{
	float:left;
	width:230px;
	height:200px;}
.haut_banniere{
	float:left;
	width:680px;
	margin-top:2px;}
	
.haut_help{
	width:40px;
	float:right;
	margin-right:15px;
	margin-top:15px;}

#menu{
float:left;
width:1000px;
margin:0px;
padding-top:10px;
text-align: center;
height:40px;
background-image:url('../img/menu.png');
background-repeat:no-repeat;
}

.menu{
	width:695px;
	margin:auto;
	background-image:url('../img/int-menu.png');
background-repeat:no-repeat;}

.lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 653px;
            padding-top: 5px; padding-bottom:10px;
            margin:0px;
            overflow: hidden;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid red;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px Tahoma;
                        text-decoration: none;
                        color: #FFF;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     

#cont {
width:1000px;
float:left;
background-color:#FFF;
background-image:url('../img/cont.png');
background-repeat:repeat-y;}

.contenu{
padding:20px;
background-image:url('../img/contenu.png');
background-repeat:no-repeat;}
.contenu p{text-indent:1.5em; text-align:justify;}

#corps{width:700px;float:left;margin-left:20px;}
#coll{width:200px;float:right; margin-right:20px; margin-top:14px;}

#bas{
	float:left;
	height:155px;
	width:100%;
	background-image:url('../img/bas.png');
background-repeat:no-repeat;
}
.bas{
	height:155px;
	padding-top:55px;
	font-size:10px;}
.bas p{text-align:center;}
.bas a{color:#CCC;}
.bas a:hover{color:#999;}
	
.titre{text-align:center; font-size:24px; font-weight:bold; color:#006; margin:20px 20px;}
.centrer{text-align:center;}

.case_gauche{width:300px; float:left; margin:10px 15px 20px 25px; text-align:center;}
.case_droite{width:300px; float:right; margin:10px 25px 20px 15px; text-align:center;}
.retour_ligne{clear:both; text-align:center;}
.gauche img{
float:left;
margin:0 10px 10px 0;
}
.droite img{
float:right;
margin:0 0 10px 10px;
}

.upperleft{
	width : 300px;
	background-color : #000305;
	background-image : url('../img/hg.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('../img/hd.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('../img/bg.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('../img/bd.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	color:#CCC;
	padding : 10px 10px 20px 10px;}
.lowerright p{text-align:center; font-size:12px;}
.coll{
overflow: hidden;
font:12px Tahoma;
color:#000;
text-align:center;
background: #FFF url('../img/coll-b.png') no-repeat;
background-position:bottom;}
.coll h1{
background: transparent url('../img/coll-h.png') no-repeat;
margin: 0px;
padding: 8px 0px 10px 0px;
background-position: center top;
color:#060;
text-align: center;
font-size:18px;}
.coll p {margin: 1em 12px;
text-align: justify;}
.coll ul {
padding-left:5px;
text-align: left;}
.coll li{ list-style-image:url('../img/puce.gif'); margin-left:20px;}
.coll li a:hover{margin-left:2px;}
.coll img {display: block;
margin: 0 auto;}