*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

header,footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}



body{
	/* Setting the default text color, size, page background and a font stack: */
	font-size:0.9em;
	color:#4d4d4d;
	background-color:#2d5d77;
	font-family:Arial, Helvetica, sans-serif;
}


#page{
	width:960px;
	margin:0 auto;
	position:relative;
}


img{
	border:none;
}


.photo_habillage{
	float:left;
	padding:10px;
	padding-top:20px;
}





/* Hyperlink Styles: */

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

.opacity img{
	opacity: 1.0;
  	filter:alpha(opacity=100);
}

.opacity:hover img{
	opacity: 0.5;
  	filter:alpha(opacity=50);
}







/* Headings: */

h1,h2{
	font-size:0.75em;
	font-weight:600;
	letter-spacing:0.3em;
	margin:0 0 0.3em;
	text-transform:uppercase;
}

h1{
	color:#f7931e;
}


h2{
	color:#2d5d77;
}

h3{
	font-family:"Nixie One", "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	color:#2d5d77;
}

h4,h5{
	font-weight:800;
}

h5{
	color:#2d5d77;
	text-decoration:underline;
	font-size:1em;
}

p{
	line-height:1.5em;
	padding-bottom:1em;
}



/* Header */

#conteneur_nav{
	background-color:#659fa0;
	height:35px;
	width:100%;
	text-align:center;
}

nav{
	padding:0 0px;
	position:relative;
	top:0em;
}



#home{
	background-color:#FFFFFF;
	height:425;
	text-align:center;
}

#logo_home{
	padding:30px;
	padding-bottom:40px;
}



/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* The navigation styling: */

nav ul li{
	display:inline-block;
}

nav ul li a,
nav ul li a:visited{
	font-family:"Nixie One", "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-weight:800;
	color:#FFFFFF;
	display:block;
	float:center;
	font-size:1em;
	letter-spacing:0.03em;
	margin:3.5px 5px;
	padding:7px 8px 4px;
	
}

nav ul li a:hover{
	color:#51859B;
}


.fixNavigation{
 z-index: 9999;
 position: fixed;
 top: 0;
 /* Mise en forme */
 width: 960px; /* <-- Largeur de votre site */
 }





/* Page type */


article{
	background-color:#FFFFFF;
	margin:0em 0;
	padding:60px;
}


div.bloc {
  width:540px;
  vertical-align:middle;
  display:inline-block;
}


.article_bloc{
   padding-top:60px;
   padding-bottom:60px;
   text-align:left;
}

.article_bloc_titre{
	text-align:center;
	padding-bottom:40px;
}


#demarche{
	background-color:#c9dddd;
}

#modalites{
	background-color:#c9dddd;
}

#tarifs{
	background-color:#c9dddd;
}

#article_bloc_tarifs{
	text-align:center;
}







/* Page formulaire contact */

#contact{
	background-color:#659fa0;
	margin:0em 0;
	padding:60px;
	text-align:center;
}

#contact_bloc_titre{
	text-align:center;
	padding-bottom:20px;
}

#page_contact p{
	color:#FFFFFF;
	text-align:center;
}

#page_contact form{
	color:#FFFFFF;
}




/* Formulaire contact */


form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 600px;
    /* Pour voir les limites du formulaire */
    padding: 1em;
    border: 0px;
}

form div + div {
    margin-top: 0.8em;
}

label {
    /* Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 90px;
    text-align: right;
}

input, textarea {
    /* Afin de s'assurer que tous les champs textuels utilisent la même police
       Par défaut, textarea utilise une police à espacement constant */
    font: 1em sans-serif;

    /* Pour donner la même dimension à tous les champs textuels */
    width: 400px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Pour harmoniser l'apparence des bordures des champs textuels */
    border: 0px;
}

input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
    border:none;
}


textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
    /* Pour permettre aux utilisateurs de redimensionner un champ textuel horizontalement
       Cela ne marche pas avec tous les navigateurs  */
    resize: vertical;
	color:#808080;
	padding: 0.5em;
}


.textarea-1line {
    height: 2em;
}


.textarea-6line {
    height: 8em;	
}


.button {
    /* Pour positionner les boutons de la même manière que les champs textuels */
    padding-left: 0px; /* même dimension que les étiquettes */
}


button {
    /* Cette marge représente approximativement le même espace
       que celui entre les étiquettes et les champs textuels */
    margin-left: 0em;
}




button {
	border:none;
	height:36px;
	margin-top:10px;
}

input {
	height:20px;
	margin-top:2px;
	margin-bottom:2px;
}

textarea {
	height:80px;
	margin-top:2px;
	margin-bottom:2px;
}




/* Footer styling: */

footer{
	margin-bottom:50px;
	text-align:center;
	font-size:0.825em;
	background-color:#c9dddd;
}


footer p{
	margin-top:1.5em;
	position:relative;
	color:#2d5d77;
}

footer a,footer a:visited{
	color:#cccccc;
	background-color:#213e4a;
	display:block;
	padding:2px 4px;
	z-index:100;
	position:relative;
}

footer a:hover{
	text-decoration:none;
	background-color:#142830;
}

#by{
	float:left;
}

#up{
	float:right;
}