@media all and (max-width: 959px) {
    input {
        /*-webkit-appearance: none;*/
    }
    div.messages {
        width: 80%;
        margin: 0 auto;
    }
    div#breadcrumb,
    div#block-menu-menu-header-menu div.content,
    div#block-college-polytechnique-logo div.content,
    div#navigation ul#main-menu,
    div#main,
    div#surfooter div.region,
    div#footer div.content,
    div#block-views-slider-block div.view-content {
        width: 100%;
        padding: 0;
    }
    #content {
        padding: 0;
    }
    div.region > div.view-id-formations > div.view-content {width: 100% !important; float: none;}
    div.view-id-formations div#formation-intro div.texte {width: 96%; padding: 2%;}
    div.view-id-formations div#formation-intro div.image {width: 96%; padding: 2%;}
    div#main {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
	
	#block-menu-menu-footer-menu {
		float: left;
		display: block;
		width: 70%;
	}
	div#block-college-polytechnique-autres-sites {
    /* margin-right: 3% !important; */
		width: 30%;
		float: left;
		height: inherit !important;
		margin-left: 0px;
	}
	
	div#block-college-polytechnique-social-bar div.label-partage, div#block-college-polytechnique-social-bar--2 div.label-partage{margin: 0 13px;}
	
	
    div.view-id-formations div.view-footer {position: initial !important;}
    div#block-menu-menu-header-menu,
    div#block-system-user-menu,
    div#navigation ul#main-menu {
        display: none;
    }
    div#block-menu-menu-header-menu {
        margin: 0 auto; 
        padding: 0 0 0 10px; 
        display: block;
    }
    div#block-system-user-menu,
    div#block-college-polytechnique-moteur-de-recherche {
        left: initial;
        right: 10px;
    }
    div#block-locale-language {
        
        background-color: transparent;
        margin-left: 0;
        right: 0;
    }
    div#block-college-polytechnique-moteur-de-recherche {
        display: none;
    }
    div#block-locale-language ul.language-switcher-locale-url {
        float: right;
        margin-right: 10px;
    }
