@charset "UTF-8";
/* CSS Document */
.responsive {
  display: none;
}
a#menu.responsive, a#sidebar.responsive {
  width: 38px;
  height: 30px;
  position: absolute;
  top: 10px;
}
a#menu.responsive {
  background: transparent url(images/menu.png) no-repeat;
  left: 10px;
}
a#sidebar.responsive {
  background: transparent url(images/side.png) no-repeat;
  right: 10px;
  display: none;
}

@media screen and (min-width: 800px) and (max-width: 834px) {
    div#motto {
        margin-top: -35px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 960px) {
    div#catmenu {
        position: relative !important;
    }
    
}

@media screen and (min-width: 599px) {
  div#phonememu {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 413px) {
  div#phonememu {
    /*background: green !important;*/
    transform: scale(0.9);
    margin-top: -36px !important;
    margin-left: -13px !important;
  }
}


@media screen and (min-width: 320px) and (max-width: 480px) {
  div#phonememu {
    position: fixed;
    width: 80%;
    /*bottom: 0;*/
    height: auto;
    background: #183A8D;
    z-index: 999;
    margin-left: 8px;
  }
  div#phonememu tr.border-bottom td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
  }
  div#phonememu .icontext {
      text-align: left;
    font-size: 1.0em;
    font-weight: 600;
      text-transform: uppercase;
    color: #fff !important;
  }
  div#nav.responsive div#shoppingcontainer {
    right: 5px !important;
  }
  #nav #prosvetalogo {
    display: block;
    margin-left: 64px !important;
  }
  div#zonetopmobile {
    float: left;
    /*left: 5px !important;*/
    /*margin-top: -12px !important;*/
    /*line-height: 1.3em !important;*/
    padding-top: 7px !important;
    background: #f5f5f5;
    /*width: 180px;*/
    height: 20px;
    width: 100%;
    margin-top: 4px;
  }
  div#zonetopmobile div#compte {
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.2em;
    margin-left: 0px;
    width: auto;
    height: 50px;
    vertical-align: middle;
    text-align: left;
  }
  div#zonetopmobile div#langue {
    display: inline-block;
    /*margin-left: 0px;
        margin-top: 0px;*/
    /*line-height: 1.3em;*/
    text-align: center;
    width: auto;
    vertical-align: top;
    padding-left: 20px;
  }
  div#catmenu {
    top: 77px !important;
      z-index: 0 !important;
  }
  div#baninfos {
    margin-top: 76px !important;
  }
  div#meditmois ul#meditnav {
    padding-bottom: 50px;
  }
  div#meditmois ul#meditnav li {
    padding: 5px !important;
  }
}









@media screen and (min-width: 320px) and (max-width: 359px) {
    div#nav.responsive div#carticon {
    margin-right: 115px !important;
  }
  div#phonememu {
    margin-top: -10px;
    margin-left: -13px !important;
  }

  div#phonememu table td {
    padding: 4px 0px;
  }
  div#phonememu table td img {
    transform: scale(0.75);
  }
    
    
    
    #addProductForm button {
        width: 115px !important;
    }
    .order input#password, .order input#confirm_password {
    width: 180px !important;
    }
    .order form#connect label {
        text-align: left !important;
        /*margin-left: 0.8em !important;*/
    }
    #contenu .order input#keepconnected {
        margin-left: 40px !important;
        width: 40px;
    }
    #contenu .order label#labelkeepconnected {
        margin-left: 0px !important;
        margin-top: 9px !important;
    }
    .order .block_bc {
        width: 267px !important;
        margin-top: 36px !important;
    }
    
    .order_4 div#addresses #invoice, div#addresses #delivery {
        margin: 0px !important;
        padding: 0px !important;
    }
    
    .order_4 div#explain {
        margin-top: -55px !important;
    }
    
     .order_4 div#explain p#title {
       font-size: 1.1em;
    }
    
    .order_4 form#form_cb {
        height: 340px !important;
    }
    .order_4 form#form_cb .cards {
        display: inline;

        /*float: right;*/
    }
    .order_4 form#form_cb .cards li {
        margin: 10px 10px 0px 10px;
    }
    
    .order_4 #form_cb input {
        height: 30px !important;
    }
    .order_4 #form_cb input:focus {
        height: 30px !important;
    }
    
    .order_4 #form_cb input, textarea #card_control {
        margin-left: 10px !important;
        
    }
    
    .order_4 #form_cb select#card_month {
        margin-left: -75px !important;
    }
    .order_4 #form_cb input#card_control {
        margin-left: -75px !important;
        width: 50px;
    }
    .order_4 form#form_cb #explain {
        float: left !important;
        width: 90% !important;
    }
    
    .order_4 form#form_cb button {
        margin-left: 80px !important;
        margin-top: 15px !important;
    }
    .order_4 div#container table#cart {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 360px) and (max-width: 375px) {
  .order .block_bc {
    /*margin-left: 0.5% !important;*/
      margin-top: 30px !important;
  }
  .order_0 table#cart {
    margin-left: 0px !important;
  }
  .order form#connect label {
    text-align: left;
    margin-left: 10px;
  }
    .order input#password, .order input#confirm_password {
        width: 180px !important;
    }
   .order input#keepconnected {
    margin-left: 40px !important;
    width: 40px;
  }
  .order label#labelkeepconnected {
    margin-left: 0px !important;
    margin-top: 9px !important;
  }
    .order_4 .block_bc {
	/*margin-top: 0px !important;*/
    }
    
    .order4 div#addresses #invoice, .order4 div#addresses #delivery {
    padding-top: 0px !important;
        margin-top: 0px !important;
