/* RESET */
body,div,h1,p,img,ul,ol,li,form{margin:0;padding:0}
form{display:block}
ul,li{list-style:none}
img{border:0 none}
/* FONT FACE */
@font-face {
    font-family: 'DinMediumWeb';
    src: url('../fonts/din.eot');
    src: url('../fonts/din.eot?#iefix') format('embedded-opentype'),
        url('../fonts/din.woff') format('woff'),
        url('../fonts/din.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBlack';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* CMS */
.tabs{position:absolute;top:88px;margin:0 0 0 -485px;left:50%;z-index:10}
#messages{font-size:1.2em;text-align:left;width:970px;margin:0 auto}
.node-type-webform #messages{width:620px}
#messages .messages{border:0 none}
#messages .error{color:#ce0000}
.form-textarea-wrapper textarea{-moz-box-sizing: content-box;box-sizing: content-box;display:inline-block}

/* STYLES */
html{width:100%}
body{width:100%;font-family:Arial, Helvetica, sans-serif;font-size:62.5%;background-color:#ffffff}
#global{width:100%}
hr{height:1px;border:0 none;padding:0;margin-top:10px;margin-bottom:10px;background-color:#d7ecf6;color:#d7ecf6}

#header{width:100%;/*background-color:#f2f2f2*/}
#header-top{width:100%;height:30px;background-color:#000000; position: relative;z-index:100}
#header-top .share-plugins{width:970px;margin:0 auto;color:#FFFFFF;text-align:right;padding-top:5px}
#header-content{width:970px;min-height:150px;padding-top:12px;margin:0 auto;position:relative;position: relative; z-index: 3}
#header .qsn{background: url("../pictures/header/sprite_header.png") 0px -32px no-repeat;width:158px;height:39px;position:absolute;font-family:'DinMediumWeb';font-size:1.4em;color:#FFFFFF;text-transform:uppercase;text-decoration:none;text-align:center;line-height:26px}
#header .qsn:hover{text-decoration:underline}
#header .slogan{color:#62c4dc;font-size:2em;position:absolute;top:55px;left:312px;font-family: 'GothamBlack'}
#header .slogan span{color:#ec6707;display:block;text-transform:uppercase;font-family:'GothamMedium'}
#header .recherche{width:234px;height:30px;padding:1px 10px;background:url("../pictures/header/sprite_header.png") 0px 0px no-repeat;position:absolute;top:10px;right:195px;white-space:nowrap}
#header .recherche .input-text{border:0 none;color:#737373;font-family:'DinMediumWeb';font-size:13px;width:207px;vertical-align:middle;background-color:#f2f2f2}
#header .recherche .input-submit{width:27px;height:30px;background:url("../pictures/header/sprite_header.png") -261px 6px no-repeat #f2f2f2;border:0 none;margin:0;padding:0;text-indent:-100px;letter-spacing:200px;cursor:pointer;vertical-align:middle;overflow:hidden}
#header nav{margin-top:20px}
#header nav ul{display:table;width:100%}
#header nav ul li{display:table-cell;list-style:none;position:relative;text-align:center;background-color:#5fc4e1;color:#fff;border-right:1px solid #fff;}
#header nav ul li.active-trail{background-color:#1687a7}
#header nav ul li a, #header nav ul li span.nolink{color:#fff;font-size:1.5em;font-family:'GothamBlack';text-transform:uppercase;text-decoration:none;display:inline-block;padding:7px 4px}
#header nav ul li ul{display:none;position:absolute;top:100%;left:0;width:100%;border:1px solid #fff;border-right:0 none;border-radius:0px 0px 10px 10px;overflow:hidden}
#header nav ul li:hover ul{display:block}
#header nav ul li ul li{float:none;text-align: center;height:auto;display:block}
#header nav ul li ul li a{font-size:1.2em;display:block}
#header nav ul li ul li img{margin-bottom: 5px;display: block;margin: auto;padding-bottom: 10px}
#header .btheaderdon{position:absolute;right:0;top:10px;}
#header .sna{position:absolute;top:0;right:0;background-color:#5fc4e1;width:130px;padding:8px 0;text-align:center}
#header .sna a{display:inline-block;background:url("../pictures/v2/header/share.png") 0 0 no-repeat;vertical-align:middle;overflow:hidden;text-align:left;text-indent:-9999px;margin:0 7px}
#header .sna a.sna-fb{width:11px;height:22px;background-position:0 0}
#header .sna a.sna-tw{width:30px;height:22px;background-position:-11px 0}

#main{width:100%;position: relative; z-index: 2;padding-top: 15px;}

#bao{position:absolute;top:60px;right:50%;margin-right:-605px;z-index:999;background:url("../pictures/v2/bao/arrow.png") left top no-repeat;padding-left:44px;min-height:61px;overflow:hidden}
#bao:before{content:'';width:44px;height:61px;position:absolute;top:0;left:0;display:block;cursor:pointer}
#bao ul{background-color:#ec6707;width:100px;padding:10px;-moz-border-radius: 0 0 0 15px;border-radius: 0 0 0 15px;position:relative}
#bao ul.baohide{left:120px;margin:-120px}
#bao ul li{border-bottom:1px solid #fff;padding:10px 0}
#bao ul li:last-child{border-bottom:0 none}
#bao a{background:center top no-repeat;text-align:center;display:block;color:#fff;font-family:'GothamBook';font-size:10px;text-transform:uppercase;text-decoration:none;margin:0 5px;}
#bao a.rejoins-nous{background-image:url("../pictures/v2/bao/rejoinsnous.png");padding-top:56px}
#bao a.reste-informe{background-image:url("../pictures/v2/bao/resterinforme.png");padding-top:54px}
#bao a.prochains-events{background-image:url("../pictures/v2/bao/prochainevent.png");padding-top:68px}
#bao a.faire-un-don{background-image:url("../pictures/v2/bao/faireundon.png");padding-top:55px}
#bao a.contacte-nous{background-image:url("../pictures/v2/bao/contacteznous.png");background-position:33px 0;padding-top:57px}
#bao a.boutique{background-image:url("../pictures/v2/bao/boutique.png");padding-top:46px}

#homeslide{margin:0 auto 20px;max-width:970px}
.bloc_carousel{width:100%;height:388px;overflow:hidden;position:relative}
.bloc_carousel ul{width:100%;height:100%}
.bloc_carousel ul li{width:100%;height:100%;position:absolute;top:0;left:0}
.bloc_carousel ul li img{min-height:100%}
.bloc_carousel ul li .txt{position:absolute;bottom:20px;left:50%;margin-left:-485px;width;970px}
.bloc_carousel ul li .txt h2, .bloc_carousel ul li .txt p{padding:5px 10px;background:url("../pictures/opacity.png") left top repeat;color:#ffffff;font-size:18px;font-style:italic;font-weight:normal;font-family:'DinMediumWeb';float:left;clear:left}
.bloc_carousel ul li .txt h2{font-size:25px;font-style:normal;margin:0 0 1px}
.bloc_carousel ul li .txt p{max-width:400px}
.bloc_carousel ul li .txt a{text-decoration: none;color:#ffffff}

#bloc-actus{width:970px;overflow:hidden;margin:0 auto 20px;color:#fff}
#bloc-actus .bloc-actus-left{width:709px;float:left}
#bloc-actus .bloc-actus-right{width:259px;float:right}
#bloc-actus .bloc-actus-item{margin-bottom:3px}
#bloc-actus .bloc-actus-item .text{font-family:'GothamMedium';font-size:12px;line-height:14px;padding:15px 15px 0;margin-bottom:3px}
#bloc-actus .bloc-actus-item .entete{font-family:Arial, Helvetica, sans-serif;font-size:11px;text-transform:uppercase;margin-bottom:15px}
#bloc-actus .bloc-actus-item .title{font-family:'GothamMedium';text-transform:uppercase;font-size:18px;line-height:22px;margin-bottom:15px}
#bloc-actus .bloc-actus-item .title a{color:#fff;text-decoration:none}
#bloc-actus .bloc-actus-item .title a:hover{text-decoration:underline}
#bloc-actus .bloc-actus-item .visuel img{display:block}
#bloc-actus .bloc-actus-item-1{width:338px;height:470px;float:left}
#bloc-actus .bloc-actus-item-1 .text{background-color:#ec6707;height:304px;-moz-border-radius:25px 0 0 0;border-radius:25px 0 0 0}
#bloc-actus .bloc-actus-item-1 .visuel img{max-width:338px;max-height:147px;}
#bloc-actus .bloc-actus-item-2{width:368px;height:268px;float:right}
#bloc-actus .bloc-actus-item-2 .text{background-color:#64c4d6;height:163px}
#bloc-actus .bloc-actus-item-2 .visuel img{max-width:368px;max-height:86px;}
#bloc-actus .bloc-actus-item-3{width:368px;height:198px;float:right}
#bloc-actus .bloc-actus-item-3 .text{background-color:#ed145b;height:183px}
#bloc-actus .bloc-actus-item-4{width:709px;height:173px;clear:both;overflow:hidden}
#bloc-actus .bloc-actus-item-4 .text{background-color:#4fb47c;height:158px}
#bloc-actus .bloc-actus-item-4 .title{width:40%;float:left;padding-right:10%}
#bloc-actus .bloc-actus-item-4 .txt{width:50%;float:left}
#bloc-actus .bloc-actus-item-5{width:259px;height:383px}
#bloc-actus .bloc-actus-item-5 .text{background-color:#9d6d9d;height:277px;-moz-border-radius:0 25px 0 0;border-radius:0 25px 0 0}
#bloc-actus .bloc-actus-item-5 .visuel img{max-width:259px;max-height:89px}
#bloc-actus .bloc-actus-item-6{width:259px;height:260px}
#bloc-actus .bloc-actus-item-6 .text{background-color:#ec6707;height:245px}

#bloc-newsletter.hide{display:none}
.bloc_login {
    position: absolute;
    left: 50%;
    top: 125px;
    z-index: 999;
}

.bloc_login .titre {
    background-color: #000000;
    width: 197px;
    height: 31px;
    color: #ffffff;
    font-family: 'DinMediumWeb';
    font-size: 18px;
    line-height: 31px;
    text-align: center;
    position: relative;
    left: 222px;
}
.bloc_login .login_content_wrapper{
    background-color: #55c7d6;
    width: 450px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(100,100,100,0.7);
    -moz-box-shadow: 0px 0px 5px 5px rgba(100,100,100,0.7);
    box-shadow: 0px 0px 5px 5px rgba(100,100,100,0.7);
}
.bloc_login .login_content_wrapper .bt-close{
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    background-color:#eb6607;
    color:#fff;
    margin:0;
    border:1px solid #000;
    width:31px;
    height:31px;
}
.bloc_login .login_content {
    padding-left: 15px;
    height: 60px;
    position:relative;
}
.bloc_login .login_content .title {
    color: #ffffff;
    font-family: 'DinMediumWeb';
    font-size: 25px;
    line-height:100%;
}
.bloc_login ::-webkit-input-placeholder, .bloc_login :-moz-placeholder, .bloc_login ::-moz-placeholder, .bloc_login :-ms-input-placeholder{color:#ffffff}
.bloc_login .login_content .mail {
    width: 200px;
    height: 25px;
    border: 0 none;
    background-color: #eb6607;
    color: #ffffff;
    padding-left: 10px;
    line-height: 17px;
    position: absolute;
    top: 21px;
    left: 200px;
    border-radius: 20px;
}

.bloc_login .login_content .ville {
    width: 200px;
    height: 25px;
    border: 0 none;
    background-color: #eb6607;
    color: #ffffff;
    padding-left: 10px;
    line-height: 17px;
    position: absolute;
    top: 53px;
    left: 200px;
    border-radius: 20px;
}

.bloc_login .valider {
    background-color: #eb6607;
    color: #ffffff;
    border: 0 none;
    display: inline-block;
    width: 30px;
    height: 20px;
    text-align: center;    
    position: absolute;
    right: 0px;
    cursor:pointer;
    bottom:16px;
}
.bloc_login #newsletter-messages{
	margin:0;
	padding: 0 0 0 202px;
}
.bloc_login .messages{
	background:none;
	border:0 none;
	margin:0;
	padding:0;
	color: #ce0000;
}

.share{width:940px;margin:0 auto;padding:20px 0 40px;position:relative;z-index:30}
.share .fb-like, .share .twitter-share-button{vertical-align:top}
.sharing .fb-like, .sharing .twitter-share-button{vertical-align:top}

.bloc_links {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    z-index: 20;
}

.bloc_links .fleche {
    background: url('../pictures/fleche.png') top left no-repeat;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -13px;
    width: 27px;
    height: 19px;

}

.bloc_texte_riche .fleche {
    background: url('../pictures/fleche.png') top left no-rposition:absolute;left:0;bottom:0;width:680pxepeat;
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -13px;
    width: 27px;
    height: 19px;

}

.bloc_links .links_line {
    text-align: center;
    margin-bottom: 18px;
}

.bloc_links .links_line .link {
    width: 303px;
    height: 55px;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 22px;
}

.bloc_links .links_line .big.link {
    width: 412px;
    height: 69px;
    margin-top: 20px;
}

.bloc_links .links_line .link1 {
    background: url('../pictures/links/link1.png') top left no-repeat;
}

.bloc_links .links_line .link2 {
    background: url('../pictures/links/link2.png') top left no-repeat;
}

.bloc_links .links_line .link3 {
    background: url('../pictures/links/link3.png') top left no-repeat;
}

.bloc_links .links_line .link4 {
    background: url('../pictures/links/link4.png') top left no-repeat;
}

.bloc_links .links_line .link5 {
    background: url('../pictures/links/link5.png') top left no-repeat;
}

.bloc_links .links_line .link6 {
    background: url('../pictures/links/link6.png') top left no-repeat;
}

.bloc_links .links_line .link7 {
    background: url('../pictures/links/link7.png') top left no-repeat;
    position: relative;
}

.bloc_links .links_line .link7 .fb {
    /*border: 1px solid red;*/
    width: 47px;
    height: 53px;
    position: absolute;
    left: 185px;
}

.bloc_links .links_line .link7 .twitter {
    /*border: 1px solid green;*/
    position: absolute;
    left: 245px;
    width: 47px;
    height: 53px;
}

.bloc_links .links_line .link8 {
    background: url('../pictures/links/link8.png') top left no-repeat;
}

.bloc_links .links_line .link9 {
    background: url('../pictures/links/link9.png') top left no-repeat;
}

.bloc_links .links_line .link10 {
    background: url('../pictures/links/link10.png') top left no-repeat;
}

.bloc_news {
    /*background: url('../pictures/news/bkg_news.jpg') top left repeat;*/
    height: 310px;
    position: relative;
    z-index: 10;
    padding-top: 28px;
}

.bloc_news .news_center {
    position: absolute;
    left: 50%;
    margin-left: -495px;
}

.bloc_news .news {
    width: 310px;
    float: left;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    -moz-border-radius:10px;
    border-radius:10px;
    overflow:hidden
}

.bloc_news .news img {
    display: block;
    width:310px
}

.bloc_news .news .description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    width:290px;
}
.bloc_news .news .description:before{content:'';width:100%;height:100%;background-color: #000;opacity: 0.6;display:block;position:absolute;top:0;left:0;z-index:1}

.bloc_news .news .description .texte {
    display: none;
    position:relative;
    z-index:2
}

.bloc_news .news:hover .texte {
    display: block;
}

.bloc_news .news .description .titre {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    color:#fff;
    position:relative;
    z-index:2
}
.bloc_news .news .description a{
	color:#fff;
	text-decoration:none;
	font-size:1.3em;
}

.bloc_news .fleche, .bloc_gris .fleche {
    background: url('../pictures/fleche_grise.png') top left no-repeat;
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -13px;
    width: 31px;
    height: 21px;

}

.bloc-nav-article-wrapper{width:100%;overflow:hidden;text-align:center;max-width:1005px;margin:0 auto;position:relative;left:12.5px}
.bloc-nav-article-wrapper .bloc-nav-article {width:310px;height:212px;display: inline-block;margin:0 25px 25px 0;position: relative;-moz-border-radius:10px;border-radius:10px;overflow:hidden;text-align:left;background-color:#ec6707}
.bloc-nav-article-wrapper .bloc-nav-article:nth-of-type(even){background-color:#62c4dc}
.bloc-nav-article-wrapper .bloc-nav-article img {display: block;width:310px}
.bloc-nav-article-wrapper .bloc-nav-article .description {padding:10px;width:290px;position:absolute;bottom:0px;left:0px;}
.bloc-nav-article-wrapper .bloc-nav-article .description:before{content:'';width:100%;height:100%;background-color: #000;opacity: 0.6;display:block;position:absolute;top:0;left:0;z-index:1}
.bloc-nav-article-wrapper .bloc-nav-article .description .texte {display: none;position:relative;z-index:2;color:#fff}
.bloc-nav-article-wrapper .bloc-nav-article:hover .texte {display: block}
.bloc-nav-article-wrapper .bloc-nav-article .description .titre {font-size: 16px;margin-bottom: 10px;display: inline-block;font-weight: bold;color:#fff;position:relative;z-index:2}
.bloc-nav-article-wrapper .bloc-nav-article .description a{color:#fff;text-decoration:none;font-size:1.3em;}

.slide_news {
    background-color: #5ac7d1;
    height: 341px;
}

.slide_news .slide_news_content {
    width: 970px;
    height: 100%;
    margin: auto;    
}

.slide_news .slide_news_content .bloc_actu .titre {
    font-size: 30px;
    font-family: 'DinMediumWeb';
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 18px;
    display: inline-block;
}

.slide_news .bloc_actu {
    background: url('../pictures/homeslide/bkg_actu2.png') bottom right no-repeat;
    width: 706px;
    height: 265px;
    float: left;
    margin-right: 29px;
    padding-bottom: 56px;
    padding-top: 20px;
    overflow: hidden;
    position: relative;
}

.slide_news .bloc_actu .actu_left {
    float: left;
    width: 320px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 70px;
}

.slide_news .bloc_actu .actu_right {
    float: left;
    width: 365px;
    padding-top: 75px;
}

.slide_news .bloc_actu .actu_right .date {
    color: #81d7e5;
    display: block;
    text-transform: uppercase;
    margin-bottom: 12px;
    text-decoration: none;
}

.slide_news .bloc_actu .actu_right .titre {
    color: #ffffff;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: none;
}

.slide_news .bloc_actu .actu_right .texte {
    color: #ffffff;
    font-size: 13px;
}

.bloc_actu .actu .illustration {
    border: 5px solid #90d5e2;
    width: 293px;
    height: 197px;
}
.bloc_actu .actu .illustration img{
	width:100%;
	height:100%;
}
.bloc_actu .all_actus {
    background: url('../pictures/homeslide/all_actus.png') top left no-repeat;
    position: absolute;
    bottom: 20px;
    right: 200px;
    width: 186px;
    height: 21px;
    text-indent: -9999px;
}

.find_us_on_fb {
    width: 235px;
    height: 300px;
    float: left;
    padding-top: 20px;
}

ul.inline li.comment-add{display:block;width:970px;padding:0;margin:0 auto 20px;font-size:13px}
ul.inline li.comment-add a{color:#000}
#comment-form, .comment{width:800px;padding:20px 85px;margin:0 auto;border-top:1px solid #b2b2b2;font-size:13px;color:#6e6e6e}
.comment h3{margin:0 0 5px;color:#6e6e6e}
.comment h3 a{color:#6e6e6e}
.comment .submitted{color:#000;margin-bottom:5px}
.comment .content{margin-bottom:5px}
.comment ul.links a{color:#ec6707;text-transform:uppercase;font-size:11px}
.comment ul.links li{padding-left:0;padding-right:10px}
#comments{width:800px;padding:20px 85px;margin:0 auto;border-top:1px solid #b2b2b2;font-size:13px;color:#6e6e6e}
#comments h2.title{font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#6e6e6e;text-transform:uppercase;margin:0 0 15px}
#comments h2.title.comment-form{padding-top:15px;border-top:1px solid #b2b2b2;}
#comments .comment{width:auto;padding:10px 0 0;margin:0 0 15px}
#comments #comment-form{width:auto;padding:0;margin:0;border-top:0 none}
#comments #comment-form .form-submit{padding:5px 15px;background-color:#f95b4f;border:0 none;-moz-border-radius:15px;border-radius:15px;color:#fff;cursor:pointer;font-family:"DinMediumWeb";font-size:16px;font-style:normal;text-transform:uppercase}

#navigation-blog{width:971px;margin:0 auto}
#navigation-blog img{display:block}
#navigation-blog p{margin-bottom:3px}
#navigation-blog a{text-decoration:none;text-transform:uppercase}
#navigation-blog .title-cat{background-color:#ec6707;display:table;width:100%;font-size:23px;color:#fff;font-weight:bold;font-family:'GothamMedium'}
#navigation-blog .title-cat span{display:table-cell;vertical-align:middle;padding-left:25px;}
#navigation-blog .title-cat-1{height:74px;border-radius:30px 0 0 0}
#navigation-blog .title-cat-2{height:66px}
#navigation-blog .title-cat-3{height:75px}
#navigation-blog .title-cat-4{height:66px}
#navigation-blog .title-cat-5{height:66px}
#navigation-blog .title-cat-6{height:66px}
#navigation-blog .title-cat-7{height:76px}
#navigation-blog .title-cat-8{height:74px}
#navigation-blog .navigation-blog-col{display:table-cell;vertical-align:top;padding-right:3px}
#navigation-blog .navigation-blog-col-3{padding-right:0}
#navigation-blog .navigation-blog-col-3 .corner img{border-radius:0 30px 0 0}

#footer{
    width:100%;
    background-color: #fff;
}

#footer .slogan {
    background: url('../pictures/footer/footer_texture.png') top left repeat-x;
    height: 63px;
    padding-top: 12px;
    text-align: center;
}

#footer .bloc_rs {
    background-color: #fff;
    text-align: center;
    padding:10px 0;
}

#footer .bloc_rs .rs {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-indent: -9999px;
    margin: 0 15px;
}

#footer .bloc_rs .fb {
    background: url('../pictures/footer/fb.png') top left no-repeat;
}

#footer .bloc_rs .twitter {
    background: url('../pictures/footer/twitter.png') top left no-repeat;
}

#footer .bloc_rs .google {
    background: url('../pictures/footer/google.png') top left no-repeat;
}
#footer .bloc_rs .insta{
    background: url('../pictures/v2/footer/instagram.png') top left no-repeat;
}

#footer .menu_footer {
    height: 45px;
    line-height: 40px;
    text-align: center;
    background-color:#272727;
}

#footer .menu_footer ul {
    display: inline-block;
}

#footer .menu_footer li {
    margin:0 10px;
    list-style:none;
    list-style-image:none;
    display:inline-block;
}

#footer .menu_footer li a {
    color: #bfbfbf;
    text-transform: uppercase;
    text-decoration: none;
}

#global #main .bloc_top {
    text-align: center;
    position: relative;
    z-index: 100;
}


.bloc_top .img {
    background: url('../pictures/bottom.png') bottom center no-repeat;
    margin-bottom: 15px;
}

.bloc_top .texte {
    width: 940px;
    margin: auto;
    text-align:left;
    font-style: italic;
    font-size: 15px;
    font-family: 'GothamMedium';
    color: #ec6707;
    margin-bottom: 20px;
    padding:15px;
    background-color:#f2f2f2;
}
.node-type-webform .bloc_top .texte {
    font-family: Georgia;
    font-size: 18px;
    color: #000;
    width: 940px;
    margin: auto;
    text-align:left;
    margin-bottom:10px;
    background:none
}

h1.h1 {
    font-size: 36px;
    color: #3b3939;
    font-family:'GothamMedium';
    text-transform: uppercase;
    width:955px;
    margin:0 auto 10px;
    text-align:left;
    padding-left:15px;
    font-weight:normal
}

.bloc_top .fleche {    
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 21px;
}

#main .bloc_violet {background-color: #9c73b2;}
.bloc_violet .fleche {background: url('../pictures/fleche_violette.png') top left no-repeat;}

#main .bloc_top.bloc_orange {background-color: #f36f25}
.bloc_top.bloc_orange .fleche { background: url('../pictures/fleche_orange.png') top left no-repeat;}

#main .bloc_top.bloc_jaune {background-color: #ffc724;}
.bloc_top.bloc_jaune .fleche {background: url('../pictures/fleche_jaune.png') top left no-repeat;}

#main .bloc_top.bloc_vert {background-color: #69c38e;}
.bloc_top.bloc_vert .fleche {background: url('../pictures/fleche_verte.png') top left no-repeat;}

#main .bloc_top.bloc_rouge {background-color: #f05255;}
.bloc_top.bloc_rouge .fleche {background: url('../pictures/fleche_rouge.png') top left no-repeat;}

#main .bloc_top.bloc_cyan {background-color: #5ac7d1;}
.bloc_top.bloc_cyan .fleche {background: url('../pictures/fleche_cyan.png') top left no-repeat;}


#main .bloc_cyan {
    background-color: #5ac7d1;
    /*height: 525px;*/
    padding-bottom: 50px;
    position: relative;
    z-index: 30;
}

#main .bloc_cyan.articles {
    z-index: 50;
}

#main .bloc_cyan.formulaire {
    z-index: 50;
}

.bloc_article {
    width: 970px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bloc_article .bloc_texte {
    padding-left: 10px;
}

.bloc_article .illustration {
    float: right;
    border: 5px solid #90d5e2;
    width: 257px;
    /*height: 172px;*/
    margin-top: 50px;
    margin-left:60px;
}
.bloc_article .illustration img{
	display:block;
}

.bloc_gris .bloc_article .illustration {
    border: 0 none;
}

.bloc_article h2 {
    font-size: 30px;
    color: #ffffff;
    font-family:'DinMediumWeb';
    text-transform: uppercase;
    margin-bottom: 20px;
}
.bloc_article h2 a{
	color:#ffffff;
	text-decoration: none
}
.node-type-rubrique .bloc_article h2 a{
	color:#000000
}

.bloc_actualites {
    padding-top: 30px;
    width: 970px;
    margin: auto;
}

.bloc_actualites .bloc_article .date {    
    font-size: 12px;
    font-family:'DinMediumWeb';
}

.bloc_actualites .bloc_article .date.vert {
    color: #69c38e;
}
.bloc_actualites .bloc_article .date.rouge {
    color: #f05255;
}

.bloc_actualites h2 {
    color: #666666;
    margin: 0px;
    margin-bottom: 30px;
    font-size: 30px;
    font-family:'DinMediumWeb';
    text-transform: uppercase;
}
.bloc_actualites h2 a{
    color: #666666;
    text-decoration:none;
}
.bloc_actualites .bloc_article .illustration {
    margin-top: 0px;
    float: right;
	width: 257px;
	height: 172px;
}
.bloc_actualites .bloc_article .illustration img{
	width: 100%;
	height: 100%;	
}

.bloc_article h3 {
    font-size: 14px;
    color: #077d90;
    font-family:'DinMediumWeb';
    text-transform: uppercase;
    margin-bottom: 10px;
}

.bloc_article .texte {
    color: #ffffff;
    font-size: 12px;
}
.node-type-rubrique .bloc_article .texte{
	color:#000000
}

.bloc_actualites .bloc_article .texte {    
    color: #a0a0a0;
}

.bloc_blanc {
    position: relative;
    z-index: 60;
}

.bloc_blanc .fleche {
    background: url('../pictures/fleche.png') top left no-repeat;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -15px;
    width: 29px;
    height: 20px;
}


.bloc_article .chapeau {
    font-style: italic;
    font-size: 13px;
    font-family: Georgia;
    color: #ffffff;
    margin-bottom: 20px;
}

.bloc_cyan .fleche {
    background: url('../pictures/fleche_cyan.png') top left no-repeat;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -15px;
    width: 29px;
    height: 20px;

}

#main .bloc_gris {
    background: url('../pictures/news/bkg_news.jpg') top left repeat;
    /*height: 210px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 40;
}

.bloc_gris .bloc_gris_content {
    width: 970px;
    overflow: hidden;
    margin: auto;
    height: 210px;
    padding-left: 10px;
}

.bloc_gris .bloc_gris_content .texte {
    font-size: 12px;
}

.bloc_gris .bloc_gris_content h2 {
    font-size: 30px;

    font-family:'DinMediumWeb';
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0px;
}
.bloc_gris .bloc_gris_content h2.violet {
    color: #9c73b2;
}
.bloc_gris .bloc_gris_content h2.vert {
    color: #69c38e;
}


.bloc_gris .bloc_gris_content .liens {
    /*border: 1px solid blue;*/
}

.bloc_gris .bloc_gris_content .liens .liens_colonne {
    float: left;
    margin-right: 350px;
}

.bloc_gris .bloc_gris_content .liens .liens_colonne.last {
    margin-right: 0px;
}

.bloc_gris .bloc_gris_content .liens ul li a {
    color: #3d3d3d;
    text-decoration: none;
    font-size: 12px;
    width: 250px;
    height: 20px;
    display: block;
}

.bloc_gris .bloc_gris_content .liens ul li a.play {
    background: url('../pictures/play.png') center right no-repeat;
}

.bloc_gris .bloc_gris_content .liens ul li a.pdf {
    background: url('../pictures/pdf.png') center right no-repeat;
}

.bloc_gris .bloc_gris_content .liens ul li {
    background: url('../pictures/border_bottom.png') bottom left repeat-x;
    width: 250px;
    padding-top: 5px;
    padding-bottom: 5px;

}

#main .bloc_texte_riche {
    width: 970px;
    margin: auto;
    padding-bottom: 35px;
    z-index: 70;
    position: relative;
    font-size: 12px;
}

