body{
font-family: Arial, "Myriad Pro", Corbel, "Times New Romant", Calibri, sans-serif;
background-image:url('../images/ms.jpg');
background-attachment:fixed;
}

#bloc_page{
width: 1000px;
margin: auto;
}



/* Navigation */

nav
{
display: inline-block;
width: 100%;
text-align: right;
}

nav ul
{
list-style-type: none;
}

nav li
{
display: inline-block;
margin-left: 5%;
}

nav a
{
font-size: 1.3em;
color: #181818;
padding-bottom: 0.5%;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
}

nav a:hover
{
color: #760001;
border-bottom: 3px solid #760001;
}



article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}


#video{
positon: relative;
border-radius: 10px 10px 10px 10px;
box-shadow: -5px 5px 5px #000000;
background-color: #ffffff;
margin: 5% 0 1% 0;
width: 100%;
text-align: center;
padding-top: 1%;
padding-bottom: 1%;
}

#lienyt{
positon: relative;
border-radius: 10px 10px 10px 10px;
box-shadow: -5px 5px 5px #000000;
background-color: #ffffff;
margin: 1% 0 5% 0;
width: 100%;
text-align: center;
padding-top: 1%;
padding-bottom: 1%;
}


#description{
opacity: 0.9;
border-radius: 10px 0 0 10px;
box-shadow: -5px 5px 5px #000000;
background-color: #ffffff;
padding: 1% 1% 1% 1%;
position: relative;
float: left;
top:5%;
width: 47.5%;
height: 25em;
overflow: auto;
}

#description img{
margin-top:10%;
}


#info{
opacity: 0.9;
border-radius: 0 10px 10px 0;
box-shadow: 5px 5px 5px #000000;
background-color: #ffffff;
padding: 1% 1% 1% 1%;
position: relative;
float: right;
top:5%;
width: 47.5%;
height: 25em;
overflow: auto;
}
#info p{
opacity:1;
}

#piedpage{
position: relative;
float: left;
background: none;
margin: 1% 0 1 0;
width: 100%;
text-align: center;
font-size: 60%;
}

#gaughe{
text-align: left;
}

#droit{
text-align: right;
}

#retour{
display: inline-block;
width: 100%;
text-align: center;
}

#retour a
{
color: #181818;
padding-bottom: 0.5%;
text-decoration: none;
font-weight: normal;
}

#retour a:hover
{
color: #760001;
border-bottom: 3px solid #760001;
}

/*SLIDES*/

#SlideHos #SlideContainer
{
	  margin:0 auto;
  width:960px;
  height:540px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:940px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:540px;
}

.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}