/*
Theme Name: Flat Theme Child
Version: 1.0
Description: A child theme of Flat Theme
Template: flat-theme
*/

@import url(http://fonts.googleapis.com/css?family=ABeeZee);

div#bandeauUdeM {
    height: 67px;
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
}
div#logoUdeM {
    float:left;
}
div#coordCenr {
    float:right;
    margin-top: 10px;
}
div#logoUdeM img {
   /* height: 36px;*/
}
span#telephoneCenr, div#bandeauUdeM a {
    color: #34495e;
}
div#bandeauUdeM a {
    line-height: 35px;
}
span#telephoneCenr {
    padding-left: 30px;
}

div.navbar-header {
    clear: both;
}

.navbar-inverse .navbar-nav>li a{
color:#585858;
padding-top: 1em;
}
.navbar-inverse .navbar-nav > li a:hover,
.navbar-inverse .navbar-nav > li a:focus {
    background-color: #2C3E50;
    color: #FFF;
}
ul li span.menu-toggler {
    color: #585858;
}
ul li:hover span.menu-toggler,
ul li:focus span.menu-toggler {
    background-color: #2C3E50;
    color: #FFF;
}

.emerald{
  background-color: #2eb1a7;
}

/* Menu adaptatif du haut de page */

.navbar-inverse .navbar-nav > li > a {
    cursor: default;
}
.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: #FFF;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus
{
        background-color:#333
}
.navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar
{
        background-color:#FFF;
}
.navbar-inverse .navbar-toggle.collapsed {
    background-color: #FFF;
}
.navbar-inverse .navbar-toggle.collapsed .icon-bar {
    background-color: #333;
}
@media(max-width:767px) {
    div#bandeauUdeM {
        font-size: 70%;
        height: 52px;
        padding: 10px 0;

    }
    section#title {
        margin-top: 52px;
    }
    div#logoUdeM img {
        height: 30px;
    }
    div#bandeauUdeM a {
        line-height: 30px;
    }
    div#bandeauUdeM span.etiquette {
        display:none;
    }

    a.navbar-brand img {
        width: 250px;
    }
}
@media(min-width:768px) and (max-width:876px)
{
    span#telephoneCenr {
        padding-right: 60px;
    }

    .navbar-brand {
        padding-right: 0;
    }
    a.navbar-brand img {
        width: 250px;
    }
        div.navbar-header {
        width: 265px;
    }

    #header .container {
        max-width: 750px !important;
        min-width: 750px !important;
        width: 750px !important;
    }
    div.hidden-xs {
        float: right;
        max-width: 485px;
    }
    .navbar .navbar-main > li {
        margin-left: 0;
    }

    ul#menu-nav-horizontale li {
        width:110px;
        font-size: 80%;
    }
    div#bandeauUdeM {
        font-size: 80%;
}
    ul#menu-nav-horizontale li li {
        width: auto;
    }

    .navbar-inverse .navbar-nav > li a {
        padding: 10px 5px;
    }
}
@media(min-width:876px) and (max-width:1199px)
{
    #header .container {
        max-width: 950px !important;
        min-width: 950px !important;
        width: 950px !important;
    }
    span#telephoneCenr {
        padding-right: 60px;
    }

    div.hidden-xs {
        float: right;
        max-width: 570px;
    }
    ul#menu-nav-horizontale li {
        width:120px;
    }
    ul#menu-nav-horizontale li li {
        width: auto;
    }

    .navbar-inverse .navbar-nav > li a {
        padding: 10px 5px;
    }
}

/*
section#title {
    margin-top: 67px;
}
*/

/* Page d'accueil */
body.home.page .col-sm-12 {
    max-width: 1000px;
    margin: 0 auto;
}
#main-slider .carousel .item {
  top: 67px;
}
#main-slider .carousel .item:first-child {
  top: 0; 
}

#main-slider .prev,
#main-slider .next {
  margin-top: 42px;
}
body.page-template {
padding-top: 0;
}

body.page-template .navbar-fixed-top {
  position: relative;
}
body.home  .navbar-fixed-top {
  position: fixed;
}


/* Palette de couleur */

.punch{
  background-color: #d54326;
  color: #FFFFFF;
}
.totem-pole{
  background-color: #9b2907;
  color: #FFFFFF;
}
.casablanca{
  background-color: #faaf4c;
  color: #042035;
}
.paarl{
  background-color: #9e5d26;
  color: #FFFFFF;
}
.monte-carlo{
  background-color: #88d0ce;
  color: #042035;
}
.keppel{
  background-color: #2eb1a7;
  color: #FFFFFF;
}
.eden{
  background-color: #2c3e50;
  color: #FFFFFF;
}
.cloud{
  background-color: #eceff0;
  color: #34495e;
}
.silver{
  background-color: #bcc2c6;
  color: #042035;
}
.milano-red{
  background-color: #da1601;
  color: #FFFFFF;
}
.tangaroa{
  background-color: #042035;
  color: #FFFFFF;
}
.wet-asphalt{
  background-color: #34495e;
  color: #FFFFFF;
}

.sun-flower h2, .silver h1, .silver h2, .silver h3, .silver h4, .silver h5, .silver h6, .clouds h1, .clouds h2, .clouds h3, .clouds h4, .clouds h5, .clouds h6, .clouds {
color: #2C3E50;
}

