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

body 		{  background-color:#7f94a3 ; -webkit-background-size:cover ; -moz-background-size:cover ; -o-background-size:cover; background-size:cover;}
h1, li 		{ color :#95b5ce;font-size:23px;  margin:0; padding:0; margin-right:5px ; }
h3 			{ color :#dddfe1;font-size:17px;  font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman"  ;}
h4 			{ color :#CCCCCC; font-size:15px; }
h5 			{ color :#9e89af;}
p 			{ color :#9e89af; }
/* 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;}

/* début header */
#conteneur 		{ width :1100px ; margin:auto; padding-top:10px; }

#haut 			{   background-color: rgb(0, 31, 62);
	background-color: rgba(0, 31, 62, 0.8);  width :1100px; height:130px ; padding-top:0px;  -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 ;}
#logo        {width: 100% ; height: 130px}
.logo 			{  float:left ; }
.Titre 			{  float:right ; margin-top: 80px}

#MenuNav 			{ background-color: #607b8f ; width :1100px ; text-align:right; line-height:28px ; }
#MenuNav li			{ list-style-type:none; display:inline-block; }

/* (En dessous, #menuNav et #menuNav li affectent des listes de mots : "li" donne la couleur de la police sans souris et "li a" la  couleur de la police sur souris. Text décoration:none enlève les décorations par défaut)
#MenuNav li a		{ text-decoration:none; color: #f17af2 ; }
#MenuNav li a:hover	{ text-decoration:none; color: #fff ;} */


.Navig 			{ vertical-align: middle ; width:140px ; height:24px ;  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 ;}
#Voyages 		{background:url(Clignotants/BoutonNav1V.jpg) 0 0 no-repeat}
#Voyages:hover	{background:url(Clignotants/BoutonNav1V.jpg) 0 -24px no-repeat}
#Films 			{background:url(Clignotants/BoutonNav2F.jpg) 0 0 no-repeat}
#Films:hover	{background:url(Clignotants/BoutonNav2F.jpg) 0 -24px no-repeat}
#Musiques		{background:url(Clignotants/BoutonNav3M.jpg) 0 0 no-repeat}
#Musiques:hover	{background:url(Clignotants/BoutonNav3M.jpg) 0 -24px no-repeat}
#Livres			{background:url(Clignotants/BoutonNav5E.jpg) 0 0 no-repeat}
#Livres:hover	{background:url(Clignotants/BoutonNav5E.jpg) 0 -24px no-repeat}
#Photos 		{background:url(Clignotants/BoutonNav4P.jpg) 0 0 no-repeat}
#Photos:hover	{background:url(Clignotants/BoutonNav4P.jpg) 0 -24px no-repeat}


ul 			{margin:0px; padding-bottom:3px; }


section img  	{box-shadow: 3px 3px 3px #010b12;  border-radius: 5px 5px 5px 5px; max-height: 330px ; display: block; margin-left: auto ; margin-right: auto ; margin-top: 20px}
#petitContenu 		{ position:relative ; top: 35px ;height:auto ; padding: 10px ;  float:left; background-color: rgb(0, 31, 62); background-color: rgba(0, 31, 62, 0.4); }

#petitContenu h1 			{ text-align:center ; color: #cf966b  ; font-size: 25px ; margin: 25px ;}
#petitContenu h1 a		{ text-decoration: none;text-align:left ; color: #cf966b  ;}
#petitContenu h2 			{ text-align:center ; color: #cf966b  ; font-size: 25px}
#petitContenu h3 			{ text-align:center ; color: #638597  ; font-size: 15px ; margin-top: -20px  }
#petitContenu h5 			{  color: #CCCCCC  ; font-size: 20px ; text-align:center ;  margin: 25px ; }
#petitContenu h6 			{ color: #638597  ; font-size: 15px ;text-align:center ;  margin: 5px ;}
#petitContenu h6 a			{ text-decoration:none ; color: #a1afc2 ;}
#petitContenu h6 a:hover	{text-decoration:none ; color:#e0c6af  ;}

#article-gauch 	{ display:inline-block ; border-radius: 0px 0px 5px 5px; box-shadow: 3px 3px 6px #8caec6; margin : 10px ; width:520px ; height:auto ; float:left ; background-color: rgb(26, 25, 33); background-color: rgba(26, 25, 33, 0.8); }
#article-gauch p {  margin-left:30px ; text-align:justify;    ;color:#163c81 ;font-size:14px ;  font-style:normal; width:410px ;; margin-right: 20px }
#article-gauch 	h1 { color:#163c81 ;font-size: 22px ; padding-top:0px ; text-align: center;   } 

#article-droit  {  display:inline-block ; border-radius: 0px 0px 5px 5px; box-shadow: 3px 3px 6px #8caec6;  margin:10px ;  width:520px ; height: auto ; background-color: rgb(26, 25, 33); background-color: rgba(26, 25, 33, 0.8); }
#article-droit p { color:#163c81 ; font-size:14px ;font-style:normal; width:410px ; text-align:justify;; margin-right: 0px ; padding-left: 10px}
#article-droit 	h1 { color:#163c81 ;font-size: 22px ; padding-top:0px ; margin-left: 50px ; text-align: center ; }












/* début pied de page */
#pdp 			{  background-color: rgb(0, 31, 62);
	background-color: rgba(0, 31, 62, 0.5); margin-left:280px ; margin-top:900px ; height:50px ;width :820px ; padding:0px ; color: #f17af2 ; font-size:50px ;  text-align:center;}