#main .bloc_texte_riche h2 {
    font-size: 30px;
    color: #000000;
    font-family: 'DinMediumWeb';
    text-transform: uppercase;
    margin: 0px;
}

#main .bloc_texte_riche h3 {
    font-size: 14px;
    color: #077d90;
    font-family: 'DinMediumWeb';
    text-transform: uppercase;
    margin-bottom: 10px;

}

#main .bloc_texte_riche .texte {
    font-size: 12px;
    margin-bottom: 50px;
}

#main .bloc_texte_riche .texte_riche {
    padding: 0 15px 0;
    overflow: hidden;
    color:#555555;
    font-size:14px;
    margin: auto;
}
#main .bloc_texte_riche .texte_riche a{color:#21759B;text-decoration:none}
#main .bloc_texte_riche .texte_riche a:hover{color:#EB690B}
#main .bloc_texte_riche .texte_riche h2{font-size: 30px;color: #000000;font-family: 'DinMediumWeb';text-transform: uppercase;}
#main .bloc_texte_riche .texte_riche ul, #main .bloc_texte_riche .texte_riche ol{margin-left:10px}
#main .bloc_texte_riche .texte_riche ul li{list-style:disc;margin-left:15px}
#main .bloc_texte_riche .texte_riche ol li{list-style:decimal;margin-left:15px}
#main .bloc_texte_riche .texte_riche acronym{border-bottom:1px dotted #555555}
#main .bloc_texte_riche .texte_riche a acronym{color:#21759B} 

