body{
  
  background: linear-gradient(to bottom,
     #353535 525px, #c6bda4 525px 535px, #e8e3d5 535px 100%);


  font-family: Segoe, "Trebuchet MS","Segoe UI", "DejaVu Sans", Verdana, "sans-serif";
  line-height: 140%;
  font-size: 13px;
}

.retour{
  clear: both;
}

/*................page HEADER...................*/


.container {
	width: 980px;
	margin: auto;
}

#logo {
	display: block;
	margin: 10px 0 0px 500px;
}

.logos img{
	margin: 0 15px 0 15px;
}

h1 {
	font-size: 14px;
	color: #4E4949;
	text-align: center;
	margin: 20px 0 0 110px;
}

h2 {
	font-size: 12px;
	color: #BCAFAF;
	text-align:left;
	display: block;
}

h3 {
	color: #4E4949;
}

h4{
	font-size: 10px;
	color: #000;
	text-align: left;
}

article h3{
	background: url("pictos/puce.svg") no-repeat;
	padding-left: 40px;
	font-size: 14px;
}


#droite article {
	border-bottom: 2px dotted #BCAFAF;
	margin: 12px 0 12px 0;
}


#header{
	background: url("images/photo-header.jpg") center no-repeat;
	width: 980px;
	height: 400px;
	margin-top: 20px;
}

.photo{
	border: 5px solid #BCAFAF;
	margin: 7px 0 40px 0;
}


.savoir {
	font-size: 12px;
	color: #BCAFAF;
	text-decoration: none;
}

.savoir:hover{
	background:#680610;
	padding: 3px;
}

.picto {
	height: 20px;
	margin-right: 10px;
	float: left;
	display: block;
}

.passion h2{
	background-color: #000;
	font-size: 16px;
	text-align: right;
	padding: 15px 15px 0 0;
	height: 35px;
	font-family: 'Cookie', cursive;
}

.passion{
	width: 965px;
	margin: 350px 0 0 0px;
	height: 35px;
	float: left;
}


	
/*................page MENU (nav)...................*/

#nav {
	list-style: none;
	text-align: center;
	display: block;
	height: 46px;
}


#menu{
	width: 980px;
	font-size: 14px;
}

#menu li{
	width: 244px;
	border-right: solid  #BCAFAF 1px;
	text-align: center;
	float: left;
	list-style: none;
	display: block;
}

#menu li:last-child {
  background: #c6bda4;
}

#menu a{
	background: #c6bda4;
	color: #fff;
	padding: 13px;
	display: block;
	text-decoration: none;
}

#menu a:hover{
	background: url("pictos/lien.png") no-repeat 200px #680610;
}


.gauche {
	color: #BCAFAF;
	padding: 10px 0 10px 0;
}

.gauchetitre {
	color: #000;
	padding: 40px 0 20px 0;
	font-size: 16px;
}


#droite{
	border: none;	
}

.col2{
	width: 409px;
	padding: 0px 40px 0px 40px;
	border-right: solid  #BCAFAF 1px;
	/*.....background-color: #fdfcf9;....*/
	float: left;
}

section.logos{
	width: 976px;
	text-align: center;
	padding: 15px 0 15px 0;
	/*....background-color: #fdfcf9;....*/
}

hr {
	border-bottom: 1px dotted #BCAFAF;
	border-top: 1px dotted #BCAFAF;
}

.plus{
	height: 20px;
	display: block;
	background-color: #680610;
	color: #fff;
	padding: 4px 15px 4px 15px;
	margin-left:345px;
	text-decoration: none;
}

.plus:hover{
	color: #680610;
	background: #fff;
}

/*................page CONTACT ...................*/

.gauchecontact {
	color: #BCAFAF;
}



/*................PAGE MonForm...................*/



#monForm{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#monForm p{
	padding-bottom: 10px;
}

#monForm fieldset{
	margin-top: 45px;
	padding: 11px;
	border: #CCC 1px solid;
}

fieldset.coordonnees label{
	width: 40%;
	float: left;
	padding-top: 5px;
}

fieldset.coordonnees input{
	width: 58%;
	float: left;
	margin-bottom: 10px;
}

#monForm fieldset:hover{
	background-color: #c6bda4;
}

#monForm fieldset legend{
	color: #999;
}

#monForm label{
	letter-spacing: 1px;
}

#monForm label:hover{
	font-weight: bold;
	letter-spacing: normal;
}

#monForm input, #monForm select{
	border: #ccc 1px solid;
}

#monForm input:hover, #monForm select:hover, 
#monForm input:focus, #monForm select:focus{
	border: #999 1px solid;
	background-color: #FFE8DD;
}

#monForm input [type="submit"]{
	border: #ddeeff 1px solid;
}

#monForm input [type="submit"]:hover{
	background-color: #fff;
	cursor: pointer;
}

textarea {
	width: 58%;
	border: #999 1px solid;
}

p,
label {
    font: 1rem 'Fira Sans', sans-serif;
	font-size: 12px;
}

.rdv {
	margin-top: 7px;
}


.rdv label{
	width: auto;
	float: none;
}

.rdv input{
	width: auto;
	float: none;
}

.envoyer {
	margin-top: 7px;
	float: right;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*................PAGE FOOTER...................*/


section.bg_footer {
	width: 100%;
	height: 80px;
	text-align: center;
	color: #303030;
	padding-top: 10px;
} 

.copyright{
	text-align: center;
}