html, body, #outer, h1, #nav, #nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body { 
	background-color: #022A48;
	/*font: 12px Verdana, Arial, helvetica, sans-serif;
	
	scrollbar-face-color: #FFF6E7; 
	scrollbar-shadow-color: #993300;
	scrollbar-highlight-color: #993300;
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFD89C; 
	scrollbar-arrow-color: #993300;*/
	}

/*//////////// Plices ////////*/

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	text-align:center;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFCC;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #000000;
	text-align:center;
	margin: 0 0 0 0;
	padding: 0;
}

h4{
	font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:bolder;
	color: #003366;
	text-align:center;
	margin: 0 0 0 0;
	padding: 0;
	
}

h5{
	font-family: Monotype Corsiva, Helvetica, sans-serif;
	font-size: 26px;
	font-weight:bolder;
	color: #F3F3CD;
	text-align: center;
	
	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}
#city{
	position: relative;
	float: left;
	width: 140;
	height:26;
	bottom: 8px;
	margin-left:10px;
	overflow:visible;
}
/* ------- Spacers----*/
h6{
	font-size: 5px;
	line-height: 5px;
	color: #000000;
	text-align:center;
	margin: 0 0 0 0;
	padding: 0;
}

#emty {
		
		width:200px;
		float:right;
		
		background:#F3F3CD;
		margin-right:0;
}
#emtyl {
		
		width:200px;
		float:left;
		
		background:#F3F3CD;
		margin-right:0;
}
/*-------------*/

p.spacehaut{
	line-height: 5px;
}


p.textnormal{
	margin-left: 10px;
	margin-right: 10px;
	color: Black; 
	font-size: 13px; 
	line-height: 15px;
	font-family: Verdana, Arial, helvetica, sans-serif
}

p.centred{
	margin-left: 10px;
	margin-right: 10px;
	color: Black;
	font-weight:bold; 
	font-size: 13px; 
	line-height: 15px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-align:center;
}


.textdate{
	float:right;
	margin-left: 10px;
	margin-right: 10px;
	color: Black; 
	font-size: 11px; 
	
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-style:italic;
}


.topspace {
	margin: 0 0 0 0;
	padding: 0;
	/*height:10;*/
	line-height: 10px;
	float:none;
	width:10px;

}

.tps4ctr {
	margin: 0 0 0 0;
	padding: 0;
	line-height: 25px;
	float:none;
}

.topspace2 {
	margin: 0 0 0 0;
	padding: 0;
	width:100px;
	/*height:10;*/
	line-height: 10px;
	float:none;

}

.cl {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

.imgcl{
	width:270;
	 position: relative;
	 float: right;
	 padding: 0;
	 margin-left: 10;
	margin-right: 20;
	text-align:center;

}

.imgContc{
	width:270;
	position: relative;
	float: right;
	padding: 0;
	 margin-left: 10;
	margin-right: 10;
	text-align:center;
	padding-right:30px;
}

A:link {text-decoration: none; color:#000066;}
A:visited {text-decoration: none; color:#000066;}
A:active {text-decoration: none; color:#000066;}
A:hover {text-decoration: underline; color: #0000CC;}

div#outer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0px solid #FFFFCC; 
	background-color:#022A48;	
	height:auto;
}

div#outer2 {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0px solid #FFFFCC; 
	background-color:#022A48;	
	height:auto;
}

div#header {
	height: 200px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
	
}	

div#tete {
	position: relative;
	width: 800px;
	height: 200px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(im/tete2.jpg);
	display: inline;
}

div#tete3 {
	position: relative;
	width: 800px;
	height: 200px;
	margin: 0 0 0 0;
	float: left;
	background-image:url(im/tete3.jpg);
	display: inline;
}

div#menuholder {
	position: relative;
	width: 640px;
	height: 26px;
	margin: 0 0  0;
	float: left;
	display: inline;
	/*overflow:hidden;*/
}


div#menucentre {
	position: relative;
	width: 640px;
	height: 200px;
	margin: 0 0 5px 0;
	float: left;
	background-image:url(im/tete2.jpg);
	display: inline;

}


/*///////////menu jaune ////*/
ul#nav2 {
	position: relative;
	float:left;
	top: 0px;
	height: 26px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	clip: rect(auto,0px,auto,0px);
}
ul#nav2 li {
	
	float: left;
	list-style-type: none;
	margin-right: 0px;
	padding-right:47px;
	padding-left:0;
	margin-bottom: 0;
	margin-left: 0px;
	
	text-align: center;
	line-height: 26px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

ul#nav2 a:link, ul#nav a:visited {
	color: #003366;
	text-decoration: none;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	
	
}
ul#nav2 a:hover {
	color: #003366;
	text-decoration: underline;
	font-size: 100%;
}
/*//////////end menu jaune ////////////*/

/*///////////////////// menu haut //////////*/		
ul#nav {
	position: relative;
	top: 150px;
	height: 27px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	clip: rect(auto,0px,auto,0px);

}
ul#nav li {
	float: right;
	list-style-type: none;
	width: 120px;
	margin: 0;
	text-align: center;
	line-height: 28px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

ul#nav a:link, ul#nav a:visited {
	color: #FFFFCC;
	text-decoration: none;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	
	
}
ul#nav a:hover {
	color: #FFFFCC;
	text-decoration: underline;
	font-size: 110%;
}
/*///////////////////// menu haut fin//////////*/	

#menuJaune {
	position: relative;
	
	width:475px;
	height: 26px;
	float: right;
	margin: 0;	
	padding:0px;
	background: url(im/menuJaune2.gif) no-repeat;
	overflow:hidden;
	
}	


#contentleft {
		width:150px;
		padding:0px;
		float:left;
		background:#022A48;
		margin-right: 10px;
		
		}

#conte-top {
	position: relative;
	width:640px;
	height: 14px;
	float:left;
	padding:0px;
	background: url(im/bandeh.gif) no-repeat;
	overflow: hidden;
	
}	



#conte-bottom {
	width:640px;
	height: 13px;
	float:right;
	padding:0px;
	background: url(im/bandeb.gif) no-repeat;
	position: relative;
	overflow: hidden;
}
	
#contentcenter {
		width:640px;
		padding:0px;
		float:right;
		background:#F3F3CD;
		
}


#contentcenter2 {
		width:640px;
		padding:0px;
		float:left;
		margin-left:50px;
		background:#F3F3CD;
		
}


#conte-top2 {
	position: relative;
	width:640px;
	height: 14px;
	float:left;
	margin-left:50px;
	padding:0px;
	background: url(im/bandeh.gif) no-repeat;
	overflow: hidden;
	
}	
#conte-bottom2 {
	width:640px;
	height: 13px;
	float:left;
	margin-left:50px;
	padding:0px;
	background: url(im/bandeb.gif) no-repeat;
	position: relative;
	overflow: hidden;
}



#topBoard {
	position: relative;
	width:620px;
	height: 13px;
	float:left;
	margin-left:10px;
	background: url(im/topBoard.gif) no-repeat;
	overflow: hidden;
	
}	

#bottomBoard {
	width:620px;
	height: 13px;
	float:left;
	margin-left:10px;
	background: url(im/bottomBoard.gif) no-repeat;
	position: relative;
	overflow: hidden;
}
	
#midleBoard {
		width:620px;
		height: 1000px;
		padding:0px;
		float:left;
		margin-left:10px;
		background: url(im/midleBoard.gif);
		
		}


/* elimener la repetition*/

#leftmoitie {
		width:320px;
		padding:0px;
		float:left;
		background:#F3F3CD;
}


#blancround {
		width:350px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
}

#blancround0 {
		
		width:250px;
		float:right;
		text-align:left;
		background:#FFFFFF;
		margin-right:10px;
}


#blancroundl {
		width:300px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
}
		
#blancroundlong {
		width:620px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
		}

#leftmoitie {
position:relative;
		width:320px;
		float:left;
}
		
#rightmoitie {
position:relative;
		width:320px;
		float:left;
}

#blancroundmoitie {
		width:305px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
		}
#blancroundmoitie2 {
		width:305px;
		float:right;
		text-align:left;
		background:#FFFFFF;
		margin-right:10px;
		}
		
#videoG {
		
		width:350px;
		height: 300;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
}
#video1 {
		
		width:252px;
		height: 190;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
		
		}
#video2 {
		
		width:300px;
		height: 230px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
}
#video3 {
		
		width:300px;
		height: 275px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
}
#video4 {
		
		width:300px;
		height: 241px;
		float:left;
		background:#FFFFFF;
		margin-left:10px;
}

/*
#contentcenter div { background: url(im/gaucheRd.gif) top left no-repeat; }
#contentcenter div div { background: url(im/droitRd.gif) top right no-repeat; }
#contentcenter div div div { background: url(im/gauchBtmRd.gif) bottom left no-repeat; }
#contentcenter div div div div { background: url(im/droitBtmRd.gif) bottom right no-repeat; }

.yell-a { background: top right url(im/droitRd.gif) no-repeat; }
.yell-b { background: bottom right url(im/droitBtmRd.gif) no-repeat; }
.yell-c { background: bottom left url(im/gauchBtmRd.gif) no-repeat; }
.yell-d { background: top left url(im/gaucheRd.gif) no-repeat; }
*/

.box {
	position:relative;
  float: left;
  background: #FFFFFF;
  text-align:left;

}

