body
{background-color : #0d0d37;
font-family :'Trebuchet MS', Arial, sans-serif;

color : black;
width :100%;
margin : 0px;}

#bloc_page
{background-color : #77bfd7;
width: 100%;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
border: 3px solid #888;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

header
{background-color : #191970;
font-family :'Trebuchet MS', Arial, sans-serif;
/*color :#4B0082 ;*/
color : black;
width : 100%;
margin : auto;
}

article
{background-color : #ffffff;
width: 100%;
margin: 0 0;
margin-top: 0px;
margin-bottom: 0px;
}

aside 
 {float : right;
 position : relative;
 margin: 0 auto;
 right : 10px;
 width : 22%;
 background-color : #add8e6;
 border: 3px #4dc2fb groove;
 border-radius : 10px;

  color : #191970;

 font-size : 1.1em;
 /*margin-left:2%;*/
 margin-right: 2%;
 margin-bottom:2%;
 padding : 2%;
 }
 
 article, aside
 {display : inline-block;
 vertical-align : top;
 text-align : justify;
 padding-left:2%;
 padding-bottom:20px;
 padding-right : 2%;
 font-size : 1.1em;
 height : 80%;
 overflow : auto;
}


a
{color :#2f4f4f;
margin: 10px;}

a:hover
{color : gray;}



section h1, footer h1, nav a
{font-family : 'Trebuchet MS', Arial, sans-serif;
font-weight : normal;
text-transform : uppercase;}

section h1{text-align : center;}



#titre
{display : inline-block;}


header h1
{background-color : #77bfd7;
font-family :'Trebuchet MS', Arial, sans-serif;
font-size : 2.5em;
color : #131539;}

#logo, header h1, header h2
{display : inline-block;
margin-bottom : 0px;}

header h2
{background-color : #77bfd7;
font-family :'Trebuchet MS', Arial, sans-serif;
font-size : 1.1em;
margin-top : 0px;
padding-right : 40px;
font-weight : normal ;
color : #1b3755;}

nav
{
display : inline-block;
width : 100%;
text-align : right;
margin-bottom : 25px;}

nav ul
{list-style-type : none;}

nav li
{display : inline-block;
margin-right : 30px;}



nav a
{font-size : 1.3em;
color :white;
padding-bottom : 3px;
text-decoration : none;}

nav a:hover
{color : gray;}

#banniere
{display : block;
height : 200px;
width : 100%;
margin : auto;
position : relative;}

 
 #titebanniere
{/*margin-top : 15px;*/
margin-right : 20px;
height : 40px;
position : relative;
/*left : 40px;*/
 }
 
  

 aside ul,li
 {margin-left: 20px;}
 
aside h1
 {font-size : 1.45em;
 text-align : center;
}
 
 aside h2
 {text-align : left;
 margin-bottom : 30px;}
 

 

 article h1
 {font-size : 1.45em;
 text-align : center;
 color : #191970;
}
 
 article h2
 {font-size : 1.15em;
  color : #191970;
 text-align : left;}
 
 article p
 {font-size : 1.05em;
  color : #191970;}
 

 
 #legal
 {color : silver;
 position : relative;
 list-style-type : none;
 text-decoration : none;
 }

 
 
 footer
 {
 padding-top : 50px;
 width : 100%;
 margin: 40px;}
 
 footer p , footer ul
 {font-size : 1.1em;}
 
 footer h1
 {font-size : 1.5em}
 
 #liens, #bacsable, #labo,#contact,#ciel
 {display : inline-block;
 vertical-align : top;
 border : 2px black outset;
 border-radius : 10px;
 margin-left : 10px;
 text-align : center;
 width : 18%;
 margin : auto;
}


#sti2d, #s,#les,#st2s,#stl,#seconde,#std2a,#s1
 {display : inline-block;
 vertical-align : top;
 font-size : 0.7em;
 margin-left : 10px;
 text-align : center;
 width : 12%;
 margin : auto;
}


#college
{margin : auto;
text-align : center;}

/* classes*/

.icone
 {vertical-align : middle;
 margin-right : 8px;}
 
 .imageflottante
 {float : left;
 margin-right : 10px;
 }
 .imageadroite
 {float : right;
 }
 .tableau
	{margin : auto;
	 vertical-align : middle;
	 width :95%;
	 font-size : 0.9em;}
	 
.cadre
{
border : 2px black outset;
 border-radius : 10px;
 border-radius : 10px;
 margin-left : 10px;
 text-align : center;
 width : 90%;
 margin : auto
 }	 
 
#in_progress
{display : block;
height : 200px;
width : 100%;
margin : auto;
position : relative;
text-align: center;
color : white;}
 
#in_progress a
{color : white;}

#news
{width: 90%;
background-color:white;
margin : 20px;
padding : 20px;}



 /*tables*/
 td, th
 {border: 1px solid black;
 padding : 5px;
 text-align: center;}
 
 th{font-size : 1.2em;}
 td{font-size : 0.9em;}
 
 caption{
border: 1px solid black;
 padding : 10px;
 text-align: center; 
 font-size : 1.5em;}
 
 table
 {border-collapse:collapse;
 margin : auto;
	 vertical-align : middle;
	 width :85%;
	 }
 
 

 
 
 @media all and (max-width : 1024px)
{
	#bloc-page	{width : auto;}
	nav {width : auto;}
	nav a {font-size: 0.8 em;}
	#banniere
	{display : block;
	height : 100px;
	width : auto;
	margin : auto;
	position : relative;}
	article, aside
	{width : auto;
	display : block;
	margin-bottom : 15px;}
	}