/* 
    Created on : 3 oct. 2016, 13:56:23
    Author     : dominique
*/
@charset "utf-8";
/* CSS Document */
@media all and (max-width:767px) {
	.tab2Off {
		display: none;
	}
	.tab2On {
		display: block;
	}
	.flexTitre {
    display: block;
}
	.listes h1, .titre_haut {
    font-size: 2.8em;
}
.article .bx-wrapper, .article .bx-wrapper ul li {
    max-width: 600px !important;
    width: 600px !important;
}
	.nodeAjou {
    margin-bottom: 15px;
}
	
	.boxEcho .itText > .int, .echo1 .itText > .int {
    padding: 40px 20px 90px 20px;
}
	.itemOffre .itText > .int {
    padding: 10px 60px 13px 20px;
}
	.boxAccess {
		margin-bottom: 10px;
	}
.article .bx-wrapper img {
   max-width:80% !important;
   height:300px !important;
}
	.offresInfosPage .offreInfo {
		margin:0px;
		padding:5px 10px;
	}
	.flex3.multibox .toutes span {
		display: block;
}
	.echo1 .boxCategorie {
    position: relative;
    margin:0px 100px 10px 0px;
}
	.offresInfosPage, .offreInfos > .int {
    display: block;
		padding:5px 0px;
}
	.offreInfo {
    display: flex;
    padding: 1px 20px;
}
.listes .contenu .siteContent {
    max-width: 590px;
    padding: 20px 25px;
}
.ligne {
    padding: 20px 0;
}
.ligne_report .box {
    background:#031B28 !important;
    height: 126px;
    width: 640px;
}
	.boxEcho .titreEcho {
    font-size: 2em;
    margin-top: 5px;
    margin-bottom: 0px;
}
	.artT2 .boxCategorie {
    margin: 20px 5px 0px 0px;
}
	.artT2 .categorie {
    font-size: 2.7em;
}
	.pageEcho .photoEcho {
    width: 280px;
    margin: 15px 0px -15px 25px;
}
.bas .text {
    height: 70px;
}
.bas .it {
    font-size: 13px;
}
.multi {
    margin: 10px auto;
    width:49%;
    height:auto;
    background: none;
    text-align: center;
    border-right:0px;
    display:inline-block;
}
.multi h2 {
    margin:0px;
    font-size:16px;
    height:auto;
}
.multi h2 a {
    display:block;
    width:150px;
    background-color: #FFF;
    background-position: 15px center;
    padding:15px 20px 15px 45px;
    margin:15px;
    text-align: left;
}
.multi .int {
    padding: 0;
     display:inline-block;
}

.listes .formSort {
    left: 200px;
}
.listes .formSort {
    left:220px;
}
.widg_actus h2.plus {
    padding-left:35px;
}
.widg .photo,
.widg .text {
    display:block;
    width:100%;
    padding:4px 0px;
}
.widg h2 {
    background-image:none;
    font-size: 13px;
    line-height: 14px;
    padding-left: 10px;
}
.widg_actus .bx-wrapper .bx-next, .widg_actus .bx-wrapper .bx-next:hover {
    left: 20%;
}
.widg_kiosque .bx-wrapper .bx-prev, .widg_kiosque .bx-wrapper .bx-prev:hover {
    top: 20%;
}
#btn_access_dp {
    width: 100% !important;
}
.titleConnect {
    float: left;
    font-size: 1.2em;
    padding: 3px 0 0 0.6em;
    font-weight: normal;
    margin: 0;
    width: 80%;
}
	.logo, .head1 {
    height: 80px;
}
	.logo {
    width: 100%;
}
	.bHead2 {
    width: 33.3%;
}
	.head1 {
   width:100%;
}
	.menu_public .niv1 {
    font-size: 14px;
    margin: 0px 0px;
    padding: 10px 5px;
}
	.bHead3,
	.bHead1 {
    transform: scale(0.7);
		width:33.3%;
}
	.box_rech input[type="submit"].sub_ic, .box_rech button[type="submit"].sub_ic {
    right: -40px;
}
	.btDemarches {
    margin-left: -20px;
}
	.menu_public > li > .boxMenu > ul > li > a, .menu_public > li > .boxMenu > ul > li > span {
    margin: 8px;
}
	.contenuAlerte {
    display:block;
}
	.imgAlerte img {
    max-height: 250px;
    max-width: 310px;
		margin:0px auto 10px auto;
}
	.flex3 .fl {
    width: 70%;
}
	.home .fl2 .actu1 {
		position: relative;
		margin-bottom: 60px;
	}
	.home .fl2 {
    margin-top: 0px;
}
	.flAgenda .int {
    padding-bottom: 15px;
}
	.fl2 {
    margin-top: 20px;
}
	.fl3 {
    display: block;
}
	.flex3 .itemEchos .itPhoto,
	.flex3 .itemL {
    min-width:312px;
		width:100%;
		 margin:20px  auto;
}
	.basFlex {
    display: block;
}
	.basFlex .box {
    margin: auto;
		max-width: 520px;
		width:100%;
}
	.homeFlex .fl3 {
    display: block;
}
	.intNewsletter {
    max-width: none;
		padding-bottom:45px;
}
	.ligne.bas {
    padding: 25px 0px 25px 0px;
}
	.basFlex .box_infos {
    margin-top:25px;
		margin-bottom: 5px;
		max-width: none;
		border-top:5px solid #ECE8E5;
		padding:25px 0px 0px 0px;
}
	.box_newsletter .toutes {
    float: right;
}
	.rs {
    margin-top: 25px;
}
	.form {
		max-width: 96%;
	}
	.form2 {
		display: block;
	}
	.form2 > div {
		width: auto;
		padding: 0px !important;
	}
	.img_left, .img_right {
    max-width: 220px !important;
}
}