@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 639px) {
	html {
		font-size:15px;
	}
	body {
    	padding-top: 0px !important;
	}
	.flexBas > a span.txt,
	.ortiTab,
	.ulOrdiTab,
	.zRech,
	#block-sitebranding-2,
	.header .bRWD,
	#toolbar-administration,
	.bSmart .zOpen {
		display: none;
	}
	.ulSmart,
	.icRech,
	.smart,
	.bSmart .act,
	.footer .bRWD {
		display:block;
	}
	.bSmart .zone {
		position: absolute;
	}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
    font-size: 16px;
}
	.tabSmart,
	.tabSmart .td {
		display: block;
		width:auto;
	}
	.posCote .int{
		padding:0px;
	}	
	.bVertical .menu .menu,
	.bVertical .menu .menu .menu,
	.bHorizontal .menu .menu,
	.bHorizontal .menu .menu .menu{
		position: relative;
		left:auto;
		top:auto;
		width:auto;
	}	
	.type-rendez-vous .nod_date .dateT {
    font-size: 1.2em;
}
	.lieu {
    font-size: 1.2em;
}
	.tabHead .zone > div {
    padding: 20px;
}
	.typeContent {
    margin-top: 10px;
}
	.titreReader h1,
	.path-taxonomy h1,
	.typeC,
	h1 {
    	font-size: 1.55em;
	}
	h1 {
		margin: 30px 0 25px 0;
	}
	h1 .sousTitre {
    	font-size:0.7em;
	}
	.nodT2 h1 {
		font-size: 1.55em;
	}
	.nodT2 .para h2 {
font-size: 1.35em;
    border-left-width: 5px;
        border-left-width: 7px;
    padding-left:20px;
}
	.nod_annonce fieldset legend {
		font-size: 1.45em;
	}
	.annuaireInfo h2,
	h2 {
    	font-size: 1.3em;
		margin:35px 0 20px 0;
	}
	h3 {
    	font-size: 1.16em;
		margin: 25px 0 15px 0;
	}
	.nodT2 h3 {
    font-size: 1.16em;
}
	h4 {
    	font-size: 1.05em;
	}
	.header.menuActif .zNavi {
    /* position:relative; */
}
	.ariane span, .ariane a {
    margin: 5px 5px;
}
	.vueFlex.vfw2 .vit,
