*
	{
	margin:0;
	padding:0;
	}
	
html
	{
	font-size:62.5%;
	}
	
body
	{
	background:#fff;
	}
	
/* ************************************************************ ECRITURE ******************************************************************************** */
/* ************************************************************ ECRITURE ******************************************************************************** */
/* ************************************************************ ECRITURE ******************************************************************************** */
/* ************************************************************ ECRITURE ******************************************************************************** */
/* ************************************************************ ECRITURE ******************************************************************************** */

h1
	{
	width:90%;
	position:relative;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:2rem;
	color:#4a919e;
	float:left;
	margin-left:5%;
	margin-top:20px;
	font-weight:bold;
	}
	
h2
	{
	width:90%;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1,5rem;
	color:#bed3c3;
	float:left;
	margin-left:5%;
	margin-top:5px;
	font-weight:normal;
	font-style:italic;
	}
	
h2#date
	{
	margin-left:2%;
	margin-top:10px;
	display:block;
	font-weight:bold;
	}
	
h3
	{
	width:95%;
	height:20px;
	position:relative;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.5rem;
	color:#fff;
	float:left;
	padding-left:5%;
	padding-top:2px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal;
	background:#212e53;
	}
	
h3#titre
	{
	margin-top:0;
	}
	
h3.ephemeride
	{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	text-align:left;
	/*border:1px solid #f00;*/
	}
	
h4
	{
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.8rem;
	color:#000;
	float:none;
	font-weight:bold;	
	}
	
h4.titre1
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	width:auto;
	display:inline-block;
	margin-top:30px;
	margin-bottom:10px;
	border-bottom:3px solid #f00;
	}
	
h4.titre2
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	width:auto;
	display:inline-block;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:30px;
	border-bottom:1px solid #f00;
	}
	
h4.titre3
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	width:auto;
	display:inline-block;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:50px;
	border-bottom:1px solid #000;
	}
	
p
	{
	position:relative;
	display:block;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.5rem;
	text-align:justify;
	margin-top:10px;
	}
	
a
	{
	position:relative;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.5rem;
	text-decoration:none;
	color:#4a919e;
	}
	
a:hover
	{
	text-decoration:underline;
	}
	
p.ephemeride
	{
	width:98%;
	font-size:1.0rem;
	color:#4a919e;
	float:left;
	margin-left:1%;
	font-weight:normal;
	}
	
p.ephemeride > a
	{
	font-size:1.0rem;
	}
	
p.auteur
	{
	width:90%;
	color:#4a919e;
	float:left;
	margin-left:1%;
	font-weight:normal;
	text-align:right;
	font-size:1.0rem;
	}
	
p.phrase
	{
	width:80%;
	float:left;
	margin-left:10%;
	margin-top:100px;
	font-style:italic;
	display:inline;
	}
	
p.textcours
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.5rem;
	font-weight:normal;
	display:block;
	margin-bottom:10px;
	text-align:justify;
	}
	
p.textcours > a
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.5rem;
	font-weight:normal;
	text-decoration:none;
	color:#d58490;
	}
	
p.equation
	{
	display:block;
	border-left:4px solid #000;
	margin-left:5%;
	}
	
.gras
	{
	font-weight:bold;
	}
	
.souligne
	{
	text-decoration:underline;
	}
	
.italique
	{
	font-style:italic;
	}
	
.barre
	{
	text-decoration:line-through;
	}
	
.petit
	{
	font-size:1.5rem;
	}
	
.vert
	{
	color:#22780f;
	}
	
.vert1
	{
	color:#3a9d23;
	}
	
.vert2
	{
	color:#096a09;
	}	
	
.bleu
	{
	color:#00e;
	}
	
.bleu2
	{
	color:#043a6b;
	}
	
.bleu3
	{
	color:#1e7fcb;
	}
	
.orange
	{
	color:#ed7f10;
	}
	
.violet
	{
	color:#9a32cd;
	}

