/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
                     /*CSS du site AFIF SSR/PAG*/
 /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 /* Corps de la page*/
 /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 body
 {
	width: 1700px;/*largeur de la page*/
	
	background-color: white;/*couleur de fond*/
	font-family: Arial, "Times New Roman", Times, sans-serif;
	margin: auto;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en forme de l'en tête*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#entete
{
display:inline-block;
width:100%;
}

#titre, #logo
{
display:inline-block;
}

#titre
{
position:absolute;
margin-top:25px;
margin-left: 150px;
width:30%;
}

header h1
{

font-size: 2em;
font-weight: bold;
padding:0px;
margin-top:3px;
margin-bottom:2px;
}

header h2
{

font-size:  1.2em;
text-align:justify;
padding:0px;
margin-top:0px;
margin-bottom:5px;
}

#logo
{
position:absolute;
margin-top:10px;
margin-left: 0px;
}

#photo
{
float:right;
margin-top:10px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en page des menus et du corps*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en page des contenus*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section
{
	display:inline-block;
	width: 99.8%;
	border-top: 2px solid #CAD328;
	border-right: 2px solid #CAD328;
	border-left: 2px solid #CAD328;
	
	
}

#contour_menu_horizontal
{
	display:inline-block;
	width: 100%;
	margin-top: 0px ;
	padding: 0px;
	
	background-color: #CAD328;

	
}

.clr1
	{
		clear: both;
		font-size: 0;
		line-height: 0;
	}

.clr2
	{
		clear: both;
		font-size: 0;
		line-height: 0;
	}
	
.clr3
	{
		clear: both;
		font-size: 0;
		line-height: 0;
	}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Menu horizontal*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
nav
{

display:inline-block;
width:90%;
text-align:center;
margin-top:2px;
padding-top:2px;
line-height:30px;
list-style:none;
background-color:#CAD328;
}


nav ul
{
list-style-type: none;
margin:0px;

}

nav li
{
display:inline-block;
margin-right:0px;
border:2px solid #CAD328;
float:left;
}

nav a
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial*/
font-size : 1.3em; /* hauteur du texte : 13 pixels */
padding : 5px; /* aucune marge intérieure */
background : #CAD328;  /*couleur de fond */        
color : #7811C1;
width:120px;
text-decoration:none;
border: 3px solid #7811C1;
margin:0px;
}

nav a:hover
{
color: #CAD328; /* On passe le texte en vert... */
background: #7811C1;
border: 3px solid #CAD328;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body nav li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en forme du contenu de gauche*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#contenu_de_gauche
{
	float:left;
	width: 20%;
	margin-top: 0px ;
	padding: 0px;
	border-right: 2px solid #CAD328;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en forme du menu vertical*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body
{
	behavior: url("css/csshover.htc");
	font-size:13px;
	font-family: Arial, serif;
}

#menu_dynamique li a
{
	display: block;
	height: 35px;
	text-decoration:  none;
	color: #7811C1;
	background-color: #CAD328;
}

#menu_dynamique
 {
	margin-left:0px;
	margin-top: 0px;
	padding:0px;
	font-weight: bold;
	border-top: 2px solid #CAD328;
	
	border-bottom: 2px solid #CAD328;
	background-color:#7811C1;
}

#menu_dynamique ul
 {
	width:100%;
	list-style:none;
	padding:0px;
	margin:0px;
 }

#menu_dynamique ul li 
{
	width:auto;
	margin-left:0px;
	padding-left:0px;
	text-indent:5px;
	height:35px;
	border-top:2px solid white;
 }

#menu_dynamique ul li ul
{
	border-top: 2px solid #CAD328;
	border-left:2px solid white;
 	border-right:2px solid white;
	border-bottom: 2px solid white;
}

#menu_dynamique ul li ul 
{
  display:none;
}

#menu_dynamique ul li:hover ul 
{
  display:block;
  position:relative;
  top:-35px;
  left:100%;
}

#menu_dynamique li a:hover 
{
  color:#CAD328;
  background-color:#7811C1;
}
#menu_dynamique h1
{
	text-align: center;
	color: #CAD328;
	font-size: 2.2em;
}
#menu_dynamique li
{
	color: #7811C1;
	font-size: 1.2em;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en forme de l'encart don*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#don
{
	margin-top: 20px;
	padding:4px;
	font-weight: bold;
	
	background-color:#CAD328;
}

#don
{
	text-align: justify;
	color: #7811C1;
	font-size: 1.2em;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en forme de l'encart pétition*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#petition
{
	margin-top: 20px;
	padding:4px;
	font-weight: bold;
	background-color:#CAD328;
}

#petition 
{
	text-align: justify;
	color: #7811C1;
	font-size: 1.4em;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en forme de l'encart info*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#info
{
	margin-top: 20px;
	padding:0px;
	font-weight: bold;
	background-color:white;

}

#info1
{
	margin-top: 0px;
	padding:4px;
	font-weight: normal;
	background-color:#CAD328;
	font-size: 1.1em;
	text-align: justify;
}
#info
{
line-height:150%;
}
.information
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en page du corps*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
article 
{
	display:inline-block;
	width: 60%;
	margin:auto;
	padding: 4px;
	font-size: 1.2em;
	
	color: black;
	background-color: white;
	text-align: justify;
}

article p, article li
{
line-height:150%;
}

article h1
{
	font-size: 2.4em;
	text-align: center;
	color: black;
}

article h2
{
	font-size: 2 em;
	text-align: center;
	color: #7811C1;
	/*text-decoration:underline;*/
}

article h3
{
	font-size: 2 em;
	text-align: center;
	color: black;
	font-style: italic;
}

article ol
{
	list-style-type: decimal;
}

article ul
{
	list-style-type: disc;
}

strong
{
	font-weight: bold;
}

q, blockquote
{
	font-style: italic;
}
.logo
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.logo_convention_2014
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.photo_convention_2014
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.plaquette_de_presentation
{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
article iframe
{
text-align: center;
}
#objets
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}
 
}
#corps img
{
	float: center;
}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Mise en page de la partie Evenementiel*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
aside
 {
 
display:inline-block;
vertical-align:top;
float:right;
width:18%;
padding:8px;
font-size: 12px;
background-color:#CAD328;
text-align: justify;
}

aside h1
{
	text-align: center;
	color: #7811C1;
	font-size: 2em;
	text-decoration:underline;
}

aside h2
{
	color: black;
	font-size: 12pt;
	font-style: italic;
	text-decoration:underline;
}

.image
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}
.image_rames
{
	display: inline-block;
    
	text-align: center;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Mise en page du pied de page*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer
{
	width: 99.7%;
	text-align: center;
	color: black;
	border-top: 2px solid #CAD328;
	border-right: 2px solid #CAD328;
	border-left: 2px solid #CAD328;
	border-bottom: 2px solid #CAD328;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Diaporama*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@keyframes AutoSlide {
     0%, 15%, 100% {
        left: 0%; /*1ère image*/
    }
    35%, 50% {
        left: -104%; /*2ème image*/
    }
    70%, 85% {
        left: -208%; 
    }
	/* 75%, 85% {
        left: -300%; 
    }*/
}
@-moz-keyframes AutoSlide {
      0%, 15%, 100% {
        left: 0%; /*1ère image*/
    }
    35%, 50% {
        left: -104%; /*2ème image*/
    }
    70%, 85% {
        left: -208%; 
    }
	/* 75%, 85% {
        left: -300%; 
    }*/
}
@-webkit-keyframes AutoSlide {
       0%, 15%, 100% {
        left: 0%; /*1ère image*/
    }
    35%, 50% {
        left: -104%; /*2ème image*/
    }
    70%, 85% {
        left: -208%; 
    }
	/* 75%, 85% {
        left: -300%; 
    }*/
}
#sContent 
{
position: absolute;
top: 0;
left: 0;
width: 800%;
margin: 0;
padding: 0;
-webkit-animation-name: AutoSlide;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: AutoSlide;
-moz-animation-duration: 10s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in;
animation-name: AutoSlide;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: ease-in;
}

#slideshow 
{
    position: relative;
    width: 95%;
    height: 216px;
    margin:  auto;
    overflow: hidden;
}
#sContent li {
    display: inline;
}

/*ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
*/