.silver p{
color: #11181F
}

div#nextend-accordion-menu-nextendaccordionmenuwidget-20 dl.level1 dt.parent .inner{
background-image:url(/documentation/wp-content/uploads/2015/01/ArrowClose1.png) !important;
}

div#nextend-accordion-menu-nextendaccordionmenuwidget-20 dl.level1 dt.parent.opened .inner, div#nextend-accordion-menu-nextendaccordionmenuwidget-20 dl.level1 dt.parent.opening .inner{
background-image:url(/documentation/wp-content/uploads/2015/01/Arrowopene.png) !important;
}
/*
.navbar .navbar-main > li > a.visited {
  background-color: #2c3e50;
  color: #fff;
}
*/
/* Nous joindre */


/* menu tdm sidebar left */

.widget-area ul li:before {
content: none;
}

.widget-area ul li a{
margin-left: 0;
color:#34495e;
}

.widget-area ul li a:hover{
color:#d54326;
}
.widget-area ul li{
padding: 0 0 2px;
}

.widget-area ul li ul {
margin-left: 10px;
}

/* Style des boutons */

.btn-success{
  color: #fff;
  background-color: #2eb1a7;
  border-color: #2eb1a7;
}

.btn-success:hover, .btn-success:focus:active, .btn-success:active, .btn-success:focus {
  background-color: #16635c;
  border-color: #16635c;
}


.btn-danger{
  background-color: #ff5e33;
}

.btn-danger:hover{
  background-color: #d54326;
}

.btn-primary {
 color:#042035;
 background-color: #bcc2c6;
 border-color: #bcc2c6;
}

.btn-primary:hover {
 color:#fff;
 background-color: #5A6566;
 border-color: #5A6566;
}

.btn-warning {
 color:#042035;
 background-color: #faaf4c;
 border-color: #faaf4c;
}

.btn-warning:hover {
 color:#fff;
 background-color: #d88201;
 border-color: #d88201;
}

.btn-info {
 color:#fff;
 background-color: #34495e;
 border-color: #34495e;
}

.btn-info:hover {
 color:#fff;
 background-color:#042035;
 border-color:#042035;
}

.btn-link {
color:#d54326;
}

.btn-link:hover {
color:#d54326;
text-decoration:underline;
}

#main-slider .carousel .btn {
  border: 3px solid #eceff0;
  color: #fff;
  background: #000;
  border-radius: 0;
  margin-top: 5px;
}

/* Fil d'Ariane maison */

.breadcrumb{
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #2eb1a7;
  border-radius: 0;
}

.breadcrumb a{
color: white;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.container p{

}

/* Sidebar droite */

#right .widget-area h3{
font-size:18px;
}

/* Image feature */

.entry-thumbnail img{
max-width:15em;
margin-left: auto;
margin-right: auto;
padding-top: 2em;
padding-bottom: 2em;
}

/* Plugin de formulaire */

.wdform_page {
font-family:abeezee;
}

.quart-wrap{
width:25%;
}

.matricule-wrap{
width:120px;
}

.moitie-wrap{
width:50%;
}

.trois-quart-wrap{
width:75%;
}

input[type="text"]{
     border-radius: 4px;
     height: 34px;
     padding:6px 12px !important;
     background: #fff;
     border:1px solid #ccc;
}

input[type="text"]:focus{
border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

input[type="submit"] {
     color: #042035;
     cursor: pointer;
     display: inline-block;
     line-height: 1.33;
     background: #bcc2c6;
     padding: 0px 20px;
     vertical-align: middle;
     font-size: 18px;
     min-width: 80px;
     min-height: 35px;
     font-family: Abeezee;
     border: 1px solid #bcc2c6;
	 border-radius:6px;
     margin: 5px;
}

input[type="submit"]:hover {
     color: #fff;
     background: #5A6566;

}

.label-above label {
  font-weight: normal important!;
}

.ninja-forms-required-items{
margin-bottom:1em;
}

.wp-editor-container {
  border: 1px solid #bcc2c6;
border-radius: 4px;
}



/* tableau */

td, th{
border: solid 1px #bcc2c6;
padding-left: 1em;
padding-right: 1em;
}

thead tr td{
background-color: #eceff0;
font-size: 16px;
}


/* créer de l'espacement dans le texte */

.entry-content img{
margin:0.5em 0 0.5em;
}

.entry-content p{
line-height:1.6;
}


/* stylisation des titres */

.entry-content h1{
border-bottom: solid 1px #bcc2c6;
padding-bottom:0.3em;
margin-bottom:1em;
}

.entry-content p+h1, .h1{
margin-top: 1.3em;
}

.entry-content p+h2, .h2, .entry-content p+h3, .h3, .entry-content p+h4, .h4
{
margin-top: 1em;
margin-bottom: 1em;
}

.entry-content p{
padding:0.5em 0 0.5em;
}

.entry-content a:visited{
color: #2a6496;
}

.entry-content a:visited:hover{
color: #d54326;
}

.alignleft {
  float: left;
  margin: 10px 50px 20px 0;
}

/* slider pour cacher les flèches, dans le cas ou il n'y a qu'une slide. Enlever si on ajoute des slides */

#main-slider .prev, #main-slider .next, ol.carousel-indicators {
  visibility: hidden;
}