@CHARSET "utf-8";

/* PREPARATION RESPONSIVE */
.w780 {display:none;}
.w435 {display:none;}
.w1260 {display:block;}

/* PC */
@media all and (min-width:831px) {
	#bandeau-mobile {display:none;}
	#menumobile-wrapper {display:none;}
	#menumobile {display:none !important;}
	#mon-comptemobile-smenu {display:none !important;}
}


@media all and (max-width:1180px) {
	
	/* Bandeau */
	#bandeau.sm .menu-wrapper {}
	#bandeau.sm #acces-client a{padding: 3px 7px 3px 7px; font-size:1.1em;}
	
	#bandeau .titre {}
	#bandeau .global{width:100%;}
	#bandeau #logo a img{height:50px;}
	#menu .smenu-conteneur{top:30px;}
	#bandeau #acces-client {margin-right:20px;}
	#bandeau .menu-wrapper {margin-right:20px;}
	
	/* Menu */
	#bandeau.sm #menu .menu-element,
	#menu .menu-element {}

    /* Pied */
    #pied .global{width:100%;}

	table {text-align:center;}
	table td {display:inline-block; vertical-align:top;}
	#membre-documents-liste .table-vertical td {display:table-cell;}
	#membre-documents-liste .table-vertical .document-nom {text-align:left;}
	 
}

@media all and (max-width:1150px) {
	#menu .menu-element > a > span,
	#menu .menu-element > span {}
	#menu .menu-element {}
	.ariane-vous-etes-ici{margin-left:10px;}
	
	.accueil-global{padding:10px 15px;width:97%;}
	
	
	/* Slider */
	
	#contenu p{margin-top:10px;}
	.accueil-slider-contenu p{font-size:0.8em;}
	#accueil-slider .accueil-slider-li .accueil-slider-contenu{left:50px;}
	#accueil-slider .accueil-slider-li .accueil-slider-titre{margin:20px auto;font-size:30px;}
	
	/* Droite */
	#droite {display:none;}
	
  	#accueil-actualite {width:100%;}
  	
  	/* Module Contact */
  	#module-contact #module-contact-adresse {float:none; width:100%;}
	#module-contact .googlemap {float:none;  width:100%; margin:20px 0;}
	
	/* Métier */
    #bloc-metier{width:100%;}
	
	/* Presentation */
	.accueil-global .accueil-global-gauche{max-width:97%;margin:0 auto;display:block;}
	.accueil-global .accueil-global-droite{max-width:97%;margin:0 auto;}
	#accueil-presentation-domaines{}
	.accueil-metier
	#contenu #accueil-presentation-domaines p{display:inline-block;margin:0 auto;text-align:left;}
	.accueil-global #accueil-presentation-images{text-align:center;padding-top:20px;}
    #sous-titre{width:95%;}
    
    /* Nos + */
	
	.accueil-global-right,.accueil-global-left{float:none;display:inline-block;margin:0 auto;}
	
	/* blog & contact */
	 #adresse-container{margin:0;padding-bottom:20px;}
	 #container-img{width:80%;}
	 #accueil-contact-adresses{padding-bottom:20px;}
	 #accueil-contact-form {float:none; margin:0 auto;padding-top:40px;}
	 #accueil-blog-bloc-image-date {width:95%;}

	 /* Pied */
	 #pied .global .contenu-wrapper{width:auto;}
	 

}
@media all and (max-width:1050px) {
	
	#bandeau #acces-client {margin-right:10px;}
	#bandeau .menu-wrapper {margin-right:10px;}
	#menu .menu-element {margin-left:17px;}
}

@media all and (max-width:1000px) {
	#bandeau #logo a img { height: 45px;}
	
	#menu .menu-element {margin-left:10px;}
	#bandeau.sm #menu .menu-element {margin-left:5px;}
	#menu .menu-element > a > span, #menu .menu-element > span{padding:8px 5px;}
	
	#accueil-contact-adresses {float:none;  margin:10px auto;}
}

