/*---------------------------------------------------------
/*      =TAGS
/*      =STRUCTURE
/*        @Header
/*        @Container
/*        @Footer
/*      =MODULES
/*        @home
/*        @pages de contenu
/*        @aside
/*        @carousels
/*        @Forms
-------------------------------------------------------- */

@font-face {
	font-family: 'AlphaEchoRegular';
	src: url('../font/alpha_echo-webfont.eot');
	src: local('?'), url('../font/alpha_echo-webfont.woff') format('woff'), url('../font/alpha_echo-webfont.ttf') format('truetype'), url('../font/alpha_echo-webfont.svg#webfontUdpN7kXP') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------------------
        =TAGS
-------------------------------------------------------- */

html, body {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

body {
    background: url(../images/bg/bg-body.png) repeat-x left 180px;
    font: 0.625em/1em arial, helvetica, sans-serif;
    text-align: left;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 0.6em 0;
}

h1, .h1 {
    font-size: 1.8em;
}

h2, .h2 {
    color: #fff;
    font: 1.5em/1em 'AlphaEchoRegular', helvetica, sans-serif;    
    text-align: center;
}

#content h2, 
#content .h2 {
    height: 28px;
    padding: 12px 0 7px;
}
    

h3, .h3 {
    font-size: 1.4em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 1.2em;
}

h6, .h6 {
    font-size: 1.2em;
}

p {
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 1.2em 0;
}

ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0;
    padding: 0;
} 

ol {
    list-style: decimal;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

li {
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 1.2em 0;
}

a {
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

img {
    border: 0;
}

hr {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 0;
    margin: 0;
}

hr.separateur {
    clear: left;
    border-bottom: 1px dotted #bbbbbb;
    margin: 0 0 10px;
    padding: 10px 0 0;
}

form {
    display: inline;
    margin: 0;
    padding: 0;
}

textarea {
    line-height: 1.2em;
}

label {
    cursor: pointer;
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0 0 1.2em 0;
    padding: 0;
}

th, td {
    font-size: 1.2em;
    margin: 0;
    padding: 1.2em 1em;
}

blockquote {
    margin: 0.6em 1.8em;
    padding: 0;
}

small {
    font-size: 0.8em;
}

kbd {
    border: 1px solid #000;
    padding: 1px 2px;
}

sup {
    bottom: 0.3em;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.2em;
    position: relative;
    vertical-align: baseline;
}

acronym, abbr {
    border-bottom: 1px dashed;
    cursor: help;
    letter-spacing: 1px;
}


/*---------------------------------------------------------
        =STRUCTURE
-------------------------------------------------------- */

#site, 
#footer {
    width: 100%;
}

#site {
    margin-bottom: 30px;
}

#header, 
#container, 
#footer .subFooter {
    margin: 0 auto;
    width: 960px;
}

#mainNav, 
#container .breadcrumb {
    display: inline-block;
    vertical-align: top;
}

#content, 
#aside {
    display: block;
    float: left;
}



/*      @Header
------------------------------------ */

#header {
    background: url(../images/bg/bg-header.jpg) no-repeat 540px bottom;
    height: 180px;
    position: relative;
}

#header h1 {
    left: 10px;
    padding: 0;
    position: absolute;
    top: 17px;
}


/*      @Nav
------------------------------------ */

#mainNav {
    background: #e1204f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: inline-block;
    height: 40px;
    margin: 0 10px 20px 0;
    position: relative;
    vertical-align: top;
    width: 290px;
    z-index: 100;
}

#mainNav,
#mainNav .sousNav ul {
    list-style-type: none;
}

#mainNav li {
    display: inline-block;
    font: 1.5em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    padding: 0;
    position: relative;
    vertical-align: top;
}

#mainNav a {
    color: #fff;
    display: inline-block;
    padding: 13px 14px 10px;
}

#mainNav .bt2 a {
   padding: 13px 15px 10px 14px;
}

#mainNav a:hover, 
#mainNav a:focus, 
#mainNav a.actif, 
#mainNav .sousNav a:hover,
#mainNav .sousNav a:focus,
#mainNav .sousNav a.actif {
    color: #000;
    text-decoration: none;
}

