/*
 * Page Campus Condorcet : règles CSS
 * Janvier 2019 - DNB
*/

/* HOME PAGE */
div.condorcetHome {
    margin: 20px 0px 30px 0px;
    border-radius:3px;
}
div.condorcetHome img {
    height: auto;
    width: 100%;
    border-radius:3px;
}

/* PAGE CONDORCET */

div#condorcet {
    /*font-family: 'Open Sans', sans-serif;*/
}

body.page-condorcet {
    background-image:url(img/campus-condorcet_vue-architectev8.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position: 0% 260px;
}

body.page-condorcet h1.page-header {
    display:none;
}

/* Banniere 'L'EHESS s'installe ...' */
div#condorcetBanner {
    width:100%;
    margin: 0vh 0vh 5vw 0vh;
    /*background-image:url(img/campus-condorcet_vue-architecte.jpg);
    background-size:cover;
    background-position: center;*/
}

@media only screen and (min-width: 769px) {
  div#condorcetBanner {
    padding:32vw 0 0 0;
  }
}

div.greenContainer {
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007c6c+45,007c6c+45,7db9e8+100&1+45,0+100 */
    /*background: -moz-linear-gradient(left, rgba(0,124,108,1) 45%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, rgba(0,124,108,1) 45%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, rgba(0,124,108,1) 45%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007c6c', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
div#condorcetBanner h1 {
    height: auto;
    width: auto;
    padding:2vh 3vh;
    margin: 3vw 0vw 0vw 0vw;
    color: white;
    font-size: 4.33vh;
    letter-spacing: -0.1vh;
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-weight: 300;*/
    text-shadow: 0px 0px 2px rgba(255,255,255,.3);
    /*background-color: #006755;*/
    background-color: #4c8da6;
    border-radius: 5px;
}
/* Fin bannière */


/* Bloc vidéo */
div#condorcetVideo {
    height: auto;
    width: 100%;
    padding-right: 2vh;
    margin: 0vh;
}
div#condorcetVideo iframe {
    height: 44vh;
    width: 100%;
}

/* Bloc FAQ */
/*
div#condorcetFaq {
    height: 24vh;
    width: 100%;
    margin: 0vh 0vh 1.9vh 0vh;
    background-image:url(img/background-faq.jpg);
    background-size:cover;
    background-position: center;
}*/
a.greenFaqContainer {
    display: block;
    height: 24vh;
    width: 100%;
    margin: 0vh 0vh 1.9vh 0vh;
    background-image:url(img/background-faq.jpg);
    background-size:cover;
    background-position: center;
    border-radius: 5px;
}
div#condorcetFaq h2 {
    padding:2.5vh 1.5vh 3.5vh 1.5vh;
    margin: 0vh;
    color: white;
    font-size: 6vh;
    letter-spacing: -0.05vh;
    font-weight: light;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 300;
    text-shadow: 0px 0px 2px rgba(255,255,255,.6);
}
div#condorcetFaq p {
    padding:3vh 1.5vh 2vh 1.5vh;
    color: white;
    font-size: 1.66vh;
    letter-spacing: -0.05vh;
    font-weight: light;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 400;
}
/* Fin bloc FAQ */


/* Bloc telecharger la plaquette */
div#condorcetPdf a.telechargerCondorcet {
    display: block;
    height: 18vh;
    width: 100%;
    margin: 0vh;
    background-image:url(img/background-pdf.jpg);
    background-size:cover;
    background-position: center;
    border-radius: 5px;
}

div#condorcetPdf p {
    padding:2vh 1.5vh 3.5vh 1.5vh;
    color: white;
    font-size: 1.66vh;
    letter-spacing: -0.05vh;
    font-weight: light;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 400;
}
/* Fin bloc télécharger la plaquette */

/* Vue Condorcet news */
div.view-condorcet-news {
    margin-top:8vh;
}

div.view-condorcet-news div.views-field-title a {
    display: block;
    height: 10vh;
    padding: 2vh 1vh 2vh 0vh;
    font-size: 2vh;
    font-weight: bolder;
    letter-spacing: -0.075vh;
    word-spacing: -0.05vh;
}
div.view-condorcet-news div.views-field-title a:link,
div.view-condorcet-news div.views-field-title a:visited {
    color: #4c8da6;
    text-decoration: none;
}
div.view-condorcet-news div.views-field-title a:hover {
    color: #4c8da6;
    text-decoration:underline;
}
div.view-condorcet-news div.views-field-title a:focus {
    color: darkred;
    text-decoration:underline;
}
div.view-condorcet-news div.views-field-title a:active {
    color: darkred;
    text-decoration:underline;
}