margin-bottom: 0px !important;
    }
    .order_4 form#form_cb {
        height: 340px !important;
    }
    
    .order_4 form#form_cb .cards {
    display: block;
        margin-left: 0px !important
    /*float: right;*/
  }
  .order_4 form#form_cb .cards li {
    /*margin: 10px 10px 0px 10px;*/
  }
    .order_4 #form_cb input#card_control {
        margin-left: -40px !important;
    }
    
    .order_4 #form_cb input {
        height: 30px !important;
    }
    
    .order_4 #form_cb input:focus {
        height: 30px !important;
    }
    
    .order_4 div#explain {
        margin-top: -65px !important;
    }
    
    .order_4 form#form_cb #explain {
    float: left !important;
    margin: 5px 0px 0px 10px !important;
    width: 95% !important;
    }
    
    .order_4 form#form_cb button {
        margin-left: 95px !important;
margin-top: 10px !important;
    }
   
}

@media screen and (min-width: 360px) and (max-width: 375px) {
     .order_4 #form_cb input#card_number {
    /*background: yellow !important;*/
}
    
}

@media screen and (min-width: 376px) and (max-width: 480px) {
    .order .block_bc {
        margin-top: 50px !important;
    }
    
    
    div#addresses #invoice, div#addresses #delivery {
        padding-top: 0px !important;
        margin-top: 0px !important;
margin-bottom: 0px !important;
    } 
    
    .order_4 #form_cb input {
        height: 30px !important;
        margin-left: -35px !important;
    }
    
       .order_4 #form_cb input:focus {
        height: 30px !important;
    }
    
    .order_4 div#explain {
        margin-top: -90px !important;
}
    .order_4 table#cart {
        margin-top: 0px !important;
    }
    
}

@media screen and (min-width: 360px) and (max-width: 480px) {
  div#phonememu {
    margin-left: 0px;
    margin-top: -11px;
  }
  div#phonememu table#tablemenu td {
    padding: 4px 0px !important;
  }
  div#phonememu table#tablemenu td img {
    transform: scale(0.7) !important;
  }
}


@media screen and (min-width: 600px) and (max-width: 960px) {
	div#sidebarright {
	display: none;
	}		    
	}

@media screen and (min-width: 800px) and (max-width: 960px) {
        div#header {
        height: 160px !important;
    }
}

@media screen and (min-width: 814px) and (max-width: 960px) {

    div#mainmenu {
        height: 70px !important;
        margin-top: -28px !important;
    }
    a.mainmenu {
        font-size: 1.15em !important;
    }
}

@media screen and (width: 800px) {
    div#mainmenu {
        margin-top: -33px !important;
    }
}


@media screen and (width: 768px) {
    div#mainmenu {
        margin-top: -2px !important;
    }
}


@media screen and (width: 600px) {
    div#catmenu {
    top: 40px !important;}
    
    div#baninfos {
        margin-top: 40px !important;
    }
    div#mainmenu {
        height: 70px !important;
        margin-top: -2px !important;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 800px) {
div#mainmenu {
        height: 60px !important;
    }
    
}


@media screen and (min-width: 600px) and (max-width: 800px) {
    
    
    
    a.mainmenu {
        font-size: 1.1em !important;
    }
}

/*NEW MEDIA SCREEN 600PX ---> START */
			@media screen and (min-width: 600px) and (max-width: 767px) {
			    
			  body {
			      width: 100% !important;
			    }
			    
			    div#bandeau {
			        width: 100% !important;
			        background-size: 600px !important;
			        background-position: 0px 10px !important;
			    }
			    div#zonetop {
			        right: 427px !important;
			        margin-top: -25px;
			    }
			    div#shoppingcontainer {
			        left: 490px !important;
			    }
			    div#carticon {
			    margin-right: 550px !important;
			    }
			    div#search {
			        top: 80px !important;
			        left: 85px !important
			    }
			    div#bandeaumenu {
			        width: 100% !important;
			    }
			    /*div#mainmenu {
			        height: 60px !important;
			    }*/
			    a.mainmenu {
			        line-height: 2.4em;
			    }
			    
			    div#product h1 {
			        line-height: 1.2em;
			    }
}
			
			@media screen and (min-width: 768px) and (max-width: 960px) {
			   body {
			      width: 100% !important;
			    }
			    
			    div#bandeau {
			        width: 100% !important;
			        background-size: 800px !important;
			        background-position: 0px 6px !important;
			    } 
			      div#search {
			        top: 80px !important;
			        left: 96px !important
			    }
			    div#zonetop {
			        right: 260px !important;
			        top: 25px !important;
			    }
			    div#shoppingcontainer {
			        left: 658px !important;
			    }
			    div#carticon {
			    margin-right: 380px !important;
			    }
			        div#bandeaumenu {
			        width: 100% !important;
                       /* margin-top: -34px !important;*/
			    }
			     div#mainmenu {
			        /*height: 50px !important;*/
			    }
			    a.mainmenu {
			        line-height: 2.0em;
			    }
			    div#catmenu {
			        /*top: 58px !important;*/
                    top: 0px !important;
			    }
			    
			}
			
			@media screen and (width: 800px) {
			   div#zonetop {
			        right: 228px !important;
			    }
			    div#shoppingcontainer {
			        left: 695px !important;
			    }
			    div#carticon {
			    margin-right: 350px !important;
			    } 
			}
			
			@media screen and (width: 834px) {
			   div#zonetop {
			        right: 190px !important;
			    }
			    div#shoppingcontainer {
			        left: 730px !important;
			    }
			    div#carticon {
			    margin-right: 318px !important;
			    } 
			}
