/** BOOTSTRAP-LIKE SYSTEM **/

.left{float:left;}
.right{float:right;}
.clear{clear : both;}
.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.inline-block { display: inline-block; box-sizing: border-box; }
.win.safari .inline-block { white-space: normal; }
.inline-wrapper { font-size : 0; }
.win.safari .inline-wrapper { white-space : nowrap; }
.top { vertical-align: top; }
.middle { vertical-align: middle; line-height: normal; }
.bottom { vertical-align: bottom; }
.text-center { text-align : center; }
.text-left { text-align : left; }
.text-right { text-align : right; }
.justify { text-align: justify; }
.overflow { overflow: hidden; }
div.justify:before, ul.justify:before{ content: ''; display: block; width: 100%; }
div.justify:after, ul.justify:after { content: ''; display: inline-block; width: 100%; zoom: 1;  }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.relative { position: relative; }
.bi-column { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
img { max-width: 100%; height: auto; }
.grey-bg { background-color: #171717; padding-bottom: 40px; }
.white-bg { background-color: #FFFFFF; padding-bottom: 40px; }
.padding-content { padding: 0 20px; }
.hide { display: none; }


.zone_utile { width: 100%; max-width: 1140px; margin: 0 auto; overflow: hidden; }

.col-1 { width : 8.33%; }
.col-2 { width : 16.66%; }
.col-3 { width : 25%; }
.col-4 { width : 33.33%; }
.col-5 { width : 41.66%; }
.col-6 { width : 50%; }
.col-7 { width : 58.33%; }
.col-8 { width : 66.66%; }
.col-9 { width : 75%; }
.col-10 { width : 83.34%; }
.col-12 { width : 100%; }

.col-1:not(.padding0),
.col-2:not(.padding0),
.col-3:not(.padding0),
.col-4:not(.padding0),
.col-5:not(.padding0),
.col-6:not(.padding0),
.col-7:not(.padding0),
.col-8:not(.padding0),
.col-9:not(.padding0),
.col-10:not(.padding0),
.col-12:not(.padding0) 
{
  padding-left : 15px; padding-right : 15px;
}

#index .home-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row-wrapper { overflow: hidden; }
.full-row-wrapper { margin: 0 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.padding { padding-left : 15px; padding-right : 15px; }







#actus td { padding-bottom: 5px; }

.img-accueil { min-width: 400px; max-width: 520px; }
.img-actu { width: 556px; }


@media (max-width: 550px) {

	.img-accueil { max-width: 100%; }
	.img-actu { max-width: 100%; width: auto; }

}