body {
		font-family: "Trebuchet MS", sans-serif;
		margin:0;
		padding: 0;
	}

	#main {
		max-width: 1200px;
		margin: 0 auto;
	}
		#main h1 {
			font-size: 2.3em;
			font-family: 'Open Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			color: #af0000;
			margin-bottom: 80px;
		}
			#main h1 small {
				color: #777;
			}
		#main h2 {
			font-size: 1.9em;
			margin-top: 70px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
			color: #af0000;
		}           
		#main h3 {
			font-size: 1.5em;
			margin-top: 50px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
			color: #af0000;
		}
        #main p {
        	line-height: 150%;
        }
		#main .preambule {
			font-size: 1.3em;
			border-left: solid 5px #000;
			max-width: 600px;
			padding-left: 15px;
		}
		#main .init {
			border-left: solid #fda81d 5px;
			font-size: 1.2em;
			border-bottom: none;
			padding: 10px;
			padding-top: 0;
			padding-bottom: 0;
			margin-left: 0px;
			margin-right: 15px;
			margin-bottom: 45px;
			max-width: 800px;
			text-align: left;			
		}
		#main li {
			margin-top: 7px;
			margin-bottom: 7px;
		}		
	
	body>header {
		margin-bottom: 40px;
	}
	
	body>header>div {
		overflow: hidden;
		height: 200px;
		background: #fff url("/theme/images/header.jpg") no-repeat scroll center top / cover;
		
		-webkit-box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.3);
		box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.3);		
		
	}	
		body>header h1 {
			margin:10px;
		}
        	body>header h1 img {
            	max-width: 100%;
            }
	

	body>header nav#primaryNav {
		position: absolute;
		right:15px;
		top: 0;
	}
	
	
		body>header nav#secondaryNav {
			background: #fff;
			overflow: hidden;
		}
			body>header nav#secondaryNav>div {
				max-width: 1200px;
				margin: 0 auto;
				min-height: 30px;
				margin-top: 7px;
			}
				body>header nav#secondaryNav p {
					float: left;
					margin: 2px 0 0 0 ;
				}
					body>header nav#secondaryNav p span {
						color: #990000;
					}
				body>header nav#secondaryNav ul {
					padding-left: 0px;
					margin: 0;
				}
					body>header nav#secondaryNav ul li {
						margin-bottom: 10px;
					}
						body>header nav#secondaryNav ul li a {
							color: #000;
							font-size: 1em;
						}

	
	
	
	
		body>header nav a#nav-retour {
			position: absolute;
			top: 135px;
			right: 5px;
			color: #fff;
			text-decoration: none;
			background: #666;
			display: inline-block;
			padding:7px;
		}
		body>header nav ul {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -moz-flex;
			display: -webkit-flex;
			display: flex;

			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			body>header nav ul li {
				margin-left: 20px;
				list-style-type: none;
			}
				body>header nav ul li a {
					text-decoration: none;
					font-size: 1.2em;
					font-family: 'Sansita One', Verdana, sans-serif;
					color: #fff;
				}
				body>header nav ul li.active a, body>header nav ul li a:hover {
					border-bottom: solid 6px #fda81d;	
				}
				
	body>footer {
		text-align: center;
		margin-top: 60px;
		background: #efefef;
		padding: 20px 5px;
		font-size: 0.9em;
	}	
		body>footer a {
			color: #666;
            padding-right: 20px;
		}
				
#main a {
	color: #900;
}

#main .error {
	color: #a00;
}
				
#main a[role="button"] { 
    display: inline-block;
    text-decoration: none;
    padding: 10px 14px;
    font-size: 1.2em;
    font-weight: bold;
    background: #ffd200;
    color: #af0000 !important;
    border: solid 1px #af0000;
}

#main img {
	max-width: 100%;
}

    
figure {
	display: inline-block;
    text-align: center;
    }
    
figcaption {
    margin-top: 10px;
    text-align: center;
    font-style: italic;
    font-size: small;
}

.vignette {
	float: left;
    margin-right: 20px;
    }
	
.action {
	text-align:center; margin-top:50px;	
}
	
p.more {
	text-align: right;
	clear: both;
}	

section#cours {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

section#actu {
	text-align: center;
}

section#actu p {
    background: #fda81d;
}

section#cours a[role="button"] { 
    font-size: 1.08em; 
    }


	
blockquote {	
	padding: 1px 20px;
    border-left: solid 6px #aaa;
    background: #efefef;
    quotes: "\201C""\201D""\2018""\2019";
}	
	#main blockquote:before {
		color: #ccc;
		content: open-quote;
		font-size: 4em;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.6em;
	}
    
table {margin-left:30px; margin-right:10px; border-collapse:collapse;} 
	th {
		vertical-align:middle;
        text-align:center
		}
	td,th {
		padding:5px;
		border:solid 1px #bfbfbf;
		}
	
    table#tarifs {width: 500px; margin-bottom:20px;}
	table#tarifs td.prix {text-align: center;}
    
    hr.clear {
		clear: both;
		visibility: hidden;
	}
	
    .important {
  background: #e3e3e3;
  padding: 5px;
  font-weight: bold;
  font-size: 1.1em;}
  
  .important img {
  position: relative;
  top: 4px;
  margin-right: 5px;}
	
@media all and (max-width: 1000px) {

	body>header>div {
		height: auto;
	}

	body>header nav#primaryNav {
		position: static;
	}
	
	body>header nav a#nav-retour {
		position: static;
		margin-top: 15px; 
	}
    
    body>header>div {
		height: 275px;
		background: #080309 url("/theme/images/header.jpg") no-repeat scroll center bottom;
        }

    table#tarifs {
    width: auto;
    }	

}	

@media screen and (max-width: 1000px) {		
	.video {
		position:relative;
		padding-bottom:56.25%; /*grâce à ça que les proportions sont conservées*/
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

	.video iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}	
}



@media all and (max-width: 1200px) {	
	body #main { 
		margin: 0 7px;
	}	
}