@media screen and (width: 600px) {
    a.mainmenu {
        font-size: 1.0em !important;
    }
    
}




/*MEDIASCREEN MAX-WIDTH 960PX ---> START*/
@media screen and (max-width: 599px) {
  .responsive {
    display: block;
  }
  /*html {
        font-size: 80%;
    }*/
  div#footer div#newsletter .subscribe_button #subscribeValide {
    border: 1px solid #EB773B !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton.jpg') !important;
    background-size: cover !important;
  }
  form#nextstep input[type="submit"] {
    border: 1px solid #EB773B !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton.jpg') !important;
    background-size: cover !important;
  }
  input#delete.order {
    border: 1px solid #EB773B !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton.jpg') !important;
    background-size: cover !important;
  }
  p input[type="submit"] {
    border: 1px solid #EB773B !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton.jpg') !important;
    background-size: cover !important;
  }
  form#nextstep #btn-withoutaccount.button {
    border: 1px solid #183A8D !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton2.jpg') !important;
    background-size: cover !important;
    background: #183A8D;
  }
  div#addresses input {
    border: 1px solid #183A8D !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton2.jpg') !important;
    background-size: cover !important;
    background: #183A8D;
  }
  input#btn-next {
    border: 1px solid #EB773B !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton.jpg') !important;
    background-size: cover !important;
  }
  input.button_submit {
    border: 1px solid #EB773B !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton.jpg') !important;
    background-size: cover !important;
  }
  button#delaccount.button {
    border: 1px solid #183A8D !important;
    padding: 5px 10px;
    border-radius: 5px !important;
    background-image: url('https://www.prosveta.fr/resources/sites/5/images/backbutton2.jpg') !important;
    background-size: cover !important;
    background: #183A8D;
    margin-left: -79px !important;
  }
  body {
    /*width: inherit;*/
    max-width: 100%;
    font-size: 14px !important;
    font-size: 1.4rem;
    /*font-size: 0.9em !important;*/
    background: none;
    background-color: white;
  }
  #header {
    display: none;
  }
  #bandeau {
    display: none;
  }
  h1 {
    line-height: 1.3;
  }
  /*h2 {
    text-align: left !important;
}*/
  div#mainmenu {
    display: none;
  }
  #sidebarleft {
    display: none;
  }
  #sidebarright {
    display: none;
  }
  .header-container .title a {
    display: none;
    background: none;
  }
  #nav {
    position: fixed;
    height: 50px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999 !important;
    /*background-color: #f8bc36;*/
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(96, 96, 96, 0.45);
  }
  #nav #name {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: #183a8d;
    position: absolute;
    top: 22px;
    left: 56px;
  }
  #main {
    /*margin-top: 50px;*/
    margin-top: 20px;
    padding: 0;
  }
  #breadcrumbs {
    display: none;
  }
  #social {
    display: none;
  }
  div#catmenu {
    /*top: 50px !important;*/
      top: 78px !important;
    /*z-index: 999 !important;*/
  }
  #contenu {
    padding: 10px;
  }
  #nav #dropmenu.responsive {
    display: block;
    border: 0;
    border-radius: 0;
    background-image: none;
    position: fixed;
    top: 50px;
    padding: 0;
    background-color: #F5F5F5;
    width: 480px;
    font-family: 'Montserrat', sans-serif;
    /*width: 280px !important;*/
  }
  #nav #dropmenu.responsive ul {
    list-style: none;
    text-align: center;
  }
  #nav #dropmenu.responsive li {
    font-size: 1.2em;
    width: 210px;
    text-align: left;
    padding: 0;
    border-radius: 0;
    height: 30px;
    /*height: 33px;*/
    display: inline-block;
  }
  #nav a.dropmenu {
    color: #183a8d;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: none;
  }
  #nav #dropmenu a.dropmenu.active {
    color: #EB773B;
  }
  #nav #dropmenu.responsive li:hover a {
    border: none;
    border-radius: 0;
    color: #EB773B;
  }
  #nav #dropmenu .dropmenu:hover a {
    color: white;
  }
  /* SIDEBAR */
  div#sidebarleft {
    float: none !important;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1;
  }
  div#sidebarright {
    float: none !important;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1;
  }
  /* SHOPPING */
  div#nav.responsive div#carticon {
    /*margin-right: 180px !important;
        margin-top: 10px !important;*/
    /*margin-right: 180px;*/
     /*margin-right: 130px;*/
    margin-top: 6px;
  }
  div#nav.responsive div#shoppingcontainer {
    position: absolute;
    right: 57px;
    /*right: 10px;*/
    top: 5px;
    width: 120px;
    background: url("images/shop.png") no-repeat right 0 transparent;
    z-index: 1000;
    font-weight: bold;
    /*padding: 17px 30px 2px 0;*/
    padding: 0px 0px 10px 0;
    text-align: right;
    vertical-align: middle;
    height: 32px;
    font-size: 13px;
  }
  div#nav.responsive div#shoppingcontainere a {
    color: DarkRed;
  }
  div#nav.responsive div#shoppingcontainer span#productsCount {
    bottom: 6px;
    color: Darkred;
    font-weight: bold;
    float: right;
    left: 16px;
    position: relative;
  }
  div#nav.responsive div#shoppingcontainer span#basketconsult {
    right: 14px;
    bottom: 8px;
    color: Darkred;
    position: relative;
  }
  div#nav.responsive div#shopping {
    background: transparent;
    bottom: -25px;
    float: left;
    height: 40px;
    position: absolute;
    right: 10px;
    width: 25px;
  }
  div#nav.responsive div#shoppingcontainer span#total {
    position: relative;
    color: Darkred;
    right: 15px;
    bottom: 5px;
  }
  /* LANGUES */
  #nav #dropmenu.responsive div#connectlang {
    /*text-align: center;*/
      text-align: left;
    font-weight: bold;
      line-height: 1.2em;
  }
  #nav #dropmenu.responsive div#connectlang a {
    color: #EB773B;
  }
  #nav #dropmenu.responsive div#selectlang {
    position: absolute;
    top: 2em;
    right: 0px;
    background: #FDFDFD;
    opacity: 0.9;
    display: none;
    padding-left: 5px;
    padding-bottom: 2px;
    border-radius: 0px 0px 0px 10px;
    font-size: 0.7em;
  }
  #nav #dropmenu.responsive .langue {
    width: 20px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  #nav #dropmenu.responsive em.langue {
    margin-left: 0px;
  }
  #nav #dropmenu.responsive #en.langue {
    background: url("images/en.png") no-repeat 0 1px transparent;
  }
  #nav #dropmenu.responsive #fr.langue {
    background: url("images/fr.png") no-repeat 0 0 transparent;
  }
  /* ORDER */
  .text-voir-cg {
    text-align: left !important;
    font-size: 14px;
    line-height: 16px;
    margin-left: 20px !important;
    margin-top: -22px !important;
    /*padding-left: 20px !important;*/
  }
  div.text-cg {
    padding-left: 22px;
    padding-top: 20px;
  }
  div.text-cg div#cgok {
    margin-left: 0px !important;
  }
  div.text-cg input[type="checkbox"] {
    margin-left: 280px !important;
  }
  .order_3 #btn-next {
    margin-left: 330px !important;
    margin-top: 10px !important;
  }
  label#lbl_fct_same, label#lbl_prosveta_com {
    width: 100% !important;
    margin-top: -15px !important;
    margin-left: 40px !important;
  }
  div#motto {
    margin-top: 50px;
  }
  #editeurs, #editeurs .editeur {
    font-size: 0.9em;
  }
  #editeurs .pays {
    font-size: 0.85em;
  }
}
/*MEDIASCREEN MAX-WIDTH 960PX ---> END*/
@media screen and (width: 834px) {
  div#nav.responsive div#shoppingcontainer a {
    width: 52px;
  }
  div#nav.responsive div#shoppingcontainer span#productsCount {
    left: -15px !important;
    /*right: 15px !important;*/
  }
  div#nav.responsive div#shoppingcontainer span#basketconsult {
    right: 50px !important;
    top: 7px !important;
  }
  div#nav.responsive div#shoppingcontainer span#total {
    right: 50px !important;
    top: 10px !important;
  }
  div#cg.text-voir-cg {
    padding-left: 30px !important;
  }
}
/*MEDIASCREEN MAX-WIDTH 790PX ---> START*/
@media screen and (max-width: 790px) {
  div#motto {
    /*display: block;*/
    height: auto !important;
  }
  div.text-cg {
    padding-top: 30px;
  }
}
/*MEDIASCREEN MAX-WIDTH 790PX ---> END*/
@media screen and (max-width: 800px) and (orientation: portrait) {
  div#nav.responsive div#shoppingcontainer a {
    width: 52px;
  }
  div#nav.responsive div#shoppingcontainer span#productsCount {
    left: -15px !important;
    /*right: 15px !important;*/
  }
  div#nav.responsive div#shoppingcontainer span#basketconsult {
    right: 55px !important;
    top: 7px !important;
  }
  div#nav.responsive div#shoppingcontainer span#total {
    right: 55px !important;
    top: 10px !important;
  }
}

