body{
    border: 1px solid #0071C1;
	border-radius : 10px;
	box-shadow: 3px 3px 6px #0071C1;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	color:#0071C1;
	font-family:arial, verdana, Trebuchet MS;
	font-size: small;
}
footer{
	font-size: x-small;
	text-align:center;
	padding: 5px 0px 5px 0px;
	
}
section{
    border: 1px solid #0071C1;
	border-radius : 10px;
	width: 870px;
	min-height:300px;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
}
article{
	padding-left:200px;

}
a{
	text-decoration:none; 
}
.image{
	margin-top: 40px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.image_parent{
	border-radius: 5px;
	box-shadow: 3px 4px 4px #1c1a19;
}
.image_sst{
	border-radius: 5px;
	box-shadow: 3px 4px 4px #1c1a19;
}
.image_enfant{
	border-radius: 5px;
	box-shadow: 3px 4px 4px #1c1a19;
}
.image_dsa{
	border-radius: 5px;
	box-shadow: 3px 4px 4px #1c1a19;
}
.facebook20x20{
	float : right;
	margin-right: 50px;
	margin-top:15px;
	border-radius: 5px;
}
.twitter20x20{
	float : right;
	margin-top:15px;
	border-radius: 5px;
}
.youtube20x20{
	float : right;
	margin-top:15px;
	border-radius: 5px;
	border: 1px solid grey;
}
.g20x20{
	float : right;
	margin-top:15px;
	border-radius: 5px;
}
.article{
	background-color: rgba(0, 113, 193, 0.1);
	margin : 10px 5px 10px 5px;
	padding: 5px 10px 5px 10px;
	font-size: small;
	border-radius:5px;	
}
.fieldset_init{
	width: 600px;
	border: 1px solid #0071C1;
	border-radius: 5px;
	background: rgba(0, 113, 193, 0.1);
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	padding: 15px 20px 10px 20px;
}
.h1_center{
	text-align: center;
	color:red;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(245, 245, 245);
	border-radius:5px;
	padding: 10px 10px 10px 10px;
	font-size: large;
	margin-bottom:-20px;
}
.construction{
	margin:10px 0px 10px 200px;
	width: 600px;
	background-color: rgb(245, 245, 245);
	border-radius:5px;
	border: 1px solid #0071C1;
	box-shadow: 3px 4px 4px #1c1a19;
}
.div_photo{
	width: 180px;
	display: block;
	float:left;
	clear:none;
}
.photo{
	margin:10px 0px 0px 10px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #0071C1;
}
.span_h1_sst{
	background-color: rgb(245, 245, 245);
	border-radius:5px;
	border: 1px solid green;
	text-align:center;
	padding:10px;
	margin-bottom:30px;
}
.h1_sst{
	color:rgb(0, 164, 0);
}
.h2_sst{
	color:rgb(0, 164, 0);
}
.h1_formation{
	font-size:large;
	background-color: rgb(0, 164, 0);
	border-radius:5px;
	border: 1px solid rgb(0, 164, 0);
	text-align:center;
	padding:10px;
	margin-bottom:10px;
	color:white;
}
.strong_sst{
	color:rgb(0, 164, 0);
	margin:10px;
	font-size:medium;
}
.body_cours{
	margin-top: 10px;
	padding :20px;
}
ul{ margin: 20px}

#tableau{
	margin-left: auto;
	margin-right: auto;	
}
#logo{
	height: 60px;
	margin : 5px 0px 20px 10px;
}
#banniere_image{
    height:200px;
	margin-right: 10px;
	margin-top:15px;
    border-radius:5px;
    position: relative;
	font-size: medium;
}
#banniere_description{
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 99.5%;
    height: 25%;
    padding-left: 4px;
    background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    background-color: rgba(24,24,24,0.8);
    color: white;
    font-size: 0.8em;
}
/* Navigation */
nav{
    display: inline-block;
    width: 740px;
}
#menu_nav, #menu_nav ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}
#menu_nav ul, #menu_nav li ul{
	position: absolute;
	margin:0px;
}
#menu_nav /* Ensemble du menu */
{    
       	font-family:arial, verdana, Trebuchet MS;
		font-size: medium;
		font-weight : bold; /* on met le texte en gras */
}
#menu_nav a /* Contenu des listes */
{
		margin : 1px; /* ni extérieure */
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 5px 0 5px 0; /* aucune marge intérieure */
		border-radius:8px;
        background : rgb(245, 245, 245); /* couleur de fond */        
        color : #0071C1; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 110px; /* largeur */
		transition: all .5s;
}

