#smedsby p{
  font-size: 108%;
  text-align: center;
  line-height: 158%;

}

#smedsby a { color: grey;

}
#smedsby a:hover { color:black;

}
.souligne {text-decoration: underline;}

.centrage:{
  text-align: center;
}

.cursor{
 cursor:url("assets/img/cursor.png")auto;}

/*enlever la bordure au click*/
*:focus {

outline: none;

}

*::-moz-focus-inner {

border: none;

}

/*enlever la bordure au click*/

 

@font-face {
    font-family: 'open_sansbold';
    src: url('typo/OpenSans-Bold-webfont.eot');
    src: url('typo/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/OpenSans-Bold-webfont.woff') format('woff'),
         url('typo/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('typo/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('typo/OpenSans-BoldItalic-webfont.eot');
    src: url('typo/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('typo/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('typo/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('typo/typo/OpenSans-Light-webfont.eot');
    src: url('typo/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/OpenSans-Light-webfont.woff') format('woff'),
         url('typo/OpenSans-Light-webfont.ttf') format('truetype'),
         url('typo/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('typo/OpenSans-Regular-webfont.eot');
    src: url('typo/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/OpenSans-Regular-webfont.woff') format('woff'),
         url('typo/OpenSans-Regular-webfont.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('typo/OpenSans-Semibold-webfont.eot');
    src: url('typo/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/OpenSans-Semibold-webfont.woff') format('woff'),
         url('typo/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('typo/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*header en position fixer*/

.navbar-fixed-top {position: static;}


/*taille de police du menu de navigation header*/

#top-nav.navbar-fixed-top ul{
	
	font-size: 11px;
	font-family:Arial,helvetica,sans-serif;
  color:#777777;
	text-transform: uppercase;
	padding-top: 2%;
  padding-right: 1%;
  padding-left: 3%;
  padding-bottom: 2%;
  font-weight: 500;
}



/* 70 de marge sur la top bar fixe*/

*:focus {

outline: none;

}

*::-moz-focus-inner {

border: none;

}




/* 70 de marge sur la top bar fixe*/
#owl-demo{margin-top: 1%;}


#top-nav.navbar .nav > li > a {
color:#777777;
padding: 5px 8px;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: white;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;


-webkit-transition: background-color 200ms ease;
-moz-transition: background-color 200ms ease;
-o-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}

#top-nav.navbar .nav ul li  {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0
}

#top-nav.navbar .nav > ul >li > a:focus, 
#top-nav.navbar .nav > ul >li > a:hover
{
color: #000000;
padding: 5px 8px;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-transform: uppercase;
font-weight: 500;
background-color: black;
font-size: 11px;

 
}





/* liste :fait disparaitre le deuxieme niveau*/
#top-nav.navbar .nav ul {
  left: -4000px;
  position: absolute;
  color: #777777;

}

/* liste :le fait réapparaitre a un endroit calculé*/
#top-nav.navbar .nav li:hover > ul {
  left:75px;
  top:60px;;
  color: #777777;
  
}

#top-nav.navbar .nav ul {
color: #777777;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: white;
text-transform: uppercase;
font-weight: 500;
background-color: black;
font-size: 11px;
letter-spacing: 0.1em;
}

#top-nav.navbar .nav ul a:hover{
color: black;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: white;
text-transform: uppercase;
font-weight: 500;
background-color: black;
font-size: 11px;

}

/* effet de transition/couleur/ sur les liens en survol*/
#top-nav.navbar .nav > li > a:focus,
#top-nav.navbar .nav > li > a:hover {
color: black;
padding: 5px 8px;
padding-bottom: 10px;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-transform: uppercase;
font-weight: 500;

border-bottom: solid 2px black;
font-size: 11px;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
}

.active
{
color: black;
padding: 5px 8px;
padding-bottom: 10px;
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-transform: uppercase;
font-weight: 600;
font-size: 11px;

}



#owl-demo .owl-item img {
  border-radius: 3px 3px 3px 3px;
  display: block;
  height: auto;
  margin: auto;
  margin-top: 1%;
  /*ici permet de gérer la taille des images en pourcentage dans le slider*/
  width: 70%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding-bottom:1%;
  margin-top:1%;

 
}


#logo{ width:289px;
float:left;
padding-bottom:1%;
padding-left: 0%; 
padding-right: 1%;
padding-top:1%;
}

#footer{
 
  background: black;
  text-align: center;
  color:#838080;
  letter-spacing: 0.4em;
  width: 100%;
  background: #000;
  margin-top: 1%;
  padding-top: 1%;
   padding-bottom:7%;


}
  
.clear {
  clear: both;
}



#footer p, #footer a{

  font-size: 11px;
  font-family:Arial, sans-serif;
  font-weight: 400;
 
  font-weight: lighter;
 color:#838080;}

.width{
  padding-left:0%;
  padding-right: 2%;

}


/* SUr la page d'accueil uniquement : 
permet apparition des numeros au survols  dans la boite contenant la pagination et les prev et next button*/
 
.owl-controls:hover{
  opacity: 1;
  margin-bottom: 4%;
}

.owl-controls{
  opacity: 0;
  margin-bottom: 4%;
}


/* SUr la page d'accueil permet que le slider soit bien a 6% de marge top du header*/
.owl-carousel 
.owl-wrapper-outer{
margin-top:3%;}
}