/* Styles li�s aux diff�rentes dispositions de colonnes dans e-majine */

@media only screen and (min-width:1140px) {
    #header .nested {
        display: block;
    }

    .menuSelect {
        display: none;
    }
}

@media only screen and (max-width:950px) {
    .selectNbProducts,
    .TriResultats .sortResults {
        float: left;
        width: 100%;
    }

    .TriResultats .sortResults {
        margin-top: 10px;
    }
}

@media only screen and (max-width:850px) {
    .ContactHeader p,
    #header .ContactHeader a {
        width: 100%;
    }

    .ContactHeader {
        width: 50%;
        margin-top: 0;
    }

    .ContactHeader a .demande {
        width: 150px;
    }

    #header .ContactHeader a .icon- {
        margin-top: 0 !important;
    }

    .ContactHeader a {
        background-position: 15px 12px;
    }

    #header #logo {
        display: inline-block;
    }

    #header #logo a:first-child {
        text-align: center;
    }

    #header #logo a img {
        margin: 0 auto;
    }

    .baselineLogo {
        display: block;
        float: none;
        width: 80%;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
    }

    /*tunnel de commande*/

    #steps {
        width: 100%;
    }

    /*Page contact*/

    .contact #contents #formpersonnalise,
    .contact .form_creator_footer {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media only screen and (max-width:700px) {
    .gallery a,
    .gallery a:visited,
    .gallery a:active {
        width: 48.25% !important;
    }

    .galleryImgFicheProduit .gallery > a:first-child {
        width: 100% !important;
    }

    .galleryImgFicheProduit .gallery > a:nth-child(2n+1) {
        margin-right: 0;
    }

    /*lightbox*/

    .galleryImgFicheProduit .gallery > a,
    .galleryImgFicheProduit .gallery > a.dernierElems {
        display: none;
    }

    .galleryImgFicheProduit .gallery > a:first-child {
        display: block;
    }

    img {
        display: block;
        float: none;
        margin: 0 auto;
    }

    .widgetContact img {
        margin: 0;
    }

    .contact .form_creator_footer img {
        margin: 0;
        padding: 0;
        background: none;
    }

    .emplacementLastElem,
    .blocContenu2LigneClient {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    #footer .widgetLastElementsLink .widgetLastElementsDescription {
        width: 100%;
        margin: 5px 0 0;
    }

    #footer .widget.widgetText.widgetContact,
    #signature > p {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    .logoFooter {
        float: right;
    }

    .widgetContact p span {
        text-align: left;
    }
}

@media only screen and (max-width:670px) {
    #news #chapo img,
    #event #chapo img,
    #article #chapo img {
        float: left;
        margin: 0;
        max-width: 100%;
    }

    #news #chapo .chapoPicture,
    #event #chapo .chapoPicture,
    #article #chapo .chapoPicture {
        float: left;
        width: 100%;
        margin: 15px 0;
    }

    /*menu selct*/

    .menuSelect .icon- {
        width: 20%;
        padding: 12px 0 0 16px;
    }

    .menuAlt {
        width: 100%;
        height: 50px;
    }

    /**/

    /********************************
			Panier etape 2
			*********************************/

    .dejaClient,
    .Ligne > .dejaClient,
    .nouveauClient,
    .carnetAdresse .adresses {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .illustrPage {
        display: none;
    }

    /*.dejaClient h3, .nouveauClient h3{
				width:100%;
				padding:30px;
				display:block;
				float:left;
				cursor:pointer;
				margin:0;
			}
			.dejaClient h3 .icon-, .nouveauClient h3 .icon-{
				float:right;
				font-size:0.7em;
				margin-top:10px;
			}
			.cacheDejaClient, #subscribeform{
				padding:10px 30px 30px;
				border-top:1px solid #fff;
			}*/

    /********************************
			Panier etape 2
			*********************************/

    .address {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    /*boutique triresultats*/

    .TriResultats .selectNbProducts,
    .TriResultats .sortResults {
        width: 100%;
        line-height: 35px;
    }

    /*-------------------------
			invoice
			------------------------*/

    #accountOrderDetail table.FactureGeneral,
    #accountOrderDetail table.FactureGeneral > tbody,
    #accountOrderDetail table.FactureGeneral > tbody > tr,
    #accountOrderDetail table.FactureGeneral > tbody > tr > td {
        display: block;
        float: left;
        width: 100% !important;
        outline: none;
    }
}