@media screen and (width: 600px) {
    div#newcomer {
    /*margin-top: 20px !important;*/
      /*margin-top: 45px !important;*/
       margin-top: 70px !important;
  }
    
}


@media screen and (min-width: 481px) {
  #nav #prosvetalogo {
    display: none;
  }
}
/*MEDIASCREEN MAX-WIDTH 480PX ---> START*/
@media screen and (max-width: 480px) {
  /*body img {
    max-width: 70%;
}*/
  h1 {
    font-size: 1.2em !important;
  }
    
    div#baninfos {
        margin-top: 50px !important;
    }
  /*div#nav.responsive div#shoppingcontainer span#productsCount {
        left: -15px !important;
        /*right: 15px !important;*/
  /*div#nav.responsive div#shoppingcontainer span#basketconsult {
        right: 55px !important;
        bottom: 5px !important;
    }
    
    div#nav.responsive div#shoppingcontainer span#total {
        right: 55px !important;
        bottom: 0px !important;
    }*/
    div#nav.responsive div#shoppingcontainer {
        right: 5px !important;
    }
    div#nav.responsive div#carticon {
        margin-right: 130px !important;
    }
    
    
    div#infosbloc li.itembloc {
        margin-bottom: 15px;
        margin-right: 0px !important;
    }
    
    
    div#thoughtoftheday input[type="text"] {
        /*margin-left: 3%;*/
    }
    
    div#thoughtoftheday #btnsearch {
        /*margin-right: 15%;*/
    }
    
  div#motto {
    display: none;
    /*margin-top: 50px;*/
  }
  div#motto img {
    width: 100% !important;
    height: auto;
    max-width: 100%;
  }
  div#newcomer {
    /*margin-top: 20px !important;*/
      /*margin-top: 45px !important;*/
       margin-top: 75px !important;
  }
  div#footer div#footlegal {
    line-height: 1.3em !important;
    padding: 5px 0px 20px 0px !important;
  }
  #btnsearch {
    top: -48px !important;
    right: 28px !important;
  }
  #btnsearch.btnsearch_index {
    right: 5px !important;
    top: -50px !important;
  }
  div#contenu .newstitle {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  div#contenu div#listevideos .edito {
    font-size: 13px !important;
    line-height: 16px !important;
  }
  div#contenu div#thematiques_guide table img {
    display: none !important;
  }
  div#contenu div#l_themes .themetitresmall {
    font-size: 12px !important;
    line-height: 16px !important;
  }
  div#contenu div#evera h2.section, div#contenu div#kniga h2.section, div#contenu div#stani h2.section {
    font-size: 18px !important;
    line-height: 20px !important;
  }
  div#contenu div#videos_yt .pensee {
    font-size: 18px !important;
    line-height: 32px !important;
  }
  #nav span#edition {
    display: none;
  }
  #nav #dropmenu.responsive div#connectlang {
    font-size: 12px;
  }
  #nav #dropmenu.responsive .langue {
    margin-top: 15px !important;
    margin-bottom: 40px !important;
  }
  #nav #dropmenu.responsive {
    display: block;
    border: 0;
    border-radius: 0;
    background-image: none;
    position: fixed;
    top: 50px;
    padding-right: 65px;
    background-color: #F5F5F5;
    width: 240px;
  }
  #breadcrumbs {
    display: none;
  }
  #social {
    display: none;
  }
  #nav #name {
    /*display: block;*/
    display: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.0rem;
    font-weight: 600;
    color: #183a8d;
    position: absolute;
    top: 22px;
    left: 56px;
  }
  #nav #prosvetalogo {
    float: left;
    margin-top: 7px;
    margin-left: 70px;
  }
  div#sidebarleft {
    width: 150px !important;
    font-size: 11px;
  }
  div#sidebarright {
    width: 150px !important;
    font-size: 11px;
  }
  .omamotto {
    line-height: 2.0rem !important;
  }
  .block_bc .on .title {
    font-size: 12px !important;
  }
  #contenu .order .block_bc li {
    font-size: 12px !important;
  }
  #back-to-top {
    bottom: 70px !important;
    right: 5px !important;
    width: 40px !important;
    height: 40px !important;
    background-size: 40px 40px !important;
  }
  .text-voir-cg {
    text-align: center;
    font-size: 13px;
    line-height: 16px;
  }
  /* ----------- CHANGEMENT ------------*/
  .order_3 #btn-next {
    /*margin-top: 55px !important;*/
    /*margin-top: 20px !important;
    margin-left: 150px !important;*/
    margin-top: 5px !important;
    margin-left: 90px !important;
  }
  .order_4 form#form_cb {
    height: 280px;
    line-height: 30px !important;
  }
  .order_4 #form_cb label {
    text-align: left !important;
    margin-left: 10px !important;
  }
  .order_4 #form_cb select#card_month {
    margin-left: -40px;
  }
  .order_4 #form_cb input, textarea #card_control {
    /*margin-left: -40px !important;*/
  }
  .order_4 form#form_cb #explain {
    width: 312px;
    margin: 5px 0px 5px 10px !important;
    color: #7b7b7b !important;
    font-style: normal !important;
  }
  .order_4 form#form_cb button {
    margin-left: 130px;
  }
  table#cart th#description, table#cart td#description {
    width: 20% !important;
    font-size: 11px !important;
  }
  table#cart th#qty, table#cart td#qty {
    width: 10% !important;
    font-size: 10px !important;
  }
  table#cart th#price, table#cart td#price {
    width: 20% !important;
    font-size: 12px !important;
  }
  table#cart th#total, table#cart td#total {
    width: 35% !important;
    font-size: 12px !important;
  }
  table#cart td#price span#stdPrice {
    font-size: 12px !important;
    color: red;
    opacity: 1.0;
  }
  table#cart td.nobold {
    font-size: 12px !important;
  }
  table#cart th#image, table#cart td#image {
    display: none;
  }
  table#cart tfoot td {
    font-size: 12px !important;
  }
  div.order_3 h2 {
    font-size: 14px !important;
    /*color: red !important;*/
  }
  .order div#addresses #invoice, div#addresses #delivery {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .order div#addresses #invoice form, div#addresses #delivery form {
    height: 20px !important;
  }
  .order div#addresses #invoice {
    padding-bottom: 54px !important;
  }
  .order div#addresses #invoice h3, div#addresses #delivery h3 {
    padding-bottom: 10px !important;
  }
  form#order div#contact label {
    padding-bottom: 10px !important;
    text-align: left;
    margin-left: 10px;
  }
  /*h2 {
    text-align: left !important;
}*/
  div.text-cg {
    padding-top: 30px;
  }
  input[type="text"] {
    height: 30px !important;
  }
  div#deliveryaddress input[type="checkbox"] {
    width: 30px;
    height: 30px;
    margin-left: 0px;
  }
  label#lbl_fct_same, label#lbl_prosveta_com {
    margin-top: -24px !important;
    font-size: 12px;
    font-weight: bold;
  }
  div.text-cg input[type="checkbox"] {
    width: 30px;
    height: 30px;
    margin-left: 265px;
    margin-top: -17px;
  }
  div.text-cg div#cgok {
    height: 10px;
  }
  p input[type="submit"] {
    margin-left: 80px;
  }
  #contenu .order_1 div#column3 {
    padding-top: 20px;
    padding-left: 47px;
  }
  input#btn-contact {
    margin-left: 90px !important;
  }
  div#account form#account p label {
    /*color: red;*/
    line-height: 1.6em;
    text-align: left;
    margin-left: 10px;
  }
  div#account form#account p input, textarea {
    /*height: 25px;*/
    height: 40px;
    font-size: 1.2em;
  }
  #captcha input, textarea {
    height: 40px !important;
  }
  div#nav.responsive div#shoppingcontainer span#basketconsult {
    /*top: 0px !important;*/
    top: 6px !important;
  }
  div#nav.responsive div#shoppingcontainer span#total {
    /*top: 4px !important;*/
    top: 11px !important;
  }
  div#nav.responsive div#shoppingcontainer span#productsCount {
    left: -13px !important;
  }
     div#thoughtsindex .index {
        padding: 6px;
    }
    
    div#meditmois ul#meditnav {
        padding-bottom: 50px;
    }
    div#meditmois ul#meditnav li {
        padding: 5px !important;
    }
}
/*MEDIASCREEN MAX-WIDTH 480PX ---> END*/
@media screen and (max-width: 414px) and (orientation: portrait) {
  div#contenu .order .beefup .beefup__head {
    white-space: normal !important;
    line-height: 18px !important;
  }
  #addProductForm #product_add div#buttons button#cancel {
    float: left !important;
  }
  #addProductForm #product_add div#buttons button#view {
    float: right !important;
    bottom: 0px !important;
  }
  #addProductForm #product_add div#buttons button#basket {
    float: right !important;
    margin-right: 105px !important;
    bottom: 0px !important;
  }
  div.order div#choosepayment p#modepay label {
    /*margin-top: -42px !important;*/
    margin-left: 25px !important;
    width: 250px !important;
    line-height: 16px !important;
    font-weight: bold;
  }
    div#thoughtoftheday input[type="text"] {
        margin-left: 15px;
    }
    div#thoughtoftheday #btnsearch {
        margin-right: 52px;
    }
}
@media screen and (max-width: 413px) and (orientation: portrait) {
  #nav #name {
    display: none;
  }
}

