/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	img {
		height:auto !important;
		width:100%;	
	}
	
	/* Header */
	#header .eight.columns {
		margin-right:10px;
		width:188px;
	}
	
	#logo {
		width:188px;
	}
	
	.slogan {
		font-size:12px;
		margin:0 0 0 42px;
	}
	
	#MenuPrincipal #navigation ul {
		height:50px;
	}
	
	#MenuPrincipal #navigation ul li {
		width:150px;
	}
	
	#MenuPrincipal #navigation ul li + li {
		width:155px;	
	}
	
	#MenuPrincipal #navigation ul li + li + li + li {
		width:104px;
	}
	
	#MenuPrincipal #navigation ul li a {
		font-size:1.2em;
		height:33px;
		padding:17px 10px 0 10px;
		vertical-align:middle;
	}
	
	#MenuPrincipal #navigation ul li + li + li a {
		height:39px;
		padding:11px 10px 0 10px;	
	}
	#MenuPrincipal #navigation ul li + li + li + li a {
		height:33px;
		padding:17px 10px 0 10px;	
	}
	
	#MenuPrincipal #navigation ul ul {
		height:auto;
		width:155px;
	}
	
	#MenuPrincipal #navigation ul ul li {
		width:100% !important;
	}
	
	#MenuPrincipal #navigation ul ul li a {
		font-size:1.1em;
		height:auto !important;
		padding:10px !important;
	}
	
	/* Content */
	.md-bullet, .md-bullet a {
		width:76.8px;
	}
	
	.BoutonAccueilSection {
		width:368px;
	}
	
	.BoutonAccueilSection + .BoutonAccueilSection {
		margin-right:0;	
	}
	.BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection {
		margin-right:20px;	
	}
	.BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection {
		margin-right:0;	
	}
	.BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection {
		margin-right:20px;	
	}
	.BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection + .BoutonAccueilSection {
		margin-right:0;	
	}
	
	.BoutonAccueilSection p a:last-child {
		width:153px;	
	}
	
	.mailchimp-signup-subscribe-form .form-type-textfield, .mailchimp-signup-subscribe-form input[type="submit"] {
		float:none;
	}
	
	.mailchimp-signup-subscribe-form input[type="submit"] {
		margin:0;	
	}
	
	.region-col-accueil-3 #block-block-18 p:last-child {
		padding-left:0;	
	}
	
	.mailchimp-signup-subscribe-form input[type="text"] {
		width:100%;	
	}
	
	aside#sidebar.four.columns {
		width:222px;
	}
	
	section#main.twelve.columns {
		width:526px;
	}
	
	article .preloader {
		width:380px;	
	}
	
	.views-exposed-form .form-text.form-autocomplete {
		width:375px;
	}
	
	/* Footer */
	#footer .one-third.column {
		width:215px;	
	}
	
	#footer .telephone, #footer .telecopieur, #footer .courriel {
		background:none;
		padding:0;	
	}
	
	#block-menu-menu-navigation-pied-de-page, #block-menu-menu-navigation-2-pied-de-page {
		float:none;
		margin:0;
		padding:0;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	img {
		height:auto !important;
		width:100%;	
	}
	
	div.floatLeft, div.floatRight {
		float:none;	
		margin:0 0 10px 0;
		width:227px;
	}

	div.ImgActuGauche, div.ImgActuDroite {
		float:none;	
		margin:0 0 10px 0;
		max-width:300px;
	}
	
	.eight.columns,
	.twelve.columns,
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column,
	section#main.twelve.columns,
	.eight.columns.last,
	.twelve.columns.last,
	body.node-type-article article  {
		margin:0;
		width:100%;
	}
	
	#header .eight.columns, #header .eight.columns.last {
		float:none;
		width:100%;	
	}
	
	#logo {
		margin:20px auto 0 auto;	
	}
	
	.slogan {
		margin:0 0 20px 130px;
	}
	
	#MetaNav .region-header-right {
		float:none;	
	}
	
	#MetaNav ul.utilitaires {
		display:none;	
	}
	
	#MetaNav #block-menu-menu-navigation-secondaire, #MetaNav #block-block-12 {
		float:none;
	}
	
	#MetaNav #block-menu-menu-navigation-secondaire ul, #MetaNav #block-block-12 ul {
		text-align:center;
	}
	
	.zoneRecherche {
		clear:both;
		float:left;
		margin-bottom:20px;
		padding-left:118px;
		width:282px;	
	}
	
	.zoneRecherche .container-inline div {
		display:block;
		float:left;
	}
	
	#AccesRestreint {
		float:none;	
		margin:0;
	}
	
	.responsive-nav { 
		background-position:right 3px;
		border:1px solid #5e5e5e;
		color:#fff;
		float:left;
		font-size:1.3em;
		margin:10px 0;
		width:350px;
	}
	
	.responsive-nav:focus {
		background-position:right -27px;	
	}
	
	.responsive-nav option {
		background-color:#454545;	
	}
	
	.responsive-nav:focus {
		border:1px solid #5e5e5e;
	}
	
	#Bandeau_Anime .md-slide-bullet-2 .md-bullets .md-bullet {
		background-size:auto 15px;
	}
	
	.md-slide-bullet-2 .md-bullets {
		background:url(../images/bkg_bullets_slider.gif) 0 bottom repeat-x;
		background-size:1px 14px;
		height:21px;
		bottom:-15px;
		width:100%;
	}
	
	.md-bullet {
		height:21px;
		width:58px;
	}
	
	.md-bullet a {
		height:15px;
		width:58px;	
	}
	
	.md-slide-bullet-2 .md-bullets .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a, 
	.md-slide-bullet-2 .md-bullets .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet + .md-bullet.md-current a {
		background-size:auto 21px;
		height:21px;
	}
	
	.mailchimp-signup-subscribe-form input[type="text"] {
		width:295px;	
	}

	article .preloader {
		margin:0 0 20px 0;
		width:100%;	
	}
	
	aside#sidebar.four.columns {
		display:none;	
	}
	
	#footer .one-third.column {
		border:none;
		display:block;
		float:none;
		min-height:inherit;
		padding:20px 0;
		text-align:center;
		width:inherit;
	}
	
	#footer ul {
		text-align:center;
	}
	
	#footer ul li {
		padding:2px 0;	
	}
	
	#footer .adresseFooter, #footer .telephone, #footer .telecopieur, #footer .courriel {
		margin-left:0;
	}
	
	#footer .telephone, #footer .telecopieur, #footer .courriel {
		background:none;
		padding:0;	
	}
	
	#block-menu-menu-navigation-pied-de-page, #block-menu-menu-navigation-2-pied-de-page {
		float:none;
		margin:0;
		padding:0;
	}
	
	#footerBottom #block-block-2, #footerBottom #block-views-date-last-modified-block, #footerBottom #block-block-3, #footerBottom #block-block-3 p {
		float:none;
		margin:0;
		text-align:center;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.zoneRecherche {
		clear:both;
		float:left;
		margin-bottom:20px;
		padding-left:0;
		width:400px;	
	}
	
	.zoneRecherche input[type="text"] {
		margin-left:58px;
		width:250px;
	}
	
	.BoutonAccueilSection {
		float:none;
		margin:0 0 20px 0;
		width:394px;
	}
	
	.BoutonAccueilSection p a:last-child {
		width:179px;	
	}
	
	#CarteEtablissements {
		width:358px;
	}
	
	#CarteEtablissements a.lienEtab {
		height:13px;
		width:13px;	
	}
	
	#CarteEtablissements a#uqam {bottom:57px; left:173px;}
	#CarteEtablissements a#uqtr {bottom:96px; left:167px;}
	#CarteEtablissements a#uqac {bottom:153px; left:218px;}
	#CarteEtablissements a#uqar {bottom:150px; left:275px;}
	#CarteEtablissements a#uqo {bottom:87px; left:102px;}
	#CarteEtablissements a#uqat {bottom:137px; left:53px;}
	#CarteEtablissements a#inrs {bottom:136px; left:209px;}
	#CarteEtablissements a#enap {bottom:123px; left:216px;}
	#CarteEtablissements a#ets {bottom:57px; left:157px;}
	#CarteEtablissements a#teluq {bottom:123px; left:202px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body.front #header {
		margin-bottom:20px;
	}

	.button.default {
		padding:5px 2%;
		width:95%;
	}
	
	.slogan {
		margin:0 0 20px 72px;
	}
	
	#AccesRestreint a.boutonRestreint {
		margin:0 0 10px 0;
		padding:5px 0 5px 8%;
		text-align:left;
		width:92%;	
	}
	
	.zoneRecherche {
		clear:both;
		float:left;
		margin-bottom:20px;
		padding:0;
		width:100%;	
	}
	
	.zoneRecherche .container-inline div {
		display:block;
		float:left;
	}
	
	.zoneRecherche input[type="text"] {
		width:252px;
	}
	
	.responsive-nav { 
		width:280px;
	}

	#Bandeau_Anime {
		display:none;
	}
	
	.mailchimp-signup-subscribe-form .form-type-textfield, .mailchimp-signup-subscribe-form input[type="submit"] {
		float:none;
	}
	
	.mailchimp-signup-subscribe-form input[type="submit"] {
		margin:0;
		width:100% !important;
	}
	
	.mailchimp-signup-subscribe-form input[type="text"] {
		width:100%;	
	}
	
	.BoutonAccueilSection {
		float:none;
		height:120px;
		margin:0 0 20px 0;
		width:274px;
	}
	
	.BoutonAccueilSection p a:first-child {
		height:120px;
		width:102px;	
	}
	
	.BoutonAccueilSection p a:last-child {
		height:120px;
		width:107px;	
	}
	
	#CarteEtablissements {
		width:238px;
	}
	
	#CarteEtablissements a.lienEtab {
		height:8px;
		width:8px;	
	}
	
	#CarteEtablissements a#uqam {bottom:46px; left:122px;}
	#CarteEtablissements a#uqtr {bottom:72px; left:118px;}
	#CarteEtablissements a#uqac {bottom:110px; left:152px;}
	#CarteEtablissements a#uqar {bottom:108px; left:190px;}
	#CarteEtablissements a#uqo {bottom:66px; left:75px;}
	#CarteEtablissements a#uqat {bottom:100px; left:42px;}
	#CarteEtablissements a#inrs {bottom:99px; left:146px;}
	#CarteEtablissements a#enap {bottom:90px; left:151px;}
	#CarteEtablissements a#ets {bottom:46px; left:112px;}
	#CarteEtablissements a#teluq {bottom:90px; left:141px;}
	
	.views-exposed-form .form-text.form-autocomplete {
		width:100%;
	}
}