@media all and (max-width: 420px) {
	div.homepage-articles ul li {width: 94% !important;margin: 0; margin-bottom: 15px;}
	div#block-college-polytechnique-homepage-footer ul li {width: 98% !important;height: inherit !important; padding-left: 2%; margin-bottom: 10px;}
#block-college-polytechnique-homepage-footer .content {display: block;}
	div.homepage-paragaphes ul li {width: 100%; margin: 0 !important;}
	div.homepage-paragaphes ul li:last-child {margin: 0 !important;}
	div.homepage-articles ul li:last-child {margin: 0 !important;}
	div.homepage-articles div.image {max-width: initial !important;}
	/*#main {width: 94% !important;}*/
	.homepage-paragaphes {display: inline-block;}
	div.homepage-encarts a#encart-1 {width: 100%;}
    div.homepage-encarts a#encart-1 {
        width: 100%;
        height: 303px;
    }
    div.homepage-encarts a#encart-1 div.encart {
        height: 303px;  
    }
	div.homepage-encarts a#encart-2 {width: 50%;}
	div.homepage-encarts a#encart-3 {width: 50%;}
	div.homepage-encarts a#encart-4 {width: 50%;}
	div.homepage-encarts a#encart-5 {width: 50%;}
	div.homepage-encarts div.description div.title {line-height: 14px;}
	
	div#block-college-polytechnique-telecharger-catalogues h3 {text-align: center; width: 100%;color: #fff;}
	div#block-college-polytechnique-telecharger-catalogues {display: inline-block; height: inherit;}
	div#block-college-polytechnique-telecharger-catalogues div.content {display: inline-block; background-color: transparent; }
	div#block-college-polytechnique-logo {height: initial !important;}
	div#block-college-polytechnique-logo div.content {height: initial !important;}
	div#block-college-polytechnique-telecharger-catalogues div.content a {float: inherit !important; margin: auto !important;}
	#block-college-polytechnique-logo img {width: 100% !important;}
	#block-locale-language {background-color: transparent !important;}
	div#block-menu-menu-header-menu div.content {height: 70px !important;}
	div#block-menu-menu-header-menu {height: 100px !important;}
    div#block-menu-menu-header-menu > div.content > ul > li.last.leaf {margin: 10px; text-align: center;}
	div#block-menu-menu-header-menu ul.menu li.last a {padding-left: 0px !important;}
	div#block-college-polytechnique-homepage-footer ul li p {width: 90%;  margin-top: 22px !important; margin-left: 12px; text-align: center; display: inline-block; vertical-align: middle;}
	div#block-menu-menu-footer-menu ul.menu {width: 100% !important; float: inherit;}
	div#block-views-blocs-r-seaux-sociaux-block-1 {width: 100% !important; float: inherit; display: inline-block; padding: 15px 0;}
	div#block-college-polytechnique-autres-sites {width: 100% !important; float: left;margin-top: 10px;}
	ul.liste-autres-sites {margin-left: 0 !important; padding: 2%; width: 100%;}
	div.homepage-articles div.titre a{margin: 20px 0px 10px;}
	div#telecharger_liste, div#telecharger_plaquette_liste, div#telecharger_valide{height: auto;width: 33%;}
	#fancybox-content div:first-child{width: auto !important;/*height:auto !important;*/}
	div#telecharger_liste, div#telecharger_plaquette_liste, div#telecharger_valide {height: auto;width: 98%;}
	#fancybox-content {overflow: scroll !important;}
	body.page-node-22 div#node-22{width:100%;}
	#custom-college-polytechnique-preinscription .form-item-cgv input[type="checkbox"]{width: 4%;}
	div#telecharger_formulaire, div#telecharger_plaquette_formulaire {
		width: 96%;
		clear: both;
		padding-left: 6px;
	}
	div.telecharger_plaquettes, div.telecharger_catalogues {
			margin: -5px 0px 10px 14px;
			width: 210px;
			font-size: 14px;
			height: 48px;
	}
	div.boutons-ancre > div {
		width: 100%;
		height: 35px;
		float: left;
		line-height: 35px;
		margin: 5px 0px 10px;
		text-align: center;
		cursor: pointer;
	}
	div.boutons-ancre > div:not(:first-child) {margin-left: 0%;height: auto;}

	body.page-formations span.elementscles ul {
		margin: 0;
		clear: both;
		padding: 0px;
		list-style-type: none;
	}

	div.region > div.view-id-actualit_s > div.view-content{
		width: 100%;
		float: left;
	}
	div.view-id-actualit_s > div.view-footer {
		width: 100%;
		margin-left: 0%;
		clear: both;
	}

	.page-node-22 form.webform-client-form-22 select{width: 100%;}
	.page-programmes-courts div.thematiques-liste div.entete img, .page-programmes-courts div.view-id-programmes div.view-header img {width: 100%;max-width: 100%;height: auto;}
	.page-thematique-courts div.thematiques-liste div.entete img, .page-thematique-courts div.view-id-programmes div.view-header img {width: 100%;max-width: 100%;height: auto;}
	.page-programmes-contenu div.thematiques-liste div.entete img, .page-programmes-contenu div.view-id-programmes div.view-header img , body.page-programmes-contenu-sur-mesure div.view-header img, body.page-programmes-certifiants div.view-header img {width: 100%;max-width: 100%;height: auto;}
	.page-programmes-contenu .view-thematiques .views-field-field-taxo-image {display:none;}
	.page-programmes-contenu .view-thematiques .views-row {width:100%;float:left;margin:10px 0px;}
	.page-programmes-contenu div.view-id-thematiques div.views-field-name span.field-content {width:100%;;margin:10px 0px;}
	.page-programmes-contenu div.view-id-thematiques div.views-row {width: 100%;height: 50px;border: 3px solid #eaeaea;background-color: #f3f3f3;}
	.page-programmes-contenu div.view-id-thematiques div.views-field-name span.field-content {
		height: 40px;
		line-height: 30px;
		margin: 10px auto;
		display: block;
	}
	.page-programmes-contenu div.view-id-thematiques div.views-field-name span.field-content a {
		width: 99%;
		vertical-align: middle;
		line-height: normal;
		text-align: center;
		display: inline-block;
		font-size: 16px;
		text-decoration: none;
	}
	.page-programmes-contenu div.view-id-thematiques  {
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}
	
	body.page-programmes-contenu-sur-mesure div.view-header, body.page-programmes-certifiants div.view-header {height: auto;font-size: 13px;}
	
	.page-actualites  div.view-id-actualit_s > div.view-footer a img{    width: 15%;    margin: 0px 10px;}
	.page-actualites-  div.view-id-actualit_s > div.view-footer a img{    width: 78%;    margin: 0px 10px;}
	
	div.view-id-formations div.vous-avez-des-questions- div.views-field.views-field-field-contat-mail br{display:none;}
	.page-actualites- .subcontent{float: left;}
	div.homepage-articles h3 {margin: 20px 0 20px 0;}
	div.thematiques-liste ul.formations ul li div{text-align: center;}
	div#block-college-polytechnique-social-bar div.label-partage, div#block-college-polytechnique-social-bar--2 div.label-partage{margin: 0px 6px;}
	div.view-id-formations div#formation-intro > img{width: 100%;padding-bottom: 8px;}
	div.thematiques-liste div.entete, div.view-id-programmes div.view-header{margin-bottom: 5px;}
	div.view-id-actualit_s > div.view-footer div.title:not(:first-child), div.view-id-actualit_s > div.view-footer div.title#rss{font-size: 20px;margin-top: 5px;}
	div.view-id-actualit_s div.view-display-id-block > div.view-content > div.item-list > ul > li > div.views-field.views-field-tid > span > a{font-size: 18px;}
	div.view-id-actualit_s div.view-display-id-block ul li ul li a{font-size: 16px;}
}
@media all and (max-width: 610px) {
        div.homepage-articles ul li {margin: 0 !important;}
        div.homepage-articles ul li:first-child {margin-right: 4% !important;}
        div.homepage-articles ul li:last-child {margin-left: 4% !important;}
}

