/* main */

.mobile { display:none; }
.nomobile { display:block; }
img { max-width:100%;}
* { box-sizing:border-box;}

body { overflow-x:hidden;   }

.content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.carteinteractive{
	height: 500px;
    width: 100%;
    background: none;
    z-index: 100;
    position: relative;
}
.PageCarteInteractive .wide-container {
	display: none;
}
body.EcommerceProductDonate input[name="quantity"] {
  display:none;
}
body.EcommerceProductDonate input[name="price"] {
  max-width: 500px;
  width:auto;
  display: block;
}

body.PageAchatsEnLigne grid {
  text-align: center;
}
body.PageAchatsEnLigne grid img {
    width: 100px;
    height:auto;
    display: inline-block;
    margin-bottom:10px;
  }
  body.PageAchatsEnLigne grid .object {
    margin-bottom:30px;
  }

body.PageAchatsEnLigne span.titre21_5px {
      font-size: 21.5px;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 0.03em;
      display: block;
      font-family: Gotham;
      margin-bottom: 20px;
    }

footer #signature .subventionlogo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
} 

article {
	margin-bottom: 50px;
	margin-top:50px;
}

.slides-pagination { top:20px; bottom:inherit; }

.slides-pagination a {
    width: 12px;
    height: 12px;
}

.inner {padding-left:60px; padding-right:60px; padding-left:60px;position:relative; }

.flechedroite {
	width:30px;
	height:30px;
	border-radius:50%;
	display:inline-block;
	background-image:url(../images/fleche_droite_blanche.png);
	background-repeat:no-repeat;
	background-size:37% auto;
	background-position:center center;
}

.flechedroite.gris {
	background-color:#252525;
}

.flechedroite.gris:hover {
	background-color:#ee2e24;
}

.flechedroite.rouge {
	background-color:#ee2e24;
}

.flechedroite.bleu {
	background-color:#0096aa;
}

.flechedroite.jaune {
	background-color:#f1cd32;
}




.flechedroite.rouge:hover,
.flechedroite.bleu:hover,
.flechedroite.jaune:hover
 {
	background-color:#252525;
}

body.Ecommerce .product p,
body.EcommerceProduct .product p
{
    line-height: 120%;
}

button.selector {
  background-color: #fff;
  color: #000 !important;
  border:1px solid #000;
}

button.selector.stockout {
  border-color:#ccc !important;
  color:#ccc !important;
  background-color:#fff !important;
}


button.selector:hover {
  background-color: #000;
  color: #fff !important;
  border:1px solid #000;
}
button.selector + .details {
  display:none;
}


body.Ecommerce p.price
{
  font-size: 20px;
  margin:0;
}

body.Ecommerce h4,
body.EcommerceProduct h4
{
  margin:0;
  margin-top: 15px;
}

body.Ecommerce .product input,
body.Ecommerce .product button,
body.Ecommerce .product .variationtexte,
body.Ecommerce .product  .inventairetexte
 {
  display:none;
}







body.EcommerceMyAccountOrderHistory .ecommerce.history .section
{
	border: 3px solid #eee;
    padding: 10px;
	margin-bottom:30px;
}

body.EcommerceMyAccountOrderHistory .ecommerce.history .section h6 {
	background: #eee;
    padding: 10px;
    margin: 0;
    left: -10px;
    position: relative;
    width: calc(100% + 20px);
    margin-bottom: 15px;
}
body.EcommerceMyAccountOrderHistory .ecommerce.history .section a {
  color:#333;
}
body.EcommerceMyAccountOrderHistory .ecommerce.history .section a.print  {
  display: block;
    margin-bottom: 7px;
}

body.EcommerceMyAccountOrderHistory .ecommerce.history .section a.print span {
  font-family: Gotham;
  font-size: 11px;
  font-weight: 600;
  margin-left: 10px;
}

body.EcommerceMyAccountOrderHistory .ecommerce.history {
	margin-top:30px;
}








.flechedroite.transparente {
	background:none;
}


section { padding-top: 170px; }

section .content {
    margin-bottom: 50px;
	margin-top: 50px;
	  /*  padding-top: 170px;*/
}


/* gotop */

#gotop, #godown {
    background-image: url(../images/fleche_droite_blanche.png);
    background-repeat: no-repeat;
    background-size: 37% auto;
    background-position: 18px center;
	width:50px;
	height:50px;
	position:fixed;
	bottom:40px;
	right:50px;
	background-color:#ee2e24;
		-webkit-transform: rotate(270deg);     /* Chrome and other webkit browsers */
	  -moz-transform: rotate(270deg);        /* FF */
	  -o-transform: rotate(270deg);          /* Opera */
	  -ms-transform: rotate(270deg);         /* IE9 */
	  transform: rotate(270deg);
	  z-index:2000;
	  border-radius:50%;
	  visibility:hidden;
	  cursor:pointer;
	   -webkit-transition: all .4s ease-in-out;
	  -moz-transition: all .4s ease-in-out;
	  -o-transition: all .4s ease-in-out;
	  transition: all .4s ease-in-out;
	  	opacity:0;

}
#gotop:hover, #godown:hover { background-color:#252525; }