/*    div#block-college-polytechnique-moteur-de-recherche {
        width: 85px;
        height: 55px;
        background: transparent;
        top: 185px;
        right: 340px;
    }
    div#block-college-polytechnique-moteur-de-recherche h2 {
        background: none;
        font-size: 14px;
        color: #003a56;
        font-family: 'mulilight';
    }*/
    div#block-views-slider-block {
        padding: 0;
        border: 0;
        margin-bottom: 0;
    }
    div#block-views-slider-block div.view-content div.views-row img {
        width: 50%;
        height: auto;
    }
    div#block-views-slider-block div.view-content div.views-row {
        width: auto;
        /*height: 50%;*/
    }
    div#block-views-slider-block ul.slider-nav {
        top: 370px;
        right: 10px;
        left: initial;
    }
    div#block-views-slider-block div.views-field-title a {
        right: 20px;
        top: 260px;
    }
    div.liste-des-formations div.views-field-title a,
    div#block-college-polytechnique-tableaux-thematiques div.liste-des-formations div.views-field-title a {
        color: black;
        text-decoration: none;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row,
    div#block-views-thematiques-block-1 div.view-content div.views-row:first-child {
        width: 19%;
        margin: 0;
        padding: 0;
        font-size: 15px;
        margin-left: 1%;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row:first-child {
        margin-left: 0;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-field-field-taxo-image img {
        max-width: 36px;
        height: auto;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-field-field-taxo-image {
        width: 100%;
        height: 145px;
    }
    div#block-views-thematiques-block-1 div.view-content div.thematiques-programmes-image-wrap {
        width: 75px;
        height: 75px;
        line-height: 100px;
        margin-top: 7px;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row div.views-field-name a {
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
    div#block-views-slider-block-1 {
        width: auto;
        margin: 0;
        padding-left: 10px;
    }
    div#block-college-polytechnique-telecharger-catalogues {
        width: 100%;
        margin: 0px auto;
        padding-right: 0px;
        line-height: 65px;
    }
    div#block-college-polytechnique-prochaines-sessions {
        width: 58%;
        float: left;
        margin-right: 2%;
    }
    div#block-college-polytechnique-telecharger-catalogues h3 {
        width: 50%;
        line-height: 85px;
    }
    div#block-college-polytechnique-telecharger-catalogues div.content a {
        margin-left: inherit;
        margin-right: 10px;
        margin-top: 15px;
    }
    div#block-college-polytechnique-telecharger-catalogues div.content {
        width: 100%;
        margin-left: inherit;
    }
    div#block-menu-menu-footer-menu ul.menu li a {
        font-size: 11px;
    }
    div#footer ul.menu {
        margin-left: 10px;
    }
    .item-list ul li {
        margin-left: 10px;
    }
    .item-list .pager {
        float: right;
    }
    div#block-views-thematiques-block-1 div.view-content div.views-row {
        height: 145px;
    }
    div#block-views-thematiques-block-1 div.view-content {
        height: 170px;
    }
    div#surfooter {
        height: 260px;
        padding-left: 0px;
        display: table !important;
        padding: 2% !important;
    }
    .breadcrumb {
        padding: 0 10px 0.5em 10px;
    }
    .item-list ul.pager {
        margin-bottom: 30px;
    }
    body {
        overflow-x: hidden;
    }
    body.page-actualites- div.views-field-field-image img,
    body.page-telechargements-catalogues div.catalogues-cadre img {
        width: 100%;
    }
    body.page-telechargements-catalogues div.catalogues-cadre {
        width: 43%;
    }
    body.page-telechargements-catalogues div.catalogues-cadre.odd {
        margin-right: 2%;
    }
	
	body.page-node-22 div#node-22{width:50%;}
	
    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: 94%;
    }
    div.view-formations.view-display-id-page_1 > div.view-content {
        width: 100%;
        float: none;
    }
    div.view-formations div.view-footer {
        width: 100%;
        margin: 0;
    }
    div.view-id-formations div.views-field-field-banniere img {
        width: 100%;
    }
    div.date-des-sessions {
        width: 28%;
		margin: 0 1% 0 4%;
		float: left;
		margin-top: 20px;
    }
    div.vous-avez-des-questions- {
        width: 30%;
        margin-left: 1%;
        float: left;
        margin-top: 20px;
    }
	div.view-id-formations div.view-footer div.views-field-field-contact-prenom-et-nom{
		background-color: #F6F6F6;
	}
	body.page-formations div.view-footer > div.view-id-formations div.field-content{
		margin-top: 0px;
	}
    div.view-formations div.view-footer div.views-field-field-formations-associees {
        width: 30%;
        margin-left: 1%;
        float: left;
        margin-top: 20px;
    }
	div.view-id-formations div.view-footer div.views-field-field-formations-associees span.views-label{    margin-top: 5px;}
	
    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 15px 0;
        margin: 0;
    }
	div.view-formations div.view-footer div.date-des-sessions div.views-field.views-field-field-candidature, div.view-footer div.view-formations.view-id-formations div.date-des-sessions div.views-field-field-fichier-pdf, div.view-footer div.view-formations.view-id-formations div.date-des-sessions div.views-field-nothing {
        padding: 0 0 0px 0;
        margin: 8px 0;
		width:100%;
		height: auto;
    }
    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, div.view-footer div.view-formations.view-id-formations div.date-des-sessions div.views-field-nothing a{
        width: 100%;
		height: auto;
		margin: 0;
    }
    div.view-id-formations span.views-label {
        font-size: 20px;
    }
	
	form.webform-client-form-22 select{width: 95%;}
	
	
	#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 input[type="checkbox"]{
		width:5%;
	}
	#custom-college-polytechnique-candidature input[type="file"]{
		width:50%;
	}
	#custom-college-polytechnique-candidature input[type="submit"]{
		width:20%;
		height: 30px;
	}
	#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:48%;
		margin: 10px 1%;
		float: left;
	}
	
	#custom-college-polytechnique-candidature div.form-item.form-item.form-type-select {
		width:100%;
		margin: 10px 1%;
	}
	
	#custom-college-polytechnique-candidature div.form-item.form-item.form-type-select select{
		height: 30px;
		width:48%;
	}
	
	#custom-college-polytechnique-candidature label{
		padding-bottom: 4px;
	}
	
	#custom-college-polytechnique-candidature legend .fieldset-legend {
		background-color: white;
	}
	
	#custom-college-polytechnique-candidature .clearfix {
		content: "";
		display: none;
		clear: both;
	}
	#custom-college-polytechnique-candidature .clearfix:after {
		display:none;
	}
	
	/**/
	
	#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 input[type="checkbox"]{
		width:5%;
	}
	#custom-college-polytechnique-preinscription input[type="file"]{
		width:50%;
	}
	#custom-college-polytechnique-preinscription input[type="submit"]{
		width:20%;
		height: 30px;
	}
	#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:48%;
		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:48%;
	}
	
	#custom-college-polytechnique-preinscription label{
		padding-bottom: 4px;
	}
	
	#custom-college-polytechnique-preinscription legend .fieldset-legend {
		background-color: white;
	}
	
	#custom-college-polytechnique-preinscription .clearfix {
		content: "";
		display: none;
		clear: both;
	}
	#custom-college-polytechnique-preinscription .clearfix:after {
		display:none;
	}/* */
	div.thematiques-liste div.entete, div.view-id-programmes div.view-header p{font-size: 12px;}
	
	div.thematiques-liste div.entete img, div.view-id-programmes div.view-header img{width:45%;    height: auto;}
	
    div.views-field-field-banniere-1 img,
    div.view-id-programmes img,
    div#block-college-polytechnique-tableaux-thematiques img {
        width: 100%;
        height: auto;
    }
    div.view-id-programmes div.views-field-field-nouveaut- img {
        width: 30px;
    }