div.view-condorcet-news div.views-field-field-r-sum- {
    height: 8.5vh;
    width: 90%;
    text-align: justify;
}

div.view-condorcet-news div.views-field-view-node {
    display: block;
    float: right;
    margin-right: 0.5vh;
    text-transform: uppercase;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 400;
}

div.view-condorcet-news div.views-field-view-node a:link,
div.view-condorcet-news div.views-field-view-node a:visited {
    color: #4c8da6;
    text-decoration: none;
}
div.view-condorcet-news div.views-field-view-node a:hover {
    color: #4c8da6;
    text-decoration:underline;
}
div.view-condorcet-news div.views-field-view-node a:focus {
    color: darkred;
    text-decoration:underline;
}
div.view-condorcet-news div.views-field-view-node a:active {
    color: darkred;
    text-decoration:underline;
}

div.condorcetPlus {
    display: inline-block;
    padding: 0vh 0.75vh;
    margin-left: 1.33vh;
    line-height: 3.5vh;
    text-align: center;
    font-size: 3.5vh;
    background-color: #4c8da6;
    border:2px solid #4c8da6;
    color: white;
    font-weight: 400;
    -webkit-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    -ms-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    border-radius: 3px;
}
a:hover div.condorcetPlus {
    color:#4c8da6;
    background-color:white;
}

div.view-condorcet-news div.view-footer {
    width: 100%;
    margin: 6vh 0vh 2vh 0vh;
    text-align: center;
    padding: 0vh;
}

div.view-condorcet-news div.view-footer a#voirPlusActusCondorcet {
    text-align: center;
    padding: 0.9vh 7vh 0.9vh 7vh;
    border: solid 2px #4c8da6;
    border-radius: 2vh;
    font-size: 1.6vh;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 600;
}

div.view-condorcet-news div.view-footer a#voirPlusActusCondorcet:link,
div.view-condorcet-news div.view-footer a#voirPlusActusCondorcet:visited {
    color: #4c8da6;
    text-decoration: none;
    background-color: white;
    -webkit-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    -ms-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
}
div.view-condorcet-news div.view-footer a#voirPlusActusCondorcet:hover {
    color: white;
    text-decoration: underline;
    background-color: #4c8da6;
    -webkit-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    -ms-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
}
div.view-condorcet-news div.view-footer a#voirPlusActusCondorcet:active {
    color: darkred;
    text-decoration: underline;
}
div.view-condorcet-news div.view-footer a#voirPlusActusCondorcet:focus {
    color: #4c8da6;
    text-decoration: underline;
}
/* Fin Vue Condorcet news */


h3.condorcetTetiere {
    float: left;
    clear: both;
    width: 98%;
    margin: 4vh 8vh 0vh 0vh;
    padding: 1.66vh;
    font-size: 2vh;
    background-color: #4c8da6;
    color: white;
    font-weight: bold;
    text-transform: none;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 300;
    text-shadow: 0px 0px 1px rgba(255,255,255,.3);
    border-radius: 3px;
}

div#condorcetPlanVegetal {
    display: inline-block;
    float: left;
    width: 46%;
    margin-right: 2%;
    margin-top: 2vh;
    padding: 0;
    background-color: blue;
}

img.condorcetImgPlan {
    height: auto;
    width: 100%;
}
div#condorcetPlanVegetalTexte {
    display: inline-block;
    float: left;
    clear: none;
    width: 48%;
    margin: 3.5vh 1vh 0vh 2vh;
    padding: 0vh 2.5vh 0vh 1vh;
    text-align: justify;
}
span.condorcetBold {
    display: block;
    font-weight: bold;
    margin:0vh 0vh 3vh 0vh;
    font-size: 1.6vh;
    letter-spacing: -0.05vh;
    text-align:left;
    font-weight: 600;
}
span.condorcetNormal {
    margin-right: 2vh;
}

