@charset "UTF-8";

* {
    box-sizing: border-box;
    box-sizing: -moz-border-box;
    box-sizing: -webkit-border-box;
}

/* ############ DESIGN GENERAL ############  ---------- START ----------- */

/* COLONNES FLEX  ---------- START ----------- */

.colonnes-flex-blanc {
    display: flex;
    background-color: #FFF;
    width: 100%;
    padding: 0 3em 0 3em;
    justify-content: center;
}
.colonnes-flex-cadre {
    display: flex;
    width: 100%;
    padding: 5em 0 5em 0;
    max-width: 1200px;
    justify-content: space-between;
    flex-direction: row;
    align-content: flex-start;
}
.col-1-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 2em 0 0;
    flex: 1;
}
.col-2-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 2em 0 2em;
    flex: 1;
}
.col-3-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 0 0 2em;
    flex: 1;
}
.col-1-flex i, .col-2-flex i, .col-3-flex i {
    display: flex;
    color: #009dcb;
    margin: 0 0 0.5em 0;
    text-align: center;
    justify-content: center;
}
.col-1-flex h2, .col-1-flex h3, .col-2-flex h2, .col-2-flex h3, .col-3-flex h2, .col-3-flex h3 {
    display: flex;
    color: #284753;
    margin: 0 0 1.2em 0;
    font-family: 'RobotoCondensed-Bold', sans-serif;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.3em;
    letter-spacing: -0.3px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 20px;
    box-shadow: 0px 22px 24px -20px #999;
    text-align: center;
    justify-content: center;
}
.col-1-flex p, .col-2-flex p, .col-3-flex p {
    display: flex;
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.6em;
    text-align: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.one-col {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.one-col h2, .one-col h3, .one-col h4 {
    display: flex;
    color: #284753;
    margin: 0 0 1em 0;
    font-family: 'Roboto-Regular', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1.3em;
    letter-spacing: -0.3px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #284753;
}
.one-col p {
    display: flex;
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.6em;
}
.one-col ul {
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.6em;
    margin-top: 0;
}
.one-col li {
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
}

/* Responsive */
@media screen and (max-width : 768px ){
.colonnes-flex-blanc {
    display: flex;
    background-color: #FFF;
    width: 100%;
    padding: 0 2em 0 2em;
    justify-content: center;
}
.colonnes-flex-cadre {
    display: flex;
    width: 100%;
    padding: 4em 0 4em 0;
    max-width: 1200px;
    justify-content: center;
    flex-direction: column;
    align-content: flex-start;
}
.col-1-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 1em 3em 1em;
    flex: 1;
}
.col-2-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 1em 3em 1em;
    flex: 1;
}
.col-3-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 1em 1em 1em;
    flex: 1;
}
.col-1-flex i, .col-2-flex i, .col-3-flex i {
    display: flex;
    color: #009dcb;
    margin: 0 0 0.4em 0;
    text-align: center;
    font-size: 4em;
    justify-content: center;
}
.col-1-flex h2, .col-1-flex h3, .col-2-flex h2, .col-2-flex h3, .col-3-flex h2, .col-3-flex h3 {
    display: flex;
    color: #284753;
    margin: 0 0 1.2em 0;
    font-family: 'RobotoCondensed-Bold', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.3em;
    letter-spacing: -0.3px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 20px;
    box-shadow: 0px 22px 24px -20px #999;
    text-align: center;
    justify-content: center;
}
.col-1-flex p, .col-2-flex p, .col-3-flex p {
    display: flex;
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.5em;
    text-align: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.one-col {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.one-col h2, .one-col h3, .one-col h4 {
    display: flex;
    color: #284753;
    margin: 0 0 1em 0;
    font-family: 'Roboto-Regular', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1.3em;
    letter-spacing: -0.3px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #284753;
}
.one-col p {
    display: flex;
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
}
.one-col ul {
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
    margin-top: 0;
}
.one-col li {
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
}
}

@media screen and (max-width : 410px ){
.colonnes-flex-blanc {
    display: flex;
    background-color: #FFF;
    width: 100%;
    padding: 0 2em 0 2em;
    justify-content: center;
}
.colonnes-flex-cadre {
    width: 100%;
    padding: 4em 0 4em 0;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.col-1-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 1em 3.5em 1em;
}
.col-2-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 1em 3.5em 1em;
}
.col-3-flex {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 0 1em 0 1em;
}
.col-1-flex i, .col-2-flex i, .col-3-flex i {
    display: flex;
    color: #009dcb;
    margin: 0 0 0.4em 0;
    text-align: center;
    font-size: 4em;
    justify-content: center;
}
.col-1-flex h2, .col-1-flex h3, .col-2-flex h2, .col-2-flex h3, .col-3-flex h2, .col-3-flex h3 {
    display: flex;
    color: #284753;
    margin: 0 0 1.2em 0;
    font-family: 'RobotoCondensed-Bold', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.3em;
    letter-spacing: -0.3px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 20px;
    box-shadow: 0px 22px 24px -20px #999;
    text-align: center;
    justify-content: center;
}
.col-1-flex p, .col-2-flex p, .col-3-flex p {
    display: flex;
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.5em;
    text-align: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.one-col {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.one-col h2, .one-col h3, .one-col h4 {
    display: flex;
    color: #284753;
    margin: 0 0 1em 0;
    font-family: 'Roboto-Regular', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.3em;
    letter-spacing: -0.3px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #284753;
}
.one-col p {
    display: flex;
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
}
.one-col ul {
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
    margin-top: 0;
}
.one-col li {
    color: #284753;
    font-family: 'Roboto-Light', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.6em;
}
}

/* COLONNES FLEX  ---------- END ----------- */


/* FORMULAIRE INSCRIPTION  ---------- START ----------- */

.fond-formulaire {
    background-color: #f8f8f8;
    padding: 2em;
}
.formulaire {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    color: #284753;
}
.form-items-left {
    justify-content: flex-start;
    width: 44%;
    margin: 1em 1em 1em 0;
}
.form-items-right {
    justify-content: flex-end;
    width: 44%;
    margin: 1em 0 1em 1em;
}
.formulaire label {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 1em;
	font-weight: 700;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    margin-bottom: 0.3em;
}
.formulaire input[type="checkbox"] {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 1em 0.5em 0 0;
}
#cocher-cookie {
    font-family: 'Roboto-regular', sans-serif;
    font-size: 1.05em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    margin-bottom: 1em;
}
.spacer-responsive {
    display: none;
}
.obligatoire {
    color: red;
    font-weight: 700;
    padding-left: 3px;
}
.formulaire input {
    background-color: #f8f8f8;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 0.5em 0.5em 0.2em 0em;
    margin-bottom: 2em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    width: 100%;
}
.formulaire textarea {
    background-color: #ffffff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 1em 1em 0.2em 1em;
    margin-top: 1em;
    margin-bottom: 1em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    width: 100%;
}
.formulaire input:focus {
    background-color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #284753;
    outline: none;
}
.formulaire select {
    background-color: #FFF;
    border: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    margin-top: 0.6em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    height: 2.5em;
    width: 100%;
}
.formulaire option {
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 1.5em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
}

/* Responsive */
@media screen and (max-width : 768px ){
.fond-formulaire {
    background-color: #f8f8f8;
    padding: 2em;
}
.formulaire {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #284753;
}
.form-items-left {
    justify-content: center;
    width: 100%;
    margin: 0.5em 0 0.5em 0;
}
.form-items-right {
    justify-content: center;
    width: 100%;
    margin: 0.5em 0 0.5em 0;
}
.formulaire label {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 1em;
	font-weight: 700;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    margin-bottom: 0.3em;
}
.spacer-responsive {
    display: block;
    margin: 1em 0 1em 0;
    border-top: solid 1px #284753;
}
.obligatoire {
    color: red;
    font-weight: 700;
    padding-left: 3px;
}
.formulaire input {
    background-color: #f8f8f8;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 0.5em 0.5em 0.2em 0;
    margin-bottom: 2em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    width: 100%;
}
.formulaire input:focus {
    background-color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #284753;
    outline: none;
}
.formulaire select {
    background-color: #FFF;
    border: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    margin-top: 0.6em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    height: 2.5em;
    width: 100%;
}
.formulaire option {
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 1.5em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
}

}

@media screen and (max-width : 410px ){
.fond-formulaire {
    background-color: #f8f8f8;
    padding: 1em;
}
.formulaire {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #284753;
}
.form-items-left {
    justify-content: center;
    width: 100%;
    margin: 0.5em 0 0.5em 0;
}
.form-items-right {
    justify-content: center;
    width: 100%;
    margin: 0.5em 0 0.5em 0;
}
.formulaire label {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 1em;
	font-weight: 700;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    margin-bottom: 0.3em;
}
.spacer-responsive {
    display: block;
    margin: 1em 0 1em 0;
    border-top: solid 1px #284753;
}
.obligatoire {
    color: red;
    font-weight: 700;
    padding-left: 3px;
}
.formulaire input {
    background-color: #f8f8f8;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 0.5em 0.5em 0.2em 0;
    margin-bottom: 2em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    width: 100%;
}
.formulaire input:focus {
    background-color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #284753;
    outline: none;
}
.formulaire select {
    background-color: #FFF;
    border: 1px solid #CCC;
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    margin-top: 0.6em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
    height: 2.5em;
    width: 100%;
}
.formulaire option {
    /*-moz-border-radius: 8px 8px 0 8px;
	-webkit-border-radius: 8px 8px 0 8px;
	border-radius: 8px 8px 8px 8px;*/
    padding: 1.5em;
	font-family: 'Roboto-Regular', sans-serif;
    font-size: 1.1em;
	font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.4em;
    color: #284753;
}

}

/* FORMULAIRE INSCRIPTION  ---------- END ----------- */


/* ACCORDION BODY  ---------- START ----------- */

 /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #FFF;
    color: #284753;
	font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
	line-height: 1.6em;
	font-size: 1em;
    cursor: pointer;
    padding: 1em 2em 1em 2em;
    width: 100%;
    text-align: left;
    border: 1px solid #284753;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #FFF;
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: 700;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
	font-family: 'Roboto-Regular', sans-serif;
	line-height: 1.6em;
	font-size: 1em;
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 1em;
    box-sizing: border-box;
}

