/************
*** RESET ***
************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, input, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0px; padding: 0px; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

html { overflow-y: scroll; font-size: 62.5%; }
body { height: 100%; }

strong { font-weight: bold; }
em { font-style: italic; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
abbr { border-bottom-style: dotted; border-bottom-width: 1px; font-variant: normal; font-style: normal; cursor: help; }
/* ul { list-style-type: none; } */
a img { border: 0px solid #000; }
img { border: 0px solid #000; }

table { border-collapse: collapse; border-color: inherit; }
thead {}
tbody {}
tfoot {}
tr {}
th { font-weight: bold; }
td {}

fieldset { border-width: 1px; }
label[for] { font-weight: bold; }
label, button, input[type="submit"], input[type="button"] { cursor: pointer; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input[type="radio"] { vertical-align: text-bottom; }
input, button, textarea, select, optgroup, option { font: inherit; text-transform: inherit; line-height: inherit !important; }

sub, sup { font-size: 80%; line-height: 0; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.2em; }



/**************
*** HELPERS ***
**************/
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

.uppper { text-transform: uppercase; }
.lower { text-transform: lowercase; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }

.float-left { float: left; }
.float-right { float: right; }

.image-center { display: block; margin: auto; }

.rad5 { border-radius: 5px; }
.rad10 { border-radius: 10px; }
.rad15 { border-radius: 15px; }

.radtop5 {border-top-left-radius: 5px; border-top-right-radius: 5px; }
.radtop10 {border-top-left-radius: 10px; border-top-right-radius: 10px; }
.radtop15 {border-top-left-radius: 15px; border-top-right-radius: 15px; }

.radbottom5 {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.radbottom10 {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.radbottom15 {border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

.pad0 { padding: 0; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }

.padtop0 { padding-top: 0; }
.padtop5 { padding-top: 5px; }
.padtop10 { padding-top: 10px; }
.padtop15 { padding-top: 15px; }
.padtop20 { padding-top: 20px; }
.padtop25 { padding-top: 25px; }
.padtop30 { padding-top: 30px; }

.martop0 { margin-top: 0; }
.martop5 { margin-top: 5px; }
.martop10 { margin-top: 10px; }
.martop15 { margin-top: 15px; }
.martop20 { margin-top: 20px; }
.martop25 { margin-top: 25px; }
.martop30 { margin-top: 30px; }

.padbottom0 { padding-bottom: 0; }
.padbottom5 { padding-bottom: 5px; }
.padbottom10 { padding-bottom: 10px; }
.padbottom15 { padding-bottom: 15px; }
.padbottom20 { padding-bottom: 20px; }
.padbottom25 { padding-bottom: 25px; }
.padbottom30 { padding-bottom: 30px; }

.marbottom0 { margin-bottom: 0; }
.marbottom5 { margin-bottom: 5px; }
.marbottom10 { margin-bottom: 10px; }
.marbottom15 { margin-bottom: 15px; }
.marbottom20 { margin-bottom: 20px; }
.marbottom25 { margin-bottom: 25px; }
.marbottom30 { margin-bottom: 30px; }

.padleft0 { padding-left: 0; }
.padleft5 { padding-left: 5px; }
.padleft10 { padding-left: 10px; }
.padleft15 { padding-left: 15px; }
.padleft20 { padding-left: 20px; }
.padleft25 { padding-left: 25px; }
.padleft30 { padding-left: 30px; }

.marleft0 { margin-left: 0 !important; }
.marleft5 { margin-left: 5px; }
.marleft10 { margin-left: 10px; }
.marleft15 { margin-left: 15px; }
.marleft20 { margin-left: 20px; }
.marleft25 { margin-left: 25px; }
.marleft30 { margin-left: 30px; }

.padright0 { padding-right: 0; }
.padright5 { padding-right: 5px; }
.padright10 { padding-right: 10px; }
.padright15 { padding-right: 15px; }
.padright20 { padding-right: 20px; }
.padright25 { padding-right: 25px; }
.padright30 { padding-right: 30px; }

.marright0 { margin-right: 0; }
.marright5 { margin-right: 5px; }
.marright10 { margin-right: 10px; }
.marright15 { margin-right: 15px; }
.marright20 { margin-right: 20px; }
.marright25 { margin-right: 25px; }
.marright30 { margin-right: 30px; }



/***************
*** ELEMENTS ***
***************/
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 {
	font-size: 22px;
	font-weight: bold;
	color: #FFBB31;
}

h3 {
	font-size: 26px;
	font-weight: bold;
	color: #FFBB31;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #4e373f;
}


/***********************
*** CLASSES COMMUNES ***
***********************/
.clear {
	clear: both;
}

.content {
	width: 955px;
	margin: 0 auto;
}

.block-grey {
	background-color: #f3f3f8;
}

.block-lightgrey {
	background-color: #faf9f8;
}

.block-unbleached {
	background-color: #f2f1ec;
}

.block-gradient-grey {
	background-image: linear-gradient(top, rgb(242,241,236) 0%, rgb(251,251,249) 100%);
	background-image: -o-linear-gradient(top, rgb(242,241,236) 0%, rgb(251,251,249) 100%);
	background-image: -moz-linear-gradient(top, rgb(242,241,236) 0%, rgb(251,251,249) 100%);
	background-image: -webkit-linear-gradient(top, rgb(242,241,236) 0%, rgb(251,251,249) 100%);
	background-image: -ms-linear-gradient(top, rgb(242,241,236) 0%, rgb(251,251,249) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(242,241,236)), color-stop(1, rgb(251,251,249)));
}

.block-gradient-blue {
	background-image: linear-gradient(top, rgb(137,184,207) 0%, rgb(207,229,243) 25%);
	background-image: -o-linear-gradient(top, rgb(137,184,207) 0%, rgb(207,229,243) 25%);
	background-image: -moz-linear-gradient(top, rgb(137,184,207) 0%, rgb(207,229,243) 25%);
	background-image: -webkit-linear-gradient(top, rgb(137,184,207) 0%, rgb(207,229,243) 25%);
	background-image: -ms-linear-gradient(top, rgb(137,184,207) 0%, rgb(207,229,243) 25%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(137,184,207)), color-stop(0.25, rgb(207,229,243)));
}

.block-blue {
	background-image: linear-gradient(top, rgb(171,191,232) 0%, rgb(205,217,241) 100%);
	background-image: -o-linear-gradient(top, rgb(171,191,232) 0%, rgb(205,217,241) 100%);
	background-image: -moz-linear-gradient(top, rgb(171,191,232) 0%, rgb(205,217,241) 100%);
	background-image: -webkit-linear-gradient(top, rgb(171,191,232) 0%, rgb(205,217,241) 100%);
	background-image: -ms-linear-gradient(top, rgb(171,191,232) 0%, rgb(205,217,241) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(171,191,232)), color-stop(1, rgb(205,217,241)));
	border-bottom: 1px solid #a9a9cf;
}

.block-orange {
	background-image: linear-gradient(top, rgb(224,192,166) 0%, rgb(238,222,209) 100%);
	background-image: -o-linear-gradient(top, rgb(224,192,166) 0%, rgb(238,222,209) 100%);
	background-image: -moz-linear-gradient(top, rgb(224,192,166) 0%, rgb(238,222,209) 100%);
	background-image: -webkit-linear-gradient(top, rgb(224,192,166) 0%, rgb(238,222,209) 100%);
	background-image: -ms-linear-gradient(top, rgb(224,192,166) 0%, rgb(238,222,209) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(224,192,166)), color-stop(1, rgb(238,222,209)));
	border-bottom: 1px solid #c0adb9;
}

.block-purple {
	background-image: linear-gradient(top, rgb(192,159,195) 0%, rgb(229,215,236) 100%);
	background-image: -o-linear-gradient(top, rgb(192,159,195) 0%, rgb(229,215,236) 100%);
	background-image: -moz-linear-gradient(top, rgb(192,159,195) 0%, rgb(229,215,236) 100%);
	background-image: -webkit-linear-gradient(top, rgb(192,159,195) 0%, rgb(229,215,236) 100%);
	background-image: -ms-linear-gradient(top, rgb(192,159,195) 0%, rgb(229,215,236) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(192,159,195)), color-stop(1, rgb(229,215,236)));
	border-bottom: 1px solid #baa8cc;
}

.button-link {
	padding: 4px 12px;
	font-weight: bold;
	text-align: center;
	color: #610546;
	display: inline-block;
	border-radius: 5px;
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25);
	background-image: linear-gradient(top, rgb(255,235,107) 0%, rgb(252,152,3) 100%);
	background-image: -o-linear-gradient(top, rgb(255,235,107) 0%, rgb(252,152,3) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,235,107) 0%, rgb(252,152,3) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,235,107) 0%, rgb(252,152,3) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,235,107) 0%, rgb(252,152,3) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,235,107)), color-stop(1, rgb(252,152,3)));
}



