#home {
  background: url('/images/home.jpg') 50% 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50vh;
  text-align: center;
}

#home2 {
  background: url('/images/home2.jpg') 50% 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50vh;
  text-align: center;
}




.portal {
background-color:#FFFFFF;	
  width: 70%;
  text-align: center;
  min-width:350px;
}

.divonglet {
background-color:#FFFFFF;	
  width: 100%;
  text-align: left;
  vertical-align: middle;
}

.transparent {
background-color:#FFFFFF;
opacity:0.8;
width:500px;
min-width:250px;
min-height:250px;
margin: 100px;
padding: 0 5px;
}
.transparent2 {
background-color:#FFFFFF;
opacity:0;
width:1500px;
min-width:250px;
min-height:250px;
margin: 100px;
padding: 0 5px;
}


.transparent h1, .transparent h2  {
    color: #000000;
}

.onglet  {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
    display: inline-block;
	min-height:80px;
    text-decoration: none;
    vertical-align: middle;
	text-align : center;
    width: 176px;
	color:#FFFFFF;
	font-size: 1.2em;
}

.activonglet  {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
    display: inline-block;
    height: 80px;
    text-decoration: none;
    vertical-align: middle;
	text-align : center;
    width: 176px;
	color:#FFFFFF;
	font-size: 1.2em;
}

.onglet  a , .activonglet  a {
	color:#FFFFFF;
	font-size: 1.2em;
}

.tuiletilefonce  {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    height: 176px;
    text-decoration: none;
    vertical-align: top;
    width: 176px;
}


.tuiletileclair  {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
    border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    height: 176px;
    text-decoration: none;
    vertical-align: top;
    width: 176px;
}

.tuilefoncelarge  {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
	height: 220px;
    text-decoration: none;
    vertical-align: top;
	width: 359px;
}

.tuilefoncelargesanshauteur  {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
	width: 359px;
}

.grandetuilefonce  {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    width: 250px;
	height: 250px;
}

.grandetuileclairportail  {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    width: 250px;
	height: 250px;
}

.grandetuileclair {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    width: 300px;
	height: 350px;
	padding: 30px;
}

.longuetuilefonce {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    width: 220px;
	height: 300px;
	padding: 30px;
}

.longuetuileclair {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    width: 220px;
	height: 300px;
	padding: 30px;
}


.largetuileclair {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    width: 85%;

	padding: 30px;
}

.fondtuileclair {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #A28660;
	border-bottom: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
    display: inline-block;
    text-decoration: none;
    vertical-align: bottom;
    
	height: 100px;
	padding: 0px;
	position: absolute;
right:    0;
bottom:   0;
}

.fondclair  {
	color: #FFFFFF;
    background: #A28660;
}

.fondfonce  {
	color: #FFFFFF;
    background: #424040;
}
.fondtresclair  {
	color: #424040;
    background: #FFFFFF;
}



.tuiletileclair h1, .tuiletilefonce h1, .tuilefoncelarge h1, .tuilefoncelargesanshauteur h1, .grandetuilefonce h1, .grandetuileclair h1, .longuetuileclair h1, .longuetuilefonce h1, .largetuileclair h1, .fondclair h1, .fondfonce h1   {
    color: #FFFFFF;
    display: block;
    font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    margin: 0;
    padding: 8px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow : ellipsis;
    overflow : hidden;
    text-align : center;
}

.fondtresclair h1   {
    color: #424040;
    display: block;
    font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    margin: 0;
    padding: 8px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow : ellipsis;
    overflow : hidden;
    text-align : center;
}

.tuiletileclair h2, .tuiletilefonce h2, .tuilefoncelarge h2, .tuilefoncelargesanshauteur h2, .grandetuilefonce h2 , .grandetuileclair h2, .longuetuileclair h2, .longuetuilefonce h2, .largetuileclair h2   {
    color: #FFFFFF;
    display: block;
    font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 100%;
    margin: 0;
    padding: 8px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow : ellipsis;
    overflow : hidden;
    text-align : center;
}

.tuiletileclair  p, .tuiletilefonce  p, .tuilefoncelarge p, .tuilefoncelargesanshauteur p, .grandetuilefonce p, .longuetuileclair p, .longuetuilefonce p, .largetuileclair p   {
    color: #FFFFFF;
    font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
    font-size: 12px;
	font-color: #F8E8C7;
    font-weight: 500;
    line-height: 100%;
    margin: 0;
    padding: 0 5px;
    text-align: left;
}

.tuiletileclair  h4, .tuiletilefonce  h4, .tuilefoncelarge h4, .tuilefoncelargesanshauteur h4, .grandetuilefonce h4, .longuetuileclair h4, .longuetuilefonce h4, .largetuileclair h4   {
    color: #FFFFFF;
    font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    padding: 0 5px;
	bottom:0px;
	text-align: center;
}

.boutonarrondi {
	color: #FFFFFF;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #424040;
font-size: 16px;
    display: inline-block;
    text-decoration: none;
    width: 90%;
	height:40px;
	border-radius: 20px;
	padding: 10px;
}
.boutonarrondi  a  {
    color: #FFFFFF;
    font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding: 0 5px;
	bottom:0px;
	text-align: center;
}


.alignementverticalmilieu  {
    vertical-align: middle;
}

.alignementgauche {
	text-align: left;
}