/* Définition des polices personnalisées */
@font-face
{
    font-family: 'Dayrom';
    src: url('../polices/dayrom.eot');
    src: url('../polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('../polices/dayrom.woff') format('woff'),
         url('../polices/dayrom.ttf') format('truetype'),
         url('../polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Eléments principaux de la page */
body
{	background: url('../img/gris2.png');    font-family: 'Trebuchet MS', Arial, sans-serif;    color: #181818;}
#bloc_page{    max-width: 1000px;    margin: auto;	padding: auto; background: url('../img/gris3.jpg');}
section h1, footer h1, nav a{    font-family: Dayrom, serif;    font-weight: normal;    text-transform: uppercase;}
h2 {font-family: Dayrom, serif; text-transform: uppercase;font-size: 0.9em}
p {margin: 5px;}
div {border-radius: 5px;         box-shadow: 0px 4px 4px #1c1a19; background: url('../img/gris4.png'); }
.patte {text-align: center ; position:relative; width: 50%;}
.patte img{         width: 100%; position:absolute;}
/* Header */
header {text-align: center ;}
header img{  margin-top: 15px;      border-radius: 5px;   width: 50%;      box-shadow: 0px 4px 4px #1c1a19;    margin-bottom: 25px;}
/* Navigation */
nav {  text-align: center; display: inline-block;   background: url('../img/gris.jpg');  ;box-shadow: 0px 2px 5px #1c1a19;    border-radius: 5px;color: white;    font-size: 0.8em; margin: 10px;  padding: 0;}
nav ul{  list-style-type: none;    margin: 0;  padding: 0;}
bnav li{     background: #CCCCCC ;    margin-bottom: 1px ;   }
nav a{      display: block ;    line-height: 1em ;  text-align: center ;  text-decoration: none ;  padding: 4px 0 ;}
.btn{	width: 180px;	font-size: 1.5em; padding: 2px ; background-color: #ffb740;	border: 1px solid #ff7400;	margin: 4px; -moz-border-radius: 10px ; -webkit-border-radius: 10px; border-radius: 10px ; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; /* pour Chrome */ 	}
.btn:hover {	background-color: #ECFFEC;	border: 1px solid #009900;}
/* Corps */
.ico_categorie{    vertical-align: middle;    margin-right: 8px;}
iframe {width:450; height:450; frameborder:0; scrolling:no; marginheight:0; marginwidth:0;}
article p{  text-align:left;  font-size: 1em;}
/* Footer */
footer{   padding-top: 25px; }
p.footer {font-size: 0.5em;text-align: center ;}
/* Correctifs pour les vieilles versions d'Internet Explorer */
/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */
.old_ie #titre_principal, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside,
{    display: inline;    zoom: 1;}
/* Quelques ajustements pour les vieilles versions d'IE */
.old_ie section h1, .ie8 section h1{    font-size: 1.1em;}
.old_ie header div, .ie8 header div{   background: url('../img/banniere.png') ;}
.photo	{	float:right;	margin-top:10px;	width:100%;}
.photo img{	float:left;	margin: 5px; width:100px;}
.phpto .btn {width:100px;}
a {color:black; text-decoration:none;}
a :hover		{color:yellow;text-decoration:underline;font-weight:bold;background-color:none;}
a :visited	 { 	color: #FFFFFF; 	text-decoration:none; 	font-family:Arial,Verdana; }
.txtcenter {text-align: center ;}
.toggleMenu {    display:  none;    background: #999AA6;    padding: 10px 15px;  width:90%;  font-size: 1.6em; color: #fff;}

@media screen and (max-width: 768px) {
	header img{  margin-top: 5px;  width: 90%;      margin-bottom: 5px;}
    .nav ,.page,	iframe{	width:90%;	}
	.btn	{	width:80%;	}
	.btn{    background: #c63929;    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));    background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);    border: 1px solid #951100;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 1px 1px 3px #333;    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 1px 1px 3px #333;    color: #fff;    font-family: "helvetica neue", helvetica, arial, sans-serif;    font-size: 20px;    font-weight: bold;    letter-spacing: 1px;    line-height: 1;    padding: 12px 0 14px 0;    text-align: center;    text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);    }

	.btn:hover{    background: #78A419;    background: -moz-linear-gradient(0% 100% 90deg, #036635 0%, #78A419 50%, #ADCF4F 50%, #B5E655 100%);    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #B5E655), color-stop(0.5, #ADCF4F), color-stop(0.5, #78A419), color-stop(1, #036635));}
}