@charset "utf-8";
#marquis{
    color:#A52A2A;
    border:5px outset #BDB76B;
    font-family: 'Bookman Old Style', avec-serif;
    box-shadow:-0px -0px 35px black;
}
#ic{
    width: 30px;
}
.asideg{
    background-image: url(images/beige4.jpg);
}
#ic:hover{
    width: 35px;
}
#contactd{
    width: 50px;
    height: 50px;
    text-align: center;
}
#contact{
    max-width: 100%;
    max-height: 100%;
}
/*----------------------*/
#nou{
    margin-left: 22%;
    margin-right: 5%;
    padding: 5px;
    font-variant: small-caps;
    font-size: 16px;
    color: white;/*#A52A2A;*/
    background-image: url(images/cascade.gif);
    background-size:cover;
    border:5px inset #BDB76B;
    box-shadow:10px -13px 35px black; 
    }
@media screen and (max-width: 37cm)
{
    #imnouv{
          width:400px;
    }
    #nou{
    margin-left: 22%;
    margin-right: 5%;
    padding: 5px;
    font-variant: small-caps;
    color:chocolate;
    border:5px inset #BDB76B;
    box-shadow:10px -13px 35px black; 
    }
}
@media screen and (max-width: 23cm)
{
    #imnouv{
          width:300px;
    }
    #nou{
    margin-left: 27%;
    margin-right: 5%;
    font-variant: small-caps;
    color:chocolate;
    border:5px inset #D2B48C;
    box-shadow:10px -13px 35px black;     
    }
}
@media screen and (max-width: 19cm)
{
    #imnouv{
          width:250px;
    }
    #nou{
    margin-left: 38%;
    margin-right: 5%;
    font-variant: small-caps;
    color:chocolate;
    border:5px inset #D2B48C;
    box-shadow:10px -13px 35px black; 
    }
}
@media screen and (max-width: 14cm)
{
    #nou{
    margin-left: 5%;
    margin-right: 5%;
    font-variant: small-caps;
    color:chocolate;
    border:5px inset #D2B48C;
    box-shadow:10px -13px 35px black; 
    }
}
/*------------------------*/
.heure{
    text-align: center;
    font-family: 'Bookman Old Style', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color:#A52A2A;
    margin-right: 15%;
    margin-left: 15%;
    padding: 5px;
    border:5px inset #BDB76B;
    box-shadow:13px -13px 25px black;
}

.bandeau{
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    color:white;
    background-color: #0030A0;
    margin-right: 5%;
    margin-left: 5%;
}

#paccueil{
    float:left;
    width: 250px;
    margin-right: 2%;
}
.sec1{
    margin-right: 1%;
    margin-left: 1%;
    text-align: justify;
}
.sec2{
    margin-right: 1%;
    margin-left: 1%;
    text-align: justify;
}

#p4{
    text-align: center;
    margin-bottom: 5%;
    padding:0%;
}

/*------------*/
.dropdown-menu{
    background-color: black!important;
}
/*------------*/
.bleuetitre{
    color:#0030A0;
    font-size:large;
}
.bleue{
    color:#0030A0;
    font-weight: bold;
}
.corps{
        /*background-color: #FFE4C4 !important;
        border-color="black"*/
    color:white;
}

#tablep{
    border-top-color: #D2B48C;
}

#logoi{
    width: 290px;
}

.expa{
    text-align: center;
}

#logop{
    text-align: center;
    height: 0px;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 4.5em;
    margin-bottom: 3.5em;
    padding:0%;
    border-style:double;
    border-width: 0px;
    /*border-color:#FFEFD5; /*#D2B48C*/    
    border-image:url(images/fd28.jpg) 30 30 ;
}
@media screen and (max-width: 19cm)
{
    #logoi{
    width: 210px;
}
}

/*-----------------------------------------------*/
td{
    text-align: justify;
}

#td_prem{
    text-align: center ;
}

