/** Modèle v1.26 18/08/2011 */
@font-face {
  font-family: 'bop_icone';
  font-weight: normal;
  font-style: normal;
  src:   url('../fonts/bop_icone-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(../fonts/josefinsans-regular-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(../fonts/josefinsans-bold-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url(../fonts/josefinsans-italic-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Josefin Sans Bold Italic'), local('JosefinSans-BoldItalic'), url(../fonts/josefinsans-bolditalic-webfont.woff) format('woff');
}
/********** A GARDER EN L'ETAT ************/
*{margin:0; padding:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
table{border-spacing:0;}
ul,ol {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}
.ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/}
section,nav,article,aside,hgroup,header,footer{display:block;}
.clearAfter:after {display:block; content:''; clear:both;}

/*********** A PERSONNALISER **************/
body {font: normal 0.875em 'Josefin Sans'; color:#000; background-color:/*fond de spaw et de la zone contenu*/}
#body{background:/*fond du site*/}
table{font-size:1em;}
a{color: #f10000; text-decoration:none;}
a:hover {text-decoration:underline;}

.uploadFichierFrame {
    width:430px;
    height:200px;
    border:none;
}

.uploadFichierAjout {
    cursor:pointer;
    padding:5px;
    float:left;
    display:ButtonFace;
    
}
.uploadFichierContenu {
    clear:both;
}
.uploadFichierListe  li {
    height:35px;
    margin-left:0px;
}
.uploadFichierListe  a.fichier {
    color:#000;
}
.uploadFichierListe  {
    list-style:none;
}
.uploadFichierListe  li  a.supprimer {
    background:url('/bop2/images/icone/supprimer.png') 0 7px no-repeat; 
    font-size:0;
    width:16px;
    height:32px;
    overflow:hidden; 
    display:inline-block;
    float:right
}
.uploadFichierListe  li  img {vertical-align:middle;width:32px;}
.uploadFichierHide {display:none;}

h1{font:700 3em 'Josefin Sans'; color:#fff; text-transform:uppercase;}
h2{font:400 2.5em 'Josefin Sans'; margin-bottom:5px;}
h3{font:700 2em 'Josefin Sans';}
p {margin-bottom:10px;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#f10000;}
.bold {font-weight:bold;}
.under {text-decoration:underline;}
.maj {text-transform:uppercase;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}

/*Megaselect*/
.MegaSelectInfobulle  {float:left; position:relative;display:inline;z-index:100}
.MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px;  }
.MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;}
.MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080}
.MegaSelectInfobulle li.selected {color:#fff; background-color:#808080}
.MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#f10000;
  font:700 1.4em 'Josefin Sans'; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 1.1em 'Josefin Sans'; color:#000; border:1px solid #d8d8d8;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
label span{color:#f00;}

.row{clear:both; margin-bottom:10px;}
.row label{float: left; padding-right: 5px; width: 40%; text-align: right; font-size:1.2em; line-height:30px;}
.row textarea,
.row input,
.row select {width: 60%;}
.row input,
.row select {height:30px;}

.row_chk{padding:0; clear:both; margin-bottom:10px;}
.row_chk input{border:0; float:left; margin:5px 0 0 5px;}
.row_chk label{ float:left; margin:0; padding:0; cursor:pointer; font-size:1.2em;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block; font-size:1.2em;}
.row_are textarea{width:100%; height:100px;}

.row_rad {clear:both; margin-bottom:10px;}
.row_rad:after {content:''; display:block; clear:both;}
.row_rad .label{display:block; width:100%; font-size:1.2em; margin-bottom:5px;}
.row_rad .rad {float:left; width:50%; margin-bottom:3px; padding-right:2%;}
.row_rad .rad input{float:left; margin:4px 4px 0 0;}
.row_rad .rad label{font-size:1.1em; margin:0; padding:0; cursor:pointer;}

.row_bt {clear:both; margin-bottom:10px; text-align:center;}
.row_bt input{height:30px; border:2px solid #000; color:#000; background:#fff; padding:0 20px;}
.row_bt input:hover{padding:2px 22px; border:0; background:#000; color:#fff;}

.row_captcha input{margin-left:150px;}

#form h5 {font:400 1.4em 'Josefin Sans'; margin-bottom:10px;}

.errors li{color:#ff0000}

.cadre {display:inline-block; padding:10px 15px; border-width:3px; border-style:solid;}
.blanc {border-color: #fff;}
.noir {border-color: #000;}
a.cadre.noir {color:#000;}
a.cadre.blanc {color:#fff;}
a.cadre.noir:hover,
a.cadre.blanc:hover  {text-decoration:none; padding:13px 18px; border:0;}
a.cadre.noir:hover   {background:#000; color:#fff;}
a.cadre.blanc:hover {background:#fff; color:#000;}

/**********************************************/
/******************  CONTENEURS  **************/
/**********************************************/
.centrePage {width:990px; margin:0 auto; position:relative;}

body > .wrapper {width:100%; padding:0; margin:0; transition-property: padding;transition-duration: 0.5s; z-index:20; position:relative;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */}
body > .wrapper.toggled {padding-top:180px; }
.wrapper:after {content:''; display:block; clear:both;}
#navigation-toggle .menu-icon {display: none; cursor:pointer;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
#header {width:100%; height:100px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:1000; color:#fff;}
#header #logo{float:left; width:25%; padding-top:15px; text-decoration:none;}
#header #logo #baseline{color:#fff; font-size:0.619em; text-transform:uppercase; text-align:center;}
#header #logo img{width:100%; height:auto; display:block; padding-bottom:5px;}
#header #navigation{float:right; width:75%;}
#header #navigation ul{list-style-type:none; float:right; margin:0;}
#header #navigation ul li{float:left; margin:0; padding:17px 0;}
#header #navigation ul li a{float:left; font-size:1.1em; color:#fff; padding:8px 15px; text-transform:uppercase;}
#header #navigation ul li a:hover,
#header #navigation ul li a.active{border:2px solid #fff; padding:6px 13px; text-decoration:none;}
#header .langue{float:right; width:auto; padding:5px 0; }
#header .langue.row {width:auto; margin:0; clear:none;}
#header .langue.row label{width:100px; color:#fff; line-height:30px;}
#header .langue.row a{float:left; width:30px; color:#fff; text-align:center; line-height:30px;}
#header .langue.row a:hover,
#header .langue.row a.active{border:2px solid #fff; line-height:26px;}

#bandeau{width:100%; height:350px; position:relative;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#bandeau h1 {padding:200px 0 0 20px;}

.fonctionnement #bandeau {background-image:url(../images/slide/fonctionnement.jpg);}
.eligibilite #bandeau,
.label #bandeau,
.remerciement #bandeau,
.contact #bandeau {background-image:url(../images/slide/eligibilite.jpg);}

/******************************************/
/**************  STANDARD  ****************/
/******************************************/
.zone1,
.zone2,
.zone3 {width:100%;}
.zone2 {color:#fff; background-color:#000; background-repeat:no-repeat; padding:40px 0;}

.encadre {width:100%; padding:4%; background:#fff; border:2px solid #000; margin-bottom:20px; position:relative; z-index:10;}
.zoneNoire {width:80%; background:#000; color:#fff; position:relative; z-index:5;}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#fancybox-wrap,
#fancybox-outer{
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
	}
.slides li{margin-left:0;}
.flexslider {
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    background-color:transparent;
	margin-bottom:0;
}

#slideHome {width:100%; position:relative;}
#slideHome .flex-control-nav{display:none;}
#slideHome .slides{width:100%;}
#slideHome .slides .slideImg{width:100%; height:560px;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
#slideHome .slides .slideImg .descSlide{width:990px; margin:0 auto; padding-top:220px;}
#slideHome .slides .slideImg .descSlide .descSlideInt {text-align:center; text-transform:uppercase; padding-bottom:98px;}
#slideHome .slides .slideImg .descSlide .descSlideInt p{font-size:3.5em; color:#fff; margin-bottom:28px;}
#slideHome .slides .slideImg .descSlide .descSlideInt .petit{font-size:0.7em;}
#slideHome .slides .slideImg .descSlide .descSlideInt .cadre{border-width:5px;}
#slideHome .slides .slideImg .descSlide .descSlideInt .bt{display:block; width:175px; font-size:0.5em; line-height:62px; color:#000; background:#fff; padding:5px; margin:0 auto;}
#slideHome .slides .slideImg .descSlide .descSlideInt .bt:hover{ color:#fff; background:none; border:5px solid #fff; padding:0; text-decoration:none;}

#compteMissions {font-size:2em; text-align:center; padding:30px 0;}
#compteMissions p{margin-bottom:20px;}
#compteMissions .grand{font-size:1.1em;}
#compteMissions .petit{font-size:0.8em;}
#compteMissions .pointille{width:30px; height:1px; border:2px dotted #000; margin:0 auto;}

#rejoindre {background-image: url(../images/rejoindreWaynium.jpg); background-position:0 0;}
#rejoindre .description{width:56%; float:right; padding:20px 0 0;}
.zone2 .description h2{font-weight:700; font-size:2.5em; text-align:left; margin-bottom:30px;}
.zone2 .description p{font-size:1.4em; line-height:28px; margin-bottom:30px;}

#eligible {width:100%; padding:50px 0;}
#eligible .centrePage{text-align:center; font-size:1.8em; text-transform:uppercase;}

/************************************************/
/**************  FONCTIONNEMENT  ****************/
/************************************************/
#fonctionnement .liste {width:50%; float:left; padding:40px 2%;}
#fonctionnement .liste h2 {text-align:center; height:50px; margin-bottom:25px; text-transform:uppercase;}
#fonctionnement .liste h2 .bold{display:block;}
#fonctionnement .liste ul {list-style-type:none; margin:0; padding:0 2%;}
#fonctionnement .liste ul li{display:block; margin:0 0 30px;}
#fonctionnement .liste ul li:last-child{margin-bottom:0;}
#fonctionnement .liste ul li .libelle{width:75%; margin-left:-5%;}
#fonctionnement .liste ul li .libelle,
#fonctionnement .liste ul li .ico{display:inline-block; vertical-align:middle;}
#fonctionnement .liste ul li .ico{width:24%;}
#fonctionnement .liste ul li .ico img{width:100%; height:auto; display:block;}

#fonctionnement #st {background-color:#d8d8d8;}
#fonctionnement #st h2{font-size:1.5em;}
#fonctionnement #st li{font-size:1.4em;}
#fonctionnement #do h2{font-size:1.3em;}
#fonctionnement #do li{font-size:1.3em;}

#rejoindreWaynium h2 {text-align:center; margin-bottom:30px;}
#rejoindreWaynium .box {width:20%; float:left; margin-left:6%;}
#rejoindreWaynium .box:nth-of-type(1) {margin-left:0;}
#rejoindreWaynium .box .rectBox {width:100%; border:2px solid #fff; position:relative; margin-bottom:10px;}
#rejoindreWaynium .box .rectBox:before {content:''; display:block; padding-top:50%;}
#rejoindreWaynium .box .rectBox .rectContent{position:absolute; top:0; left:0; bottom:0; right:0;}
#rejoindreWaynium .box .rectBox .rectContent h3 {display: table; width: 100%; height: 100%; font-weight:400; font-size:1.4em; text-align:center;}
#rejoindreWaynium .box .rectBox .rectContent h3 span {display: table-cell; text-align: center; vertical-align: middle;}
#rejoindreWaynium .box .desc{font-size:1.1em; font-style:italic;}

/************************************************/
/**************  ELIGIBILITE  ****************/
/************************************************/
.zone1 .box1 {padding-top:4%;}
.zone1 .box1 > p {font-size:1.3em; padding:0 5% 0 10%;}
.zone1 .box1,
.zone1 .box2 {width:50%; float:left;}
.zone1 .encadre {font-size:1.6em; left:10%;}
.zone1 .box2 {font-size:1.3em; padding:4% 4% 4% 8%; background:#d8d8d8;}
.zone1 .box2 li{font-size:0.9em;}
.zone1 .box2 .asterisque{font-style:italic; font-size:0.9em;}

#critere  {background-image: url(../images/criteresWaynium.jpg); background-position:top right;}
#critere .description {width:60%; padding-left:20px;}
#critere .description p,
#critere .description li{margin-bottom:5px; font-size:1.3em;}

#accesLimo #logoLimo{width:35%; height:auto; position:absolute; top:0; left:0; z-index:1;}
#accesLimo #logoLimo img{width:auto; height:100%; display:block;}
#accesLimo .description{width:65%; float:right; padding:30px 0; font-size:1.4em; text-align:center; z-index:10;}
#accesLimo .description p{margin-bottom:20px;}
#accesLimo .description .grand{font-size:1.2em;}
#accesLimo .description .lien{display:inline-block; margin:0 auto;}

/************************************************/
/**************  LABEL QUALITE  ****************/
/************************************************/
#frenchTouch .box2 {width:40%; padding-top:6.5%;}

#projet h2 {font-size:2em; text-align:center; margin-bottom:25px;}
#projet .box1,
#projet .box2 {padding:0 4%; font-size:1.35em;}
#projet .box1 {width:42%;}
#projet .box2 {width:58%;}
#projet .box2 ul{margin-bottom:0;}
#projet .box2 li{margin-bottom:10px;}
#projet .Right {float:right;}
#projet .Left {float:left;}

#scoring .centrePage {text-align:center; padding:0 3%}
#scoring .box {width:45%; text-align:left; display:table-cell;}
#scoring .box1 {background:#d8d8d8; padding:4% 11% 4% 4%;}
#scoring .box1 h3,
#scoring .box1 p,
#scoring .box1 li{margin-bottom:20px;}
#scoring .box1 h3{font-weight:400;}
#scoring .box1 p {font-size:1.3em;}
#scoring .box1 li{font-size:1.2em;}
#scoring .box1 li .bold{font-size:1em;}

#scoring .box2 { padding:4% 0 8%;}
#scoring .box2 .encadre{width:110%;font-size:1.3em; right:11%; margin-bottom:0; padding:4% 7%;}
#scoring .box2 .encadre p:first-child{margin-bottom:20px;}
#scoring .box2 .zoneNoire{width:90%; padding:13% 7% 2%; top:-50px; left:20%; font-size:1.2em; text-align:justify;}
#scoring .lien {width:80%; position:absolute; bottom:30px; margin:0 auto; text-align:center;}
#scoring .lien a{display:inline-block; font-size:1.6em; font-weight:bold; margin-left:8%;}

/******************************************/
/**************  CONTACT  *****************/
/******************************************/
#form .centrePage {display:table;}
#form .box { width:35%; background:#d8d8d8; vertical-align:top;}
#form .box,
#form #formulaire {display:table-cell; padding:5%; vertical-align:top;}
#form #formulaire {width:65%;}
#form .conteneur-fieldset {margin-bottom:20px;}
#form .boxin {margin-bottom:20px;}
#form h2 {font-size:2em;}
#form h3 {font-weight:400; font-size:1.5em;}
#form p {font-size:1.2em;}
#form p a{color:#AD655F;}

#remerciement {padding:3% 0; font-size:1.6em; text-align:center;}
#remerciement .grand{font-size:1.2em; margin-bottom:30px;}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer {width:100%; height:220px; background:#000; padding:30px 0 50px; color:#fff;}
#footer .centrePage{-ms-flex-wrap: wrap;flex-wrap: wrap; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;}
#footer #descWaynium{width:25%;}
#footer #logoFooter{width:100%; display:block; margin-bottom:10px;}
#footer #logoFooter img{width:100%; height:auto; display:block;}
#footer #acces{width:25%;}
#footer .telephone{margin-bottom:20px; text-align:right;}
#footer .azur{font-size:0.9em; text-transform:uppercase; padding-right:4px;}
#footer .azur:before{content:'é'; font:normal 1.1em 'Bop_icone'; color:#fff; display:inline-block; margin-right:4px; text-transform:lowercase;}
#footer .numero{font-weight:bold; font-size:1.3em;}
#footer .prixAppel{font-size:1em; display:block; padding-left:8px;}
#footer .navFooter{width:35%; -ms-flex-wrap: wrap;flex-wrap: wrap; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;}
#footer .menuFooter{width:46%; list-style-type:none; padding:0 2%;}
#footer .menuFooter span{display:block; font-size:1.1em; text-transform:uppercase; border-bottom:2px solid #fff; margin-bottom:5px; padding-top:20px;}
#footer .menuFooter li{display:block; margin:0;}
#footer .menuFooter li a{font-size:1rem; line-height:25px; color:#fff; padding:.25rem 0 ;}
#footer #reseau{float:right; width:76px; margin-bottom:20px;}
#footer #reseau a{float:left; width:34px; height:34px; border:2px solid #fff; margin-left:4px;}
#footer #reseau a img{display:block;}
#footer #reseau a.fb:hover {border-color:#3b5998;}
#footer #reseau a.tw:hover {border-color:#33ccff;}
#footer #reseau a.gg:hover {border-color:#dd4839;}


/******************************************/
/****************  RESPONSIVE ADAPTATION  **************/
/******************************************/
@media screen and (max-width: 990px) {
	.centrePage {width:100%;	}
	#header .centrePage {padding:0 1%;}
	#header #navigation ul li a{padding:8px 10px;}
	#header #navigation ul li a:hover,
	#header #navigation ul li a.active {padding:6px 8px;}
	#slideHome .slides .slideImg {height:430px;}
	#slideHome .slides .slideImg .descSlide {width:100%; padding-top:150px;}
	#slideHome .slides .slideImg .descSlide .descSlideInt p {font-size:2.6em;}
	#slideHome .slides .slideImg .descSlide .descSlideInt .bt {width:150px; line-height:45px; font-size:0.6em;}
	#bandeau {height:250px;}
	#bandeau h1 {padding-top:140px; }
	h1 {font-size:2.5em;}
	
	#rejoindre .description {width:100%; padding:0 5%;}
	#eligible {padding:0;}
	#eligible .centrePage{padding:5% 15%;}
	
	#fonctionnement .liste ul {padding:0;}
	#fonctionnement #do h2{font-size:1.1em;}
	#fonctionnement #do li,
	#fonctionnement #st li,
	#fonctionnement #st h2{font-size:1.2em;}
	
	#rejoindreWaynium .box:nth-of-type(1) {margin-left:1%;}

	#critere {background-position:-180% 0;}
	#critere .description {width:100%; padding:0 5%;}
	#accesLimo .description {width:100%; float:none;}
	
	#scoring .lien {width:95%;}

	#form .centrePage {display:block;}
	#form .box {width:100%; background:none; padding:0;}
	#form .box,
	#form #formulaire {display:block;}
	#form #formulaire {width:80%; margin:0 auto;}
	#form .conteneur-fieldset {margin-bottom:20px;}
	#form .boxin {margin-bottom:0;padding:5%;}
	#form .boxin:after {content:''; display:block; clear:both;}
	#form #aboutus {background:#000; color:#fff;}
	#form #coordonnees .minibox{float:left; width:32%; padding-left:2%;}
	#form #coordonnees .minibox:nth-of-type(1){padding-left:0%;}
	
	#footer  {padding:0; height:auto;}
	#footer .centrePage {padding:5%}
	#footer #descWaynium {position:relative;float:left; width:33%; padding-right:5%;}
	#footer #menu{width:33%; float:left; padding:0 5%;}
	#footer #menu > li {width:100%; float:none; display:block; padding-bottom:20px;}
	#footer #menu > li > span {padding:0;}
	#footer #acces {position:relative; top:0; float:left; width:33%;}
	
}

@media screen and (max-width: 780px) {
	#header #logo {width:70%; padding-top:5px;}
	#header #logo img{width:35%; float:left;}
	#header #logo #baseline{width:65%; float:left; font-size:0.7em; line-height:35px;text-align:left; padding-left:2%;}
	#header .langue.row label {width:90px; font-size:1em;}
	#header #navigation {width:100%; clear:both;float:none; text-align:center;}
	#header #navigation ul{float:none; display:inline-block;}
	#header #navigation ul li {padding:5px 0;}
	
	#slideHome .slides .slideImg {height:280px;}
	#slideHome .slides .slideImg .descSlide {padding-top:120px;}
	#slideHome .slides .slideImg .descSlide .descSlideInt p {font-size:1.8em; margin-bottom:15px;}
	#slideHome .slides .slideImg .descSlide .descSlideInt .bt{width:110px; line-height:30px;}
	#slideHome .slides .slideImg .descSlide .descSlideInt .cadre{border-width:3px;}
	
	.zone1 .encadre {font-size:1.3em;}
	.zone1 .box2 {font-size:1.2em;}
	#eligible .centrePage {padding:5%;}
	#frenchTouch .box2 {width:50%;}

	#fonctionnement .liste h2 .bold{display:inline;}
	#fonctionnement .liste ul li .libelle{width:80%; margin-left:0;}
	#fonctionnement .liste ul li .ico{width:18%;}

	#projet .centrePage {padding:0 3%;}
	#projet .box1,
	#projet .box2{padding:0;}
	#projet h2 {font-size:1.8em;}
	#projet .box1 {width:100%;}
	#projet .box2 {width:100%;}
	#projet .Right,
	#projet .Left {float:none;}
	
	#scoring .centrePage {padding:0;}
	#scoring .box1 {padding:3% 8% 8% 3%;}
	#scoring .box1 p {font-size:1.2em;}
	#scoring .box2 {padding-bottom:15%;}
	#scoring .box2 .encadre{font-size:1.2em;}
	#scoring .box2 .zoneNoire {padding:4%; top:0; left:0; margin:0 auto ;}
	#scoring .lien a {font-size:1.4em;}
	#scoring .lien {bottom:20px;}

	#form #formulaire {width:100%;}
	#form #coordonnees .minibox{width:50%; padding-left:0;}
	#form #coordonnees .minibox:nth-of-type(3){width:100%; float:none;}
	
	#footer .numero {display:block;}

}

@media screen and (max-width: 640px) {
	.cadre {padding:8px 12px;}
	#navigation-toggle .menu-icon {display: block; width:50px; float:right; text-decoration:none; font:normal 1.6em 'Bop_icone'; color:#fff; padding:15px 0 10px;}

	#header #navigation {width:100%; position:absolute; left:0; top:0; height:0; background:#000; color:#fff; z-index:1000; overflow:hidden; transition-property: height, padding, top; transition-duration: 0.5s;}
	.toggled #header  #navigation {height:180px; top:-180px;}
	#header #navigation ul  {width:100%;}
	#header #navigation ul li{display:block; float:none; margin:0; padding:0;}
	#header #navigation ul li a,
	#header #navigation ul li span {display:block; float:none;}

	#header {position:relative; background:#000;}
	#header .centrePage {height:100px;}
	#header .langue {position:absolute; bottom:10px; right:10px;}
	#header .langue.row label{display:none;}
	#header .langue.row select{width:80px;}
	#header #logo {width:70%; }
	#header #logo img{width:100%; height:auto; float:none; display:block;}
	#header #logo #baseline{width:100%; float:none; display:block; line-height:14px;}
	
	#bandeau {height:auto;}
	#bandeau h1{padding:5%;}
	h1 {font-size:2em; color:#000}
	
	.fonctionnement #bandeau,
	.eligibilite #bandeau ,
	.label #bandeau,
	.remerciement #bandeau,
	.contact #bandeau {background-image:none;}
	
	#slideHome .slides .slideImg {height:180px;}
	#slideHome .slides .slideImg .descSlide {padding:20px 5% 0;}
	#slideHome .slides .slideImg .descSlide .descSlideInt {padding-bottom:0;}
	#slideHome .slides .slideImg .descSlide .descSlideInt p {font-size:1.2em;}
	#slideHome .slides .slideImg .descSlide .descSlideInt .bt{font-size:0.7em; line-height:25px;}
	#slideHome .slides .slideImg .descSlide .descSlideInt .bt:hover{border-width:3px; padding:2px;}

	#compteMissions{font-size:1.7em;}
	#rejoindre {background-image:none; padding:5% 0;}
	.zone2 .description h2 {font-size:2em; margin-bottom:20px;}
	.zone2 .description p {font-size:1.2em; line-height:20px; margin-bottom:20px;}
	#eligible .centrePage {font-size:1.4em;}
	
	#fonctionnement .liste {float:none; width:100%; padding:5% 2%;}
	.zone2 {padding:5% 0;}
	#rejoindreWaynium h2 {font-size:2em;}
	#rejoindreWaynium .box {width:50%; margin:0; padding: 0 2%;}
	#rejoindreWaynium .box:nth-of-type(1){margin:0;}
	#rejoindreWaynium .box:nth-of-type(3){clear:both;}
	
	.zone1 .box1,
	.zone1 .box2 {width:100%; float:none; padding:5% 2%; font-size:1.2em;}
	.zone1 .encadre {left:0; font-size:1em;}
	.zone1 .box1 > p {padding:0; font-size:1em;}
	#accesLimo .description {font-size:1.2em;}
	#frenchTouch .box2 {width:100%; padding:5% 2%;}
	
	#projet h2 {font-size:1.6em;}
	#projet .box1,
	#projet .box2 {font-size:1.2em;}
	
	#scoring .box {display:block; width:100%;}
	#scoring .box1,
	#scoring .box2 {padding:5% 2%;}
	#scoring .box2 .encadre {width:100%; right:0; margin-bottom:10px;}
	#scoring .box2 .zoneNoire {width:100%;}
	#scoring .lien {width:100%; position:relative; bottom:0; margin-bottom:10px}
	#scoring .lien a{margin:0;}
	
	.row_rad .rad,
	.row label,
	.row select,
	.row input {width:100%; float:none;}
	
	#form #coordonnees .minibox {width:100%; float:none; padding:0;}
	
	#footer #descWaynium,
	#footer #menu,
	#footer #acces  {float:none; width:100%;}
	#footer #acces  {clear:both;}
	#footer #menu > li {float:left; width:50%;}
	#footer .telephone {text-align:left;}
	#footer #reseau {float:left;}
}


/* ************** NEW  ************** */
.navbar .navbar-brand img {width:100%;}