/*
Theme Name: Dream Cup
Theme URI:
Author:
Author URI: http://okvee.net
Description: Bootstrap v.3
Version: 0.1
Text Domain: bootstrap-basic

*/


/*
Required WordPress CSS
*/

@font-face {
    font-family: Futura;
    src: url(fonts/FuturaStd-Condensed.woff);
}

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

p {
    font-family: Verdana;
	font-size: 1.6vmin;
    font-weight: 400;
    margin-bottom: 1.83vh;
}

ol li {
    font-family: Verdana;
	font-size: 1.6vmin;	
	font-weight: bold;
    color:#004c69;
}

.pcustom {
	 color:#004c69;
}

p.pbaspage {
	font-family: Futura;
	color: #5a5a5a;
    padding-left: 0.3vw !important;
    text-transform: uppercase;
    padding-right: 0.3vw !important;
    font-size: 1.6vmin !important;
}

h1 {
	font-family: Verdana;
	font-size: 2.5vmin;
	font-style: bold; 
	margin-bottom: 1.83vh;
}

h2 {
	font-family: Verdana;
	font-size: 2.1vmin;
	font-style: bold; 
	margin-bottom: 1.83vh;
}

.buttonCup {
    display: inline-block;
	width: 18.76vw;
    vertical-align: middle;
    font-size: 1.28vmin;
    font-weight: 600;
    line-height: 1;
    padding: 12px 24px;
    margin: 0 0 24px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #00a4cb;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    text-transform: uppercase;
}

table thead tr th {
	font-family: Verdana;
	font-style: bold; 
	font-size: 1.5vmin;
}

