/*===== FONTS =====*/
@font-face {
    font-family: 'Nyala';
    src: url('fonts/nyala.woff') format('woff');
}
@font-face {
    font-family: 'Gill';
    src: url('fonts/gillsans.woff') format('woff');
}

/*===== VALEURS GLOBALES =====*/
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 1em;
	box-sizing: border-box;
}
a img, img[usemap] {
	border: none;
}

/*===== HEADER =====*/
header#top {
	position: fixed;
	z-index: 100;
	top: 0;
	left: calc(50% - 569px);
	height: 90px;
	background: url('img/menu_actu.png') no-repeat top center / 1138px 89px;
	width: 1138px;
}
	header#top nav#menu {
		width: 100%;
		height: 80px;
		text-align: left;
	}
		header#top nav#menu a div#logo_full {
			position: relative;
			display: inline-block;
			height: 100%;
			width: 220px;
			overflow: hidden;
			text-align: left;
			padding-left: 50px;
		}
			header#top nav#menu a div#logo_full img#logo {
				position: absolute;
				top: 5%;
				height: 100%;
				left: 30px;
			}
			header#top nav#menu a div#logo_full h1#villede {
				position: absolute;
				top: 9px;
				left: 100px;
				display: inline;
				font-family: 'Nyala';
				font-size: 1.1em;
				font-weight: normal;
				line-height: 30px;
				color: white;
				margin: 0;
				padding: 0;
				text-transform: initial;
			}
			header#top nav#menu a div#logo_full h1#clouange {
				position: absolute;
				top: 20px;
				left: 100px;
				display: inline;
				font-family: 'Nyala';
				font-size: 2.6em;
				line-height: 70px;
				font-weight: normal;
				margin: 0;
				padding: 0;
				color: white;
				text-transform: initial;
			}
		header#top nav#menu ul#menu_cat {
			font-family: 'Nyala';
			font-size: 1.75em;
			margin: 0;
			padding: 0;
			color: white;
			list-style: none;
			display: inline-block;
			vertical-align: bottom;
			/*width: 550px;*/
			width: calc(100% - 450px);
			height: 59px;
			
		}
			header#top nav#menu ul#menu_cat li {
				position: relative;
				display: inline-block;
				width: calc((100% / 5) - 5px);
				height: 59px;
				text-align: center;
				vertical-align: middle;
			}
			header#top nav#menu ul#menu_cat li.menu_catS { line-height: 55px; }
			header#top nav#menu ul#menu_cat li.menu_catD { padding-top: 5px; line-height: 24px; }
				header#top nav#menu ul#menu_cat li a {
					color: white;
					text-decoration: none;
				}
					header#top nav#menu ul#menu_cat li:hover span.souligne_H {
						text-decoration: underline;
						cursor: default;
					}
					header#top nav#menu ul#menu_cat li a:hover {
						text-decoration: underline;
					}
					header#top nav#menu ul#menu_cat li div.menu_sous {
						position: absolute;
						height: 0;
						background-color: rgba(99,56,128,0.8);
						border-radius: 0 0 0 40px;
						transition: all 0.5s;
						overflow: hidden;
						z-index: 150;
						font-family: 'Gill';
						font-size: 0.7em;
						line-height: 20px;
						width: 842px;
						padding-left: 150px;
						box-sizing: border-box;
					}
							header#top nav#menu ul#menu_cat li.menu_catS div.menu_sous { top: 56px; }
							header#top nav#menu ul#menu_cat li.menu_catD div.menu_sous { top: 59px; }
							/*---------------------------------------------------------------------*/
							header#top nav#menu ul#menu_cat li:hover div.menu_sous { height: 235px; }
							/*---------------------------------------------------------------------*/
							header#top nav#menu ul#menu_cat li div#menu_sous1 { left: 4px; }
							header#top nav#menu ul#menu_cat li div#menu_sous2 { left: -119px; }
							header#top nav#menu ul#menu_cat li div#menu_sous3 { left: -242px; }
							header#top nav#menu ul#menu_cat li div#menu_sous4 { left: -365px; }
							header#top nav#menu ul#menu_cat li div#menu_sous5 { left: -488px; }
							header#top nav#menu ul#menu_cat li div#menu_sous6 { left: -611px; }
							header#top nav#menu ul#menu_cat li div#menu_sous7 { left: -735px; }
							/*---------------------------------------------------------------------*/

							header#top nav#menu ul#menu_cat li div.menu_sous h2.menu_sous_titre {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 45px;
								line-height: 42px;
								font-family: 'Nyala';
								font-size: 2.3em;
								color: rgb(251,186,22);
								background-color: rgb(99,56,128);
								margin: 0;
								padding: 0 0 0 10px;
								text-align: left;
							}
							header#top nav#menu ul#menu_cat li div.menu_sous span.menu_sous_img {
								position: absolute;
								bottom: 10px;
								left: 10px;
								width: 170px;
								height: 170px;
								border-radius: 0 40px 0 40px;
								border: 2px solid rgb(251,186,22);
								background-repeat: no-repeat;
							}
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img1 { background-image: url('img/menu1.png'); }
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img2 { background-image: url('img/menu2.png'); }
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img3 { background-image: url('img/menu3.png'); }
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img4 { background-position: -540px 0; }
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img5 { background-position: -720px 0; }
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img6 { background-position: -900px 0; }
								header#top nav#menu ul#menu_cat li div.menu_sous span#menu_sous_img7 { background-position: -1080px 0; }
							header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie {
								position: relative;
								list-style: none;
								margin-top: 50px;
								clear: both;
								text-align: left;
							}
								header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li {
									display: inline-block;
									position: relative;
									height: 45px;
									min-width: 300px;
									text-align: left;
								}
									header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span.menu_sous_cat_icone {
										position: absolute;
										top: 0;
										left: 9px;
										height: 37px;
										width: 37px;
										background-image: url('img/ico_menu.png');
										background-repeat: no-repeat;
									}
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone1 { background-position: 0 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone2 { background-position: -37px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone3 { background-position: 0 -37px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone4 { background-position: -37px -37px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone5 { background-position: 0 -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone6 { background-position: -37px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone7 { background-position: 0 -111px; }
										
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone8 { background-position: -74px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone9 { background-position: -111px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone10 { background-position: -74px -37px; }
											header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone34 {
												position: absolute;
												top: 0;
												left: 9px;
												height: 37px;
												width: 37px;
												background-image: url('img/personnel.png');
												background-repeat: no-repeat;
												background-position: 0 0;
											}
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone12 { background-position: -74px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone13 { background-position: -111px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone11 { background-position: -111px -37px; }
										
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone14 { background-position: -148px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone15 { background-position: -185px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone16 { background-position: -148px -37px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone17 { background-position: -185px -37px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone18 { background-position: -148px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone19 { background-position: -185px -74px; }
										
											header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone36 {
												position: absolute;
												top: 0;
												left: 9px;
												height: 37px;
												width: 37px;
												background-image: url('img/pos.png');
												background-repeat: no-repeat;
												background-position: 0 0;
											}
											
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone20 { background-position: -222px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone21 { background-position: -222px -37px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone22 { background-position: -222px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone23 { background-position: -222px -111px; }
										
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone24 { background-position: -74px -111px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone25 { background-position: -111px -111px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone26 { background-position: -148px -111px; }
										
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone27 { background-position: -259px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone28 { background-position: -296px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone29 { background-position: -259px -37px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone30 { background-position: -296px -37px; }
											header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone35 {
												position: absolute;
												top: 0;
												left: 9px;
												height: 37px;
												width: 37px;
												background-image: url('img/finances.png');
												background-repeat: no-repeat;
												background-position: 0 0;
											}
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone32 { background-position: -296px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone31 { background-position: -259px -74px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone33 { background-position: -259px -111px; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone50 { background-position: -296px -111px; }
											header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone37,
											header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone38,
											header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone39 {
												position: absolute;
												top: 0;
												left: 9px;
												height: 37px;
												width: 37px;
												background-image: url('img/marches.png');
												background-repeat: no-repeat;
											}
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone37 { background-position: 0 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone38 { background-position: -37px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone39 { background-position: -74px 0; }
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone51 {
												position: absolute;
												top: 0;
												left: 9px;
												height: 37px;
												width: 37px;
												background-image: url('img/creche.png');
												background-repeat: no-repeat;
												background-position: 0 0;
											}
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span#menu_sous_cat_icone52 {
												position: absolute;
												top: 0;
												left: 9px;
												height: 37px;
												width: 37px;
												background-image: url('img/magazine.png');
												background-repeat: no-repeat;
												background-position: 0 0;
											}
									header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span.menu_sous_cat_titre {
										position: absolute;
										top: 0;
										left: 60px;
										line-height: 12px;
										font-size: 0.9em;
									}
										header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a:hover span.menu_sous_cat_titre {
											text-decoration: underline;
										}
									header#top nav#menu ul#menu_cat li div.menu_sous ul.menu_sous_categorie li a span.menu_sous_cat_desc {
										position: absolute;
										top: 15px;
										left: 60px;
										color: rgb(200,200,200);
										line-height: 12px;
										font-size: 0.8em;
										text-decoration: none;
									}
							
	header#top div#actu {
		position: relative;
		z-index: 100;
		height: 30px;
		width: 100%;
		text-align: left;
		font-family: 'Gill';
		font-size: 1.1em;
		line-height: 30px;
		font-weight: bold;
		padding-left: 45px;
	}
		header#top div#actu div {
			display: inline-block;
		}
		header#top div#actu div#actu_actualites {
			position: relative;
			z-index: 100;
			float: left;
			text-transform: uppercase;
			padding: 0 10px;
		}
			header#top div#actu div#actu_actualites a {
				color: black;
				text-decoration: none;
			}
				header#top div#actu div#actu_actualites a:hover {
					color: rgb(142,26,49);
					text-decoration: underline;
				}
		header#top div#actu div#actu_texte {
			position: relative;
			z-index: 90;
			float: left;
			width: 915px;
			height: 30px;
			overflow: hidden;
			white-space: nowrap;
		}
			header#top div#actu div#actu_texte:after {
				position: absolute;
				z-index: 100;
				right: 0;
				top: 0;
				width: 45px;
				height: 30px;
				content: '';
				background-image: url('img/actu_end.png');
				background-size: 45px 30px;
			}
			header#top div#actu div#actu_texte:before {
				position: absolute;
				z-index: 100;
				left: 0;
				top: 0;
				width: 45px;
				height: 30px;
				content: '';
				background-image: url('img/actu_start.png');
				background-size: 45px 30px;
			}
			header#top div#actu div#actu_texte p.marquee {
				/* position absolute + overflow auto sur child = scroll sur taille de tout le texte*/
				position: absolute;
				overflow: auto;
				/*=============*/
				margin: 0;
				line-height: 30px;
			}
				/* Vitesse de déplacement en fonction de nombre de titre (maxi 5 simultané) */
				header#top div#actu div#actu_texte p.marquee1 { animation: marquee1 20s linear infinite; }
				header#top div#actu div#actu_texte p.marquee2 { animation: marquee2 30s linear infinite; }
				header#top div#actu div#actu_texte p.marquee3 { animation: marquee3 40s linear infinite; }
				header#top div#actu div#actu_texte p.marquee4 { animation: marquee4 50s linear infinite; }
				header#top div#actu div#actu_texte p.marquee5 { animation: marquee5 60s linear infinite; }
				header#top div#actu div#actu_texte p.marquee:hover {
					animation-play-state: paused;
				}
				header#top div#actu div#actu_texte p.marquee a {
					color: rgb(142,26,49);
					text-decoration: none;
				}
					header#top div#actu div#actu_texte p.marquee a:hover {
						text-decoration: underline;
					}
				header#top div#actu div#actu_texte p.marquee span.marquee_blank {
					display: inline-block;
					width: 915px;
				}
				header#top div#actu div#actu_texte p.marquee span.marquee_midblank {
					display: inline-block;
					width: 250px;
				}
				header#top div#actu div#actu_texte p.marquee span.marquee_end {
					display: inline-block;
					width: 100px;
				}
				@keyframes marquee1 { 0% { left: 0; } 100% { left: -180%; } }
				@keyframes marquee2 { 0% { left: 0; } 100% { left: -270%; } }
				@keyframes marquee3 { 0% { left: 0; } 100% { left: -360%; } }
				@keyframes marquee4 { 0% { left: 0; } 100% { left: -450%; } }
				@keyframes marquee5 { 0% { left: 0; } 100% { left: -540%; } }
div#ban {
	position: absolute;
	z-index: 80;
	top: -361px;
	left: calc(50% - 575px);
	width: 1150px;
	height: 625px;
	border-radius: 100%;
	overflow: hidden;
	background: linear-gradient(to right, rgb(138,22,45), rgb(93,60,139));
	box-shadow: 7px -3px 15px 3px rgb(96,59,136), -7px -3px 15px 3px rgb(96,59,136);
}
	
	div#ban div#owl-ban {
		margin-top: 450px;
	}
		div#ban div#owl-ban img {
			width: 1280px;
			height: 180px;
		}
/*===== FOOTER =====*/
footer#pied {
	position: fixed;
	z-index : 100;
	bottom: -360px;
	left: calc(50% - 485px);
	width: 970px;
	height: 460px;
	border-radius: 100%;
	overflow: hidden;
	box-shadow: 7px 3px 15px 3px rgb(142,26,49), -7px 3px 15px 3px rgb(142,26,49);
	background-color: rgb(235,235,235);
}
	footer#pied nav#menu_sub {
		margin-top: 20px;
		font-family: 'Nyala';
		font-size: 1.2em;
		text-align: center;
	}
		footer#pied nav#menu_sub a {
			text-decoration: none;
			color: rgb(142,26,49);
			margin: 0 10px;
		}
			footer#pied nav#menu_sub a:hover {
				text-decoration: underline;
			}
			footer#pied nav#menu_sub a img#footer_ico {
				border: 5px double rgb(142,26,49);
				border-radius: 100%;
				padding: 6px;
				vertical-align: top;
				max-width: 25px;
			}
				footer#pied nav#menu_sub a:hover img#footer_ico {
					background-color: white;
				}
	footer#pied div#infos_sub {
		margin-top: 16px;
		font-family: 'Gill';
		font-size: 0.8em;
		line-height: 22px;
		text-align: center;
		background-color: white;
		border-top: 1px solid rgb(142,26,49);
		border-bottom: 1px solid rgb(142,26,49);
		color: rgb(87,87,87);
	}
		footer#pied div#infos_sub a {
			color: rgb(142,26,49);
			text-decoration: none;
		}
			footer#pied div#infos_sub a:hover {
				color: black;
				text-decoration: underline;
			}