@media screen and (width: 384px) and (orientation: portrait) {
    div#footer div#newsletter div#subscribe {
        margin-left: -90px;
    }
    div#footer div#newsletter .subscribe_button #subscribeValide {
        margin-left: 10px !important;
        width: 130px !important;
    }

}

@media screen and (width: 411px) and (orientation: portrait) {
    div#footer div#newsletter div#subscribe {
        margin-left: -60px;
    }
    div#footer div#newsletter .subscribe_button #subscribeValide {
        margin-left: 10px !important;
        width: 130px !important;
    }

}


@media screen and (max-width: 375px) and (orientation: portrait) {
  #addProductForm #product_add div#buttons button#cancel {
    float: left !important;
  }
  #addProductForm #product_add div#buttons button#view {
    float: right !important;
    /*bottom: 77px !important;*/
      /*margin-right: 30px !important;*/
  }
  #addProductForm #product_add div#buttons button#basket {
    /*margin-right: 75px !important;*/
      margin-right: 80px !important;
    bottom: 20px !important;
  }
    
    div#thoughtoftheday #btnsearch {
        right: 58px !important;
        top: -45px !important;
    }
}

@media screen and (max-width: 320px) and (orientation: portrait) {
  #addProductForm #product_add div#buttons button#cancel {
    float: left !important;
  }
  #addProductForm #product_add div#buttons button#view {
    float: right !important;
    bottom: 77px !important;
      margin-right: 0px !important;
  }
  #addProductForm #product_add div#buttons button#basket {
    /*margin-right: 75px !important;*/
      float: right !important;
      margin-right: 62px !important;
    bottom: 90px !important;
  }
    
    div#thoughtoftheday #btnsearch {
        right: 58px !important;
        top: -45px !important;
    }
}