@media only screen and (max-width:600px) {
    h1,
    .titreTypeH1 {
        font-size: 2em !important;
    }

    h2,
    .titreTypeH2 {
        font-size: 1.6em !important;
    }

    h3,
    .titreTypeH3 {
        font-size: 1.4em !important;
    }

    h4,
    .titreTypeH4 {
        font-size: 1.3em !important;
    }

    h5 {
        font-size: 1em !important;
    }

    h6 {
        font-size: 1em !important;
    }

    /**/

    h1 > .Tim {
        width: 28px;
        margin-top: 7px;
    }

    #footer .widgetLastElementsLink .widgetLastElementsDescription {
        width: 66.5%;
        margin: 0 0 0 3.5%;
    }

    /*toutyeslesactus*/

    #newsEventsList h2,
    #newsEventsList .date,
    #newsList .chapoPictureComment,
    #event_list h2,
    #event_list .date,
    #event_list .chapoPicture {
        width: 100%;
        margin-right: 0;
    }

    /*footer*/

    #footer .widget,
    #footer .nested {
        width: 100%;
        margin: 20px 0;
    }

    #footer .nested {
        padding-bottom: 20px;
        border-bottom: 2px solid #fff;
    }

    /*short product*/

    .short_product,
    .childrenSelector .short_product {
        width: 100%;
    }

    #produitsAssocies .short_product:nth-child(3) {
        display: block;
    }

    .short_product .pictureContainer {
        width: 100%;
        margin-right: 0;
    }

    .shortProductContainerText {
        width: 100%;
    }

    .specialRate.new,
    .new {
        padding: 0 5px;
    }

    .specialRate.new .chapo,
    .new .chapo,
    .new .icon- {
        font-size: 0.7em;
    }

    .specialRate.new {
        top: 0;
        right: 0;
    }

    .new {
        top: 0;
        left: 0;
    }

    .short_product .addToCart {
        margin-top: 0;
    }

    .widgetProduits .short_product:nth-child(3) ,
    .produitDuPartenairesShort .short_product:nth-child(3) {
        display: block;
    }

    /*******************/

    /*etape1 panier*/


    .texteShipping .shippingLabel,
    .texteShipping .shippingLabel input,
    .texteShipping .shippingLabel label {
        float: none;
        text-align: left;
    }

    .shippingAmount {
       
        text-align: right;
        font-size: 1.2em;
    }

    .coupon .Pointille {
        display: none;
    }

    .texteCoupon,
    .cart .coupon .couponInput input,
    .coupon .submit,
    #wrapper .coupon .submit input {
        float: left;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .couponInput {
        float: left;
        width: 100%;
        margin: 5px 0 0;
    }

    /*etape3 addresses*/

    .row.adresses,
    .row.adresses.adresses1 {
        width: 100%;
        margin-right: 0;
    }

    #wrapper .btn.btnok,
    #wrapper .btn.btnchange,
    #wrapper .btn.btnimprim,
    #wrapper .btn.btnretour {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
        text-align: center;
    }

    /*********************************/

    /*      PA                       */

    .multi_radio,
    .multiRadio,
    .multi_checkbox,
    .multiCheckbox {
        width: 48.25%;
    }

    .annuaireInfoContact,
    .annuaireEntreprise {
        width: 100%;
        margin-right: 0;
    }

    .annuaireContact .annuairePhotoContact,
    .annuaireLogoFiche {
        width: 60%;
        margin: 0 20% 20px;
    }

    .infosSupplAnnuaireInfos1,
    .infosSupplAnnuaireInfos2 {
        width: 100%;
        margin-right: 0;
    }

    span.addAdsChooseFormuleDuree .labeladdAdsChooseFormulePrix,
    span.addAdsChooseFormuleDuree strong {
        float: left;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    /***********************/

    /* forum                 */

    /************************/

    .edittopic #post_form .row.topicType .groupMultiRadio .multiRadio {
        width: 100%;
    }

    #chapoList .short_product .titreTypeH3 {
        height: auto;
    }
}