#godown,
Body.HomePage #godown { opacity:1; visibility:visible; bottom:inherit; top:450px; }

#gotop.show { visibility:visible; opacity:1; }
#godown.show,
Body.HomePage #godown.show
 { visibility:hidden; opacity:0; }



#godown {
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}



/* paginatedpages */

#getNewsPageNumbers a {
    border-radius: 50%;
    margin-right: 6px;
	width: 45px;
    height: 45px;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	line-height: 47px;
	color:#555;
	background-color:#f8f8f8;
}
#getNewsPageNumbers a:hover {
	background-color:#f4f4f4;
}
#getNewsPageNumbers a.current {
	background-color:#e31d1a;
	background-color:#0096aa;
	color:#fff;
}


/* fil d'ariane */

#fildariane {
	font-family:Gotham;
	text-transform:uppercase;

}
#fildariane img {
	width: 15px;
    top: 2px;
    position: relative;
}
#fildariane a,
#fildariane {
	font-size: 13px;
    font-weight: 500;
	text-decoration:none;
}
#fildariane a:after {
	content:"|";
	color: #333;
    display: inline-block;
    margin: 0 10px;
	font-weight:800;
}




/* header */

header{
	background-color:#252525;
	position:fixed;
	width:100%;
	z-index:1000;
}

header #submenu {
	background-color:#171613;
    font-size: 14px;
	text-align:right;
	padding: 10px 0 8px;
  position: relative;
    z-index: 10000;
}

header #submenu a {
	color:#fff; text-decoration:none;
	text-transform:uppercase; font-weight:300 !important;
    font-size: 12px;
    letter-spacing: 0.0;

		-webkit-text-stroke:0.5px;

}

header #submenu a:hover { text-decoration:underline; }

header #submenu li {
	display:inline-block; position:relative;
	-webkit-font-smoothing: subpixel-antialiased;
}


header #submenu li a:after {
    padding: 0 20px;
    content: "|";
    display: inline-block;
}
header #submenu li:last-child a:after {
	display:none;
}
header #submenu li:nth-child(5n+0) a:after {
	display:none;
}

header .logo { display:inline-block; position:absolute; top:8px;  z-index: 2000; }
header .logo img {
    height: 100px;
}

header #mainmenu { position:relative;   }

header nav.primary {
	position:relative;
	width:100%;
	z-index:1000;
	height:130px;
	padding-right:30px;
}
header nav.primary ul {
	margin-left: 0;
	text-align: right;
    float: right;
	position:relative;
	padding-right:30px;
}


header nav.primary ul li:nth-child(4n+0) a {
	border-right:0;
	padding-right:0;
}
header nav.primary ul ul{
	position:absolute;
	float:inherit;
	padding:0;
	margin-top: -30px;
	display:none;
}
/*
header nav.primary ul ul.slide {
	visibility:visible;
}

*/
header nav.primary li {
	 position:relative;
	 height: 125px;
     vertical-align: middle;
	 width:auto;
	 display:inline-block;
	 line-height: 120px;
	     -webkit-font-smoothing: subpixel-antialiased;


}
header nav.primary li.mobile { display:none; }

header nav.primary li li {
	display:block;
	height:auto;
	line-height: 100%;
	    -webkit-font-smoothing: subpixel-antialiased;

}

header nav.primary ul ul {
	background:#373737;
	padding:10px 0;
	width: 100%;
}



header nav.primary li li:first-child a,
header nav.primary li li:last-child a,
header nav.primary li li a
{
	border:0 !important; text-transform:inherit; display:block; text-align:left;
	padding:10px 20px;
	font-size: 15px;
    font-weight: 100;
}
header nav.primary li li a:hover { background-color:#2c2c2c; }

header nav.primary li li.current a,
header nav.primary li li.section a
{
	background-color:#e31d1a;
}




header nav.primary li:first-child a { border-right: 5px solid #ee2e24; }
header nav.primary li:last-child a { border-right: 0; padding-right:0; }

header nav.primary li:nth-child(3n+0) a { border-right: 5px solid #deda30; }
header nav.primary li a {
	border-right: 5px solid #0096aa;
    padding: 0 25px;
	cursor:pointer;
}

header nav.primary a {
	text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
	text-decoration:none;

		-webkit-text-stroke:0.5px;

}

header nav.primary a.active {
	color:#e31d1a;
	text-decoration:underline;
}
header nav.primary a:hover { color:#ddd; }


header nav.primary ul ul.active {
		display:block;
	}



/* header socialmedia */


header #SocialMediaLink {
	position: relative;
    right: inherit;
    bottom: inherit;
    background:none;
    padding-top: inherit;
    margin-left: 15px;
    width: inherit;
}
header #SocialMediaLink p {
	display:none;
}


#SocialMediaLink i {
	width: 20px;
    height: 20px;
	text-align: center;
	line-height: 22px;
    border-radius: 50%;
}

#SocialMediaLink i.fa { background-color:#fff;  color:#000; }
#SocialMediaLink i:hover { color:#fff; }
#SocialMediaLink i:hover.fa-facebook { background-color:#003597; }
#SocialMediaLink i:hover.fa-twitter { background-color:#2eb9fc; }
#SocialMediaLink i:hover.fa-linkedin { background-color:#1178b3; }
#SocialMediaLink i:hover.fa-youtube { background-color:#e22b2b; }
#SocialMediaLink i:hover.fa-google-plus { background-color:#da4941; }
#SocialMediaLink i:hover.fa-pinterest { background-color:#c9222d; }
#SocialMediaLink i:hover.fa-envelope { background-color:#000; }
#SocialMediaLink i:hover.fa-instagram { background-color:#444; }


#SocialMediaShare.default i.social {
	border-radius:50%;
	margin-right: 6px;
}