/*MEDIASCREEN MAX-WIDTH 384PX PORTRAIT ---> START*/
@media screen and (max-width: 384px) and (orientation: portrait) {
  #captcha button#refresh {
    margin-top: 12px;
    margin-left: 60px !important;
  }
  td#info div#orderstep1 span {
    padding-left: 0px !important;
  }
  #addProductForm button {
    float: right;
  }
  #addProductForm #product_add div#buttons button#cancel {
    margin-right: 70px;
    float: right;
  }
  #addProductForm #product_add div#buttons button#basket {
    float: right;
    margin-right: 70px;
  }
  #contenu .order .block_bc .on .title {
    color: #9B101B;
    font-size: 10px !important;
  }
  #contenu .order .block_bc li.off {
    font-size: 8px !important;
  }
  .order_0 table#cart {
    margin-top: 15px !important;
    margin-left: -15px;
    width: 300px !important;
  }
  .order .order_0 table#cart th#image, table#cart td#image {
    display: none !important;
  }
  .order .order_0 table#cart th#description, table#cart td#description {
    width: 20% !important;
    font-size: 10px !important;
  }
  .order .order_0 table#cart td#description p.order {
    font-size: 9px;
  }
  .order .order_0 table#cart th#qty {
    width: 10% !important;
    font-size: 10px !important;
    padding: 0px;
  }
  .order .order_0 table#cart td#qty {
    font-size: 9px !important;
  }
  .order .order_0 table#cart td#qty table {
    width: 80% !important;
  }
  .order .order_0 table#cart th#price, table#cart td#price {
    width: 20% !important;
    font-size: 10px !important;
    padding: 0px;
  }
  .order .order_0 table#cart th#total, table#cart td#total {
    width: 35% !important;
    font-size: 10px !important;
  }
  .order .order_0 table#cart th, table#cart td {
    font-size: 9px !important;
  }
  .order .order_3 table#cart th#image, table#cart td#image {
    display: block;
  }
  #stdPrice {
    font-size: 10px !important;
  }
  #contenu .order .block_bc {
    margin-left: -19px;
    width: 300px;
  }
  .order fieldset {
    margin-left: -61px;
    width: 250px;
  }
  .order form#nextstep {
    margin-left: -40px;
  }
  #order #contact label {
    text-align: left;
    margin-bottom: 10px;
  }
  label#lbl_fct_same {
    width: 250px !important;
    /*margin-left: -14px !important;*/
    text-align: left !important;
    line-height: 14px !important;
    margin-top: 2px !important;
    margin-left: 15px !important;
  }
  input#fct_same {
    width: 30px !important;
    margin-left: 0px !important;
  }
  input, textarea {
    height: 30px !important;
  }
  input#zip, textarea#zip {
    margin-left: -60px !important;
  }
  div.text-cg {
    padding-left: 2px !important;
    text-align: left;
    font-size: 12px;
  }
  div.text-cg input[type="checkbox"] {
    margin-left: 235px !important;
    margin-top: -9px !important;
  }
  p input[type="submit"] {
    margin-left: 0px !important;
  }
  div.text-cg input#cg {
    width: 30px !important;
  }
  div.order div#choosepayment p#modepay input {
    margin-left: -12px !important;
    width: 25px !important;
  }
  div.order div#choosepayment p#modepay label {
    margin-top: -42px !important;
    margin-left: 25px !important;
    width: 250px !important;
    line-height: 16px !important;
    font-weight: bold;
  }
  .order_3 div#ifsub input {
    margin-left: -12px !important;
    width: 25px !important;
  }
  div.order h2 {
    font-size: 14px !important;
  }
  div.order div#choosepayment div#paymentmode div#part div#text.part {
    line-height: 18px !important;
    font-size: 12px !important;
  }
  div#comment textarea#order_comments {
    width: 250px !important;
    margin-left: 0px;
  }
  div#account label {
    width: 200px;
    text-align: center;
    padding-bottom: 10px;
  }
  .order_2 label {
    width: 200px;
    text-align: center;
    padding-bottom: 10px;
  }
  .order_4 form#form_cb {
    height: 300px;
    line-height: 30px !important;
  }
    
   .order_4 #form_cb input#card_number, .order_4 #form_cb input#card_name {
    /*margin-left: 10px !important;*/
       height: 30px !important;
  }
    
    .order_4 #form_cb input, textarea #card_number {
    margin-left: 10px !important;
  }
    .order_4 #form_cb input, textarea #card_name {
    margin-left: 10px !important;
  }
    
  .order_4 #form_cb label {
    text-align: left !important;
    margin-left: 10px !important;
  }
  .order_4 #form_cb select#card_month {
    margin-left: -40px;
  }
  .order_4 #form_cb input, textarea #card_control {
    /*margin-left: -40px    ;*/
  }
  .order_4 form#form_cb #explain {
    width: 312px;
    margin: 5px 0px 5px 10px !important;
    color: #7b7b7b !important;
    font-style: normal !important;
  }
        .order_4 table#cart {
    margin-top: 0px !important;
  }
    
    
     div#thoughtsindex .index {
        padding: 4px;
    }
}
/*MEDIASCREEN MAX-WIDTH 375PX PORTRAIT ---> END*/
/*MEDIASCREEN MIN-WIDTH 320PX MAX-WIDTH 384 PORTRAIT ---> START*/
@media screen and (min-width: 320px) and (max-width: 384px) and (orientation: portrait) {
  #cssmenu {
    /*margin-top: 50px;*/
  }
  h1 {
    font-size: 1.2em !important;
    line-height: 1.4em !important;
  }
      .pseudoh1 {
    font-size: 1.2em !important;
    line-height: 1.4em !important;
  }
    
  .order_4 form#form_cb {
    height: 320px;
    /*line-height: 30px !important;*/
  }
  .order_4 form#form_cb #explain {
    width: 298px;
  }
  .order_4 form#form_cb button {
    margin-left: 110px;
  }
}

