@charset "utf-8";
/* CSS Document */
/* STYLE EXAMS - HOME/ACCUEIL */
/* ES Laurent */
/* H#HPictures */
/* date */

/* début styles */
*{margin:0;padding:0;}

/* KEYFRAMES */
@keyframes MySlide
		{	0%{top:0;left:0;}	
			10%{top:0;left:0;}
			20%{top:0;left:-792px;}		
			30%{top:0;left:-792px;}
			40%{top:0;left:-1584px;}		
			50%{top:0;left:-1584px;}
			60%{top:0;left:-2376px;}
			70%{top:0;left:-2376px;}
			80%{top:0;left:-3168px;}
			90%{top:0;left:-3168px;}
			100%{top:0;left:0;}
		}
@-webkit-keyframes MySlide
		{	0%{top:0;left:0;}	
			10%{top:0;left:0;}
			20%{top:0;left:-792px;}		
			30%{top:0;left:-792px;}
			40%{top:0;left:-1584px;}		
			50%{top:0;left:-1584px;}
			60%{top:0;left:-2376px;}
			70%{top:0;left:-2376px;}
			80%{top:0;left:-3168px;}
			90%{top:0;left:-3168px;}
			100%{top:0;left:0;}
		}
@-moz-keyframes MySlide
		{	0%{top:0;left:0;}	
			10%{top:0;left:0;}
			20%{top:0;left:-792px;}		
			30%{top:0;left:-792px;}
			40%{top:0;left:-1584px;}		
			50%{top:0;left:-1584px;}
			60%{top:0;left:-2376px;}
			70%{top:0;left:-2376px;}
			80%{top:0;left:-3168px;}
			90%{top:0;left:-3168px;}
			100%{top:0;left:0;}
		}
@-o-keyframes MySlide
		{	0%{top:0;left:0;}	
			10%{top:0;left:0;}
			20%{top:0;left:-792px;}		
			30%{top:0;left:-792px;}
			40%{top:0;left:-1584px;}		
			50%{top:0;left:-1584px;}
			60%{top:0;left:-2376px;}
			70%{top:0;left:-2376px;}
			80%{top:0;left:-3168px;}
			90%{top:0;left:-3168px;}
			100%{top:0;left:0;}
		}
/* GENERAL ET HOME (style global !) */
body		{ 	background-color:#ea9501;
				font-family:Arial, Helvetica, sans-serif;
				color:#000;
				font-size:14px;
				
			}
#page 		{	text-shadow:none;display:block;
				border-radius:200px;overflow:hidden;background:#fff;
			}
#page a		{	text-shadow:none;
			}
h1			{	font-size:1.3em;
				text-align:left;
			}
h2			{	font-size:1.3em;
			}
h3			{	font-size:1em;
				line-height:1em;
			}
h4			{	font-size:1.1em;
				line-height:0.9em;
			}
h5			{	font-size:0.8em;
				line-height:0.9em;
			}
h6			{	font-size:0.9em;
			}
strong		{	font-family:"Orator Std";}
em			{	font-family:"Orator Std";}
header 		{}
ul,
ol			{}


p			{	font-size:0.8em;
			}
cite		{}
span		{}
img			{}
audio		{}

form		{}
table		{}

aside		{}
footer		{	background:#fff;
				border:1px solid #ea9501;
				border-radius:10px;
				text-align:center;
				margin-top:25px;
			}
/* classes */

.left 		{	float:left;}
.right 		{	float:right;}
.actif		{}
.bouton		{	display:block;
				border:1px solid rgba(16,157,232,0.8);
				border-radius:5px;
			}
.borderbox	{	background:rgba(255,255,255,0.5);
				border:solid 1px rgba(16,157,232,0.8);
				border-radius:10px;
				padding:10px;
				height:auto;
				box-shadow:0 -2px 2px #000;}
.slide 		{	float:left;}
.over		{	display:block;
				overflow:hidden;
			}
/* id */

/* TOP *//* HEADER */
#top 		{
			}
