/*==========================
 RESPONSIVE TEMPLATE MARSNET 
 ===========================*/



/*===================
	SMARTPHONE 
===================*/

@media screen and (max-width: 767px) {


	/* Blocs généraux */
	
	body {
		padding-left: 0;
		padding-right: 0;
		padding: 0!important;
	}
	
	div#conteneur {
		padding: 15px 20px;
		display:block;
	}
	
	#entete {display:none;}
	
	a:focus, a:hover, a:active {background:none;}
	
div#navigation, div#extra {width: 100%;}
	

	/* Titres et textes globaux */
	
		.cadre-chemin a {/* fil d'arianne */
			padding: 2px 6px;
			font-size: 0.7em;
		}
		
		h2, h2 a, h2 a:link {/* titres article et rub */
			padding: 0;
			}
			.cadre-une h2{
				text-align:center; 
				padding-bottom: 0;
				}
				.cadre-une h2 a {padding:0!important;}
				.cadre-une h2 a::after { 
					content: "";
					border-bottom: 1px solid #cccccc;
					width: 60%;
					display: block;
					margin: 20px auto 0 auto;
					}
			h2#titre-rubrique, 
			h2#titre-article {
				text-align:center;
				padding: 0;
			}
		
	
	/* Reparametrage des couleurs */
	
		/* couleur liens menu principal */
		.slicknav_nav li.rubrique1 .slicknav_row a {color: #FF7701;}
		.slicknav_nav li.rubrique12 .slicknav_row a {color: #889811;}
		.slicknav_nav li.rubrique17 .slicknav_row a {color: #269CA1;}
		.slicknav_nav li.rubrique18 .slicknav_row a {color: #870F3D;}
		.slicknav_nav li.rubrique19 .slicknav_row a {color: #2C49A0;}
		.slicknav_nav li.rubrique20 a {color: #FF7701; font-size: 1.3em;}
		
			/* sauf dans les sous-rubriques */
			.slicknav_nav li.rubrique1 .ssmenu .slicknav_row a {color: #454545;}
			.slicknav_nav li.rubrique12 .ssmenu .slicknav_row a {color: #454545;}
			.slicknav_nav li.rubrique17 .ssmenu .slicknav_row a {color: #454545;}
			.slicknav_nav li.rubrique18 .ssmenu .slicknav_row a {color: #454545;}
			.slicknav_nav li.rubrique19 .ssmenu .slicknav_row a {color: #454545;}
				
		
		/* couleur bordure du bas liens menu principal */
		.slicknav_nav li.rubrique1 {border-bottom: 1px solid #FF7701;}
		.slicknav_nav li.rubrique12 {border-bottom: 1px solid #889811;}
		.slicknav_nav li.rubrique17 {border-bottom: 1px solid #269CA1;}
		.slicknav_nav li.rubrique18 {border-bottom: 1px solid #870F3D;}
		.slicknav_nav li.rubrique19 {border-bottom: 1px solid #2C49A0;}
		.slicknav_nav li.rubrique20 {border-bottom: 1px solid #FF7701;}
		
		/* survol des liens du sous-menu et ss-ss-menus du menu principal */
		.rubrique1 .ssmenu .rubrique:hover, rubrique1 .ssmenu .rubrique:focus, rubrique1 .ssmenu .rubrique:active {
			background: #ffab63; border-bottom: 1px solid #C75C00;
		}
		.rubrique12 .ssmenu .rubrique:hover, rubrique12 .ssmenu .rubrique:focus, rubrique12 .ssmenu .rubrique:active {
			background: #c4d44f; border-bottom: 1px solid #667300;
		}
		.rubrique17 .ssmenu .rubrique:hover, rubrique17 .ssmenu .rubrique:focus, rubrique17 .ssmenu .rubrique:active {
			background: #b0e8e8; border-bottom: 1px solid #007378;
		}
		.rubrique18 .ssmenu .rubrique:hover, rubrique18 .ssmenu .rubrique:focus, rubrique18 .ssmenu .rubrique:active {
			background: #e094b0; border-bottom: 1px solid #660029;
		}
		.rubrique19 .ssmenu .rubrique:hover, rubrique19 .ssmenu .rubrique:focus, rubrique19 .ssmenu .rubrique:active {
			background: #bac7ed; border-bottom: 1px solid #173386;
		}
		
		
	/* Noisettes */
	
	#extra div.cadre-couleur, 
	.cadre-couleur, 
	ul.nuage.cadre-couleur, 
	dl.nuage.cadre-couleur {
		margin: 10px 0;
	}


	/* Menu principal */
	
	.slicknav_menu { /* Bandeau haut pour ouvrir le menu */
		width: 100%;
		height: 50px;
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		background-repeat: repeat-x;
		border: 1px solid #d4d4d4;
		box-shadow: 2px 4px 8px #cccccc;
		-moz-box-shadow: 2px 4px 8px #cccccc;
		-webkit-box-shadow: 2px 4px 8px #cccccc;
		overflow:visible;
		}
		.slicknav_menu .slicknav_menutxt {
			float:right;
			box-shadow: none;
			text-shadow: none;
			color: #454545;
			font-weight: normal;
			font-family: 'clear_sansbold';
			vertical-align:middle;
			font-size: 1.2em;
			padding: 8px 4px;
			/*padding: 5% 3% 3% 1%;*/
		}
		.slicknav_menu .slicknav_icon {
			font-size: 3em;
			margin: 0 auto;
			line-height: 1em;
			color: #454545;
			}
		.slicknav_btn {
			width: 56%;
			padding: 0;
			margin:0;
			border-radius:none;
			-moz-border-radius:none;
			-webkit-border-radius:none;		
			}
			a.slicknav_btn:hover,
			a.slicknav_btn:focus, 
			a.slicknav_btn:focus {
				background: none;
				color: #454545;
			}
			/* test avec lien sur l'objet */
			.home-mobile {
				width: 68px;
				height:50px;
				position:absolute;
				top: 0;
				left: 0;
				z-index:1000;
			}
			.home-mobile a {
				background: url('../images/logo_marsnet_mobile.png')no-repeat;
				background-position: center top;
				width: 68px;
				height:50px;
				display: inline-block;
				float: left;
				left: 0;
				top: 0;
				margin: 0 auto;
				padding: 2px 4px;
				}
				.home-mobile a:hover,
				.home-mobile a:focus,
				.home-mobile a:active {
					background-color: rgba(255,255,255,0);
				}
			
	.slicknav_nav { /* menu principal ouvert */
		background: white;
		height: auto;
		z-index: 1000;
		top: 50px;
		position: absolute;
		width: 100%;
		right: 0;
		left: 0;
		}
		.slicknav_nav .item-accueil, 
		.slicknav_nav .chatonslien {
			display:none;
		}
		.slicknav_nav li.rubrique.secteur{
			margin:0;
			padding: 12px 0 10px 0;
			}
			.slicknav_nav .slicknav_row,
			.slicknav_nav a {
				/*width: 85%;*/
				width: 261px;
				height: 38px;
				vertical-align:center;
				text-transform: none;
				font-weight: normal;
				font-family: 'clear_sansbold';
				font-size: 1.1em;
				padding: 0;
				margin: 0 auto;
				display:block;
				}
				.slicknav_nav .slicknav_row:hover,
				.slicknav_nav .slicknav_row:focus,
				.slicknav_nav .slicknav_row:active,
				.slicknav_nav a:hover,
				.slicknav_nav a:focus,
				.slicknav_nav a:focus {
					outline: none;
					border: none;
					background: none;
					
				}
				
			.slicknav_menu a img, 
			.slicknav_row a img {
				margin-right: 10px;
				max-width: 45px;
				}
				.iconav {
					padding: 0 0 0 3%;
					vertical-align: middle;
				}
				.slicknav_menu .rubrique20 .ico {
					font-size: 2.2em;
					line-height: 1em;
					margin: -8px 6px 0 6px;
				}
				
				/* exception avec icones plus grands = on les rétrécient et on adapte la hauteur si besoin */
				.rubrique12 .slicknav_row a img, 
				.rubrique18 .slicknav_row a img,
				.rubrique20 a img {
					max-width: 35px;
					margin-left: 6px;
				}
				.rubrique19 .slicknav_row a img {
					max-width: 30px;
					margin-left: 8px;
				}
				.rubrique20 a {
					padding: 5px 0 3px 0;
				}
				/* sauf pour les sous-menus */
				.rubrique12 .ssmenu li a img, 
				.rubrique18 .ssmenu li a img,
				.rubrique19 .ssmenu li a img {
					margin-left: 0;
				}
			
	
		.slicknav_nav .ssmenu li {
			border-bottom: 1px solid #dedede;
			}
			.slicknav_nav .ssmenu li:first-child {
				margin-top: 10px;
				/*border-top: 1px solid #dedede;*/
			}
			.slicknav_nav .ssmenu li:last-child {
				border: 0;
				}
				.slicknav_nav li.rubrique.secteur.menulat-search { /* bloc de navigation entre les différents menus */
					height: 60px;
					display:block;
					background: #dedede;
				}
				.slicknav_nav .ssmenu li a,
				.slicknav_nav li.slicknav_open .ss-menu .slicknav_collapsed a {/* sous-menu et sous-sous menu du menu principal */
					width: 279px;
					height: 38px;
					padding: 5px 0 5px 0;
					color: #454545;
					font-weight:normal;
					font-family: 'clear_sansregular';
					font-size: 1.1em;
					}
					.slicknav_nav li.rubrique1 .ss-menu .slicknav_collapsed a {
						width: 280px;
					}
				.slicknav_nav .ssmenu li a img {
					margin-right: 10px;
					max-width: 24px;
				}
	
	
	/* Menu secondaire : on affiche que la recherche */
	
	.menu-second {display:none;}
	
	.recherche {display: none;}
	
	.search-mobile, .search-mobile #formulaire_recherche {display:block;}
	
	.search-mobile { 
		position:absolute;
		right: 0;
		top: 0;
		width: 50%;
		margin-left:0;
		z-index:1000;
		}
		.slicknav_nav .btn-searchmob,
		.slicknav_nav .nav.searchmob,
		.input-searchmob .formulaire_recherche form div .text,
		.input-searchmob .formulaire_recherche form div .recherche {
			display:inline-block;
		}
		
		.btn-searchmob {
			height: 40px;
			width: 26%;
			background: #454545;
			border-bottom-right-radius: 60px;
			border-top-right-radius: 60px;
			border: none;
			outline: none;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			margin: 0;
			display:inline-block;
			}
			.btn-searchmob span {
				font-size: 2em;
				line-height: 1em;
				color: #889811;
			}
			.search-mobile {
				right: 4%;
				top: 2%;
			}
			.slicknav_nav .nav.searchmob { /* champ recherche déployé */
				width: 100%;
				background: #454545;
				height: 40px;
				border-radius: 60px;
				-moz-border-radius: 60px;
				-webkit-border-radius: 60px;
				}
				.input-searchmob {
					height: 100%;
					display:block;
					vertical-align:center;
					}
					.input-searchmob .formulaire_recherche form div {
						vertical-align:middle;
						}
						.input-searchmob .formulaire_recherche form div .text {
							width: 71%;
							height: 40px;
							border: none;
							color: #889811;
							font-family: 'clear_sans_mediumregular';
							font-size: 1.1em;
							border-bottom-left-radius: 60px;
							border-top-left-radius: 60px;
							box-shadow: none;
							-moz-box-shadow: none;
							-webkit-box-shadow: none;
							padding: 0 0 0 10px;
							display:inline-block;
							}
							.input-searchmob .formulaire_recherche form div .text:hover,
							.input-searchmob .formulaire_recherche form div .text:focus,
							.input-searchmob .formulaire_recherche form div .text:active,
							.btn-searchmob:hover,
							.btn-searchmob:focus, 
							.btn-searchmob:active {
								background: #889811;
								color:#454545;
								transition: all 0.3s ease;
								-webkit-transition: all 0.3s ease;
								-moz-transition: all 0.3s ease;
								}
								.btn-searchmob:hover span,
								.btn-searchmob:focus span, 
								.btn-searchmob:active span {
									color:#454545;
								}
							.input-searchmob .formulaire_recherche form div .text:focus,
							.input-searchmob .formulaire_recherche form div .text:active {
								box-shadow: none;
								-moz-box-shadow: none;
								-webkit-box-shadow: none;
							}

	/* bouton menu lateral */

	.btn-menulateral.second { 
		border-radius: 60px;
		width: 40px;
		height: 40px;
		}
		.btn-menulateral.ouvrir.second {
			left: 4%;
			top: 2%;
		}
	
	.btn-menulateral {
		height: 40px;
		width: 40px;
		border: none;
		outline: none;
		box-shadow: none;
		background: #889811;
		position: absolute;
		top:0;
		z-index:2000;
		border-radius: 60px;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
		display:block;
		z-index:2000;
		}
		.btn-menulateral span {
			color: #454545;
			font-size: 2em;
			line-height: 1em;
		}
		.btn-menulateral.retour {
			margin: 10px 0 10px 14px;
		}
							
	/* Menu latéral */

	.languette.ouvrir,
	.languette.fermer {
		background-image: none;
		display: none;
	}
		
	.menulateral {
		width: 100%;
		height: 60px;
		position: absolute;
		top: 50px;
		right:0;
		/*margin-right: 100%;*/
		display:none;
		background: #dedede;
		}
		.menulateral .nav.aside {
			background:white;
			margin-top: 60px;
		}
		.menulateral .nav.aside .menu-liste { /* fixe pour centrer les icones mais pas sûr que ça marche bien sur toutes les plateformes mobiles */
			padding: 4% 15.2% 0 15.2%;
		}
		.menulateral .nav.aside li.savoir {
			height: 30px;
		}
		.menulateral .nav.aside li a {
			width: 100%;
			height: 60px;
			
			}
			.menulateral .aside .menu-entree span.texte_libre {
				padding: 16px 0 16px 0;
			}

	
	/* Menu footer */
	
	div#pied {
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 0;
		overflow: visible;
		}
		.scrollHaut {
			margin: 0 auto 20px auto;
			right: 0;
			position:inherit;
		}
		.blocsfoot {
			width: 100%;
			}
			.blocfoot {
				width: 88%;
				margin-bottom: 20px;
			}
			.blocfoot h3 {
				text-align: center;
				padding: 10px 0 0 0;
				color: #cccccc;
				font-size: 2em;
				}
			.blocfoot ul {
				width: 282px;
				display:block;
			}
			.blocfoot ul li a,
			.blocfoot ul li form label {
				font-size: 1.1em;
				line-height: 1.8em;
			}
			.blocfoot ul li form input {
				height: 30px;
			}
				
		.mentionscontenu {
			width: 56%;
			margin: 0 auto;
			position:inherit;
			right:0;
			bottom:0;
		
		}
		.mentionspip {
			width: 70%;
			margin: 0 auto;
			}
			.mentionspip img {
				margin-bottom: 3px;
			}
		
		.logodecofoot {
			height: 160px;
			background-position: top center;
			left: 0;
			bottom: -20%;
		}
	
	
	/* contenus */
	
		/* haut de page et récurrences */
		
		.page-rubrique #conteneur {
			display:flex;
		}
		
		#page,
		.page-article #page, 
		.page-contact #page, 
		.page-rubrique #page {
			padding: 0;
		}
		
		.page-article #page,
		.page-contact #page,
		.page-rubrique #page {
			width: 100%;
			padding: 0;
			display:flex;
			z-index: 999;
			}
		
		.logorub {
			display: none;
		}
		
		#auteur-article #date-article, 
		#auteur-article .auteur {
			font-size: 0.8em;
			}
			#auteur-article #date-modif-article {
				display:none;
			}
			#auteur-article {
				width: auto;
				display:block;
				margin: 0 auto;
				text-align: center;
			}
			
		.contenu-article #descriptif-article, .contenu-article #descriptif-rubrique {
			padding: 0;
			font-size: 1em;
			text-align:left;
			}
			#soustitre-article {
				margin: 10px auto;
				font-size: 1.1em;
				font-family: 'clear_sans_mediumregular';
			}
			#texte-article p {padding: 0;}
			#texte-article .spip_documents img {padding: 0 20px;}
			#texte-article ul {padding: 0 20px;}
			
		/* fil d'arianne */
		
		.cadre-chemin {margin-top: 10px;}
		
		/* formulaires */

		.formulaire_formidable {
			width: 100%;
			display: block;
			margin: 0 auto;
			}
			.formulaire_formidable form input {height: 30px;}
		
		/* accueil */
		
		.laune.launemov {padding:0;}
		.art-premier-une {width: 100%;}
		
		.auteur-articles-rubrique {font-size: 0.7em; margin: 0; line-height: 1.1em;}
			.auteur-articles-rubrique::after {content:"|"; color:#454545;}
		.majuscules, .auteur {font-size: 0.9em;}
		.laune .titre {margin: 0 0 10px 0;}
		
		.laune .image-une {
			width: 100%; 
			margin: 0;
			padding-bottom: 15px;
			border-bottom: 1px solid #cccccc;
			}
			.image-une img {
				margin: 0 auto; 
				display:block; 
				width: 20%;
				
			}
			
		hr {
			clear: both;
			background: none;
			color: none;
		}

		/* login page */
		
		#minipres {
			max-width: 100%;
			margin: 0 auto;
			padding: 0;
			box-shadow: 0;
			-moz-box-shadow: 0;
			-webkit-box-shadow: 0;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border: 0;
			margin: 0;
		
		}
		
		/* plan du site */
		
		.page-plan #page {padding-left: 0;}
		
		/* erreur et page recherche */
		
		.page-recherche #contenu #cadre-article {padding: 0 0 20px 0;}
		
		/* Page de présentation des ss-rub des rub racines */
		
		.cadre-sous-rubrique {
			width: 100%;
			display: block;
			vertical-align: top;
			padding: 0;
			margin: 10% 0 0 0;
			}
			.cadre-sous-rubrique:first-child {
				margin-top: 0;
			}
			.cadre-sous-rubrique img {
				margin: 0;
				padding: 10px;
				width: 20%;
				max-width: 80px;
				display: inline-block;
				vertical-align: top;
			}
			.cadre-sous-rubrique .descr-ss-rub {
				display: inline-block;
				vertical-align: top;
				width: 70%;
				margin: 0 0 0 5%;
			}
			.cadre-sous-rubrique .titre-sous-rubrique {
				margin: 0;
				display: block;
				}
				.cadre-sous-rubrique .descriptif-sous-rubrique {
					margin: 0;
				}
				.cadre-sous-rubrique .voir-ssrub { /* couleur conditionnelle en fonction de la rub */
					margin-top: 5%;
					}
		
		/* contact */
		
		.page-contact #page {
			padding: 0;
			}
			.infos-form-contact,
			.map-contact {
				width: 100%;
				margin: 0;
				padding: 0;
				border: 0;
			}
			.cadre-infos-contact span {
				display: block;
			}
			
		/* calendrier */
		
		.fc-toolbar .fc-left,
		.fc-toolbar .fc-right {
			float: none!important;
			}
			.fc-toolbar h2 {font-size: 1.5em; padding-top: 10px;}
			
		.fc-scroller.fc-time-grid-container {
			height: 183.93px!important;
		}	
		
		/* equipe */
		
		.blocroles {
			width: 100%;
			margin: 0 0 4% 0;
		}
		.blocauteurs {
			width: 100%;
			margin: 0 0 6% 0;
		}
		.blocauteurs span.logoauteur img {
			width: 100%;
			height: auto;
		}
	
			
		/* menu filtre actus-infos */
		
		.titre-filtre,
		.cadre-sous-rubrique-filtre,
		.cadre-sous-rubrique-filtre li {
			display: block;
			}
			.titre-filtre {padding-left: 5px;}
			.fermefiltre span {
			    font-size: 2em;
				top: -28px;
				right: 4px;
			}
			#cadre-titre-article-filtre {
				width: 100%;
				display: block;
				margin: 5% auto 5% auto;
				padding: 15px;
				box-shadow: 1px 2px 4px #cccccc;
				-moz-box-shadow: 1px 2px 4px #cccccc;
				-webkit-box-shadow: 1px 2px 4px #cccccc;
				}
				#cadre-titre-article-filtre #auteur-article {
					width: 100%; 
					display:block; 
					text-align: right; 
					line-height: 0.9em; 
					margin-top: 10px;
					}
			
			/* blocs extrait formations */
		
		#cadre-titre-article-filtre.extraitformation {
			width: 100%;
			}
			#cadre-titre-article-filtre.extraitformation {margin-top: 25px;}
			.extraitformation .logoformation, 
			.extraitformation .infosformation {
				display:block;
				width: 100%;
				margin: 0 auto;
				}
				.extraitformation .logoformation {
					text-align:center;
					margin-bottom: 10px;
				}	
				
		/* caracteristiques */
		
		.article46 .blocforfait {
			width: 100%;
			display: block;
			margin-bottom: 10%;
		}
		.article46 .text_precisions_heberg {
			column-count: 1;
			column-gap: 0;
		}	
		.article46 .remontee-art-heberg {
			width: 100%;
			display: inline-block;
			border-bottom: 1px solid #cccccc;
			padding-bottom: 20px;
			}
			.article46 .remontee-art-heberg h4 {padding-top: 20px;}
			
		/* services en ligne + ressources + mon compte = grande page */
		
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre,
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade,
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer {
			display: block; 
			width: 100%; 
			margin: 5% 0 0 0;
			}
			.services-grands .nav.aside .menu-entree .menu-liste.nav .descr-service .texte_libre {padding: 0; font-size: 1em;}
					.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre a.ico, 
					.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade a.ico, 
					.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer a.ico {
						padding: 24px 1% 1% 1%;
					}
					
					.services-grands .descr-degrade-service::before,
					.services-grands .descr-arret-service::before {
						font-size: 1em;
						font-family: 'open_sansregular';
						padding-left: 0;
					}
					.services-grands .descr-degrade-service .texte_libre,
					.services-grands .descr-arret-service .texte_libre {
						padding: 0;
					}
					.services-grands .link-etatservice { /* bouton lien vers le pb rencontré */
						font-size: 1em;
						width: 100%;
					}
					
	/* evenement pleine page */
	
	#titre-article {padding: 10px 0; font-size: 2em;}
	.banner {font-size: 1.1em;margin: 0 auto;}
		.location {margin: 10px auto 0 auto;}
			.meta-publi {display: none;}
				.page-jour #texte-article p {padding: 20px 0 10px 0;}
				
	
	/* actu du réseau */	
	
	.rubrique15 .cadre-articles-rubrique {
		width: 100%;
		display: block;
		margin: 0 auto 15px auto;
		}
		.rubrique15 .auteur-articles-rubrique {
			margin: 10px 0;
		}
	
	
	
	
					
}


/*===================
 COMMUN SMART & TAB 
===================*/

@media screen and (max-width: 1201px) {

	/* Blocs généraux */
	
	/* Titres et textes globaux */

	/* Menu principal */	
	
		#entete {
			clear:both;
			}
			#entete .menu.floatable {
				position: inherit;
			}


		ul#menu .item-accueil {
			/*width: 105px;*/
			width: 14%;
			float: left;
			padding: 5px 0 2% 0;
			}
			ul#menu .item-accueil a {
				width: 100%;
				height: auto;
				border-right: 1px solid #dedede;
			}
			#menu li.chatonslien {
				display: none;
			}
			ul#menu li.secteur {
				float:left;
				width: 14.2%;
			}
			ul#menu li a {
				font-size: 0.875em;
				padding: 0 5px;
			}
			ul#menu img.spip_logos {
				margin: 5px auto 5px auto;
			}
						
	
	/* Menu secondaire */
	
	
	/* Menu footer */
	
		.chatonslien.responsiv {
			display:block;
		}
		.chatonslien.responsiv a:hover,
		.chatonslien.responsiv a:focus {
			background: none;
		}
	
	/* Menu latéral */
	
	/* contenus */


		/* Login page */
	
		.minipres {
			box-shadow: 0;
			-moz-box-shadow: 0;
			-webkit-box-shadow: 0;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border: 0;
			margin: 0;
		}
		
		/* services en ligne + ressources + moncompte = grande page */
		
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre .menu-liste.nav, 
					.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade .menu-liste.nav, 
					.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer .menu-liste.nav {
						width: 58%;
						margin: 0 0 0 3%;
					}

}


