/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 mars 2017, 14:34:17
    Author     : laurent
*/

/* jssor slider loading skin circles css */

        .jssorl-circles img {
            animation-name: jssorl-circles;
            animation-duration: 2.4s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-circles {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

 /* fin jssor style */
.pseudo_card
{
border-style: none;
margin-top: 20px;
padding-top: 20px;
padding-bottom:7px;
-moz-box-shadow: 0px 1px 3px 0px #555;
-webkit-box-shadow: 0px 1px 3px 0px #555;
-o-box-shadow: 0px 1px 3px 0px #555;
box-shadow: 0px 1px 3px 0px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#555, Direction=180, Strength=6);
}
.pseudo_card_important
{
background-color: #Fee;
}
body #jssor_1
{
font-family: 'Open Sans', sans-serif;
text-shadow: 2px 2px 7px rgba(255, 255, 255, 1);
}
.chip_align{
position: relative;
    float: right;
margin-top: 20px;
margin-right: 20px;
right: 0px;
margin-bottom: 20px;
z-index: 10;
}
.banniere
{
    width: 1280px;
    position: relative;
}
.container{
    
    width: 95%;
    position: relative;
    marigin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
border-top-width:0px;
border-bottom-width: 0px;


}
.bouton
{
color: #fff;
float: left;
margin-left: 2px;
padding: 10px;
background-color: #911;
margin-top: 20px;
border-radius: 3px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 23px;
height: 33px;
position:relative;
left: px;
font-family: 'Droid Sans', sans-serif;
letter-spacing: 1px;
font-size: 16px;
}
.bouton:hover
{
background-color: #600;
-moz-box-shadow: 0px 1px 3px 0px #555;
-webkit-box-shadow: 0px 1px 3px 0px #555;
-o-box-shadow: 0px 1px 3px 0px #555;
box-shadow: 0px 1px 3px 0px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#555, Direction=180, Strength=6);
}
.row
{
    padding-left: 30px;
padding-right: 30px;
}
.footer
{
font-family: 'Droid Sans', sans-serif;
text-align: center;
color: #fff;
background-color: #900;
height: auto;
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.footer a
{
color: #fff;
}
.footer a:hover
{
color: #BBB;
}
.titre
{
margin-top: 20px;
font-family: 'Droid Sans', sans-serif;
font-size: 35px;
height: 60px;
border-style: solid;
border-left-width: 0px;
border-right-width: 0px;
border-top-width:1px;
border-bottom-width: 1px;
border-color: #700;
line-height: 60px;
}
.serif
{
font-family: 'Lora', serif;
font-size: 16px;
text-align:left;
line-height: 30px;
}
.titre_important
{
font-family: 'Droid Sans', sans-serif;
background-color: #F22;
color: #fff;
font-size: 18px;
padding-left: 10px;
padding-right: 10px;
height: 30px;
line-height: 45px;
border-radius: 3px;
}
.titre_estimation, .titre_prochain
{
font-family: 'Droid Sans', sans-serif;
background-color: #900;
color: #fff;
font-size: 18px;
padding-left: 10px;
padding-right: 10px;
height: 30px;
line-height: 45px;
border-radius: 3px;
}
.titre_estimation_liste
{
float: left;
position: relative;
font-family: 'Droid Sans', sans-serif;
clear:both;
color: #000;
font-size: 24px;
margin-top: -5px;
margin-bottom: 10px;
height: 30px;
}

.card_title
{
clear: both;
float: left;
position:relative;
margin-top: 20px;
font-family: 'Droid Sans', sans-serif;
background-color: #333;
color: #fff;
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
height: 34px;
line-height: 20px;
border-radius: 3px;
margin-left: 23px;
}
.card_title_liste
{
clear: both;
float: left;
position:relative;
margin-top: 0px;
font-family: 'Droid Sans', sans-serif;
background-color: #333;
color: #fff;
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
height: 34px;
line-height: 20px;
border-radius: 3px;
margin-left: 0px;
}

.card_title_h
{
clear: left;
float: left;
position:relative;
font-family: 'Droid Sans', sans-serif;
background-color: #333;
color: #fff;
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
height: 34px;
line-height: 20px;
border-radius: 3px;
margin-bottom: 10px;
}
.description_vente
{
float: left;
clear:both;
padding-top: 15px;
padding-bottom: 15px;
}

.card-content
{
clear:both;
font-family: 'Droid Sans', sans-serif;
}
.card_sous_title
{
clear: both;;
float: left;
margin-left: 22px;
font-family: 'Droid Sans', sans-serif;
font-weight: 700;
padding-top: 5px;
}
.card_sous_title2
{
clear: both;;
float: left;
margin-left: 0px;
font-family: 'Droid Sans', sans-serif;
font-weight: 700;
padding-top: 0px;
margin-bottom: 15px;
}
.titre_estim
{
clear:both;
font-family: 'Droid Sans', sans-serif;
font-size: 18px;
font-weight: 700;
margin-left: 23px;
color: #000;
float: left;
margin-top: 20px;

}
.description
{
font-family: 'Droid Sans', sans-serif;
position: relative;
top: -10px;
}
.titre_estimation i, .titre_prochain i, .titre_important i
{
position: relative;
left: 5px;
}
.text_inventaire
{
font-family: 'Droid Sans', sans-serif;
font-size: 18px;
}
.bouton-nav
{
font-family: 'Droid Sans', sans-serif;
font-size: 16px;
background-color: #599;
margin-top: 2px;
padding-left:10px;
color: #FFF;
}

.bouton-nav:hover
{
font-family: 'Droid Sans', sans-serif;
font-size: 16px;
background-color: #277;
margin-top: 2px;
padding-left:10px;
color: #FFF;
}
.logo-menu
{
width: 40%;
height: auto;
margin-top: 20px;
margin-bottom: 10px;
}
.text_menu
{
position: relative;
top: -14px;
left: 6px;
}
.titre_revue
{
font-family: 'Droid Sans', sans-serif;
color: #444;
font-size: 25px;
padding-left: 15px;
padding-right: 15px;
}
.description_revue
{
font-family: 'Lora', serif;
color: #444;
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}

.lien_revue
{
font-family: 'Droid Sans', sans-serif;
color: #444;
font-size: 25px;
padding-left: 15px;
padding-right: 15px;
margin-top:11px;
}
.date_expo
{
clear: both;
width: 90%;
font-weight: 700;
}
.heure_expo
{
clear: both;
width: 90%;
font-weight: 700;
margin-bottom: 10px;
}
.heure_expo_acceuil
{
clear: both;
width: 90%;
font-weight: 700;
margin-bottom: 10px;
margin-left: 5%
}
.date_expo_acceuil
{
clear: both;
width: 90%;
font-weight: 700;
margin-left: 5%;
padding-top: 10px;
}
.newsletter
{
    background-color: red;
}

.nav-mobile
    {
        display: none;
    }
    .nav-large
    {
        display:block;
    }
@media only screen and (max-width:1112px)
{
    .nav-mobile
    {
        display: block;
    }
    .nav-large
    {
        display:none;
    }
}
@media only screen and (max-width:1112px)
{
    .container
    {
        width: 100%;
border: 0px;
    }
    .change_card
{
height: auto;
margin-right: 20px;
} 
    
}
@media only screen and (max-width:346px)
{
.titre
{
font-size: 20px;
}
.titre_important, .titre_prochain,.titre_estimation
{
font-size: 10px;
}    
.change_card
{
height: auto;
margin-right: 20px;
} 
}
.hotel
{
    position: relative;
    margin: 20px;
    top: 50px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}
.text2
{
    margin-left: 20px;
    position: relative;
    top: 20px;
    margin-bottom: 30px;
}