html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form, label, table, caption, tr, th, td, embed {
    font-family: 'robotoregular';
	margin: 0;
	padding: 0;
}
img {
	border: none;
	max-width: 100%;
	width: auto;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background:#fff;
	font-size:15px;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../font/roboto-regular-webfont.eot');
    src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/roboto-regular-webfont.woff2') format('woff2'),
	url('../font/roboto-regular-webfont.woff') format('woff'),
	url('../font/roboto-regular-webfont.ttf') format('truetype'),
	url('../font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a:hover {
	-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/* ___ ENTETE ___ */
#entete {
	height: 151px;
	text-align:center;
	background:#FFDE37;
}
/* ___ NAV & MENU ___ */
#nav {
	height:53px;
	width:100%;
	background:#474746;
}
#menu {
	text-align:center;
}
#menu li { 
	list-style:none;
	float:left;
}
#menu li.li170 { 
	height:53px;
	width:138px;
}
#menu li a { 
	font-size:0.9em;
	display:block;
	color: #fff; 
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	line-height:53px;
}
#menu a:hover, #menu a.select {
	color:#969387;
}
/* ___ BANDEAU & SLIDE ___ */
#bandeau {
	background: url(../images/fd-bandeau.jpg) top center no-repeat #787165;
	height: 422px;
}
#slide {
	width: 970px;
	height: 422px;
	z-index: 1;
	overflow:hidden;
}
.rslides {
  	position: relative;
  	list-style: none;
  	overflow: hidden;
  	width: 100%;
  	padding: 0;
  	margin: 0;
}
.rslides li {
  	-webkit-backface-visibility: hidden;
  	position: absolute;
  	display: none;
  	width: 100%;
  	left: 0;
  	top: 0;
}
.rslides li:first-child {
  	position: relative;
  	display: block;
  	float: left;
}
.rslides img {
  	display: block;
  	height: auto;
  	float: left;
  	width: 100%;
  	border: 0;
}
/* ___ CONTENEURS ___ */
.conteneur {
	width: 970px;
	margin: 0 auto;
	position:relative;
}
.bloc48 {
	width:48%;
}
.bloc257 {
	width:284px;
	text-align:center;
	margin:1em 0;
	padding:20px 20px
	
}
.bloc257mrg {
	width:42%;
	text-align:center;
	margin:1em 22px;
	padding:20px 20px
}
.bloc426 {
	width:426px;
}
.bloc500 {
	width:460px;
	padding:10px 20px
}
.bloc600 {
	width:600px;
}
.bloc285 {
	width:285px;
}
.bloc285mrg {
	width:285px;
	margin:0 57px;
}
.fdblanc {
	background:#fff;
}
.fdbleu {
	background:#9a9387;
}
.fdnoir {
	background:#474746;
}
.fdbrun {
	background:#9a9387;
}
.txtblanc {
	color:#fff;
}
.txtnoir {
	color:#000;
}
.ht1 {
	height:370px;	
}
.ht2 {
	height:200px;	
}
.pad1em {
	padding:1em;	
}
.pad2pc {
	padding:2%;	
}
.mrg1em0 {
	margin:1em 0;	
}
/*actu*/
.fdactu {
	background: url(../images/fd-actu.jpg) top center no-repeat #787165;
}
.colactu {
	background:#b9b6ab;
}
.bloc700 {
	width:700px;
}
.bloc270 {
	width:270px;
}
/*___ CONTENU EDITORIAL ___*/
#contenu h1, #contenu h2.commeh1, #contenu h3.commeh1 {
	font-weight:normal;	
	font-size:3em;
	margin:0.7em 0;
	text-transform:uppercase;
}
#contenu h2, #contenu h3, #contenu h4 {
	margin:1em 0;	
	text-transform:uppercase;
	font-weight:normal;	
	font-size:1.5em;
}
#contenu p {
	font-size:1em;
	margin:1em 0;
}
#contenu p a, #contenu li a, #contenu h2 a, #contenu h3 a, #contenu h4 a {
	font-size: 1em;
	color:#b9b6ab;
	text-decoration:none;
	border-bottom:#969387 1px dotted;
}
#contenu p a:hover, #contenu li a:hover, #contenu h2 a:hover, #contenu h3 a:hover, #contenu h4 a:hover {
	border-bottom:#9a9387 1px solid;
}
#contenu ul {
	margin-left: 30px;
}
#contenu li {
	font-size:1em;
	list-style:url(../images/tiret.png);
}
/*___ PDP ___*/
#pdp {
	background: #9a9387;
	color:#fff;
	border-top:#474746 20px solid;
}
#pdp p {
	font-size:1em;
	margin:0.5em 0;
}
#pdp a {
	font-size:1em;
	text-decoration:none;
	color:#fff;
}
#pdp a:hover  {
	text-decoration: underline;
	color:#ddf;
}
#pdp h3 {
	font-size:1em;
	font-weight:normal;
}
#pdp h4 {
	font-size:1.4em;
	margin-bottom:1em;
	font-weight:normal;
}
/*___ divers class ___*/
.gauche{
	float:left;
}
.droite{
	float:right;
}
.petitetaille {
	font-size: 0.7em;
}
.petitetaille5 {
	font-size: 0.5em;
}
.petitetaille3 {
	font-size: 0.4em;
}
.txt-centrage {
	text-align:center;
}
.txt-just {
	text-align: justify;
}
.txt-droit {
	text-align:right;
}
.txt-gauche {
	text-align:left;
}
.ligne {
	border-top:#0368da 1px dotted;
	margin:10px 0;
}
.clear {
	clear:both;
	line-height:0;	
}
.cache {
	display: none;
}
.ml p, .ml h1, .ml h2 {
	font-size: 1em;
	color: #000;
	margin:20px 0;
}
.ml ul.mlul {
	margin:1em 0;
}
.ml ul.mlul li {
	list-style:none;
}
.ml li {
	font-size: 1em;
	color: #000;
	list-style:none;
	border-left:#fff 3px solid;
	padding-left:0.7em;
	margin-left:2em;
}