.box-a { background: top right url(im/bgh.gif) no-repeat; }
.box-b { background: bottom right url(im/bdb.gif) no-repeat; }
.box-c { background: bottom left url(im/bgb.gif) no-repeat; }
.box-d { background: top left url(im/bdh.gif) no-repeat; }

/*/////pas utilise///*/
.clear-flat {
	margin-bottom: 4px;
}

/*////////////////////  Corpus /////////////////*/
div.menu-top {
	width: 150px;
	height: 9px;
	background: url(im/tetemenu2.gif) no-repeat;
	overflow: hidden;
}
div.menu-middle {
	width: 150px;
	background: url(im/bodymenu2.gif);
	padding: 1px 0;
	text-align: center;
}
div.menu-bottom {
	width: 150px;
	height: 8px;
	background: url(im/piedmenu2.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 15px;
}
/*////////////////////  Corpus  end /////////////////*/

/*/////////////// Menu principale /////////////*/

ul#droitmenu {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

ul#droitmenu li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

ul#droitmenu a:link, ul#droitmenu a:visited {
	color: #FFFFCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height:35px;
}
ul#droitmenu a:hover {
	display:block;
	color: #FFFFCC;
	text-decoration: underline;
	width:150px;
	/*font-size: 120%;*/
	/*background-image:url(im/bodyover.gif);*/
}
/*/////////////// Menu principale fin/////////////*/

/*/////////////// Menu projets /////////////*/

ul#gauchmenu {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
ul#gauchmenu li {
	font: 12px verdana, arial, sans-serif;

}
ul#gauchmenu a:link, ul#gauchmenu a:visited {
	color: #FFFFCC;
	text-decoration: none;
	font: 12px verdana, arial, sans-serif;
	line-height:20px;
}


ul#gauchmenu a:hover {
	display:block;
	color: #FFFFCC;
	text-decoration: underline;
	
}
/*/////////////// Menu projets fin /////////////*/

/*/////////////// Images Activites /////////////*/
#insiderAc{
	position:relative;
	float:left;
	background-color:#FFFFFF;
	width:640;
	height:auto;
	text-align: center;
}

div.imgAc {
  	margin: 1px;
  	/*height: 220px;*/
  	width: 300px;
  	float:right;
  	text-align: center;
	border:none;
	vertical-align:middle;
	margin-left:5px;
	
}	

div.imgAcL {
  	margin: 1px;
  	/*height: 220px;*/
  	width: 300px;
  	float:left;
  	text-align: center;
	border:none;
	vertical-align:middle;
	margin-left:5px;
	
}	

div.imgAc imgAc {
  	display: inline;
  	margin: 1px;
	 border:none;
}


/*/////images///////*/	
div.img {
  	margin: 1px;
  	height: 250px;
  	width: 210px;
  	float: left;
  	text-align: center;
	vertical-align:middle;
	
}	
div.img img {
  	display: inline;
  	margin: 1px;
	 border:none;
}

.imageleft { 
	float: left; 
	margin: 10px;
	width: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;	
}
.imageleft2 { 
	float: left; 
	margin: 10px;
	width: 205px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;	
}


.imageleft4 { 
	float: left; 
	margin: 10px;
	width: 255px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;	
}

.imageleft3 { 
	float: left; 
	margin: 5px;
	width: 160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;	
}

div.desc {
  	text-align: center;
  	color: black; 
	font-size: 12px; 
	line-height: 15px;
	font-weight:bold;
	
	font-family: Comic Sans MS, Arial, helvetica, sans-serif; 
}


#pied {
	margin-top: 3px;
	text-align: center;
	font-family:"Courier New", Courier, monospace;
	font-style:italic;
	color:#FFFEE8;
	
}

table.a { 
	width:295px; 
	border:1px solid #022A48; 
	margin:1em auto; 
	border-collapse:collapse;
	text-align:center;
	font-weight:bold;
} 

table.c { 
	width:605px; 
	margin:1em auto; 
	border-collapse:collapse;
	text-align:center;
	font-weight:bold;
} 


table.h { 
	width:605px; 
	border:1px solid #022A48; 
	
	margin:1em auto; 
	border-collapse:collapse; 
}
 
td.c { 

	text-align:left; 
} 

.bc{
	border-top:1px solid #022A48; 
	border-right:1px solid #022A48; 
	border-bottom:1px solid #022A48; 
	border-left:1px solid #022A48;
	background-color:#DFEEF8;
}

.bcb{
	border:1px solid #022A48;
	background-color:#DFEEF8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width:100px;
}

td { 
	padding:2px; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 

.h { 
	border:1px solid #022A48;
	padding:2px; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 

tr.b { 
	color:#FFFFFF;
	background-color:#678197;
	font-weight:bold;
} 
td.b { 
	color:#FFFFFF;
	border:1px solid #022A48;
	background-color:#678197;
	font-weight:bold;
} 

.styleRed {color: #CC0000}