/*===================
	TABLETTE 
===================*/

@media screen and (min-width: 768px) and (max-width: 1282px) {

	/* Blocs généraux */
	
	div#page {width: 100%; background: white; padding: 0 40px;}
		.page-article #page, .page-contact #page, .page-rubrique #page {padding: 0 40px;}
	
	div#navigation, div#extra {width: 100%;}
	
	div#conteneur {min-height: 100%; height: 100%; display:block;}
	
	#extra div.cadre-couleur, .cadre-couleur, ul.nuage.cadre-couleur, dl.nuage.cadre-couleur {margin: 0 1.4%;}

	
	/* Titres et textes globaux */
	
	/* Couleurs */
	
	.carredegrade,
	.carrebloquer {
		width:100px;
		height:100px;
		}
		.arret:hover::after, 
		.arret:focus::after,
		.degrade:hover::after, 
		.degrade:focus::after {
			margin-top: 2px;
		}
		
	/* Noisettes */
	
	#extra div.cadre-couleur, 
	.cadre-couleur, 
	ul.nuage.cadre-couleur, 
	dl.nuage.cadre-couleur {
		width: 30%;
		display: inline-block;
		vertical-align: top;
		background: white;
	}

	/* Menu principal */
		
	ul#menu {height: 116px;}	
	ul#menu .rubrique20 .ico {font-size: 4em;}
	
	.search-mobile #formulaire_recherche {display:none;}
	
	/* Menu secondaire */
	
	ul.nav.second {
		width: 90%;
		font-size: 0.9em;
		}
		.nav.second li,
		.nav.second li.search {
			/*width: 150px;*/
			width: 16%;
		}
		#formulaire_recherche .formulaire_recherche input.text, 
		#formulaire_recherche .recherche, 
		#recherche {
			padding: 0 0 0 6px;
		}
		#formulaire_recherche .recherche {
			padding: 4px 6px 6px 6px;
		}
	
	/* menu latéral */
	
	.menulateral {top: 30%;}
	
	/* Menu footer */
	
		
	div#pied {
		overflow:hidden;
		}
		.blocsfoot {
			width: 80%;
			margin: 15px auto 0 auto;
		}
		.blocfoot {
			width: 30%;
			margin: 0 1%;
			}
			.blocfoot:first-child {
				margin-left: 4%;
			}
			.blocfoot h3 {
				font-size: 1.4em;
				margin-bottom: 0.8em;
				}
				.blocfoot ul li a, 
				.blocfoot ul li form label {
					font-size: 1em;
				}
					
			.scrollHaut {
				display: block;
				margin: -30px auto 0 auto;
				position:inherit;
				right: 0;
			}
				
			.logodecofoot {
				bottom: -6%;
				left: -10%;
				background-position: -6% 130%;
			}	
			
			.mentionscontenu {
				width: 13%;
				right: 6%;
				bottom: 6%;
			}
			
	
	/* contenus */
	
		/* haut de page et récurrences */
		
		.contenu-article #descriptif-article, .contenu-article #descriptif-rubrique {padding: 0;}
		
		/* formulaires */

		.formulaire_formidable {
			width: 70%;
			display: block;
			margin: 0 auto;
			}
			.formulaire_formidable form input {height: 30px;}
	
		/* Page de présentation des ss-rub des rub racines */
		
		.cadre-sous-rubrique {
			width: 45%;
			display: inline-block;
			vertical-align: top;
			padding: 0;
			margin: 5% 2% 0 2%;
			}
			.cadre-sous-rubrique:first-child {margin-top:0;}
			.cadre-sous-rubrique .descriptif-sous-rubrique {margin-top: 8px;}
			
		/* menu filtre actus-infos */
		
		.titre-filtre {padding-left: 0;}
		.vert .fermefiltre span {
			font-size: 2em;
			top: -28px;
			right: 4px;
		}
		.cadre-sous-rubrique-filtre li {margin: 0 auto 10px auto;}
		#cadre-titre-article-filtre {
			width: 47%;
		}
		
		/* blocs extrait formations */
		
		#cadre-titre-article-filtre.extraitformation {
			width: 47%;
			margin: 0px 1.35% 4% 1.35%;
			}
			.extraitformation .logoformation {margin-right :2%;}	
			.azur .fermefiltre span {
				font-size: 2.6em;
				top: 0px;
				right: -24px;
			}
			
			
		/* caracteristiques */
		
		.article46 .blocforfait {
			width: 22.5%;
			margin: 0 1% 5% 1%;
		}
		.article46 .text_precisions_heberg {
			column-count: 1;
			column-gap: 0;
		}	
		.article46 .remontee-art-heberg {
			width: 100%;
			display: inline-block;
			border-bottom: 1px solid #cccccc;
			padding-bottom: 20px;
			}
			
		/* services en ligne + ressources + mon compte = grande page */
		
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carre a.ico, 
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carredegrade a.ico, 
		.services-grands .nav.aside .menu-entree .menu-liste.nav .menu-entree.carrebloquer a.ico {
			padding: 34px 1% 1% 1%;
		}
		
			
		/* actu du réseau */	
		
		.rubrique15 .cadre-articles-rubrique {
			width: 47%;
			display: inline-block;
			margin: 0 1% 1% 1%;
			}

}



@media screen and (min-width: 768px) and (max-width: 1000px) { 

	
	/* Menu secondaire */

	ul.nav.second {
		width: 100%;
		}
		.nav.second li,
		.nav.second li.search {
			/*width: 150px;*/
			width: 19%;
		}
	
	/* Footer */
	
	.blocsfoot {
		width: 100%;
		}
		.blocfoot ul li a, 
		.blocfoot ul li form label {
			font-size: 0.9em;
		}
		.logodecofoot {
			left: -14%;
		}
	
}

@media screen and (min-width: 1280px) and (max-width: 1700px) { 

	/* Menu Footer */
	
	.blocsfoot {
		width: 80%;
		z-index: 1000;
		}
		.logodecofoot {
			bottom: -7%;
			left: -8%;
		}
		.mentionscontenu {
			width: 8%;
			right: 5%;
		}

}



/*===================
	DESKTOP
===================*/


@media screen and (min-width: 1201px) {

	.chatonslien.responsiv {
		display:none;
	}
	
	ul#menu .rubrique20 .ico {font-size: 3.8em;}
}