@media all and (max-width:905px) {
	#bandeau #logo a img { height: 40px;}
	#bandeau.sm #menu .menu-element {margin-left:2px;}
	#bandeau.sm #menu .menu-element > a > span, #bandeau.sm #menu .menu-element > span{padding:8px 5px;}
}
/* Tablette */
@media all and (max-width:830px) {
	.w1260 {display:none;}
	.w435 {display:none;}
	.w780 {display:block;}
	
	
	
	body {width:100%;}
	
	#global {min-width:inherit; margin:0 auto; width:auto; padding-top:0px;}
	
	/* Bandeau */
	#bandeau {display:none;}
	
	/* Slider */	
	#contenu p{margin:5px;}
	.accueil-slider-contenu p{font-size:0.5em;}
	#accueil-slider .accueil-slider-li .accueil-slider-contenu{left:0px;height:auto;width:100%; top:80px;}
	#accueil-slider-conteneur{display:none;}
	
	/* Droite */
	#droite {display:none;}
	
	/* Gauche */
	#gauche {display:none;}
	
	/* Google map */
	#map{width:95%;}
	#map iframe{width:95%!important;}
	
	/* Pied */
	#pied .col, #pied #pied-menus, #pied #pied-reseaux {border:none; float:none; margin:0 auto; padding:20px 0; width:305px; border-bottom: 2px solid #ffffff;}
	#pied #pied-menus {text-align:center;}
	#pied #pied-menus .liens {text-align:left;}
	#pied #pied-reseaux {text-align:center;}
	#pied #pied-mention{padding-bottom:20px;}
	#pied .global .contenu-wrapper{padding:0 10px;}
	
	/* Centre */
	#centre {width:100%; margin:0; padding-top:0px;}
	#centre .global {padding-left:0px; padding-right:0px;}
	#centre .global .contenu-wrapper {padding-top:0px;}
	
	/* Fil d'ariane */
	#ariane {display:none;}
	
	/* Contenu */
	#contenu {width:auto; }
	#contenu img {max-width:100%; max-height:100%; height:auto; width:auto;}
	
	/* Formulaire */
	input.bouton {height:38px;}
	#contenu .input-text,
	#contenu input {width:97%;height:30px;}
	#contenu input[type="image"],#contenu input[type="checkbox"],#contenu input[type="radio"] {width:auto; height:auto;}
	#contenu select {height:30px; }
	#contenu textarea,
	#contenu textarea {width:97% !important; }
	#contenu .form140 {float:none; text-align:left; width:auto;}
	
	.submit { margin-left:0;}
	
	#contact-form{width:100%;}
	#contact-form input{float:none; display:inline-block;width:95%;padding:5px;}
	#contact-form label{padding:10px 0px;}
	#contact-form  textarea{width:95%; float:none;}
	#contact-form input:last-child{margin:20px; height:33px;}
	
	#module-contact .submit { margin-left:0;}
	
	/* Paginator */
	#paginator {margin:20px 0;}
	#contenu #paginator .pagination-lien, #contenu #paginator .pagination-span {margin:0 9px;}
	
	/* Menu mobile */
	
	/* Menu mobile */
	#bandeau-mobile {height:inherit; min-width:inherit; background:#04b7c2; width:100%; }
	#bandeau-mobile .menu-icon {padding:5px 0px 2px 10px; text-align:center;}
	#bandeau-mobile .menu-icon > a {display:block; width:174px; height:100%; margin:0 5px; float:right;text-decoration:none; color:#fff; }
	#bandeau-mobile #bandeau-menu {display: block; float:left; width:auto;}
	#bandeau-mobile .menu-icon .fa-bars {color:#ffffff; font-size:30px; line-height: 27px;}
	
	#menumobile-wrapper {display:block;}
	#menumobile {width:100%; background:#ffffff; padding:5px 0; border-bottom:1px solid #ccc; display:none;}
	#menumobile .menumobile-element {margin:15px 0 5px 0; padding:0 7px;}
	#menumobile .menumobile-element span,
	#menumobile .menumobile-element a,
	#menumobile .menumobile-element a:visited {text-decoration:none; color:#5a5a5a;}
	#menumobile .menumobile-element a:hover {text-decoration:underline;}
	#menumobile .smenumobile-conteneur {padding:0 20px;}
	#menumobile .smenumobile-conteneur .smenumobile-element {margin:6px 0; line-height:17px;}
	#menumobile .smenumobile-conteneur .smenumobile-element span,
	#menumobile .smenumobile-conteneur .smenumobile-element a,
	#menumobile .smenumobile-conteneur .smenumobile-element a:visited {text-decoration:none; font-size:0.85em; color:#5a5a5a; }
	#menumobile .smenumobile-conteneur .smenumobile-element span {font-weight:bold;}
	#menumobile .smenumobile-conteneur .smenumobile-element a:hover {text-decoration:underline;}
	#menumobile .smenumobile-conteneur .ssmenumobile-element {}
	#menumobile .smenumobile-conteneur .ssmenumobile-element a,
	#menumobile .smenumobile-conteneur .ssmenumobile-element a:visited {font-size:0.8em; text-decoration:none; padding-left:7px;}
	#menumobile .smenumobile-conteneur .ssmenumobile-element a:hover {text-decoration:underline;}
	
	#bandeau-mobile #bandeau-mobile-menus {margin:0 auto; width:200px; text-align:center;}
	#bandeau-mobile .bandeau-centre {font-size:18px; display:inline-block; position:relative; z-index:100; }
	#bandeau-mobile .bandeau-titre {cursor:pointer; color:#ffffff; line-height:30px; padding:0 15px;  height:30px; text-align:center;}
		
	/* menu membre mobile */	
	#mon-comptemobile { }
	#mon-comptemobile-titre {width:auto;}
	#mon-comptemobile-smenu {font-size:16px; display:none;display:none;background:#ffffff; width:193px; height:140px; margin:5px auto; }
	#mon-comptemobile-smenu .mon-compte-smenu-input input {background:#fff; border:1px solid #dbdbdb; color:#777777; width:173px; height:19px; margin-left:7px; margin-top:9px; padding:2px 0 2px 5px;}
	#mon-comptemobile-smenu .mon-compte-smenu-password-oublie a,
	#mon-comptemobile-smenu .mon-compte-smenu-password-oublie a:visited {color:#3488a9;font-family: 'Source Sans Pro', sans-serif;font-size:13px; text-align:center; margin:8px 0 0; text-decoration:none; display:block;}
	#mon-comptemobile-smenu .mon-compte-smenu-submit input {margin:8px auto; padding:0; height:21px; border:none; display:block; cursor:pointer; width:100px; color:#ffffff; background:#3488a9;font-family: 'Lobster Two'; font-size:15px; font-style:italic;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
	#mon-comptemobile-smenu .mon-compte-smenu-submit:hover input{background:#045C75;}
	
	/* Mon compte sous menu */
	#mon-comptemobile-smenu .moncompte-smenu {background-color:#FFFFFF; text-align:left; margin:0px; padding:0px; list-style:none; z-index:100;}
	#mon-comptemobile-smenu .moncompte-smenu li { margin: 0; list-style:none;}
	#mon-comptemobile-smenu .moncompte-smenu li a, #moncompte-smenu ul li a:visited{ margin:0px; display:block; color:#000; text-decoration:none; padding:7px 35px;}
	#mon-comptemobile-smenu .moncompte-smenu li a:hover {color:#3488a9; text-decoration:none;}
			
	
	.accueil-actualite {width:50%;}
		
	/* blog & contact */
	
	#adresse-container{width:99%;}
	
	
	#contenu .table-vertical thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	#contenu .table-vertical table, #contenu .table-vertical thead, #contenu .table-vertical tbody, #contenu .table-vertical th, #contenu .table-vertical td, #contenu .table-vertical tr {
	    display: block;
	}
		
	#contenu .table-vertical tr {border-bottom:2px solid #e0e0e0;}
	
	#contenu .table-vertical td {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: -moz-use-text-color -moz-use-text-color #e0e0e0;
	    border-image: none;
	    border-style: none none solid;
	    border-width: 0 0 1px;
	    padding-left: 30% !important;
	    position: relative;
	    text-align: left;
	    white-space: normal;
	    width:auto;
	}
	#contenu .table-vertical td::before {
	    content: attr(data-title);
	    font-weight: 700;
	    left: 6px;
	    padding-right: 10px;
	    position: absolute;
	    text-align: left;
	    top: 6px;
	    white-space: nowrap;
	    width: 27%;
	}
	
	#contenu #membre-documents-liste .document-nom img {display:block; margin:0 auto;}
	#contenu #membre-documents-liste .document-nom {text-align:center;}
	#contenu #membre-documents-liste .document-date {text-align:center;}
	#contenu #membre-documents-liste .document-action {text-align:center;}
	#contenu #membre-documents-liste .document-action span {padding:0 10px;}

	#contenu #membre-documents-liste .document-ligne {display: none;}
	#contenu .table-vertical .document-date,#contenu .table-vertical .document-action span {  line-height: 35px;}
}