@media screen and (max-width:969px) {
	
body {
	margin:5%;
	background:#b9b6ab;
}
#entete {
	height: auto;
}
#nav {
	height:auto;
	background:#474746;
}
#menu li { 
	float:none;
}
#menu li.li170 { 
	width:100%;
	padding:0;
	height:auto;
}
#menu li a { 
	font-size:1.1em;
	box-shadow:#765 0 15px 30px -15px inset;
	line-height: inherit;
	padding:1.3em 0;
}
#menu a:hover, #menu a.select {
	box-shadow:#987 0 15px 20px -10px inset;
}
#bandeau {
	height: auto;
}
.fdactu {
	background: #b9b6ab;
	height: 430px;
}
#slide {
	width: 100%;
	height: auto;
}
.conteneur {
	width: 100%;
}
.bloc46pad2, .bloc257, .bloc426, .bloc500, .bloc257mrg, .bloc285, .bloc285mrg, .bloc320, .bloc640, #pied, .bloc700, .bloc270, .bloc600 {
	width:96%;
	padding:2%;
	heitgh:auto;
	margin:12px 0;
}
.bloc48 {
	width:96%;
	padding:2%;
	margin:0;
}
.ht1, .ht2 {
	height:auto;
}
#pied {
	text-align:center;
}
.gauche, .droite {
	float:none;
}
.dspl {
	display: none;
}
.cache {
	display: inherit;
}
.fdbeige, #contenu {
	background:#fff;
	padding:0
}
.centrage {
	text-align:center;	
}
.fdblanc, .fdbleu, .fdnoir, .fdbrun {
	text-align:center;
}
.txt-centrage, .txt-just, .txt-droit, .txt-gauche   {
	text-align:center;
}

}