#mainNav .sousNav {
    padding: 0;  
    width: 150px;
    z-index: 100;
}

#js #mainNav .sousNav {
    display: none;
    left: 0;
    padding: 0;    
    position: absolute;
    top: 35px;
}

#js #mainNav .bt3 .sousNav {
    left: auto;
    right: 0;
}

#mainNav .sousNav ul {
    border: 5px solid #e1204f;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -webkit-border-bottom-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
    padding: 0;
    width: 140px;
}

#mainNav .sousNav li {
    background: #fff;
    display: block;
    font: normal 0.75em/1em arial, helvetica, sans-serif;
    padding: 0 10px;
}

#mainNav .sousNav a {
    color: #e1204f;
    padding: 5px 0;
}

/*      @Container
------------------------------------ */

#container {
    background: url(../images/bg/bg-container.png) no-repeat left top;
    padding: 20px 10px 0;
    width: 940px;
}

#content {
    padding-bottom: 25px;
    position: relative;
    width: 720px;
}

#aside {
    padding: 0 0 25px 10px;
    vertical-align: top;
    width: 207px;
}

/*      @Footer
------------------------------------ */

#footer {
    background: url(../images/bg/bg-footer.png) repeat-x left top;
    clear: both;
    height: 246px;
}

#footer .subFooter {
    height: 246px;
    position: relative;
}

#footer .navFooter, 
#footer .blocInfo {
    display: inline-block;
    vertical-align: top;
}

#footer .navFooter {
    padding: 30px 0 10px 10px;
}

#footer .navFooter li {
    color: #353535;
    display: inline-block;
    font: 1.5em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    margin-right: 30px;
    padding: 0;
    vertical-align: top;
    width: 120px;
}

#footer .navFooter li a {
    border-bottom: 1px solid #d5d5d5;
    color: #353535;
    display: block;
    padding-bottom: 15px;
}

#footer .navFooter li li {
    color: #939393;
    display: block;
    font: normal 11px arial, helvetica, sans-serif;
    margin: 0;
}

#footer .navFooter li li a {
    border-bottom: 1px solid #d5d5d5;
    color: #939393;
    display: block;
    padding: 2px 0;
}

#footer .navFooter li a:hover, 
#footer .navFooter li a:focus {
    text-decoration: none;
}

#footer .blocInfo {
    margin: 20px 0 0;
    padding: 10px 0 0;
    width: 480px;
}

#footer .blocInfo h2 {
    color: #939393;
    font: bold 1.3em/1em arial, helvetica, sans-serif;
    padding: 0 0 17px 0;
    text-align: left;
}

#footer .blocInfo p {
    color: #939393;
    font-size: 1.1em;
    line-height: 1.3em;
    padding-bottom: 4px;
}

#footer .blocInfo a {
    color: #939393; 
    text-decoration: underline;
}

#footer .blocInfo a:hover, 
#footer .blocInfo a:focus {
    text-decoration: none;
}

#footer .mentions {
    color: #939393;
    font-size: 1.1em;
    position: absolute;
    bottom: 19px;
    left: 164px;
}

#footer .mentions a {
    color: #939393;
    text-decoration: none;
}

#footer .mentions a:hover, 
#footer .mentions a:focus {
    text-decoration: underline;
}

#footer .mentions .concept {
    color: #5f5f5f;
}

/*---------------------------------------------------------
        =MODULES
-------------------------------------------------------- */

.lienInt, 
.lienInt a {
    color: #e1204f;
}

.lienInt a {
    background: url(../images/bg/pictos.png) no-repeat right 5px;
    padding: 0 9px 0 0;
}

.underline {
    text-decoration: underline;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.color1 {
    color: #30b0b5;
}

.clearBoth {
    clear: both;
}

/*-----------------------------------------------------*/

#container .breadcrumb {
    background: #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: inline-block;
    margin-bottom: 20px;
    padding: 14px 15px 17px 15px;
    width: 380px;
}

#container .breadcrumb, 
#container .breadcrumb a, 
#container .breadcrumb span {
    color: #9b9b9b;
}