@media all and (max-width: 640px) {
	.accueil-actualite {float:none; width:99%;}
  	.accueil-actualite-image {height:150px;}
 
  	
  	/* Metier */
  	
  	.accueil-metier{margin-left:0px;}
  	
  	/* Presentation */
  	.accueil-global #accueil-presentation-images img{margin-right:0px;margin-top:20px;}
  	
  	/* Accreditation */
  	#contenu .accueil-accreditations-clustair-element h1{text-align:center;}
  	
  	/*slider*/
  	#accueil-slider .accueil-slider-li .accueil-slider-contenu{top:20px;}
  	.accueil-global{width:90%; padding-left:0px; padding-right:0px;}
  	#contenu p{}
  	#accueil-contact-adresses ul li{width:92%;}
  	
  	/* Contact */
  	
  	#accueil-contact-form {max-width:unset;padding:10px; width:auto;}
  	#accueil-contact-form-titre {padding:10px;}
  	#accueil-contact-form .accueil-contact-label{margin-bottom:15px;width:100%; padding-left:0;}
  	#accueil-contact-form textarea, #accueil-contact-form .accueil-contact-element .input-text {float:none;margin-left:0px;display: inherit; max-width:unset;}
  	#accueil-contact-form .accueil-contact-submit {float:none;margin-left:0px;display: inherit; max-width:unset;}
  	#accueil-contact-adresses{padding:0px 10px; width:auto;}

	
	.membre-document-date {width:80px;}
	.membre-document-nom {width: calc(100% - 176px);}
	
	
	table {width:100% !important; height:auto !important} 
}


@media all and (max-width:480px) {
	
	#actualites .conteneur .contenu .photo {float:none; margin:10px auto; text-align: center;}
	
	
	

}
/* Smartphone */
@media all and (max-width:435px) {	
	#accueil-slider-conteneur{display:none;}
	.w1260 {display:none;}
	.w780 {display:none;}
	.w435 {display:block;}
	
	/* Gel du parallax */
	#bandeau-image {display:none;}
	.parallax-mirror {display:none;}
}