@media all and (max-width: 435px) {
        div.homepage-articles ul li { width: 70%;}
		div#block-college-polytechnique-homepage-footer ul li img{    width: auto !important;
    margin: 21px auto 0px;
    text-align: center;display: block;}
}

@media all and (max-device-width: 645px) {
    img {
        /*width: 100%;*/
        height: auto;
    }
    
    body.page-formations div.view-id-formations div.views-field-field-dates-possibles a {
	width: 100%;
    }

	.page-formations #sticky-wrapper {float: left;
    width: 100%;height:auto !important;}
.page-programmes-contenu div.view-id-thematiques img{display:none;}
div.thematiques-liste div.entete img, body.page-programmes-contenu-sur-mesure div.view-header img, div.view-id-programmes div.view-header img, body.page-programmes-certifiants div.view-header img{width:100%;height:auto;max-width:100%;}
.page-programmes-contenu div.view-id-thematiques div.views-field-name span.field-content{margin-left:5px;}
.page-programmes-contenu div.view-id-thematiques div.views-field-name span.field-content a{width:90%;}
div.thematiques-liste ul.menu li {width: 100% !important; margin: 0 0 10px 0;}
div.thematiques-liste ul.menu li:nth-child(3n+3) {margin-left: 0 !important;}
div.thematiques-liste ul.formations ul li:nth-child(3n+1) {margin-left: 0 !important;}
div.thematiques-liste ul.formations ul li {width: 94% !important; margin: 0 0 10px 0; text-align: left; padding: 3%;}
div.homepage-articles ul li {margin: 0 !important; margin-bottom: 10px !important; text-align: left; box-shadow: none !important; padding: 2% !important;}
div.homepage-articles ul li:first-child {margin-right: 4% !important;}
div.homepage-articles ul li:last-child {margin-left: 0 !important;}
div#block-college-polytechnique-homepage-footer ul li img {width: auto !important; margin: 21px auto 0px; text-align: center;}
div.thematiques-liste ul.formations ul li:nth-child(3n+3) {margin-left: 0 !important;}
div#block-college-polytechnique-homepage-footer ul li {width: 98% !important;height: inherit !important; padding-left: 2%; margin-bottom: 10px;}
#block-college-polytechnique-homepage-footer .content {display: block;}
div#block-college-polytechnique-autres-sites {width: 100% !important; float: left;margin-top: 10px;}



    div#main > div#content > div.section div.region,
    div#breadcrumb div.breadcrumb,
    div.section > h1 {
        margin-left: 10px;
        margin-right: 10px;
		margin-top: 10px;
    }
    ul.primary {
        border: 0;
        margin: 0;
        padding: 0;
        white-space: normal;
    }
    ul.primary li {
        display: block;
        margin: 0 0 5px 0;
    }
    ul.primary li a {
        width: auto;
        display: block;
        margin: 0;
        padding: 5px;
        border-bottom: 1px solid #bbb;
    }
    ul.primary li.active a {
        border-bottom: 1px solid #bbb;
    }
    div#block-menu-menu-header-menu ul.menu li a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }

    div#block-menu-menu-header-menu ul.menu  {width: 100%; display: inline-block;}
    div#block-college-polytechnique-logo a {
        width: 320px;
        height: 150px;
        display: block;
        background-image: url('images/mobile-logo.png');
    }
    div#block-college-polytechnique-logo a img {
        display: none;
    }
    div#block-views-slider-block {
        margin-top: 20px;
    }
    div#block-views-slider-block div.view-content {
        height: auto;
    }
    div#block-views-slider-block div.view-content div.views-row {
        height: 295px;
        border-bottom: 3px solid #003a56;
    }
    div#block-views-slider-block div.view-content div.views-row img {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    div#block-views-slider-block div.view-content div.views-field-field-titre {
        position: absolute;
        bottom: 56px;
        padding: 5px 10px;
        background-color: rgba(0,0,0,0.5);
        right: 0;
        left: 0;
    }
    div#block-views-slider-block div.view-content span.title-1 {
        position: absolute;
        bottom: 72px;
        margin-bottom: 0;
        padding: 5px;
        background-color: rgba(0,0,0,0.5);
        font-size: 18px;
        color: white;
    }
    div#block-views-slider-block div.view-content div.views-field-field-description {
        display: none;
    }
    div#block-views-slider-block div.views-field-title {
        width: 100%;
        margin: 10px 0 20px 0;
    }
    div#block-views-slider-block div.views-field-title a {
        width: 70%;
        top: 245px;
        margin-left: 15%;
        position: initial;
    }
    div#block-views-slider-block ul.slider-nav {
        display: none;
    }
    div#block-views-thematiques-block-1 div.view-content {
        height: auto;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row:first-child,
    div#block-views-thematiques-block-1 div.view-content div.views-row {
        float: none;
        width: 100%;
        height: 40px;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row div.views-field-field-taxo-image {
        width: 80px;
        float: left;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row div.views-field-name {
        margin-left: 80px;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-field-field-taxo-image {
        height: 40px;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-field-field-taxo-image img {
        width: auto;
        height: 36px;
        padding: 0;
        margin: 6px 0 0 0;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row div.views-field-name a {
        text-align: left;
        line-height: 60px;
        margin: 5px 0;
        width: 100%;
        height: 60px;
        padding: 0;
        font-weight: bold;
    }
    div#block-views-thematiques-block-1 div.view-content div.thematiques-programmes-image-wrap {
        margin-top: 5px;
        border: 0;
        width: 60px;
        height: 50px;
        border-radius: 0;
        line-height: 40px;
        background: none;
    }
    div#block-college-polytechnique-prochaines-sessions {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    div#block-college-polytechnique-prochaines-sessions h2 {
        font-size: 19px;
    }
    div#block-views-slider-block-1 div.views-field-created {
        height: 30px;
    }
    div#block-views-slider-block-1 {
        border: 0;
        padding-left: 1px;
    }
    div#block-college-polytechnique-telecharger-catalogues {
        width: auto;
      
        padding: 0;
    }
    div#block-college-polytechnique-telecharger-catalogues h3 {
        text-align: center;
        line-height: 26px;
        font-variant: small-caps;
        padding-top: 20px;
        font-size: 2em;
        padding-bottom: 9px;
    }
    div#block-college-polytechnique-telecharger-catalogues h3,
    div#block-college-polytechnique-telecharger-catalogues div.content {
        width: 100%;
        margin: 0;
    }
    div#block-college-polytechnique-telecharger-catalogues div.content a {
        float: none;
        
        margin: 0 auto;
    }
    div#block-college-polytechnique-telecharger-catalogues div.content {
        height: 100px;
    }
    div#footer {
        
    }
    div#footer ul.menu {
        width: 100%;
        line-height: 20px;
        margin: 15px auto 0 auto;
        text-align: center;
    }
    div#block-menu-menu-footer-menu {
     
        width: 70%;
        margin: 0 auto;
    }
    div#block-menu-menu-footer-menu,
    div#block-views-blocs-r-seaux-sociaux-block-1 {
        width: 100%;
        margin: 0;
    }
    div#block-views-blocs-r-seaux-sociaux-block-1 {
        text-align: center;
        float: none;
    }
    div#block-menu-menu-footer-menu ul.menu {
        width: 100% !important;
    }
    div#block-menu-menu-footer-menu ul.menu li {
        float: none;
        display: inline;
    }
    div#block-views-blocs-r-seaux-sociaux-block-1 div.views-row {
        display: inline-block;
        float: none;
        height: 50px;
        line-height: 50px;
    
    }
    div.view-blocs-r-seaux-sociaux > div.view-content {
        text-align: center;
    }
    .item-list ul.pager li.pager-first,
    .item-list ul.pager li.pager-last {
        display: none;
    }
    .item-list ul.pager li.pager-next a,
    .item-list ul.pager li.pager-previous a {
        font-size: 12px;
    }
    .item-list ul.pager li.pager-next,
    .item-list ul.pager li.pager-previous {
        width: 60px;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row:first-child,
    div#block-views-thematiques-block-1 div.view-content div.views-row {
        height: 60px;
        margin-left: 0;
    }
    div#surfooter {
        height: auto;
        padding: 10px 5px;
    }
    div#block-college-polytechnique-telecharger-catalogues {
        width: 100%;
        margin: 20px 0 0 0;
    }
    div#block-college-polytechnique-telecharger-catalogues.block div.content h3.title {
        width: 100%;
        height: 35px;
        float: none;
        color: white;
        text-align: center;
    }
    body.page-telechargements-catalogues div.catalogues-cadre {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
    }
    div#block-college-polytechnique-contact-texte {
        width: 100%;
        float: none;
    }
    form.webform-client-form-22 input,
    form#user-profile-form input,
    form#user-pass input,
    form#user-register-form input,
    form#user-login input,
    form#custom-college-polytechnique-preinscription input[type=text],
    form.webform-client-form-22 textarea,
    form#custom-college-polytechnique-preinscription textarea {
        width: 98%;
    }
    form.webform-client-form-22 div.form-actions {
        text-align: center;
    }
    div#map-canvas {
        display: none;
    }
    a.map-gps {
        display: block;
        background-color: #003a56;
        border-radius: 10px;
        width: 100%;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: white;
        text-decoration: none;
        background-image: url('images/mobile-gps.png');
        background-repeat: no-repeat;
        background-position: 26% center;
    }
    div.messages {
        width: auto;
    }
    div.date-des-sessions {
        width: 100%;
        margin-top: 0;
    }
    div.vous-avez-des-questions- {
        width: 100%;
        margin: 0 0 3% 0;
    }
    div.view-formations div.view-footer div.views-field-field-formations-associees {
        width: 96%;
        padding: 2% !important;
    }
    div.view-id-formations div.view-footer div.views-field-field-formations-associees span.views-label {margin-top: 0px !important;}
	
    div.view-id-formations div.view-footer div.views-field-nothing a , div.view-formations div.view-footer div.views-field.views-field-field-candidature a, div.view-footer div.view-formations.view-id-formations div.views-field-field-fichier-pdf a{
		width: 100%; 
		margin-left: inherit; 
		margin: 10px 0;
	}
	div.date-des-sessions {
		width: 100%;
		margin: 0;
		float: left;
		margin-top: 0px;
	}
	
	div.view-formations div.view-footer div.views-field.views-field-field-candidature, div.view-footer div.view-formations.view-id-formations div.views-field-field-fichier-pdf{
		padding: 0 0 1px 0;
		width:100%;
	    height: auto;
	}

    body.page-formations div.view-id-formations div.views-field-field-fichier-pdf a {width: 100%; margin-left: inherit;}
    div.view-id-formations div.view-footer div.views-field-nothing {padding: 0;}