header #SocialMediaLink a:after
{
  padding:0 !important;
}
header #SocialMediaLink li:last-child a:after {
  padding-right:5px;
}



/* menumobile */
#menumobile {
	position:absolute;
	color:#fff;
	right:30px;
	top: 50%;
    font-size: 25px;
    margin-top: -17px;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
	  cursor:pointer;


}
#menumobile.active {
	transform:rotate(180deg);

}


a[title="Panier"] {
    margin-left: 10px;
}








/* footer */

footer #prisonpatriotes {
	background-color:#666;
	background-position:50% 50%;
	background-size:cover;
	padding: 90px 0;

}

footer #prisonpatriotes h3 {
	text-align: center;
	color:#fff;
}

footer #prisonpatriotes .flechedroite {
	    position: absolute;
    margin-left: 5px;
}


footer #infolettre {
	padding:35px 0 20px;
	background-color:#000;
	text-align: center;

}

footer #infolettre h4 {
	color:#fff;
}

footer grid .titre {     font-weight: 500; }

footer #infolettre p {
	color:#fff;
	margin: 7px 0;
			-webkit-text-stroke:0.5px;

}
footer #infolettre .flechedroite {
	display:inline-block;
	margin:10px;
}


footer #navigation {
	background-color:#000;
	padding-bottom:15px;
}

footer #navigation grid{
	background-color:#252525;
	padding: 30px 0;
}

footer #navigation grid .object {
	text-align:left;
	 padding: 0 30px;
	margin:0;
}
footer #navigation grid p { margin-bottom: 10px; }
footer #navigation grid p:last-child { margin-bottom: 0; }
footer #navigation grid p.titre { text-transform:uppercase; }
footer #navigation grid a { color:#fff; text-decoration:none; font-weight:100; 		-webkit-text-stroke:0.5px;
 }
footer #navigation grid a:hover { text-decoration:underline; }

footer #navigation grid {
	display:block;
	display: inline-table;
	width:100%;
	margin-left:0;
}
footer #navigation grid .col1de4 {
	position:relative;
	display:table-cell;
}
footer #navigation grid .col1de4 .line {
	border-right: 2px solid #ee2e24;
	position: relative;
	display:inline-block;
	height: 100%;
	width:100%;
}

footer #navigation grid .col1de4:first-child .line { border-right: 2px solid #0096aa; }
footer #navigation grid .col1de4:last-child .line { border-right: 0; }

footer #navigation grid .col1de4:nth-child(3n+0)  .line{ border-right: 2px solid #deda30; }

footer #signature {
	color:#fff;
	background-color:#252525;
	padding: 10px 0;
	position:relative;
}

footer #signature .logo { font-family:Gotham; display:inline-block; }
footer #signature .logo img { width: 110px; height:auto; }
footer #signature .slogan {
	font-family: Gotham;
    font-size: 10px;
    font-weight: 100;
	display: inline-block;
    width: 185px;
	position: absolute;
    margin-left: 20px;
    margin-top: 12px;
			-webkit-text-stroke:0.5px;

}


footer #signature .subventiontexte {
	display: inline-block;
    margin-left: 235px;
    font-family: Gotham;
    font-size: 10px;
    font-weight: 100;
    position: absolute;
    margin-top: 12px;
  	max-width: 310px;
		-webkit-text-stroke:0.5px;

}

footer #signature .subventionlogo {
	display: inline-block;
    margin-left: 590px;
    margin-top: 8px;
    position: absolute;
}

footer #signature .subventionlogo img {
    height: 42px; width:auto;
    margin: 0 10px;
}



footer #signature span.titre { font-weight:500; }

footer #signature .copyright {
	display: inline-block;
	float:right;
    width: 140px;
    font-size: 10px;
    font-weight: 100;
    font-family: Gotham;
    text-align: right;
    position: relative;
    padding-left: 10px;
	padding-top: 5px;
			-webkit-text-stroke:0.5px;

}


footer #signature .copyright a { color:#fff; text-decoration:none; }
footer #signature .copyright a:hover { text-decoration:underline; }




footer span.titre28px {
	font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.150em;
	font-family:Gotham;
	color:#fff;
	text-align:center;
	display:block;
}

footer span.titre24px {
	font-size:24px;
	text-transform:uppercase;
	font-weight:500;
    letter-spacing: 0.22em;
	font-family:Gotham;
	color:#fff;
	display:block;
}




/* PageIsotopeImage */
Body.PageIsotopeImage grid {   }
Body.PageIsotopeImage grid .col1de2:last-child { padding-top: 30px; }



#container.isotope h6 {

	font-weight: 500;
}