#menu_nav li /* Elements des listes */      
{ 
        float : left; 
}
#menu_nav li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
		z-index: 100000;
        width: 110px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		font-weight : normal; /* on met le texte en gras */
		font-size: small;
}
#menu_nav li ul ul 
{
    margin    : -32px 0 0 111px ; 
	
}
#menu_nav a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fe0201; /* On passe le texte en noir... */
		background : rgb(240, 240, 240); /* couleur de fond */ 
		box-shadow: 4px 4px 6px #aaa;
}
#menu_nav li:hover ul ul, #menu_nav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		}
#menu_nav li:hover ul, #menu_nav li li:hover ul, #menu_nav li.sfhover ul, #menu_nav li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */	
}
/* Navigation Verticale */
#menu_vertical{
	background-color: #E5F0F8;
	list-style:none;
	float:left;
	display: inline-block;
    width: 170px;
	border: 1px #0071C1 solid;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #1c1a19;
	margin-left: auto;
	margin-right: auto;
	
}
#menu_vertical.floatable {
			position: fixed;
			top: 0;
		}
#menu_vertical, #menu_vertical ul{
	padding:0;
	margin:0;
	list-style:none;
	font-size: medium;
}
#menu_vertical li:hover a, #menu_vertical li li:hover a{
	color:#fe0201;
	line-height: 150%;
	font-weight: bold;
}
/* Navigation Horizontal */
#menu_horizontal{
	background-color: rgb(245, 245, 245);
	font-size:medium;
	list-style:none;
	display: inline-block;
    width: 640px;
	border: 1px red solid;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 1px #1c1a19;
	text-align:center;
	margin:30px 0px 10px 14px;
	padding:5px 0px 5px 0px;
}
#menu_horizontal.floatable {
			position: fixed;
			top: 0;
		}
#menu_horizontal li {
			display: inline;
			padding:10px;		
		}
#menu_horizontal li:hover a, #menu_horizontal li li:hover a{
	color:#fe0201;

}
#1,#2,#3,#4,#5,#6,#7,#8 {
	padding-top: 100px;
	position: relative;
	top: -100px;
	margin-bottom: -100px;
}
	
#info_form{
	position:relative;
	font-family: Comic Sans MS;
	font-style: italic;
	width: 600px;
	border-radius: 5px;
	background: rgba(0, 113, 193, 0.1);
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:45px;
	text-align: justify;
	padding: 15px 20px 40px 20px;
	box-shadow: 2px 2px 3px #1c1a19;
}
.form{
	position:absolute;
	bottom: -40px; 
	left: 20px;
	box-shadow: 2px 2px 3px #1c1a19;
	border-radius: 50%;
}
#fiche_tech{
	width: 800px;
	padding: 5px 15px 10px 15px;
	border-radius: 5px;
	text-align: justify;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 2px #FF8C00 solid;
}
.h2_fiche_tech{
	background-color: #FF8C00;
	text-align:center;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-radius: 5px;
}
#fiche_mat{
	width: 800px;
	padding: 5px 15px 10px 15px;
	border-radius: 5px;
	text-align: justify;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 2px #798081 solid;
}
.h2_fiche_mat{
	background-color: #798081;
	text-align:center;
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-radius: 5px;
}
/* Essaie pour contact.php */
input[type=text], input[type=email], input[type=number], input[type=tel], input[type=url]{
	border: 1px solid #0071C1;
	border-radius: 5px;
	padding-left:10px;
	color: #0071C1;
}
textarea{
	border: 1px solid #0071C1;
	border-radius: 5px;
	padding-left:5px 5px 5px 5px;
	color: #0071C1;
	width: 300px;
    height: 150px;
}
input[type=submit]{
	background: rgba(0, 113, 193, 0.1);
	border: 1px solid #0071C1;
	border-radius: 5px;
	color:#0071C1;
	cursor:pointer;
}
input[type=submit]:hover{
	color:#fe0201;
}
select{
	border: 1px solid #0071C1;
	border-radius: 5px;
	padding-left:5px 5px 5px 5px;
	color: #0071C1;
}
fieldset{
	width: 700px;
	border: 1px solid #0071C1;
	border-radius: 5px;
	background: rgba(0, 113, 193, 0.1);
	margin-left: auto;
	margin-right: auto;
}
legend{
	color:#fe0201;
	border-radius: 5px;
	background: white;
	font-size: medium;
}
/* Code CSS pour Java Script */
.visible {
 display:block;
}
.invisible {
 display:none;
}