/*    div.view-id-programmes div.view-id-thematiques div.views-row {
        width: 100%;
        border: none;
        margin-bottom: 10px;
    }*/
/*    div.view-id-programmes div.view-id-thematiques div.views-row-even {
        float: right !important;
        margin-bottom: 10px;
    }*/
/*    div.view-id-programmes div.view-id-thematiques a {
        font-size: 20px;
    }*/
    td.views-field-field-dates-des-sessions ol li > a {
        display: none;
    }
    div.pre-views-table-responsive {
        display: none;
    }
    div.view-onglets-responsive > div.views-row-onglets-responsive {
        display: block;
        max-width: none;
        font-size: 18px;
        height: 55px;
        line-height: 55px;
        background-image: url('images/tablette-fleche-bas.png');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-color: white;
        color: #002d43;
    }
	
	div.thematiques-liste ul.formations ul li div.infos > div.mail{
		font-size: 11px;
	}
	
    div.autres-sites,
    ul.liste-autres-sites {
        padding-right: 0;
        width: 205px;
        text-indent: -170px;
    }
    div.view-onglets-responsive > div.views-row-onglets-responsive.active {
        background-image: url('images/tablette-fleche-haut.png');
        background-color: #002d43;
        color: white;
    }
    div#block-college-polytechnique-tableaux-thematiques > div.content > div.view-onglets,
    div#block-college-polytechnique-tableaux-thematiques > div.content > div.pre-views-table,
    div#block-college-polytechnique-tableaux-thematiques > div.content > div.pre-views-table.open-0 {
        display: none;
    }
    div#block-college-polytechnique-tableaux-thematiques div.view-onglets-responsive,
    div#block-college-polytechnique-tableaux-thematiques div.pre-views-table-responsive.open-0 {
        display: block;
    }
    div#navigation {
        display: none;
    }
    ol.menu-tablette {
        width: 96%;
        height: 70px;
        /*background-color: #d4e8ef;*/
        background-color: #009ca6;
        /*background-color: #6dccbb;*/
        color: white;
        padding: 0 2% !important;
    }
    ol.menu-tablette li {
        width: 100px;
        height: 70px;
        background-repeat: no-repeat;
        background-position: top 15px center;
        text-align: center;
        line-height: 110px;
        margin: 0;
        cursor: pointer;
    }
    ol.menu-tablette li.menu {
        background-image: url('images/tablette-menu.png');
        float: left;
        width: initial !important;
    }
    ol.menu-tablette li.rechercher {
        background-image: url('images/tablette-loupe.png');
        float: right;
       
    }
	#block-locale-language{display:none;}
    ol.menu-tablette li.compte {
        background-image: url('images/tablette-tete.png');
        float: right;
		display:none;
    }
    div#block-college-polytechnique-menu-tablettes {
        display: block;
    }
    div#block-college-polytechnique-menu-tablettes a {
        width: 100%;
        height: 40px;
        display: block;
        text-decoration: none;
        color: inherit;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 div.views-exposed-widget.views-submit-button {
        float: none;
        text-align: center;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 div.views-exposed-widget.views-submit-button input {
        margin-top: -5px;
    }
    div#block-college-polytechnique-logo {
        padding-left: 10px;
    }
    div#navigation {
        height: auto;
    }
    div#navigation ul#main-menu {
        display: block;
    }
    div#navigation ul#main-menu li {
        width: 100%;
        display: block;
        text-align: left;
        height: 40px;
        line-height: 40px;
        padding: 0;
        text-indent: 10px;
        border: 0;
    }
    div.region.region-footer {
        width: 100%;
        line-height: inherit !important;
    }

    div#block-college-polytechnique-moteur-de-recherche > div.content,
    ul.liste-autres-sites {
        width: 170px;
        padding-right: 0;
    }
    ul.liste-autres-sites {
        margin-left: -210px;
        width: 420px;
    }
