@font-face {
    font-family: myFont;
	src: url(fonts/Dosis/Dosis-Medium.ttf);
}

.topMenu a {
    font-family: myFont, Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    display:block;
    width:280px;
    line-height:50px;
    text-align:center;
    vertical-align:middle;
    background-color:#404040; /* bleu */
	border-radius: 0px;
	border-width: 0px;
	border-color: #6EADE1; /* bleu */
	border-style: solid;
    color:#ffffff;
    text-decoration:none;
    float:left;
    margin:0px;
	opacity:1;
}

.topMenu a:hover {
    background-color: #4191B2;
    /*color:#ff6633;*/
	border-color: #ffffff;
    }
	
.TitreSite {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 52px;
	font-weight: normal;
	color: #4191B2; 
}

.main {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #404040;
	text-decoration:none;
}

.main a {
	color: #4191B2; /* bleu */
	text-decoration: none;
}

.main a:hover {
	/*color: #FF6633;   orange */
	text-decoration: underline;
}

.titre1 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: lighter;
	color: #666666;
}

.titre1 a {
	color: #666666;
	text-decoration:none;
}

.titre1 a:hover {
	color: #FF6633;  /* orange */
	text-decoration: none;
}

.box {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #5A651B;
}
.box a {
	color: #5A651B;
	text-decoration: none;
}
.box a:hover {
 	color: #5A651B;
	text-decoration: underline;
}
.bottom {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
}
.bottom a {
	text-decoration:none;
}
.bottom a:hover {
	color:#FF6633;  /* orange */
	/*text-decoration:underline;*/
}
.titre2 {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #4191B2; /* bleu */
}
.titre2 a {
	text-decoration:none;
}
.titre2 a:hover {
	color:#FF6633;  /* orange */
	/*text-decoration:underline;*/
}

.avertissement {
	font-family: myFont, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff6633;
	text-decoration:none;
}
 
 


/* ESSAIS VIDEO BACKGROUND ------------------- */

.vidContain {
    /*background: rgba(100,100,100,0);*/
	opacity: 1; 
	width:100%; 
	height:400px;
    position:relative;
	left: 0;
	top: 0;
    display: block;
	overflow: hidden;
    margin:0px;
}

video#bgvid {
  position: relative; 
  right: 0; 
  top: -140;
  min-width: 100%;
  min-height: 100%;
  width: auto; 
  height: auto; 
  overflow: hidden;
  z-index: -100;
  background: rgba(100,100,100,0.5);
  /* background-size: cover; */
}

video#vid {
  position: relative; 
  right: 0; 
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%; 
  height: auto; 
  /*overflow: hidden;
  z-index: -100; */
  background: rgba(100,100,100,0.5);
  /* background-size: cover; */
}