@font-face {
	font-family: Avenir-Book;
	src: url('font/Avenir/Avenir-Book.ttf') format('truetype');
}

body {
    background-color: #ffffff;

	color: #000;
    text-align: center;
	font-family: Avenir-Book;
    margin:0;
    padding:0;
    height:100%;
    overflow-y: scroll;
}
.centre {
    max-width: 1000px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    height: 100%;
}


.contentform{
  text-align: justify;
  font-size: 10pt;
  font-size:10pt;
  margin-top:20px;
  padding: 20px 20px 20px 20px;
  width:670px;
  min-height:500px;
}

#adminlogin{
  padding-top:13px;
}
#logout{
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #ED1C24;
	border: 5px solid #000;
}

#plogout{
	font-weight: bold;
	color: #FFF;
	height: 42px;
	margin-top: 5px;
	text-align: center;
	width: 170px;
}
#adminlogin{
  margin-top: 55px;
  padding-left: 10px;
  padding-right: 10px;
  width:250px;
  margin-left:auto;
  margin-right:auto;
  height: 100%;
  border: 1px solid #000000;
  background-color: #808080;
  font-size: 10pt;
  color: #000000;
}

.moduleseditions{
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left:auto;
  margin-right:auto;
  width:400px;
  min-height: 350px;
  height: 100%;
  border: 1px solid #000000;
  background-color: #808080;
  font-size: 10pt;
  color: #000000;
}
.messagesucces{
  margin-top: 15px;
  padding: 10px 10px 10px 10px;
  width:365px;
  min-height: 30px;
  border: 1px solid #000000;
  background-color: #008000;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.messageerreur{
  margin-top: 15px;
  padding: 10px 10px 10px 10px;
  width:340px;
  min-height: 30px;
  border: 1px solid #000000;
  background-color: #CC0000;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
}
a:link {color:#ffffff; text-decoration: none;}      /* unvisited link */
a:visited {color:#ffffff;text-decoration: none;}
a:hover{color:#F12048;text-decoration: none;}
a:active{color:#F12048;text-decoration: none;}
a:focus{
  outline: none;
}
/* Feuille de style pour Calendrier */
table.cal { border-collapse: collapse; font-size:12px; background:#ffffff; border: 1px groove #0026A7; }
/* la case contenant le nom du mois */
.cal td.cal_titre { font-weight:bold; }
/* les cases des jours de la semaine */
.cal th { text-align:center; background:#5f7d01; color:#DAE2FF; border: 1px solid #000000; }
/* les autres cases */
.cal td { text-align:center; background:#ffffff; margin:0px; padding:5px; border:1px solid #000000; }
/* la case correspondant à aujourd'hui */
.cal td.today { border: 2px solid #EBB61B; margin:0; padding:-2px; }

.calendar{
    background-color:#f7f6f3;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid #0099cc;

}
.calendar a{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}
.calendar span{
    float:left;
    display:block;
    width:25px;
    cursor:pointer;
    text-align:center;
}
.titleMonth{
    width:100%;
    background-color:#08a1d4;
    color:#FFFFFF;
    text-align:center;
    border-bottom:1px solid #666;
    margin:none;
    padding:none;
    padding-bottom:2px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
}
.separator{
    float:left;
    display:block;
    width:25px;
}
.currentDay{
    font-weight:bold;
}
#imagepat img{
    width:100%;
}
.vert{
    background-color:#003932;
    clear:both;
    padding: 80px 0px 80px 0px;

}
.gris{
    background-color:#b6b8b9;
    clear:both;
    padding:80px 0px 80px 0px;
}
.mariage{
    clear:both;
    background-image:url(images/image-famille.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    padding:80px 0px 80px 0px;
}
#section6 div.titre img{
    width:100%;
}
hr{
    clear:both;
}
.blanc{
    clear:both;
   padding:80px 0px 80px 0px; 
}
#immobilier h1,#immobilier h2{
    color: #536270;

}
#immobilier p{
    text-align:justify;
}
#section3 {
    color:white;
}
#section3 div.col1{
    float:left;
    width:30%;
    text-align:justify;
    padding-right:3%;
}
#section3 div.col3{
    float:right;
    width:37%;
    text-align:justify;
}
#section3 div.col3 figure{

    float:right;
    text-align:justify;
}
#section3 div.col2{
    text-align:justify;
}
figure {
    display: inline-block;
    margin: 10px; /* adjust as needed */
}
figure img {
    vertical-align: top;
}
figure figcaption {
    text-align: center;
}
ul { list-style-position: inside; padding-left:20px;}
#section5{
    color:white;
}
#section5 h1{
    color:white;
    text-align:center;
}
#section5 h1 img{
    vertical-align:middle;
}
#section5 div.col1{
    float:left;
    width:40%;
    text-align:justify;
    padding-right:3%;
}
#section5 div.col3{
    float:right;
    width:40%;
    text-align:justify;
}
#section5 div.col3 figure{

    float:left;
    text-align:justify;
}
#section5 div.col2{
    text-align:center;
}
#section7{
    color:white;
}
    #section7 div.col1 {
        float: left;
        width: 40%;
        text-align: justify;
        padding-right: 3%;
    }

    #section7 div.col3 {
        float: right;
        width: 40%;
        text-align: justify;
    }

.video{text-align:center; clear:both;}
.tab{
    padding:0px 30px;
}
#adresse img{vertical-align:middle;}
#adresse{padding:20px 0px 0px 0px;
         color:#536270;
}
#section1 div figure{
    padding-right:75px;
    vertical-align:top;
}
p{text-align:justify;}