@charset "utf-8";
/* CSS Document */


body 		{ text-align:center;  background-color:black ; -webkit-background-size:cover ; -moz-background-size:cover ; -o-background-size:cover; background-size:cover;}


/* Point avant c'est une classe ; couleur .p pour faire varier les couleurs sur une même série */
.violet 		{ color :#551f87;}
.rose 			{ color :#967bb0;}
.rouge          {color :#ca0808;}
.rougeFES 		{color :#ca0808; font-family: 'Spectral SC', serif}

/* début header */
#conteneur  	{  width :1200px ; margin:auto;   background-color:#0c1635 ; height:auto}
#corps  	{  width :1200px ; margin:auto;   background-color:#f5f6f9 }
img.displayed     { max-width:700px ;display: inline-block; margin-left: auto; margin-right: auto ; border-radius: 0px 0px 0px 0px; box-shadow: 1px 1px 2px; }
img.vignette   {margin-left: 20px}
img.drapeau 	{max-width:50px; margin-top: 10px}
img.centre		{display:inline-block ; margin: auto; }

img { max-width:100%; height:auto; }
#conteneur { max-width:1200px; width:100%; margin:auto; }

header 			{ width :1200px ; height:240px ; margin  :auto ;   padding-top:0px; background-color:black ;  -webkit-border-radius:20px 20px 0px 0px ; -moz-border-radius:20px 20px 0px 0px ;-o-border-radius:20px 20px 0px 0px ; border-radius:20px 20px 0px 0px ;}
header h1 		{color:#7f94a3 ; }
header img  	{ height:240px ; border-radius: 20px 20px 0px 0px;}
#content-nav	{background-color:rgba(52 , 95 , 129 , 0.9) ; height:22px ; padding-bottom:10px }

main 			{  display: inline-block; width:1200 ; height: auto ;  background-color: rgb(194, 199, 208);}


aside 			{display:inline-block ; width:350px ; ; float: left ;}
aside 	img		{ display: inline-block ;max-width: 349px ; margin-left: 20px}
aside p  	{font-size:12px; margin-left:20px ;margin-right:30px ; color:#0e2865 ; text-align: justify}
aside h2  	{color:#0e2865 }
aside h3  	{ margin-left:30px ; color:#0e2865 ; text-align: left}
.avatar 	{margin-left: 30px ; margin-right:10px; margin-bottom: 10px;max-width: 150px ; float:left;}
aside h5  a	{font-size: 18px}
aside h5  a	{text-decoration:none; color: #1d5292 ; font-style: inherit; }
aside h5 a:hover	{text-decoration:none; color :#967bb0 ; padding:3px}

ul 			{margin:0; padding:0;}

section			{border-radius: 0px 0px 0px 0px; display:inline-block ;  width:850px ; min-height: 2000px ;background-color:#fefcfc  ; float:right ; }

section			{   width:800px ;  float: right }
section p		{  text-align:justify ;  color:#0e2755 ;font-size:14px; line-height: 20px ; margin-left: 20px; margin-right:20px}
section p:first-letter		{ margin-left:30px ; color:#7f94a3 ; display:block ; float:left ; font-size: 20px ; padding: 0px ; line-height:20px}
section h1  	{ font-family: 'Spectral SC', serif ; color:#0e2865 ;padding-left:150px ; text-align:middle ; font-size: 20px ; padding:0px ; margin:10px}
section h2  	{ font-family: 'Spectral SC', serif ; color:#505e67 ;padding-left:150px ; text-align:middle ; font-size: 15px ; padding:0px ; margin:10px}
section h3  	{ color:#7f94a3 ;margin-left:50px ;  text-align: left}
section h4  	{text-align:justify;color:#505e67 ; ; font-size: 14px ;margin-left: 50px ;  font-style: italic; width: 700px;}


#article-gauche 	{   float:left;  width:390px ;   }
#article-centre 	{  float:left;   width:390px ;  }
#article-droit  	{  float:left;   width:390px ;}
#article-droit 	h1 {  margin-left: 30px}

section a  		{text-decoration:none; color: #1d5292 ; font-style: inherit; }
section a:hover	{text-decoration:none; color: #f17af2 ;color :#967bb0 ; padding:3px}

/* début intermed */
#photo		{   max-width:800px ; display:inline-block ; margin: auto; }


/* début reseau */
#Menu1 				{ width:800px ; text-align:center ; line-height:30px ;}
#Menu1 li			{ list-style-type:none; display:inline-block;}
#Menu1 li a			{ text-decoration:none; color:#f17af2 ;}
#Menu1 li a:hover	{ text-decoration:none; color:#fff ;}

.reseau 		{width:180px ; height:30px ; text-indent:2000px ; display:inline-block ; transition:all .4s ease-in ; -webkit-transition:all .4s ease-in ; -moz-transition:all .4s ease-in ; -o-transition:all .4s ease-in ;}


/* début pied de page */