@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700|Open+Sans+Condensed:300);
body {    background-color: #7d0303;    margin: 0px 0 auto;    font-family: sans-serif;    font-weight: 400;    color: #000;    font-size: 11.5pt;    line-height: 1.5em;    padding: 0px}
h1, h2, h3, h4, h5, h6, h7  {    font-family: 'Open Sans Condensed', sans-serif;    font-weight: 700;    color: #000000;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a  {    text-decoration: none;    color: inherit;  }
table {	border-spacing: 0;	border-collapse: collapse;}
a  {    color: #000;    text-decoration: underline;  }
a:hover {         color: #fdaf17;    text-decoration: underline;    }
h1, h2, h3, h4, h5, h6, h7  {    margin: 0 0 0.5em 0;  }
h2  {    font-size: 1.65em;  }
h3  {    font-size: 1.25em;  }
h4  {    font-size: 1.25em;  }
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
#wrapper, #homewrapper {    margin: 0 auto;    width: 1170px;    background: #fff !important;}
header {    margin: 0 auto;    width: 1170px;    background: #000c;    /*background-image: url('/images/top.jpg') !important;    background-repeat: no-repeat;    background-position: top right;*/}
header .logo    {      padding-left:0px;        text-align: left;      margin-bottom:0px;      z-index:99999999; }
header .logo div      {        display: inline-block;        padding: 0.8em 1.5em 0 1.5em;}
header .logo p, header .logo .byline      {        display: inline;       }
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
.navbar {margin-bottom:0px;    min-height: auto;}
@media only screen and (min-width: 759px) {
.navbar {background-color: transparent; border:0px; }
    .navbar-collapse {
        padding:0px;
    }
        .container {width:1170px; margin:0px;padding:0px;margin: 0 auto; }
/*nav*/
.nav{padding:0px; width:1170px;background:#fff !important;  border-bottom: solid 1px;color:#cccccc;background: url('/images/menubg.png') !important;}
.navbar-nav>li a { color: #000000; text-decoration:none; font-size:13px; font-family:Arial; font-weight:bold; padding: 10px 20px 10px 10px; border-left: 0px solid #dadada;}
.navbar-nav>li a:hover,.navbar-nav>li a:focus { background-color: transparent; color: #000000;}
.navbar-nav>.open>a:focus { background-color: transparent;border-left: 1px solid #dadada; color: #19034f; border-radius: 0px; }
.navbar-nav>a:active, .navbar-nav>a:hover { background-color: transparent;color: #19034f; border-radius: 0px; border-left: 1px solid #dadada;}
.dropdown-menu {z-index:99999; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: transparent; }
.dropdown-menu>li>a { color: #000000; font-size:14px; padding: 10px 15px 5px 15px;  border-left: 0px solid #dadada;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #000}
ul.nav li.dropdown a.selected{color: #4e3292;}
ul.nav li a.selected{color: #4e3292;}
ul.nav li.dropdown:hover > ul.dropdown-menu {    display: block;    }}
.menubutton {        display:none;    }
/*********************************************************************************/
/* SubNav                                                                           */
/*********************************************************************************/
.subnav{margin: 0 10px 10px -10px;	text-align: left;font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;font-size:16px;text-transform: uppercase;}
.subnav li{display: inline-block;-moz-transition: top .15s ease-in-out;-webkit-transition: top .15s ease-in-out;-o-transition: top .15s ease-in-out;-ms-transition: top .15s ease-in-out;transition: top .15s ease-in-out;}
.subnav li.current, a.current{background: #333;color:#fff}
.subnav li:hover a{background: #333;color:#fff}
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/
#main  {      width: 1170px;      margin:0;             }
.content {float:left; background:#fff;width: 100%;}
.content .umb-grid .grid-section .container .row {margin:0px;}
.content h1{padding: 20px 0 0 20px;}
.column {  padding: 20px !important;}
.fullcontent {width: 1170px; float:left;}
.clear { clear: both }
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {    margin: 0 auto;    width: 1170px;}
#footer .content { width: 1170px; background-color:#000; }
#footer .footer-contact  {   font-size: 14px;    color:#fff;    line-height:16px; margin:20px 0 20px 10px; text-align:center;}
#footer .footer-contact a { color:#fff;     }
#footer .footer-Social { float:right; margin: 10px 10px; text-align:center; color:#000;}


@media only screen and (max-width: 759px) {
    header .logo {
        padding-left: 0px;
        text-align: left;
        margin-bottom: 0px;
        z-index: 99999999;
        width: 250px;
    }
}

@media only screen and (max-width: 959px) {
    #header {width: 730px; margin: 0 auto;}
    header{width: 730px; margin: 0 auto;}
    #wrapper {    margin: 0 auto;    width: 730px;    background: #fff !important;    }
    #homewrapper {    margin: 0 auto;    width: 730px;    background: #fff !important;    }
    .container  {      width: 730px;            }
        .nav{padding:0px; width:730px; 
}
    .nav a{   text-decoration:none;  }
    .navbar-nav>li a { padding: 10px 10px 10px 10px;}

.dropdown-menu > li > a {
    white-space: normal;
}


 a { font-size: 13px;     }

    #main  {      width: 730px;      margin:0;             }
    .content {width: 500px; float:left;}
    .fullcontent {width: 730px; float:none; }
    .rightwidget  {      width: 210px;  margin:20px 20px 0 0; float:right;}
    .righttextwidget {      width: 210px;  margin:72px 20px 0 0; float:right;}
    #footer {
        margin: 0 auto;
        width: 730px;
        background-color: #000000;
    }
    #footer .content { width: 730px;}
 }

   	
@media only screen and (max-width: 1159px)
 {

    body{margin:0}
        header { width: 100% !important; height: auto; padding:0px; }
    .container {width:100%;   margin:0px; padding:0px; }
    .header .logo  {width: 100%; text-align: center;margin:40px 0 0px 0; }

        .nav {       width: 100%    ;/*padding-left:10px;*/ margin-top:0px; }



        .navbar-nav {
        margin: 0px 0px;
    }

    .nav a{   text-decoration:none;   }

	#wrapper{        margin: 0 auto;
        background: #fff !important;
        width:100%;overflow-x:hidden;} 
    #homewrapper {        margin: 0 auto;
        background: #fff !important;
        width:100%;overflow-x:hidden;}
    #main { width: 100%;}
    .content {width: 100%; float:left; }
    .fullcontent {width: 100%; float:none;}
    .navbar-header {margin-left:20px;
    }

    .navbar-header  a {    text-decoration:none;
    font-size:16px; 
    color:#fff;
    }
            h3 a {font-size: 14pt;
            }
#footer { width: 100%; }
    #footer .content { width: 100%;}
    .menubutton {        display:block;}
}




/* Mobile */
@media only screen and (max-width: 479px) {

    .content h1 {
        padding: 15px 0 0 15px;
    }
    header { width:100%; margin:0px}
    #wrapper, #homewrapper {        
        margin: 0 auto;
        background: #fff !important;
        -webkit-border-radius: 0px;       
        -moz-border-radius: 0px;
        border-radius: 0px;
        width:100%;
        overflow-x:hidden;
    }
}

.video-container { 
   position: relative; /* keeps the aspect ratio */ 
   padding-bottom: 56.25%; /* fine tunes the video positioning */ 
   padding-top: 60px; overflow: hidden;
 /* -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;*/
}

.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-responsive{  max-width: 100% !important;height:auto !important;}
.wide{  max-width: 100% !important;height:auto !important;}
/*.video-wrapper iframe,.video-wrapper object,.video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/


.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.70);
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	 background-color: rgba(0, 0, 0, 0.50);
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

.table {

border:1px solid #ccc
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #ffb973;
}

/**********************************************/

.ribbon {
    width: 340px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
}


    .ribbon span {
        position: absolute;
        display: block;
        width: 450px;
        padding: 15px 0;
        background-color: #fdaf17;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #000000;
        font: 700 32px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-align: center;
    }

/* top left*/
.ribbon-top-left {
    top: 0px;
    left: 0px;
}

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: -10px;
        top: 40px;
        transform: rotate(-30deg);
    }

@media only screen and (max-width: 959px) {
    .ribbon {
        width: 240px;
        height: 150px;
        overflow: hidden;
        position: absolute;
        z-index: 9;
    }


        .ribbon span {
            position: absolute;
            display: block;
            width: 350px;
            padding: 10px 0;
            background-color: #fdaf17;
            box-shadow: 0 5px 10px rgba(0,0,0,.1);
            color: #000000;
            font: 700 22px/1 'Lato', sans-serif;
            text-shadow: 0 1px 1px rgba(0,0,0,.2);
            text-align: center;
        }

    /* top left*/
    .ribbon-top-left {
        top: 0px;
        left: 0px;
    }

        .ribbon-top-left::before,
        .ribbon-top-left::after {
            border-top-color: transparent;
            border-left-color: transparent;
        }

        .ribbon-top-left::before {
            top: 0;
            right: 0;
        }

        .ribbon-top-left::after {
            bottom: 0;
            left: 0;
        }

        .ribbon-top-left span {
            right: 0px;
            top: 20px;
            transform: rotate(-30deg);
        }

}

.annoncer a {      text-decoration:none;  }
.annoncer {      padding: 0px;    background: #ddd;  -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border-width:0px; }
.annoncer:hover {  background: #eceae6;   }
.annoncer a:hover {  color:#000000  }
.caption {margin: 10px;}
.annoncer .caption h3 { font-family: 'Lato';  margin-top:0px; font-size: 20px; color:#000; font-weight:bold;}
.annoncetext { color:#535353}
.annonceamout { font-size: 32px; color:#000; font-weight:bold;}
.annonceamout span {font-size: 16px; padding-right:10px}
.annonceamoutbefore { font-size: 18px; color:#333; text-decoration:line-through}
.annonceamoutbefore span {font-size: 13px; padding-right:10px; color:#333}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */