body{	
	width:980px;
	margin-left:auto; margin-right:auto; margin-top:10px;
	background-color:#fff; 
	font-family:Arial, verdana, Times New Roman,  Times, sans-serif;
	}

#en_tete{
	width: 985px; height:70px;
	border:1px solid black;
	margin-bottom: 2%;
	background-color:#766f64;
	}
#en_tete h1{
	text-align:center;
	margin-top:1.5%;	margin-bottom: 1%;
	color:white;
	font-style:italic;
	}
	
/*MENU ROUGE*/
#navigation {
	width:900px;
	margin-left:72px; margin-right:auto; margin-top:-5px;
	padding: 0 ;
	list-style: 0 ;
	}
#navigation ul {
	list-style-type: none;
	}
#navigation li {
	float: left ;
	width: 150px ;
	border: 1px solid #600 ;
	margin-right: 1px ;
	color: #fff ;	background: #c00 ;
	}
#navigation li a {
	display: block ;
	background: #c00 ;	color: #fff ;
	font: 1em Arial,"Trebuchet MS",sans-serif ;
	line-height: 0.8em ;
	padding: 2px ;
	text-align: center ; text-decoration:none;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900 ;
	}
	

/*MENU GAUCHE*/
h5{
	margin-top: 10px; margin-bottom: 5px; text-align: center;
	}		
#menu p{
	font: 0.8em Arial,"Trebuchet MS",sans-serif ;
	text-align:center;
	margin-left: 5 px; margin-top: 20px; margin-bottom: 15px;
	}
#menu{
	width:17%; margin-top: 3%; float:left; border:0;
	}
#menu li {
	list-style-type:none;
	}
#menu a{ 	
	color:black;
	text-decoration:none;
	font-family: verdana;
	}
#menu a:hover{
	text-decoration:underline;
	color: white;
	}
.sous_menu {
	margin-top:10px;
	padding-top: auto;	padding-bottom: auto;	border:1px solid black;
	background-color:#766f64;	color:white;
	font-size: small;
	}
.sous_menu h4 {
	color:white;
	text-align:center;
	font-size: medium;
	}

/*PAGE D'ACCUEIL*/
#accueil table{
	float:left;
	margin-left:100px; margin-top:50px; margin-bottom:2%;
	font-size:small;
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black; background-color: white;
	}
#accueil td{
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;
	}
#accueil th{
	padding:5px; font-size: medium; color:#c00;
	}
#accueil a{ 	
	color:#c00;
	text-decoration:none;
	font-family: verdana;
	}
#accueil a:hover{
	text-decoration:underline;
	}
#extra{
	float:right;
	margin-right: 10px; margin-top:50px;
	width: 300px; height: 380px;
	padding:5px;
	background-color:#fff; 
	border: ;/*pour délimiter le cadre*/
	font-size: small;
	}
#extra p{
	text-align:center;
	margin-top: 0;
	text-decoration: blink;
	color:#c00;
	font-weight: bold;
	}
#extra img{
	padding:10px;
	}
#extra a{ 	
	color:black;
	text-decoration:none;
	font-family: verdana;
	}
#extra a:hover{
	text-decoration:underline;
	color: #c00;
	}	
#pied{
	margin-left:18%; margin-right: 2%;
	clear:left;
	color: #000000; background-color:#ffffff; 
	text-align:left;
	border:1px solid black;/*pour délimiter le cadre*/	
	}
#pied h4{
	width:95%;
	text-align: left;
	padding:2px;	
	border: 1px solid black;
	color: white;	background: #56739a;	font-weight: bold;
	}
#pied table{
	margin-left:50px; margin-top:20px; margin-bottom:1%;
	font-size:small;
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black; background-color: white;
	}
#pied td{
	border-style: solid; border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;
	}
#pied th{
	text-align:center;
	}	

/*CORPS DE TEXTES*/	
#corps, #corps2, #corps3, #corps4, #corps5{	
	border: 0;/*1px solid black*/
	font: 1em Arial,"Trebuchet MS",sans-serif ;
	}