.rouge
	{
	color:#ee6a50;
	}
	
.gris
	{
	color:#ccc;
	}
	
.grisfonce
	{
	color:#999;
	}
	
.marron
	{
	color:#856d4d;
	}
	
.normal
	{
	font-weight:normal;
	}
	
/* ********* clignotant */
@keyframes clignotant
	{
	from
		{
		color:#900;
		}
	to
		{
		color:transparent;
		}
	}
	
@-webkit-keyframes clignotant
	{
	from
		{
		color:#900;
		}
	to
		{
		color:transparent;
		}
	}
	
@-o-keyframes clignotant
	{
	from
		{
		color:#900;
		}
	to
		{
		color:transparent;
		}
	}
	
@-ms-keyframes clignotant
	{
	from
		{
		color:#900;
		}
	to
		{
		color:transparent;
		}
	}
	
@-moz-keyframes clignotant
	{
	from
		{
		color:#900;
		}
	to
		{
		color:transparent;
		}
	}
	
.alerte
	{
	position:relative;
	float:none;
	font-size:1.2rem;
	animation-name: clignotant;
	-moz-animation-name: clignotant;
	-webkit-animation-name: clignotant;
	-o-animation-name: clignotant;
	-ms-animation-name: clignotant;
	
    animation-duration: 1s;;
    -moz-animation-duration: 1s;;
    -webkit-animation-duration: 1s;;
    -o-animation-duration: 1s;;
    -ms-animation-duration: 1s;;
    
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    
    animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
	}
	