#top header	div.logo,
#top header div.titre
			{	text-align:center;
			}
#top header div.titre,
#top header div.slider
			{	float:right;
			}
#top header div.titre h1
			{	text-align:center;
				color:#ea9501;
				font-family:"Orator Std";
			}
#top header div.logo p
			{
				display:block;
				background:#000;
				border-top:solid 1px #ea9501;	
			}
#top header div.slogan h2 a
			{	color:#ea9501;
				text-decoration:none;
				text-shadow:1px 0 2px #000;
			}
#top header div.slogan h2 a:hover
			{	color:#fff;
				text-shadow:1px 0 2px #ea9501;
			}
#top header div.slider
			{	background:rgba(255,255,255,0.5);
				border:solid 1px rgba(16,157,232,0.8);
				border-radius:10px;
				height:150px;
				padding:10px;
			}
#top header div.slider div.banner
			{	border-bottom:8px dashed #ea9505;
				border-right:8px dashed #ea9501;
				border-radius:10px;
			}

#main section:first-child article:last-child,
#main section:first-child article:first-child,
#top header div.logo,
#top header div.titre,
#top header div.slogan,
#top header div.reseaux,
#top header div.version
			{	background:rgba(255,255,255,0.5);
				border:solid 1px rgba(16,157,232,0.8);
				border-radius:10px;
				padding:10px;
				height:auto;
				box-shadow:0 -2px 2px #000;
			}
#top header div.reseaux span.bubble
			{	display:inline-block;
				height:40px;
				width:40px;
				border-radius:20px;
				margin:0 40px 0 40px;
			}
#top header div.reseaux
			{	text-align:center;
				display:inline-block;
			}
#top header div.version a
			{	color:#ea9501;
				text-shadow:1px 0 2px #000;
			}
#top header div.version a:hover
			{	color:#fff;
				text-shadow:1px 0 2px #ea9501;
			}
#top header div.reseaux span.bubble a
			{	color:#ea9501;
				text-shadow:1px 0 2px #000;
			}
#top header div.reseaux span.bubble a:hover
			{	color:#fff;
				text-shadow:1px 0 2px #ea9501;
			}
#top header div.logo,
#top header div.titre,
#top header div.slogan
			{	margin-top:45px;
			}
#top header div.reseaux,
#top header div.version
			{	margin-top:20px;
			}
#top header div.version
			{	height:40px;
				text-align:center;
			}
#top header div.version h3
			{	font-size:0.8em;
				line-height:0.7em;
			}
#top header div.version a
			{	font-size:0.8em;
				text-decoration:none;
				line-height:0.8em;
			}
#top header div.menu
			{	margin-top:15px;
			}
#top header div.menu nav
			{	background:rgba(255,255,255,0.5);
				border:solid 1px rgba(16,157,232,0.8);
				border-radius:10px;
			}
#top header div.menu nav ul
			{	padding:10px;
			}
#top header div.menu nav ul li
			{	list-style:none;
				display:inline-block;
				padding:10px;
				border-radius:5px;
				margin-left:45px;
			}
#top header div.menu nav ul li:hover,
#top_int1 header div.menu nav ul li:hover
			{	border-bottom:3px solid #000;
			}
#top header div.menu nav ul li a,
#top_int1 header div.menu nav ul li a
			{	text-decoration:none;
				font-weight:bold;
				color:#ea9501;
				text-align:center;
				padding:10px;
				border-bottom-radius:5px;
			}
#top header div.menu nav ul li a.actuel
			{	color:#fff;
				background:#ea9501;
				border-radius:5px;
				border:2px solid #000;
			}
#top header div.menu nav ul li a:hover
			{	color:#fff;
				background:#ea9501;
				border-radius:5px;
				border:2px solid #000;
			}
