@import url(http://fonts.googleapis.com/css?family=Roboto:400,100|Capriola|Dosis);

#bandeauHaut {
    display: block;
    height: auto !important;
    max-height: 200px !important;
    min-height: 0 !important;
    overflow-x: visible;
    overflow-y: visible;
    position: relative;
    text-align: center;
}

#bandeauHaut .bandeauImage:before {
    background-image: url(http://www.albenc.fr/include/viewfilesecure.php?WBT_CODE=WBT_IMAGE&idtf=30870&path=28%2F30870_289_logo-Albenc-banner.png);
    content: "";
    display: block;
    height: 220px;
    left: 50%;
    margin-left: -167px;
    position: absolute;
    top: 12%;
    width: 334px;
}

#menu {
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: none;
    border-top: 0px solid #E6E6E6;
    box-shadow: none;
    display: block;
    height: 73px;
    margin: -8px auto 0;
    position: relative;
    z-index: 5;
}

#menu ul.menuNiv1 li.nav1 .aNiv1 {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #fff;
    display: inline-block;
    font-family: 'delicious-roman';
    font-size: 1.667em;
    font-weight: normal;
    min-height: 35px;
    position: relative;
    width: 100%;
}


#Accueil #corps .regroupement {
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    position: relative;
}


#Accueil #corps #PRR_ALAUNE {
    background-color: #998272;
    padding-top: 28px;
}

.paragraphe.txt .innerParagraphe h2 {
    border-bottom: 0 solid #E3E3E3;
}

#Accueil h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: roboto;
    font-size: 2.5em;
    font-weight: 100;
}

#Accueil #corps #PRR_ALAUNE {
    background-color: #998272;
    color: #FFFFFF;
    font-family: 'Capriola', sans-serif;
    font-size: 1.35em;
    padding-top: 28px;
}

.PRS_WIDTH_20D h6 {
    color: #C1B3A9;
    font-family: impact;
    font-size: 3em;
    text-align: center;
}

.alignmiddle {
    display: block;
    left: -4%;
    margin: auto;
    position: relative;
}

                                                                                  /*Couche agenda*/
#Accueil #corps .regroupement:first-child + .regroupement, #Accueil #corps .regroupement:first-child + .regroupement + .regroupement + .regroupement {
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
}

#PRR_TUILE .regroupementInner h2 {
    font-family: roboto;
    font-size: 3.5em;
    font-weight: 100;
}

                                                                                  /*Template agenda accueil*/
.tpl_evenementAVenir ul li{

    height: 217px;
    padding: 0 0 17px;
}

/*vignette*/
.tpl_evenementAVenir ul li .inner .theme {
    background-color: #FFFFFF;
    border-radius: 211px 232px 0 0;
    color: #212121;
    font-family: capriola;
    font-style: italic;
    font-weight: normal;
    height: 33px;
    left: -13px;
    padding: 15px 6px 0;
    position: relative;
    text-align: center;
    top: -18px;
    width: 110%;
}
.tpl_evenementAVenir ul li .inner .image {
    border-bottom: 0px ;
}

.tpl_evenementAVenir ul li .inner h3 {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    color: #212121;
    font-family: capriola;
    font-weight: normal;
    line-height: normal;
    margin: 8px 0 0;
    padding: 0 8px;
    position: relative;
    text-transform: none;
    top: -33px;
}