table tbody tr td {
	font-family: Verdana;
	font-size: 1.5vmin;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.bypostauthor {
}
.gallery-caption {
}
.sticky {
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.container {
    width: 100% !important;
    height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*background: url(../../uploads/DrheamCup/SiteWeb/FondPage_Blur.jpg) 100% 100% / cover no-repeat rgb(255, 255, 255);*/	
    position: fixed;	
}

/* mobile screens */
@media only screen and (max-width: 640px) {
  .flagsize{
   width: 5.0vw
  }
}

/*
@media only screen and (min-width: 640px) {
  #flagsize{
   width: 2.0vw
  }
}*/


/* screen size */

/*JOAO 23-04-2022*/
@media only screen and (min-width: 200px) {
    .main-navigation{
		font-family: Futura;
        float:right;
        margin-top:14.2vh;
		margin-right:1vw;
    }
}

@media (min-width: 400px){
    .main-navigation{
		font-family: Futura;
        float:right;
        margin-top:4.2vh; 
		margin-right:1vw;
    }
}

@media (min-width: 1200px){
    .main-navigation{
		font-family: Futura;
        float:right;
        margin-top:4.2vh; 
		margin-right:1vw;
    }
}

@media (max-width: 1199px) and (min-width: 992px){
}

@media (max-width: 991px) and (min-width: 768px){
}

@media (max-width: 767px){
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
        background-image: initial;
    }
}

body {
    /*font-family: arial,verdana,helvetica,sans-serif;;*/
    font-family: verdana;

}


/* DROP DOWN LIST */
/* Top level Unordered list */
ul.dropdown {
    list-style:none;
    float:left;
    width:100%;
    padding: 0;
}

ul.dropdown  li{
    /*float:left;*/ /* makes horiz list */
    /*position:relative;*/ /* hey Submenu ULs, appear below! */
}

.navbar-nav {
    margin: 0;
}

ul.dropdown a {
    padding:1.14vh; /*space the items, occupy entire height too.*/
    text-decoration:none;
    color: #FFFFFF !important;
}

/* Style the link hover */
ul.dropdown li:hover a {
    background-color: #004c69;
    border: 0;
    color: #FFFFFF !important;
}

/* Displays the link as blocks. */
ul.dropdown li ul a {
    display:block;
    padding-top: 0.38vh;
    padding-bottom: 0.38vh;
	font-size: 1.8vmin
}

/* sub menus!!  */


.site-branding .col-md-1 button span{
    background-color: #888888;
}
.site-branding .col-md-1 button{
    border: solid 1px #EBEBEB !important;
}

.site-branding .col-md-1{
    margin-bottom: 0px;
}

ul.dropdown ul {
    list-style: none;
    margin:0; /* Appear just below the hovering list */
    padding:0;
    /*width:200px; /* specify the width. */
    min-width:7.50vw;
    position:absolute; /* needed */
    z-index:500; /* specify the order */
}

ul.dropdown li ul {
    top:3.8vh; /* Positioning:Calc with top level horz list height */
    -moz-box-shadow:0 2px 10px #000; /* CSS 3 */
}

ul.dropdown ul ul {
    top:0;
    left:100%; /* Position the sub menus to right. */
}

ul.dropdown ul li {
    float:none; /* umm.. Appear below the previous one. mmkay? */
}

/* Drop Down! */


/* Hide all the dropdowns (submenus) */
@media (min-width: 768px){
    ul.dropdown ul,
    ul.dropdown li:hover ul ul,
    ul.dropdown ul li:hover ul ul
    { display: none; }

    ul.dropdown li:hover ul,
    ul.dropdown ul li:hover ul ,
    ul.dropdown ul li ul li:hover ul
    { display: block;}
}
    ul.dropdown ul li:hover ul ,
    ul.dropdown ul li ul li:hover ul
    { display: block;}

/* Display the submenus only when li are hovered */


ul.dropdown li * a:hover {
    /* Change color of links when hovered */
    background: #cdcdcd; /* CSS 3 */
}

.navbar-nav > .active > a{
    background-image: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.navbar-default {
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.navbar-toggle {
	background-color: #FFFFFF;
	margin-top: 0.5vh;
	margin-right: 78vw;
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-collapse {
    padding-left: 0 !important;
    padding-right: 0 !important;
	z-index: 50;
}

.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #cdcdcd !important;
    background-image: none !important;
    background-repeat: repeat-x !important;
}
.dropdown-menu > .active > a {
    background-color: #81BEF7 !important;
    background-image: none !important;
    background-repeat: repeat-x !important;
}

.navbar-nav > li > a {		
	color: #5a5a5a;
    padding-left: 0.3vw !important;
    text-transform: uppercase;
    padding-right: 0.3vw !important;
    font-size: 1.8vmin !important; /*JOAO : a retirer sur mobile, comment faire ?*/ 
}

.navbar-nav > li > a:hover,.navbar-nav > li > ul > li > a,.navbar-nav > li > ul > li > ul > li >a{
	color: #81BEF7 !important;
    background-color: #004c69 !important;
    border: 0px solid #5a5a5a !important;
}

/* END DROPDOWN LIST */

#site-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #fff !important;
}
.row-with-vspace {
    margin-bottom: 0 !important;
}
#content > .content-area {
    padding: 0px !important;
}
#main-column .page {
    border: 0px solid #eee;
    margin-bottom: 0px;
    padding: 0.95vh;
}