#container .breadcrumb a:hover, 
#container .breadcrumb a:focus {
    text-decoration: underline;
}

/*      @home
-------------------------------------------------------*/

#blocEdito {
    margin-right: 10px;
    height: 260px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 230px;
}

#blocAnim, 
#blocAnim h2, 
#carouselAnim {
    z-index: 10;
}

#blocEdito, 
#blocAnim {
    display: inline-block;
    vertical-align: top;
}

#blocEdito h2 {
    background: url(../images/bg/bg-titre-edito.png) no-repeat left top;
    width: 100px;
}

#blocEdito h3, 
#blocEdito p {
    color: #0ca2a8;
}

#blocEdito h3 {    
    font: 1.9em/1em 'AlphaEchoRegular', helvetica, sans-serif;
}

#blocEdito p {
    font-size: 1.2em;
    line-height: 1.3em;
}

#blocAnim h2 {
    background: url(../images/bg/bg-titre-animation.png) no-repeat left top;
    left: 120px;
    padding: 12px 0 0 9px;
    position: absolute;
    text-align: left;
    top: 61px;
    width: 98px;
}

#blocUne {
    background: #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 240px;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px 5px;
    width: 703px;
}

#blocUne h2 {
    background: url(../images/bg/bg-titre-blocUne.png) no-repeat left top;
    position: absolute;
    top: 331px;
    left: 0;
    width: 100px;
}

#blocUne .bloc {
    display: inline-block;
    height: 240px;
    overflow: hidden;
    vertical-align: top;
    width: 220px;
    padding: 0 6px;
}

#blocUne .bloc img {
    margin: 0 0 15px 0;
}

#blocUne .bloc h3, 
#blocUne p {
    font-size: 1.2em;
    line-height: 1.2em;
}

#blocUne .bloc h3 {
    color: #404040;
    font-weight: bold;
    padding: 0 0 3px 0;
}

#blocUne .bloc p, 
#blocUne .bloc p a {
    color: #717171;
    padding: 0 0 10px 0;
}

#blocUne .bloc .lienInt, 
#content .article .lienInt {
    color: #e1204f;
    font-size: 1.1em;
}

#blocUne .bloc .lienInt a {
    color: #e1204f;
    padding: 0 9px 0 0;
}

/*          @pages de contenu
-------------------------------------------------------------------*/

#content .bonhommeRight {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 555px 80px;
}

#content .article {
    padding-right: 7px;
}

#content .article h3 {
    background: #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    clear: both;
    color: #000;
    font: 1.9em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    margin-bottom: 7px;
    padding: 10px 10px 11px 10px;
}

#content .infosPratiques h2 {
    background: url(../images/bg/bg-titre-info-pratique.png) no-repeat left top;
    margin-bottom: 13px;
    width: 150px;
}

#content .article p {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0 0 13px 10px;
}

#content .article h4 {
    color: #30b0b5;
    font: 1.3em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    padding: 0 0 10px 10px;
}

#content .tabBasic {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: -10px 0 8px 10px;
    width: 503px;
}

#content .tabBasic td {
    background: #30b0b5;
    color: #fff;
    font-size: 1.1em;
    padding: 5px 10px;    
}

#content .tabBasic td a {
    color: #fff;
}

#content .tabBasic .left {
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -webkit-border-top-left-radius: 5px; /* pour Chrome */ 
    -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
    border-spacing: 0;
    width: 268px;
}

#content .tabBasic .right {
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -webkit-border-top-right-radius: 5px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
    width: 195px;
}

#content .article .small {
    font-size: 1.1em;
}

#content .article img.floatLeft {
    margin: 0 20px 0 0;
}

#content .article h5 {
    color: #e3267a;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    padding: 0 0 8px 0;
}

#content .article h6 {
    color: #717171;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 0;
}

#content .carteBorder {
    background: #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 260px;
    margin-bottom: 10px;
    padding: 10px;
    width: 550px;
}

#content .calatogueExpo {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 568px 220px;
}

#content .calatogueExpo h2 {
    background: url(../images/bg/bg-titre-catalogue-expo.png) no-repeat left top;
    margin-bottom: 13px;
    width: 192px;
}

