body {
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #ebebed; min-height: 100%;
    background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size: cover;
     /* #f2f2f2!important ;  */
}
@import url(http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans);
@media (max-width:767px){.w3-hide-xsmall{display:none !important}}
@media (max-width:991px) and (min-width:768px){.w3-hide-small{display:none !important}}
@media (max-width:1199px) and (min-width:992px){.w3-hide-medium{display:none !important}}
@media (min-width:1200px) {.w3-hide-large{display:none !important}}
.w3-tangerine { font-family: 'Tangerine', serif; }
/*********************************** section my work **************************/
/* Create a Parallax Effect */
.HeadMedia1 h1 { font-family: Tangerine; font-size: 2.8em;text-shadow: 0.25em 0.25em 0.25em #aaa; } 
.HeadImg img { background-color: transparent; width: 100%; height: 180px; }
.media-left, .media-body { height:125px; }
.media-body { position: relative; }
.media-body h4 { margin-top:10px; }
/*------- impair -------*/
#i1 { color: #1db8ea!important; position:absolute;  left:75px;   top: 85px; }
#i3 { color: #1db8ea!important; position:absolute;  left:75px;   top: 85px;}
#i5 { color: #1db8ea!important; position:absolute;  left:75px;   top: 85px;}
#i7 { color: #1db8ea!important; position:absolute;  left:75px;   top: 85px;}
#i9 { color: #1db8ea!important; position:absolute;  left:75px;   top: 85px;}
#i11 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i13 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i15 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i17 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px; }
#i19 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i21 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i23 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i25 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i27 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i29 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i31 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i33 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i35 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i37 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i39 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i41 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i43 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i45 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i47 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i49 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i51 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i53 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i55 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i57 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i59 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i61 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i63 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i65 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i67 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i69 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i71 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i73 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i75 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i77 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
#i79 { color: #1db8ea!important; position:absolute; left:75px;   top: 85px;}
/*------- pair -------*/
#i2 { color: #1db8ea!important; position:absolute;  left:125px;  top: 85px;}
#i4 { color: #1db8ea!important; position:absolute;  left:125px;  top: 85px;}
#i6 { color: #1db8ea!important; position:absolute;  left:125px;  top: 85px;}
#i8 { color: #1db8ea!important; position:absolute;  left:125px;  top: 85px;}
#i10 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i12 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i14 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i16 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i18 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i20 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i22 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i24 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i26 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i28 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i30 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i32 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i34 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i36 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i38 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i40 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i42 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i44 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i46 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i48 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i50 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i52 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i54 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i56 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i58 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i60 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i62 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i64 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i66 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i68 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i70 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i72 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i74 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i76 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i78 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}
#i80 { color: #1db8ea!important; position:absolute; left:125px;  top: 85px;}

.media-left img { width:175px; height:100%; }
.media-body p { font-family: Georgia, helvetica,arial,sans-serif; color: #999; font-size: 0.8125em; font-style: italic; }
iframe, .entete, #MonMedia img { margin-top: 50px; }
iframe, #MonMedia img { width:100%; height:650px; }
#MonMedia { margin-left: 80px; }
.fond { background-image: url("../img/background/sup/Blue-Backgr.JPG"); }
/* video, .entete { margin-top: 50px; } 
video, source { width: 100%; height: 650px; } */
#Widget { padding-left: 80px; }
#Widget .entete h2 { line-height: normal; display: block; -webkit-margin-before: 1em;-webkit-margin-after: 1em;
	                  -webkit-margin-start: 0px; -webkit-margin-end: 0px;text-transform:uppercase; 
	                  font-family: helvetica,arial,sans-serif; font-weight: 700; }
.entete { margin-bottom: 30px; }

/*  CSS page PanelMedias */
.fond { background-color: #fff;  }

/* 25ansCFCB   #MaVideo 560px */
.ascenceur { overflow-x: hidden; overflow-y: scroll; height: 40rem; }