/* t r b l*/

/* couleurs*/

html
{	height		:	100%;}

*
{	font-family: Lato,'Amatic SC', cursive;
	color			:	black;}

body
{	margin			:0;
	background-color:	rgb(255,255,255);
	min-height		:	100%;}
	
header
{	z-index			:	9;
	position		:	fixed;
	top				:	0;
	width			:	100%;
	margin-bottom	:	0;
	border-bottom	:	3px solid white;
	background-color:	rgb(0,12,19);
	text-align		:	center;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out ;
	height			:	3em;
	font-size		:	1.5em;}



nav
{	display			:	inline-block;
	vertical-align	:	middle;
	width			:	95%;}

nav span
{	float			:	right;
	vertical-align	:	middle;
	height			:	inherit;
	margin			:	0.4em 0.3em 0em 0.3em;
	font-size		:	1.3em;	}

nav span a
{	color			:	white;
	font-family: 'Amatic SC', cursive;
	font-weight		:	700;}
	
nav #logo
{	float			:	left;
	vertical-align	:	middle;
	font-size		:	2em;
	line-height		:	0.66em;	}

nav #logo strong
{	font-size		:	1.1em;
	color			:	white;
	font-family: 'Amatic SC', cursive;
	font-weight		:	700;}

nav #logo a			{	color	:	white}

nav #logo a:hover	{	color	:#c3a343;
	-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent),url("images/gold.png") repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
}

nav #nav_2 a:hover	{	color	:	rgb(38,210,250)}
nav #nav_3 a:hover	{	color	:	rgb(12,160,208)}
nav #nav_4 a:hover	{	color	:	rgb(3,122,184)}
nav #nav_5 a:hover	{	color	:	rgb(0,79,138)}
nav #nav_6 a:hover	{	color	:	rgb(0,66,116)}
nav #nav_7 a:hover	{	color	:	rgb(0,50,88)}



.page_corps_plein
{	width			:	100%;
	min-height		:	100%;
	padding			:	5.5em 0 0% 0%;
	margin			:	0 auto 0 auto;
	z-index			:	0;}