#container.isotope a {
	text-decoration: none !important;
}
#container.isotope a h6  {
	color:#666;
}
#container.isotope a:hover h6  {
	color:#aaa;
}





/* cart et user */



header #submenu li.cart {
	/* padding:0 30px; */
	color:#fff;
	font-weight:700;
}

header #submenu li.cart .image {
	background-image:url(../images/cart_reverse.svg);
	width:24px;
	height:24px;
	position:relative;
	display:inline-block;
	top: 8px;
	background-repeat:no-repeat;
	margin-left:5px;
}


header #submenu .user a {
  color: #000 !important;
  text-align: left !important;
  display: block !important;
  white-space:nowrap;
  padding: 10px 0;
}





li.cart .arrow_box,
li.user .arrow_box
 {
	position: relative;
    background: #fff;
	/*border: 2px solid #ccc;*/
    visibility: hidden;
    color: #000;
    padding: 10px;
    position: absolute;
    width: 125px;
    text-align: center;
    font-size: 13px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	margin-left:-34px;
	margin-top: 60px;
	opacity:0;
  z-index: 2000;
}
li.user .arrow_box {
  margin-left:0;
  right:0;
  width:auto;
  border:1px solid #000;
}



li.cart .arrow_box:after, li.cart .arrow_box:before,
li.user .arrow_box:after, li.user .arrow_box:before
 {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
li.user .arrow_box:after, li.user .arrow_box:before {
  left:inherit;
  right:0;
}


li.cart .arrow_box:after,
li.user .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 11px;
	margin-left: -11px;
}
li.cart .arrow_box:before,
li.user .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	/* border-bottom-color: #e4932d; */
	border-width: 14px;
	margin-left: -14px;
}

li.cart.addtocart .arrow_box,
li.user.active .arrow_box {
 	opacity: 1;
	visibility: visible;
	margin-top: 70px;
}





header #submenu li.user.online .image {
	background-image:url(../images/useronline.svg) !important;
}


header #submenu li.user .image {
	background-image:url(../images/user_reverse.svg);
	width:24px;
	height:24px;
	position:relative;
	display:inline-block;
	top: 8px;
	background-repeat:no-repeat;
	margin-left:5px;

}



header #submenu li.cart,
header #submenu li.user {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 0;
}

header #submenu li.cart:hover {
	opacity:.5;
}

#submenu .cart, .checkout {
	 width: auto;
}












/* homepage */

Body.HomePage section { position:relative; }
Body.HomePage section { padding:50px 0 30px; }

Body.HomePage section grid .object { text-align:center; }

Body.HomePage section grid img { width:65px; margin-bottom:10px; }

Body.HomePage span.titre21_5px {
	font-size: 21.5px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.03em;
	display:block;
	font-family:Gotham;

}

Body.HomePage .wide-container { top:177px; }

.wide-container { top:177px; 		background-color:#111;  }



/* PageGrille2colonnes */

Body.PageGrille2colonnes h2 { margin-top:10px; }

Body.PageGrille2colonnes article { padding-bottom:40px; border-bottom:1px solid #eee; }



/*Body.HomePage section grid .flechedroite { margin-top:10px; }*/





Body.HomePage .wide-container, Body.HomePage .wide-container #slides {
    height: 570px !important;
}


Body.HomePage .wide-container .image {
		background-position: center center;
		position: absolute;
		/*-webkit-backface-visibility:hidden;*/
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-size:cover !important;

		-webkit-background-size:/*@@prefixmycss->No equivalent*/;
	  -moz-background-size:cover;
	  -o-background-size:/*@@prefixmycss->No equivalent*/;



}


Body.HomePage #slides {
    z-index: 100;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    box-sizing: border-box;
	height:100%;
}

Body.HomePage .titreslider,
Body.PageInterieure .titreslider,
Body.PageQuestionnaire .titreslider,
Body.PageEtoffe .titreslider,
Body.PageQuestionnaire .titreslider,
Body.PageGrilleIsotope .titreslider,
Body.PageIsotopeImage .titreslider,
Body.PagePrisonDesPatriotes .titreslider,
Body.PagePrisonDesPatriotesNousJoindre .titreslider,
Body.PageExpositionsTemporaires .titreslider,
Body.PageGrille2colonnes .titreslider,
Body.PageCollections .titreslider,
Body.PageNousJoindre .titreslider,
Body.PageInfolettre .titreslider
{
	width: 390px;
    height: 340px;
	display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
	top: 10px;
    position: absolute;
	z-index:200;
	background-color:#deda30;
}

Body.HomePage .titreslider:before,
Body.PageInterieure .titreslider:before,
Body.PageQuestionnaire .titreslider:before,
Body.PageEtoffe .titreslider:before,
Body.PageGrilleIsotope .titreslider:before,
Body.PageIsotopeImage .titreslider:before,
Body.PagePrisonDesPatriotes .titreslider:before,
Body.PagePrisonDesPatriotesNousJoindre .titreslider:before,
Body.PageExpositionsTemporaires .titreslider:before,
Body.PageGrille2colonnes .titreslider:before,
Body.PageCollections .titreslider:before,
Body.PageNousJoindre .titreslider:before,
Body.PageInfolettre .titreslider:before
{
	content:" ";
	display:block;
	position:absolute;
	width:1920px;
	height:100%;
	background:#deda30;
	opacity:0.8;
	z-index:10;
	right:0;
	top:0;

}

