@charset "utf-8";
/* CSS Document */

.qust_sopsag {background-color: #cfd6de;border-radius: 6px;color: #b20000;font-family: open sans;font-size: 18px;font-weight: normal;margin-bottom: 19px;padding: 10px 0 10px 17px;position: relative;text-transform: uppercase;width: 98%;
}
.qust_les {
  background-color: #cfd6de;
  border-radius: 6px;
  color: #b20000;
  font-family: open sans;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 19px;
  margin-left: 19px;
  padding: 10px 0 10px 17px;
  position: relative;
  text-transform: uppercase;
  width: 96%;
}
.photogalleryTable {
  padding: 0 32px;
}

.gal-text {
  color: #b20000;
  font-family: open sans !important;
  font-size: 21px !important;
  font-weight: normal;
  padding: 0 32px;
}
.store-gal {
  font-family: open sans !important;
  font-size: 18px !important;
  padding: 0 32px;
}
.text_about_site li h3 {
  font-family: open sans;
  font-size: 15px;
  font-weight: normal;
  margin: 0 !important;
  padding: 0 !important;
}
#header_left {
  float: left;
  height: 152px;
  padding: 62px 0 0 0px;
  position: relative;
  width: 33%;
}


@media (max-width: 767px) {
    #header_left img {
    margin-left: 30px;
  }
}

#banner-inside {
  float: left;
  height: 214px;
 
  width: 746px;
}
#header_right {
  float: right;
  margin-right: 6px;
  margin-top: 45px;
  padding: 45px;
  position: relative;
  width: 61%;
}

#banner-slide {
  max-width: 746px !important;
  position: relative;
}
.bjqs-wrapper {
 
overflow:hidden !important;
width:746px !important;
 }
