body {margin:0; padding:0; font-size:12px; font-family:verdana; background:url(/images/bg.jpg) no-repeat center top #901D00;}
q {quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";}
.clearBoth {clear:both;}
h1, h1 b {font-size:24px; font-weight:normal; text-transform:uppercase;}
h1 b {font-weight:bold;}
h2 {font-weight:normal;}
blockquote {font-style: italic;}

#header {margin:auto; width:900px; height:52px; padding-top:50px; position:relative; }
#header a.logo {width:320px; height:41px; display:block; background:url(/images/logo_header.png) no-repeat;}
#header a.facebook {right:0; bottom:0; width:104px; height:38px; display:block; position:absolute;}
#header a.facebook img {border:0;}
#header-menu {margin:0; margin-bottom:5px; padding:0; width:100%; height:35px; line-height:25px; text-align:center; list-style-type:none; background:url(/images/bg_menu.png) no-repeat center top;}
#header-menu ul {margin:auto; padding:0; width:900px; list-style-type:none;}
#header-menu ul li {display:inline; margin-right:15px;}
#header-menu ul li a {color:#000000; text-shadow:0 0 9px #777; text-decoration:none;}
#header-menu ul li a:hover {color:#8f1c00; text-decoration:underline;}
#header-menu ul li.actif a {color:#8f1c00;}

#bandeau-wrapper {width:900px; height:300px; margin:auto; margin-bottom:10px; overflow:hidden; position:relative;}
.nivo-caption {width:280px !important; height:100%; background:rgba(0, 0, 0, 0.5) !important; opacity:1 !important;}
.nivo-caption-title {font-size:32px; line-height:35px; text-transform:uppercase; margin:70px 0 5px;}
.nivo-caption-info {font-size:17px; position:absolute; top:190px;}
.nivo-caption-title, .nivo-caption-info {font-family:'Roboto', sans-serif; padding-left:7px;}

#container {width:900px; margin:auto;}

#fil-ariane {height:25px; color:#ffffff; line-height:25px; margin-bottom:20px;}
#fil-ariane-content {height:25px; width:900px; margin:auto; margin-bottom:20px; color:#ffffff; line-height:25px; border-top:1px solid #c73d0c; border-bottom:1px solid #c73d0c;}
#fil-ariane-content div {display:inline;}
#fil-ariane a {color:#ffffff; text-decoration:none;}
#fil-ariane a:hover {text-decoration:underline;}

#menu {float:left; width:276px;}

#content {padding:5px; margin-left:276px; position:relative; background:url(/images/bg_contenu_top.png) no-repeat; background-color:#ffffff;}
#content .content_bottom {height:20px; width:624px; margin:-5px; background:url(/images/bg_contenu_bottom.png) no-repeat left bottom;}
#content-interieur {float:right; width:614px;}

#actualites {width:276px !important; background:url(/images/bg_actu_right.png) no-repeat right top; background-color:#ffbe00;}
#actualites ul {margin:0; padding:0; list-style-type:none;}
#actualites ul span.date { height:25px; width:262px; color:#8f1c00; display:block; line-height:25px; padding-left:7px; background-color:#ffc827;}
#actualites ul p {margin:5px; padding-left:12px;}
#actualites a {color:#000000; text-decoration:none;}
#actualites a:hover {text-decoration:underline;}

#titre_actualites {height:68px; width:137px; background:url(/images/titre_actu.png) no-repeat;}
#toutes_actualites {height:27px; width:276px; display:block; text-align:right; margin:0; padding-top:10px; background:url(/images/bg_actu_bottom.png) no-repeat;}
#toutes_actualites a {color:#ffffff; font-size:10px; margin-right:10px;}

#menuPanier {background:#611300;}
#menuPanier #menuPanier_articles {background:url(/images/ico_panier_blanc.png) no-repeat; color:#ffffff; font-weight:bold; height:21px; line-height:20px; margin-left:15px; padding-left:35px}
#menuPanier #menuPanier_articles small {font-weight:normal;}
#titre_panier {background:url(/images/titre_panier.png) no-repeat; height:68px; width:137px;}
#voirPanier {background:url(/images/bg_panier_bottom.png) no-repeat; display:block; height:27px; margin:0; padding-top:10px; width:276px; text-align:right;}
#voirPanier a {color:#ffffff; font-size:10px; margin-right:10px;}

#navigation {padding-bottom:15px; background-color:#000000;}
#titre_navigation {height:68px; width:137px; background:url(/images/titre_nav.png) no-repeat;}
#navigation ul {margin:0; padding:0; list-style-type:none;}
#navigation ul li {margin-left:20px; margin-bottom:10px;}
#navigation li a {z-index: 1; display:block; height:10px; line-height:10px; color:#888888; padding-left:15px; text-decoration:none; position: relative; background:url(/images/puce_nav.jpg) no-repeat left top;}
#navigation ul li.actif a, #navigation li a:hover {color:#ffffff; background-position:left bottom;}
#facebook a img {border:0;}

#separation-footer {height:10px; margin-top:20px; background:#a32806;}
#footer {height:220px; margin:auto; padding-top:30px; background:url(/images/bg_footer.jpg) no-repeat center top;}
#footer-content {width:900px; margin:auto;}
#footer a.logo {float:left; width:167px; height:58px; display:block; margin-right:65px; margin-bottom:20px; background:url(/images/logo_footer.png) no-repeat;}
#footer ul {margin:0; padding:0; list-style-type:none;}
#footer ul li a {color:#000000; text-decoration:none; position: relative; z-index: 1;}
#footer ul li a:hover {color:#ffffff; text-decoration:underline;}
#footer ul li.actif a {color:#ffffff;}
#footer #footer_gauche {float:left; width:150px; margin-right:20px; background:url(/images/separation_footer.png) no-repeat right center;}
#footer #footer_droit {float:left; width:445px;}
#footer #footer_droit p {color:#fff; margin:15px 0 5px 0;}
#footer #footerReseauxSociaux {position: absolute; margin-top:90px; margin-left:15px;}
#footer #mentions-legales {color:#fe4a27; margin-top:10px; text-align:center;}

/* Contenu des pages */
.photo-principale {text-align:center;}
.photo-principale img {border:1px solid #fd5d00;}
.autres-photos a img {border:1px solid #fd5d00;}
.bloc-actualites {padding-bottom:10px; border-bottom:1px dashed #fd5d00;}
.bloc-actualites img {float:left; margin-right:5px;}
.bloc-actualites a.detail {float:right;}

div.important {	padding:3px; background:#ffc827; border:1px dashed #fd5d00;}
div.important h3 {text-align:center;}

.image_left {float:left; margin:5px; margin-top:0; margin-bottom:10px;}
.sans-bordure {border:0;}

#pagination {margin:30px 0 15px; text-align:center;}
#pagination a, #pagination span {border:1px solid #DDDDDD; color:#901D00; padding:5px; margin-right:4px;}
#pagination a:hover, #pagination span {border-color:#901D00; background:#901D00; color:#ffffff; text-decoration:none;}

/* Liens */
a {color:#fd5d00; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:1px solid #fd5d00;}
a.noRef {color:inherit;}
a.noRef {text-decoration:none; cursor:default;}

/* Mise en forme des formulaires */
form p {padding:3px 0; margin:0 0 1px 0;}
form label {position:relative; text-align:left; width:180px; float:left; display:inline; font-weight:bold; line-height:19px; margin:0; cursor:pointer; color:#fd5d00;}
form p.checkbox label {float: none;}
form .submit {text-align:center;}
form p.erreur {margin-bottom:15px; margin-top:10px; padding:5px; background-color:#ffc827; border:1px solid #fd5d00;}
form p.erreur label {color:#990602;}
p.erreur input, p.erreur textarea {border:1px dashed #990602;}
span.erreur {display:block; padding:5px; padding-left:25px; margin-bottom:10px; color:#990602; font-weight:bold; background:url('../images/warning.png') no-repeat left;}

div.erreur, div.valide {margin:5px 0 15px 0; padding:10px 0 10px 0; text-align:center; font-weight:bold;}
div.erreur {border:1px solid #990602; background-color:#FFB3B3; color:#990602;}
div.valide {border:1px solid #54752F; background-color:#CCE1B5; color:#54752F;}

div.bloc-souvenirs {float:left; width:295px; margin-right:10px; text-align:center;}

p#photos-copyright {margin-top:20px; font-style:italic;}
div #pub-footer {height:60px; width:468px; margin:10px auto 0 349px;}
div#plan, div#plan-cortege {width:550px; height:300px; margin:auto; border:1px solid #fd5d00;}

.partenaire {position:relative; float:left; width:180px; height:150px; margin:5px; padding:5px; color:#ffffff; text-align:center; border:1px solid #eeeeee;}
.partenaire a.lien, .partenaire span.lien {left:0; width:100%; bottom:7px; color:#901D00; position:absolute;}
.partenaire.moyen {width:382px;}
.partenaire.grand {width:584px; height:265px;}

.geants {width:420px; margin:auto;}
.geant {float:left; width:200px; margin-right:10px; margin-bottom:10px; text-align:center;}

/* Bloc de contenu */
.bloc-contenu {margin:15px; color:#ffffff; padding-top:3px; text-align:justify; line-height:16px; background:url(/images/bloc-bg.png) no-repeat #ff9100;}
.bloc-contenu-lien {float:right; margin:15px; color:#ffffff; padding-top:3px; text-align:justify; line-height:16px;}
.bloc-contenu a {color:#E6230F;}
.bloc-contenu-lien a {color:#ffffff;}
.bloc-contenu h2, .bloc-contenu-lien a {float:left; margin:0; padding:0 10px; height:49px; line-height:49px; font-size:14px; background:url(/images/bloc-titre.png) repeat-x;}
.bloc-contenu h2 a {color:#ffffff;}
.bloc-contenu .h2-gauche, .bloc-contenu-lien .h2-gauche {float:left; width:14px; height:49px; display:block; margin-left:-14px; background:url(/images/bloc-titre-left.png) no-repeat center right;}
.bloc-contenu .h2-droite, .bloc-contenu-lien .h2-droite {float:left; width:24px; height:49px; display:block; background:url(/images/bloc-titre-right.png) no-repeat;}
.bloc-contenu div.contenu {padding:0 25px 20px 15px; background:url(/images/bloc-bg-bottom.png) no-repeat bottom right;}

#video-accueil {height:200px; width:266px; margin:auto;}
#video-accueil a:hover {opacity:0.9;}
#actualiteAccueil img {float:left; margin-right:5px; border:0;}
#actualiteAccueil h2 {font-size:13px;}

.bloc-animation {border-bottom:1px dashed #FD5D00;}
.bloc-animation.sans-bordure {border:0;}
.bloc-animation.droit img {float:right;}
.bloc-animation.droit h2 {text-align:right;}

a.galerie {float:left; margin:0 8px 8px 0; padding:6px; border:1px solid #dddddd;}
a.galerie:hover {text-decoration:none; border:1px solid #901D00;}
a.galerie img {float:none; margin:0; display:block; border:0;}
a.galerie.avecDescription {background-color:#f1f1f1;}
a.galerie.avecDescription div.photo-description {color:#888888; margin-top:6px; text-align:center;}

.bloc-albums {border:0;}
.bloc-albums h2, .bloc-albums a {color:#901D00; font-weight:normal;}
.separateur {width:95%; margin:10px auto 0; border-bottom:1px solid #dddddd;}
a.photo img {padding:6px; border:1px solid #dddddd;}
a.photo:hover img {border:1px solid #901D00;}

#cortege2013 {margin:0 4px 0 0;}
#cortege2013 p {text-align:justify;}
#cortege2013 h2 {color:#901D00;}
#cortege2013 img.programme-imageDroite {float:right; margin-left:15px;}
#cortege2013 img.programme-imageGauche {float:left; margin-right:15px;}

#issuuProgramme {cursor:pointer;}
#issuuProgramme:hover {opacity:0.8;}
#icones-informations-pratiques {margin:auto; width:324px;}
#icones-informations-pratiques .icone {float:left; margin-right:10px; width:150px; height:30px; display:block; padding-top:130px; cursor:pointer; color:#777777; text-align:center; border:1px solid #dddddd;}
#icones-informations-pratiques #plan-acces {height:25px; padding-top:135px; background:url(/images/icone-plan-acces.jpg) no-repeat;}
#icones-informations-pratiques #parcours-cortege-historique {background:url(/images/icone-parcours-cortege-historique.jpg) no-repeat;}
#listingProduits {margin:20px 40px;}
#listingProduits .produit {float:left; position:relative; width:156px; margin:0 20px 20px 0;}
#listingProduits .photo {display:block;}
#listingProduits .photo img {padding:2px; width:150px; height:80px; border:1px solid #888888;}
#listingProduits .prix {position:absolute; padding:1px 3px; top:71px; right:-4px; font-family:Arial; font-weight:bold; font-size:14px; background:#ffbe00; border:1px solid #ffffff;}
#listingProduits .titre {display:block; padding:5px; color:#000000; background:#eeeeee; font:Arial bold 11px #000000;}
#listingProduits .produit:hover img {background:#ffbe00; border:1px solid #ffbe00;}
#listingProduits .produit:hover .titre {background:#ffbe00;}

#detailProduit {margin:0 10px;}
#detailProduit .description {margin-bottom:20px; text-align:justify;}
#detailProduit .description p {margin-top:0;}
#detailProduit .blocPhotos {float:right; width:200px; margin:0 0 5px 15px;}
#detailProduit .blocPhotos .grandePhoto, #detailProduit .blocPhotos .miniatures {display:block;}
#detailProduit .blocPhotos .miniatures {float:left; margin:5px 7px 0 0;}
#detailProduit .blocPhotos img {padding:2px;border:1px solid #888;}
#detailProduit .prix {float:left; margin-right:10px; height:48px; line-height:48px; width:100px; text-align:center; display:block; background:#911d00; border-radius:3px; font-size:18px; font-family:arial; font-weight:bold; color:#ffffff;}
#detailProduit .ajouterPanier {float:left; height:48px; width:185px; display:block; padding-left:50px; line-height:48px; border:0; border-radius:3px; font-size:11px; font-family:Arial; font-weight:bold; text-transform:uppercase; color:#000000; background:url(/images/ico_panier_noir.png) no-repeat 20px center #ffbe00;}
#detailProduit .ajouterPanier:hover {background-color:#FFC827; cursor:pointer;}
#detailProduit .ajouterPanier.rupture, #detailProduit .ajouterPanier.rupture:hover {background-color:#cccccc;}
#partageReseauxSociaux {clear:both; float:right; margin-top:20px;}

#panier {margin:0 10px;}
#panier .miniature img {padding:2px; border:1px solid #888;}
#panier .nomProduit, #panier .prixProduit {font-weight:bold;}
#panier .quantiteProduit, #panier .quantiteProduitActions {float:left;}
#panier .quantiteProduit {height:20px; line-height:20px; width:35px; border:1px solid #ccc; text-align:center;}
#panier input.ajouterProduitPanier, #panier input.enleverProduitPanier {display:block; margin:0 0 3px 2px; width:14px; height:9px; border:0; background:url(/images/panier_quantite.png) no-repeat left bottom;}
#panier input.enleverProduitPanier {background-position:left top;}
#panier input.validerCommande {float:right; height:48px; width:150px; display:block; margin-top:25px; padding-left:50px; line-height:48px; border-radius:3px; font-size:11px; font-family:Arial; font-weight:bold; text-transform:uppercase; color:#000000; background:url(/images/panier_valid.png) no-repeat 20px center #ffbe00;}
#panier input.validerCommande:hover {background-color:#FFC827 !important;}
#panier input.supprimerProduit {background:url(/images/panier_suppr.png) no-repeat; display:block; height:10px; width:8px; border:0;}
#panier input.ajouterProduitPanier:hover, #panier input.enleverProduitPanier:hover, #panier input.supprimerProduit:hover {opacity:0.8;}
#panier table {border-collapse:collapse; margin-bottom:25px; width:100%;}
#panier table th {text-align:left; font-weight:normal;}
#panier table td {border-top:1px solid #cccccc; padding:10px 0;}
#panier .totalPanier {float:right; height:48px; line-height:48px; width:180px; text-align:center; display:block; background:#911d00; border-radius:3px; font-size:18px; font-family:arial; text-transform:uppercase; color:#ffffff;}
#panier form p {position:relative;}
#panier form p label {color:#000; font-weight:normal; width:288px;}
#panier form p label.inLine {position:absolute; margin-top:4px; margin-left:8px;}
#panier form p label.focus {display:none;}
#panier form input.text {padding:5px;}
#panier form #adresse {width:550px;}
#panier form #nom, #panier form #prenom, #panier form #codePostal, #panier form #ville, #panier form #email, #panier form #telephone {width:262px;}
#panier form #nom, #panier form #codePostal, #panier form #email {margin-right:10px;}

#inscriptionSeigneurie label {color:#901D00; font-weight:normal; width:150px;font-size:13px;}
#inscriptionSeigneurie label.grandLabel {width:500px;}
#inscriptionSeigneurie label.noFloat {float:none;}
#inscriptionSeigneurie input, #inscriptionSeigneurie textarea {border:1px solid #dddddd;}
#inscriptionSeigneurie textarea {width:99%;}
#inscriptionSeigneurie #codePostal {margin-right:10px;}
#inscriptionSeigneurie p.submit input {font-size:13px; cursor:pointer;}
#inscriptionSeigneurie p.erreur {background-color:#FFB3B3; border:1px solid #990602;}

.fancybox p {font-size:14px;}
.fancybox .sans-bordure {margin-right:10px !important;}
.fancybox .bloc-contenu {line-height:inherit !important;}
.boutonActionInscription { background: #901d00; background-image: -webkit-linear-gradient(top, #901d00, #b32806); background-image: -moz-linear-gradient(top, #901d00, #b32806); background-image: -ms-linear-gradient(top, #901d00, #b32806); background-image: -o-linear-gradient(top, #901d00, #b32806); background-image: linear-gradient(to bottom, #901d00, #b32806); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; color: #ffffff !important; font-size: 18px; padding: 10px 20px; text-decoration: none; }
.boutonActionInscription:hover { background:#ff9100; background-image:-webkit-linear-gradient(top, #ff9100, #f29113); background-image:-moz-linear-gradient(top, #ff9100, #f29113); background-image:-ms-linear-gradient(top, #ff9100, #f29113); background-image:-o-linear-gradient(top, #ff9100, #f29113); background-image:linear-gradient(to bottom, #ff9100, #f29113); text-decoration:none; }
.fancybox .boutonActionInscription:hover { background: #7f5826; background-image:-webkit-linear-gradient(top, #7f5826, #99692b); background-image:-moz-linear-gradient(top, #7f5826, #99692b); background-image:-ms-linear-gradient(top, #7f5826, #99692b); background-image:-o-linear-gradient(top, #7f5826, #99692b); background-image:linear-gradient(to bottom, #7f5826, #99692b); }

.html2016 #content #content-interieur { width:604px; padding-right:5px;}
.html2016 #content p, .html2016 #content li {font-size:14px; text-align:justify; line-height:20px;}
.html2016 #content p.center {text-align:center;}

ul.timeline { list-style-type: none; position: relative; }
ul.timeline:before { content: ' '; background: #dddddd; display: inline-block; position: absolute; left: 27px; width: 2px; height: 100%; z-index: 400; }
ul.timeline > li { margin: 20px 0; padding-left: 15px; }
ul.timeline > li:before { content: ' '; background: #ffbe00; display: inline-block; position: absolute; border-radius: 50%; border: 2px solid #901D00; left: 20px; width: 16px; height: 16px; z-index: 400; box-sizing: border-box; }
ul.timeline > li .timelineDate, ul.timeline > li .timelinePlace i { color: #901D00; }
ul.timeline > li .timelinePlace { font-size: small; font-style: italic; }