/*******************  BODY *******************/
/*blue : #6da7ce
red :  #da7952
ocre: #fab90c
bleu #78abce
orange #e07313
vert 70a800
*/
body {
	font-family : Verdana, sans-serif, serif, monospace, cursive, fantasy;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	font-size : medium;
	
	margin : 0px;
	padding : 0px;
	background : #78abce;
	color : inherit;
}

#my_body {
	display : block;
	margin: 0 auto;
	padding : 0px;
	width : 1200px;
	
}

#my_top
{
	
	height : 50px;
	margin-left: 250px;
	margin : 10px;
	border : none;
	

}



#col_gauche
{
	border-spacing : 5px;
	margin: 0px;
	border-collapse : separate;
	width : 300px;
	float:left;

}



#my_center
{
	font-size: 15px;
	width: 800px;
	text-align:justify;
	height : 100%;
	border: 3px inset grey;
	margin : 10px;
	margin-left: 300px;
	/*margin-top: 50px;*/
	background-color:#f7c331;
	
	display : block;
}

#centre
{

margin:10px;
}

#reflex{
color: #458931;
font-weight:bold;
}

#colonne_gauche {
display : block;
width : 300px;}

#colonne_gauche > div {
display : block;
width : 300px;}


/* ([ Marges horizontales */
#structure_colonne {
border-spacing : 5px;
margin : 0px auto;
border-collapse : separate;}
/* Marges horizontales ]) */

.tab table{
	 border : 1px solid black;
	border-collapse: collapse;
	text-align:center;
	
}


.tab td{
	 border : 1px solid black;
	padding: 1px;
		
	
}


/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    display:block;
    margin:0;
	margin-left:0px;
    padding:0;
    width:1200px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:160px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
	margin-left:0px;
    }

.menu li li ul{
    position:absolute;
    margin-left:160px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:160px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color: #70a800;
    border: 3px ridge grey;
    color:#000;
    display:block;
    width:154px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }

    
.menu a:hover{
    /*background-color: #eee;*/
    border: 3px ridge grey;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    /*background-color: #aaf;*/
}

a.linkOver{
    /*background-color: #eee;*/
    }

.menu span{
    text-align:center;
    background-color: #70a800;
   border: 3px ridge grey;
    color:#000;
    display:block;
    width:154px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }

    
.menu span:hover{
    /*background-color: #eee;*/
    border: 3px ridge grey;
    }
    
/* for a mozilla better display with key nav */
.menu span:focus{
    /*background-color: #aaf;*/
}

span.linkOver{
    /*background-color: #eee;*/
    }