/*
 Theme Name:   Twenty Eleven Child
 Theme URI:    http://example.com/twenty-eleven-child/
 Description:  Twenty Eleven Child Theme
 Author:       Romain Veccia
 Author URI:   http://example.com
 Template:     twentyeleven
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-eleven-child
*/

@import url('css/style.css?v=08112016');
@import url('wowslider.css?v=29102016');
@import url('css/footer.css?v=29102016');
@import url('css/header.css?v=29102016');
@import url('css/pages.css?v=29102016');
@import url('font/fonts.css?v=29102016');
@import url('css/stylemain.css?v=25092017v1');

html {
    background: url("images/bg/html-bg.png") fixed center top repeat-x;
    min-width: 725px;
}

body {
	padding: 0;
	background: transparent;
}

body.custom-background {
    background-color: transparent !important;
}

article {
	background-color: #fff;
}

#branding #searchform ,
#site-title ,
#archives,
#meta,
.home #wowslider-container1,
.blog #wowslider-container1,
.page-id-86 #wowslider-container1,
.page-id-95 #wowslider-container1,
.page-id-107 #wowslider-container1,
.page-id-109 #wowslider-container1,
.page-id-111 #wowslider-container1,
.page-id-121 #wowslider-container1,
.page-id-125 #wowslider-container1,
.page-id-127 #wowslider-container1,
.page-id-306 #wowslider-container1,
#secondary {
    display: none;
}

.home #secondary {
    display: block;
}

.page-id-18 iframe {
    max-width: none;
}

.page-id-18 .ColLeft-left p {
    padding: 0 !important;
    font-size: 12px;
    line-height: 0.6;
}

.clear {
    clear: both;
}


#branding {
	background: url(images/bg-header2.png) repeat 0 0;
	border-top: none;
}

#branding hgroup {
    margin: 0;
    text-align: center;
    color: #fff;
}

#branding img {
	width: 345px;
	display: block;
	margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

#site-description {
    color: #fff;
    font-size: 15px;
    height: 30px;
    margin: 0px;
    border-bottom: 1px solid #474849;
    text-align: center;
    font-family: 'AgendaMedium', Arial;
    padding-top: 3px;
}

#market-line {
	color: #2DBCF2;
	display: inline-flex;
	text-transform: uppercase;
	font-size: 14px;
	width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-top: 10px;
}

#market-line p {
    width: 50%;
    margin-bottom: 0;
}

nav {
    text-align: center;
}

#access {
	background: url(images/bg-header2.png) repeat 0 0;
	text-transform: uppercase;
}

#access ul {
	display: table;
    margin: 0 auto
}

#access ul li {
    background: url("images/line-nav.png") no-repeat right top;
    height: 42px;
	width: 130px;
}

#access ul li:last-child {
    background: none;
	width: 170px;
}

#access ul li a {
   background-size: 0;
   font-size: 12px;
   padding-left: 8px;
   text-align: center;
}

#access ul ul {
    position:absolute;
    top:-99999px;
    left:0;
    z-index:497;
    background:;
    width: 170px;
    margin-left: -1px;
}

#access ul ul a {
    text-align: left !important;
}
#access ul li:focus>ul,
#access ul li:hover>ul,
#access ul li:active>ul{ 
    position:absolute; 
    top:99%; 
    left:0;
    background-color: #2dbcf2;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari et Chrome */
    -o-animation: fadein 1s; /* Opera */
}
/* Animation Menu Déroulant */
    @keyframes fadein {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-moz-keyframes fadein { /* sur Firefox */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-webkit-keyframes fadein { /* sur Safari et Chrome */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-o-keyframes fadein { /* sur Opera */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }

#access ul ul li {
    background-image: none;
}

#primary {
    position: relative;
    margin: -15px 0 15px 0;
    min-height: 625px;
}

.page-id-18 #main {
    min-height: 840px;
}

#colophon {
	background: url(images/bg-header2.png) repeat 0 0;
}

article {
    width: 550px;
}
/* Fil d'ariane*/

.breadcrumb {
    font-size: 11px;
    font-family: "Arial", Helvetica, sans-serif;
    color: #00AEEF;
    margin-bottom: 15px;
}

.single-post img[class*="attachment-"] {
    height: auto;
    width: 629px;
}
/* Colonne de droite */

#ColRight {
    position: absolute;
    top: 30px;
 
    width: 306px;
    background-color: #282828;
    left: 70%;
    z-index: 150;
}

#ColRight #Endorsements p
{
  text-align: justify;
}

#ColRight .Contacts2 {
  background: url("images/contacts2.png") no-repeat !important;
  height: 220px;
  margin-bottom: 15px;
  font-family: arial;
  font-size: 13px;
}

#ColRight #Contacts {
  background: url("images/contacts.png") no-repeat;
  height: 220px;
  margin-bottom: 15px;
  font-family: arial;
  font-size: 13px;
}


#ColRight #Contacts .Cname {
  color: #3fa1d0;
  padding-top: 114px;
  padding-left: 21px;
}

#ColRight #Contacts .Ctitle {
  color: #fff;
  line-height: 14px;
  padding-left: 21px;
}


#ColRightbis {
    background: transparent;
}

#brochure {
   
    height:96px;
    width:229px;
    margin:0;
    padding: 0 0 5px 12px;
    display:inline-block;
    background: url("images/brochure.png") no-repeat;
}