/************************
*** SQUELETTE DE PAGE ***
************************/
body {
	font: 12px Arial, sans-serif;
	background-color: #e2dfeb;
	color: #333;
}


	/** HEADER **/
	#main-header {
		height: 220px;
		background-image: linear-gradient(top, rgb(107,66,132) 20%, rgb(72,52,118) 74%, rgb(72,52,118) 94%, rgb(46,45,95) 94%);
		background-image: -o-linear-gradient(top, rgb(107,66,132) 20%, rgb(72,52,118) 74%, rgb(72,52,118) 94%, rgb(46,45,95) 94%);
		background-image: -moz-linear-gradient(top, rgb(107,66,132) 20%, rgb(72,52,118) 74%, rgb(72,52,118) 94%, rgb(46,45,95) 94%);
		background-image: -webkit-linear-gradient(top, rgb(107,66,132) 20%, rgb(72,52,118) 74%, rgb(72,52,118) 94%, rgb(46,45,95) 94%);
		background-image: -ms-linear-gradient(top, rgb(107,66,132) 20%, rgb(72,52,118) 74%, rgb(72,52,118) 94%, rgb(46,45,95) 94%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, rgb(107,66,132)), color-stop(0.74, rgb(72,52,118)), color-stop(0.94, rgb(72,52,118)), color-stop(0.94, rgb(46,45,95)));
	}

		#header-top {
			height: 22px;
			background-color: rgba(21, 39, 72, 0.3);
		}

			#header-top-container {
				width: 955px;
				margin: 0 auto;
			}

				#header-top-container div {
					float: right;
					display: inline-block;
					margin: 1px 16px 0 0;
					height: 17px;
					line-height: 17px;
					padding: 0 25px;
					text-align: center;
					border-top: 1px solid #ad81ab;
					border-bottom: 2px solid #7d347a;
					border-bottom-left-radius: 6px;
					border-bottom-right-radius: 6px;
					background-image: linear-gradient(top, rgb(151,95,149) 0%, rgb(156,98,155) 60%, rgb(143,86,142) 61%, rgb(140,76,138) 100%);
					background-image: -o-linear-gradient(top, rgb(151,95,149) 0%, rgb(156,98,155) 60%, rgb(143,86,142) 61%, rgb(140,76,138) 100%);
					background-image: -moz-linear-gradient(top, rgb(151,95,149) 0%, rgb(156,98,155) 60%, rgb(143,86,142) 61%, rgb(140,76,138) 100%);
					background-image: -webkit-linear-gradient(top, rgb(151,95,149) 0%, rgb(156,98,155) 60%, rgb(143,86,142) 61%, rgb(140,76,138) 100%);
					background-image: -ms-linear-gradient(top, rgb(151,95,149) 0%, rgb(156,98,155) 60%, rgb(143,86,142) 61%, rgb(140,76,138) 100%);
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(151,95,149)), color-stop(0.6, rgb(156,98,155)), color-stop(0.61, rgb(143,86,142)), color-stop(1, rgb(140,76,138)));
				}

					#header-top-container div a {
						color: #fff;
						font-weight: bold;
					}


		#header-container {
			width: 955px;
			margin: 0 auto;
			position: relative;
		}

			#logo {
				float: left;
				margin: -22px 0 0 16px;
				width: 240px;
				height: 110px;
			}

			.api #logo {
				width: 331px;
				height: 110px;
				margin-left: -42px;
			}

				#logo a {
					display: block;
					width: 240px;
					height: 110px;
				}

