/* FIXED RULES FOR COMPONENTS*/
.component {width:100%; float:left; position:relative; padding:15px;border: 1px solid #e3e3e3; border-top: 0; border-bottom: 1px solid #bdbdbd; margin-bottom: 20px; background: url(../images/box_bg.png) repeat-x 0 0 white; -moz-box-shadow: 0px 1px 2px 0px #bdbdbd; -webkit-box-shadow: 0px 1px 2px 0px #bdbdbd; -o-box-shadow: 0px 1px 2px 0px #bdbdbd; box-shadow: 0px 1px 2px 0px #bdbdbd; clear: both; overflow:hidden;}
.component.pdf {box-sizing: content-box; -moz-box-sizing: content-box; width: 94%; padding: 15px 3%;}
.component.no-border {padding: 0; border: none;}
.component .border {position:absolute; top:0; left:0; background: url(../images/box_border-top.png) repeat-x 0 0 transparent; height: 4px; width: 100%;}
.component .content .thumbnail img {width:120px; height: auto; float:right; margin:0 0 15px 15px;}
/*.component img {width:120px;}*/
.component .content {float:left; width:100%}
.component .hd, .component .bd {padding:0; border:none;}
.component .content h3 {margin:0; padding:0; font-family:Arial,"Lucida Grande",sans-serif}
.component .content h3 a {font-size:14px; text-decoration:none; color:#3c3c3c;}
.component .content p,
.component .content .richtext div,
.component .content .richtext{color:#8b8b8b; font-size: 14px; margin: 10px 0;}
.component .content strong{font-weight:bold; color:#8b8b8b; font-size: 14px;}
.component .content a strong{color:inherit;}
.component .content .synthesis p {color:#000;}
.component.article.synthesis .content p {color:#8B8B8B;}

.component .content a {color: #27a49d;}
.article_content .component .content a {margin-right:0;}
.component .content a .link-link {color:#2aa39c; text-decoration:none; font-size: 14px; background:url(../images/more-info-sprite.png) no-repeat 2px 2px; padding-left:20px;}
.component .content a:hover .link-link {text-decoration: underline;}
.component .content a.link-wrapper{display:block; width:100%;}
.component .content .comments {color:#f6a901; text-decoration:none; font-size: 11px; background:url(../images/more-info-sprite.png) no-repeat 0 -15px; padding:1px 0 1px 20px;}
.component .content .comments:hover {text-decoration: underline;}
.component .content .comments span {font-size:10px;}
.component.collapse_expand{background:none; padding:0; margin:0 0 10px 0; clear:both;}
.component.collapse_expand .hd{padding:15px; border:none; border-bottom: 1px solid #bdbdbd; }
.component.collapse_expand .bd {padding:15px; border:none;}
.component.collapse_expand.detail h3, 
.component.collapse_expand.joboffer h3{padding-bottom:0;}
.component.collapse_expand  div{margin:0}

.component .gallery img{width:auto;}

/* */
.main_wrapper .component.noaccess .component.security.login{display:block;}
/*.component.noaccess.article .hd h3{border-bottom: 1px solid #BDBDBD; padding-bottom: 10px;}*/
.component.noaccess .component.security.login{ position:relative; margin:0; padding:0; border:0 none; background:none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.component.noaccess .component.security.login .hd{overflow:hidden;}
.component.noaccess .component.security.login .hd h3{color: #fff; border-bottom: 0; font-weight: normal; width: auto; max-width:750px; float: left; padding-top: 5px; margin-bottom:5px;}
.col.col_2.first .component.noaccess .component.security.login .hd h3{max-width:300px;}
.col.col_3 .component.noaccess .component.security.login .hd h3{max-width:350px;}
.col.col_3-4 .component.noaccess .component.security.login .hd h3{max-width:550px;}

.component.noaccess .component.security.login .hd .btn-login{float: right; color: #27a49d; text-shadow: none; border: 0; display: block; font-size: 15px; padding: 0 0 0 14px; width: auto; margin-right:0;
background: url(/xyz/images/btn_cta-left.png) no-repeat left center; font-weight: bold; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
.col.col_1-4.last .component.noaccess .component.security.login .hd .btn-login{float:left; margin:10px 0;}

.component.noaccess .component.security.login .hd .btn-login:hover{text-decoration:none;}
.component.noaccess .component.security.login .hd .btn-login span{
background: url(/xyz/images/btn_cta-right.png) no-repeat scroll right 50%;
background-size: auto 100%;
padding-right: 30px;
display: inline-block;
padding-top: 5px;
padding-bottom: 7px;}
.component.noaccess .component.security.login .bd p{color:#fff; margin:0 0 5px 0;}
.component.noaccess .component.security.login .bd a{text-decoration: underline; padding-right: 20px; color: #fff;}

.component.noaccess .component.security.login .top  {position:absolute; height:30px; width:100%; top:0;}
.component.noaccess .component.security.login .bottom  { position:absolute; bottom:20px; height:10px; width:100%;}
.component.noaccess .component.security.login .top .tr, 
.component.noaccess .component.security.login .bottom .bl, 
.component.noaccess .component.security.login .bottom .br { position:absolute; z-index:100; width:30px; height:30px; background-image:url(/xyz/images/carrousel-corners.png);}
.component.article-list.news > .content > .bd > .articles > .component.noaccess .component.security.login .top .tr, 
.component.article-list.news > .content > .bd > .articles > .component.noaccess .component.security.login .bottom .bl, 
.component.article-list.news > .content > .bd > .articles > .component.noaccess .component.security.login .bottom .br {background-image:url(/xyz/images/carrousel-corners_gray.png);}
.component.noaccess .component.security.login .top .tr {right:0; background-position:right top;}
.component.noaccess .component.security.login .bottom .bl {background-position:left bottom; }
.component.noaccess .component.security.login .bottom .br { right:0; background-position:right bottom;}

.component.noaccess .component.security.login .middle{background: none #77b800; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; position: relative; padding: 10px 20px;}

/*.component.noaccess .cta p{font-size:11px;}*/
.component.noaccess .hd h3{background: url(../images/icon/login_green.png) no-repeat right 30%;}
.component.noaccess .component.security.login .hd h3{background:none;}

/*
	CENTER COLUMN  
*/

/*calendar*/
.component.article.news .content h3 .calendar,
.component.article.news .content .calendar {display: block; background:#FFFFFF; border:1px solid #76b800; text-align:center; float:left; font-size:10px; line-height:10px; text-transform:uppercase; margin-right:10px;}
.component.article.news .content h3 .calendar .month,
.component.article.news .content .calendar .month {color:#FFFFFF; background:#76B800; padding:2px; display:block;}
.component.article.news .content h3 .calendar .number,
.component.article.news .content .calendar .day {color:#73725e;padding:2px;}

/* articleList */
.component.article-list {padding:0; }
.component.article-list .title {margin-bottom:5px}
.component.article-list .title .details_link {margin-top:5px; background: url(../images/more-info-sprite.png) no-repeat 2px 5px; padding-left: 20px;}
.component.article-list h2 span {display:block; font-size:18px; font-weight: normal; margin-top:25px;}
.component.article-list, .component.article-list .content .hd {background:none; border: none; box-shadow: none; overflow:visible;}
.component.article-list .content .bd {border: none; box-shadow: none; overflow:hidden;}
.component.article-list .component.article {padding:15px; background: url(../images/box_bg.png) repeat-x 0 0 white; -moz-box-shadow: 0px 1px 2px 0px #bdbdbd; -webkit-box-shadow: 0px 1px 2px 0px #bdbdbd; -o-box-shadow: 0px 1px 2px 0px #bdbdbd; box-shadow: 0px 1px 2px 0px #bdbdbd; margin:0;}

.component.detail .hd h3 {color: #77b800; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 18px; font-weight: normal; margin-top: 15px;}
.component.article-list .component.article .content {overflow:hidden;}
.component.article-list .component.article .content h3  {line-height: 22px; margin-top:0;}
.component.article-list .component.article .thumbnail.left img {float:left; margin:0 15px 15px 0;}
.component.article-list .component.article .thumbnail.right img {float:right; margin:0 0 15px 15px;}
.component.article-list .component.article .thumbnail.banner {background:none; padding:0; margin:0;}
.component.article-list .component.article .thumbnail.banner img {margin:0 0 15px 0; width:100%;}
.component.article-list .component.article .thumbnail img {max-width:120px; height: auto; float:right; margin:0 0 15px 15px;}
.component.article-list .component.article .content {padding:0;}
.component.article-list .component.article .content .bd {background:none; padding-top:0; overflow:visible;}
.component.article-list .component.article .content h3 a {font-size: 21px; text-decoration:none;}

.component.article .thumbnail.left img {float:left; margin:0 15px 15px 0;}
.component.article.detail .content > .thumbnail {margin-top: 10px;}
.component.article.detail .content .thumbnail img{width:auto;}

.component.article-list .hd{overflow:hidden!important;}
.component.article-list .hd h2{color: #77b800; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 30px; font-weight: bold; line-height: 30px; float:left; margin-bottom: 5px;}
.component.article-list .hd h2 span{display: block; font-size: 18px; font-weight: normal; margin-top: 15px;}
.component.article-list .description{margin-bottom: 20px; display: block; font-size: 18px; font-weight: normal; color: #77b800; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}

.component.article-list.synthesis.news .bd{margin-top:3px;}
.component.detail.news h3{border-bottom:0 none;}

/*  
	LEFT COLUMN
*/

/* articleList */
.left-col .component.article-list {padding:0; }
.left-col .component.article-list .title {margin-bottom:5px}
.left-col .component.article-list .title .details_link {margin-top:5px; background: url(../images/more-info-sprite.png) no-repeat 2px 5px; padding-left: 20px;}
.left-col .component.article-list h2 span {display:block; font-size:18px; font-weight: normal; margin-top:25px;}
.left-col .component.article-list, .component.article-list .content .hd {background:none; border: none; box-shadow: none; overflow:visible;}
.left-col .component.article-list .content .bd {background: none; padding-top:0;}
.left-col .component.article-list .component.article {margin:10px 0; padding:0;}
.left-col .component.article-list .component.article .content .hd {margin:15px;}
.left-col .component.article-list .component.article .content h3  {line-height: 18px;}
.left-col .component.article-list .component.article .content h3 a {font-size:21px; text-decoration:none; color:#3c3c3c;}
.left-col .component.article-list .component.article .content h3 .calendar,
.left-col .component.article-list .component.article .content .calendar {display:none; margin-top:3px;}
.left-col .component.article-list .component.article .thumbnail img {width:150px; float:left; margin:0 15px 15px 0;}
.left-col .component.article-list .component.article .thumbnail.right img {float:right; margin:0 0 15px 15px;}
.left-col .component.article-list .component.article .thumbnail.banner img {margin:0 0 15px 0; width:100%;}
.left-col .component.article-list .component.article .content {padding:0;}
.left-col .component.article-list .component.article .content .bd {background:none; padding:0 0 5px 0; margin:0 15px;}
.left-col .component .content p {color:#8b8b8b; font-size: 14px;}


/*
	RIGHT COLUMN
*/

.rightcol .component .content .thumbnail img {width:120px; float:right; margin: 0 0 15px 15px}
.rightcol .component .content {float:left; width:100%}
.rightcol .component .content h3 a {font-size:14px; text-decoration:none; color:#27a49d;}
.rightcol .component .content p {color:#8b8b8b; font-size: 14px;}
.rightcol .component .content .buttons-cont a {margin-right:20px;}
.rightcol .component .content .buttons-cont .more-info {color:#2aa39c; text-decoration:none; font-size: 14px; background:url(../images/more-info-sprite.png) no-repeat 2px 2px; padding-left:20px;}
.rightcol .component .content .buttons-cont .comments {color:#f6a901; text-decoration:none; font-size: 11px; background:url(../images/more-info-sprite.png) no-repeat 0 -15px; padding:1px 0 1px 20px;}
.rightcol .component .content .buttons-cont .comments span {font-size:10px;}

/* articleList */
.rightcol .component.article-list {padding:0; }
.rightcol .component.article-list .title {margin-bottom:5px}
.rightcol .component.article-list .title .details_link {margin-top:5px; background: url(../images/more-info-sprite.png) no-repeat 2px 5px; padding-left: 20px;}
.rightcol .component.article-list h2 span {display:block; font-size:18px; font-weight: normal;}
.rightcol .component.article-list, .component.article-list .content .hd {background:none; border: none; box-shadow: none; overflow:visible;}
/*.rightcol .component.article-list .content .bd {background: url(../images/box_news-shadow.png) no-repeat 0 -2px #ededed; border: none; box-shadow: none; overflow:hidden; padding-top:17px;}*/
/*.rightcol .component.article-list .component.article {padding:15px; background: none; border-bottom: 1px dotted #a9a9a9; box-shadow: none; margin:0;}*/
/*.rightcol .component.article-list .component.article .content h3  {line-height: 18px; padding-bottom:10px; margin-bottom:3px;}*/
.rightcol .component.article-list .component.article .content h3 .calendar,
.rightcol .component.article-list .component.article .content .calendar {display: block; background:#FFFFFF; border:1px solid #76b800; text-align:center; float:left; font-size:10px; line-height:10px; text-transform:uppercase; margin-right:10px;}
.rightcol .component.article-list .component.article .content h3 .calendar .month,
.rightcol .component.article-list .component.article .content .calendar .month  {color:#FFFFFF; background:#76B800; padding:2px; diplay:block;}
.rightcol .component.article-list .component.article .content h3 .calendar .number,
.rightcol .component.article-list .component.article .content .calendar .day {color:#73725e;padding:2px;}
.rightcol .component.article-list .component.article .thumbnail img {width:120px; float:right; margin:0 0 15px 15px;}
.rightcol .component.article-list .component.article .thumbnail.left img {float:left; margin:0 15px 15px 0;}
.rightcol .component.article-list .component.article .thumbnail.banner img {margin:0 0 15px 0; width:100%;}
.rightcol .component.article-list .component.article .content {padding:0;}
.rightcol .component.article-list .component.article .content .bd {background:none; padding-top:0; overflow:visible;}
.rightcol .component.article-list .component.article .content h3 a {font-size: 16px; text-decoration:none; color:#3c3c3c;}

.cols .col_2.col.rightcol .component.article-list .component.article .content h3 a {font-size: 21px; text-decoration:none; color:#77B800;}
.cols .col_2.col.rightcol .component.article-list .component.article .content h3{}

.component.article-list.synthesis.news .component.article:first-child{margin-top:0; padding-top:0;}


.component.article-list.synthesis.news > .content > .bd {background: url(../images/box_news-shadow.png) no-repeat 0 -2px #ededed; border: none; box-shadow: none; overflow:hidden; padding-top:17px;}
.component.article-list.news .content .bd .articles {background: url(../images/box_news-shadow.png) no-repeat 0 -2px #ededed; border: none; box-shadow: none; overflow:hidden; padding-top:17px;}
.component.article-list.news .component.article {padding:15px; background: none; border-bottom: 1px dotted #a9a9a9; box-shadow: none; margin:0;}

/**/
.component.facebook,
.component.twitter{border:0 none; box-shadow:none;}
.component.socialmedia{background:0 none; border:0 none; box-shadow:none;}
.component.socialmedia .facebook,
.component.socialmedia .twitter {margin-bottom: 0;}

.main_wrapper .cols .component.socialmedia .col.col_2{width:47%;}
.main_wrapper .cols .component.socialmedia .col.col_2 + .col.col_2{float:right;}

.component .js-enrichment{clear: both; background:#ededed; padding:10px 20px 20px 20px; margin: 10px 0;}
.component .js-enrichment >div.first-child >p{color:#77b800; font-weight:bold; font-size:16px;}

.component.search {margin-bottom: 100px;overflow: visible;}
.component.search .content{overflow: visible;}

/*multimedia*/
.component.video .addthis_sharing_toolbox,
.component.audio .addthis_sharing_toolbox {margin: 10px 0;}

.main_wrapper .component.multimedialist {}
.main_wrapper .component.multimedialist .multimediaThumbnails {margin: 0 auto;}
.main_wrapper .col_3 .component.multimedialist.detail .multimediaThumbnails {width: 453px;}
.main_wrapper .component.multimedialist>.content>.bd>div .multimediaThumbnails>li {display: block; width: 146px; height: 146px; border: 2px solid #27a49d; float: left; background: none; margin: 0 5px 5px 0; padding: 0;}
.main_wrapper .component.multimedialist>.content>.bd>div .multimediaThumbnails>li.active,
.main_wrapper .component.multimedialist>.content>.bd>div .multimediaThumbnails>li:hover {background-color: #efefef;}
/*.main_wrapper .component.multimedialist>.content>.bd>div .multimediaThumbnails>li:hover {border-color: #27a49d;}*/
.main_wrapper .component.multimedialist>.content>.bd>div .multimediaThumbnails>li a {display: block; text-align: center; height: 100%}
.main_wrapper .component.multimedialist li .thumbnail{height: 100%; margin: 0;}
.component.multimedialist .content .thumbnail img {float: none; margin: 0; width: 100%;}
.main_wrapper .component.multimedialist li .audio a {background: url('../Images/Multimedia-Gallery_audio.png') no-repeat center;}
.main_wrapper .component.multimedialist li .video a {background: url('../Images/Multimedia-Gallery_video.png') no-repeat center;}
.main_wrapper .component.multimedialist li .pdf a {background: url('../Images/Multimedia-Gallery_pdf.png') no-repeat center;}
.main_wrapper .component.multimedialist li .flash a {background: url('../Images/Multimedia-Gallery_flash.png') no-repeat center;}
.main_wrapper .component.multimedialist li .image a {background: url('../Images/Multimedia-Gallery_image.png') no-repeat center;}
.main_wrapper .component.multimedialist li .image a>img {margin: 0; width: 138px; background: #fff;}
.main_wrapper .component.multimedialist li .file a {background: url('../Images/Multimedia-Gallery_file.png') no-repeat center;}

.main_wrapper .component.multimedialist .thumbnailsWrapper {overflow: hidden; margin: 10px auto; background: #f1f1f1;}
.main_wrapper .component.multimedialist>.content>.bd .thumbnailsWrapper>.multimediaThumbnails>li {margin-bottom: 0; border-color: #f1f1f1;}
.main_wrapper .component.multimedialist .sliderWrapper {position: relative; user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none;}
.main_wrapper .component.multimedialist .sliderWrapper .nav {position: absolute; top: 40%; background: url(../images/slider.png) no-repeat; height: 36px; width: 36px; cursor: pointer;}
.main_wrapper .component.multimedialist .sliderWrapper .nav.prev {background-position: left top; left: 15px;}
.main_wrapper .component.multimedialist .sliderWrapper .nav.next {background-position: right bottom; right: 15px;}

.main_wrapper .component.multimedialist .multimedialist_stage {width: 100%; height: auto; padding: 10px 0 20px; text-align: center;}

.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail, #sb-player.html .thumbnail {width: 146px; height: 146px; margin: 0 auto;background-color: white; background-repeat: no-repeat; background-position: center; border: 3px solid #27a49d; border-radius: 5px;}
.main_wrapper .component.multimedialist .multimedialist_stage a:hover .thumbnail, #sb-player.html a:hover .thumbnail {background-color: #efefef;}
.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail.audio, #sb-player.html .thumbnail.audio {background-image: url('../Images/Multimedia-Gallery_audio.png');}
.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail.video, #sb-player.html .thumbnail.video {background-image: url('../Images/Multimedia-Gallery_video.png');}
.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail.pdf, #sb-player.html .thumbnail.pdf {background-image: url('../Images/Multimedia-Gallery_pdf.png');}
.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail.flash, #sb-player.html .thumbnail.flash {background-image: url('../Images/Multimedia-Gallery_flash.png');}
.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail.image, #sb-player.html .thumbnail.image {background-image: url('../Images/Multimedia-Gallery_image.png');}
.main_wrapper .component.multimedialist .multimedialist_stage .thumbnail.file, #sb-player.html .thumbnail.file {background-image: url('../Images/Multimedia-Gallery_file.png');}
.main_wrapper .component.multimedialist .multimedialist_stage img {max-height: 400px; max-width: 100%;}
#sb-player.html img {max-height: 100%; max-width: 100%;}

.main_wrapper .component.multimedialist .multimedialist_stage .multimediaPending {width: 100%; height: 20px; padding: 30px 0;background: url('../Images/loading.gif') no-repeat center;}
.main_wrapper .component.multimedialist .multimedialist_stage .multimediaError {width: 100%; height: 20px; padding: 30px 0;background: url('../Images/close_modal.png') no-repeat center;}

.main_wrapper .component.multimedialist .multimedialist_stageContainer {position: relative;}
.main_wrapper .component.multimedialist .multimedialist_stageContainer .navMedia {position: absolute; top: 40%; width: 40px; height: 36px; background: url('../Images/slider.png') no-repeat center; cursor: pointer;}
.main_wrapper .component.multimedialist .multimedialist_stageContainer .navMedia.previousMedia{ background-position: top; left: 0;}
.main_wrapper .component.multimedialist .multimedialist_stageContainer .navMedia.nextMedia{ background-position: bottom; right: 0;}