.tab_lat{
    width:100%;
    border:0px;
    vertical-align:middle;
}
/*-------------------------------*/
html{
    /*background-image: url(images/fd23.jpg);*/
    /*background-image: url(images/soleil2.jpg);*/
    background-image: url(images/vert_clair_020.jpg);
    background-size:c;
    background-attachment: fixed;
}

body{
    /*background-image: url(images/fd22.jpg);*/
    /*background-image: url(images/fd21.jpg);*/
    background-color: #FFDAB9;
    background-attachment: fixed;
    margin:auto;
    width:24cm;
    border-style:ridge;
    border-color:SandyBrown; /*  #800000  */
    border-width: 5px;
    font-family:sans-serif;
    color:black;
}


@media screen and (max-width: 27cm)
{
      body{
          margin:auto;
          width:22cm;
      }
}
@media screen and (max-width: 23cm)
{
      body{
          margin:auto;
          width:18cm;
      }
}
@media screen and (max-width: 19cm)
{
      body{
          margin:auto;
          width:13cm;
      }
}
@media screen and (max-width: 14cm)
{
      body{
          margin:auto;
          width:10cm;
      }
}
/*-------------------------------*/
.navbar .navbar-collapse {
   text-align: center;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    border-bottom-color: black;
    vertical-align: top;
}
.navbar {
    border-bottom-color: black; 
    background-image: url(images/zzz6.jpg);
    background-repeat:round;
    background-size:contain;
    /*background-color: #400000;*/
    margin-left: 0% !important;
    margin-right: 0% !important;
}

#lip{
    border:1px ridge #D2B48C;
    border-width: 4px;
    background-image: url(images/fd1.jpg);
    background-repeat:round;
    background-size:contain;
    border-style:outset;
    color: #000000!important;
}
#lip:hover{
    background-color:cadetblue;
    font-weight: bold !important;
    border-width: 6px;
}

#lip2{
    font-size: medium !important;
}

.lis:hover{
    border-bottom-style: groove;
    border-bottom-width:thin;
    border-bottom-color: white;
}

.lis2{
    font-weight: bold !important;
    font-size: small !important;
    background-color:#D3D3D3;
    border-bottom-width: 1px;
    border-bottom-style: groove;
    border-top: 1px;
    border-top-style: groove;
}
.lis2:hover{
    background-color: cadetblue !important;
    font-weight: bold !important;
    font-size: medium !important;
        }
/* ------------------ */

.ll{
    background-image: url(images/parchemin2.jpg);
    background-size:contain;
    height: 5.6cm;
    font-size: 15px;
}
.ll  a{
    margin-left: 3px;
    font-Family: Cursive; 
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #006400;
}
.ll a:hover{
    font-size: 16px;
}

.h{
    margin-top: 1cm;
    background-image: url(images/cascade2.gif);
    background-size:180px;
    border: 2.5px inset #B8860B;
    height: 8cm;
}
/* ------------------ */
section aside
{
	margin-right: 20px;

}
aside
{
    width: 160px;
    box-shadow: 8px -8px 20px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    float: left;
    margin-top: 3%;
}
@media screen and (max-width: 14cm)
{
      aside{
         display:none;
      }
}

.asided  a{
    font-size: 12px;
    font-weight: bold;
    color: #006400;
	text-decoration: none;
	line-height: 14px;
}
.asided  a:hover {
    font-size: 14px;
}
.asidep {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0030A0;
	text-align: center;
	/*background-color:#709000 ;/* #BDB76B  #FFC*/
    margin-top:10px;
    margin-bottom:0px;
    /*border-style: solid;
    border-bottom-color: 0px solid #D2B48C;*/
}
.asided {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
    border: 6px inset #B8860B;
    background-image: url(images/fd21.jpg);
    background-size:contain;
}
/* ------------------ */
.pied {
	font-size: 10px;
	color: black;
    text-align: center ;
}
.pied a {
	font-size: 15px;
	color: black !important;
}
.pied  a:hover {
	color: #069 !important;
}
@media screen and (max-width: 14cm)
{
    #fspan{
        display:none;
    }
}