.content {
    overflow: hidden ;
    position: relative ;
    opacity: 1;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

@media (min-width: 1200px){
    .content {
        padding: 0.95vh ;
        margin: 50px auto 0 auto;
        width: 90%;
        max-width: 97%;
        height: auto;
        opacity: 0.9;
    }
    .logo-top,.social {
        display: block;
    }
    .home-title {
        font-size: 76px;
    }

}

.mCSB_container {
    padding: 0.95 vh;
    background-color: #fff;
}
.wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
.wrapper p, .wrapper h1, .wrapper h2, .wrapper h3{
    font-weight: 300;
    color:#5D5D5D;
}
.wrapper p {
    font-size:14pt;
    line-height: 16pt;
}
.wrapper h1 {
    font-size: 80pt;
}
.wrapper h2 {
    font-size: 60pt;
}
.wrapper h3 {
    font-size: 40pt;
    line-height: 81pt;
}
.wrapper h4 {
    font-size: 16pt;
    line-height: 16pt;
}
.dark h4 {
    font-weight: 300;
    font-size: 16pt;
    line-height: 20pt;
    color: #fff;
    text-align: center;
}

.gray {
    background: #e9e9e9;
}
.dark, .dark-relative{
    background: #878787;
}
@media (max-width: 1366px){
    .dark {
        float: right;
        width: 100%;
    }
}
@media (min-width: 1367px){
    .dark {
        position: absolute;
        float: right;
        bottom: 6%;
        width: 90%;
        right: 25px;
    }

}

.wrapper ul, .wrapper li,.wrapper li p {
    line-height: 15pt;
}

.dark-relative p ,.dark-relative ul, .dark-relative li{
    color: #fff;
    margin-bottom: 0;
}
.wrapper ul {
    font-size: 14pt;
    list-style-type: none;
}

.wrapper ul.with-style {
    list-style-type: disc;
    color: #5D5D5D;
}

.white {
    background: #fff;
}
p.number-box {
    width: 110px;
    height: 110px;
    background: #fff;
    border: 10px solid #e9e9e9;
    border-radius: 55px;
    text-align: center;

}

p.number-box-medium {
    width: 70px;
    height: 70px;
    background: #fff;
    border: 5px solid #e9e9e9;
    border-radius: 35px;
    text-align: center;

}
.number-large{
    margin-top: 15px;
    font-size: 60pt !important;
    line-height: 70pt !important;
    font-weight: bold !important;
}

.number-medium{
    font-size: 40pt !important;
    line-height: 48pt !important;
    font-weight: bold !important;
}
.blue-color {
    color:#009FE3 !important;
}
.blue-color2 {
    color:#283583 !important;
}
.blue-color3 {
    color:#A1DAF8 !important;
}
.white-color{
    color:#fff !important;
}
.blue-bg {
    padding-left:8%;
    background: #A1DAF8;
}
.blue-bg-08 {
    background: rgba(161,218,248,0.8);
}
.blue-bg-05 {
    background: rgba(161,218,248,0.5);
}
.border-bot-blue , .border-bot {
    width: 100%;
}
.border-bot {
    border-bottom: 3px solid #283583;
}
.border-bot-blue {
    border-bottom: 3px solid #009FE3;
}
.border-bot-black {
    border-bottom: 3px solid #5D5D5D;
}
.border-top-black {
    border-top: 3px solid #5D5D5D;
}
.border-left-black {
    border-left: 3px solid #5D5D5D;
}
.border-right-black {
    border-right: 3px solid #5D5D5D;
}
.font-bold {
    font-weight: bold !important;
}
.question {
    font-size: 16pt;
    line-height: 16pt;
}
.center {
    margin: 0 auto;
}
.village {
    padding-left:15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .gray-gradient{
        background: linear-gradient(90deg, white 50%, #e9e9e9 50%);
    }
    .course-content-box {
        margin-right:-120%;
        background:white;

        position: relative;
    }
    .village {
        width:181%;
        z-index:99;
        position: relative;

    }
    .blue-gradient{
        background: linear-gradient(90deg, transparent 50%, #009FE3 50%);
        opacity: 0.3;
    }
    .home-title{
        font-size: 68px;
    }

}
.float-right {
    float: right;
}

.wrapper hr {
    width: 30% !important;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #5D5D5D !important;
}
footer ul {
    float: left;
    list-style: none;
    position: absolute;
}
footer ul li{
    float:left;
    position:relative;
    margin: 0 35px;
}
footer ul li a img{
    height: 50px;
}
#partner{
    z-index:1;
}
.small-text {
    font-size: 10pt !important;
}
.plan img {
    height: 60px;
}
.non-display {
    display: none !important;
}
.home-bg {
    background: url(images/Annonce_bg.jpg) 100% 100% / cover no-repeat rgb(255, 255, 255);

}
.error {
    color: #bc1212;
}
.message-warning {
    color: orangered;
}
.message-danger {
	color: red;
}
.message-success {
	color : green;
}

.skipper-table table {
    width: 100%;
}
.skipper-table thead td {
    font-weight: bold;
}
.skipper-table tbody tr:hover {
    background-color: lightblue;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard li{
    line-height: 12pt;
    list-style: none;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 12px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 4px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 11.1%;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-prev {
    margin-right: 5px
}
.required {
    color: red;
}
.image-100 {
    width: 100%;
    height: 100%;
}

#annonce-parter ul {
    list-style: none;
    padding: 0 !important;
    text-align: center;

}
#annonce-parter ul li{
    margin: 0 15px 10px 15px;
    display: inline-table;
}
#annonce-parter ul li a img{
    max-height: 50px;
    max-width: 150px;
}
.vertical-text {
    float: left;
    transform: rotate(270deg);
    padding-top: 40%;
}

.header-logo ul {
    list-style: none;
    padding: 0 !important;
}
.header-logo ul li {
    width: 20%;
    display: inline;
}

.header-logoli ul a img {
    height: 40px;
}
.organisation-bg {
    background: url(images/organisation.jpg) 100% 100% / cover no-repeat rgb(255, 255, 255);
    background-size: 100%;
}

.organisation-content{
    position: absolute;
    top:0;
    margin: 0;
    padding: 0;
    width: 90%;
}
.green {
    margin-top:5%;
    background: #00FFFF;
    text-align: center;
}
.organisation-content h3, .organisation-content h4 {
    color: #302683;
}
.organisation-content h3 {
    font-size: 20pt;
    line-height: 28pt;
}
.organisation-content h4 {
    font-size: 14pt;
}
.organisation-content p {
    font-size: 14pt;
    color: black;
    line-height: 12pt !important;
}
.organisation-content .small {
    font-size: 12pt;
    color: black;
}
.organisation-content .text-yellow {
    color:#D0AD67;
}
.organisation-content .tiny {
    font-size: 10pt;
    color: black;
}
.organisation-content .table {
    width: 70%;
}

.organisation-content .table:before {
    content: '';
    display: block;
    height: 4px;
    background: url(images/border-horizontal.png) repeat-x;
}
.organisation-content .table:after {
    content: '';
    display: block;
    height: 4px;
    background: url(images/border-horizontal.png) repeat-x;
}
.organisation-content table td {
    padding: 5px;
    text-align: center;
}

.organisation-content table td.dotted {
    background: url("images/border_vertical.png") repeat-y;
    width: 1px;
}

.organisation-content table tr.gradient {
    background: rgba(26,205,255,1);
    background: -moz-linear-gradient(left, rgba(26,205,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(26,205,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(26,205,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(26,205,255,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(26,205,255,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(26,205,255,1) 0%, rgba(255,255,255,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1acdff', endColorstr='#ffffff', GradientType=1 );
    background-attachment: fixed;
}

.ws-inputreplace {
    width: 100% !important;
}
.date-input-buttons {
    margin-right: 0 !important;
}
.social {
    float: right;
    margin-bottom: -0.76vh;
}
.social ul {
    list-style: none;
    padding: 0;
}
.social li {
    display: inline;
}
.carousel-control.right,.carousel-control.left {
    background-image: none;
}

#partenaires-page ul {
    list-style: none;
    padding: 0 !important;
    text-align: center;

}
#partenaires-page ul li{
    margin: 0 15px 10px 15px;
    display: inline-table;
}
#partenaires-page ul li a img{
    height: 60px;
}
#upload-file-container input {
    filter: alpha(opacity=0);
    opacity: 0;
}
#document-link td {
    padding: 0 2px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    /*margin: 0 5px;*/

}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 20px;
}
.filename {
    color: #337ab7;
}

.copyright{
    width: 100%;
    margin-top: 20px;
    padding: 20px 0;
    border-top: solid thin #ccc;
    float:left;
}
label,input {
    font-size: 16px !important;
}

/* Post Styles */

.post {
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}

.post .entry-thumbnail {
    width: 150px;
    float: left;
    /*margin: 2.2em 2em 1em 0;*/
}

.post .post-thumbnail {
    margin: 0;
}

.post .entry-content,
.post .entry-header {
    padding-left: 180px;
}

.post .entry-content {
    text-align: justify;
}

.post a.read-more {
    display: table;
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
    background-color: #d0451b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    margin-top: 10px;
}

.post a.read-more:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
    background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b', GradientType=0);
    background-color: #bc3315;
}

.post a.read-more:active {
    position: relative;
    top: 1px;
}

.single .post .entry-content,
.single .post .entry-header {
    padding-left: 0;
}

.single .entry-thumbnail {
    display: none;
}

.entry-meta {
    font-family: serif;
    font-size: 16px;
    color: #6f6f6f;
}

.entry-meta a {
    color: #6f6f6f;
}

.entry-tag {
    font-weight: bold;
}
.date-published{
    font-family: Verdana;
}
@media (min-width: 1024){
    .home-title{
        font-size: 80px;
    }

}
@media (max-width: 1023px){
    .logo-top,.social {
        display: none;
    }
    .home-title{
        font-size: 70px;
    }
}
@media (max-width: 991px) {
    .gray-gradient{
        background: white;
    }
    .village img {
        height: 100%;
        width: 100%;
    }
    .home-title{
        font-size: 56px;
    }
}
@media (max-width: 768px){
    #content {
        background-size: 100% calc(100% - 20px);
        background-repeat: no-repeat;		
    }
    #content .wrapper > img {
        display: none;
    }
    .organisation-content {
        position: relative !important;
    }
    #content .mCSB_container {
    }
    .content {
        width: 100% !important;
    }
    .mCSB_container {
        margin: auto !important;
    }
    .home-title{
        font-size: 39px;
    }
}