/*    div.view-id-programmes div.view-id-thematiques div.views-field-name span.field-content a {
        width: auto;
    }*/
    div#block-college-polytechnique-moteur-de-recherche h2,
    div.autres-sites,
    div#block-college-polytechnique-moteur-de-recherche > div.content {
        padding-right: 0;
        width: 210px;
    }
    div#block-college-polytechnique-contact-texte {
        width: 49%;
    }
	div#block-college-polytechnique-contact-texte img {
        width: 99% !important;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 input[type=text] {
        width: 60px;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 input[type=text]#edit-combine {
        width: 160px;
    }
    form#views-exposed-form-moteur-de-recherche-page-1 div#edit-field-dates-des-sessions-value-wrapper {
        width: 160px;
    }
    div#edit-field-dates-des-sessions-value-1-wrapper label {
        width: 30px;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 div#edit-field-dates-des-sessions-value-1-wrapper {
        width: 150px;
    }
    form#views-exposed-form-moteur-de-recherche-page-1 input[type=submit] {
        width: 170px;
    }
    div#main-wrapper form#views-exposed-form-moteur-de-recherche-page-1 div.views-exposed-widget.views-submit-button input {
        margin-left: 30px;
    }
    div.view-onglets-responsive th.views-field-field-dates-des-sessions {
        min-width: 150px;
    }
    div.view-onglets-responsive th.views-field-title-1 {
        min-width: 100px;
    }
    div#block-views-slider-block ul.slider-nav li {
        width: 20px;
        height: 20px;
        border-radius: 20px;
    }
    div#block-college-polytechnique-slogan {
        left: 500px;
    }
    div#block-views-slider-block-1 div.views-field-field-image img {
        width: 100%;
        height: auto;
    }
    body.page-programmes div.liste-des-formations {
        border: none;
    }
    body.page-programmes div.liste-des-formations div.views-field-nid {
        display: none;
    }

    /* HEADER */

    #block-search-form {display: none !important;}


    /* ACCUEIL */

    div.homepage-articles div.image {max-width: 272px !important; width: 100% !important;}

    /* FOOTER */

    #block-college-polytechnique-homepage-footer .content {display: inline-block;}
    div#block-menu-menu-footer-menu ul.menu {margin-left: 0 !important; width: 50% !important;}
    div#block-views-blocs-r-seaux-sociaux-block-1 {margin-left: 0 !important; width: 207px !important; margin-top: inherit !important;}
    #footer {display: inline-block; width: 96%; padding: 2% !important;}
    #backtotop {display: none !important;}
    div#block-college-polytechnique-autres-sites.contextual-links-region {position: inherit;}
    .autres-sites {width: 96% !important; text-indent: 0 !important; text-align: left !important; padding-left: 10px !important;}
    div#block-college-polytechnique-homepage-footer ul li p {margin-top: 0 !important;padding: 0px 2px;}
    div.homepage-encarts a#encart-1 {width: 100%;    margin-bottom: 3px;}
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%;}
.homepage-paragaphes {display: inline-block !important;}


