@font-face
{
	font-family: "bebas";
	src: url(police/BebasNeue.ttf);
}

@font-face
{
	font-family: "adler";
	src:url(police/Adler.ttf);
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height:1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

*
{
	margin:0;
}

/*CA COMMENCE ICI*/

#fond-header
{
	margin-top:auto;
	text-align: center;
	color: #bfbfbf;
	font-family: adler, Serif;
	background: url("images/banniereTest.JPG") no-repeat scroll center;
	background-size: 100% 100%;
	height:300px;
	border-bottom:1.5px solid black;
}

header h1
{
	padding-top:10%;
	font-size:250%;
}

nav
{
	font-family: bebas, Serif;
	background-color:#131313;
	font-size: 170%;
	min-height: 50px;
	width: 100%;
	padding-top: 17px;
	position:static;
}

nav
{
	overflow:hidden;
}

nav ul
{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}

nav ul li
{
	display:inline;
}

nav ul li a 
{
	margin: 3px;
	padding: 10px;
	color:white;
}

nav ul li a:hover
{
	color:#ffcc00; /*jaune */
}

body
{
	min-width:320px;
	background-color: #e9eaed;
	font-family:Georgia, Serif;
	text-align: center;	
}

div#container
{
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}


div.intro
{
	float:left;
	width:47%;
	max-width: 47%;
	height: auto;
}

div.nousRejoindre
{
	max-width:47%;
	float:right;
}

div.nousRejoindre a
{
	text-decoration:underline;
}

div.nousRejoindre p
{
	max-width:100%;
	text-align:left;
}

div.intro p
{
	max-width:100%;
	text-align:left;
}

p
{
	padding:1em;
}


footer
{
	color:#ACACAC;
	clear:both;
	background-color:rgba(40,40,40,0.8);
	border-top:3px solid black;
	overflow:hidden;
	padding-top:1em;
}

footer table
{
	font-family: bebas, New Century Schoolbook, serif;
	margin:auto;
	max-width:60em;
	margin-bottom:1em;
}

footer th
{
	font-size:22px;
	padding-left:0em;
	padding-bottom:0.5em;
}

footer th:first-child
{
	padding-right:7em;
	padding-left:0;
}

footer th:last-child
{
	padding-left:7em;
}

footer td
{
	text-align:left;
}

footer a
{
	color:#ACACAC;
}

footer a:hover
{
	color:white;
}

footer p
{
	display:inline-block;
}

footer #gauche
{
	float:left;
}

footer #droite
{
	float:right;
}

footer div
{
	margin:auto;
	max-width:60em;
	padding-bottom:4em;
}

#plan
{
	font-family:bebas;
}

#flyer2
{
	width:50%;
}

#flyer6
{
	width:50%;
}

#front
{
	margin-top:15px;
	width:100%;
}


/* MEMBRES */

.titre2
{
	margin-top:15px;
	font-size: 32px;
	font-family:bebas, Serif;
}

.titre3{
	margin-top:15px;
	font-size: 26px;
	font-family:bebas, Serif;
	margin-bottom:10px;
}
.masonry
{
	margin:auto;
	margin-top:2%;
	width:90%;
	
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}
	
.fenetre
{	
	height:150px;
	border:2px solid black;
	margin-bottom:15px;
	display:inline-block;
	width:98%;
}

.fenetre p
{
	padding:1em;
	padding-right:0em;
	padding-bottom:2.5em;
}
.profil_membre
{
	height:150px;
	float:left;
}

/* AGENDA */

.titre2-agenda
{
	margin-top:15px;
	margin-bottom:15px;
	font-size: 32px;
	font-family:bebas, Serif;
}
.event
{
	float:right;
	width:60%;
	border:2px solid black;
	margin:auto;
	margin-bottom:20px;
}

.event p 
{
	text-align:left;
}

.event h2
{
	font-size:22px;
	margin:5px;
	font-family: bebas, New Century Schoolbook, serif;
}

#img-event
{
	float:left;
	width:35%;
}

/* GALERIE */

.carousel
{
	max-width: 750px;
	height: auto;
}

.carousel-inner img
{
	width: 100%;
	height: auto;
}

/* CONTACT */

.oui
{
	max-width:75%;
	margin-right:auto;
	margin-left:auto;
}

.oui p
{
	text-align:left;
}

/* FORMATION */
.oui a
{
	text-decoration:underline;
}

#photo-cours
{
	float:right;
	width:35%;
}
/* HISTO */
#pdf
{
	width:100px;
}


@media (max-width: 800px) { /*SI L'ECRAN < 800px*/
	img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video
	{
		max-width: 100%;
    }
    
    div.intro
    {
		display:block;
		width:100%; /*test*/
    }
    
    div#container
    {
		max-width:100%;
    }
}