#main .bloc_texte_riche .texte_riche .chapeau {
    font-style: italic;
    font-size: 13px;
    font-family: Georgia;
    color: #000000;
    margin-bottom: 20px;
}

#main .bloc_texte_riche .texte_riche .image_droite {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

#main .bloc_texte_riche .texte_riche .image_gauche {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.bloc_gris .bloc_gris_content .illustration {
    width: 291px;
    height: 230px;
    display: inline-block;
    float: right;
    margin-left: 100px;
}

.bloc_cyan .bloc_assoc {
    width: 970px;
    /*height: 280px;*/
    padding-top: 20px;
    margin: auto;
    /*text-align: center;*/
}

.clear{
	width:100%;
	clear:both;	
}

.bloc_assoc .column {
    float: left;
    width: 300px;
    margin-right: 20px;
    /*text-align: center;*/
}

.bloc_assoc .column h2 {
    font-size: 30px;
    color: #ffffff;
    font-family: 'DinMediumWeb';
    text-transform: uppercase;    
    /*width: 210px;*/
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}

.bloc_assoc .column .sous_titre {
    color: #ffffff;
    font-size: 12px;
    text-transform: none;
    font-family: Arial;
    display: block;
    padding-bottom: 10px;
}
.bloc_assoc .column-3 .sous_titre{
	min-height:30px
}