@media (max-width: 480px){
	.navbar-toggle {
		background-color: #FFFFFF;
		margin-top: 0.5vh;
		margin-right: 78vw;
	}
	
    .navbar-collapse {
		position: inherit;
		padding-left: 0 !important;
        padding-right: 0 !important;
        background-color: #004c69;
		z-index: 100;
    }
    #menu-menu-dc {
        padding-bottom: 200px;
        height: 200vh;
    }
    .home-title{
        font-size: 38px; padding: 0px 10px;  line-height: 57px;
    }

    .content .form-control{
        font-size: 8px !important;
    }

    #mCSB_1_container iframe{
        width: 250px;
        height: 200px;
    }
    .content-area{
        padding-left: auto;
        padding-right: auto;
    }
    .content {
        height: 675px !important;
    }
    .container{
        background: none;
    }

    .container .item{
        width: 265%;
    }
    .entry-content .text-home{
        font-size: 40px !important;
    }
    .entry-content .text-home-2{
        font-size: 36px !important;
    }

}
#cssmenu *{
    padding: 0;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#333}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#448D00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.boder-cssmenu{
    border: solid 1px #DDDDDD;
}
header .col-md-1{
    padding-right: 0px;
    padding-left: 0px;
}
.mobile-height{
    height: 100vh;
}
@media screen and (max-width:768px){
    #cssmenu{width:100%}
    #cssmenu ul{width:100%;display:none}
    #cssmenu ul li{width:100%;border-top:1px solid #444}
    #cssmenu ul li:hover{background:#363636;}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{float:none}
    #cssmenu ul ul li a{padding-left:25px}
    #cssmenu ul ul li{background:#333!important;}
    #cssmenu ul ul li:hover{background:#363636!important}
    #cssmenu ul ul ul li a{padding-left:35px}
    #cssmenu ul ul li a{color:#ddd;background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
    #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
    #cssmenu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #cssmenu .button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #cssmenu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
    #cssmenu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #cssmenu .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#262626}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.presse li{
    margin-top: 22px; list-style: none;
	min-height: 360px;
}
.presse li img{
    margin-top: 10px;
}