@media screen and (width: 384px) {
  .order_4 form#form_cb {
    height: 340px !important;
  }  
    
}

/*MEDIASCREEN MAX-WIDTH 320PX PORTRAIT ---> START*/
@media screen and (max-width: 320px) and (orientation: portrait) {
  #nav #prosvetalogo {
    margin-left: 55px;
  }
  div#carticon {
    margin-right: 170px !important;
  }
  label#lbl_fct_same {
    width: 250px !important;
    /*margin-left: -14px !important;*/
    text-align: left !important;
    line-height: 14px !important;
    margin-top: -32px !important;
    margin-left: 35px !important;
  }
  #captcha button#refresh {
    margin-top: 11px !important;
    margin-left: 10px !important;
  }
  #nav #name {
    display: none;
  }
  div#sidebarleft {
    width: 130px !important;
    font-size: 11px;
  }
  div#sidebarright {
    width: 130px !important;
    font-size: 11px;
  }
  div#sidebarright img {
    max-width: 100%;
  }
  .omamotto {
    line-height: 2.0rem !important;
  }
  #back-to-top {
    bottom: 70px !important;
    right: 5px !important;
    width: 50px !important;
    height: 50px !important;
  }
  /*h2 {
    text-align: left !important;
}*/
  #contenu .order .block_bc li {
    font-size: 9px !important;
  }
  .block_bc .on .title {
    font-size: 9px !important;
  }
     div#thoughtsindex .index {
        padding: 2px;
    }
    div#footer div#newsletter .subscribe {
        margin-left: -22px;
    }
    div#footer div#newsletter input, textarea {
    margin-left: -15px;    
    }
    
    div#footer div#newsletter .subscribe_button #subscribeValide {
        margin-left: 10px !important;
        margin-top: -22px !important;
        width: 90px !important;
    }
}
/*MEDIASCREEN MAX-WIDTH 320PX PORTRAIT ---> END*/
/*MEDIASCREEN MAX-WIDTH 320PX LANDSCAPE ---> START*/
@media screen and (max-width: 320px) and (orientation: landscape) {
  .block_bc .on .title {
    font-size: 11px !important;
  }
  #contenu .order .block_bc li {
    font-size: 11px !important;
  }
  /*h2 {
    text-align: left !important;
}*/
}

