/*structure principale*/
#conteneur
{
	width: 960px;margin-right: auto;margin-left: auto;
}
/*les lignes*/
#bandeau, #navigation
{
	width: 950px;padding: 5px;
}
#bandeau
{
	background-color: #CCC;
}
#navigation
{
	background-color: black;
}
/*les colonnes*/
#colonnes
{
	width: 960px;
}
#colonnegauche, #colonnedroite
{
	float: left;
}
#colonnegauche
{
	width: 250px;padding: 5px;background-image: radial-gradient(white, silver);text-align: left;
	border-right: solid 1px black;font-family: arial, sans-serif;font-size: 0.8em;
}
#colonnedroite
{
	width: 698px;background-image: linear-gradient(white,goldenrod);text-align: justify;
	font-family: verdana, sans-serif;font-size: 0.75em;
}
#texte
{	
	text-indent: 3em;
}
.introduction:first-letter
{
	font-size : 150%;
}	
.miseenvaleur
{
	font-weight: bold;color: blue	
}
.comité
{
	font-weight: bold;
}
/* le texte*/
h1, h2 , h3
{
	margin: 0px;
}
h2, h3
{
	margin-left: 5px;text-shadow: 1px 1px 2px gray;
}
p
{
	margin: 10px;
}
a
{
	text-decoration: none;color: fuchsia;
}
a:hover 
{
	text-decoration : none;color: yellow;background-color: gray;
}
/*pour aligner les liens horizontalement et fixer l'espacement, le style des caractères*/
nav li {	
	display: inline-block;
	margin-right: 15px;
	font-size: 1.3em;
	font-family: Comic Sans Ms;
	padding-bottom: 3px;
	text-decoration: none;
}
nav ul
{
	list-style-type: none;
}
nav a
{
	color: red;
}
li 
{
	list-style-type: none;
}
.img /*pour centrer la photo bannière*/
{
	text-align: center;
}
.caracteresgras
{
	font-weight: bold;
}
.adhesion
{
	color: #180d7f;
}
#photos img
{
	border: 1px solid red;margin-right: 2px;
}
.images
{
	text-align: center;	
}
.imageflottante
{
		float: left;
		padding-right: 6px;
		padding-bottom: 6px
		
}
footer
{
	text-align: center;font-size: 0.7em;
}
.adresse
{	font-size: 0.7em;font-style: italic;}
.membres
{	font-size: 0.8em; }
.temple
{ box-shadow: 6px 6px 6px black; }
.canards
{ box-shadow: 6px 6px 6px black; }
.racine
{ box-shadow: 6px 6px 6px black; }
.rois
{ box-shadow: 6px 6px 6px black; }
.voyages
{ box-shadow: 6px 6px 6px black; }
.narration
{ font-weight: bold; }

/* Texte défilant */

.defileParent {
	display: block;
	margin: 1em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 700px;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite; 
	animation: marqueelike 10s linear infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;font-weight: bold;color: red;
	height:15px;
}

.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}

@media only screen and (max-width: 860px){ 
.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.defile {
	display:block;	
	animation:marqueelike 15s linear infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:19px;}
}