/* test conner */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');



/* The ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 552px;
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
    font-size: 19px;
    left: -117px;
    padding-left: 68px;
    padding-right: 80px;
    top: 110px;
    transform: rotate(-45deg);
    z-index: 999;
    line-height: 35px;
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

.document-link p {
    color: green;
    padding-top: 12px;
    padding-left: 10px;
    font-size: 16px;
}
.documents-upload > .form-group > p {
    color: red;
    font-size: 16px;
}
.equipages-table td {
    padding: 5px;
}

.linear-gradient {
  background: white;
}

#heure {
  background-image: url("https://drheam-cup.com/wp-content/themes/DC/img/BRM/BM6-H.webp");
}
#minute {
  background-image: url("https://drheam-cup.com/wp-content/themes/DC/img/BRM/BM6-M.webp");
}
#seconde {
  background-image: url("https://drheam-cup.com/wp-content/themes/DC/img/BRM/BM6-S.webp");
}
#fond {
  background-image: url("https://drheam-cup.com/wp-content/themes/DC/img/BRM/BM6-FACE-Dhream.webp");
}
#carto {
  background-image: url("https://drheam-cup.com/wp-content/themes/DC/img/BRM/Cartographie.png");
}
#background {
  background-image: url("https://drheam-cup.com/wp-content/themes/DC/img/BRM/Background.png");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

.carto {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 10vw;
  opacity: 1;
  position: relative;
  overflow: visible;   
}
.carto_bas {  
  position: absolute; 
  z-index: 12; 
  top: 60vh;
  left: 0; 
  width: 20%; 
  text-align: center;
  height: 10vw;    
}

.frame-generale {
  display: flex;
  height: 100vh;
}

.frame-carto {
  flex: 2;
  margin-bottom: 10vh;
}

.frame-centrale {
  flex: 7;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;  
  justify-content: center;  
  align-items: center;
}
.parent {
  margin-top: 59vh;
  display: flex;  
  width: 30%;  
}
.sub-frame {
  width: 25%;
  height: 33.3%;  
  background-position: center;  
  opacity: 1;
  position: absolute;
  top: 33.3%;
  left: 0%;
  overflow: visible;
  flex: 1;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}
.date {
  width: 100%;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 79px;
  left: 0px;
  font-family: Gill Sans MT;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: center;
  color: black;
}
.countdown {
  width: 100%;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 4px;
  left: 0px;
  font-family: Abel;
  font-weight: Regular;
  font-size: 50px;
  opacity: 1;
  text-align: center;
  z-index: 10;  
}
.top-flip {
  width: 90%;
  height: 35px;  
  background: rgba(37,150,190,0.50);
  background-position: center;  
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 5%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, .5);
  overflow: visible;
  border-radius:4px 4px 0px 0px;
}
.bottom-flip {
  width: 90%;
  height: 35px;
  background: rgba(37,150,190,0.75);
  background-positon: center;
  opacity: 1;
  position: absolute;
  top: 35px;
  left: 5%;
  box-shadow: 0px 4px 4px rgba(1, 1, 1, 0.25);
  overflow: visible;
  border-radius:0px 0px 4px 4px;
}
.parent-watch {
  flex: 2;
  background: none;
}
.watch-frame {    
  width: 25vh;
  height: 25vh;    
  top:50px;
  background: none;
  background: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.watch-frame:before{
    position: relative;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.image {
  width: 90%;
  height: 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25vh;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: visible;
}

@-webkit-keyframes tour{
  from{
      -webkit-transform: rotate(0deg);
  }
  to{
      -webkit-transform: rotate(360deg);
  }
}

@-o-keyframes tour{
  from{
      -o-transform: rotate(0deg);
  }
  to{
      -o-transform: rotate(360deg);
  }
}

@keyframes tour{
  from{
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  to{
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

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

}

#seconde {
    -webkit-animation: tour 60s steps(300, end) infinite; /* Change the duration to 10 seconds and increase the number of steps to 300 */
    -o-animation: tour 60s steps(300, end) infinite;
    animation: tour 60s steps(300, end) infinite;
}

#minute {
    -webkit-animation: tour 3600s steps(60, end) infinite;
    -o-animation: tour 3600s steps(60, end) infinite;
    animation: tour 3600s steps(60, end) infinite;
}

#heure {
    -webkit-animation: tour 43200s linear infinite;
    -o-animation: tour 43200s linear infinite;
    animation: tour 43200s linear infinite;
}