Body.HomePage .titreslider span,
Body.PageInterieure .titreslider h1,
Body.PageQuestionnaire .titreslider h1,
Body.PageEtoffe .titreslider h1,
Body.PageGrilleIsotope .titreslider h1,
Body.PageIsotopeImage .titreslider h1,
Body.PagePrisonDesPatriotes .titreslider h1,
Body.PagePrisonDesPatriotesNousJoindre .titreslider h1,
Body.PageExpositionsTemporaires .titreslider h1,
Body.PageGrille2colonnes .titreslider h1,
Body.PageCollections .titreslider h1,
Body.PageNousJoindre .titreslider h1,
Body.PageInfolettre .titreslider h1
{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 50px;
	color:#373737;
	margin-top: 50px;
    letter-spacing: 0.09em;
	line-height:110%;
	text-decoration:none;
	font-family:Gotham;
	z-index:1000;
}

Body.PageInterieure.structure-organisationnelle .titreslider h1 {
	font-size:22px;

}



Body.HomePage .titreslider span:before,
Body.PageInterieure .titreslider h1:before,
Body.PageQuestionnaire .titreslider h1:before,
Body.PageEtoffe .titreslider h1:before,
Body.PageGrilleIsotope .titreslider h1:before,
Body.PageIsotopeImage .titreslider h1:before,
Body.PagePrisonDesPatriotes .titreslider h1:before,
Body.PagePrisonDesPatriotesNousJoindre .titreslider h1:before,
Body.PageExpositionsTemporaires .titreslider h1:before,
Body.PageGrille2colonnes .titreslider h1:before,
Body.PageCollections .titreslider h1:before,
Body.PageNousJoindre .titreslider h1:before,
Body.PageInfolettre .titreslider h1:before
{
	content:" ";
	display:inline-block;
	width:70px;
	height:6px;
	position:absolute;
	background-color:#4b4b4b;
	margin-top:-25px;
}
Body.HomePage .titreslider .flechedroite,
Body.PageInterieure .titreslider .flechedroite,
Body.PageQuestionnaire .titreslider .flechedroite,
Body.PageEtoffe .titreslider .flechedroite,
Body.PageGrilleIsotope .titreslider .flechedroite,
Body.PageIsotopeImage .titreslider .flechedroite,
Body.PagePrisonDesPatriotes .titreslider .flechedroite,
Body.PagePrisonDesPatriotesNousJoindre .titreslider .flechedroite,
Body.PageExpositionsTemporaires .titreslider .flechedroite,
Body.PageGrille2colonnes .titreslider .flechedroite,
Body.PageCollections .titreslider .flechedroite,
Body.PageNousJoindre .titreslider .flechedroite,
Body.PageInfolettre .titreslider .flechedroite
{ display:block; margin-top:5px;}


