﻿/* *************************************** */
/*         INTERFACE URSSAF IDF            */
/* *************************************** */


/* ******************************** */
/*           HEADER                 */
/* ******************************** */
.bandeau { margin-top: 20px;  -moz-border-radius: 24px 24px 0px 0px; border-radius:  24px 24px 0px 0px; -webkit-border-radius:   24px 24px 0px 0px;	 -moz-box-shadow: 0px 0px 12px #aaa; -webkit-box-shadow: 0px 0px 12px #aaa; box-shadow: 0px 0px 12px #aaa; }


/* ******************************** */
/*           MAIN                   */
/* ******************************** */
.main { background-color: transparent; padding:0px; }


/* ******************************** */
/*           PORTLET                */
/* ******************************** */

/*           PORTLET CONNEXION      */
.portlet-connexion { padding:20px; background-color:#fff; margin-top:0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-top:20px; margin-bottom:20px; }
#form-identification legend { font-family: open_sansextrabold; color: #9F2B5A; }

.portlet { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/* ******************************** */
/*           WIDGET                 */
/* ******************************** */

.widget-label { color: #FFFFFF !important; background-color: #9F2B5A !important; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; padding-left: 10px;}
.widget1, .widget2, .widget3, .widget4 { border: 0; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }
.actuslider { padding-left: 4px; }
a.suite { font-weight: bold; }
a.suite , .vente .produit .suite,.manifestation .produit .suite, .kalidea .produit .suite { background-color: #76A53B; color: #fff; border-radius:6px; }
a.suite:hover { color: #FFF; text-decoration:none; }

.fil-ariane { background-color:#ffffff; padding:10px; border-radius:6px; }

#zone-outil { color: #000; background-color: #F4F4F4; }
#zone-outil a { color: #9F2B5A; }
#zone-outil a:hover { color: #76A53B; text-decoration: none; }

.article-detail .titre { font-size: 20px; color: #000; }

.produit-vente-vignette .tarif, .vente .produit, .manifestation .produit, .kalidea .produit { border: 1px solid #9E2B5A; -moz-border-radius: 6px; border-radius: 6px; }
.marque-subvention { background-image: url(Images/picto-tampon-subvention.png); background-repeat: no-repeat; background-position: 0px 0px; position: absolute; left: 0px; top: 0px; width:65px; height:65px; }

/* ******************************** */
/*           FOOTER                 */
/* ******************************** */
.signature { padding: 10px; background-color: #9F2B5A; color: #FFFFFF; font-size: 9px; -moz-border-radius: 0px 0px 24px 24px; border-radius: 0px 0px 24px 24px;	}

@media (max-width: 768px) { 
    .bandeau { margin-top: 0px; -moz-border-radius: 0px 0px 0px 0px;  -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
    .portlet-connexion { padding: 5px; margin-top: 0px; margin-bottom: 0px; background-color: #FFF; -moz-border-radius: 0px 0px 0px 0px;  -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; }
    .widget1, .widget2, .widget3, .widget4 { -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: 0px; }
    .widget-label { -moz-border-radius: 0px 0px 0px 0px;  -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; margin-left: 0px; margin-right: 0px;  }
    .signature { margin-bottom: 0px; margin-top: 0px; border-radius: 0px; }
}

ul.fil-ariane { padding-left: 15px; }
ul.fil-ariane li {  font-variant:normal; text-transform:none;  }
#page-article { border-radius: 6px; }
article > h1 > a, article > h1 > a:hover { color: #333; text-decoration: none; font-family: open_sans_condensedbold;}
#page-article article, #page-article .commentaires { border-radius: 6px; }
#page-article-entete article > h4 { 
display: block; font-family: "open_sansextrabold"; white-space: nowrap; font-size: 18px; line-height: 1.8em; text-transform: uppercase; height: 35px;
color: #FFFFFF !important; background-color: #9F2B5A !important; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; padding-left: 10px; }
#page-article-multiple1 { background-color:#fff; border-radius:6px; padding-left:10px; padding-right:10px;}
#page-article-multiple1 #page > h1 {     display: block; font-family: "open_sansextrabold"; white-space: nowrap; font-size: 18px; line-height: 1.8em; text-transform: uppercase; height: 35px;
color: #FFFFFF !important; background-color: #9F2B5A !important; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; padding-left: 10px; }