.page_index
{	width			:	100%;
	height			:	100%;
	padding			:	5.5em 0 0% 0%;
	margin			:	0 auto 0 auto;
	z-index			:	0;
	background-image: url(https://lh3.googleusercontent.com/-KEEsqA61j9geovCN9vpD-6PCJVxC3voGhalAW_GmrO_tn5YBp6Rpbm2hT1WfilZy7VcBSGoNcObzdKNOlCLNmgy7o2dBFcSf7m6pT000_s9qN7z4LofNVT5ZZTjjeEFwDoIQxWZylWaG1s7rUOb0aB8IwKVWwtzyl5QrbHjizyCD1T5DdSgbexu4UYMtv1L5MlGThR7EB_SmvgfYmjYD2reeYuSXYfE21cJUSWD7Pntw6z9UF6s434ceJ9w24MLwqMeVNQFuIVp0cbFOyxka2ZfwhDe4QiXOyXJv0rVquNl8FNELTz3U3WxYydtn1SbtzqAcS-bxBisI_dLeQ3ehupKhPpwxGd2ni5agGHHsu4bwuOnNdlUX6QmMFUbyFIn9rx15MQBCmjoxCwJSa6tQC1q6qfxT2b5RXpY8Pzq0j2EYTV3BXf3vAtAuBj3vcxpVDegvIAj_CHBFL5_JHYXFdEj09YZy8cXEnyswWCO9vgioD8ByzG1LNMbsCLnjXLZTH34WPW2-wjL5OWWKRg7PgREGQststDpksRA-n52vdkYsNPI9ViGA5YbYbbOdO--Tb7F4r1Qr2C0TNZ3iJefO7XWYQlsZYgupjZC5DvCSEZtuY7ijc-z-VdbuOcOq7hBlL1mfrGl4Q6PkLxOwOpUdNgHHy56RldAYOtbmtNVhADWzGf-rZdqGwmjE4iBW00D5ztG6XgxIdGEdNnoeewcqNqN=w1250-h937-no);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	}
	
.details
{	color			:	white;
	font-weight		:	bold;
	text-align		:	center;
	font-family		:	'Amatic SC', cursive;
	font-weight		:	700;
	font-size		:	3em;
	position		:	fixed;
	top				:	60%;
	width			:	100%;
	padding-top		:	0;
}
	
.page_corps
{	width			:	90%;
	padding			:	10em 2% 2% 2%;
	margin			:	0 auto 80px auto;
	z-index			:	0;}

article
{	height			:	auto;
	width			:	100%;
	margin			:	0;}

.col_1
{	float			:	left;
	width			:	20%;
	border-left		:	2px solid rgb(13,39,100);
	border-right	:	2px solid rgb(13,39,100);
	padding-left	:	1em;
	padding-right	:	1em;
	margin-right	:	10%;}

.col_1 h1
{	color			:	slategrey;
	font-family		:	'Amatic SC', cursive;
	font-weight		:	700;
	text-align		:	left;
	font-size		:	3 em;
	padding-top		:	0;
	margin-bottom	:	0;
	margin-top		:	0.1em;}

.col_2
{	display			:	inline-block;
	width			:	66%;
	min-height		:	100%;}

.col_2 tr
{	border-bottom	:	1px solid lightgrey; }

.col_2 td, .col_2 th
{	padding			:	4px; }

.col_2 table
{	border-collapse	:	collapse;
	width			:	100%;	
	margin-bottom	:	2.5em;}

.col_2 th
{	text-align		:	center;
	font-weight		:	normal;
	font-size		:	1.1em;
	background-color:	rgb(13,39,100);
	color			:	white;
	border-bottom	:	2px solid white;
	border-top		:	2px solid white;}

.col_2 table tr:last-child 
{	border-bottom	:	1px solid grey;}

.col_2 p.description
{	color			:	slategrey;
	font-style		:	italic;
	font-size		:	1em;
	margin-top		:	0.2em;
	margin-bottom	:	0.2em;
	}

.col_2 h1
{	margin-top: 0;
	margin-bottom: 0.5em;	
	font-size	:	2.5em;
	font-family: 'Amatic SC', cursive;	}
	
.col_2 h2
{	margin-top: 		0.75em;
	margin-bottom		: 0em;	}


.col_2 .photo, .col_2 .plan
{	display			:	inline-block;
	height		:	300px;}

.col_2 .plan
{	width			:	50%;}
	
.col_2 .photo
{	display			:	inline-block;
	max-width		:	48%;
	padding-right	:	2%}

.col_2 .plan
{	display			:	inline-block;
	width			:	50%;
	max-height		:	100%}

.col_2 .photo img
{	max-width		:	100%;
	max-height		:	300px;}

.col_2 ul
{	margin-top:	0em;}	

.flottant
{	margin-top		:	1em;
	padding-bottom	:	1em;
	width			: 100%;}
	
.flottant img
{	width:100%}

input, textarea
{	width			:	100%;
	font-size		:	inherit;
	color			:	steelblue;
	padding			:	3px;
	margin			:	2px;
	background-color:	whitesmoke;
	border			:	0px solid white;	}

#submit_button
{	background-image:	url(images/bouton.png);
	height			:	94px;
	border			:	none;
	font-family		:	'Amatic SC', cursive;
	font-weight	: 900;
	font-size		:	2.5em;
	color			:	#dc4c46;
	text-align		:	center;
	text-decoration	:	none;
	cursor			:	pointer;	
	border			:	2px solid #dc4c46;}

#submit_button:hover
{	background-image:	url(images/bouton2.png);	
	color			:	black;}

h1, h2, h3, h4, h5, h6
{ 	font-weight		:	normal;
	width			:	100%;}

strong
{	font-weight		:	bold;
	font-size		:	inherit;
	color			:	inherit;	}

p, li
{	text-align		:	justify;
	font-size		:	1em;
	margin-bottom	:	0;
	margin-top		:	0;
	line-height		:	145%;}

a
{	text-decoration	:	none;
	font-style		:	normal;
	color			:	rgb(12,160,208)}

li a
{	text-decoration	:	none;
	color	:	teal;
	font-style		:	italic;}
a:hover
{	color			:	#C48F65;}

footer
{	position		:	fixed;
	bottom			:	0px;
	border-top		:	1px solid grey;
	margin			:	0;
	width			:	100%;
/*	height			:	3em;*/
	background-color:	rgb(0,30,47);}

footer p
{	text-align		:	center;
	font-size		:	1em;
	color			:	white;
	padding			:	5px 0}

/*
.col_a, .col_b, .col_c
{	display			:	inline-block;
	font-size		:	1.5em;
	margin-bottom	:	0.8em;}

.col_a
{	width			:	20%;}	

.col_b
{	width			:	60%;}	

.col_b label, .col_b input 
{	width			:	20%;}

.col_c
{	width			:	99%;}

.compact .photo
{	width			:	auto;
	height			:	4.3em;}

.traduction img
{	max-height		:	4em;}

.traduction
{	display			:	inline-block;
	float			:	right;
	vertical-align	:	middle;
	margin-right	:	1em;
	margin-top		:	-0.5em}

.compact .traduction img
{	max-height		:	2em;}

.compact .traduction
{	margin-top		:	1em}
*/


@media screen and (max-width: 1250px) {
	

nav
{	width:	100%}

nav #logo
{	font-size		:	1.3em;
	/*width			:	100%;*/
	line-height		:	1em;}
	
.header
{	height			:	2em;
	font-size		:	1.5em;}


.page_corps_plein
{	padding			:	4em 0 0% 0%;}
	
.col_1, .col_2, .col_a, .col_b
{	display			:	block;
	float			:	none;
	width			:	90%;
	font-size		:	1em}

.col_1, .col_2
{	margin			:	auto auto 2em auto}

.col_2
{	overflow		:	auto}


.col_a
{	margin-bottom	:	0.1em}

.details
{	top				:	55%;
	font-size		:	2em; }

nav span
{	font-size		:	1.2em;
	margin			:	0.5em 1.5% 0 1.5%;
	}
	
nav span #nav_1, audio
{	height	:	0px;
	width	:	0%;
	display	: none	; }