/******************************/
/*MENU SECTION - ENCADRER     */
/******************************/


.icon_mini {
    font-size: 2em;
    color: #003366;
    margin-top: 0px;
    margin-bottom: 0px;
}


.grid_3_colonne_mini {
 width: 95%;
 margin: 10px;

}

.grid_4_colonne_mini {
 width: 95%;
 margin: 10px;
}


.grid_1_colonne_encadrer {
 border: 2px solid #CDCDCD; /* gris claire*/
  width: 95%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-orange-full.png") no-repeat scroll -15px -15px;   
  background-color: #FFFFFF; /* Blanc*/
}

.grid_1_colonne_encadrer ul{
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
}

.grid_1_colonne_encadrer li a{
 display: inline-block;
 vertical-align: top;
}

.grid_66_colonne_encadrer {
 border: 2px solid #CDCDCD; /* gris claire*/
  width: 95%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-orange-full.png") no-repeat scroll -15px -15px;   
  background-color: #FFFFFF; /* Blanc*/
}

.grid_66_colonne_encadrer ul{
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
}

.grid_66_colonne_encadrer li a{
 display: inline-block;
 vertical-align: top;
}

.grid_3_colonne_encadrer {
 border: 2px solid #CDCDCD; /* gris claire*/
  width: 95%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-orange-full.png") no-repeat scroll -15px -15px;   
  background-color: #FFFFFF; /* Blanc*/

}


.grid_4_colonne_encadrer {
 border: 2px solid  #CDCDCD; /* gris claire*/
  width: 95%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-orange-full.png") no-repeat scroll -10px -10px;     
  background-color: #FFFFFF; /* Blanc*/
}

.grid_3_colonne_encadrer_mini {
 border: 2px solid #CDCDCD; /* gris claire*/
  width: 95%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -100px -40px;   
  background-color: #FFFFFF; /* Blanc*/

}

.grid_3_colonne_encadrer_mini:hover{
    background: #F5F5F5 url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -90px -35px;
    opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.grid_4_colonne_encadrer_mini {
 border: 2px solid  #CDCDCD; /* gris claire*/
  width: 95%;
  margin: 10px;
  background-color: #FFFFFF; /* Blanc*/
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -100px -40px;    
  
}

.grid_4_colonne_encadrer_mini:hover{
    background: #F5F5F5 url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -90px -35px;
    opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


@media (min-width: 992px){


.grid_3_colonne_mini {
 width: 31%;
 margin: 10px;
}

.grid_4_colonne_mini {
 width: 22%;
 margin: 10px;
}

.grid_1_colonne_encadrer {
 width: 95%;
 margin: 10px;
}

.grid_1_colonne_encadrer ul{
 -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.grid_1_colonne_encadrer li a{
 display: inline-block;
}

.grid_66_colonne_encadrer {
 width: 61%;
 margin: 10px;
}

.grid_66_colonne_encadrer ul{
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

.grid_66_colonne_encadrer li a{
 display: inline-block;
}

.grid_3_colonne_encadrer {
 border: 2px solid  #CDCDCD; /* gris claire*/
  width: 31%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-orange-full.png") no-repeat scroll -10px -10px;    
  background-color: #FFFFFF; /* Blanc*/
}

 

.grid_4_colonne_encadrer {
 border: 2px solid  #CDCDCD; /* gris claire*/
  width: 22.8%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-orange-full.png") no-repeat scroll -20px -20px;     
  background-color: #FFFFFF; /* Blanc*/
}

.grid_3_colonne_encadrer_mini {
 border: 2px solid  #CDCDCD; /* gris claire*/
  width: 31%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -100px -40px;    
  background-color: #FFFFFF; /* Blanc*/
}

.grid_3_colonne_encadrer_mini:hover  {
    background: #F5F5F5 url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -90px -35px;
    opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.grid_4_colonne_encadrer_mini {
 border: 2px solid  #CDCDCD; /* gris claire*/
  width: 22.8%;
  margin: 10px;
  background: transparent url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -100px -40px;     
  background-color: #FFFFFF; /* Blanc*/
}
.grid_4_colonne_encadrer_mini:hover{
    background: #F5F5F5 url("/fileadmin/templates/images/cotenord/2-strokes-rouge-full.png") no-repeat scroll -90px -35px;
    opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

}