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

*{
	margin:0px;
	padding:0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #02203a;
	background-image: url(../images/fond-page.gif);
}
.clear {
	clear: left;
}
.noborder {
	border-style: none;
	
}

table {
border-collapse : collapse;
}

table td, table th {
padding : 0;
}

a {color:#1C4761;}
a:hover {color:#D90065;}



#contener {
	width: 820px;
	margin-left: -410px;
	position: relative;
	left: 50%;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-image: url(../images/fond-contener.gif);
	
}

#haut {
	height: 178px;
	width:820px;
	background-repeat: no-repeat;
	background-image: url(../images/fond-haut.jpg);
}

#gauche {
	float: left;
	width: 210px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/fond-gauche.jpg);	

}

#droite {
	float: left;
	width: 610px;
	
}

#bas {
	background-image: url(../images/fond-bas.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 820px;	
}

/*************************/
 /*****   GAUCHE     *****/
/*************************/
#gauche h1 {
	margin-top:304px;
	font-size: 1.2em;
	color: #FFFFFF;
	margin-left:15px;	

}

#gauche p {
	margin-left:15px;
	color:#98ACB7;
	font-size: 0.8em;
}
 
.jaune {color:#EFB005;}

.vert {color:#A6C038;}

.bleu {color:#84C0E3;}

/*************************/
 /*****   MENU     *****/
/*************************/

ul.menu {
	
	list-style-image: none;
	list-style-type: none;
	

}

ul.menu li {
	width:113px;
	float: left;
	margin-left:6px;
	
	

}

ul.menu li a {
	height:18px;
	font-size: 0.75em;
	color: #ffffff;
	background-repeat: no-repeat;
	text-decoration: none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1px;
	font-weight: bold;
	text-align: center;
	
}


ul.menu li a.rose {
	background-image: url(../images/menu-rose.gif);
	

}
	ul.menu li a.rose:hover, ul.menu li a.currentrose {
	background-image: url(../images/menu-rose-over.gif);
	

	}

ul.menu li a.vert {
	background-image: url(../images/menu-vert.gif);
	

}
	ul.menu li a.vert:hover, ul.menu li a.currentvert {
	background-image: url(../images/menu-vert-over.gif);
	

	}

ul.menu li a.bleu {
	background-image: url(../images/menu-bleu.gif);
	

}

	ul.menu li a.bleu:hover, ul.menu li a.currentbleu {
	background-image: url(../images/menu-bleu-over.gif);
	

	}

ul.menu li a.orange {
	background-image: url(../images/menu-orange.gif);
	

}

	ul.menu li a.orange:hover, ul.menu li a.currentorange {
	background-image: url(../images/menu-orange-over.gif);
	

	}

ul.menu li a.marine {
	background-image: url(../images/menu-marine.gif);
	
}

	ul.menu li a.marine:hover, ul.menu li a.currentmarine {
	background-image: url(../images/menu-marine-over.gif);
	

	}
/*************************/
 /*****   Bloc    *****/
/*************************/

/*** parametre generaux ***/

#droite .bloc {
	width:569px;
	margin-left:19px;
	margin-top:21px;
	height:43px;
	padding-top:5px;
}

#droite .bloc h2 {
	color:#FFFFFF;
	letter-spacing: 0.1em;
	font-size: 1em;
	margin-left:20px;
	margin-bottom:1px;
	
}

#droite .bloc h3 {
	letter-spacing: 0.1em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-top: 5px;
}




#droite .texte {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	width:567px;
	margin-left:19px;
	border: 1px solid #03203A;
}

#droite .texte p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #126493;
	margin-top: 8px;
	margin-left: 8px;
	text-align: justify;
	margin-right: 5px;
	margin-bottom: 5px;
}

a.savoir {
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1C4761;
	padding:0px 15px 2px 15px;
	
}

a.savoir:hover {
	color: #E2006A;

}


/*** parametre bleu ***/

.bl h3 {
	color:#D90065;

}


#droite .bl {
	background-image: url(../images/bl-bleu-haut.gif);
	background-repeat: no-repeat;
	
		
}
#droite .fondbleu {
	background-image: url(../images/bl-bleu-fond.gif);

}

/*** parametre vert ***/

.vt h3 {
	color:#D90065;

}

#droite .vt {
	background-image: url(../images/bl-vert-haut.gif);
	background-repeat: no-repeat;
	
		
}
#droite .fondvert {
	background-image: url(../images/bl-vert-fond.gif);

}

/*** parametre orange ***/

.org h3 {
	color:#D90065;

}


#droite .org {
	background-image: url(../images/bl-orange-haut.gif);
	background-repeat: no-repeat;
	
		
}
#droite .fondorange {
	background-image: url(../images/bl-orange-fond.gif);

}

/*** parametre rose ***/

.rs h3 {
	color:#86C2E6;

}


#droite .rs {
	background-image: url(../images/bl-rose-haut.gif);
	background-repeat: no-repeat;
	
		
}
#droite .fondrose {
	background-image: url(../images/bl-rose-fond.gif);

}
.rose {
	color:#D90065;
}
.agrandir {
	color:#CB005F;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#droite .video {
	background-image: url(../images/bl-bleu-hautV.gif);
	background-repeat: no-repeat;
	width: 560px;
}
#droite .fondbleuvideos {
	background-image: url(../images/bl-bleu-haut.gif);
	width: 560px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}