@charset "utf-8";
/*

	red: #d31324

	grey-text: #514e4e

*/


body{margin:0;padding:0;background:url(../images/footer-bg.jpg) no-repeat top center #222222;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:100%;color:#000;}
#bglink{
  display:block;
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:0;
  text-indent:-5000em;
  /* If you want to make only a part of background clickable,
     adjust height/width/left/top here. */
}
#container{width:960px;margin:auto;}

*:focus{outline:none;}
img{border:0;}
form{margin:0;padding:0;}

/* utils */
.clear{clear:both;}
.nb{border:0!important;}

a.u{text-decoration:underline;}
a.u:hover{text-decoration:none;}

a.unone{text-decoration:none;}
a.unone:hover{text-decoration:underline;}


.thumb{border:1px solid #b2b2b2;}
.thumb-red{border-bottom:5px solid #d31324;}

.red{color:#d31324;}

input{margin:0;}
.input{border:1px solid #c3c3c3;border-top:2px solid #c3c3c3;}
.input:focus{border-color:#d31324}
textarea{font-size:13px;font-family:Arial, Helvetica, sans-serif;}

.input-error{background:#FEF3F5;border-color:#d31324;}

.errors{color:#d31324;padding:10px;margin:10px 0;display:none;text-align:center;font-size:14px;font-weight:normal;}
.success{color:#4C8700;padding:10px;margin:10px 0;display:none;text-align:center;font-size:14px;background:#D9FFB2;font-weight:normal;}

/* icons */
a.more{background:url(../images/icons/arrow-right-red.gif) no-repeat left center;padding-left:10px;color:#d31324;text-decoration:underline;font-size:11px!important;line-height:12px!important;}
a.more_visionner{background:url(../images/icons/arrow-right-white.gif) no-repeat left center;padding-left:10px;color:#fff;text-decoration:underline;font-size:11px!important;line-height:12px!important;}
a.more:hover, a.more_visionner:hover{text-decoration:none;}

a.tag{color:#d31324;text-decoration:underline;font-size:10px;font-weight:bold;}
a.tag:hover{text-decoration:none;}

b.comment,
a.comment{background:url(../images/icons/comment.gif) no-repeat left 3px ;padding-left:15px;font-size:11px;font-weight:normal;color:#000;text-decoration:none;}

#options{}
#options a{float:left;margin-left:5px;}
a.share{background:url(../images/icons/share.gif);height:18px;width:68px;}
a.print{background:url(../images/icons/print.gif);height:18px;width:18px;}
a.size-up{background:url(../images/icons/size-up.gif);height:18px;width:18px;}
a.size-down{background:url(../images/icons/size-down.gif);height:18px;width:18px;}
a.show-comments{background:url(../images/icons/comments-white.gif);height:18px;width:18px;}

#share-container{position:absolute;z-index:7000;background:url(../images/icons/bubble-share.gif) no-repeat;width:80px;line-height:30px;height:38px;overflow:hidden;margin-top:-38px;margin-left:-5px;clear:left;}
#share-container a{float:left;width:20px;height:20px;display:block;position:relative;top:6px;}
#share-container a.option-twitter{background:url(../images/icons/twitter.gif) no-repeat center center;margin:0 5px;}
#share-container a.option-facebook{background:url(../images/icons/facebook.gif) no-repeat center center;float:left;}
#share-container a.option-send-friend{background:url(../images/icons/mail.gif) no-repeat center center;margin:0 5px;}

a.refresh-captcha{background:url(../images/icons/refresh.gif);width:16px;height:16px;display:block;position:absolute;bottom:2px;right:2px;}
a.check{text-decoration:none;color:#000;cursor:default;}



i.date{color:#9b9393;font-size:10px;}

a.title,
p.title{color:#000;text-decoration:none;font-weight:bold;font-size:14px;display:block;margin:5px 0px;}

.no-data{font-size:30px;font-weight:bold;padding:20px;text-align:center;}


/* header */
#header{position:relative;z-index:1000;}
#header #header-top {position:relative;width:100%;height:200px;background:url(../images/header/full-header-bg.png) no-repeat top left #000;}
#header #header-top-frontenac{position:relative;width:100%;height:200px;background:url(../images/header/full-header-bg_frontenac.png) no-repeat top left #000;}
#header #header-top #logotype, #header #header-top-frontenac #logotype{position:absolute;top:20px;left:20px;height:70px;width:180px;display:block;opacity:0;filter:alpha(opacity=0);}
#header #header-top #search, #header #header-top-frontenac #search{position:absolute;right:10px;top:118px;width:460px;}
#header #header-top #search .input-search, #header #header-top-frontenac #search .input-search{width:380px;font-size:12px;color:#ccc;border:0;background:none;}
#header #header-top #search .submit-search, #header #header-top-frontenac #search .submit-search{position:absolute;right:0;top:0;border:0;width:65px;/*background:none;*/opacity:0.01;filter:alpha(opacity:1);font-size:14px;cursor:pointer;}

#header #main-menu{position:relative;background:url(../images/header/bg-red.gif) repeat-x;height:28px;line-height:28px;white-space:nowrap;z-index:1000;margin:0;padding:0;}
#header #main-menu li.item{float:left;display:block;height:28px;}
#header #main-menu li.item:nth-child(15){display:none}
#header #main-menu li.item a.sections{height:26px!important;}
#header #main-menu li.active,
#header #main-menu li.current{background:url(../images/header/bg-black.gif) repeat-x!important;}

#header #main-menu li.sep{background:#5f363a;float:left;display:block;height:27px;width:1px;}
#header #main-menu li.first a.sections{padding:0px 10px!important;}
#header #main-menu li.last a.sections{padding:0 20px;}

#header #main-menu li.item .wrapper{position:relative;z-index:1000;}
#header #main-menu li.item .sub{position:absolute;left:0px;bottom:-30px;margin:0px 9px;background:url(../images/header/sub/middle.png) repeat-x;display:none;float:none;width:auto;height:28px;line-height:28px;z-index:10000}
#header #main-menu li.current .sub{display:block;}
#header #main-menu li.item .sub span{display:none;}
#header #main-menu li.item .sub a{color:#fff;text-decoration:none;font-size:11px;font-weight:bold;padding:0px 3px;margin:0px 7px;}
#header #main-menu li.item .sub a:hover,
#header #main-menu li.item .sub a.active
{border-bottom:6px solid #e02030;}
#header #main-menu li.item .sub .left{background:url(../images/header/sub/left.png) no-repeat;width:9px;height:28px;left:-9px;top:0;position:absolute;}
#header #main-menu li.item .sub .right{background:url(../images/header/sub/right.png) no-repeat;width:9px;height:28px;right:-9px;top:0;position:absolute;}
#header #main-menu li.last .sub{right:0;left:auto;}

#header #second-menu{position:absolute;bottom:37px;right:30px;}
#header #second-menu ul{white-space:nowrap;float:right;margin:0;padding:0;}
#header #second-menu li{float:left;display:block;height:12px;line-height:12px;}
#header #second-menu li.sep{float:left;display:block;color:#fff;}
#header #second-menu li a{color:#fff;padding:0px 5px;text-decoration:none;font-size:10px;}
#header #second-menu li a:hover{text-decoration:underline;}

#header #rss-feed{position:absolute;left:10px;bottom:5px;overflow:hidden;background:url(../images/icons/rss-small.gif) no-repeat left center;height:16px;line-height:16px;width:590px;padding-left:20px;white-space:nowrap;}
#header #rss-feed #newsticker-container{position:relative;overflow:hidden;height:14px;width:590px;}
#header #rss-feed #newsticker{position:relative;height:16px;}
#header #rss-feed ul{white-space:nowrap;padding:0;margin:0;}
#header #rss-feed li{display:block;float:left;width:auto;font-size:10px;color:#fff;}
#header #rss-feed li a{color:#fff;text-decoration:none;white-space:nowrap;padding-right:10px;}
#header #rss-feed li a:hover{text-decoration:underline;}

#header #third-menu{position:absolute;right:15px;bottom:0;}
#header #third-menu a{display:block;float:left;margin:0 0 1px 1px;padding:0;}


/* footer */
#footer{height:250px;position:relative;}
#footer #footer-content{position:absolute;bottom:5px;height:65px;width:100%;color:#636161;}
#footer #footer-content a{color:#636161;text-decoration:none;}
#footer #footer-content a:hover{text-decoration:underline;}

#footer #footer-content #menu-top{font-size:13px;font-weight:bold;text-align:center;white-space:nowrap;margin:10px 0px;width:100%;}
#footer #footer-content a{margin:0px 8px;}
#footer #footer-content #menu-bottom{position:relative;margin-top:10px;font-size:10px;width:100%;}
#footer #footer-content #menu-bottom a{font-weight:normal;font-size:10px;margin:0 5px;}
#footer #footer-content #menu-bottom .left a{font-weight:bold;margin:0;}
#footer #footer-content #menu-bottom .left{position:absolute;left:8px;top:0;text-align:left;}
#footer #footer-content #menu-bottom .right{position:absolute;right:5px;top:0;text-align:right;}



/* ads */
.ad{border:1px solid #b2b2b2;white-space:nowrap;position:relative;}
#header .top-ad{position:absolute;top:10px;right:10px;}

#ad-content-footer{margin-top:10px;}

#box-visionner{background:url(../images/bg-visionner.gif) no-repeat top left;width:302px;height:252px;}
#box-visionner .box-visionner-content{padding:10px;padding-top:170px;font-size:10px;position:relative;}
#box-visionner .box-visionner-content .button{text-align:center;margin-bottom:3px;}
#box-visionner .box-visionner-content .text{width:250px;margin:auto;}
#box-visionner .box-visionner-content b{display:block;font-size:13px;text-align:left;}
#box-visionner .box-visionner-content .more{text-align:right;margin-top:30px;}

#banner-toppage{position:relative;height:90px; margin: 0 0 10px 0; margin:10px 0\9;}
#banner-toppage .right-ad{width:728px;position:absolute;right:0;top:0;}
#banner-toppage .button-left{position:absolute;left:0;top:0;}

/* gradient */
.grey-to-white{background:url(../images/grey-to-white-gradient.gif) repeat-x #fff;}



/* round corner bottom outside  appended to .round-bottom*/
.round-bottom{}
/*.rounded-corner-bottom{height:12px;position:relative;bottom:-12px;width:100%;background:#fff;}
.rounded-corner-bottom .left-corner{position:absolute;height:12px;width:12px;top:0;left:-10px;background:url(../images/hack/round-corner-white.png) no-repeat  0px -12px;}
.rounded-corner-bottom .right-corner{position:absolute;height:12px;width:12px;top:0;right:-10px;background:url(../images/hack/round-corner-white.png) no-repeat -12px -12px;}

/* round corner bottom outside  appended to .round-bottom*/
.rounded-corner-top-inside-right{background:url(../images/hack/round-corner-white-inner-right.png) no-repeat top right;}
.rounded-corner-top-inside-left{background:url(../images/hack/round-corner-white-inner-left.png) no-repeat top left;}*/


/* banner overlap */
.banner-overlap{position:relative;background:url(../images/banner-overlap.gif) repeat-x 0px -68px;height:34px;width:100%;margin-bottom:20px;}
.banner-overlap .left-side{position:absolute;left:-4px;top:0;background:url(../images/banner-overlap.gif) repeat-x 0px 0px;height:34px;width:4px;}
.banner-overlap .right-side{position:absolute;right:-4px;top:0;background:url(../images/banner-overlap.gif) repeat-x 0px -34px;height:34px;width:4px;}
.banner-overlap .text{background-repeat:no-repeat;background-position:center center;position:absolute;width:100%;height:31px;}

/* box */
.box-list{position:relative;}
.box-list .head{background:url(../images/box-grey-header.png) repeat-x 0px -74px;position:relative;line-height:37px;height:37px;color:#d31324;font-style:italic;font-weight:bold;font-size:16px;padding:0 10px;}
.box-list .head a.more{position:absolute;display:block;width:auto;right:15px;top:13px;font-size:11px;font-weight:normal;font-style:normal;}
.box-list .head .left-corner{background:url(../images/box-grey-header.png) repeat-x 0px 0px;position:absolute;left:0;top:0;width:4px;height:37px;}
.box-list .head .right-corner{background:url(../images/box-grey-header.png) repeat-x 0px -37px;position:absolute;right:0;top:0;width:4px;height:37px;}
.box-list .box-content{border:1px solid #b2b2b2;border-top:0;}

/* content */
#content-top{background:#fff;padding:10px;position:relative;}
#content-top.round-bottom{padding-bottom:0px;margin-bottom:12px;}

#content-top .left{position:relative;float:left;width:620px;}
#content-top .left-large{width:760px;}

#content-top .right{position:relative;float:right;width:302px;margin-bottom:-10px;}
#content-top .right-small{width:162px;}

#content-top .right .ad,
#content-top .right .banner{margin-bottom:10px;}

#content-3col-bottom{position:relative;width:100%;}
#content-3col-bottom .left{text-align:left;width:180px;height:100%;vertical-align:top;}
#content-3col-bottom .right{text-align:right;width:180px;height:100%;vertical-align:top;}
#content-3col-bottom .middle{height:100%;vertical-align:top;}
#content-3col-bottom .middle .bg-middle{background:#fff;padding-top:20px;}


#content-3col-bottom .left .ad,
#content-3col-bottom .right .ad{margin-top:10px;}
#content-3col-bottom .left .ad{width:160px;}
#content-3col-bottom .right .ad{width:125px;float:right;}


/* articles articles-display */
.articles-display{position:relative;margin-bottom:20px;padding-top:54px;}
.overlap{position:absolute;left:-4px;top:0;background:url(../images/tab-overlap.gif) no-repeat;width:180px;height:34px;}
.overlap .sections-i{background-position:10px 7px;height:31px;}
.w-pad .overlap{position:relative;left:-14px;margin-bottom:20px;background-image:url(../images/tab-overlap-long.gif);width:200px;}

.overlap-title{margin-bottom:10px;}
.overlap-title a{font-size:18px;font-weight:bold;margin-bottom:10px;color:#d31324;text-decoration:none;}



.articles-display .article{width:240px;float:left;margin-left:40px;}
.articles-display .article .thumb-red{margin-bottom:1px;}
.articles-display .article .tag{margin-left:10px;}
.articles-display .article .title{margin:0;margin:3px 0px;font-size:18px;}
.articles-display .article .text{margin-top:10px;font-size:11px;}
.articles-display .article .link-more{position:relative;margin-top:10px;text-align:right;}

.articles-display table.coups-de-coeur{width:auto;}
.articles-display table.coups-de-coeur td{border-top:1px solid #d6d6d6;vertical-align:top;color:#000;padding:10px 10px 10px 0;}
.articles-display table.coups-de-coeur td a{color:#000;font-weight:bold;font-size:14px;}
.articles-display table.coups-de-coeur td .thumb{}
.fiche-client .articles-display table.coups-de-coeur td{border:0;}
.fiche-client .articles-display{margin-left:10px;}


#primary-img{position:relative;left:-10px;top:-10px;width:630px;}
#primary-img span{background:#fff;width:auto;font-size:10px;position:absolute;bottom:0;right:0;display:block;padding: 1px 4px;}



#full-title{color:#fff;background:url(../images/bg-full-title.gif) repeat-x #000 left top;top:-10px;left:-10px;position:relative;width:100%;padding:50px 10px 5px 10px;}
#full-title h1{font-size:60px;line-height:60px;position:relative;margin:0;padding:0;}
#full-title h1 a{font-size:18px;margin-left:20px;color:#fff;vertical-align:middle;}
#full-title h1 a:hover{text-decoration:none;}

.full-title-underline{font-size:24px;font-weight:bold;padding-bottom:5px;margin:10px 0px;border-bottom:1px solid #000;}

.text-title{font-size:18px;margin:5px 0px;font-weight:bold;}

#comments{position:relative;padding:0px 20px 0px 20px; width: 550px; word-wrap: break-word;}
#comments .comment{background:url(../images/icons/guillement-comments-left.gif) no-repeat 0px 0px;border-bottom:4px solid #e8e8e8;margin-top:20px;}
#comments .comment .text{padding:0px 30px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;text-align:justify;margin-bottom:-13px;word-wrap: break-word;}
#comments .comment .author{padding:40px 30px 20px 0px;text-align:right;background:url(../images/icons/guillement-comments-right.gif) no-repeat right top;}

#article h2{font-size:13px;margin:0;padding:0;margin-top:20px;}
#article-heading{position:relative;border-bottom:5px solid #d31324;margin-top:20px;height:70px;line-height:115px;overflow:hidden;}
#article-heading span{float:left;display:block;width:auto;margin-right:20px;font-weight:bold;}
#article-heading span.article_author {margin-top:-23px;}
#article-heading span a{margin-left:5px;}
#article-heading #options{position:absolute;right:0;top:26px;float:none;}
#article-heading #options .addthis_toolbox span{width:20px;padding:0;margin-right:0;}
#article #the-article{margin-top:10px; text-align:justify;}
#article #the-article div{ margin-bottom:16px;}
#article .fiche-client{margin-bottom:100px;}
#article .fiche-client .no-data{font-size:16px;}
#article #guillemet{margin-bottom: 0!important;float:left;width:100px;height:100px;background:url(../images/icons/guillement-articles.gif) no-repeat center center;}
#article #tag-under{font-size:10px;margin-top:20px;}
#article #tag-under a.tag{margin-left:5px;}

.poll{}
.poll .box-content{padding:10px;}
.poll .box-content .title{margin-bottom:10px;}
.poll .item{margin-bottom:10px;clear:left;width:180px;}
.poll .item span{display:block;margin-bottom:2px;font-weight:bold;line-height:18px;font-size:13px;cursor:default;}
.poll .item span.answer{padding-left:22px;background:url(../images/icons/radio-unchecked.gif) no-repeat left center;}
.poll .item span.checked{background:url(../images/icons/radio-checked.gif) no-repeat left center;}
.poll .item b{position:absolute;right:-30px;top:-1px;color:#d31324;}
.poll .item .result{background:url(../images/sondage-bg.gif) repeat-x center left;margin-left:0px;position:relative;height:13px;}
.poll .poll-btn{margin-top:20px;text-align:right;position:relative;height:33px;}
.poll .poll-btn .success{position:absolute;right:0;top:0;width:75px;display:block;padding:5px;}

/* Overlay */
#contact-overlay {background-color:#000; cursor:default;opacity:0!important; filter:alpha(opacity=0)!important;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:15px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:400px!important;}
#contact-container h1 {color:#fff; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../images/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;height:auto!important;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container .label {width:180px;text-align:right;font-weight:bold;padding:4px;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; padding:0px 2px;font-size:12px;background:#eee; border:1px solid #fff; width:220px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:10px; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../images/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../images/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {cursor:pointer; height:24px;border:0;font-size:1em;font-weight:bold;color:#fff;}
#contact-container .contact-send {width:100px; background:url(../images/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:100px; background:url(../images/contact/send.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}


.video-player{padding:20px 0; margin:auto;text-align:center;width:560px;}
.video-player strong{display:block;margin-bottom:5px;font-size:16px;}
.video-player i{display:block;margin-top:5px;text-align:left;}


#catfish{position:fixed;bottom:0;height:100px;width:100%;margin:0 0 -114px 0;/**/padding:14px 0 0 0;background:url(../images/catfish/bg.png) repeat-x left top;z-index:1001;}
#catfish-container{width:960px;padding:5px 0;margin:0 auto;position:relative;}
#catfish-ad{width:728px;height:90px;margin:0px auto;}
#catfish-close{background:url(../images/catfish/close.png) no-repeat;display:block;width:44px;height:44px;position:absolute;top:50%;margin-top:-15px;right:30px;}


.list-display-footer{padding:20px 0 0px 0;position:relative;height:20px;}
.pagination{white-space:nowrap;float:right;padding-top:1px;width:auto;}
.pagination a{float:left;color:#000;display:block;padding:0px 5px;line-height:15px;text-decoration:none;font-size:11px;}
.pagination a:hover{background:#f1f1f1;}
.pagination b{float:left;width:1px;display:block;background:#cfcfcf;line-height:15px;height:15px;}
.pagination a.active{background:#d31324;color:#fff;}
.pagination a.next{background:url(../images/icons/arrow-right-black.gif) center center no-repeat;width:9px;height:17px;padding:0;}
.pagination a.prev{background:url(../images/icons/arrow-left-black.gif) center center no-repeat;width:9px;height:17px;padding:0;}
.pagination a.last{background:url(../images/icons/arrow-double-right-black.gif) center center no-repeat;width:9px;height:17px;padding:0;margin-left:5px;}
.pagination a.first{background:url(../images/icons/arrow-double-left-black.gif) center center no-repeat;width:9px;height:17px;padding:0;margin-right:5px;}
#reussite {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 4;
}


.videos_list {
    background-color : #000;
    color: #fff;
    width: 771px ;
}
.video_detail {
    display: block ;
}
.video_image
{
    width : 455px;
}
.video_desc {
    width : 400px ;
}

.video_name {
    font-size: 14px ;
    text-transform: uppercase;
    font-weight: bold ;
    margin-top: 8px ;
    margin-bottom: 8px ;
    line-height: 18px ;
}


.cut_right {
    width: 200px ;
}

.date_video{
    color : #666 ;
    font-family: georgia;
    font-style: italic ;
}

.videos_list td {
    padding:0px;
}

.big_description {
    padding: 15px !important;
}
.medium_text {
    float: left;
    padding: 15px 15px 0;
    width: 450px;
}

#video_archives {
    background: url(/assets/images/background-videos.jpg) no-repeat;
    height:98px;
}

div#video_archives  img{
    left: 30px;
    position: relative;
    top: 50px;
}

#ads-right {
    margin-left: 12px ;
}

#ads-right div.ad {
    margin-top: 14px;
}

.visionner_video {
    float:left ;
    margin-left: 13px;
    margin-top: 15px;
}
.voxpop_video {
    float: left;
    margin-left: 13px;
    margin-top: 15px;
}

.voxpop_video #video_newsletter{
    margin-top: 15px;
}

#ads_right_bottom
{
    float:left ;
    margin-left: 13px;
    margin-top: 15px;
}

.video_text {
    text-align: justify ;
}

#play_video {
        margin-left: 420px;
        margin-top: 230px;
        position: absolute;
}

.video_right {
        float: right;
        height: 262px;
        width: 455px;
}

.video_left {
        height: 262px;
        width: 455px;
}

.video_right_med {
        float: right;
        height: 152px;
        width: 257px;
}
.video_left_med {
        float: left;
        height: 152px;
        width: 257px;
}

#arrow_left {
        margin-left: 443px;
        margin-top: 118px;
        position: absolute;
}

#arrow_right {
        margin-left: 0px;
        margin-top: 118px;
        position: absolute;
}

#arrow_left_med {
        margin-left: 245px;
        margin-top: 65px;
        position: absolute;
}

#arrow_right_med {
        margin-left: 0px;
        margin-top: 65px;
        position: absolute;
}