/*    div.view-id-programmes div.view-id-thematiques div.views-field-field-taxo-image img {
        display: none;
    }*/
    div.view-id-programmes > div.view-header > p > img {
        display: block;
		width:100%;
		max-width:100%;
    }

	div.thematiques-liste div.entete, div.view-id-programmes div.view-header{
		height: auto;
	}
	.page-programmes-evenements div.thematiques-liste div.entete, .page-programmes-evenements  div.view-id-programmes div.view-footer {
		display: none;
	}
	.page-programmes-diplomants div.thematiques-liste div.entete, .page-programmes-diplomants  div.view-id-programmes div.view-footer {
		display: none;
	}
	
	div#clientsidevalidation-webform-client-form-22-errors{    width: 75%;}

	body.page-actualites div.view-id-actualit_s div.view-content .views-field-field-image img {
		height: auto;
		width: 100%;
	}
	body.page-actualites div.view-id-actualit_s div.view-content .views-field-field-image  {
		height: auto;
		width: 100%;
	}
	body.page-actualites div.view-id-actualit_s div.view-content  {
		height: auto;
		width: 100%;
	}
	body.page-actualites div.view-id-actualit_s div.view-content .views-row {
		height: auto;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	body.page-actualites- div.view-id-actualit_s div.view-content .views-field-field-image img{
		width:100%;
	}
	
	body.page-actualites div.view-id-actualit_s div.view-content .views-field-title, body.page-actualites div.views-field-body {
		float:left;
		width:100%;
	}
	body.page-actualites div.view-id-actualit_s div.view-content span.views-field-title a{font-size: 16px;    margin: 8px 0 8px;}
	body.page-actualites div.views-field-created, body.page-actualites div.views-field-name{font-size: 14px;}
	
	
	
	body.page-actualites- div.views-field-body-1 table tr td{
		width:100%;
		display:block;
	}
	
	#search-form input[type="text"] {
                font-size: 1.5em;
                text-indent: 5px;
		/* padding: 5px 23px; */
		height: 30px;
		margin-top: 8px;
		margin-left: 2px;
		width: 96%;
		clear: both;
		display: block;
		border-left: 1px solid grey;
	}
    div.view-id-programmes h2 {
        font-size: 20px;
    }