div#telecharger_liste, div#telecharger_plaquette_liste, div#telecharger_valide{
    width: 40%;
}

div#telecharger_formulaire{
	width: 38%;
    float: left;
    padding-left: 10px;
}
div#telecharger_plaquette_formulaire{
	width: 100%;
    float: left;
    padding-left: 10px;
}

div#telecharger_plaquette_formulaire p input{
	width: 88%;
    border: 0px inset;
    padding: 2px 5px;
    margin-right: 8px;
}
div.telecharger_plaquettes{
	margin: 19px 0px 0px 100px;
}
 div.telecharger_catalogues{
	margin: 19px 0px 0px 59px;
}

div.homepage-articles div.titre a{
	margin: 20px 0px;
}

div.view-id-actualit_s select#select-archive{
	margin: 10px 0 10px 0;
}

div.view-id-actualit_s div.view-display-id-block ul li li div.views-field-tid{margin-left: 8px;}

#search-form .form-submit {margin : 15px 0px; height:30px;padding:5px 8px;}

#search-form label {padding : 5px 0px 15px; }
#search-form input[type="text"] {padding : 5px 0px;height:30px; margin-top: 8px;}

.page-programmes-contenu div.view-id-thematiques .views-row{width: 46%;}
.page-programmes-contenu div.view-id-thematiques a{font-size: 22px;}
	div.homepage-encarts a#encart-1 div.encart{border:none;}
div.homepage-encarts div.description div.title{    font-size: 15px;}
div.homepage-paragaphes ul li:first-child{margin-right: 3%;margin-left: 1%;}

body.page-actualites div.view-id-actualit_s div.view-content .views-field-field-image img{width: 100%;}
body.page-actualites div.views-field-body{margin: 5px 0 5px 0;font-size: 14px;float: left;
    width: 56%;}
body.page-actualites div.views-field-name{font-size: 13px;float: left;    width: 200px;}

div.view-id-actualit_s > div.view-content span.views-field-title{float: left;margin-right: 10px;width: 56%;}
div.view-id-actualit_s div.views-row{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: none;
    width: 100%;
    height: auto;
    float: left;
}
body.page-actualites div.views-field-created {
    font-size: 13px;
    float: left;
    margin-right: 5px;
    width: 70px;
}
body.page-actualites- div.views-field-created {
    font-size: 13px;
    float: left;
    margin-right: 5px;
    width: 170px;
}

body.page-actualites div.view-id-actualit_s div.view-content span.views-field-title a {
    font-weight: bold;
    font-size: 15px;
    color: #003a56;
    margin: 0px 0 8px;
    display: block;
    text-decoration: none;
}
	.page-formations #sticky-wrapper {float: left; width: 100%;height:auto !important;}

.page-formations #sticky-wrapper div.view-formations  div.views-field-field-dates-des-sessions{
    width: 30%;
    margin-left: 1%;
    float: left;
    margin-top: 20px;
}








}