nav .menu {
  
}
header {
  background: url("../images/SopsaBG4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 277px;
  width: 100%;
}
.bjqs-markers.h-centered {
  left: 0 !important;
}
.bjqs-prev {
  display: none !important;
}
.bjqs-next {
  display: none !important;
}
.text_about_site {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 15px 22px 1px;
}
.main_site {
  color: graytext;
  font-family: open sans;
  font-size: 18px;
  text-transform: uppercase;
}
.text_about_site > h2 {
  color: #666666;
  font-family: open sans;
  font-size: 16px;
  margin: 0;
  padding-bottom: 3px;
  padding-top: 8px;
  font-weight:normal;
}
.callouts > img {
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
}
#FOUSSIER_RECRUTE {
  background-color: #3b424a;
  border-radius: 6px;
  color: #ffffff;
  float: left;
  font-family: open sans;
  font-size: 16px;
  height: 48px;
  margin-left: 28px;
  padding: 11px 0 5px 17px;
  position: relative;
  text-transform: uppercase;
  width: 94%;
}
.text_info {
  font-family: open sans;
  font-size: 14px;
  font-weight: normal;
  padding: 28px 20px;
  text-transform: uppercase;
}
.con ul li {
  margin: 0;
  padding: 3px 0 0 18px;
  text-align: left;
}
.information {
  border-right: 1px dashed #C9C9CF;
  float: left;
  min-height: 209px;
  position: relative;
  width: 24.8%;
}
#fosier_content {
  float: left;
  height: 186px;
  margin: 0 0 0 22px;
  padding-bottom: 21px;
  position: relative;
  width: 93%;
}
#Foussier_main {
  background-color: #FFFFFF;
  float: left;
  padding-top: 0;
  position: relative;
  width: 100%;
    padding-bottom: 57px;
}
@media all and (min-width: 240px) and (max-width:319px)
  {
 
    
    nav select {
    
    display: none!important;
}
    
  header {
 
  height: 227px !important; 
}
 
  .main_header {
 
  height: 180px !important; 
 
}
  nav .menu {
    margin-top:0px !important;
  
}
    
    #header_left #log img{
  
    display: none;
}
    #log{display:none;}
  
 #header_left {
  float: left;
  height: 118px;
  padding: 60px 17px 0 0 !important;
  position: relative;
  width: 78% !important;
}
  #header_right {
  margin-right:0px !important;
  width: 100% !important;
}
  .callouts1 {

  width: 100% !important;
}
.callouts {
  padding: 13px 1px !important;
}
.buttton_con1 {
  padding: 0 2px 8px !important;
}
.buttton_con {
  padding: 5px 2px 8px !important;
}
  .inner_store {
  
  min-height: 249px !important;
}
  #FOUSSIER_RECRUTE {
  
  padding: 8px 0 8px 17px !important;
    margin-left:4px !important;
  
  width: 90% !important;
}
  .FOUSSIER_RECRUTE {

  margin-left: 4px !important;

  width: 90% !important;
}
.information {
 
  width: 100% !important;
}
 .information1 {
  
  width: 100% !important; 
}
 .main_qst {
  padding: 0 10px !important;
}
 .text_group {
  padding-bottom:0px !important;
}
  .text_info {
 
  padding: 28px 15px !important;
  
}
  .con ul li {
 
  padding: 3px 0 0 16px !important;
  
}
  .banner {
  display: none;
 
}
 .right_part {
 
  width: 100% !important;
}
  .left_part {

  width: 100% !important;
}
 .main_wrapper {
  margin-left: -7px !important;
  width: 88% !important;
}
  #FOUSSIER_RECRUTE {
  margin-left: -9px !important;
  padding: 8px 0 8px 17px !important;
  width: 89% !important;
}
.right_image > img {
  height: 201px;
  width: 191px !important;
}
  .left_part h2 {
 
  margin-left: 0px !important;

}
  .address_area {
 margin-left:0px !important;
  width: 57% !important;
}
  .fax {
  float: left;
  margin-top: 13px !important;
  width: 77% !important;
}
  .responsible {
 
  width: 100% !important;
}
  .res_name {

  margin-left: 1px !important;
}
   .first_part {
  width: 100% !important;
}
  .logos_bunch li {
  
  margin: 0 0 20px !important;
 
  width: 84% !important;
}
  .second_part {
  
  width: 100% !important;
}
  .second_part .group {
 
  padding: 0px !important;
    font-size:22px !important;
}
  .second_part > p {
 
  margin: 7px 0 0 !important;
  padding: 6px 0 0 !important;
}
.no {
  color: #808080;
  padding: 15px 0 0 !important;
}
.FOUSSIER_RECRUTE {
 
  font-size: 14px !important;
 
  margin-top: 15px !important;
  padding: 8px 0 14px 17px !important;
 
}
  .border_con {
 width: 87% !important;
margin-left:0px !important;
}
.refer > p {
 padding-left:0px !important;
  font-size: 17px !important;
  width: 100% !important;
}
  .refer_button {
 
  margin-top: 0px !important;

  width: 43% !important;
    float:left !important;
}
  #FOUSSIER_RECRUTE {
  margin-left: 4px !important;
  padding: 8px 0 8px 17px !important;
  width: 89% !important;
}
  .blog-post h2 {

  width: 100% !important;

}
.post-body img {

  margin-bottom: 11px !important;

  margin-top: 15px !important;
  width: 169px !important;
}
.blog-post .post-details {
 
  width: 100% !important;
}
.blog-container .side-panel {
 
  margin-bottom: 10px !important;
  
  width: 100% !important;
}
.side-panel h4 {
  
  width: 100% !important;
}
 .qust {
  margin-left: 2px !important;
  padding: 9px 0 9px 4px !important;
  width: 96% !important;;
}
  .FOUSSIER_RECRUTE {
  padding:0px !important;
  margin-top: 0 !important;
  margin-left:0px !imporatnt;
  width:98% !important;
}
  .sopsag_jerry {
  margin: 78px 15px 0 0 !important;
  width: 100% !important;
}
  .block_jerry > h3 {
  margin: 0 !important;
     padding: 9px 0 9px 7px !important;
}
  .block_jerry {
 
  width: 100% !important;
}
  .sopsa_tp {
  width: 100% !important;
}
  .block_tp {
 
  width: 99% !important;
}
  .sopsa_tp > img {
  width: 100% !important;
}
  .plocara {
   margin: 0 ! important;
  width: 100% ! important;
    margin-top: 55px ! important;
}
.block_plocara {
 margin-top: -10px;
  padding: 3px 0 9px !important;
 
}
.plocara_caraibe {
  margin: 0 !important;
 width: 100% !important;
}
.plocara_tp {
  margin: 0 !important;
  width: 100% !important;
}
#fosier_content {
margin: 0 0 0 16px !important;
}
.guyane_DSP {
  padding-bottom: 30px !important;
  margin-left:0px  !important;
    float:none !important;
 
}
.guyane_DSP_center > img {
  margin-top: 79px !important;
  max-width: 100% !important;
     height: 175px !important;
}
.guyane_DSP .content > ul {
 width: 100% !important;
}
  .stMartin_center > img {
  height: 314px;
  margin-top: 79px;
  max-width: 100% !important;
}
.stMartin_Sopsa {
  float:none !important ;
    margin-left:0px !important;
}
  .stMartin_Sopsa .content > ul {
  
  width: 100% !important;
}
}
@media all and (min-width: 320px) and (max-width:479px)
  {
  
  .callouts1 {
  width: 100% !important;
  margin-bottom: 10px !important;
}
 
 #FOUSSIER_RECRUTE {
  
  padding: 8px 0 8px 17px;
  width: 91.5% !important;
}
  .information {
  
  width: 100% !important;
}
 .information1 {
 
  width: 100% !important;
}
  .inner_store {
  
  min-height: 271px !important;
}
  .information {
 
  height: 161px !important;
  
}
  #header_left {
 
  padding: 47px 0 0 24px !important;
 
  width: 67% !important;
    height:134px !important;
}
  
  .information {
  
  min-height: 159px !important;
 
}
  .text_group {
    padding-bottom:0px !important;
  
}
  .FOUSSIER_RECRUTE {
 
  margin-left: 4px !important;
  width: 92% !important;
    font-size:15px !important;
    padding: 6px 0 14px 17px !important;
}
  
  .main_qst {
 
  padding: 0 11px !important;
  }
  #fosier_content {
 
  min-height: 638px !important;
 
}
  .nos_client > ul {
  padding-left: 26px !important;
}
  #header_right {
 

  width: 100% !important;
}
  #banner-inside {
    float:none;
    width:auto !important;
    height:0px !important;
    
}
 .right_image > img {
  height: 244px;
  width: 191px !important;
}
  .main_container {
  float: left;
/*  margin: 0 6px !important;*/
   margin: 0 6px;

  width: 100% !important;
}
 #FOUSSIER_RECRUTE {
  margin-left: 4px !important;
  padding: 8px 0 8px 17px;
  width: 92.5% !important;
}
  .main_wrapper {
 
 
  width: 91% !important;
}
  .fax {
  margin-top: 11px !important;
  width: 92% !important;
}
  .right_part {
  float: left;
 
  width: 100% !important;
}
  .right_image > img {
  height: 244px;
  width: 263px !important;
}
  .agence {
 
  margin-left: 7px !important;
  }
  .left_part {
  
  width: 100% !important;
}
  .res_name {
  
  margin-left: 17px !important;
}
  .right_image {
  text-align:none !important;
}
  .left_part h2 {
     margin-left:0px !important;
}
  .border {
  
  margin-left: 0 !important;
 
  width: 95% !important;
}
  .main_kulkar_part1 {
 
  width: 100% !important;
}
 .nicoll_right_image {
  padding-top:0px;
}
  .roca_right_image {
 padding-top:0px;
}
 .first_part {
 
  width: 100% !important;
}
.logos_bunch li {
 
  width: 86% !important;
}
  .second_part {
 
  width: 100% !important;
}
 .refer > p {
 
  width: 100% !important;
}
.refer_button {
  float: left;
  margin-left: 39px;
  margin-top: 0 !important;
  width: 31% !important;
}
  .blog-post h2 {
 width: 100% !important;
}
.post-body img {
 margin-top: 15px !important;
 margin-bottom: 14px !important;
}
.blog-post .post-details {
   width: 100% !important;
}
.blog-container .side-panel {
 display: none;
  width: 100% !important;
 margin-bottom: 10px !important;

}
  .blog-container .post-list {
 
  width: 100% !important;

}
  .banner {
  display: none;
 
}
  .callouts2 {
 
  width: 100% !important;
}
  .buttton_con1 {

  padding: 4px 34px 8px !important;
}
.buttton_con {
        padding: auto;
/*  padding: 4px 37px 8px !important;*/
}
  .qust {
  padding: 10px 0 10px 7px !important;
   width: 97% !important;
    margin-left:0px !important;
}
  .FOUSSIER_RECRUTE {
  font-size: 15px !important;
  margin-left: 4px !important;
  padding: 0px 0 47px !important;
  width: 96% !important;
}
  .sopsag_jerry > img {
  width: 100% !important;
}
  .block_jerry {
 
  width: 100% !important;
}
  .sopsag_jerry {
       margin: 0 15px 0 0 !important;
         width: 100% !important;
}
.sopsa_tp {
  width: 100% ! important;
}
.block_tp {
  width: 100% ! important;
}
  .plocara {
   margin: 0 ! important;
  width: 100% ! important;
}
.block_plocara {
  margin-top: -10px;
  padding: 4px 0 8px ! important;
  
}
.plocara_caraibe {
  margin: 0 !important;
  width: 100% !important;
}
.plocara_tp {
  margin: 0 !important;
  width: 100% !important;
}
.guyane_DSP_center {
padding-top:0px ! important;
  
}
.guyane_DSP {
 margin-left:0px ! important;
    float:none !important;
}
 .guyane_DSP_center > img {
  height: 292px;
  max-width: 100%;
 margin-top: 20px !important;
}
  .guyane_DSP .content > ul {
  padding: 0;
  width: 100% !important;
}
  .stMartin_center > img {
  height: 314px;
  margin-top: 37px;
  max-width: 100% !important;
}
.stMartin_Sopsa {
  float:none !important ;
margin-left:0px !important;
}
 .stMartin_Sopsa .content > ul {
 
  width: 100% !important;
}
}
@media all and (min-width: 480px) and (max-width:767px)
  {
  
  .inner_store1 {

  margin-bottom: 11px !important;
}
  .callouts1 {
 
  margin-bottom: 11px;
  margin-left: 20% !important;
  width: 64% !important;
}
  #FOUSSIER_RECRUTE {
 
  margin-left: 4px !important;
 
  width: 94.5% !important;
}
  .information {
 
  width: 49% !important;
}
  .text_info {
 
  padding: 28px 15px !important;
  
}
  .con ul li {
 
  padding: 3px 0 0 15px !important;
  
}
  .information1 {
  
  width: 49% !important;
}
  #fosier_content {
 
  min-height: 395px !important;
  
}
  #header_left img {
  width: auto !important;
}
  #header_left {
  
  padding: 45px 0 0 76px !important;
  position: relative;
  width: 33%;
}
  .banner {
  display: none;
  float: left;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
  nav select {
  
  margin-left: 123px !important;
 
}
  .inner_store {

  min-height: 285px !important;
}
  div.information:nth-child(2) {
  background-image: none !important;
  border-right: none !important;
}
  .FOUSSIER_RECRUTE {
   padding: 8px 0 22px 1px !important;
    margin-left:0px !important;
    width: 99.5% !important;
 
}
  .blog-container .side-panel {
  
  margin-bottom: 10px !important;
  width: 100% !important;
}
.blog-post h2 {
  width: 100% !important;
}
.blog-post .post-details {
  
  width: 100% !important;
}
.blog-container .post-list {
 
  width: 100% !important;
}
.post-body img {
  
  margin-top: 7px !important;
  
}
.qust {
 margin-left: 8px !important;
 padding: 10px 0 10px 7px !important;
 width: 96% !important;
}
  .sopsag_jerry > img {
  width: 100% ! important;
}
.sopsag_jerry {
 margin: 0 15px 0 2px ! important;
  width: 99% ! important;
}
.block_jerry {
  width: 100% ! important;
}
  .sopsa_tp > img {
  width: 100% ! important;
}
  .block_tp {
 width: 100% ! important;
}
  .sopsa_tp {
 
  margin-left: 2px ! important;
width: 99% ! important;
    float:left !important;
}
  .plocara {
  margin: 0 0 0 17px !important;
  width: 94% !important;
}
.plocara_caraibe {
  margin: 0 0 0 17px !important;
width: 94% !important;
}
.plocara_caraibe {
 
 margin: 0 0 0 18px !important;
  width: 94% !important;
}
  .plocara_tp {
  margin: 0 0 0 17px !important;
  width: 94% !important;
}
 .guyane_DSP_center > img {
   max-width: 100% !important;
       margin-top: 20px !important;
  
}
.guyane_DSP {
    float:none !important;
    margin-left:0px ! important;
}
 .guyane_DSP .content > ul {
  
  width: 100% !important;
}
  
  .stMartin_Sopsa {
  margin-left: 34px !important;
  width: 87% !important;
}
.stMartin_Sopsa .content > ul {
 
  width: 100% !important;
}
  .stMartin_center > img {
  
  max-width: 100% !important;
}

@media all and (min-width: 768px) and (max-width:1023px)
  {
  
  
}


@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px){

    .main_container{
    	margin:auto;
    }

    /*quest top paragraph */
    h1.qust_les {
  margin-bottom: auto;
  margin-left: 6px;
  padding: 10px ;
  width: 90%;
}
    
}