/*    div.view-id-programmes div.view-id-thematiques div.views-row a {
        background-color: #f6f6f6;
        color: #003a56;
    }*/
/*    div.view-id-programmes div.view-id-thematiques div.views-field-name span.field-content {
        margin-left: 0;
        height: auto;
        line-height: normal;
    }*/
/*    div.view-id-programmes div.view-id-thematiques div.views-row {
        width: 100%;
        height: auto;
        background: none;
        border: none;
        display: inline-block;
		float: none;
        margin-bottom: 5px;
        margin-left: 0;
    }*/
	
	.page-thematique-courts div.view-id-programmes div.view-id-thematiques div.views-row {
		width: 100%;
		/*height: 56px;*/
		border: 3px solid #eaeaea;
		background-color: #f3f3f3;
		margin: 10px 0px;
		display: block;
		float: left;
	}
	
	.page-thematique-courts div.view-id-programmes div.view-id-thematiques div.views-field-name span.field-content a{
		width: 99%;
		vertical-align: middle;
		line-height: normal;
		text-align: left;
		display: inline-block;
		/*padding:0;*/
		font-size: 16px;
		background-color: transparent;
		    margin-top: 9px;
	}
	
    div.view-id-programmes div.view-id-thematiques div.views-field-name span.field-content a {
        width: auto;
        font-size: 16px;
        font-weight: normal;
/*        padding: 20px;
        padding: 20px;*/
        display: block;
		text-align: center;
    }
    body.page-programmes div.section > div.view-id-programmes > div.view-content {
        display: none;
    }
    body.page-programmes div.view-footer div.view-id-programmes {
        display: block;
    }
    body.page-programmes div.view-footer div.view-id-programmes div.view-header p {
        width: 100%;
  
        display: block;
        font-size: 15px;
        color: #fff;
        height: 50px;
        line-height: 50px;
        text-indent: 5px;
        padding: 0;
        margin: 0;
        font-family: 'droid_serifbold';
        font-weight: bold;
    }
    div.view-id-programmes span.field-content {height: inherit !important;}
    div.view-id-programmes div.views-field-title {border: none !important;}
    #mobile span.date-display-single,
    body.page-programmes div.view-footer div.view-id-programmes div.views-field-field-dates-des-sessions {
        color: black;
        font-family: 'Muli', regular;
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 10px;
    }
    body.page-programmes div.view-footer div.view-id-programmes div.views-field-field-dates-des-sessions ol li a {
        display: none;
    }
    span.date-display-single {
        font-weight: bold;
        font-size: 14px;
    }
    #mobile div.views-field-field-dates-des-sessions div.field-content {
        margin-bottom: 10px;
    }
    body.page-programmes div.view-footer div.view-id-programmes div.views-field-view-node a,
    body.page-programmes div.view-footer div.view-id-programmes div.views-field-nid a,
    #mobile div.views-field-view-node span a {
        color: #a92021;
        font-family: 'droid_serifbold';
        font-weight: bold;
        font-size: 13px;
    }
    body.page-programmes div.liste-des-formations {
        padding: 15px 10px;
        border: solid 1px #ccc;
        margin-bottom: 10px !important;
    }
    
    div.view-id-programmes div.views-field-title a {text-align: center;padding-top:0;}
    body.page-programmes div.liste-des-formations div.views-field-title,
    #mobile div.views-field.views-field-title span {
        font-size: 14px;
        color: black;
        padding: 0;
        margin: 0;
    }
    body.page-programmes-diplomants-formations div.liste-des-formations {
        margin-bottom: 30px;
    }
    div.views-field-field-dates-des-sessions ol {
        margin: 10px 0;
    }
    div.views-field-field-dates-des-sessions ol li,
    #mobile > div.pre-views-table-responsive > div > div > div > span {
        height: 24px;
        line-height: 24px;
        border: 0;
        margin-bottom: 10px;
    }
    #mobile > div.pre-views-table-responsive > div > div > div > span {
        font-weight: bold;
    }
    div.section > div.view-qui-sommes-nous- > div.view-header,
    div.section > div.view-qui-sommes-nous- > div.view-content {
        width: 100%;
        float: none;
        margin: 10px 0;
    }
    select.qui-sommes-nous-mobile {
        width: 100%;
        display: block;
    }
    div.view-qui-sommes-nous-.view-display-id-block_1 > div.view-content {
        display: none;
    }
    div#block-college-polytechnique-social-bar li a {
        width: 22px;
        height: 22px;
    }
    li.facebook a {
        background-image: url('images/facebook-mobile.png');
    }
    li.twitter a {
        background-image: url('images/twitter-mobile.png');
    }
    li.google a {
        background-image: url('images/google-mobile.png');
    }
    li.linkedin a {
        background-image: url('images/linkedin-mobile.png');
    }
    li.mail a {
        background-image: url('images/mail-mobile.png');
    }
    div.view-onglets-responsive > div.views-row-onglets-responsive {
        font-size: 14px;
        background-color: #f6f6f6;
        margin-top: 10px;
    }
    div#block-college-polytechnique-tableaux-thematiques div.view-onglets-responsive {
        display: none !important;
    }
    div#block-college-polytechnique-tableaux-thematiques div.view-onglets-responsive#mobile {
        display: block !important;
    }
    div.mobile.views-fieldset span.views-label {
        font-size: 18px;
        display: block;
        max-width: none;
        height: 55px;
        line-height: 55px;
        background-image: url('images/tablette-fleche-bas.png');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-color: #f6f6f6;
        color: #002d43;
        padding: 5px;
        vertical-align: top;
        margin-right: 3px;
        font-family: 'droid_serifregular';
        font-weight: bold;
        margin-bottom: -1px;
        cursor: pointer;
    }
    div.mobile.views-fieldset span.views-label.active {
        background-image: url('images/tablette-fleche-haut.png');
        background-color: #002d43;
        color: white;
        background-repeat: no-repeat;
        background-position: right 10px center;
        height: 55px;
        line-height: 55px;
        display: block;
        max-width: none;
        padding: 5px;
        vertical-align: top;
        margin-right: 3px;
        font-family: 'droid_serifregular';
        font-weight: normal;
        margin-bottom: -1px;
        cursor: pointer;
    }
    div.web-et-tablettes.views-fieldset {
        display: none;
    }
    div.view-formations div.view-footer div.views-field.views-field-field-formations-associees {
        padding: 0;
    }
    div.mobile.views-fieldset {
        display: block;
    }
    div.autres-sites {
        text-indent: 0;
    }
    ul.liste-autres-sites {
        
        margin-left: -110px;
    }
    div#block-college-polytechnique-logo {
        padding-left: 0;
    }
    div#block-college-polytechnique-slogan {
        display: none;
    }
    div#block-views-slider-block div.view-content div.views-field-field-titre a {
        color: white;
        font-weight: bold;
    }
    body.front div#block-views-thematiques-block-1 {
        margin-top: 40px;
    }
    div#block-views-slider-block div.view-content div.views-row {
        width: 100%;
        position: initial;
    }
    div#block-views-slider-block div.view-content div.views-row {
        position: relative;
        height: auto;
        bottom: 0;
        float: none;
    }
    div#block-views-slider-block div.views-field-field-image span.title-1 {
        display: block;
        font-size: 1.2em;
    }
    div.views-field-title-gauche,
    div.views-field-title-droit {
        display: block;
        background-color: #002d43;
        width: 10%;
        height: 39px;
        border-radius: 5px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center center;
    }
    div.views-field-title-droit {
        float: right;
        background-image: url('images/responsive-accueil-fleche-droite.png');
    }
    div.views-field-title-gauche {
        float: left;
        background-image: url('images/responsive-accueil-fleche-gauche.png');
    }
    div.view-formations div.view-footer div.views-field-field-dates-des-sessions,
    div.view-formations div.view-footer div.views-field {
        width: auto;
    }
    div.view-formations div.view-footer div.views-field {
	padding: 0;
	margin-top: 2%;
    }
    div.view-id-formations div.view-footer div.views-field-field-application-file a {
	width: 100%;
	margin: 0;
    }

    li.facebook a,
    li.twitter a,
    li.google a,
    li.linkedin a {
        width: 22px;
    }
    iframe.google-maps {
        display: none;
    }
    
    body.page-thematique div.region-content > div.view-id-programmes > div.view-content,
    div.region-content > div.view-id-programmes > div.view-footer > div.view-id-programmes {
        display: block;
    }
    div#activation-cookies {
        text-align: center;
        height: auto;
    }
    div#activation-cookies p.texte {
        width: 100%;
        line-height: 23px;
        font-size: 13px;
        padding: 10px 0;
        height: auto;
    }
    div.view-id-formations div.views-field-field-banniere img {
        height: auto;
    }
	
	div.view-id-programmes table td, body.page-programmes-certifiants table.formations td {
		width: 100%;
	
	}
	.page-programmes-evenements div.view-id-programmes table td{
    width: 100%;
    height: auto;
    display: block;
    padding: 5px 0 10px;
}
	
	.page-programmes-certifiants .view-footer{
		display: none;
	}
	
	.page-programmes-certifiants div.view-id-programmes table td, body.page-programmes-certifiants table.formations td {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		display: block;
		float: left;
		padding:0;
	}
	div.view-id-programmes table td div.views-field-title, body.page-programmes-certifiants div.views-field-title{
		width: 100%;

	}
	
    div.view-id-formations div.views-field-field-fichier-pdf a {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
    }
    form#user-profile-form input[type=submit],
    form#user-pass input[type=submit],
    form#user-login input[type=submit],
    form#user-register-form input[type=submit],
    form#custom-college-polytechnique-preinscription input[type=submit] {
        width: 100%;
    }
    form#user-pass input[type=submit] {
        font-size: 14px;
    }
    form#user-profile-form fieldset.group-user-informations {
        width: 99%;
    }
    .confirm-parent,
    .password-parent {
        width: 100%;
    }
    form#user-profile-form div.password-strength,
    form#user-register-form div.password-strength {
        margin: 0;
    }
    .views-exposed-form .views-exposed-widget {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
        float: right;
        margin-right: 32px;
    }
    .views-exposed-form .views-exposed-widget input[type=text] {
        width: 50%;
        float: right;
    }
    form#views-exposed-form-moteur-de-recherche-page-1 div#edit-field-dates-des-sessions-value-wrapper,
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 div#edit-field-dates-des-sessions-value-1-wrapper {
        width: 100%;
        float: right;
    }
    form#views-exposed-form-moteur-de-recherche-page-1 div#edit-field-dates-des-sessions-value-wrapper,
    form#views-exposed-form-moteur-de-recherche-page-1 div#edit-field-dates-des-sessions-value-1-wrapper {
        background-position: right top;
    }
    div#edit-field-dates-des-sessions-value-wrapper label,
    div#edit-field-dates-des-sessions-value-1-wrapper label {
        width: 55%;
        line-height: 22px;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 input[type=text] {
        width: 50%;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 input#edit-field-dates-des-sessions-value-value-datepicker-popup-0,
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 input#edit-field-dates-des-sessions-value-1-value-datepicker-popup-0 {
        width: 50%;
    }
    div#edit-field-dates-des-sessions-value-1-wrapper div.views-widget,
    div#edit-field-dates-des-sessions-value-wrapper div.views-widget {
        width: 105px;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 div.views-exposed-widget.views-submit-button {
        margin: 0;
    }
    body.page-telechargements-catalogues div.catalogues-cadre p {
        padding-left: 15px;
    }
    table.views-table thead tr th.views-field-field-dates-des-sessions,
    table.views-table thead tr th.views-field-title-1 {
        width: 80px;
        min-width: 80px;
    }
    div.view-onglets-responsive table.views-table thead tr th {
        font-size: 10px;
    }
    div#block-college-polytechnique-tableaux-thematiques table td {
        padding: 0;
        font-size: 11px;
    }
    body.page-programmes-courts tr td:first-child {
        width: 100%;
    }
    div.section > div.region > div.view-qui-sommes-nous- > div.view-header {
        width: 100%;
        float: none;
    }
    div.section > div.region > div.view-qui-sommes-nous- > div.view-content {
        margin-left: 0;
    }
    div.mobile.views-fieldset > div.views-field {
        margin-top: 10px;
    }
    div.views-field-title {
        font-family: 'Muli', regular;
        font-weight: normal;
        margin-top: 0;
    }
    body.page-programmes-courts div.views-row-onglets-responsive {
        margin-right: 0;
    }
    body.page-programmes-courts div.views-row-onglets-responsive span {
        vertical-align: middle;
        display: inline-block;
        line-height: normal;
    }
    #mobile div.liste-des-formations {
        padding: 10px;
    }
    ol.menu-tablette li.menu {
        width: 60px;
    }
    div.view-id-formations span.views-label,
    div.view-id-formations div.views-field-nothing-2 {
        font-weight: bold;
    }
    body.page-recherche h1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    body.page-recherche div#breadcrumb {
        margin-top: 10px;
    }
    div#header > div.section > h1{
        display: none;
    }
    div.view-moteur-de-recherche th,
    div.view-moteur-de-recherche td,
    div.view-moteur-de-recherche th.views-field-title:first-child,
    div.view-moteur-de-recherche td.views-field-title:first-child {
        display: none;
    }
    div.view-moteur-de-recherche .views-field-nothing-1 {
        display: block;
    }
    table.views-table thead tr th,
    table.views-table tbody tr td {
        text-indent: 0;
        padding: 5px;
    }
    body.page-qui-sommes-nous div.view-id-qui_sommes_nous_.view-display-id-lequipe_2016 div.views-row {
        width: 100%;
        height: 130px;
        display: block;
        margin: 0 0 10px 0;
    }
    body.page-qui-sommes-nous div.view-id-qui_sommes_nous_.view-display-id-lequipe_2016 div.views-row:nth-child(2n+1) {
        float: none;
    }
    body.page-qui-sommes-nous div.view-id-qui_sommes_nous_.view-display-id-lequipe_2016 div.views-row img {
        width: auto;
    }
    body.page-programmes div.liste-des-formations {
        border: none;
    }
    #block-college-polytechnique-homepage-footer .content {display: block;}
    div#block-college-polytechnique-telecharger-catalogues h3 {text-align: center; width: 100%;color: #fff;}
    div#block-college-polytechnique-telecharger-catalogues {display: inline-block; height: inherit;}
    div#block-college-polytechnique-telecharger-catalogues div.content {display: inline-block; background-color: transparent; }
    div#block-college-polytechnique-telecharger-catalogues div.content a {float: inherit !important; margin: auto !important;}
  	
	div.view-id-formations div#formation-intro div.texte a{color: #003a56;}
	div.view-formations div.corps-onglets img{width:100% !important;height:auto !important;}
	
	#custom-college-polytechnique-candidature input, form#custom-college-polytechnique-preinscription textarea, form#custom-college-polytechnique-candidature input[type="text"]:not(.error){
		width:100%;
	}

	#custom-college-polytechnique-candidature #objectifs div.form-item.form-item.form-type-textfield{
		width: 100%;
	}
	#custom-college-polytechnique-candidature div.form-item.form-item.form-type-textfield{
		width:100%;
		margin: 10px 1%;
		float: left;
	}
	
	#custom-college-polytechnique-candidature div.form-item.form-item.form-type-select {
		width:100%;
		margin: 10px 1%;
	}
	
	.page-programmes-diplomants div.view-id-programmes div.views-field-title a h2{font-size: 14px;}
	.page-programmes-certifiants div.view-id-programmes div.views-field-title a h2{font-size: 16px; margin: 0; padding: 5px 0 0;}
	.page-programmes-evenements div.view-id-programmes div.views-field-title a h2{font-size: 16px; margin: 0; padding: 8px 0 0;}
	
	div.thematiques-liste div.entete, div.view-id-programmes div.view-header p{    font-size: 13px;}
	#block-locale-language{display:none;}
	#custom-college-polytechnique-candidature div.form-item.form-item.form-type-select select{
		height: 30px;
		width:100%;
	}
	#custom-college-polytechnique-candidature input[type="file"]{
		width:70%;
	}
	#custom-college-polytechnique-candidature input[type="submit"]{
		width:30%;
		height: 30px;
	}
	
	/**/
	#custom-college-polytechnique-preinscription input[type="file"]{
		width:70%;
	}
	#custom-college-polytechnique-preinscription input[type="submit"]{
		width:30%;
		height: 30px;
	}
	
	#page-preinscription input, form#custom-college-polytechnique-preinscription  textarea, form#custom-college-polytechnique-preinscription  input[type="text"]:not(.error){
		width:100%;
	}
	
	#custom-college-polytechnique-preinscription #objectifs div.form-item.form-item.form-type-textfield{
		width: 100%;
	}
	#custom-college-polytechnique-preinscription div.form-item.form-item.form-type-textfield{
		width:100%;
		margin: 10px 1%;
		float: left;
	}
	
	#custom-college-polytechnique-preinscription div.form-item.form-item.form-type-select {
		width:100%;
		margin: 10px 1%;
	}
	
	#custom-college-polytechnique-preinscription div.form-item.form-item.form-type-select select{
		height: 30px;
		width:100%;
	}
	
	/* */
	body.page-actualites div.view-id-actualit_s div.view-id-taxonomie{padding: 2%;}
	
	.page-formations #sticky-wrapper div.view-formations  div.views-field-field-dates-des-sessions{
    width: 92%;
    margin-left: 1%;
    float: left;
    margin-top: 20px;
}
	
	
	
	ul.liste-autres-sites li{padding: 5px 0;text-indent: 5px;font-size: 13px;}
	div.view-id-formations h1{margin: 10px 0px 20px;}
	div.view-id-formations div#formation-intro{padding: 15px}
	ul.liste-autres-sites li a{font-size: 13px;}
	div.view-id-programmes table tr > td + td{border-left-width: 0px;padding: 0px;}
	div#block-college-polytechnique-tableaux-thematiques div.thematiques-liste h1{margin: 10px 0px 20px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    div#block-views-slider-block div.views-field-title a {
        margin-left: 10%;
        margin-top: -30px;
    }
}

/*@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, div#block-views-slider-block div.views-field-title a {
        margin-left: 10%;
    }
    *::-ms-backdrop, div#block-college-polytechnique-autres-sites {
        margin-left: 0;
    }
}*/

@media (max-device-width: 645px){

    .page-programmes-diplomants div.view-id-programmes table td {width: 50%;}

    .page-programmes-diplomants div.view-id-programmes div.views-field-title a h2 {font-size: 13px;}

/*    .fl-center{width: 15% !important;}*/

    div.boutons-ancre {display: none;}

    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /*#fl-banniere .fl-center,
    .translation..fl-center,
    #fl-body .fl-center,
    #fl-structure .fl-center,
    #fl-themes .fl-center{ 
        width: 100%!important;
    }
    .translation {
        width: 100%!important;
    }
    .translation > a {
        display: inline-block; 
    }
    div#fl-structure div.bloc,
    div#fl-structure-boutons div.bloc {
        padding: 0%;
    }*/

}