/* a-propos 
******************************************************************/ 
 	#a-propos  #main a, #a-propos #detail a {  color:rgb(190, 32, 17)
 } 

 		#a-propos nav a.active {  color:rgb(190, 32, 17)
 } 

 	#a-propos #detail {  color:rgb(190, 32, 17)
 } 

 #a-propos #navbar ul li.active a {  color:rgb(190, 32, 17)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#a-propos nav a.active {  color:white
 } 

 #a-propos #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #a-propos #navbar ul li.active a {  color:white;
 } 

 #a-propos #navbar ul {  background-color:rgb(190, 32, 17);
  color:white
 } 

 } 

#a-propos #footer {  background-color:rgb(190, 32, 17)
 } 

/* contact 
******************************************************************/ 
 	#contact  #main a, #contact #detail a {  color:rgb(27, 41, 170)
 } 

 		#contact nav a.active {  color:rgb(27, 41, 170)
 } 

 	#contact #detail {  color:rgb(27, 41, 170)
 } 

 #contact #navbar ul li.active a {  color:rgb(27, 41, 170)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#contact nav a.active {  color:white
 } 

 #contact #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #contact #navbar ul li.active a {  color:white;
 } 

 #contact #navbar ul {  background-color:rgb(27, 41, 170);
  color:white
 } 

 } 

#contact #footer {  background-color:rgb(27, 41, 170)
 } 

/* actualites 
******************************************************************/ 
 	#actualites  #main a, #actualites #detail a {  color:rgb(190, 32, 17)
 } 

 		#actualites nav a.active {  color:rgb(190, 32, 17)
 } 

 	#actualites #detail {  color:rgb(190, 32, 17)
 } 

 #actualites #navbar ul li.active a {  color:rgb(190, 32, 17)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#actualites nav a.active {  color:white
 } 

 #actualites #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #actualites #navbar ul li.active a {  color:white;
 } 

 #actualites #navbar ul {  background-color:rgb(190, 32, 17);
  color:white
 } 

 } 

#actualites #footer {  background-color:rgb(190, 32, 17)
 } 

/* agenda 
******************************************************************/ 
 	#agenda  #main a, #agenda #detail a {  color:rgb(190, 32, 17)
 } 

 		#agenda nav a.active {  color:rgb(190, 32, 17)
 } 

 	#agenda #detail {  color:rgb(190, 32, 17)
 } 

 #agenda #navbar ul li.active a {  color:rgb(190, 32, 17)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#agenda nav a.active {  color:white
 } 

 #agenda #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #agenda #navbar ul li.active a {  color:white;
 } 

 #agenda #navbar ul {  background-color:rgb(190, 32, 17);
  color:white
 } 

 } 

#agenda #footer {  background-color:rgb(190, 32, 17)
 } 

/* sections 
******************************************************************/ 
 	#sections  #main a, #sections #detail a {  color:rgb(190, 32, 17)
 } 

 		#sections nav a.active {  color:rgb(190, 32, 17)
 } 

 	#sections #detail {  color:rgb(190, 32, 17)
 } 

 #sections #navbar ul li.active a {  color:rgb(190, 32, 17)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#sections nav a.active {  color:white
 } 

 #sections #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #sections #navbar ul li.active a {  color:white;
 } 

 #sections #navbar ul {  background-color:rgb(190, 32, 17);
  color:white
 } 

 } 

#sections #footer {  background-color:rgb(190, 32, 17)
 } 

/* cercles 
******************************************************************/ 
 	#cercles  #main a, #cercles #detail a {  color:rgb(51, 130, 90)
 } 

 		#cercles nav a.active {  color:rgb(51, 130, 90)
 } 

 	#cercles #detail {  color:rgb(51, 130, 90)
 } 

 #cercles #navbar ul li.active a {  color:rgb(51, 130, 90)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#cercles nav a.active {  color:white
 } 

 #cercles #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #cercles #navbar ul li.active a {  color:white;
 } 

 #cercles #navbar ul {  background-color:rgb(51, 130, 90);
  color:white
 } 

 } 

#cercles #footer {  background-color:rgb(51, 130, 90)
 } 

/* compte 
******************************************************************/ 
 	#compte  #main a, #compte #detail a {  color:rgb(92, 86, 86)
 } 

 		#compte nav a.active {  color:rgb(92, 86, 86)
 } 

 	#compte #detail {  color:rgb(92, 86, 86)
 } 

 #compte #navbar ul li.active a {  color:rgb(92, 86, 86)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#compte nav a.active {  color:white
 } 

 #compte #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #compte #navbar ul li.active a {  color:white;
 } 

 #compte #navbar ul {  background-color:rgb(92, 86, 86);
  color:white
 } 

 } 

#compte #footer {  background-color:rgb(92, 86, 86)
 } 

/* editions 
******************************************************************/ 
 	#editions  #main a, #editions #detail a {  color:rgb(5, 84, 110)
 } 

 		#editions nav a.active {  color:rgb(5, 84, 110)
 } 

 	#editions #detail {  color:rgb(5, 84, 110)
 } 

 #editions #navbar ul li.active a {  color:rgb(5, 84, 110)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#editions nav a.active {  color:white
 } 

 #editions #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #editions #navbar ul li.active a {  color:white;
 } 

 #editions #navbar ul {  background-color:rgb(5, 84, 110);
  color:white
 } 

 } 

#editions #footer {  background-color:rgb(5, 84, 110)
 } 

/* actes 
******************************************************************/ 
 	#actes  #main a, #actes #detail a {  color:rgb(190, 32, 17)
 } 

 		#actes nav a.active {  color:rgb(190, 32, 17)
 } 

 	#actes #detail {  color:rgb(190, 32, 17)
 } 

 #actes #navbar ul li.active a {  color:rgb(190, 32, 17)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#actes nav a.active {  color:white
 } 

 #actes #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #actes #navbar ul li.active a {  color:white;
 } 

 #actes #navbar ul {  background-color:rgb(190, 32, 17);
  color:white
 } 

 } 

#actes #footer {  background-color:rgb(190, 32, 17)
 } 

/* boutique 
******************************************************************/ 
 	#boutique  #main a, #boutique #detail a {  color:rgb(164, 23, 23)
 } 

 		#boutique nav a.active {  color:rgb(164, 23, 23)
 } 

 	#boutique #detail {  color:rgb(164, 23, 23)
 } 

 #boutique #navbar ul li.active a {  color:rgb(164, 23, 23)
 } 

 @media screen and (min-device-width: 320px) and (max-width: 768px) {
 		#boutique nav a.active {  color:white
 } 

 #boutique #navbar ul li a {  color:rgba(255,255,255,.8);
 } 

 #boutique #navbar ul li.active a {  color:white;
 } 

 #boutique #navbar ul {  background-color:rgb(164, 23, 23);
  color:white
 } 

 } 

#boutique #footer {  background-color:rgb(164, 23, 23)
 }