#content .navAlphabet {
    color: #717171;
    font-size: 1.5em;
    margin-bottom: 29px;
    padding: 8px 0 0 6px;
}

#content .navAlphabet a {
    color: #e1204f;
    font-size: 1.2em;
    padding: 0 5px;
}

#content .navAlphabet a:hover, 
#content .navAlphabet a:focus {
    color: #717171;
    text-decoration: none;
}

#content .article .listeExpo h5 {
    color: #30b0b5;
    padding: 0 0 20px;
}

#content .exposant {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    min-height: 140px;
    padding: 0 190px 6px 10px;
}

#content .exposant ul {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
}

#content .exposant li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1em;
    padding: 0 0 8px 0;
}

#content .exposant li a {
    color: #e1204f;
}

#content .exposant .lienInt {
    padding-left: 0;
}

#content .navPages {
    color: #717171;
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 6px 0;
    text-align: center;
}

#content .navPages a {
    color: #e1204f;
    display: inline-block;
    padding: 1px 1px 2px;
}

#content .themaFoire h2 {
    background: url(../images/bg/bg-titre-thematique.png) no-repeat left top;
    margin-bottom: 13px;
    width: 214px;
}

#content .thema, 
#content .thema .separateur {
    border-bottom: 1px solid #d5d5d5;
}

#content .themaFoire p {
    line-height: 1.4em;
}

#navOnglets {
    background: #e1204f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 40px;
    margin-bottom: 22px;
    text-align: center;
}

#content .themaFoire #navOnglets {
    font: 1.2em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    width: 710px;
}

#content .communiques #navOnglets {
    width: 580px;
}

#content .contacts #navOnglets, 
#content .animations #navOnglets, 
#content .communiques #navOnglets {
    font: 1.5em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    margin-top: 20px;
}

#content .contacts #navOnglets {
    width: 470px;
}

#navOnglets a {
    color: #fff;
    display: inline-block;
}

#content .themaFoire #navOnglets a {
    padding: 14px 5px 20px;
}

#content .contacts #navOnglets a, 
#content .animations #navOnglets a, 
#content .communiques #navOnglets a {
    padding: 12px 5px 20px;
}

#navOnglets a:hover, 
#navOnglets a:focus, 
#navOnglets a.actif {
    background: url(../images/bg/pictos-large.png) no-repeat center 40px;
    color: #000;
    text-decoration: none;
}
    
#content .themaFoire .thema {
    clear: both;
    margin-bottom: 20px;
}

#onglets {
    min-height: 150px;
}

#js #content .themaFoire .thema, 
#js #content .contacts .service, 
#js #content .animations .anims, 
#js #content .communiques .blocCom {
    display: none;
}
#js #content .themaFoire .ongletActif, 
#js #content .contacts .ongletActif, 
#js #content .animations .ongletActif, 
#js #content .communiques .ongletActif {
    display: block;
}

#content .themaFoire .thema .floatLeft {
    margin: 0 10px 0 0px;
}

#content .themaFoire hr.separateur {
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}

#content .contacts h2 {
    background: url(../images/bg/bg-titre-contacts.png) no-repeat left top;
    margin-bottom: 13px;
    width: 100px;
}

#content .visit h2 {
    background: url(../images/bg/bg-titre-contact-visiteur.png) no-repeat left top;
    width: 175px;
}

#content .contacts .adresse {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 250px top; 
    padding-top: 10px;
    height: 150px;
}



#content .contacts .service .separateur {
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}

#content .contacts h4 {
    color: #30b0b5;
    font: bold 1.3em/1em arial, helvetica, sans-serif;
    padding: 0 0 20px 0;
}

#content .contacts .service {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
}

#content .contacts .service {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat right top;
}

#content .contacts .service .left, 
#content .contacts .service .right {
    display: inline-block;
    vertical-align: top;
    min-height: 96px;
}

#content .contacts .service .left {
    width: 230px;
}

#content .contacts .service .demi {
    width: 200px;
}

#content .contacts .service .right {
    width: 350px;
}

#content .contacts .service p, 
#content .contacts .service li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 0;
}