#corps, #corps2, #corps3{
	Width: 754px;
	margin-left: 12%; 	margin-top: 0;
	text-align:justify;
	}
#corps4  {
	Width: 700px;
	margin-left: 12%; 	margin-top: -5px;
	text-align:left;
	}
#corps5 {
	float:left;
	margin-left: 60px; 	margin-top: 40px;
	Width: 600px;
		}
#corps a{ 	
	color:blue;
	text-decoration:none;
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	}
#corps  a:hover {
	text-decoration: underline;
	}
#corps li{
	text-align:justify;
	line-height: 1em ;
	margin-top:10px; margin-left: 5%;
	list-style-type:none;
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	}
#corps p{
	margin-top:0;
	text-align:justify;
	}
#corps h4, #corps2 h4, #corps3 h4, #corps4 h4{
	text-align:left;
	color:#c00;
	margin-top:1em;
	font: 1.1em Arial,"Trebuchet MS",sans-serif ;
	}	
#corps h3{
	text-align:center;
	color:black;
	margin-top: 30px;
	}	
#corps table{
	margin-left: 160px;	margin-bottom: 20px;
	border-collapse:collapse;
	}
#corps th  {
	Text-align:center;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: white;	background-color: #766f64;
	}
#corps td  {
	Text-align:center;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;	background-color: #fff48d; 
	}
#corps2 table{
	margin-left: 70px;
	border-collapse:collapse;
	}
#corps2 td  {
	width: 600px;
	Text-align:left;
	padding: 15px;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;	background-color: #fff48d; 
	}
#corps3 table{
	border-collapse:collapse;
	}
#corps3 td  {
	Text-align:left;
	padding: 10px;
	vertical-align:top;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;	background-color: #fff48d; 
	}
#corps3 th  {
	Text-align:center;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: white;	background-color: #766f64;
	}	
	
/*RUBRIQUES ANNUAIRES*/	
#mot2passe p{
	text-align:center;
	margin-top: 50px;
	float:center;
	}
#mot2passe img{
	font-size:small;
	text-align:center;
	float:center;
	border: 0;
	text-decoration:none;
	}
#mot2passe a{
	text-decoration:none;
	color:black;
	}
#mot2passe a:hover{
	text-decoration:underline;
	color:black;
	}

#etablissements{
	Width: 750px;
	float:left;
	margin-left:2%;	margin-top:36px; margin-bottom: 2%;
	padding: 5px;
	background-color:;  /*#fefee2*/
	text-align:center;
	}
#etablissements h3{
	width:100%;
	text-align: left;
	margin-top:0;
	padding:2px;	
	color: white;	background: #c00;	
	font-weight: bold;
	}
#etablissements p{
	text-align: justify;
	margin-left:15px;	margin-right:50px;
	}
#etablissements li{
	text-align: left;
	margin-left:150px;
	}
#etab{
	margin-left:18%;	margin-right: 2%;
	clear:left;
	text-align:left;
	border:0;/*pour délimiter le cadre*/	
	}
#etab h4{
	width:95%;
	text-align: left;
	padding:2px;	
	border: 1px solid black;
	color: white;	background: #c00;	
	font-weight: bold;
	}
#etab table{
	margin-left:25px;	margin-top:5px; margin-bottom:100px;
	font-size:small;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:none;
	color: black;
	}
#etab td{
	width:190px;	height: auto;
	padding: 20px;
	vertical-align:top;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;	background-color: #fff48d; 
	}
#etab th{
	text-align:center;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:none;
	color: white;	background-color: #766f64;
	}

#animateur h5{
	width:800px;
	text-align: left;
	padding:2px;	
	margin-left:10%; margin-bottom:-4px;  margin-top:40px;
	border: 1px solid black;
	color: white;	background: #c00;	
	font-weight: bold;
	}
#animateur table{
	margin-top: 1%;	 margin-left:11%;  
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	width: 780px;
	}
#animateur table td{
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	width: 230px;
	vertical-align:top;
	}	
#animateur a{
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	text-decoration:none;
	}	

#coordo table{
	margin-left:12%;  
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;
	font-size:normal;
	}
