/* CSS Document */

body { margin:0px; background: #ffffff; }
img { border: none; }
.img-left	{ float:left; margin-right:10px; }
.img-right	{ float:right; margin-left:10px; }

.clr	{ clear:both; font-size:0; height:0; line-height:0; }

a:link 		{ color: #002F5D; text-decoration: none; }
a:visited 	{ color: #002F5D; text-decoration: none; }
a:hover 	{ color: #FED501; text-decoration: underline; }
a:active 	{ color: #FED501; text-decoration: underline; }


.h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; line-height: 170%; }
.h4 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; }

.menu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-bottom: 20px; padding-right:15px; }

.promo		{ background:#002F5D; color:#fff; padding:5px 20px 20px; font:bold 12px/1.2em Arial, Helvetica, sans-serif; text-align:justify; }
.promo .h1	{ font:bold 18px/1.2em Arial, Helvetica, sans-serif; text-align:justify; color:#fff; }
.promo img	{ margin:0 auto; display:block; }

.news_wrap	{ border:1px solid #000; padding:3px; }
.news		{ background:#b2c2cd; background: -moz-linear-gradient(center bottom,rgb(178,194,205) 0%,rgb(227,239,248) 100%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(178,194,205)),color-stop(1, rgb(227,239,248))); padding:15px; }
.news p		{ text-align:justify; font:12px/1.7em Arial, Helvetica, sans-serif; }

.note		{ background:#b2c2cd; background: -moz-linear-gradient(center bottom,rgb(178,194,205) 0%,rgb(227,239,248) 100%); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(178,194,205)),color-stop(1, rgb(227,239,248))); 
				padding:15px; text-align:center; font:bold italic 16px/1.7em Arial, Helvetica, sans-serif; }

a.pdf		{ display:block; background:url(../images/pdf-icon2.png) no-repeat;padding:10px 0 7px 34px; font:12px Arial, Helvetica, sans-serif; }
a.pdf:hover	{ color:#004181; text-decoration:underline; }

.news .quote	{ padding:0 60px; text-align:center; }

ul	{ font:12px/1.2em Arial, Helvetica, sans-serif; }
li	{ line-height: 24px; }

.competence_outer	{ padding:5px; border:1px solid #000; margin:0 0 20px 10px; }
.competence_inner	{ background:rgb(241,238,169); background: -moz-linear-gradient(center bottom,rgb(241,238,169) 0%,rgb(244,243,217) 100%); font:12px/2em Arial, Helvetica, sans-serif;
					background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(241,238,169)),color-stop(1, rgb(244,243,217))); padding:5px 10px; text-align:center; }
.competence_inner .larger	{ font-size:16px; line-height:1em; }

h1,
.h1	{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; text-align: left; font-weight: bold; }
h2	{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #eaae36; text-align: left; font-weight: bold; margin:0 0 10px; }
.h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: left; line-height: 170%; }

h3	{ font:18px/1.2em Arial, Helvetica, sans-serif; margin:0 0 10px; }

.grey_block	{ background:#E8E8E8; padding:15px; margin:10px 0; border-top:3px solid #bebebe; border-bottom:1px solid #bebebe; }
.grey_block p	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: left; line-height: 170%; }

.clr	{ clear:both; line-height:0; font-size:0; height:0; }

.newsletter						{ padding:0 20px; font-family:Arial, Helvetica, sans-serif; }
.newsletter label				{ font-size:12px; }
.newsletter input[type=text]	{ width:266px; border:1px solid #1C497D; }
.newsletter input[type=submit]	{ background:#1C497D; border:1px solid #1C497D; color:#fff; cursor:pointer; }

.msg-error	{ color:#c00; font-size:12px; }
.msg-sent	{ color:#090; }

/* ---------- */
/* FORMULAIRE */
/* ---------- */
div.nav {
}
div.nav ul, div.nav li {
	padding:0;	/* On enlève le padding et le margin attribués par defaut aux listes afin de les gérer individuellement par la suite */
	margin:0;
	text-align: left;
}
div.nav ul {
	list-style-type:none;	/* Comme un menu est habituellement une liste et n'a habituellement pas de puce, on enlève la puce */
}
div.nav li {
	margin-left: 5px;	/* Comme un menu est habituellement une liste et n'a habituellement pas de puce, on enlève la puce */
}
div.nav a, div.nav span {	
	cursor:pointer;	/* Donne au span le curseur en forme de main  */
	text-decoration:none;	/* Enlève le soulignement */
}
div.nav li > ul {
	display:none;	/* Cache les sous-menus en attendant le hover */
	position:absolute;	/* Sort les sous-menus du flot du texte */
}
div.nav li:hover > ul {	/* Lorsque la souris passe sur le li, les ul qui s'y trouvent... */
	display:inherit;	/* ... aparaissent */
	z-index: 99;
}
div.nav ul.horizontal {
	overflow:hidden;	/* Fait en sorte que le ul ne s'écrase pas lorsque tous les li sont float:left. On aurait également pu mettre une hauteur au ul */
}
div.nav ul.horizontal > li {
	float:left;	/* Les li sont tous alignés à gauche, emboités les uns sur les autres */
}
div.nav.vertical {
	width:15em;	/* On lui donne une largeur */
}
div.nav ul.vertical > li {
	position:relative;	/* Pour que la position des sous-menus soient relatifs au li dans lequel ils se trouvent */
}
div.nav ul.vertical > li > ul {
	left:100%;	/* Pousse le sous-menu à la droite du li (100% de la largeur du li) */
	top:-4px;	/* Pour aligner le premier élément du sous-menu avec l'élément pointé. */
}
div.nav ul.vertical li:hover > ul {
	display:block;
}
div.nav ul.vertical {
	background-color:#fff;
	color:black;
	font-size:12px;
	padding:3px;
	border:1px outset black;
}

div.nav ul.vertical a {
	line-height: 27px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #666;
	display: block;
	margin-right: 5px;
}

div.nav ul.vertical a.dernier {
	border-bottom: none;
}

/* ---------- */
/* CALENDRIER */
/* ---------- */

table.calendrier {
	border: 3px solid #7f9fb7;
	border-collapse: collapse;
	font-size: 13px;
	font-family: Arial;
	color: #002e5e;
}

table.calendrier th {
	background-color: #7f9fb7; 
	color: #fff;
	padding: 5px 2px;
}

table.calendrier td {
	padding: 15px 2px;
	border: 1px solid #acbed5;
	text-align: center;
}

table.calendrier td span.evenement {
	font-weight: bold;
	text-transform: uppercase;
}

table.calendrier td span.date {
	font-weight: bold;
}

table.calendrier td.premier {
	padding-left: 5px;
	text-align: left;
}