
section
{
border-bottom: 2px solid black;
color: white;
text-shadow:#000000 2px 2px;
}

article
{
border-left: 2px solid black;
display: inline-block;
width: 75%;
padding: 10px;
padding-left: 40px;
}
footer
{
	margin-top: 10px;
	text-align:center;
	font-style:italic;
	color: white;
	text-shadow:#000000 2px 2px; 
	background : url("../images/w3c.png");
	background-repeat: no-repeat ;
	background-position: right;
	}

body 
{
	font-family: Times New Roman, Cambria, Arial, sans-serif;
	width:95%;
	background : url("../images/fondtest.jpg");
	background-size: cover; 
	margin:2.5%;
}

h2
{
	font-size: 1.4em;
	text-shadow:#000000 2px 2px; 
	color:red;
}
h1
{
	text-shadow:#000000 2px 2px;
	color: white;
	font-family: Calibri;
}
p
{
	text-align:justify;
}
/* Navigation */
nav
{
vertical-align: top;
display: inline-block;
    width: 18%;
    text-align: left;
}
/* Navigation supprime les points */
nav ul
{
    list-style-type: none;
}
/* Navigation, alignement */
nav li
{
    margin-right: 10px;
}
/* Navigation, taille, police... */
nav a
{
	font-family: Dayrom, serif;
    font-size: 1.5em;
    color: white;
    padding-bottom: 1px;
    text-decoration : none;
	font-weight : bold;
	text-transform: uppercase;
	 
}
/* Navigation, barre du dessous lors du passage de la souris */
nav a:hover
{
    color: red;
    border-bottom: 2px solid red;
}
#banniere1
{
	background-size: cover; 
    height: 220px;
    margin-bottom: 25px;
	background : url("../images/Catalog1.png")
}

form
{
	padding:10px;
}

label
{
margin-left: 20%;
vertical-align: top;
}

input
{
margin-right: 5%;
vertical-align:middle;
}

.boutons
{
margin-left: 25%;
}

fieldset {
width: 60%;
  margin-left: 20%;
  padding: 10px;
}

.casesinput
{
	float: right;
	margin-right: 15%;
}

.bouton
{
	display : block;
	margin : auto;
}

/*RAJOUT PPE2*/

#blocLogin
{
	position: absolute;
		top: -25px;
		right: 75px;
			
}
#blocLogin fieldset
{
	display: block;
	width: 400px; 
	padding: 5px;
	padding-left: 0px;
}
#blocLogin label
{
	margin-left: 10px;
	display: inline-block;
	width: 120px;
}
#blocLogin input
{
	margin-left: 5px;
	vertical-align: baseline;
	float: none;
}
#blocLogin a
{
	color: white;
}
#blocLogin a:hover
{
    color: red;
    border-bottom: 2px solid red; 
}
#loginBouton .bouton
{
	display: inline;
}
#loginBouton
{
	position: absolute;
		bottom:20px;
		right: 20px;
}
#blocLogin span
{
	color: white;
}
.styleco
{
	float: none;
	display: block;
	margin: auto;
	position: absolute;
	top: 15px; right: 15%; 
	left: 15%; bottom: 15%; 
	color: red;
	color: rgb(138,196,62); 
	background: url("../images/Loading.gif") no-repeat center;
}