#content .contacts .service a {
    color: #e1204f;
}

#content .contacts .service a:hover, 
#content .contacts .service a:focus {
    text-decoration: underline;
}

#content .partenaires h2 {
    background: url(../images/bg/bg-titre-info-pratique.png) no-repeat left top;
    margin-bottom: 13px;
    width: 150px;
}

#content .partenaires h3 {
    background: none;
    color: #30b0b5;
    font: bold 1.3em/1.2em arial, helvetica, sans-serif;
    
    margin: 0;
    padding: 0;
    text-align: center;
}

#content .nonAdministrable, 
#content .partenaire {
    border: 5px solid #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: inline-block;
    margin: 0 7px 10px 0;
    vertical-align: top;
}

#content .partenaires .partenaire:nth-child(3n+1) {
    margin: 0 0 10px 0;
}

#content .partenaire {
    height: 113px;
    padding: 15px 15px 12px;
    position: relative;
    width: 190px; 
}

#content .nonAdministrable {
    height: 140px;
    padding: 0;
    width: 220px;
}

#content .partenaire .imgPart {
    display: block;
    padding-top: 15px;
    text-align: center;    
    width: 190px;
}

#content .partenaire .lienInt {
    bottom: 10px;
    position: absolute;
    right: 15px;
    padding: 0;
    text-align: right;
}

#content .animations h2 {
    background: url(../images/bg/bg-titre-animation-page.png) no-repeat left top;
    margin-bottom: 13px;
    width: 110px;
}

#content .animations .anims {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat right 22px;
    border-bottom: 1px solid #d5d5d5;
    min-height: 150px;
    padding-bottom: 10px;
}

#content .animations #animPerm {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat right 22px;
}

#content .animations #calendrier {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat right 62px;
    min-height: 195px;
}

#content .animations .anims img {
    margin: 0 10px 10px 0;
}

#content .animations .anims .lienInt {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-align: right;
    width: 710px;
}

#content .animations .anims h4, 
#content .communiques .blocCom h4, 
#content .communiques .blocCom .label {
    font: bold 1.3em/1em arial, helvetica, sans-serif;
}

#content .animations .anims p, 
#content .animations .anims ul {
    padding: 0;
    width: 580px;
}

#content .animations .anims .separateur {
    margin-bottom: 20px;
}

#content .animations ul {
    list-style-type: inside;
    padding: 0 0 5px;
}

#content .animations li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.3em;
    padding: 0;
}

#content .animations .anims li a, 
#content .animations .anims p a {
    color: #e1204f;
}

#content #calendrier .navCalendrier {
    float: left;
}

#content .animations #calendrier .lienInt {
    padding-top: 34px;
}

#content #calendrier .navCalendrier .mois {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

#calendrier .navCalendrier .jours {
    border-left: 1px solid #30b0b5;
    padding: 3px 20px;
}

#calendrier .navCalendrier .mois:nth-last-child(1) .jours {
    border-right: 1px solid #30b0b5;
}

#content #calendrier .navCalendrier a, 
#content #calendrier .navCalendrier h4 {
    color: #30b0b5;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;   
}

#content #calendrier .navCalendrier h4 {
    text-align: center;
    padding: 0 0 12px 0;
}
 
#content #calendrier .navCalendrier a {
    background: #30b0b5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #fff;
    margin: 0 3px;
    padding: 2px 3px;
}

#content #calendrier .navCalendrier a:hover, 
#content #calendrier .navCalendrier a:focus, 
#content #calendrier .navCalendrier a.actif {
    color: #005a5d;
    text-decoration: none;
}

#content .communiques {

}

#content .communiques h2 {
    background: url(../images/bg/bg-titre-communiques.png) no-repeat left top;
    margin-bottom: 13px;
    width: 310px;
}

#content .communiques .blocCom {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

#content .communiques .label {
    color: #30b0b5;
    display: block;
    padding: 0 0 7px 10px;
}

#content .communiques select {
    color: #a3a3a3;
    font-size: 1.2em;
    line-height: 1em;
    margin: 0 0 20px;
    width: 345px;
}