#studentsay {
    background: url("images/bg-title-home-jpo.png") no-repeat;
    height: 96px;
    width: 229px;
    margin: 0;
    padding: 0 0 5px 12px;
    display: inline-block;
}

#Endorsements h2 {
    font-family: 'Helvetica45LightRegular', Arial;
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    color: #ffffff;
    padding-bottom: 25px;
}
.category .thumbnail img, 
.blog .thumbnail img {
    width: 100%;
}
span.cat-links {
    display: none;
}
.entry-content {
    min-height: 500px;
    min-width: 629px;
    background-color: #fff;

}

.entry-content h1 {
}
.entry-content h2 {
}
.entry-content h3 {
}
.entry-content h4 {
}
.entry-content p {
    padding: 10px;
    font-family: "Arial", Helvetica, sans-serif;
}
#secondary {
    max-width: 960px;
}

.entry-content,
.entry-summary {
   
    background-color: #fff;

}

.entry-content p,
.entry-summary p {
 
    text-align: justify;
    padding: 10px;
    font-family: 'AgendaMedium', Arial;

}
.entry-meta a {
    font-weight: normal !important;
}
#content {
    margin-left: -180px;
}

h2 .entry-title {
	text-transform: uppercase;
}
/* Responsive */

/* Largeur d'écran inférieur à 1600px */

@media screen and (max-width: 1600px) {
    #content {
        margin: 20px 34% 0 -18%;
    }
    #secondary {
        margin-left: 18%;
    }
    .blog li.categories, .category li.categories {
        left: 66%;
    }
    #main #ColLeft {
        margin-top: -15px;
    }
  
}

/* Largeur d'écran inférieur à 1440px */

@media screen and (max-width: 1440px) {
    #supplementary {
        padding: 1% 0 0 10%;
    }
    #content {
        margin: 18px 34% 0 -22%;
    }
    #secondary {
        margin-left: 15%;
    }
    #ColRight {
        left: 69%;

    }
    .entry-content
     {
   margin-left: -8%;
    }
    .entry-summary {
        margin-left: 1%;
    }
}

/* Largeur d'écran inférieur à 1135px */

@media screen and (max-width: 1135px) {
    #access ul li {
        width: 120px;
    }
    #content {
        margin: 20px 41% 0 -18%;
    }
    #supplementary {
        height: 360px;
    }
    #market-line {
        width: 80%;
        margin-left: 10%;
    }
    #ColRight {
        left: 70%
    }
  /*  .blog #content,
    .category #content {
        margin: 100px 41% 12px 10% !important;
    }*/
    .blog li.categories, 
    .category li.categories {
        top: 0;
        left: 10%; 
    }
    .blog #content h3 {
        display: none;
    }
    .blog .categories ul, 
    .category .categories ul {
        display: flex;
    }
    .blog .categories ul li, 
    .category .categories ul li {
        width: 120px;
    }
    .blog .categories ul li a, 
    .category .categories ul li a {
        width: 120px;
   }
  /*  #ColRight {
        display: none;
    }*/
}


/* Largeur d'écran inférieur à 1085px */

@media screen and (max-width: 1085px) {
  
  div#container-article {
 width: 745px;
    margin-left: 320px;

}
#main {
    width:870px;
}
.headerArticle {
    margin-left: 140px;
    width: 925px;
}
.blog article {
    width: 456px;
}
#main #ColLeft {
        margin-left: 120px;
        margin-top: -15px
}

   
}
@media screen and (max-width: 980px) {
    #access ul li {
        width: 100px;
    }
    #access ul li a {
        font-size:11px;
        line-height: 1em;
        margin-top: 10px; 
    }
    .blog li.categories, 
    .category li.categories {
        left: 1%;
    }
    .blog .categories ul li, 
    .category .categories ul li {
        width: 110px;
    }
    #container-article {
        flex-direction: column;
        margin-left:80%;
        width:600px;
    }
    .entry-content {
        margin-left: 10%;
    }
    .headerArticle{
        width: 800px;
    }
    #main #ColLeft {
        margin-left: 200px;
        margin-top: -15px
    }
      #ColRight {
       display: none;
    }

}





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

    #market-line {
        display: none;
    }
    .menu ul li:first-child {
        display: none;
    }
        #access ul li {
        width: 90px;
    }
     .headerArticle{
        margin-left:-20%;
    }
    #main #ColLeft {
        margin-left: -5%;
        margin-top: -15px
    }
    .entry-content {
        margin-left: 50%;
    }
}

@media screen and (max-width: 768px) {
    .blog article header {
        width: 100%;

    }
}
/* ------------- Mobile -----------
/*@media screen and (min-width: 375px) {
    .threeLines {
        display: none;
    }
    #click-menu {
        display: none !important;
    }
}
@media screen and (max-width: 500px) {
    #site-description,
    nav#access {
        display: none;
    }
    #click-menu {
        background: transparent !important;
        right: -100% !important;
        top: 30px !important;
    }
    #click-menu .threeLines .line {
        height: 10px !important;
        margin-bottom: 13px !important;
        background: #FFFFFF !important;
        width: 170% !important;
    }
    #responsive-menu #responsiveSearch {
        display: none !important;
    }
    .blog #content, .category #content {
    margin: 100px 41% 12px 6% !important;
    }
}*/