#coordo td{
	font-size:small;
	padding: 10px;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	background-color: #fff48d; 
	}
#coordo th{
	padding: 3px;
	text-align:center;
	background: #c00;	color:white;
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	}
#coordo a{	
	color:blue;
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	}
	
#organi {
	font-size:small;
	margin-left: 2%;
	}
#organi h3{
	width:95%;
	text-align: left;
	padding-left:5px;
	margin-left:1px; 	margin-right:1%;
	border: 1px solid black;
	color: white;	background: #c00;
	font-weight: bold;
	}
#organi td {
	margin-top: 1%;	 
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;
	font-size:normal;
	}	
	
/*CALENDRIERS*/
#calender{
	width:90%;	height:600px;
	float: left;
	margin-top:10px;  margin-left:3%; margin-right:3%;
	padding:10px;
	background-color:#ffffff; 
	text-align:left bottom;
	border: ;/*1px solid black*/
	}
#calender a{
	font-size:small;
	}
#calender h3{
	color: red;
	}

/*RESULTATS*/	
#resultat{
	width: 800px;
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	margin-left: 100px;	margin-top: auto;	margin-bottom: 1%;
	color: black;
	}	
#resultat table{
	float:left;
	margin-left: 0;	margin-top: 30px;	
	border-style:none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	}
#resultat td{
	border-bottom:solid; border-top:solid; border-width: 1px; border-color:black; border-collapse:collapse;
	color: black;
	padding:5px;
	font-size:small;
	}
#resultat th{
	padding:5px;
	font-size: medium;
	color:#c00;
	}
#resulbis{
	float:left;
	margin-left: 110px;	margin-top:60px;
	width: 300px; height: 380px;
	padding:5px;
	background-color:#fff; 
	border: 1px solid black;/*pour délimiter le cadre*/
	font-size: small;
	}
#resulbis p{
	text-align:center;
	margin-top: 0;
	text-decoration: blink;
	color:#c00;
	font-weight: bold;
	}
#classement{
	float:left;
	width:700px;
	border: 0; /*1px solid black*/
	margin-top:40px; margin-left: 20px;
	}
#classement p{
	float:left;
	width:600px;
	border: 0;
	margin-bottom:30px;	margin-top:0px;	margin-left:15px ;
	font: 1.1em Arial,"Trebuchet MS",sans-serif ;
	}
#classement hr{
	clear:left;
	}
#classement h3{
	margin-top:10px;	margin-left:15px ;
	text-decoration:underline;
	color:#c00;
	}
#classement table{
	float:left;
	margin-left:15px;	margin-top:20px;	margin-bottom:20px;
	text-align: center;
	}
#classement td{
	border-style: solid; border-width: 1px;	border-color:black;	border-collapse:collapse; 
	color: black;
	padding:5px;
	font-size:small;
	}
#classement th{
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: white;	background-color:#766f64;
	padding:5px;
	font-size:small;
	}
	
/*LIENS*/	
#liens table{
	width: 900px;
	margin-top: 9%;	 margin-left:5%; 
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	}
#liens td{
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	text-align: center;
	}
#liens img{
	margin-top: 2%;	 margin-left:5%;  
	border-style: none;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	text-align: center;
	}
#liens a{
	text-decoration:none;
	color: black;
	font: 0.9em Arial,"Trebuchet MS",sans-serif ;
	}
#liens a:hover{
	text-decoration:none;
	}	

#document{
	width:200px;
	margin-top: 8%;	margin-right: 3%;
	float:right; 
	border:;/*1px solid black*/
	}
#document a{ 	
	color:black;
	text-decoration:none;
	font-family: verdana;
	}
#document a:hover{
	text-decoration:underline;
	}	
#document li {
	list-style-type:none;
	margin-left: 15px;
	}
.doc {
	margin-top:10px;
	height: 180px;
	border:1px solid black;
	color:none; background-color: #fff48d; 
	font-size: small;
	}
.doc h4 {
	color:#c00;
	text-align:center;
	font-size: medium;
	margin-top: 20px;
	}

	
