@charset "utf-8";
/* CSS Document */

/* Reset */
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,font,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{margin:0 ;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}		
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}	
table{border-collapse:collapse;border-spacing:0;}
ul{display:inline; margin:15px 0 10px 0 !important;}
a{text-decoration:none !important; color:#000000!important;display: inline-block;padding: 10px;}
	
/* Le site */
body{ background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%) repeat fixed 0 0; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
img {border: 0 none;height: auto;max-width: 100%;}
header , nav{ max-width:1200px; margin:10px auto;}
h1{ line-height:20px; font-size:18px; color:#c71219;}
nav{background: #d00101;}
section{ max-width:1200px; margin:10px auto; padding:20px;background:#FFFFFF; border-radius:4px;}
p{ padding:10px;margin:10px 50px;}
@media screen and (min-width: 600px) and (max-width: 1000px) {
header, nav{ max-width:1000px; margin:10px 5%;}
section{margin:10px 5%; padding:10px;}
p{ padding:5px;margin:10px auto;}
	nav a {padding: 7px 20px;}
}
@media screen and (max-width: 600px) { 
header , nav {margin:10px 5%;}
section{ max-width:95%; margin:10px 5%; padding:20px 5%;}
p{ padding:0;margin:10px 5%;}
	nav a {padding: 7px}
}

nav a {background: #d00101;color: white !important; display:inline-block; padding:7px 74.3px;}
.clear{clear:both;}

p img { width:95%; height:auto; float:left; margin:10px 5%;}

.classe{float: left; margin: 10px 20px;}
.groupe{border:solid 1px ; border-radius: 2px ; padding: 5px; width: 121px; float: left; margin: 7px;}
.heure{font-weight: bold;}
.class{color:#d00101;}
td , th {border: solid 1px; width: 8%;text-align: center;}