#content .communiques .separateur {
    border-bottom: 1px solid #d5d5d5;
    padding: 7px 0 0;
    margin: 0 0 20px;
}

#content .planFoire h2 {
    background: url(../images/bg/bg-titre-info-pratique.png) no-repeat left top;
    margin-bottom: 13px;
    width: 150px;
}

#content .planFoire .planInter {
    margin-bottom: 15px;
}

#content .planFoire .infosPlan .colonne {
    display: inline-block;
    vertical-align: top;
}

#content .planFoire .infosPlan .left {
    width: 190px;
    margin: 0 55px 0 20px;
}

#content .planFoire .infosPlan .middle {
    width: 200px;
    margin-right: 55px;
}

#content .planFoire .infosPlan .right {
    width: 185px;
}

#content .planFoire .infosPlan .bloc {
    margin-bottom: 15px;
}

#content .planFoire .infosPlan h4 {
    font: normal 1.5em/1em 'AlphaEchoRegular', helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

#content .planFoire .infosPlan h5 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
}

#content .planFoire .infosPlan p {
    padding: 0 0 3px 0;
    margin: 0;    
}

#content .planFoire .infosPlan ul {
    list-style-type: none;
    padding: 0 0 3px 10px;
    margin: 0;
}

#content .planFoire .infosPlan li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
}

#content .planFoire .surPlace h4 {
    color: #a72a91;
}

#content .planFoire .surPlace span {
    color: #000;
}

#content .planFoire .anims h4, 
#content .planFoire .anims h5 {
    color: #f38900;
}

#content .planFoire .maison h4, 
#content .planFoire .maison h5 {
    color: #ec2629;
}

#content .planFoire .institution h4, 
#content .planFoire .institution h5 {
    color: #d2a6cb;
}

#content .planFoire .inter h4, 
#content .planFoire .inter h5 {
    color: #00afe5;
}

#content .planFoire .pleinAir h4, 
#content .planFoire .pleinAir h5 {
    color: #a6c607;
}

#content .planFoire .Gastro h4, 
#content .planFoire .Gastro h5 {
    color: #ffd200;
}

#content .planFoire .tendances h4, 
#content .planFoire .tendances h5 {
    color: #ed3794;
}

#content .pkExposer {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 527px bottom;
}

#content .pkExposer h2 {
    background: url(../images/bg/bg-titre-pk-exposer.png) no-repeat left top;
    margin-bottom: 13px;
    width: 181px;
}

#content .pkExposer h3 {
    margin-bottom: 15px;
}

#content .pkExposer img.floatLeft {
    margin: 0 10px 5px 10px;
}

#content .article .bkg, 
#content .article .puce {
    list-style-type: none;
    list-style-position: inside;
    padding: 0 0 10px 10px;
}

#content .article .bkg li {
    background: #4fbcc0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 5px;
    padding: 3px 10px;
    width: 420px;
}

#content .article .puce li {
    background: url(../images/bg/pictos.png) no-repeat left -95px;
    color: #717171;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
}

#content .article .puce li strong {
    color: #4fbcc0;
}

#content .pkExposer .clearBoth {
    height: 10px;
}

/*          @aside
-------------------------------------------------------------*/

#aside .section {
    margin-bottom: 8px;
    width: 210px;
}

#aside #blocSearch {
    background: #684b95;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 120px;
    padding: 10px;
    width: 190px;    
}

#blocSearch h2 {
    color: #e0d3f4;
    font-size: 1.4em;
    padding: 0 0 8px 0;
}

#blocSearch .text, 
#blocSearch .select {
    margin-bottom: 9px;
}

#blocSearch .select, 
#blocSearch .select select {
    z-index: 10;
}

#blocSearch select, 
#blocSearch .text input {
    border: 1px solid #e0e0e0;
    color: #684b95;
    font-size: 1.1em;
}

#blocSearch .text input {
    width: 182px;
    height: 17px;
    padding: 1px 0 0 3px;
}

#blocSearch select {
    width: 186px;
    height: 18px;
}

#blocSearch .submit {
   text-align: right;
   padding-right: 3px;
}

