﻿


header
{

height: 100px;
margin: auto;

}


#boutonaccueil
{
	width: 130px;
	height: auto;
background-color: rgb(0,112,166);
color: white;
font-size: 1.2em;
border-radius: 20px/20px;
position: absolute;
	left: 50px;
	top: 20px;
text-align: center;
}
  		@media (max-width:480px) {
			#boutonaccueil
					{	
				width: 80px;
					left: 30px;
					}
				}


/* 
........................
Organisation globale de la page
..................................
 */

section
{
margin: 80px 0 0 0px;
padding: 20px 0 0 0;
font-family: corbel, arial;
text-align: justify;
height: 450px;
}
 

 article
 {
 width: 620px;
 text-align: justify;
 }
 
 h1
 {
	position : absolute;
		left: 220px;
		top: 50px; 
	font-size: 2em;
	font-family: corbel, arial;
 }
   		@media (max-width:480px) {
			h1
					{	
					font-size: 1.4em;
					left: 145px;
					top: 20px;
					max-width: 280px;
					}
				}
 
 #texte
 {
	
	margin-top: 40px;
	margin-left: 40px;
	margin-bottom: 30px;
	font-size: 1.2em;
	font-family: corbel, arial;
	text-align: justify;
 }
    		@media (max-width:480px) {
			 #texte
					{	
					font-size: 0.9em;
					margin-left: 5px;
					margin-right: 5px;
					}
				}
 
 #boutlistformation, #boutlistformationtop
  {
width: 120px;
height: 35px;
text-align: center;
background-color: black;
color: rgb(191,217,34);
font-size: 0.9em;
border: 1px solid black;
border-radius: 20px;
margin: 20px 20px 0px 20px;
font-family: corbel, arial;
 }
   	
#boutlistformationtop
{
	margin-top: 90px;
}



/* 
........................
page paiement par cheque
..................................
 */
 
 
 #encadre
 {
	 width: 400px;

border: 3px solid rgb(0,112,166);
margin: 30px 0 0 40px;
font-size: 1.2em;
 }
 
 #encartidh2
 {
	 margin-left: 10px;
 }
 
 #encartid
 {
	 font-weight: bold;
	 margin-left: 10px;
 }
 
span
 {
margin: 0 0 0 45px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 