@media only screen and (max-width:550px) {
    #formArboSelect.demiPage,
    .widgetRecherchePA,
    .deposerAnnonce,
    #leftbar .widget {
        width: 100%;
        margin-left: 0;
    }

    #leftbar .widget.box_predefined_cat_search.filtreHome {
        width: 440px;
    }

    .filtreHome {
        margin-bottom: 0;
    }

    #adsPresentation .categoryPicture,
    #adsPresentation .categoryDescription {
        float: left;
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width:500px) {
    .widgetLastElements .news,
    .widgetLastElements .news:last-child {
        width: 100%;
        height: auto;
        margin: 10px 0;
        padding: 0;
    }

    .widgetLastElementsDescription {
        margin-bottom: 10px;
    }

    #footer .widgetShortcutTools {
        float: right;
        width: 46%;
    }

    /*footer Surbloc*/

    #footer .SurFooter .blocsFooter1 ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    #footer .SurFooter .blocsFooter2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #fff;
    }

    #footer .SurFooter .blocsFooter2 a {
        min-height: 100px;
    }

    #footer .SurFooter .widget.blocsFooter3 {
        width: 100%;
    }

    /**/

    .serviceClient li {
        width: 100%;
        margin: 5px 0;
        text-align: left;
    }

    .serviceClient li a .icon- {
        width: auto;
        margin-right: 8px;
    }

    .widgetLastElements .widgetLastElementsPicture {
        height: 294px;
    }
}

@media only screen and (max-width:425px) {
    .gallery a,
    .gallery a:visited,
    .gallery a:active {
        width: 100% !important;
        margin-right: 0;
    }

    #signature > p {
        width: 100%;
    }

    #footer #signature .agenceI {
        width: auto;
    }

    /*******************/

    /*etape1 panier*/

    .amountTotalPanier {
        padding: 30px 0;
    }

    #wrapper .submitPanier > input {
        float: left;
        width: 100%;
        margin: 15px 0 0;
        padding: 15px;
    }

    #wrapper .submitPanier > input.deleteSubmit {
        margin-left: 0;
    }
}

@media only screen and (max-width:400px) {
    #payment_module .payment_moduleRow {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .adsEntrySummary img,
    #directory .adsEntrySummaryA .logoAnnuaireResume {
        float: left;
        max-width: 33%;
    }

    #ads .membreTexte,
    #directory .adsEntrySummaryA .membreTexte {
        width: 66%;
    }

    .adsEntrySummary .addsNom,
    .addsNom {
        font-size: 1.1em;
    }

    #ads .membreTexte p,
    #directory .adsEntrySummaryA .membreTexte p {
        padding: 0;
    }

    #ads .membreTexte h3,
    #directory .adsEntrySummaryA .membreTexte h3 {
        padding-bottom: 5px;
        line-height: 100%;
    }

    /*boutique aside*/

    #sort_form fieldset .sortRow:first-child {
        margin-right: 0;
    }

    /*form*/

    .rowRowDate .rowDate > a.DateForm {
        width: 20%;
    }

    .rowRowDate .rowDate > input {
        width: 80%;
    }

    .row > .rowFile,
    .row input[type="file"] {
        width: 100%;
    }

    .rowRowFile label {
        margin-top: 0;
        margin-right: 0;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width:768px) and (max-width:1139px) {
    #wrapperInner aside#leftbar .widget,
    #wrapperInner aside#rightbar .widget {
        font-size: 0.9em;
    }

    #wrapperInner aside#leftbar .widget .titreTypeH4,
    #wrapperInner aside#rightbar .widget .titreTypeH4 {
        font-size: 1.4em;
    }

    table.calendar {
        font-size: 0.6em;
    }

    table.calendar caption {
        font-size: 1.8em;
    }
}