@charset "UTF-8";
/* CSS Document */
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"], [class*="cool"], [class*="col"]  {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 748px;
  }
 .c1200 {
    width: 90%;
  }
  .halftop {
	margin-top:-35px;
	}
  .span12 {
    width: 748px;
  }
  .span11 {
    width: 684px;
  }
  .span10 {
    width: 620px;
  }
  .span9 {
    width: 556px;
  }
  .span8 {
    width: 492px;
  }
  .span7 {
    width: 428px;
  }
  .span6 {
    width: 364px;
  }
  .span5 {
    width: 300px;
  }
  .span4, .col-33 {
    width: 236px;
  }
  .span3, .cool3, .col-25 {
    width: 172px;
  }
  .span2, .cool2 {
    width: 108px;
  }
  .span1 {
    width: 44px;
  }
  .preffix_12 {
    margin-left: 788px;
  }
  .preffix_11 {
    margin-left: 724px;
  }
  .preffix_10 {
    margin-left: 660px;
  }
  .preffix_9 {
    margin-left: 596px;
  }
  .preffix_8 {
    margin-left: 532px;
  }
  .preffix_7 {
    margin-left: 468px;
  }
  .preffix_6 {
    margin-left: 404px;
  }
  .preffix_5 {
    margin-left: 340px;
  }
  .preffix_4 {
    margin-left: 276px;
  }
  .preffix_3 {
    margin-left: 212px;
  }
  .preffix_2 {
    margin-left: 148px;
  }
  .preffix_1 {
    margin-left: 84px;
  }


   .sf-menu > li > a {
		padding: 20px 0 20px;
	}


}


@media (max-width: 767px) {
	h1 {
	margin-left:0px;
	}
  .container {
    width: 420px;
    padding: 0 0px;
  }
 #breadcrumbs {
  	display:none;
  }
  .breakcrumbs {
  	height:30px;
  }
 .c1200 {
    width: 90%;
  }
  .row {
    margin-left: 0;
  }
   .halftop {
	margin-top:-20px;
	}
  .halftop .row {
    margin-left: -10px;
  }
   .halftop {
	  	display:none;
  }
  [class*="span"], [class*="col"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cool2, .cool3  {
	  float:left;
	  margin-left:10px;
  }
  .cool3 {
    width: 98px;
  }
  .cool2 {
    width: 61px;
  }
  .select-menu {
    display: block !important;
  }
	.pages_wrapper_accueil article {
		min-height: 0;
	}  
  .social li{
		margin-left: 0;
		margin-right: 9px;
	}
	.credit-owner, .credit-real, .social{
		float: none;
	}
	.credit-owner {
		padding-top:11px;
	}
  .nav {
	  background-color:#fff;
  }
}

@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 300px;
    padding: 0 15px;
  }
  .halftop {
	  	display:none;
  }
  .nav {
	  background-color:#fff;
  }

 .c1200 {
    width: 90%;
  }
  .row {
    margin-left: 0;
  }
  .halftop .row {
    margin-left: -5px;
  }
  .cool2, .cool3  {
	  float:left;
	  margin-left:5px;
  }
  .cool3 {
    width: 25px;
  }
  .cool2 {
    width: 60px;
  }
  .social{
		float: none;
	}

  .table .cree, .table .modif {
  	display:none;
  }
}