Body.HomePage .nouvellesinner { height:170px; background:#171613 }

Body.HomePage .content.nouvelles {
	position: absolute;
    z-index: 100;
    width: 100%;
    /* left: 0; */
    /* right: 0; */
    position: relative;
    /* top: -187px; */
    margin-top: -25px;
}

Body.HomePage .content.nouvelles pre { padding:0; margin:0; font-weight:bold; background:none !important;color:#fff !important;  }
Body.HomePage .content.nouvelles .conteneur {
    position: absolute;
    padding: 10px;
    color: #fff;
    padding-left: 195px;
    top: 50%;
    margin-top: -60px;
	text-align:left;


}

Body.HomePage .content.nouvelles .conteneur p {
	margin:0;
}


Body.HomePage .content.nouvelles .imageconteneur {
	background-color:#444;
	top:10px;
	bottom:10px;
	position:absolute;
	left:10px;
	width:160px;
	background-size:cover;
	background-position:center center;
}

Body.HomePage .content.nouvelles .flechedroite {
    margin-top: 10px;
}


Body.HomePage .content.nouvelles .image {
	position:absolute;
	top:0;
	left:0;
	width:180px;
	height:100%;

}


/* PageExpositionsTemporaires */

Body.PageExpositionsTemporaires grid .col1de2:first-child .object { padding-right:100px; }

Body.PageExpositionsTemporaires grid h3.principal {

    font-size: 24px;
    text-transform: inherit;
    letter-spacing:inherit;
	color:#e31d1a;
	font-size: 33px;
    line-height: 95%;
	margin-bottom:20px;
}

Body.PageExpositionsTemporaires grid h4.principal {
    font-size: 20px;
    text-transform: inherit;
    letter-spacing: 0;
	margin-top:20px;
}
Body.PageExpositionsTemporaires grid h4.principal:before {
    display:none;
}


Body.PageExpositionsTemporaires grid .contenu.principal p {
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
	color:#777;

}

Body.PageExpositionsTemporaires .expositiontemporaire h6 {
	font-size: 18px;
    font-weight: 500;
}

Body.PageExpositionsTemporaires .expositiontemporaire h7 {
    font-size: 15px;
    color: #e31d1a;
    font-weight: 500;
}

Body.PageExpositionsTemporaires .expositiontemporaire p {
	margin-bottom:5px;
}



Body.PageExpositionsTemporaires .expositiontemporaire .flechedroite{
    margin-bottom: 20px;
}

Body.PageExpositionsTemporaires .expositiontemporaire a .flechedroite{ visibility:visible;  }
Body.PageExpositionsTemporaires .expositiontemporaire a.nolink .flechedroite{ visibility:hidden; height:0; }







/* pageinfolettre */

Body.PageInfolettre #Form_CazaPlusForm_f_verification_Holder { display:none; }






/* pageinterieure */

Body.PageInterieure .wide-container,
Body.PageQuestionnaire .wide-container,
Body.PageEtoffe .wide-container,
Body.PageGrilleIsotope .wide-container,
Body.PageIsotopeImage .wide-container,
Body.PagePrisonDesPatriotes .wide-container,
Body.PagePrisonDesPatriotesNousJoindre .wide-container,
Body.PageExpositionsTemporaires .wide-container,
Body.PageGrille2colonnes .wide-container,
Body.PageNousJoindre .wide-container,
Body.PageCollections .wide-container
 {
	height:550px;

	position:relative;
}
.wide-container .image {
	position:absolute;
	background-position:50% 50%;
	background-size:cover;
	top:0; left:0; right:0; bottom:0; height:100%; width:100%;
	z-index:100;
	background-color:#444;
}




/* couleurs des titres */


.titreslider.bleu {	background-color:#0096aa !important; }
.titreslider.bleu:before {	background: #0096aa !important; opacity: 0.8; }
.titreslider.bleu span,
.titreslider.bleu h1  { color:#fff !important; }
.titreslider.bleu span:before,
.titreslider.bleu h1:before { background:#fff !important; }

.titreslider.bleu2 {	background-color:#0198cf !important; }
.titreslider.bleu2:before {	background: #0198cf !important; opacity: 0.8; }
.titreslider.bleu2 span,
.titreslider.bleu2 h1  { color:#fff !important; }
.titreslider.bleu2 span:before,
.titreslider.bleu2 h1:before { background:#fff !important; }


.titreslider.rouge {	background-color:#e31d1a !important; }
.titreslider.rouge:before {	background: #e31d1a !important; opacity: 0.8; }
.titreslider.rouge span,
.titreslider.rouge h1 { color:#fff !important; }
.titreslider.rouge span:before,
.titreslider.rouge h1:before { background:#fff !important; }

.titreslider.rouge2 {	background-color:#ef483f !important; }
.titreslider.rouge2:before {	background: #ef483f !important; opacity: 0.8; }
.titreslider.rouge2 span,
.titreslider.rouge2 h1 { color:#fff !important; }
.titreslider.rouge2 span:before,
.titreslider.rouge2 h1:before { background:#fff !important; }


.titreslider.violet {	background-color:#ac4398 !important; }
.titreslider.violet:before {	background: #ac4398 !important; opacity: 0.8; }
.titreslider.violet span,
.titreslider.violet h1 { color:#fff !important; }
.titreslider.violet span:before,
.titreslider.violet h1:before { background:#fff !important; }






.titreslider.vert {	background-color:#96c93e !important; }
.titreslider.vert:before {	background: #96c93e !important; opacity: 0.8; }
.titreslider.vert span,
.titreslider.vert h1 { color:#fff !important; }
.titreslider.vert span:before,
.titreslider.vert h1:before { background:#fff !important; }





/*
.titreslider.jaune {	background-color:#deda30 !important; }
.titreslider.jaune:before {	background: #deda30 !important; opacity: 0.8; }
*/
.titreslider.jaune {	background-color:#f1cd32 !important; }
.titreslider.jaune:before {	background: #f1cd32 !important; opacity: 0.8; }

.titreslider.orange {	background-color:#f78d29 !important; }
.titreslider.orange:before {	background: #f78d29 !important; opacity: 0.8; }
.titreslider.orange span,
.titreslider.orange h1 { color:#fff !important; }
.titreslider.orange span:before,
.titreslider.orange h1:before { background:#fff !important; }










/* page à nouvelles */


Body.PageNouvellesPrincipal a.btn {
    margin: 20px 0;
}

Body.PageNouvellesPrincipal article img {
    max-width: 500px;
    display: block;
}

Body.PageNouvellesPrincipal article p {
	display:none;
}


Body.PageNouvelleContenu article a.btn.back {
	    margin-top: 40px;
}

Body.PageNouvelleContenu article a.btn.forward {
	display:none;
}


/* page coordonnées */

.googlemaps { height:500px; }



.content {
		max-width: 1500px;
	}

.vignette {
	float: right;
}

.vignette p {
    margin: 0;
    margin-top: -35px;
	font-size:12px;
}





@media screen and (min-width: 1500px) {
	/*.content {
		max-width: 1400px;
	}*/
}

@media screen and (max-width: 1400px) {
  footer #signature .subventiontexte {
    margin-left: 375px;
    margin-top: 12px;
    position: absolute;
  }
  footer #signature .subventionlogo {
    position: relative;
    margin-left: 0;
    margin-top:20px;
    display: block;
  }

  footer #signature .copyright {
    right: 60px;
    top: inherit;
    bottom: 10px;
    position: absolute;
    float: none;
    width: auto;
  }


}


@media screen and (max-width: 1100px) {

	footer #signature .copyright {
		padding-top: 5px;
		width:120px;
	}
	header nav.primary a {
   		font-size: 16px;
	}

	header .logo img {
		height: 90px;
	}
	header .logo {
		top: 15px;
	}

}

@media screen and (max-width: 1024px) {

	footer #signature .subventiontexte {
		max-width: 290px;
	}
	footer #signature .subventionlogo {
   		margin-left: 504px;
	}

}

@media screen and (max-width: 1023px) {

  body.PageAchatsEnLigne grid .col1de3 {
    width:50%;
  }

	#godown {
		top: 350px;
	}


	.mobile { display:block; }
	.nomobile { display:none !important; }

	footer #navigation .content .inner { padding:0; }


	footer #signature .subventiontexte {
		margin-left: 0;
		margin-top: 12px;
		position:relative;
		display:block;
	}
	footer #signature .subventionlogo {
		margin-left: 334px;
		margin-top: -37px;
	}
	footer #signature .copyright {
		width: 244px;
		position: absolute;
		bottom: 10px;
		right: 30px;
	}


	header nav.primary ul {
		position:absolute;
		margin-left: 0;
		text-align: right;
		right: -350px;
    	top: 130px;
		padding:0 0;
		background:#222;
		max-width:320px;

		-webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  transition: all .2s ease-in-out;


	}

	header nav.primary ul ul {
		-webkit-transition: none;
	  -moz-transition: none;
	  -o-transition: none;
	  transition: none;
	}



	header nav.primary ul.active {
		right:0;
	}


	header nav.primary li {
		display:block;
		height: inherit;
		line-height:100%;

	}

	header nav.primary li a {
		padding-top:10px;	padding-bottom:10px; display:block;
	}
	header nav.primary li.section a { background-color:#171613; }

	header nav.primary li:last-child a {
		border-right:5px solid #fff;
		padding-right:25px;

	}



	header nav.primary ul li a {
		border-right:0 !important;
		padding-right:20px !important;
		font-size: 13px !important;
	}


	header nav.primary li a:hover {
		background-color:#2c2c2c;
	}
	header nav.primary li a.active {
		background-color:#de1c11;
		color:#fff;
		text-decoration:none;
	}

	header nav.primary ul ul {
		position:relative;
		top:inherit;
		right:inherit;
		margin:0;

		padding:0;
		background:#333;

	}






	header nav.primary li li.link a { background:none; text-align:right }

	header nav.primary li li.current a
	{
		background-color:#000;
	}

	header nav.primary li.mobile { display:block; }




	Body.HomePage .content.nouvelles {
		margin-top:0;
	}

	Body.HomePage .content.nouvelles .object,
	Body.HomePage .content.nouvelles grid{
		margin-left: 0;
		margin-right: 0;
	}
	Body.HomePage .content.nouvelles .inner { padding:0; }


	Body.PageInterieure .wide-container,
  Body.PageQuestionnaire .wide-container,
  Body.PageEtoffe .wide-container,
	Body.PageNousJoindre .wide-container,
	Body.PageGrilleIsotope .wide-container,
	Body.PageIsotopeImage .wide-container,
	Body.PagePrisonDesPatriotes .wide-container,
	Body.PagePrisonDesPatriotesNousJoindre .wide-container,
	Body.PageExpositionsTemporaires .wide-container,
	Body.PageGrille2colonnes .wide-container,
	Body.PageCollections .wide-container

	 {
		height: 260px;
	}

	Body.HomePage .nouvellesinner {
    	height: auto; min-height:220px;
	}

	.googlemaps { height:400px; }


	Body.PageExpositionsTemporaires grid .col1de2:first-child .object {
		padding-right: 0;
	}

  footer #signature .subventionlogo {
    margin-left: 0;
    margin-top: 20px;
    position: relative;
  }



}

@media screen and (max-width: 767px) {


  .partenaires .inner {
    display: block;
    text-align: center;
  }

  .partenaires img.mrc {
    width:220px;
  }
  .partenaires img.armoiries {
    width:80px;
  }
  .partenaires span {
    margin: 0;
    margin-bottom: 10px;
  }


  body.PageAchatsEnLigne grid .col1de3 {
    width:100%;
  }

	footer #navigation grid .col1de4 { width:50%;    display: inline-block; }
	footer #navigation grid .col1de4 .line { margin-bottom: 30px; position:relative; }

	footer #navigation grid .col1de4:nth-child(2n+0) .line { border:0; }

	footer #signature .copyright {
		width: 100%;
		position: relative;
		bottom: inherit;
		right: inherit;
		text-align: left;
		display: block;
		float: none;
		padding: 20px 0;
	}
	footer #signature .subventionlogo {
		margin-top: 20px;
		display: block;
		text-align: left;
		float: none;
		width: 100%;
		margin-left: 0;
		position: relative;
	}
	footer #signature .slogan {
		width: 50%;
		position: relative;
		margin-left: 0;
		display: block;
	}

	footer span.titre28px {
    	font-size: 22px;
	}
		footer span.titre24px {
    	font-size: 21px;
	}

	Body.HomePage span.titre21_5px {
    	font-size: 19px;
	}

	footer span.titre28px a { display:block; text-align:center; }
	footer #prisonpatriotes .flechedroite { position:relative; }


	Body.HomePage .content.nouvelles .col1de2  {
		width:100%;
	}
	Body.HomePage .content.nouvelles .conteneur {
		margin-top:0;    position: relative;
	}
	Body.HomePage .nouvellesinner {
    	height: auto; min-height:140px;
	}

	Body.PageIsotopeImage grid .col1de2 { width:100%; }








}

@media screen and (max-width: 720px) {

	section {
		padding-top: 125px;
	}


	header .logo img {
    	height: 50px;
	}
	header nav.primary {
   		height: 85px;
	}
	header nav.primary ul {
  		top: 85px;
	}


  .wide-container { top:132px; }
  Body.HomePage .wide-container { top:132px; }


	Body.HomePage .content.nouvelles {
		margin-top: 120px;
	}

	#godown {
		top: 300px;
	}

	.carteinteractive{
		height:100vh;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}


}



@media screen and (max-width: 560px) {

  body.EcommerceProduct grid .col1de2 {
    width:100%;
  }

	footer #navigation grid .col1de4 .line { border:0; }
	footer #navigation grid .col1de4 { width:100%;    }
	footer #navigation grid .col1de4:nth-child(1n+0) .line { border:0; }

	.googlemaps { height:300px; }



	Body.PageExpositionsTemporaires grid .col1de2 { width:100%; }


	Body.PageGrille2colonnes .col2de3 { width:100%; }
	Body.PageGrille2colonnes .col1de3 { width:100%; }


	footer #prisonpatriotes {     padding: 38px 0;  }



	.vignette {
		float:none;
	}

	.vignette p {
		margin-bottom:20px
	}



}


@media screen and (max-width: 425px) {

	#godown {
		top: 200px;
		display:none;
	}


	Body.HomePage section .col1de2 { width:100%; }
	Body.HomePage section .col1de2 .object { margin-bottom:20px; }
	Body.HomePage section .col1de2:last-child .object { margin:0; }




	Body.HomePage .content.nouvelles .imageconteneur {
		top: 30px;
		left: 30px;
		right: 30px;
		box-sizing: border-box;
		width: auto;
	}
	Body.HomePage .content.nouvelles .image {
		position: absolute;

		width: 100%;
		height: 150px;
		box-sizing: border-box;
	}
	Body.HomePage .content.nouvelles .conteneur {
    	padding-left: inherit;
		padding:30px;
		padding-top:170px;
	}

	Body.HomePage .wide-container, Body.HomePage .wide-container #slides {
		height: 445px !important;
	}


	Body.HomePage .titreslider {
		top:235px;
		width: 200px;
   		height: 200px;
		left: 15px;
		right: 10px;
	}
	Body.HomePage .titreslider span {
		font-size:16px;
		padding:25px;
		padding-bottom: 50px;
		padding-right: 60px;
	}
	Body.HomePage .titreslider span:before {
		width: 50px;
		height: 4px;
		margin-top: -15px;
	}
	Body.HomePage .titreslider .flechedroite {
		position: absolute;
		bottom: 20px;
		right: 20px;
	}


	.inner { 
		padding-left:40px;	padding-right:40px; padding-left:40px;
	}

	Body.PageInterieure .wide-container,
  Body.PageQuestionnaire .wide-container,
  Body.PageEtoffe .wide-container,
	Body.PageNousJoindre .wide-container,
	Body.PageGrilleIsotope .wide-container,
	Body.PageIsotopeImage .wide-container,
	Body.PagePrisonDesPatriotes .wide-container,
	Body.PagePrisonDesPatriotesNousJoindre .wide-container,
	Body.PageExpositionsTemporaires .wide-container,
	Body.PageGrille2colonnes .wide-container,
	Body.PageCollections .wide-container


	 {
		height: 160px;
	}

	#SocialMediaShare.default i.social {

		padding: 12px 0;
		width: 40px;
	}


	footer span.titre28px {
    	font-size: 19px;
	}

	footer span.titre24px {
    	font-size: 15px;
	}

	footer #navigation grid p {
    	margin: 5px 0;
	}


}













@keyframes
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}

@-o-keyframes
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}

@-moz-keyframes
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}

@-webkit-keyframes
slideShow { 0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
}

/*
.wide-container .image.zoom {

	animation: slideShow 50s linear infinite 0s;
  -o-animation: slideShow 50s linear infinite 0s;
  -moz-animation: slideShow 50s linear infinite 0s;
  -webkit-animation: slideShow 50s linear infinite 0s;

}
*/


/* safari */
/*
html.safari header nav.primary a,
html.safari header nav.primary a:hover
{ font-weight:600 !important;
 }

html.safari header nav.primary li li:first-child a,
html.safari header nav.primary li li:last-child a,
html.safari header nav.primary li li a {
	font-weight:300 !important;
}
 */