﻿.paveVide23
{
    width:300px;
    display:inline-block;
}
.pavebouton23 {
    -webkit-box-shadow: 0 0 1px #666;
    -moz-box-shadow: 0 0 1px #666;
    box-shadow: 0 0 1px #666;
   
    

    background: linear-gradient(#e1e1e1, #F5F5F5); /*future CSS3 browsers*/

    position: relative;
    margin: 10px 10px 10px auto;

    vertical-align: middle;
    text-align:center;
    display:inline-block;

    /*max-height:220px;
    /*height:215px;*/
    /*width:280px;*/

    width:300px;
    height:200px;
}
.pavebouton23 img{
    
    width:300px;
    height:200px;
}

.pavebouton23 .paveInterne
{
    position:absolute;
    bottom:10px;
    left:10px;
    background-color:white;
    width:280px;
    height:80px;
    opacity: 0.9;
}

.pavebouton23 .paveInterne .paveBouton
{
    display:inline-block;   
    position:absolute;
    left:80px;
    bottom:5px;
    background-color:#D7000F;
    background-image: linear-gradient(to bottom,#db0129 0,#b00021 100%);
    width:120px;
    color:white;
    text-align:center;
}

.pavebouton23 .paveInterne .paveTitre
{    
    text-align:center;
    font-weight:bold;
    padding:5px;
    font-size:14px;
}

.containerOne .pavebouton23Rouge, .container .pavebouton23RougeVide
{
    margin-left:20px;
    margin-right:20px;
}


.listPave
{
    display:inline-block;
    text-align:left;
}

.pavebouton23RougeVide {
    margin: 10px 10px 10px auto;
    vertical-align: middle;
    display:inline-block;
    width:150px;
    height:200px;
}

.pavebouton23Rouge {
    -webkit-box-shadow: 0 0 1px #666;
    -moz-box-shadow: 0 0 1px #666;
    box-shadow: 0 0 1px #666;
   
    
    background-color: #D7000F;
    /*background-image: linear-gradient(to bottom,#db0129 0,#b00021 100%);*/

    position: relative;
    margin: 10px 10px 10px auto;

    vertical-align: middle;
    text-align:center;
    display:inline-block;
    width:150px;
    height:200px;
    /*line-height:200px;*/
}

.pavebouton23Rouge .paveInterne
{
    /*position:absolute;
    top:50px;*/
    color:white;
    font-weight:bold;    
    text-transform: uppercase;
    padding-left:10px;
    padding-right:10px;
    margin-top:200px;
    font-size:16px;
    margin-top:100px;
}

.pavebouton23Rouge > svg{
    position:absolute;
    left:-10px;
    top:-10px;
}

.listPave .double{
    height:420px;
    vertical-align:top;
}

.listPave .titre2 {
    /*background-color:#F0F0F0;*/
    color:#D7000F;
    height:32px;
    font-size:24px;
    font-weight:bold;
    line-height:32px;
    margin-top:8px;
    margin-bottom:8px;
    vertical-align:middle;
}

.divPush{
    display:inline-block;
    /*max-width:650px;*/
    vertical-align:top;
}

/**
 * City Hone Page
 */ 
.containerOne .pavebouton23Rouge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.containerOne .pavebouton23Rouge .paveInterne {
    margin-top: 0;
    font-weight: 500;
}

.pavebouton23Rouge {
    box-shadow: none;
}

.containerOne.center {
  /*  margin: 16px 0;*/ /*Conflit avec le footer*/
}

.containerOne .pavebouton23Rouge.double {
    margin-left: 16px;
    margin-right: 16px;
}

.containerOne .pavebouton23Rouge .paveInterne {
    margin-top: 0 !important; /* override inline style */
    font-weight: 400;
}

.divPush .pavebouton23 {
    box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.24);
    /*margin: 10px 16px 10px 0;*/
}

.divPush .pavebouton23 .paveInterne {
    background: rgba(255, 255, 255, .9);
    opacity: 1;
    height: 84px;
}

.divPush .pavebouton23 .paveInterne .paveTitre {
    padding: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #333;
}

.divPush .pavebouton23 .paveInterne .paveBouton {
    width: 110px;
    bottom: 8px;    
    left: calc(50% - 55px);
    background: #D7000F;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}

.divPush a:hover .pavebouton23 .paveBouton {
    background: #AF0020;
}
/*Nouveaute 2.4*/
.pave {
    margin:5px;
    display:inline-block;
    vertical-align:top;
    border:1px solid #ccc;
    width:224px;
    height:224px;
    border-radius:8px;
    box-shadow: 0 0 2px #eee,  0 2px 2px #ccc;
}
.pave .label {
    margin:0 auto;
    border-top:1px solid #ccc;
    padding-top:20px;
    font-size:16px;
}

.pave .img {
    display:inline-block;
    border-bottom:2px solid #D7000F;
    /*width:150px;*/
    height:112px;
}
.pave .img img{
    display:inline-block;
    /*width:100px;*/
    /*height:100px;*/
    padding-top:10px;
    padding-bottom:10px;
     height:110px;
     max-width: 98%;
}
a.pave {
    text-decoration:none;
}

/*IPAD*/
@media screen and (max-width: 991px) {
    .container
    {
        margin-top:0px;
    }
    .container .pavebouton23Rouge, .container .pavebouton23RougeVide
    {
        margin-left:5px;
        margin-right:5px;
    }
    .pavebouton23Rouge, .pavebouton23RougeVide 
    {    
        margin: 5px 5px 5px auto;

        width:130px;
        height:167px;
    }
    .pavebouton23Rouge .paveInterne
    {
       margin-top:70px;
       font-size:15px;
    }

    .listPave .double{
        height:345px;
    }

    .divPush{
        max-width:520px;
    }
    
    .paveVide23
    {
        width:250px;
    }
    .pavebouton23 {
        margin: 5px 5px 5px auto;

        width:250px;
        height:167px;
    }
    .pavebouton23 img{
    
        width:250px;
        height:167px;
    }

    .pavebouton23 .paveInterne
    {
        bottom:10px;
        left:10px;
        width:230px;
        height:80px;
    }

    .pavebouton23 .paveInterne .paveBouton
    {
        left:60px;
        bottom:5px;
        width:120px;
    }

    .pavebouton23 .paveInterne .paveTitre
    {   
        padding:5px;
        font-size:14px;
    }
           
}


/*Iphone*/
@media screen and (max-width: 376px) {
    .container
    {
        margin-top:0px;
    }

    .listPave .pavebouton23Rouge, .listPave .pavebouton23RougeVide, .listPave .double
    {
        display:none;
    }
    .listPave .titre2 {
        
        font-size: 16px;
    }

    .divPush{
        max-width:320px;
    }
    
    .paveVide23
    {
        margin: 5px 5px 5px auto;
        width:150px;
    }
    .pavebouton23 {
        margin: 5px 5px 5px auto;

        width:150px;
        height:100px;
    }
    .pavebouton23 img{
    
        width:150px;
        height:100px;
    }

    .pavebouton23 .paveInterne
    {
        bottom:5px;
        left:10px;
        width:130px;
        height:60px;
    }

    .pavebouton23 .paveInterne .paveBouton
    {
        left:25px;
        bottom:5px;
        width:auto;
        padding-left:5px;
        padding-right:5px;
        font-size:12px;
    }

    .pavebouton23 .paveInterne .paveTitre
    {   
        line-height:10px;
        font-size:8px;
    }
       
}