.bloc_assoc .column .assoc {
    width: 200px;
    text-align: center;
    margin: auto;
}

.bloc_assoc .column .assoc img {
    margin-bottom: 15px;
    margin-right: 15px;
}

.bloc_assoc .column .soutiens {
    position: relative;
}

.bloc_assoc .column .soutiens .soutien {
    width: 55px;
    height: 55px;
    display: inline-block;
    position: relative;
    z-index: 5;
}

.bloc_assoc .column .soutiens .soutien .content {
    width: 55px;
    height: 55px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.bloc_assoc .column .soutiens .soutien .content img{
	max-width:100%;
	max-height:100%;
}
.bloc_assoc .column .soutiens .soutien .description {
    display: none;
    color: #ffffff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.8;
    padding: 5px;
    height: 50px;
}
.bloc_assoc .column .soutiens .soutien .description a{
	color:#ffffff;
	text-decoration:none;
}

.bloc_assoc .column .soutiens .soutien .description .nom {
    font-weight: bold;
}

.bloc_assoc .column .soutiens .soutien .description .metier {
    font-size: 9px;
}

.bloc_assoc .column .soutiens img {
    margin-bottom: 2px;
    margin-right: 2px;
}

.bloc_assoc .column .soutiens .soutien:hover .content {
    border: 3px solid #ffffff;
    width: 100px;
    height: 150px;
    position: absolute;
    background-color: #000000;
}

.bloc_assoc .column .soutiens .soutien:hover {
    z-index: 10;
    left: -25px;
    top: -35px;
}

.bloc_assoc .column .soutiens .soutien:hover img {
    width: 100px;
    /*height: 150px;*/
    display: block;
}

.bloc_assoc .column .soutiens .soutien:hover .description {
    display: block;
    background-color: #000000;    
}

.bloc_assoc .column .bloc_image {
    text-align: center;
    width: 100%;
}

.bloc_formulaire {
    width: 660px;
    margin: auto;
    padding-top: 15px;
}

.bloc_formulaire .form-item.webform-component{
    margin-bottom:2em;
}

.bloc_formulaire #edit-actions{
    text-align:center
}

