/***************/
/**  GENERAL  **/
/***************/

/********COULEURS*******/
/*
orange : #e99321
orange clair :
marron : #936134
*/

* { 
	margin:0px;
	padding:0px;
	}
body {
	font-size:15px;
	font-family:'SoftElegance',sans-serif;
	color:#936134;
	background-color:#e99321;
	margin-top:0px;
	text-align: center; 		/* Pour corriger le bug d'IE pour le centrage de la page */
	}
img { 
	border:none;
	}
.valign {
  vertical-align:middle; 
}
/* Pour mettre typo dans le navigateur de l'internaute avec = http://www.fontsquirrel.com/tools/webfont-generator */ 
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 5, 2015 */
/* après, il faut déclarer la police. Ex = p{font-family:'Stark',sans-serif;}  */
@font-face {
    font-family: 'Stark';
    src: url('fonts/stark-webfont.eot');
    src: url('fonts/stark-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stark-webfont.woff2') format('woff2'),
         url('fonts/stark-webfont.woff') format('woff'),
         url('fonts/stark-webfont.ttf') format('truetype'),
		 url('fonts/stark-webfont.svg#Stark') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SoftElegance';
    src: url('fonts/soft_elegance-webfont.eot');
    src: url('fonts/soft_elegance-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/soft_elegance-webfont.woff2') format('woff2'),
         url('fonts/soft_elegance-webfont.woff') format('woff'),
         url('fonts/soft_elegance-webfont.ttf') format('truetype'),
         url('fonts/soft_elegance-webfont.svg#SoftElegance') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 { 
	padding-top:18px; 
	padding-left:65px;
	padding-bottom:10px; 
	font-size:24px;
	font-family:'Stark',sans-serif;
	color:#936134;
	font-weight: bold;
	}
h2 {
	font-size:18px;
	color:#936134;
	font-family:'SoftElegance',sans-serif;
	padding:5px 0px 6px 35px;
	text-decoration:none;
	}
.block-txt > h2 {
	text-align: left;
	padding:3px 0 2px 0;
	}
h3 {
	font-size:16px;
	color:#936134;
	font-family:'SoftElegance',sans-serif;
	padding:15px 10px 6px 0;	
	}
.divers-txt > h3 {
	padding:25px 0 6px 35px;	
	}
h4 {
	font-size:14px;
	color:#cbaa83;
	font-family:'SoftElegance',sans-serif;
	padding:5px 0px 6px 35px;	
	}
	
p {
	clear: both;
	font-size:16px;
	font-family:'SoftElegance',sans-serif;
	color:#936134;
	padding:10px 40px 10px 35px;	
	line-height: 19px;
	}
.contenu {
	width: 924px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	clear: both;
	background-color:#ffffff;
	margin:10px 8px 25px 8px;
	}
.contenu-transp {
	width: 924px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	clear: both;
	margin:10px 8px 25px 8px;
	}
.contenu > h2 {
	padding-left: 35px;
	padding-top: 15px;
	}
.contenu-transp > h2 {
	padding-left: 35px;
	padding-top: 15px;
	}
.contenu > h3 {
	padding:25px 0 6px 35px;	
	}
.contenu-transp > h3 {
	padding:25px 0 6px 35px;	
	}

.texte-petit {
	font-size:13px;
	}
.texte-big {
	font-size:15px;
	font-weight: bold;
	}
.texte-centre {
	text-align: center;
	}
	
.fond {
	width:940px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	background-color:#ffffff;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align: left;		/* Pour rétablir par rapport au bug d'IE sur le centrage de la page */
	}
	
.clear-both {
	clear: both;
	}


/*************/	
/**  LIENS  **/
/*************/
a {
	font-size:16px;
	color:#936134;
	text-decoration:underline;
	font-weight: normal;
	}
a:hover {
	font-size:16px;
	color:#936134;
	text-decoration:underline;
	font-weight: normal;
	}
a:active {
	font-size:16px;
	color:#936134;
	text-decoration:underline;
	font-weight: normal;
	}
h2  a, h2  a:hover, h2  a:active{
	font-size:18px;
	color:#936134;
	font-family:'SoftElegance',sans-serif;
	padding-top:3px;
	padding-bottom:6px;
	text-decoration:none;
	}
.block-txt-txt > h2 {
	padding-left: 0px;
	text-align: center;
	font-family:'SoftElegance',sans-serif;
	}
.block-txt-txt > h2 a, h2  a:hover, h2  a:active {
	font-size:16px;
	color:#936134;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	text-align: center;
	font-family:'SoftElegance',sans-serif;
	}
.block-txt-txt > a, a:active {
	font-size:16px;
	font-family:'SoftElegance',sans-serif;
	color:#936134;
	text-align: justify;
	text-decoration:none;
	clear: both;
	}
.block-txt-txt > a:hover {
	color:#936134;
	}

/**************/	
/**  IMAGES  **/
/**************/
.image-centree {
	clear: both;
	text-align: center;
	}

/**************/	
/**  BLOCKS  **/
/**************/

.block-general {
	width:880px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	height:790px;
	margin-left:20px;				/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	margin-top:20px;
	background-color:#ffffff;
	padding:0 0 0 20px;
	}
.block {
	width:440px;
	height:340px;
	padding:10px 0 0 0;
	float: left;
	}
.block-img {
	width:420px;
	height:320px;
	}

.block-img img {
	width: 100%; 
	}
.block-txt {
	width:400px;
	height:115px !important;			/* POUR FIREFOX, CHROME ET ATARI */
	height:120px;
	margin:-100px 0 0 20px; 
	position:absolute;	
	z-index:1000;
	}
.block-txt-gauche{
	width:14px;
	height:120px;
	float: left;
	background:url(../images/block-bordure-gauche.png) no-repeat 0 0;
	}
.block-txt-txt {
	width:345px;
	height:150px;
	padding: 0 2px 0 4px;
	background-color: #ffffff;
	line-height: 19px;
	text-align: center;
	float: left;
	}
.block-txt-droite{
	width:14px;
	height:120px;
	float: left;
	background:url(../images/block-bordure-droite.png) no-repeat 0 0;
	}
.block-txt-txt img {
	width:200px;
	padding-left: 0px;
	margin-top: -40px;
	}
.block-img img {
	width: 100%; 
	}
.block-txt-txt > a, a:active {
	font-size:15px;
	font-family:'SoftElegance',sans-serif;
	color:#6b3f22;
	text-decoration:none;
	text-align: center;
	}
.block-txt-txt > img {
	text-align: center;
	width:230px;
	}
.block-txt-txt > a:hover {
	color:#6b3f22;
	}
	

	
/****************/	
/**  POSITION  **/
/****************/
	
.position {
	width: 500px;
	font-size: 13px;
	padding-left: 20px;
	padding-top: 10px;
	}
.position a {		/* lien spécifique à la position */
	text-decoration:underline;
	color:#936134;
	font-family:'SoftElegance',sans-serif;
	font-size:11px;
	line-height: 18px;
	}
.position a:hover, .position a:active {		/* lien spécifique à la position */
	text-decoration:underline;
	color:#936134;
	font-size:11px;
	line-height: 18px;
	}

	
/**************/	
/**  DIVERS  **/
/**************/
.divers-img {
	width:400px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	}
.divers-img2 {
	width:400px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	margin-top: 70px;
	margin-right: 30px;
	float: right;
	}
.divers-img img {
	width: 100%; 
	}
.divers-txt {
	width:480px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	margin-top: 30px;
	padding:0 10px 20px 20px;
	float: left;
	}
.divers-txt > h2 {
	padding-left: 35px;
	padding-top: 15px;
	}

/* Actualités */
.actu {
	width: 940px;
	clear:both;
	}
.actu-img {
	width: 235px;
	padding-left:60px;
	padding-top:20px;
	margin-bottom:10px;
	float:left;
	}
.actu-txt {
	margin-left:10px;
	margin-bottom:30px;
	float:left;
	width: 600px;
	padding-top:20px;
	}
	
/* Bio */
.bio-img {
	width:200px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	margin-top: 30px;
	padding:0 10px 10px 40px;
	float: left;
	}
.bio-txt {
	width:600px;					/* CHANGEMENTS SUR CSS TABLETTE ET SMARTPHONE */
	margin-top: 30px;
	padding:0 10px 20px 30px;
	float: left;
	}
	
.questions-liste ul {
	width: 800px;
	}
.questions-liste li {
	font-size:16px;
	color: #936134;
	padding:10px 30px 0 10px;
	margin-left: 80px;
	}
	
/* CONTACT */
fieldset {
  width:480px;
  margin-top:20px;
  margin-left:80px;
  margin-bottom: 15px;
  padding: 10px;
}
 
legend {
  padding: 0px 3px;
  font-weight: bold;
  font-variant: small-caps;
}
 
label {
  width: 110px;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}
 
em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
 
input:focus {
  background: #eaeaea;
}
 
input, textarea {
  width: 249px;
}
 
textarea {
  height: 120px;
}
 
select {
  width: 254px;
}
 
input[type=checkbox] {
  width: 10px;
}
 
input[type=submit] {
  margin-left:435px;
  width: 150px;
  padding: 10px;
}