/*last day*/
.tpl_evenementAVenir ul li .inner .days {
    background-image: url("/include/css/GAB_PARTENAIRE/images/hourglass.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #777777;
    font-size: 0.917em;
    line-height: 1.167em;
    margin: 20px 0 0 10px;
    padding: 0 0 0 20px;
    position: relative;
    text-transform: uppercase;
    top: -36px;
    transition: all 0.3s ease-in-out 0s;
}

.tpl_evenementAVenir ul li:after {
    background: none;
}

.tpl_evenementAVenir ul li .inner .date {
    color: #5C5C5C;
    font-family: roboto;
    font-size: 1.084em;
    font-weight: normal;
    line-height: 1em;
    margin: 8px 0;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    top: -33px;
}


.tpl_evenementAVenir ul li .inner .text {
    color: #000000 !important;
    font-family: roboto;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.167em;
    max-height: 52px;
    overflow: hidden;
    padding: 7px 16px 0 0;
    position: relative;
    text-overflow: ellipsis;
    top: -37px;
    overflow: visible;
}

.tpl_evenementAVenir ul li .inner .link {
    background-image: url("/include/css/GAB_PARTENAIRE/images/menu_puce_off.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: 38px;
    display: block;
    height: 10px;
    margin: 10px 10px 0 0;
    position: absolute;
    right: -7px;
    width: 6px;
}
                                                                                  /*Fin Template agenda accueil*/
/*Couche menu rond*/
#PRR_DEMARCHE {
    background-color: #998272;
}
                                                                                  /*widget menu rond accueil*/
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('http://www.albenc.fr/include/viewfilesecure.php?idtf=28447&path=d1%2F28447_359_websymbols-regular-webfont.eot');
    src: url('http://www.albenc.fr/include/viewfilesecure.php?idtf=28447&path=d1%2F28447_359_websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('http://www.albenc.fr/include/viewfilesecure.php?idtf=28449&path=fd%2F28449_359_websymbols-regular-webfont.ttf') format('truetype'),
        url('http://www.albenc.fr/include/viewfilesecure.php?idtf=28448&path=f3%2F28448_359_websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
     font-family: 'Dosis', Arial, sans-serif;
     padding: 0 0 0 48px;
     margin: 20px auto;
     max-width: 940px;
     overflow: visible;
}
.ca-menu li{
    width: 183px;
    height: 196px;
    border: 10px solid #f6f6f6;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-left:-35px;
    margin-top: -17px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    color: #f6f6f6;;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: -9px;
    top: 30px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

/*CORRECTION BO*/
.ca-main {
    color: #555555;
    font-family: 'Dosis',Arial,sans-serif;
    font-size: 19px;
    height: 80px;
    left: 51%;
    line-height: 1.2em;
    margin-left: -85px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 97px;
    width: 159px;
}

.paragraphe.txt .innerParagraphe .ca-main > a {
    color: #555555;
    font-family: 'Dosis',Arial,sans-serif;
    font-size: 22px;
    height: 80px;
    left: 52.5%;
    line-height: 1.2em;
    margin-left: -85px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 159px;
    text-decoration: none;
    font-weight: 100;
}


#Accueil ul.ca-menu > li > .ca-content > h2.ca-main {
    color: #555555;
    font-family: 'Dosis',Arial,sans-serif;
    font-size: 22px;
    height: 80px;
    left: 52.5%;
    line-height: 1.2em;
    margin-left: -85px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 97px;
    width: 159px;
}
.ca-sub{
    display: none;
}
.ca-menu li:hover{
    border-color: #cad74b;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ca-menu li:hover .ca-icon{
    color: #01b0c8;
    font-size: 60px;
    text-shadow: 0px 0px 1px #01b0c8;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.ca-menu li:hover .ca-main{
    color: #000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%) scale(0.5);
        opacity: 0;
    }
    to {
        -ms-transform: translateY(0%) scale(1);
        opacity: 1;        
    }
}




                                                                                  /*FIN widget menu rond accueil*/




#Accueil .tpl h2 {
    font-family: roboto;
    font-size: 3.5em;
    font-weight: 100;
}

.tpl_actualites ul li {
    min-height: 165px;
-moz-box-shadow: -3px -3px 10px 2px #9b9b9b;
-webkit-box-shadow: -3px -3px 10px 2px #9b9b9b;
-o-box-shadow: -3px -3px 10px 2px #9b9b9b;
box-shadow: -3px -3px 10px 2px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=315, Strength=10);
}

.tpl_actualites ul {
    overflow: visible;
}

.tpl_actualites ul li .extra .theme {
    background-color: #FFFFFF;
    border-radius: 145px 145px 0 0;
    bottom: 0;
    color: #5C5C5C;
    font-family: capriola;
    font-style: italic;
    font-weight: normal;
    height: 25px;
    left: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 15px;
    position: relative;
    text-align: center;
    top: -5px;
}

.tpl_actualites ul li .content h3 a {
    color: #519aa6;
}

.tpl_actualites ul li .content h3 {
    border: medium none;
    font-family: capriola;
    font-size: 1.334em;
    font-style: italic;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 11px 0 0;
    text-transform: inherit;
}

.tpl_actualites ul li .content .date {
    background-image: url("/include/css/GAB_PARTENAIRE/images/grey-clock.png");
    background-position: 0 1px;
    background-repeat: no-repeat;
    color: #777777;
    font-size: 0.917em;
    font-style: italic;
    left: 10px;
    margin: 15px 0;
    padding-left: 19px;
    position: relative;
    text-transform: uppercase;
    top: -7px;
}

.tpl_actualites ul li .content .text {
    font-family: roboto;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.167em;
    position: relative;
    text-align: right;
    top: -17px;
    font-style: italic;
}