.regle
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.4rem
	font-weight:normal;
	display:inline-block;
	margin:10px;
	text-align:justify;
	padding:5px;
	border-radius:5px;
	box-shadow: 2px 2px 5px 0px #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	background: #ff6;
 	background: -webkit-linear-gradient( #ff6, #fff);
    background:    -moz-linear-gradient( #ff6, #fff);
    background:     -ms-linear-gradient( #ff6, #fff);
    background:      -o-linear-gradient( #ff6, #fff);
    background:         linear-gradient( #ff6, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ff6',GradientType=0 );
	}
	
.corre
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.4rem
	font-weight:normal;
	/* color:#00f; */
	text-align:justify;
	border:1px solid #000;
	background: #7dac56;
 	background: -webkit-linear-gradient( #7dac56, #fff);
    background:    -moz-linear-gradient( #7dac56, #fff);
    background:     -ms-linear-gradient( #7dac56, #fff);
    background:      -o-linear-gradient( #7dac56, #fff);
    background:         linear-gradient( #7dac56, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#7dac56',GradientType=0 );
	padding:10px;
	margin:10px;
	border-radius:5px;
	}
	
.definition
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.4rem
	font-weight:normal;
	/* display:inline-block; */
	margin:10px;
	text-align:justify;
	padding:5px;
	border-radius:5px;
	box-shadow: 2px 2px 5px 0px #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	background: #f37362;
 	background: -webkit-linear-gradient( #f37362, #fff);
    background:    -moz-linear-gradient( #f37362, #fff);
    background:     -ms-linear-gradient( #f37362, #fff);
    background:      -o-linear-gradient( #f37362, #fff);
    background:         linear-gradient( #f37362, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f37362',GradientType=0 );
	}
	
.demonstration
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.4rem
	font-weight:normal;
	display:inline-block;
	margin:10px;
	text-align:justify;
	padding:5px;
	border-radius:5px;
	box-shadow: 2px 2px 5px 0px #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	background: #77b5fe;
 	background: -webkit-linear-gradient( #77b5fe, #fff);
    background:    -moz-linear-gradient( #77b5fe, #fff);
    background:     -ms-linear-gradient( #77b5fe, #fff);
    background:      -o-linear-gradient( #77b5fe, #fff);
    background:         linear-gradient( #77b5fe, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#77b5fe',GradientType=0 );
	}
	
.superieur
	{
	font-family:"Latin Modern","Times New Roman", Times, serif;
	font-size:1.4rem
	font-weight:normal;
	display:inline-block;
	margin:10px;
	text-align:justify;
	padding:5px;
	border-radius:5px;
	box-shadow: 2px 2px 5px 0px #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	background: #d2Caec;
 	background: -webkit-linear-gradient( #d2Caec, #fff);
    background:    -moz-linear-gradient( #d2Caec, #fff);
    background:     -ms-linear-gradient( #d2Caec, #fff);
    background:      -o-linear-gradient( #d2Caec, #fff);
    background:         linear-gradient( #d2Caec, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d2Caec',GradientType=0 );
	}
	


/* ****************************************************************************** STRUCTURE ************************************************************* */
/* ****************************************************************************** STRUCTURE ************************************************************* */
/* ****************************************************************************** STRUCTURE ************************************************************* */
/* ****************************************************************************** STRUCTURE ************************************************************* */
/* ****************************************************************************** STRUCTURE ************************************************************* */

header
	{
	width:100%;
	height:90px;
	background:#212e53;
	display:block;
	}
	
menu
	{
	}
	
footer
	{
	display:block;
	width:80%;
	height:20px;
	margin-top:5px;
	padding-left:10%;
	padding-right:10%;
	padding-top:0;
	padding-bottom:15px;
	background:#212e53;
	border-top:1px solid #ccc;
	}
	
section#corps_accueil
	{
	display:block;
	width:100%;
	height:490px;
	margin:0;
	padding:0;
	background:#fff;
	/*border:1px solid #f00;*/
	}
	
section#corpsA
	{
	display:block;
	width:100%;
	height:670px;
	margin:0;
	padding:0;
	background:#fff;
	}
	
section#corpsB
	{
	display:block;
	width:100%;
	height:1220px;
	margin:0;
	}
	
section#corps
	{
	display:block;
	width:90%;
	height:1210px;
	padding-left:5%;
	padding-right:5%;
	}
	
section#corps2
	{
	width:76%;
	display:block;
	height:1200px;
	margin-top:10px;
	overflow:auto;
	float:left;
	}
	
section#corps3
	{
	width:76%;
	display:block;
	height:400px;
	margin-top:10px;
	overflow:auto;
	float:left;
	}
	
section#gauche
	{
	width:50%;
	display:block;
	height:640px;
	float:left;
	margin:0;
	padding:0;
	background:#fff;
	}
	
section#droit
	{
	width:50%;
	display:block;
	height:640px;
	float:left;
	margin:0;
	padding:0;
	background:#fff;
	}
	
section.cadre_vert
	{
	position:relative;
	width:100%;
	height:30px;
	margin-top:20px;
	background:#5472ae;
	}
	
section#titre
	{
	width:100%;
	height:30px;
	margin:0;
	}
	
article
	{
	width:90%;
	margin-left:5%;
	margin-top:30px;
	/*display:block;*/
	float:none;
	clear:right;
	background:#f4f3ef;
	border-radius:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1%;
	padding-right:1%;
	box-shadow: 2px 2px 5px 0px #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	z-index=1;
	text-align:center;
	margin-bottom:20px;
	}
	
article.enonce
	{
	background:#ccc;
	}
	
article.correction
	{
	/*
	background:#7ccd7c;
	*/
	width:96%;
	margin-left:1%;
	background:#689d71;
	}
	
div.accueil
	{
	width:98%;
	height:100px;
	display:block;
	margin-left:1%;
	margin-top:10px;
	float:left;
	border-radius:0;
	padding:0;
	box-shadow:none;
	background: #bed3c3;
 	background: -webkit-linear-gradient( #bed3c3, #fff);
    background:    -moz-linear-gradient( #bed3c3, #fff);
    background:     -ms-linear-gradient( #bed3c3, #fff);
    background:      -o-linear-gradient( #bed3c3, #fff);
    background:         linear-gradient( #bed3c3, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#bed3c3',GradientType=0 );
	/*border:1px solid #f00;*/
	}
	
div.texte_accueil
	{
	width:68%;
	height:100px;
	float:left;
	display:block;
	margin:0;
	padding:0;
	/*border:1px solid #f00;*/
	}
	
div.photo_accueil
	{
	width:30%;
	height:100px;
	margin-top:0;
	margin-left:1%;
	float:left;
	overflow:hide;
	display:block;
	padding:0;
	/*border:1px solid #f00;*/
	}

/* *************************************************** MENU PRINCIPAL ********************************************************************************* */
/* *************************************************** MENU PRINCIPAL ********************************************************************************* */
/* *************************************************** MENU PRINCIPAL ********************************************************************************* */
/* *************************************************** MENU PRINCIPAL ********************************************************************************* */
/* *************************************************** MENU PRINCIPAL ********************************************************************************* */

nav#principal
	{
	width:100%;
	height:30px;
	/* margin-top:10px; */
	border-top:1px solid #4a919e;
	border-bottom:1px solid #4a919e;
	display:block;
	}
	
nav#principal > ul
	{
	list-style:none;
	}
	
nav#principal > ul > li
	{
	width:20%;
	height:30px;
	float:left;
	text-align:center;
	}
	
nav#principal > ul > li > a
	{
	display:block;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.5rem;
	color:#4a919e;
	font-weight:normal;
	text-decoration:none;
	margin-top:10px;
	}
	
nav#principal > ul > li > a:hover
	{
	text-decoration:underline;
	}
	
/* ******************************************************** MENU DISCIPLINE ************************************************************************ */
/* ******************************************************** MENU DISCIPLINE ************************************************************************ */
/* ******************************************************** MENU DISCIPLINE ************************************************************************ */
/* ******************************************************** MENU DISCIPLINE ************************************************************************ */
/* ******************************************************** MENU DISCIPLINE ************************************************************************ */

nav#discipline
	{
	width:20%;
	height:auto;
	margin-top:10px;
	margin-left:2%;
	padding-top:10px;
	padding-bottom:10px;
	background:#fff;
	float:left;
	}
	
nav#discipline > ul
	{
	width:100%;
	list-style:none;
	}
	
nav#discipline > ul > li
	{
	float:none;
	margin-top:10px;
	/* margin-bottom:10px; */
	}
	
nav#discipline > ul > li.rubrique > a
	{
	float:none;
	margin-top:10px;
	margin-bottom:10px;
	font-size:0.9rem;
	margin-left:5%;
	}
	
nav#discipline > ul > li > a
	{
	text-decoration:none;
	color:#4a919e;
	font-size:1.5rem;
	text-align:left;
	}
	
nav#discipline > ul > li > p
	{
	text-decoration:none;
	color:#ccc;
	font-size:1.5rem;
	text-align:left;
	}
	
nav#discipline > ul > li > a:hover
	{
	text-decoration:underline;
	}
	
/* ******************************************************** IMAGE & VIDEO  **************************************************************************** */
/* ******************************************************** IMAGE & VIDEO  **************************************************************************** */
/* ******************************************************** IMAGE & VIDEO  **************************************************************************** */
/* ******************************************************** IMAGE & VIDEO  **************************************************************************** */
/* ******************************************************** IMAGE & VIDEO  **************************************************************************** */

figure
	{
	border:1px solid #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	float:none;
	display:block;
	margin-bottom:20px;
	}
	
figure.petit
	{
	width:25%;
	height:auto;
	margin-left:37.5%;
	}
	
figure.moyen
	{
	width:50%;
	height:auto;
	margin-left:25%;
	}
	
figure.grand
	{
	width:70%;
	height:auto;
	margin-left:15%;
	}

figure.accueil
	{
	width:auto;
	display:block;
	height:100px;
	margin-left:auto;
	margin-right:auto;

	}

figure.accueil > img
	{
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	/*
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	border:0;
	*/
	}
	
figure.accueil > figcaption
	{
	width:auto;
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"Times New Roman", Times, serif;
	font-size:0.8rem;
	font-style:italic;
	color:#4f493d;
	text-align:center;
	border:none;
	}

figure > img
	{
	width:100%;
	}
	
figcaption
	{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2rem;
	font-style:italic;
	color:#4f493d;
	text-align:center;
	border:none;
	}
	
figcaption > a
	{
	font-family:"Times New Roman", Times, serif;
	font-size:1.2rem;
	font-style:italic;
	text-decoration:none;
	color:#39c;
	}
	
figcaption > a:hover
	{
	text-decoration:underline;
	}
	
iframe.youtube
	{
	width:70%;
	height:auto;
	margin-left:15%;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	}
	
meter
	{
	width:30%;
	-webkit-appearance: none;
	background: #666;
    -webkit-box-shadow: inset 0 0 2px 2px #555;
    -moz-box-shadow: inset 0 0 2px 2px #555;
    box-shadow: inset 0 0 2px 2px #555;   
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	}

img#accueil
	{
	position:relative;
	width:80%;
	height:auto;
	margin-left:10%;
	margin-top:150px;
	border:1px solid #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	}
	
img#rubrique
	{
	position:relative;
	width: 80%;
	float:left;
	height:auto;
	margin-left:10%;
	margin-top:40px;
	border:1px solid #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	}
	
img#rubrique_contact
	{
	position:relative;
	width: 50%;
	float:left;
	height:auto;
	margin-left:25%;
	margin-top:40px;
	border:1px solid #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	}
	
img.img_tableau
	{
	position:relative;
	width:80%;
	float:left;
	height:auto;
	margin-left:10%;
	margin-top:auto;
	border:1px solid #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	}
	
video.adapte
	{
	width:100%;
	}

/* ************************************************************ FORMULAIRE  *************************************************************************** */
/* ************************************************************ FORMULAIRE  *************************************************************************** */
/* ************************************************************ FORMULAIRE  *************************************************************************** */
/* ************************************************************ FORMULAIRE  *************************************************************************** */
/* ************************************************************ FORMULAIRE  *************************************************************************** */

fieldset
	{
	width:90%;
	margin-left:5%;
	margin-top:30px;
	margin-bottom:20px;
	background:#5472ae;
	border-radius:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1%;
	padding-right:1%;
	box-shadow: 2px 2px 5px 0px #000;
	-moz-box-shadow: 2px 2px 5px 0px #000;
	-webkit-box-shadow: 2px 2px 5px 0px #000;
	-o-box-shadow: 2px 2px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=5);
	}
	
div.formulaire
	{
	position:relative;
	width:90%;
	height:30px;
	margin-left:5%;
	margin-top:20px;
	float:none;
	padding:0;
	display:block;
	}
	
label
	{
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.4rem;
	color:#fff;
	margin-left:20px;
	margin-top:20px;
	font-weight:bold;
	float:none;
	clear:right;
	}
	
p.questionnaire
	{
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.4rem;
	color:#fff;
	margin-left:80px;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:normal;
	float:none;
	clear:right;
	}
	
input
	{
	float:none;
	clear:right;
	}
	
input.radio
	{
	padding-right:10px;
	}
	
input.petit
	{
	width:10%;
	}
	
input.moyen
	{
	width:30%;
	}
	
input.grand
	{
	width:50%;
	}
	
select
	{
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.4rem;
	color:#4f493d;
	margin-left:20px;
	height:20px;
	}
	
textarea
	{
	width:90%;
	height:100px;
	margin-left:5%;
	display:block;
	}
	
/* *********************************************************** TABLEAU ****************************************************************************** */
/* *********************************************************** TABLEAU ****************************************************************************** */
/* *********************************************************** TABLEAU ****************************************************************************** */
/* *********************************************************** TABLEAU ****************************************************************************** */
/* *********************************************************** TABLEAU ****************************************************************************** */

table
	{
	width:90%;
	margin-left:5%;
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.4rem;
	font-style:normal;
	color:#000;
	text-align:center;
	border:none;
	}
	
table.evaluation
	{
	width:98%;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:5px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.5rem;
	font-style:normal;
	color:#000;
	text-align:center;
	border:none;
	}
	
table.bordure,td.bordure
	{
	border:1px solid #000;
	}
	
td > a
	{
	text-align:center;
	}
	
td > p
	{
	font-family:"Times New Roman", Times, serif;
	font-size:1.4rem;
	font-style:normal;
	color:#000;
	margin:0;
	}
	
td > p.evaluation
	{
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size:1.5rem;
	font-style:normal;
	/* color:#000;*/
	margin:0;
	}
	
td.titre
	{
	background:#ccc;
	font-weight:bold;
	}
	
td.gauche
	{
	text-align:left;
	}
	
td.droit
	{
	text-align:right;
	}
	
.td2
	{
	width:50%;
	}
	
.td3
	{
	width:33.33%;
	}
	
.td4
	{
	width:25%;
	}
	
.td5
	{
	width:20%;
	}
	
.td6
	{
	width:16.66%;
	}
	
.td7
	{
	width:14.28%;
	}
	
.td8
	{
	width:12.5%;
	}
	
.td9
	{
	width:11.11%;
	}
	
.td10
	{
	width:10%;
	}
	
/* ************************************* ECRITURE PYTHON ********************************************************************************** */
/* ************************************* ECRITURE PYTHON ********************************************************************************** */
/* ************************************* ECRITURE PYTHON ********************************************************************************** */
/* ************************************* ECRITURE PYTHON ********************************************************************************** */
/* ************************************* ECRITURE PYTHON ********************************************************************************** */

table.python
	{
	margin-left:100px;
	border-left:5px solid #000;
	width:auto;
	}
	
td.python50px
	{
	width:50px;
	text-align:left;
	/* border-left:5px solid #000;*/
	padding-left:5px;
	}
	
td.python100px
	{
	width:100px;
	text-align:left;
	/* border-left:5px solid #000;*/
	padding-left:5px;
	}
	
td.python150px
	{
	width:150px;
	text-align:left;
	/* border-left:5px solid #000;*/
	padding-left:5px;
	}
	
td.python200px
	{
	width:200px;
	text-align:left;
	/* border-left:5px solid #000;*/
	padding-left:5px;
	}

/* ************************************************************* HISTORIQUE ************************************************************************* */
/* ************************************************************* HISTORIQUE ************************************************************************* */
/* ************************************************************* HISTORIQUE ************************************************************************* */
/* ************************************************************* HISTORIQUE ************************************************************************* */
/* ************************************************************* HISTORIQUE ************************************************************************* */

div#histoire
	{
	width:90%;
	height:200px;
	margin-left:5%;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	}
	
div.bandeau
	{
	width:100%;
	height:40px;
	border-bottom:1px solid #000;
	}
	
div#bloc-10ans
	{
	width:10%;
	border-left:1px solid #000;
	}
	
div.bg_prehistoire
	{
	background:#efd807;
	}
	
div.bg_histoire
	{
	background:#568203;
	}
	
div.bg_antiquite
	{
	background:#ed7f10;
	}
	
div.bg_moyenage
	{
	background:#1e7fcb;
	}
	
div.bg_tempsmodernes
	{
	background:#b82010;
	}
	
div.bg_epoquecontemporaine
	{
	background:#77b5fe;
	}
	
div.bloc_3
	{
	width:33%;
	}
	
div.bloc_4
	{
	width:25%;
	}
	
div.bloc_5
	{
	width:20%;
	}
	
div.bloc_10
	{
	width:10%;
	}