.bloc_formulaire label{
	font-size:14px;
	margin-bottom:5px;
	vertical-align:middle;
	display:inline-block;
	width:200px;
	text-align:right;
	padding-right:10px;
}
.bloc_formulaire label.option{
    display:inline;
    width:auto;
}
.bloc_formulaire .webform-container-inline label{
    margin-right:0;
}

.bloc_formulaire input.form-text {
    width: 300px;
    padding:2px 0 2px 5px;
    color: #4e4749;
    font-family: Georgia;
    font-style: italic;
	font-size:16px;
	border:1px solid #777;
}
.bloc_formulaire .webform-datepicker,
.bloc_formulaire .form-radios,
.bloc_formulaire .form-checkboxes{
    display:inline-block;
    width:300px;
    vertical-align:middle
}
.bloc_formulaire .webform-component-checkboxes{
    
}
.bloc_formulaire .form-item.form-type-radio{
    display:inline;
}
.bloc_formulaire .form-item.form-type-checkbox{
    display:block;
    text-align:left
}
.bloc_formulaire #webform-component-don-autre{
    width:300px;
    padding-left:210px;
    margin-left:auto;
    margin-right:auto;
}

.bloc_formulaire .form-textarea-wrapper{display:inline}
.bloc_formulaire .form-textarea-wrapper .grippie{display:none}
.bloc_formulaire textarea.form-textarea {
    height: 140px;
    width: 300px;
    padding:2px 0 2px 5px;
    color: #4e4749;
    font-family: Georgia;
    font-style: italic;
	font-size:16px;
    margin-bottom: 10px;
    vertical-align: middle;
    border:1px solid #777;
}

