@charset "UTF-8";

@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('polices/ubuntu-c-webfont.eot');
    src: url('polices/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/ubuntu-c-webfont.woff2') format('woff2'),
         url('polices/ubuntu-c-webfont.woff') format('woff'),
         url('polices/ubuntu-c-webfont.ttf') format('truetype'),#7F7F7F
         url('polices/ubuntu-c-webfont.svg#ubuntu_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    width: 80%;
  background: transparent url(images/fondo.jpg) repeat scroll 0% 50%;
    text-align: center;
    font-family: 'ubuntu_condensedregular';
    font-size: 87.5%;
    color: #7F7F7F;/*text*/
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
.body {
    margin-right: auto;
    margin-left: auto;
	padding: 0;
}

header .ban {
    background: url(images/ban22.jpg);
    background-size: cover;
    height: 500px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#barraaceptacion {
	display:none;
	/*position:fixed;*/
    margin-right: auto;
    margin-left: auto;
	top:0px;
	padding-top:20px;
	width:100%;
	text-align:center;
	min-height:10px;
	background-color: rgba(0, 0, 0, 0.5);
	color:#fff;
	z-index:99999;
}

.inner {
	width:100%;
	/*position:absolute;*/
	padding-left:5px;
	font-family:verdana;
	font-size:12px;
	top:0px;
}

.inner a.ok {padding:4px;color:#00ff2e;text-decoration:none;}
.inner a.info {padding-left:5px;text-decoration:none;color:#faff00;}

a:link, visited {
}
a#current {
    background-color: #81ACCC;
    
}
a {
  color: #1F5681;
}
a:hover, a:active {
    color: #9E1F3A; /**/
}
h2 {
    color: #17444B; /*DB4666*/
}
h3 {
    color: #17444B;
    
}
.mainHeader p {#0C3055
    display: none;
}
.mainHeader img {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: auto;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
.mainHeader {
    margin-top: 0%;
    max-width: 100%;
    height: auto;
    text-align: left;
    font: italic bold 1.1em Arial, Verdana, Helvetica;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
.mainHeader nav img {
    width: 90%;
    height: auto;
}
.mainHeader nav {
    float: left;
    width: 32%; /*largeur fond langues*/
    background-color: #AAD2F2;/*gris petrol*/
    height: 22px;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
.mainHeader nav ul {
    float: left;
    display:inline-block;
    list-style: none;
    margin: 2px auto;
    padding-left: 2px;
}
.mainHeader nav ul li {
    display: inline;
    vertical-align: bottom;
}
/*.mainHeader nav a:link, .mainHeader nav a:visited {
    color: #fff;
    display: inline-block;
    padding: 4px 4px; /*largeur des link*/
   /* height: 20px;
}
.mainHeader nav a:hover,  .mainHeader nav a:active,
.mainHeader nav .active a: link, .mainHeader nav .active a:visited {
    background-color: #DB4666; /*orange link*/
}
.mainContent {
  background: transparent url(images/fondo.jpg) repeat scroll 0% 50%;
    margin-top: 6px;
    background-color:#FFFFFA;
    line-height: 25px;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
 /*https://www.w3schools.com/cssref/tryit.php?filename=trycss3_background_hero*/
.content  {
  background: url(images/6L.jpg);
    margin: 1%;
    text-align: center;
    display:inline-block;
    background-color: #FFFFFA;
    width: 45%;
    height: 300px;
    /*float: left;*/
    padding-left: 1%;
    padding-right: 1%;
    line-height: 1.5em;
    font-size: 1em;
    color: #5E5353; /*texte central*/
    border: 1px solid #BFBFBF; /*bord ext*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.contentkind  {
  background: url(images/famille.jpg);
    margin: 1%;
    text-align: center;
    display:inline-block;
    background-color: #FFFFFA;
    width: 45%;
    height: 300px;
    /*float: left;*/
    padding-left: 1%;
    padding-right: 1%;
    line-height: 1.5em;
    font-size: 1em;
    color: #5E5353; /*texte central*/
    border: 1px solid #BFBFBF; /*bord ext*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.contentleist  {
  background: url(images/services.jpg);
    margin: 1%;
    text-align: center;
    display:inline-block;
    background-color: #FFFFFA;
    width: 45%;
    height: 300px;
    /*float: left;*/
    padding-left: 1%;
    padding-right: 1%;
    line-height: 1.5em;
    font-size: 1em;
    color: #5E5353; /*texte central*/
    border: 1px solid #BFBFBF; /*bord ext*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.contentleist2  {
  background: url(images/leistung.jpg);
    margin: 1%;
    text-align: center;
    display: inline-block;
    background-color: #FFFFFA;
    width: 45%;
    height: 300px;
    /*float: left;*/
    padding-left: 1%;
    padding-right: 1%;
    line-height: 1em;
    font-size: 1em;
    color: #5E5353; /*texte central*/
    border: 1px solid #BFBFBF; /*bord ext*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.hero-image {
  width: 100%;
  height: 300px;
  background-position: left;
  background-repeat: no-repeat; 
  background-size: cover;
  position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #0077b1;
}
.kind-image {
  width: 100%;
  height: 300px;
  background-position: left;
  background-repeat: no-repeat; 
  background-size: cover;
  position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.kind-text {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #0077b1;
}
.leist-image {
  width: 100%;
  height: 300px;
  background-position: left;
  background-repeat: no-repeat; 
  background-size: cover;
  position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.leist-text {
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #0077b1;
}
.content2 {        /*Horraires*/
    margin-top: 1px;
    text-align: center;
  background: url(images/fondRose.jpg);
 /*   background-color: #FF6400; /*orangeHorraires*/
    width: 100%;
    float: left;
    line-height: 1.5em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.contentNorb {        /*Horraires*/
    margin-top: 1px;
    text-align: center;
  background: url(images/fondNorb.jpg);
    background-color: #B9A1A1; /*orangeHorraires*/
    width: 100%;
    font-size:1.8em; 
    float: left;
    line-height: 1.5em;  /*texte central*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

article p img {
    text-align: center;
	max-width: 100%;
	height: auto;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
.pub {
    text-align: center;
    margin: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pub img {
    width: 120px;
    height: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.advert {
margin-bottom: 5px; 
    width: 100%;
    float: left;
    border: 10px solid #BFBFBF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #BFBFBF;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
    
.content img {#FFFFFA
    float:right; 
    border-color:grey; /*bord int*/
    margin-right: 1%;
    margin-left: 1%;
    width:50%;
}

.annonces {
    margin: 0.3%;
    text-align: center;
    display:inline-block;
    background-color: #FFFFFA;
    width: 20%;
    height: 12%;
    /*float: left;*/
    padding-left: 0.3%;
    padding-right: 0.3%;
    line-height: 1.5em;
    font-size: 1em;
    color: #5E5353; /*texte central*/
    border: 1px solid #BFBFBF; /*bord ext*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
}
article img {
    text-align: center;
	max-width: 100%;
	height: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
article p {
    text-align: center;
	max-width: 100%;
	height: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    
.link { color: #FF0000; } /* CSS link color (red) */
.link:hover { color: #00FF00; } /* CSS link hover (green) */
}
article2 img {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.mainfooter {
    width: 100%;
    height: 55px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #6D899E;
    margin: 13px 0;
    font-family: 'ubuntu_condensedregular';  
    vertical-align: center; 
}

.mainfooter p {
    font-size: 0.8em;
    text-align: center;
    width: 92%;
    margin: 2% auto;
    color: #fff;
    font-family: 'ubuntu_condensedregular';
}
@media all and (max-width: 1100px)
{   
header .ban {
    background: url(images/ban22.jpg);
    background-size: cover;
    height: 220px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
} 
.mainHeader nav {
    background-color: #6D899E;/*6D899E*/
    height: 30px;
    width: 100%;
}
.mainHeader nav ul li {
    display: inline-block;
    color: #6D899E;
    font-size: 0.8em;
    width: 25%;
    text-align: center; /*#9F9191*/
}
. content2 {
    font-size: 0.5em;
}

.content {
    text-align: left;
    width: 100%;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
.contentkind {
    text-align: left;
    width: 100%;
    font-size: 1.2em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
.contentleist {
    text-align: left;
    width: 100%;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
.contentleist2 {
    text-align: left;
    width: 100%;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
.contentNorb {        /*Horraires*/
    margin-top: 1px;
    text-align: center;
  background: url(images/fondNorb.jpg);
 /*   background-color: #FF6400; /*orangeHorraires*/
    width: 100%;
    float: left;
    line-height: 1em;
    font-size:1.8em;
    color: #5E5353; /*texte central*/
}
.top-sidebar {
    text-align: center; /*centrage tiempo*/
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}
article p img {
    text-align: center;
	max-width: 100%;
	height: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

}
/*#rightcontent h2 {
    font-size: 1em;
}
#rightcontent {
    margin-top: 3px;
    width: 24%;
    float: right; 
    padding: 1.5%;
}
}*/
 
 /*and (orientation:landscape) and (-webkit-device-pixel-ratio: 2)*/
 /*@media all and (max-width: 768px)
{    
.mainHeader nav {
    background-color: #6D899E;
    height: 80px;
    width: 100%;
}
.mainHeader nav ul li {
    color: #6D899E;
    font-size: 0.8em;
    width: 25%;
    text-align: center; 
}
#leftcontent {
    margin-top: 3px;
    text-align: left;
    width: 28%;
    float: left;
    padding: 1.5%;
    line-height: 1.5em;
    font-size: 0.8em;
    color: #4D4D4D; 
    
}
#centercontent {
    margin-top: 3px;
    text-align: left;
    width: 66%;
    float: left;
    padding: 1.5%;
    line-height: 1.5em;
    font-size: 1.2em;
    color: #4D4D4D; 
}
#rightcontent h2 {
    font-size: 1.1em;
}
#rightcontent {
    margin-top: 3px;
    width: 100%;
    float: right; 
    padding: 1.5%;
}
}*/

@media all and (max-width: 480px)
{
#liste .photo {
	width: 280px;
	height: 210px;
	}
#liste2 {
    display: none;
}

}
@media all and (max-width: 360px)
{
#liste .photo {
	width: 200px;
	height: 160px;
	}
#nav li {
    font-size: 0.4em;	
}
@media all and (max-width: 240px)
{
#conteneur a { /*conteneur thumb*/
  width:30px;
}
#liste .photo {
	width: 175px;
	height: 140px;
	}
.mainHeader nav ul li a{
   font-size: 1.2em;
	
}

}