#btPhototheque {
    background: #2dd578;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 0;
    text-align: center;
}

#btPhototheque a {
    color: #fff;
    display: block;
    font: 2.7em/1em 'AlphaEchoRegular', helvetica, sans-serif;   
    padding: 6px 0 7px;
}

#btPhototheque a:hover, 
#btPhototheque a:focus {
    color: #eeeeee;
    text-decoration: none;
}

/*         @carousels
-----------------------------------------------------------*/

#container .carousel {
    position: relative;
}

#container .carousel ul {
    list-style-type: none;
}

#container .carousel li {
    display: inline-block;
}

#carouselAnim {
    background: #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 290px;
    padding: 10px;
    width: 450px;
}

#carouselAnim .masque {
    margin: 0 0 13px;
}

#js #carouselAnim .masque {
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 450px;
}

#carouselAnim li {
    height: 250px;
    margin: 0;
    padding: 0;
    position: relative;
}

#carouselAnim li, 
#carouselAnim li .legende {
    width: 420px;
}

#carouselAnim li .legende {
    background: rgba(0, 0, 0, 0.8);
    color: #e1e1e1;
    font-size: 1.1em;
    line-height: 1.2em;
    height: 36px;
    padding: 4px 20px 0 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#carouselAnim li .legende, 
#carouselAnim li .legende a {
    color: #e1e1e1;
}

#carouselAnim .lienInt {
    font-size: 1.1em;
    padding: 0 0 5px 0;
}

#carouselAnim  .prev, 
#carouselAnim  .next {
    display: block;
    font-weight: bold;
    height: 20px;
    position: absolute;
    top: 275px;
    width: 20px;    
}

#carouselAnim  .prev {
    background: url(../images/bg/bt-carousel.png) no-repeat left top;
    left: 412px;
}

#carouselAnim  .next {
    background: url(../images/bg/bt-carousel.png) no-repeat left -20px;
    left: 440px;
}  

#carouselPub {
    border: 1px solid #e0e0e0;
    height: 198px;
    width: 208px;
}

#carouselPub .masque, 
#carouselPub li {
    margin: 0;
    padding: 0;
}

#js #carouselPub .masque {
    height: 198px;
    overflow: hidden;
    position: relative;
    width: 208px;
}

#carouselPub li {
    height: 198px;
}

/*      @Forms
------------------------------------ */

#searchExposant {
    background: #684b95;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: block;
    height: 40px;
    margin-bottom: 7px;
    padding-top: 20px;
    width: 710px;
}

#searchExposant .select, 
#searchExposant .text, 
#searchExposant .submit {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

#searchExposant .submit {
    margin-left: 40px;
}

#searchExposant select, 
#searchExposant .text input {
    border: 1px solid #e0e0e0;
    font-size: 1.1em;
    color: #684b95;
    padding: 2px 0 2px 3px;
    width: 157px;
}

#searchExposant select {
    padding: 1px 0 1px 3px;
}

#contactForm .demi {
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
    width: 355px;
}

#contactForm .right {
    padding-left: 18px;
    width: 337px;
}

#contactForm .label, 
#contactForm label {
    color: #30b0b5;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 7px;
}

#contactForm label.errorLabel{
  color: #B43050;
}

#contactForm .text, 
#contactForm .select {
    clear: left;
    height: 72px;
}


#contactForm .text input, 
#contactForm .textarea textarea, 
#contactForm .select select {
    color: #a3a3a3;
    font-size: 1.2em;
    line-height: 1.2em;
}

#contactForm .text input, 
#contactForm .textarea textarea {
    border: 5px solid #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 30px;
    width: 330px;
}

#contactForm .select select {
    border: 1px solid #eeeeee;
    width: 340px;
}

#contactForm .textarea textarea {
    height: 140px;
    margin-bottom: 8px;
    padding: 0;
    width: 705px !important;
    overflow: auto;
}

#contactForm .champRequi {
    color: #8b8b8b;
    display: block;
    font-size: 1.1em;
    padding: 0;
}

#contactForm .champRequi span {
    color: #30b0b5;
}

#contactForm .submit {
    text-align: right;
    margin: 5px 0 20px;
}