.bloc_formulaire .form-submit {
    background: url('../pictures/envoyer.png') top left no-repeat;
    border: 0 none;
    width: 132px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-style: normal;
    font-family: 'DinMediumWeb';
    padding: 0px;
    cursor:pointer;
}

.navigation{width:100%}
.navigation a{color:#666666;text-decoration:none;font-size:12px;}
.navigation a:hover{text-decoration:underline}
.navigation .pager-current{font-size:12px} 

.sitemap{
	width:600px;
	margin:0 auto 20px;
	font-size:15px;
}
.sitemap ul{margin-left:15px}
.sitemap ul li{list-style:disc;margin-left:15px}
.sitemap ul li span.nolink{}
.sitemap ul li a{color:#21759B;text-decoration:none;}
.sitemap ul li a:hover{color:#EB690B}

.fb-like-box{background-color:#ffffff}

#search-form{width:500px;margin:0 auto;padding-top:50px;font-size:12px}
#search-form label{vertical-align:middle}
#search-form .form-text{padding:2px 4px;width:200px;vertical-align:middle;}
#search-form .form-submit{background-color:#f95b4f;border:0 none;color:#ffffff;vertical-align:middle;padding:5px 10px;border-radius:10px;cursor:pointer}
#search-form #edit-advanced{display:none}
.search-results-page{width:970px;margin:0 auto;font-size:12px}
.search-results-page a{color:#21759B;text-decoration:none;font-size:13px}
.search-results-page a:hover{color:#EB690B}

#webform-component-don-autre{font-size:12px}
#webform-component-don-autre input.form-text{width:40px;height:auto;padding-left:5px;font-style:normal;font-family:Arial, Helvetica, sans-serif}

#formulaire-don-confirmation{width:800px;margin:0 auto;text-align:center}
#formulaire-don-confirmation .input-submit{color:#ffffff;width:250px;height:37px;line-height:37px;background-color:#f95b4f;border:0 none;border-radius:20px;font-size: 16px;text-transform: uppercase;font-style: normal;font-family: 'DinMediumWeb';cursor:pointer}

.don-retour{width:800px;margin:40px auto;font-size:14px}

.actu-item{width:970px;margin:auto;overflow:hidden;padding-bottom:10px;margin-bottom:10px}
.actu-item .illustration{float:left;width:257px;margin-right:15px}
.actu-item .bloc_texte{overflow:hidden;font-size:13px}
.actu-item .bloc_texte .infos{display:inline-block;margin-bottom:15px}
.actu-item .bloc_texte .sharing{float:right;display:block;margin-bottom:15px}
.actu-item .bloc_texte .sharing .comments-count{font-size:13px;color:#6e6e6e;text-decoration:underline;margin-right:10px;vertical-align:middle}
.actu-item .bloc_texte .sharing .comments-count:hover{text-decoration:none}
.actu-item .bloc_texte h2{color:#000;font-size:16px;font-family:'GothamMedium';clear:both;margin-bottom:18px}
.actu-item .bloc_texte h2 a{color:#000;font-size:16px}
.actu-item .bloc_texte .texte{margin-bottom:18px}
.actu-item .bloc_texte .lnk-more{color:#ec6707;font-family:'GothamMedium';font-size:13px;text-transform:uppercase;text-decoration:none}
.actu-item .bloc_texte .lnk-more:hover{text-decoration:underline}

.webform-confirmation{width:800px;margin:40px auto;font-size:14px}

#block-custom-search-blocks-1{background-color:#ec6707;-moz-border-radius:10px;border-radius:10px;max-width:500px;padding:12px 20px;margin:0 auto 20px;color:#fff}
#block-custom-search-blocks-1 h2{display:none}
#block-custom-search-blocks-1 .form-item, #block-custom-search-blocks-1 .form-actions{display:inline;margin:0}
#block-custom-search-blocks-1 .search-form{margin:0}
#block-custom-search-blocks-1 label{display:inline-block;font-size:15px;vertical-align:middle;margin-right:10px}
#block-custom-search-blocks-1 .form-text{border:0 none;width:300px;vertical-align:middle}
#block-custom-search-blocks-1 .form-actions .form-submit{background-color:#ec6707;color:#fff;border:0 none;font-size:18px;font-weight:bold;vertical-align:middle;cursor:pointer}

#footer .menu_plansite_footer{background-color:#272727;color:#fff;font-size:12px;text-transform:uppercase;padding:0 0 20px}
#footer .menu_plansite_footer a{color:#fff;text-decoration:none}
#footer .menu_plansite_footer a:hover{text-decoration:underline}
#footer .menu_plansite_footer ul {display:table;width:100%;max-width:990px;margin:0 auto}
#footer .menu_plansite_footer ul li{display:table-cell}
#footer .menu_plansite_footer > ul > li > a, #footer .menu_plansite_footer > ul > li > span.nolink{font-size:14px;display:block;margin-bottom:5px}
#footer .menu_plansite_footer ul ul{display:block;}
#footer .menu_plansite_footer ul ul li{display:block}