/* Style the accordion + and - */
button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 1em;
    color: #284753;
    float: right;
    margin-left: 5em;
}
button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
    color: #FFF;
}


/* ACCORDION BODY  ---------- END ----------- */


/* ############ DESIGN GENERAL ############  ---------- END ----------- */




/* FORMULAIRE INSCRIPTION  ---------- START ----------- */

.inscription {
	padding: 1.5em;
	background-color: #ebf2f8;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
.select-form-inscription {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0 0 1em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.input-form-inscription {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0.5em 0 0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.textarea-form-inscription {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #bdc7cf;
	height: auto;
	font-size: 1em;
	font-family: 'Lato-Light', sans-serif;
	font-weight: 100;
	color: #111;
	padding: 0.7em 0.7em 0.7em 0.7em;
	margin: 0.5em 0 0.5em 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.button-form-inscription {
background: -moz-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#bdc7cf), 
  color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #bdc7cf 0%,
  #454545 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #bdc7cf 0%,
  #454545 100%); /* W3C */
width: 40%;
/*display: block;*/
height: auto;
padding: 0.4em;
text-align: center;
font-size: 1.3em;
font-family: 'Oswald', sans-serif;
font-weight: 100;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
text-decoration: none;
box-shadow: 1px 1px 1px #000000;
border: none;
margin: 0.5em 0.5em 0 0;
/*float: left;*/
}
.button-form-inscription:hover {
background: -moz-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#c1de28), 
  color-stop(100%,#6b762c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, 
  #c1de28 0%,
  #6b762c 100%); /* Opera 11.10+ */
background: linear-gradient( 
  #c1de28 0%,
  #6b762c 100%); /* W3C */
padding: 0.4em;
width: 40%;
height: auto;
color: white;
transition: all .3s;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 1px 1px 1px #000000;
border: none;
}

/* FORMULAIRE INSCRIPTION BODY  ---------- END ----------- */


/* COLONNES BODY  ---------- START ----------- */

.fullwidth {
	width: 100%;
	padding: 0 2% 0 2%;
	margin: 0 0 1em 0;
	float: left;
}
.fullwidth-more-space {
	width: 100%;
	padding: 0 2% 0 2%;
	margin: 0 0 2em 0;
	float: left;
}
.onehalf {
	width: 50%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	min-width: 200px;
	float: left;
}
.onehalf-last {
	width: 50%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	min-width: 200px;
	float: left;
}

@media screen and (max-width : 340px ){
	.onehalf {
	width: 100%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	float: left;
	}
	.onehalf-last {
	width: 100%;
	padding: 0 2% 0 2%;
	margin-bottom: 1em;
	float: left;
	}
}

/* COLONNES BODY  ---------- END ----------- */


/* SEPARATION  ---------- START ----------- */

.separation {
	border-top: 1px dotted #bdc7cf;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
	margin: 3em 0 2em 0;
}

/* SEPARATION  ---------- END ----------- */


/* YOUTUBE VIDEO  ---------- START ----------- */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 1em;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* YOUTUBE VIDEO  ---------- END ----------- */


/* GOOGLE MAPS  ---------- START ----------- */

.googlemap-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 1em;
}
.googlemap-container iframe,  
.googlemap-container object,  
.googlemap-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* GOOGLE MAPS  ---------- END ----------- */


/* TABLEAUX BODY  ---------- START ----------- */

.body-content th {
	border: thin solid #FFF;
	color: #FFF;
	background-color: #afcb1a;
	padding: 1.2em 2em 1.2em 2em;
	font-size: 1.1em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	text-align: left;
	/*text-shadow: 1px 1px 1px #000;*/
	letter-spacing: 1px;
}
.body-content td {
	border: thin solid #FFF;
	padding: 0.8em 2em 0.8em 2em;
	color: #000000;
	font-family: 'Lato-Regular', sans-serif;
}
.body-content tr:nth-child(odd) {
	background-color: #ebf2f8;
}
.body-content tr:nth-child(even) {
	background-color: #d8dfe5;
}

/* TABLEAUX BODY  ---------- END ----------- */


/* WARNING  ---------- START ----------- */

.warning {
	width: 50%;
	height: auto;
	background-color: #c1de28;
	color: #000;
	padding: 1.5em 1.5em 0.5em 1.5em;
	float: right;
	margin: 0 0 1em 2em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #666;
}
.warning i {
	float: left;
	color: #000;
	padding-right: 0.8em;
}
.warning-title {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	color: #000;
	line-height: 1em;
}

@media screen and (max-width : 340px ){
	.warning i {
	float: left;
	color: #000;
	padding-right: 0.8em;
	}
	.warning {
	width: 100%;
	height: auto;
	background-color: #c1de28;
	color: #000;
	padding: 1.5em 1.5em 0.5em 1.5em;
	margin: 0 0 1em 2em;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #666;
}
}

/* WARNING  ---------- END ----------- */