/* Définition des polices personnalisées */
 
@font-face {
    font-family: 'Amandine';
    src: url('polices/amandine-webfont.eot');
    src: url('polices/amandine-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/amandine-webfont.woff') format('woff'),
         url('polices/amandine-webfont.ttf') format('truetype'),
         url('polices/amandine-webfont.svg#amandinehandwriting') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Eléments principaux de la page */

html 
{
font-size: 80%;
}

body 
{

}

html, body, a.lien {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.accueil
{
    margin:0;
	padding:0;
	background-image: url('images/hand-right.png'), url('images/logo.png'), url('images/fille-a.png'), url('images/fond-accueil.gif');
	background-position: 110% 80%, 35% 3%, -130% 35%, center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: 100%, 15%, 80%,cover;  /* pour Chrome et Safari */
	-moz-background-size: 100%, 15%, 80%,cover; /* pour Firefox  */
	-o-background-size: 100%, 15%, 80%,cover; /* pour Opera  */
	background-size: 100%, 15%, 80%,cover; /* version standardisée */
}

.accueil a
{
    font-family: Amandine, Arial, sans-serif;
    color: white;
}

.gauche
{
	float: left;
	margin-right: 2%;
	margin-top: 1%;
}

.droite
{
	float: right;
	margin-left: 2%;
	margin-top: 1%;
	margin-bottom: 1%;

}


body
{
    margin:0;
	padding:0;
	background-image: url('images/fond-etoile.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;  /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox  */
	-o-background-size: cover; /* pour Opera  */
	background-size: cover; /* version standardisée */
    font-family: Helvetica, Arial, sans-serif;
    color: black;
}

#bloc_page
{
    width: 100%;
	height: 100%;
    margin: auto;
	background-image: url('images/nuage-carton.png'), url('images/fille.png');
	background-position: 160% -35%, 1000% 13%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	-webkit-background-size: 75%, 95%;  /* pour Chrome et Safari */
	-moz-background-size: 75%, 95%; /* pour Firefox  */
	-o-background-size: 75%, 95%; /* pour Opera  */
	background-size: 75%, 95%; /* version standardisée */
}

table
{
    border-collapse: collapse;
	margin-left:auto;
    margin-right:auto;
}

/* Header */
 
header
{
	height: 10%;
}
 
#titre_principal
{
    display: inline-block;
}
 
section h1
{
    font-family: Helvetica, serif;
	font-weight: normal;
	display: inline-block;
	margin-bottom: 0px;
	font-size: 2vw;
}
 
#logo, header h1
{
    display: inline-block;
    margin-bottom: 0px;
}
 
section h2
{
    display: inline-block;
	font-family: Amandine, serif;
	font-size: 2vw;
    margin-top: 0px;
    font-weight: normal;
	color: rgb(0,124,198);
	margin-bottom: 0px;
}

.souligne
{
    display: inline-block;
	border-bottom: 2px solid black;
	width: 75%;
	vertical-align: bottom;
	margin-bottom: 1%;
}

.centre
{
    text-align: center;
}

/* Navigation */

nav ul
{
    list-style-type: none;
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	margin: 0px;
	text-align: center;
}
 
nav li
{
    margin-bottom: 5%;
	background-image: url(images/matiere_carton.jpg);
	padding: 5%;
	text-align: center;
	width: 85%;
}

nav img
{
    width: 85%;
	padding-left: 5%;
	padding-right: 5%;
}
 
nav a
{
    font-size: 1.3vw;
    color: white;
    text-decoration: none;
	font-family: Amandine, serif;
}
 
nav a:hover
{
    color: #760001;
    border-bottom: 2px solid #760001;
}

/* Bannière */

/* Corps */

section
{
   	width: auto;
	height: 79%;
}

article
{
    width: 76%;
    padding-left: 1%;
	border-left: 2px solid black;
}

article a
{
    color: white;
}

.decalage
{
	height: 8.5%;
}

.cadretexte
{
	box-shadow: 0px 2px 5px #1c1a19;
	background-color: rgba(0,57,112,0.7);
	color: white;
	height: 69%;
	overflow: auto;
	padding-bottom: 2%;
	padding-left: 2%;
	padding-right: 2%;
}

.petit-cadre
{
	box-shadow: 0px 0.2em 0.5em #1c1a19;
	background-color: rgba(0,57,112,0.7);
	color: white;
	width: 25%;
	display: inline-block;
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 1%;
	margin-bottom: 2%;
	vertical-align: middle;
	text-align: center;
	line-height: 1.5em;
}

.cadre-adhesion
{
	box-shadow: 0px 2px 5px #1c1a19;
	background-color: rgba(0,57,112,0.7);
	color: white;
	width: 90%;
	display: inline-block;
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 2%;
	margin-bottom: 1%;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4vw;
}

.cadre-adhesion a
{
    text-decoration: none;
	color: rgb(130,112,64);
}

nav
{
    position: static;
    width: 12.5%;
    padding-left: 1%;
    padding-right: 0.3%;
    color: white;
	margin: 0px;
}
 
article, nav
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
	height: 100%;
}
 
.ico_categorie
{
    vertical-align: middle;
	width: 16%;
    margin-right: 1%;
}
 
article li
{
    line-height: 2em;
}

figure
{
	text-align: center;
	margin: 2%;
}

figcaption
{
	font-style: italic;
}


/* Footer */


 
#compteur, #ss-rubrique
{
    display: inline-block;
    vertical-align: top;
}
 
#compteur
{
    width: 12.5%;
	padding-left: 1%;
	padding-top: 0.5%;
    padding-right: 0.3%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.6vw;
	text-align: center;
	color: black;
}
 
#ss-rubrique
{
    width: 80%;
}
 
#ss-rubrique li
{
    display: inline-block;
	background-image: url(images/matiere_bleu.jpg);
	padding: 0.7%;
	text-align: center;
	width: 12.5%;
	margin-left: 0.7%;
}
 
#ss-rubrique a
{
    font-size: 1.3vw;
    color: white;
    text-decoration: none;
	font-family: Amandine, serif;
}

#compteur a
{
    color: black;
    text-decoration: none;
}

footer h1
{
    font-family: Helvetica, serif;
    font-weight: normal;
    text-transform: uppercase;
}