/*	style.css
   ----------------------------
  	Par sylket  
   ----------------------------*/
 
@font-face{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@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;
}

body {
	background: url('img/image_de_fond.png');
	font-family: 'Georgia', Trebuchet MS, Comic Sans MS, sans-serif;
	color: #ffe979;
	/*text-align: center;*/
}
#bloc_page{
    width: 900px;
    margin: auto;
	background-color: #042042;  color: #ffe979;  opacity: 0.9;
}
section h1, footer h1, nav a{
    font-family: Dayrom, serif;
    font-weight: normal;
    text-transform: uppercase;
}
article h2, h3, aside h2 {
    font-family: Dayrom, serif;
    font-weight: normal;
    text-transform: uppercase;
	text-align:center;
}
/*Index*/
.gauche{
	float:left;
	margin-right: 10px;
	clear: both; 
}
.droite{
	float:right;
	margin-left: 10px;
	clear: both; 
}
.date{
	border: double 1px grey;
	margin: 10px;
	text-align:center;
	
}

/* Header */
header{
    background: url('img/separateur.png') repeat-x bottom;
	
}
 
#titre_principal{
    display: inline-block;
	
}
 
header h1{
    font-family: 'BallparkWeiner', serif;
    font-size: 2.5em;
    font-weight: normal;
	text-shadow :10px 10px 10px #706b64;
}
 
#logo, header h1{
    display: inline-block;
    margin-bottom: 0px;
}
 
header h2{
    font-family: Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;
}

/* Navigation */												
nav{
    display: inline-block;
    width: 450px;
    text-align: right;
/*border:solid 1px #706b64;
border-radius: 7px;*/
}
 nav li{
    display: inline-block;
    margin-right: 10px;
}

 nav a{
    font-size: 1.2em;
    color: #ffe979;
    padding-bottom: 3px;
    text-decoration: none;
}
 nav a:hover{
    color: #760001;
    border-bottom: 3px solid #760001;
}

/* Bannière */														
 
#banniere_image{
    padding-top: 0px;
	margin-top: 10px;
    height: 155px;
    border-radius: 10px;
    background: url('img/pancarte.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #706b64;
    margin-bottom: 25px;
}
																	
#banniere_description{
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
    width: 97%;
    height: 20px;
    padding-top: 15px;
    padding-left: 15px;
    background-color: rgb(24,24,24); /* Pour les anciens navigateurs */				
    background-color: rgba(24,24,24,0.8);
    color: #ffe979;
    font-size: 0.8em;
}
 
.bouton_rouge{
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('img/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: #ffe979;
    text-decoration: none;
}
 
.bouton_rouge img{
    border: 0;
}
						
/* Corps */															
article{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
	
}
aside{
    display: inline-block;
    vertical-align: top;
    text-align: center;
	
}
article{
    width: 625px;
    margin-right: 10px;
	padding: 15px;
	text-align:justify;
}

.photo td{
border: 0px solid #706b64;
text-align: center;
}
 
article p{
    font-size: 1em;
}

aside{
    position: relative;
    width: 170px;
    background-color: #706b64;
	box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: #ffe979;
    font-size: 0.9em;
}
#facebook a {
	text-decoration: none;
	border-bottom: none;
}
#fleche_bulle{
    position: absolute;
    top: 100px;
    left: -12px;
}
 
#mini-photo{
    text-align: center;
}
 
#mini-photo img{
    border: 1px solid #181818;
}
 
aside img{
    margin-right: 5px;
}

footer a {
	color: #ffe979;
}
footer a:hover{
    color: #760001;
}

/* Footer */
 
footer{
    border-top:3px double grey;
	border-radius: 10px 10px 0px 0px;
	margin-top: 15px;
    padding-top: 10px;
}
footer p, footer ul{
    font-size: 0.8em;
}
 
footer h1{
    font-size: 1.1em;
}
  
#divers, #nos_photos, #compteurs{
    display: inline-block;
    vertical-align: top;
	border-radius: 5px;
    /*border:0.5px solid white;*/
}
 
#nos_photos{
    width: 479px;
	text-align: center;
}

#nos_photos img{
    border: 1px solid #181818;
    margin-right: 2px;
}
#divers{
    width: 200px;
	text-align: center;
}
#compteurs{
    width: 200px;
	text-align: center;
	padding:2px;
}
/*Compteur*/
.compteurs {
	color: #888888;
	height: auto;
	padding: 2px;
	font-size: 12px;
	text-align:center;
} 

/*tableau*/ 
td{
	border: 10px solid #042042
}	
table{
	border-collapse: collapse;
	text-align: center;
}	
 
/*Formulaire de contact*/
label {
display:block; /*la balise devient de type block*/
width: 150px;
float:left;
text-align:left;
padding-right: 5px;
margin-bottom:2px;
}
fieldset {
border:solid 1px #706b64;
border-radius: 7px;
}
fieldset legend {
padding:0 10px;
border-left:solid 1px #706b64;
border-right:solid 1px #706b64;
font-size:1.2em;
color:#706b64;
}


/* ================== ECRANS de 1024px à SMARTPHONES ================== */
@media all and (max-width:1024px) {
	#bloc_page{
		width: auto;
	}
	nav{
		display: block;
		width: auto;
		text-align: left;
		/*border:solid 1px #706b64;
		border-radius: 7px;*/
	}
	nav li{
		display: block;
		padding-left: 4px;
	}
	nav a{
		font-size: 1.1em;
	}
	nav a:hover{
		border-bottom: 0;
	}
	#banniere_image{
		padding-top: 0px;
		margin-top: 10px;
		height: 155px;
		border-radius: 10px;
		background: url('img/pancarte_seule.jpg') no-repeat;
		position: relative;
		box-shadow: 0px 4px 4px #706b64;
		margin-bottom: 25px;
	}
	article, aside{
		width:auto;
		display:block;
		margin-bottom:15px;
	}
	#fleche_bulle{
		display:none;
	}
	aside img{
		width:110px;
		float:right;
		margin-left: 15px;
	}
	#facebook img {
		width: 30px;
	}
	#nous_trouver{
		text-align:left;
	}
	aside p:last-child{
		text-align:center;
	}

	#divers, #nos_photos, #compteurs{
		display: block;
		width: auto;
	}
}



		


											/*
========================================================
========================================================
couleurs du site
----------------
	bleu foncé:		background-color: #042042;
	jaune palette:	color: #ffe979
	rouge foncé:	color: #760001;							
					a:hover color: #ff775f;
					border: 1px #ff5254 dashed;
	saumon:			color: #ffd8a7
	gris			color: #706b64
	blanc			color: #000000;
*/