@media screen and (max-width: 360px) and (orientation: portrait) {
    div#footer div#newsletter .subscribe {
        margin-left: -22px;
    }
    div#footer div#newsletter input, textarea {
    margin-left: -15px !important;    
    }
    
    div#footer div#newsletter .subscribe_button #subscribeValide {
        margin-left: 10px !important;
        margin-top: -20px !important;
        width: 105px !important;
    }
    
}

@media screen and (max-width: 375px) and (orientation: portrait) {
    div#footer div#newsletter .subscribe {
        margin-left: -25px !important;
    }
    div#footer div#newsletter .subscribe_button #subscribeValide {
        margin-left: 10px !important;
        margin-top: -20px !important;
        width: 105px !important;
    }
    
}

@media screen and (min-width: 414px) and (max-width: 480px) and (orientation: portrait) {
    div#footer div#newsletter .subscribe {
        margin-left: -15px !important;
    }
     div#footer div#newsletter .subscribe_button #subscribeValide {
        width: 105px !important;
    }
}

/*MEDIASCREEN MAX-WIDTH 320PX LANDSCAPE ---> END*/
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
  div#footer div#newsletter .resume {
    font-size: 0.7em;
    line-height: 1.4em;
  }
  div#footer div#newsletter div#pensee, div#footer div#newsletter div#lettre {
    font-size: 0.7em;
  }
    

    
  div#footer #subscribe_email {
    font-size: 0.7em !important;
  }
  div#footer div#newsletter {
    height: 130px !important;
  }
  div#footer .footitle {
    font-size: 1.2em !important;
    padding-top: 10px !important;
  }
  div#footer ul {
    font-size: 1.2em !important;
    line-height: 1.6em !important;
  }
  div#footer div#footlegal {
    font-size: 1.0em !important;
    height: 70px !important;
  }
  div#contenu .themetitre {
    font-size: 1.6rem;
    line-height: 2.0rem;
  }
}
@media screen and (max-width: 588px) and (orientation: landscape) {
  div#footer div#newsletter .resume {
    font-size: 0.7em;
    line-height: 1.4em;
  }
  div#footer div#newsletter div#pensee, div#footer div#newsletter div#lettre {
    font-size: 0.7em;
  }
  div#footer #subscribe_email {
    font-size: 0.7em !important;
  }
  div#footer div#newsletter {
    height: 130px !important;
  }
  div#footer .footitle {
    font-size: 1.2em !important;
    padding-top: 10px !important;
  }
  div#footer ul {
    font-size: 1.2em !important;
    line-height: 1.6em !important;
  }
  div#footer div#footlegal {
    font-size: 1.0em !important;
    height: 70px !important;
  }
}
@media screen and (min-width: 640px) and (max-width: 736px) and (orientation: landscape) {
  div#footer div#newsletter .resume {
    font-size: 0.7em;
    line-height: 1.4em;
  }
  div#footer div#newsletter div#pensee, div#footer div#newsletter div#lettre {
    font-size: 0.7em;
  }
  div#footer #subscribe_email {
    font-size: 0.7em !important;
  }
  div#footer div#newsletter {
    height: 80px !important;
  }
  div#footer .footitle {
    font-size: 1.2em !important;
    padding-top: 10px !important;
  }
  div#footer ul {
    font-size: 1.2em !important;
    line-height: 1.6em !important;
  }
  div#footer div#footlegal {
    font-size: 1.0em !important;
    height: 70px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 834px) and (orientation: portrait) {
  div#footer div#newsletter .resume {
    font-size: 0.7em;
    line-height: 1.4em;
  }
  div#footer div#newsletter div#pensee, div#footer div#newsletter div#lettre {
    font-size: 0.7em;
  }
  div#footer #subscribe_email {
    font-size: 0.7em !important;
  }
  div#footer div#newsletter {
    height: 75px !important;
  }
  div#footer .footitle {
    font-size: 1.2em !important;
    padding-top: 10px !important;
  }
  div#footer ul {
    font-size: 1.2em !important;
    line-height: 1.6em !important;
  }
  div#footer div#footlegal {
    font-size: 1.0em !important;
    height: 70px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) and (orientation: portrait) {
  div.text-cg div#cgok {
    margin-left: 0px !important;
  }
  div.text-cg input[type="checkbox"] {
    margin-left: 280px !important;
  }
}