/* SLIDER *//* KEYFRAMES */
.banner {
    color: rgba(255, 255, 255, 0.6);
    overflow: auto;
    position: relative;
    width: 100%;
	height:auto;
}
.banner ul {
    list-style: outside none none;
    width: 1000%;
	padding:0;
}
.banner ul li {
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1) inset;
    display: block;
    float: left;
	display:block;
	height:130px;
	border-radius:10px;
}
/* MAIN *//* SECTION */
#main 		{	background:rgba(16,157,232,0.6);
			}
#main a		{	color:#fff;
				line-height:1em;
			}
#main section
			{	
				border:1px solid #fff;
				border-radius:10px;
			}
#debord		{	margin:auto;
				width:1300px;
				background:#000;
				overflow:hidden;
			}
#main section:first-child article
			{	margin-top:20px;
				width:1170px;
			}
#main section:first-child article h2
			{	margin-top:5px;
				color:#ea9501;
				font-family:"Orator Std";
				font-style:italic;
				text-shadow:0 -1px 1px #000;
			}
#main section:first-child article h3
			{	margin-top:5px;
				color:#000;
				font-size:1.1em;
			}
#main section:first-child article h3 cite
			{	display:block;
				margin-top:5px;
				color:#ea9501;
			}
#main section:first-child article:last-child
			{	border-radius:10px 10px 0 0;
				border-top:3px dashed #ea9501;
				border-left:3px dashed #ea9501;
				border-right:3px dashed #ea9501;
			}
#main section:nth-child(2)
			{	padding:15px;
			}
#main section:nth-child(2) article
			{	background:rgba(16,157,232,0.6);
				margin-left:0;margin-right:0;
				text-align:center;
				color:#000;
				padding:15px 0 10px 0;
			}
#main section:nth-child(2) article p.vignette
			{	display:block;
				padding:10px 0 0 0;
			}
#main section:nth-child(2) article:first-child,
#main section:nth-child(2) article:nth-child(5),
#main section:nth-child(2) article:nth-child(9),
#main section:nth-child(2) article:nth-child(13)
			{	margin-left:63px;
			}
#main section:nth-child(2) article.grid_6
			{	background:#fff;
				margin-left:0;margin-right:0;
				text-align:center;
				color:rgba(203,97,13,0.8);
				border:#ea9501;
				width:588px;
				height:auto;
			}
#main section:nth-child(2) article.grid_6 h3
			{	text-align:left;
				margin-left:25px;
			}
#main section article
			{	background:#fff;
				border:1px solid rgba(16,157,232,0.6);
				border-radius:5px;
				text-align:center;
			}
#main div.top a span
			{	height:30px;
				width:30px;
				border-radius:15px;
				background:#ea9501;
			}
#main div.top a
			{	color:#fff;
				text-decoration:none;
				line-height:30px;
				text-align:center;
			}
#main div.top a:hover span
			{	background:#fff;
				border:1px dashed #ea9501;
			}
#main div.top a:hover
			{	color:#ea9501;
			}
#main a		{	text-decoration:none;
				color:#000;
			}
#main a:hover
			{	color:#ea9501;
				text-shadow:0px 1px 0px #fff;
			}
#more		{
				display:block;
				overflow:hidden;
			}
#bis		{}
#bis h2		{	color:#ea9501;}
#bis h3		{	color:#303030;}
#bis ul		{	margin:auto;
				border-bottom:3px dashed #ea9501;
				border-left:3px dashed #ea9501;
				border-right:3px dashed #ea9501;
				border-radius:10px;list-style:none;}
#bis ul li a {	line-height:20px;
			}
/* BOTTOM *//* FOOTER */
#foot 		{	background:#ea9501;
				padding:15px;
				border-radius:30px;
			}
#foot:hover	{	background:#000;border:3px dashed #ea9501;}
#foot footer p a
			{	color:rgba(16,157,232,0.6);
				line-height:30px;
			}
#copy div.right,
#copy div.left
			{	padding:35px;
			}
#copy div.left a
			{	color:#ea9501;
				text-decoration:none;
			}
#copy div.left a:hover
			{	color:#ea9501;}