div.condorcetTousPlans {
    float: right;
    margin: 10vh 1vh 0vh 0vh;
}
div.condorcetTousPlans a {
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 3px;
}
div.condorcetTousPlans a:link,
div.condorcetTousPlans a:visited {
    color: #4c8da6;
    text-decoration: none;
}
div.condorcetTousPlans a:hover {
    color: #4c8da6;
    text-decoration:underline;
}
div.condorcetTousPlans a:focus {
    color: darkred;
    text-decoration:underline;
}
div.condorcetTousPlans a:active {
    color: darkred;
    text-decoration:underline;
}

/** Condorcet en chiffres **/
div#condorcetConteneurChiffre {
    float: left;
    clear: both;
    width: 98%;
    background-image:url(img/background-chiffre2.jpg);
    background-size:cover;
    background-position: center;
    border-radius: 5px;
}
div.condorcetGrosChiffre {
    padding:1vh 1.5vh 0vh 1.5vh;
    font-size: 10.5vh;
    color: white;
    font-weight: 600;
    margin-top:solid 1px white;
}
div.condorcetTexteGrosChiffre {
    padding:1vh 1.5vh 2vh 1.5vh;
    font-size: 1.5vh;
    color: white;
    font-weight: 400;
}
/** Fin condorcet en chiffres **/

/** Condorcet grandes dates **/
div#condorcetConteneurDates {
    float: left;
    clear: both;
    width: 98%;
    background-image:url(img/background-dates.jpg);
    background-size:cover;
    background-position: bottom;
    padding-bottom: 2vh;
    border-radius: 5px;
}
ul#condorcetDates {
    margin:0;
    padding: 0;
}
ul#condorcetDates li.condorcetDate {
    display: block;
    width: 100%;
    padding:2vh 1.5vh 2vh 1.5vh;
    list-style: square;
    border-top: solid 1px white;
    color: white;
    font-size: 1.33vh;
    font-weight: 300;
    /*background-color: rgba(0,105,85,.33);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;*/
}
/*
ul#condorcetDates li.condorcetDate:hover {
    background-color: rgba(0,105,85,.8);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
*/
span.condorcetDateBold {
    font-size: 2vh;
    color: white;
    font-weight: 600;
}

div#condorcetVoirTouteDates {
    width: 100%;
    text-align: center;
    padding: 4vh 0vh 4vh 0vh;
}
a.condorcetToutesDates {
    text-align: center;
    margin: 1vh auto 1vh auto;
    padding: 0.9vh 7vh 0.9vh 7vh;
    border: solid 2px white;
    border-radius: 2vh;
    font-size: 1.4vh;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
a.condorcetToutesDates:link,
a.condorcetToutesDates:visited {
    color: white;
    text-decoration: none;
    background-color: #4c8da6;
    /*-webkit-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    -ms-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;*/
}
a.condorcetToutesDates:hover {
    color: #4c8da6;
    text-decoration:underline;
    background-color: white;
    /*-webkit-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    -ms-transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;
    transition: background-color 200ms linear,text-decoration 200ms linear,color 200ms linear;*/
}
a.condorcetToutesDates:focus {
    color: #4c8da6;
    text-decoration:underline;
    background-color: white;
}

div#condorcetPartenairesConteneur {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    margin-top: 4vh;
}
div#condorcetPartenairesConteneur .condorcetPartenairesVignette {
    display:inline-block;
    width:19%;
    padding:0 0 10px 0;
}
div#condorcetPartenairesConteneur .condorcetPartenairesVignette img {
    max-width:100%;
}
img.condorcetImgPartenaires {
    height: auto;
    width: 100%;
}


div.campus-condorcet-footer img {
    width:100%;
    margin-top:45px;
}

/** RESPONSIVE MOBILE **/
@media screen and (max-width: 768px) {
    .panels-flexible-region-59-plan_et_acteurs, .panels-flexible-region-59-chiffres_et_dates, .panels-flexible-region-59-region_faq, .panels-flexible-region-59-region_video, div#condorcetPlanVegetal, div#condorcetPlanVegetalTexte {
        width:auto;
        float:none;
    }
    div#condorcetFaq, div#condorcetPdf {
        width:44%;
        display:inline-block;
        margin: 2vh 1vw;
        vertical-align:top;
    }
    div.panel-separator {
        display:none;
    }
    a.greenFaqContainer, div#condorcetPdf a.telechargerCondorcet {
        height:24vh;
    }
}
@media only screen and (min-width: 769px) {
     div#condorcetBanner {
         padding:32vw 0 0 0;
    } 
}