/*?????????*/	
#projet{
	width:91%;	height:510px;
	float: left;
	margin-top:10px;	margin-left:3%; 	margin-right:1%;
	padding:10px;
	background-color:#ffffff; 
	text-align:left;
	border: 1px solid black;/*pour délimiter le cadre*/
	}
#projet h3{
	text-align:center;
	}

/*ACTIVITES*/	
#activités{
	Width: 750px;
	float:left;
	margin-left:2%;	margin-top:40px; margin-bottom: 2%;
	padding: 5px;
	background-color:#fff; 
	text-align:center;
	border: ;/*1px solid black*/
	}
#activités h4{
	width:98%;
	text-align: left;
	padding:2px;	
	border: 1px solid black;
	color: white;	background: #c00;	
	font-weight: bold;
	margin-top:0px;	margin-bottom:5px;
	float:left;
	}
#activités table{	
	float:left;
	margin-bottom: 2%;	margin-left:15px;  
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black;
	font-size:normal;
	}
#activités hr{
	float:left;
	}
#activités td{	
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: black; background-color:#fff48d; 
	font-size:normal;
	padding: 5px;
	text-align:left;
	}
#activités th{	
	border-style: solid;	border-width: 1px;	border-color:black;	border-collapse:collapse;
	color: white; background-color:#766f64;
	font-size:normal;
	padding:5px;
	}
#activités p{	
	border-style: solid; border-width: 1px;	 border-color:black;	border-collapse:collapse;
	color: black; background-color:#fff48d; 
	font-size:normal;
	text-align:left;
	width:300px;
	float:left;
	margin-left: 60px;	margin-top: 60px;
	padding:5px;
	}
	
/* IMAGES*/
#competition{
	width: 320px;	height:372px;
	position: absolute;
	top:280px;	left:600px;
	background: url("../images/site/competition.gif") no-repeat;
	}
#idg{
	width: 320px;	height:372px;
	position: absolute;
	top:190px;	left:650px;
	background: url("../images/site/idg.gif") no-repeat;
	}
#autocar{
	width: 200px;	height:152px;
	position: absolute;
	top:500px;	left:750px;
	background: url("../images/site/autocar.jpg") no-repeat;
	}
#under{
	width: 225px;	height:209px;
	position: absolute;
	top:200px;	left:350px;
	background: url("../images/site/under.jpg") no-repeat;
	}
#fleche{
	width: 200px;	height:152px;
	position: absolute;
	top:100px;	left:15px;
	background: url("../images/site/fleche.jpg") no-repeat;
	}
#retour{
	width: 200px;	height:152px;
	position: absolute;
	top:400px;	left:50px;
	background: url("../images/site/retour.jpg") no-repeat;
	}
#retour2{
	width: 200px;	height:152px;
	position: absolute;
	top:100px;	left:450px;
	background: url("../images/site/retour.jpg") no-repeat;
	}
#pubjo{
	width: 202px;	height:295px;
	position: absolute;
	top:300px;	left:650px;
	background: url("../images/site/pubjo.jpg") no-repeat;
	}

#fleche2{
	width: 200px;	height:152px;
	position: absolute;
	top:420px;	left:50px;
	background: url("../images/site/flech.jpg") no-repeat;
	}

#anim2{
	width: 136px;	height:136px;
	position: absolute;
	top:1000px;	left:800px;
	background: url("../images/site/anim2.gif") no-repeat;
	}
#anim3{
	width: 136px;	height:136px;
	position: absolute;
	top:400px;	left:800px;
	background: url("../images/site/anim3.gif") no-repeat;
	}
#anim4{
	width: 136px;	height:136px;
	position: absolute;
	top:550px;	left:800px;
	background: url("../images/site/anim4.gif") no-repeat;
	}	
#anim5{
	width: 136px;	height:136px;
	position: absolute;
	top:700px;	left:800px;
	background: url("../images/site/anim5.gif") no-repeat;
	}
#anim6{
	width: 136px;	height:136px;
	position: absolute;
	top:850px;	left:800px;
	background: url("../images/site/anim6.gif") no-repeat;
	}