/*
Essai commentaire
*/

body
{
	background-image: 100%;
	background-color: #785a3c; /* Pour les navigateurs anciens */
	font-family: Arial, Helevtica, Verdana, san-serif;
	margin-top: auto;
	background-image: -webkit-linear-gradient(top, #785a3c 0%, #ffffD4 100%);
	background-image:    -moz-linear-gradient(top, #785a3c 0%, #ffffD4 30%);
	background-image:     -ms-linear-gradient(top, #785a3c 0%, #ffffD4 100%);
	background-image:      -o-linear-gradient(top, #785a3c 0%, #ffffD4 100%);
	background-image:         linear-gradient(top, #785a3c 0%, #ffffD4 100%);
}

#bloc_page
{
    width: 100%;
    margin: auto;
}

/* =======================================================================
Header
==========================================================================*/

header
{
	font-family: Arial, Helevtica, Verdana, san-serif;
	width: 76%;
	color: #f82424;
	box-shadow: 20px, 20px, 20px, 6px;
	text-align: center;
	margin-right: 0%;
	margin-left: 12%;
	margin-top: 3%;
	padding-bottom: 2%;
	border-bottom: 1px #fd0000 solid;
	background-image: -webkit-linear-gradient(top, #ffffd4 0%, #785a3c 400%);
	background-image:    -moz-linear-gradient(top, #ffffd4 0%, #785a3c 400%);
	background-image:     -ms-linear-gradient(top, #ffffd4 0%, #785a3c 400%);
	background-image:      -o-linear-gradient(top, #ffffd4 0%, #785a3c 400%);
	background-image:         linear-gradient(top, #ffffd4 0%, #785a3c 400%);
	<!-- box-shadow: 10px 8px 10px #dd3200; >
	
}

header h1
{
	font-size: 60px;
	max-height: 50px;
	margin-top: -2%;
	padding-bottom: 0%;
	padding-top: 4%;
	text-shadow: 2px 2px 2px #000000;
}

header h2
{
	font-size: 26px;
	font-style: italic;
	padding-top: 0%;
	text-shadow: 0.5px 0.5px 0.5px #000000;
}

header h5
{
	padding-top: 0%;
	padding-bottom: 1%;
	text-shadow: 1px 1px 1px #000000;
}

/* =======================================================================
 Section
 =========================================================================*/

section
{
	vertical-align: top;
	text-align: justify;
	background-color: #ffffD4;
	font-family: Arial, Helevtica, Verdana, san-serif;
	font-size: 13px;
	margin: -6.92% 12% 6% 12%;
	color: #785a3c;
	line-height: 18px;
	padding-bottom: 1%;
	<!-- box-shadow: 10px 10px 10px #dd3200; >
}

section p
{
	margin-bottom: 0%;
}

article
{    
    vertical-align: top;
	width: 94%;
	background-color: #ffffD4;
	margin-top: 3.7%;
    margin-right: 1%;
	margin-left: 3%;
}

aside
{
	
}

.connexion
{
	position: absolute;
	color: #dd3200;
	top: 42%;
	right: 1%;
	max-height: 30px;
}

.colonne_droite
{
	
}

.colonne_gauche
{
	
}

.entete-section
{
	color: #f82424;
	font-size: 30px;
	font-style: normal;
	margin: auto;
	padding-top: 9%;
	text-align: center;
}

.entete-section1
{
	color: #f82424;
	font-size: 16px;
	margin-top: 0%;
	margin-left: 0%;
	padding-top: 3%;
	text-align: left;
}

.entete-section2
{
	color: #f82424;
	font-size: 12px;
	margin-top: 0%;
	margin-left: 0%;
	padding-top: 1%;
	text-align: left;
}

#appartement
{
	float: right;
	width: 25%;
	background-color: #ffffD4;
    vertical-align: top;
	margin-top: 4.5%;
	margin-right: 14.5%;
	margin-left: 2%;
}

#facade
{
	float: right;
	width: 22%;
	background-color: #ffffD4;
    vertical-align: top;
	margin-top: 4.5%;
	margin-right: 14.5%;
	margin-left: 2%;
}

#villa
{
	float: right;
	width: 30%;
	background-color: #ffffD4;
    vertical-align: top;
	margin-top: 4.5%;
	margin-right: 14.5%;
	margin-left: 2%;
}

#telephone
{
	color: #fd0000;
}


/* =======================================================================
Navigation
==========================================================================*/

nav 
{
	text-align: center;
	background-color: #ffffD4;
	height: 60px;
	clear: both;
	margin-right: 13%;
	margin-left: 13%;
	margin-top: 0%;
}

nav ul 
{
	text-align: center;
	padding: 0px;
}

nav li
{
	text-align: center;
	display: inline;
	list-style-type: none;
	background-color: #ffffD4;
	color: #234758;
	padding: 10px;
	margin: 0 1px 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

.bouton1
{
	background-color: #ffffD4;
	display: inline-block;
	height: 20px;
    border-left: 1px solid #fd0000;
	border-right: 1px solid #fd0000;
    font-size: 1.4em;
    text-align: center;
    padding: 5px 10px 5px 10px;
    color: #fa4040;
}

.bouton2
{
	background-color: #ffffD4;
	display: inline-block;
	height: 20px;
    border-left: 1px solid #fd0000;
	border-right: 1px solid #fd0000;
    font-size: 1.4em;
    text-align: center;
    padding: 5px 8px 5px 8px;
    color: #993261;
	margin: auto;
}

.bouton3
{
	background-color: #ffffD4;
	display: inline-block;
	height: 20px;
    border-left: 1px solid #fd0000;
	border-right: 1px solid #fd0000;
    font-size: 1.4em;
    text-align: center;
    padding: 5px 8px 5px 8px;
    color: #06789F;
	margin: auto;
}

.bouton4
{
	background-color: #ffffD4;
	display: inline-block;
	height: 20px;
    border-left: 1px solid #fd0000;
	border-right: 1px solid #fd0000;
    font-size: 1.4em;
    text-align: center;
    padding: 5px 8px 5px 8px;
    color: #08840E;
	margin: auto;
}

.bouton5
{
	background-color: #ffffD4;
	display: inline-block;
	height: 20px;
    border-left: 1px solid #fd0000;
	border-right: 1px solid #fd0000;
    font-size: 1.4em;
    text-align: center;
    padding: 5px 8px 5px 8px;
    color: #E78600;
	margin: auto;
}

a 
{
   text-decoration: none;
   color: #fd0000;
   font-style: normal;
   text-align: center;
}

a:hover
{
   text-decoration: none;
   color: #fd9509;
   font-style: none;
}

a:hover .bouton1
{
   text-decoration: none;
   color: #FD4F3C;
   font-style: none;
}

a:active
{
    color: #785a3c;
}

/* =======================================================================
Formulaire
==========================================================================*/

#adhesion
{
	max-width: 100%;
	margin-left: 8%;
	margin-right: 7%;
}

input, textarea
{
	background-color: #ffffff;
	color: #585046;
	border: 1px solid #585046;
	font-size: 13px;
	font-family: Arial, Helevtica, Verdana, san-serif;
}

fieldset
{
	border:0;
	line-height:3px;
	margin:5px 0 5px 0px;
	padding-bottom: 10px;
}

fieldset.type-bien p 
{
	color: #585046;
	float: left;
	font-size: 13px;
	text-align: left;
	width: 200px;
}

fieldset.champs input
{
	display: block;
	height: 15px;
}

fieldset.champs label
{
	display: block;
	height: 15px;
	margin: 20px 0px 2px 0px;
}

.bouton_formulaire
{
	background-color: #585046;
	display: inline-block;
	height: 20px;
    border: 2px solid #585046;
    font-size: 1em;
    text-align: center;
    padding: 3px 8px 3px 8px;
    color: #faf0c1;
	text-shadow: 0.4px 0.4px 0.4px #faf0c1;
	margin-left: 5%;
}

/* =======================================================================
Footer 
==========================================================================*/

footer
{
	text-align: center;
	font-size: 13px;
}

footer a
{
	padding: 26px;
	padding-bottom: 0px;
}

#copyright
{
font-style: italic;
}