.vueFlex.vfw3 .vit,
.vueFlex.vfw4 .vit {
	width:100%;
	max-width: 340px;
	margin:10px auto;
}
	.accesDirects .vueServices .jDiaporama, .accesDirects .vueServices .jDiaporama ul {
    height: 130px !important;
}
	.titrePhoto {
    height: 120px;
}
	.titreReader {
    padding-top: 135px;
}
	.titreItem h4 {
    font-size: 1.2em;
}
	.intro {
    font-size: 1.1em;
}
	.bMenuNav .zone {
    	margin-top: 70px;
		min-width: 0px;
}
	img.imgRight,
	img.imgLeft {
    margin:10px 0px;
    float: none;
}
	.actionsNode {
    margin: 15px 0;
}
	.nod {
    padding-bottom: 30px;
}
	.titre_page h1 {
    padding-bottom: 0px;
}
	.footer a {
    display: inline-block;
		padding:5px 7px;
		margin:0px;
}
	.views-exposed-form form > div {
    width: 48%;
    margin-right: 2%;
}
	.bRWD {
    right:auto;
    width: auto;
		position: relative;
}
	.it_agendaBox .imgDate {
    min-height: 110px;
}
	.intAgenda {
    padding: 10px;
}
	.it_agendaBox .dateT {
    font-size: 1.2em;
}
	.rwd {
		float: right;
		padding-top:5px;
	}
	.para2Col .num1 .titreBox .titre {
    margin-top: 0px;
}
	.titreh3 {
    margin-top: 15px;
    margin-bottom: 10px;
}
	.numberListe::before {
    left: 0px;
}
	.numberListe span {
    font-size: 1.4em;
    left: 4px;
}
	.foot1 .zOpen {
    	right: auto;
		margin:0px;
		position: absolute;
		left:0px;
		top:0px;
		width:98%;
		background: #FFF;
		border:1px solid #ccc;
		bottom:76px;
	}
	.footer {
		position: relative;
		z-index: 10;
		background-size: auto 70px;
		padding-bottom: 85px;
	}
	.foot .bOne {
		position: inherit;
	}
	/* tables RWD */
	.nod_annonce fieldset {
    margin: 25px auto;
    padding: 20px 15px;
}
	.tabSmart .lab {
    	display: block;
	}
	.tabSmart thead,
	.tabSmart:not(.vue) th {
		display: none;
	}
	.tabSmart,
	.tabSmart tbody,
	.tabSmart tr,
	.tabSmart th,
	.tabSmart td {
		display: block;
		width:auto !important;
		border:0px !important;
	}
	.tabSmart tr {
		position: relative;
		border-bottom:1px solid #ccc !important;
		padding:4px 10px;
	}
	.tabSmart td {
		display: inline-block;
		padding:1px 3px;
	}
	.vue.tabSmart td {
		padding-left:0px;
		padding-right:0px;
	}
	.tabSmart td.intitule {
		display: block;
	}
	.tabSmart td.acts {
		position: absolute;
		right:-5px;
		top:0px;
		padding:0px;
	}
	.acts .ic {
    	display: block;
		margin:5px 0px;
	}
	/* fin tables RWD  */
	.ictxt::after {
    	left:auto;
		right:0px;
	}
	.tabSmart .lab {
		color:#666;
		font-size:11px;
		display: inline-block;
	}
	.toTop {
    	bottom: 5px;
    	right: 5px;
		height:25px;
		width:25px;
		border-radius: 4px;
	}
	.intro_page::after {
    width: 200px;
    margin-left: -100px;
}
	p {
    margin: 15px 0px;
}
	.box, .margTB, .msg {
    margin: 30px auto;
}
	.intro_page {
    padding-bottom: 20px;
}
	.front .nod h1 {
    margin-top: 0px;
}
	.cke_editable ul, ul.texte, ol.texte, .texte ul, .texte ol {
    margin: 20px 0px;
}
	.contenu input, .contenu select, .contenu textarea, .formulaire input, .formulaire select, .formulaire textarea {
    max-width:100%;
		width:96%;
}
	form.views-exposed-form  > div {
	margin:0 10px;
}
	input.submit, .submit, .submit a, .submit input, input[type="submit"], input[type="button"] {
margin: 10px 0px;
width:auto;
}
	.titreVue h2 {
    font-size: 1.8em;
}
	.retour, .pageSuivante {
    padding:10px;
}
	.titre_page h1 {
    padding-bottom: 10px;
}
	.nodT2 .intNod {
    margin-right: 0px;
}
	.nodT2 .actionsNode {
    position: relative;
    right:auto;
    top: auto;
		display: flex
}
	.nodT2 .icPrintPdfSend {
    background-image: url("../images/rs/print_pdf_send.png");
    width: 112px;
		height: 35px;
}
	.numberListe::before {
    height: 30px;
    width: 30px;
}
	.retour a, .pageSuivante a {
    background-size: auto 30px;
    padding: 15px 30px;
    font-size: 1.35em;
}
	.retour a:hover, .pageSuivante a:hover {
    background-size:auto 35px;
}
	.navi ul li span.menuOpen {
    right: 6px;
}
.siteAuto .itemAuto .intD2 {
	height: 100%;
}
	.bRech input[type="submit"] {
    padding-left: 10px;
		padding-right: 10px;
}
	
	.user_page {
    display:block;
}
	.nodT2 .para h2 {
    padding-left: 12px;
}
	.tags {
    margin: 25px 0px;
}
	.vuePage {
    margin-left:0;
	margin-right:0;
}
	.pager__items li a {
    width: 33px;
    height: 33px;
}
	.fc-toolbar > * > :not(:first-child) {
    margin-left: 0em;
}
	.fc-left .fc-button-group {
		text-align: left;
		display: flex;
		flex-direction: column;
	}
	.fc-right .fc-button-group {
		text-align: right;
		display: flex;
		flex-direction: column;
	}
	.fc-button {
    border: 1px solid transparent;
    padding: 0px 5px;
    border-radius: 5px !important;
		margin:2px 0px;
		font-size: 13px;
		width:80px;
}
	.search-form .form-search {
    padding: 10px 2%;
    width: 92%;
}
	.path-search .block-system-main-block ol li {
    margin: 20px 0px 20px 30px;
}
	.path-search .block-system-main-block h2 {
    font-size: 1.6em;
    margin: 20px 0px;
}
	.itRech {
	padding:15px 25px;
}
	.path-search .block-system-main-block ol li h3 {
    font-size: 1.1em;
}
	.xLabel {
    display: none;
}
	.xLien {
    padding: 3px 10px;
    min-width: 206px;
}
	.xInt {
    padding: 1px 0px;
}
	.xIconLabel {
    margin-right: 8px;
}
	.flexBas > a {
    padding-bottom:  5px;
}
	.flexBas > a span.pict  {
	height: 65px;
		margin-bottom: 0px;
		background-size: 70% auto;
		background-position: center;
}
	.flexServices {
    background-size: auto 100px;
    padding: 20px 0px 0px 0px;
}
	.flexServices > div {
    width: 90%;
		max-width: 380px;
		margin:0px auto;
}
	.ulServ .vit {
    width: 46%;
    margin: 0px 2%;
}
	.vueArticle .flexDiapo {
    display: block;
}
	.boxUne .it .textes {
    flex-direction: column;
}
	.boxSecond .jDiaporama, .boxSecond .jDiaporama ul {
    height: auto !important;
}
	.flexLogoAdresse {
    align-items: flex-start;
}
	.logoBas {
    width: 100px;
    padding-right: 10px;
		padding-top: 10px;
}
.boxUne .it .mediaBox .notBal .mediaBloc {
    padding-top: 63%;
}
	.boxUne .it {
    height: 327px;
}
	.nodT1 h2::before {
    height: 14px;
    width: 14px;
}
	.typeContent {
    flex-direction: column;
		align-items: flex-start;
}
	.boxUne .intLiens {
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
}
	.menuPage {
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 3px !important;
	}
	.ariane .menuPage ul {
		position: relative !important;
    width: 100% !important;
		left: 0 !important;
top: 0 !important;
}
	.ariane .menuPage1 ul ul ul {
    padding-left: 5%;
		width:95% !important;
}
	.ariane .menuPage ul ul {
		border:0px !important;
}
	.boxServices {
    padding: 0px 0px 100px 0px;
}
	.ariane ul li a, .ariane ul li span,
	.ariane {
    font-size: 13px;
}
	.boxServices::after {
    background-size: auto 100px;
    height: 110px;
}
	.vueCommun .vit > .it > .int {
    flex-direction: column;
}
	.it_commun .mediaTag {
    width: 75%;
    margin-right:0px;
}
	.it_actu1 .textes {
    min-height: 160px;
}
	.front .boxDiapo4 .diapoUl.vueDeux {
		padding-left:20px;
		justify-content: flex-start;
}
	.siteName a {
    font-size: 1.22em;
}
	.planDuSite {
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	.planDuSite .bouton {
		padding:5px 15px ;
		font-size: 1.15em;
	}
	.bx-wrapper .bx-controls-direction a {
    top: 16vw !important;
}
}
/* smart 320px */
@media all and (max-width: 359px) {
	.vueContenus .vits .vit, .vueBloc.vfw4 .vits .vit, .vueBloc.vfw3 .vits .vit {
    width: 260px;
}
	.homeAgenda .vueBloc.vfw4 .vits .vit {
    width: 245px;
}
	.vueHome.vuePubli .vueBloc.vfw4 .vits .vit {
		width: 235px;
	}
	.boxUne .it {
    height: 317px;
}
	.headFixe .icThemes, .headFixe .icRech {
    width: 40px;
    height: 56px;
}
	.headFixe .head2 {
    margin-right: 56px;
}
	.icNavi {
    width: 45px;
}
}