/* Définition des polices personnalisées */
 
@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;
}

@viewport {
   width: device-width; /* largeur du viewport */
   height:device-height;
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}

#bloc_page
{
width:100%; 
    margin: auto;
/* border: 4px solid yellow;
 */

color:#015838;
}



header
{position:absolute;
top:0px;
left:0%;
right:0%;
width:100%; 
margin:auto;
height:45px; 
background-image:url('images/mouton.png');
background-repeat: no-repeat;
background-position:center;
background-color:grey;

}





.fond_lien
{
 
border-radius: 10px;
text-align: center;
font-weight: normal;
font-size: 1.2em;
 
}


body
{
background-color:#FFFFFF; /*#C6C6C1; */
background-image:url('images/raisin.png');
}

#haut
{position:relative;
top:45px;
left:0%;
right:0%;
width:100%;
margin:auto;
height:25px;
border: 1px solid black; 

/* border-radius: 10px; */
}
.lien_haut
{position:absolute;

top:-55%;
left:0%;
right:0%;
font-size: .9em;
width:100%;
margin: auto;
text-decoration: none;
text-align: center;


}


nav
{
position:absolute;
top:0%;
left:0%;
right:0%;
width:70%;
margin:auto;

/* border: 1px solid black;  */


}
.centre
{


width:80%;
margin:auto;
}


section
{
position:relative;
z-index:1;
top:100px;

width:100%;
margin:auto;
padding-bottom:50px;



/* border: 4px solid green;  */
}
#map
{position:relative;
margin-left:15%;
margin-right:15%;
margin-top:15%;
margin-bottom:15%;
width:70%;
height:70%;

}


#fond
{/* background-image:url('images/raisin.png'); */

background-position:center;
background-repeat: repeat;


padding-top:20px;
}


footer
{
 position:fixed;
z-index:999;
bottom:0px;
left:0%;
right:0%; 
width:100%; 

margin: auto;
height:20px;
/* border-radius: 10px; */
background-color:grey;
 }
.lien_foot
{position:absolute;
display:block;
width:100%;
left:0%;
right:0%;
margin: auto;
text-decoration: none;
text-align: center;
font-size: 1em;

}




section h1, footer h1, nav a
{
    font-family: Dayrom, serif;
    font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
    /* text-transform: uppercase; */
	
}

section h2
{
font-family: Dayrom, serif;
    font-weight: bold;
font-size: 1.1em;
}


nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}


a
{
text-decoration: none;
color:#015838;
font-family: Dayrom, serif;
font-weight: bold;
font-size: 1em;


}
.a_lien
{
 color:#CC00CC;
}


a:hover
{
color:#F7DB21;
text-decoration: none;

}

strong
{font-weight: bold;
}


.para
{
margin-top:20px;
}
.test 
{
display: inline-block;    
    /* border: 1px solid blue; */
    vertical-align: middle;
}

.test1
{
display: inline-block;    
    /* border: 1px solid black; */
    vertical-align: middle;
}
centre
{
text-align: center;
font-weight: normal;
font-size: 0.8em;
color: green;

}