*
{
	margin : 0;
	padding: 0;
	font-family: Times;
}

@font-face {
    font-family: 'ColoredCrayons';
    src: url('../fonts/Colored_Crayons.woff');
}

a
{
	text-decoration: none;
	color: black;
}

body
{
	margin-top: 30px;
	background-image: url('../images/old_wall.jpg');
}

#topleft
{
	position: absolute;
	height: 71px;
	width: 100px;
	top: 15px;
	left: 90px;
	background-image: url('../images/tlb.jpg');
}

#topleft:hover
{
	background-image: url('../images/tl.jpg');
}

header
{
	display: inline-block;
	height: 200px;
	width: 800px;
	background: url('../images/header.jpg') no-repeat center center;
}

nav
{
	float: left;
	margin: 50px 0px 0px 0px;
}

nav ul li
{
	text-align: center;
	padding: 50px 70px;
	margin: 30px 20px;
	list-style-type: none;
	font-family: 'ColoredCrayons';
	font-size: 28px;
}

#li1
{
	background-image: url('../images/li1.jpg');
}

#li2
{
	background-image: url('../images/li2.jpg');
}

#li3
{
	background-image: url('../images/li3.jpg');
}

#li4
{
	background-image: url('../images/li4.jpg');
}

section
{
	margin-left: 330px;
	text-align: center;
}

article:first-of-type
{
	border-style: solid none none solid;
}

article
{
	margin: 50px;
	padding: 20px;
	text-align: justify;
	border-style: none none none solid;
}

article img :not(#captcha_image)
{
	float: left;
	margin: 10px;
}

.col1
{
	float: right;
	margin-left: 5%;
	font-style: italic;
}

.col2,.col1
{
	width: 50%;
}

.signature
{
	float: right;
}

/* _____  _____  _   _  _____  ___   _____  _____ */
/*/  __ \|  _  || \ | ||_   _|/ _ \ /  __ \|_   _|*/
/*| /  \/| | | ||  \| |  | | / /_\ \| /  \/  | |  */
/*| |    | | | || . ` |  | | |  _  || |      | |  */
/*| \__/\\ \_/ /| |\  |  | | | | | || \__/\  | |  */
/* \____/ \___/ \_| \_/  \_/ \_| |_/ \____/  \_/  */

#adresse, #map
{
	max-width: 500px;
	width: calc(50% - 50px);
	vertical-align: top;
}

#adresse, #mailcontact
{
	margin: 30px 0 30px 0;
}

#map
{
	display: inline-block;
	margin-left: 25%;
}

#adresse
{
	float: right;
	text-align: center;
}

#mailcontact input[type="submit"]
{
	margin-left: 25%;
}

#mailcontact label
{
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 50px;
}

/* _____ __   ________  _____  _____ */
/*|  ___|\ \ / /| ___ \|  _  |/  ___|*/
/*| |__   \ V / | |_/ /| | | |\ `--. */
/*|  __|  /   \ |  __/ | | | | `--. \*/
/*| |___ / /^\ \| |    \ \_/ //\__/ /*/
/*\____/ \/   \/\_|     \___/ \____/ */


#tableau table, #tableau th, #tableau td {
    border-collapse: collapse;
    padding: 5px;
}

#tableau th
{
	text-align: center;
	border: 1px solid black;
}

#tableau .futur
{
	color: red;
	font-weight: bold;
}

#tableau tr:nth-child(3) td
{
	border: 1px solid black;
	border-bottom: none;
}

#tableau tr:nth-child(4) td
{
	border: 1px dashed black;
	border-top: none;
	border-bottom: none;
}

#tableau tr:nth-child(5) td
{
	border: 1px dotted black;
	border-top: none;
	border-bottom: none;
}

#tableau tr:nth-child(2n+3)
{
	background-color: rgb(200,200,200);
}

#tableau
{
    margin-left: 10%;
}


/*  _____          _      _      ______ _____  _____ ______ */
/* / ____|   /\   | |    | |    |  ____|  __ \|_   _|  ____|*/
/*| |  __   /  \  | |    | |    | |__  | |__) | | | | |__   */
/*| | |_ | / /\ \ | |    | |    |  __| |  _  /  | | |  __|  */
/*| |__| |/ ____ \| |____| |____| |____| | \ \ _| |_| |____ */
/* \_____/_/    \_\______|______|______|_|  \_\_____|______|*/



/*______  _____  _____  _____  _____ ______ */
/*|  ___||  _  ||  _  ||_   _||  ___|| ___ \*/
/*| |_   | | | || | | |  | |  | |__  | |_/ /*/
/*|  _|  | | | || | | |  | |  |  __| |    / */
/*| |    \ \_/ /\ \_/ /  | |  | |___ | |\ \ */
/*\_|     \___/  \___/   \_/  \____/ \_| \_|*/

footer
{
	font-size: x-small;
	text-align: center;
}

footer, footer a
{
	color: grey;
}


/* ___  ___ _____ ______ */
/* |  \/  ||  _  ||  _  \*/
/* | .  . || | | || | | |*/
/* | |\/| || | | || | | |*/
/* | |  | |\ \_/ /| |/ / */
/* \_|  |_/ \___/ |___/  */

.mod
{
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
}

.mod:first-of-type
{
	border-right : 2px solid black;
}

.mod input
{
	margin: 5px 0;
}