div#cubes {
	position: fixed;
	z-index: 2;
	bottom: 25px;
	right: 0;
	min-width: 93px;
	max-width: calc((100vw - 1034px) / 2);
	height: 60%;
	background: url('img/cubes.png') no-repeat bottom left;
	background-size: contain;
}
div#fond_vague {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: url('img/vague.png') no-repeat bottom left;
	background-size: 100% 100%;
}

/*===== CORPS =====*/

div#corps {
	background: url('img/fond.png') center fixed no-repeat;
	position: relative;
	z-index: 70;
	width: 1033px;
	min-height: calc(100vh - 265px);
	margin: 0 auto 0;
	padding-top: 265px;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
}
	div#corps_texte {
		position: relative;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 160px;
		font-family: 'Gill';
		text-align: justify;
	}
		/*===== GENERAL =====*/
		h1 {
			font-family: 'Nyala';
			font-size: 2.2em;
			color: rgb(142,26,49);
			margin: 0;
			text-transform: uppercase;
		}
		h3 {
			color: rgb(99,56,128);
			font-size: 1.7em;
			margin-bottom: 10px;
			font-family: 'Gill';
		}
		h4 {
			color: rgb(99,56,128);
			font-size: 1.4em;
			margin: 5px 0;
		}
		a {
			color: rgb(142,26,49);
		}
		h3 a {
			color: rgb(99,56,128);
		}
			h3 a img {
				vertical-align: middle;
			}
		hr {
			background-color: rgb(142,26,49);
			height: 3px;
			width: 70%;
			border: none;
			border-radius: 100%;
			margin: 30px auto;
		}
		form {
			text-align: center;
			margin: 20px 0;
		}
		table {
			border-collapse : collapse;
			border-spacing: 0;
			color: rgb(86,86,86);
			margin-bottom: 20px;
			border-bottom: 6px solid rgb(162,138,179);
			border-top: 6px solid rgb(162,138,179);
			background-color: white;
		}
		table.full {
			width: 100%;
		}
			table.center { margin: 0 auto; }
			table tr:hover { background-color: rgb(251,186,22); }
			table tr.nohover:hover { background-color: white; }
			table tr.LHimg { height: 40px; }
				table tr.LHimg img { vertical-align: middle; }
				table tr th {
					padding: 3px 5px;
					font-weight: bold;
					border-top: 2px solid rgb(162,138,179);
				}
					table tr th.fifty, table tr td.fifty { width: 50%; }
					table tr th.cen, table tr td.cen { text-align: center; }
					table tr th.fd_orange, table tr td.fd_orange { background-color: orange; }
					table tr th.fd_vert, table tr td.fd_vert { background-color: rgb(147,230,145); }
					table tr th.fd_rouge, table tr td.fd_rouge { background-color: red; color: white; }
					table tr th.fd_gris, table tr td.fd_gris { background-color: grey; color: white; }
					table tr th.fd_grisC, table tr td.fd_grisC { background-color: rgb(230,230,230); }
					table tr th.W50, table tr td.W50 { width: 50px; }
					table tr th.W100, table tr td.W100 { width: 100px; }
					table tr th.W150, table tr td.W150 { width: 150px; }
					table tr th.W200, table tr td.W200 { width: 200px; }
					table tr th.W300, table tr td.W300 { width: 300px; }
					table tr th.W400, table tr td.W400 { width: 400px; }
					.noborder { border: none; }
					.bigborder { border-top: 6px solid rgb(162,138,179); }
					table tr th h3 {
						padding: 0;
						margin: 0;
						color: rgb(99,56,128);
						font-family: 'Nyala';
						font-size: 1.5em;
						text-align: left;
					}
				table tr td {
					padding: 3px 5px;
					border-top: 2px solid rgb(162,138,179);
				}
					table tr td.align_right {
						text-align: right;
						padding-right: 20px;
					}
					
		/*===== SPECIFIQUE =====*/
		img.img_titre {
			margin: 10px auto;
			border-top: 5px solid rgb(156,58,83);
			border-bottom: 5px solid rgb(156,58,83);
			max-width: 100%;
		}
		img.bord {
			border: 2px solid rgb(142,26,49);
		}
		img.iconem5 { margin: 0 4px; }
		img.iconem10 { margin: 0 0 0 20px; }
		span.souligne {
			text-decoration: underline;
		}
		span.gras {
			font-weight: bold;
		}
		span.slim {
			font-weight: normal;
			font-style: normal;
		}
		span.attention {
			font-weight: bold;
			font-style: italic;
			color: rgb(142,26,49);
		}
		span.piti {
			font-size: 0.8em;
			font-style: italic;
		}
		span.ib400 {
			display: inline-block; 
			width: 450px;
			line-height: 23px;
		}
		div.hover_blue { overflow: hidden; padding: 0 10px; }
			div.hover_blue:hover { background-color: rgb(140,200,245); border-radius: 10px; }
		div.infos_gen {
			width: 80%;
			border: 1px solid grey;
			background-color: rgb(230,230,230);
			padding: 10px 15px;
			margin: 15px auto;
			overflow: hidden;
			border-radius: 10px;
			font-style: italic;
			line-height: 25px;
		}
			div.infos_gen img {
				float: left;
				max-height: 150px;
				margin-right: 10px;
			}
		div.float_L { text-align: left; overflow: hidden; margin: 10px 0; }
			div.float_L img { float: left; margin-right: 10px; }
		div.float_R { text-align: right; overflow: hidden; }
			div.float_R img { float: right; margin-left: 10px; }
		div.center { text-align: center; margin: 10px 0; }
			div.center img { margin-bottom: 10px; max-height: 150px; }

		/*===== FORMULAIRES =====*/
		input[type='text'], input[type='password'], input[type='email'], input[type='submit'], input[type='button'], input[type='file'], select, textarea {
			border: 2px solid rgb(90,61,141);
			padding: 2px 10px;
			line-height: 40px;
			font-size: 1.3em;
			font-family: 'Gill';
			vertical-align: top;
		}
			input[type='text'], input[type='password'], input[type='email'] {
				height: 40px;
				border-radius: 25px;
				background-color: rgb(230,230,230);
			}
				input[type='text']:hover, input[type='text']:focus, input[type='password']:hover, input[type='password']:focus, input[type='email']:hover, input[type='email']:focus, textarea:hover, textarea:focus {
					background-color: white;
				}
			input[type='submit'], input[type='button'] {
				height: 50px;
				border-radius: 25px;
				text-transform: uppercase;
				background-color: rgb(230,230,230);
			}
				input[type='submit']:hover, input[type='button']:hover {
					cursor: pointer;
					color: rgb(99,56,128);
					background-color: white;
					text-decoration: underline;
				}
				input[type='submit']:disabled, input[type='button']:disabled {
					cursor: default;
					color: grey;
					background-color: rgb(230,230,230);
					text-decoration: none;
				}
			input[type='file'] {
				border-radius: 25px;
				margin: 10px 0;
			}
				div.up_bar {
					position: relative;
					width: 70%;
					height: 30px;
					line-height: 30px;
					border-radius: 30px;
					border: 2px solid black;
					text-align: center;
					margin: 0 auto;
					overflow: hidden;
				}
					div#up_progressbar {
						width: 0;
						height: 30px;
						background-color: orange;
						position: absolute;
						z-index: 71;
						top: 0;
						left: 0;
					}
					div#up_progress {
						position: absolute;
						top : 0;
						left: calc(50% - 8px);
						z-index: 75;
					}
			select {
				border: none;
				border-radius: 25px;
				height: 44px;
				width: calc(100% + 50px);
				background: transparent url('img/form_select.png') no-repeat right center;
			}
			textarea {
				resize: vertical;
				border-radius: 25px 25px 0 25px;
				min-height: 200px;
				background-color: rgb(230,230,230);
				line-height: 30px;
				padding-top: 10px;
			}
		input[required]:valid, textarea:valid {
			box-shadow: 0 0 2px 1px green;
		}
		input[disabled], input[disabled]:hover, input[disabled]:focus, textarea[disabled], textarea[disabled]:hover, textarea[disabled]:focus {
			background-color: rgb(200,200,200);
			color: black;
			cursor: not-allowed;
		}
		fieldset {
			background-color: white;
			margin: 20px auto;
			border: none;
			border-radius: 20px;
			display: inline;
			padding: 10px 40px;
		}
			fieldset legend {
				border: none;
				border-radius: 20px;
				font-family: 'Nyala';
				font-size: 2.2em;
				color: rgb(142,26,49);
				padding: 5px 15px;
				background-color: white;
				margin-left: -20px;
			}
		span.form_label, span.form_champ {
			float: left;
			display: inline-block;
			line-height: 40px;
			margin-bottom: 5px;
		}
		span.form_label {
			clear: both;
			width: 200px;
			margin-right: 20px;
		}
			span.form_label h3 {
				text-align: right;
				margin: 0;
				width: 100%;
			}
		span.form_champ {
			clear: none;
			width: 750px;
		}
			span.form_champ input, span.form_champ textarea {
				width: 100%;
			}
			span.form_champ_select {
				float: left;
				display: inline-block;
				margin-bottom: 5px;
				width: 750px;
				line-height: 44px;
				overflow: hidden;
				border: 2px solid rgb(90,61,141);
				border-radius: 25px;
				padding-right: 20px;
			}
				span.form_champ_select_jour, span.form_champ_select_mois, span.form_champ_select_heure, span.form_champ_select_minute {
					float: left;
					display: inline-block;
					margin-bottom: 5px;
					width: 80px;
					line-height: 44px;
					overflow: hidden;
					border: 2px solid rgb(90,61,141);
					border-radius: 25px;
					padding-right: 20px;
					margin-right: 5px;
					background-color: white;
				}
				span.form_champ_select_annee {
					float: left;
					display: inline-block;
					margin-bottom: 5px;
					width: auto;
					line-height: 44px;
					overflow: hidden;
					border: 2px solid rgb(90,61,141);
					border-radius: 25px;
					padding-right: 20px;
					margin-right: 45px;
					background-color: white;
				}
		span.form_submit, span.contact_submit {
			display: block;
			width: 100%;
			text-align: center;
			padding-top: 15px;
			clear: both;
		}
		/*===== CADRE =====*/
	div.cadre_left img {
		float: right;
		margin: 0 0 10px 15px;
	}
	div.cadre_right h3 {
		text-align: right;
	}
	div.cadre_right img {
		float: left;
		margin: 0 15px 10px 0;
	}
	span.ddl{
			margin: 10px 25px;
			display: inline-block;
		}
			span.ddl a {
				font-size: 1em;
				font-weight: bold;
			}
				span.ddl a img {
					vertical-align: top;
					margin-right: 10px;
				}
		/*----- SPECIFIQUE QUESTIONNAIRE -----*/
		form.ask {
			text-align: left;
			background-color: rgba(0,0,0,0.15);
			padding: 0px 25px 15px;
			box-sizing: border-box;
			border-radius: 25px;
		}
			.ask h3 {
				text-decoration: underline;
				padding-top: 10px;
			}
			.ask span.question {
				font-style: italic;
				font-size: 1.2em;
				color: rgb(128,128,255);
				font-weight: bold;
				margin-left: 35px;
			}
				.ask span.question::first-letter {
					text-transform: uppercase;
				}
			.ask div.reponse {
				display: flex;
				width: calc(100% - 70px);
				margin: 15px 35px 35px;
			}
				.ask div.reponse div {
					flex: 1;
				}
				.ask div.reponse div:hover {
					background-color: rgba(255,255,255,0.7);
					border-radius: 5px;
				}
			.ask input[type='text'] {
				width: calc(100% - 70px);
				margin: 15px 35px;
			}
			.ask textarea {
				width: calc(100% - 70px);
				margin: 0 35px 15px;
				resize: none;
			}
			.ask div.submit_center {
				text-align: center;
			}
		/*==============================*/