#intro {
	padding: 20px 20px;
	border-radius: 5px;
	width:610px;
	margin: 10px 0px 0px 300px;
}

	#intro p {
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		text-align: justify;
	}


	/** CONTENU **/
	#main-section {
		width: 955px;
		margin: -90px auto 0;
	}

	.api #main-section {
		margin-top: -240px;
	}

		nav {}

			nav ul {
				margin-left: 72px;
			}

				nav ul li {
					display: block;
					float: left;
					height: 32px;
					line-height: 32px;
					padding: 0 20px;
					border-top-left-radius: 9px;
					border-top-right-radius: 9px;
					color: #2e73a6;
					margin-right: 3px;
					font-weight: bold;
					background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(189,177,162) 100%);
					background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(189,177,162) 100%);
					background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(189,177,162) 100%);
					background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(189,177,162) 100%);
					background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(189,177,162) 100%);
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(189,177,162)));
				}

				nav ul li.actif {
					background-color: #fff;
					background-image: none;
				}

					nav ul li a {
						color: #2e73a6;
						text-decoration: none;
					}

					nav ul li a:hover {
						text-decoration: underline;
					}

		#section-container {
			border-top-left-radius: 9px;
			border-top-right-radius: 9px;
			background-color: #fff;
			padding: 12px 9px 50px;
		}

			#rootline {
				float: left;
			}

			#ephemeris {
				float: right;
			}

			#section-content {
				margin-top: 20px;
			}




	/** FOOTER **/
	#main-footer {
		background-color: #fff;
	}

		#footer-content {
			width: 955px;
			margin: 0 auto;
			padding-bottom: 25px;
		}

		#subfooter {
			background-color: #2e2d5f;
			height: 30px;
			line-height: 30px;
      color:white;
		}


			#subfooter ul {
				text-align: center;
			}

				#subfooter li {
					display: inline;
					padding: 0 8px;
				}

					#subfooter li a {
						color: #fff;
						text-decoration: none;
					}

					#subfooter li a:hover {
						text-decoration: underline;
					}



/***************
*** HOMEPAGE ***
***************/

#brief-places,
#brief-relay,
#brief-bc {
	float: left;
	width: 300px;
	margin-left: 10px;
	position: relative;
	padding-bottom: 50px;
}


	#brief-places h2,
	#brief-relay h2,
	#brief-bc h2 {
		font-size: 20px;
		font-weight: normal;
		color: #1f3254;
		padding: 8px 10px 4px;
		background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%);
		background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%);
		background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%);
		background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%);
		background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(242,242,242) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(242,242,242)));
	}

		#brief-places h2 span,
		#brief-relay h2 span,
		#brief-bc h2 span {
			font-weight: bold;
			color: #ffbb31;
		}

	#brief-places p,
	#brief-relay p,
	#brief-bc p {
		line-height: 18px;
		text-align: justify;
		padding: 10px;
	}
	
	#brief-places ul,
	#brief-relay ul,
	#brief-bc ul {
		padding: 10px;
	}
	

	#brief-places a.button-link,
	#brief-relay a.button-link,
	#brief-bc a.button-link {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}