/*******************************************
				Class Libre
********************************************/
body {
background-color: #000000;
background-image: url("../images/img_about.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
font-family: avantgardelt;
font-style: normal;
font-weight: 400;
}
/*******************************************
				Fin Class Libre
********************************************/
/*******************************************
				   Header
********************************************/
#header {
line-height: 20px;
position: relative;
z-index: 200;	
}
#header .header {
height: 80px;
margin: 0 auto;
position: relative;
width: 1016px;	
}
#header .logo {
float: left;
height: 47px;
margin-left: 1.7%;
margin-top: 25px;
width: 13%;	
}
#header .logo img {
width:100%;	
}
/*******************************************
				 Fin Header
********************************************/
/*******************************************
				  Extreme
********************************************/
#extreme {
height: auto;
margin: 0 auto;
position: relative;
width: 1016px;
}
#extreme .tit_about {
color: #ffffff;
font-family: avantgardelt;
font-size: 21px;
font-weight: 400;
line-height: 21px;
margin-left: 3%;
margin-top: 91px;
text-transform: uppercase;
}
#extreme .par_about {
color: #ffffff;
font-family: avantgardelt;
font-size: 15px;
font-weight: 400;
line-height: 18px;
margin-left: 3%;
margin-top: 15px;
}	
#extreme .contenu_about {
width:1016px;
height:auto;
margin:0 auto;
padding:0 0 15px 0;
border-top:1px solid #333;
background:#111;-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;border-top-left-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
-webkit-box-shadow:rgba(0,0,0,0.6) 0 0 24px;
-moz-box-shadow:rgba(0,0,0,0.6) 0 0 24px;box-shadow:rgba(0,0,0,0.6) 0 0 24px;
background:-webkit-gradient(radial, 50% 0%, 0, 50% 0%, 80, color-stop(25%, rgba(20,20,20,0.9)), color-stop(80%, rgba(10,10,10,0.9)));
background:-webkit-radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%, rgba(10,10,10,0.9) 80%);
background:-moz-radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%, rgba(10,10,10,0.9) 80%);
background:-o-radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%, rgba(10,10,10,0.9) 80%);
background:radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%,rgba(10,10,10,0.9) 80%);
margin-top: 74px;
}
#extreme .par1_about {
color: #ffffff;
font-family: avantgardelt;
font-size: 14px;
/*font-weight: 600;*/
line-height: 19px;
margin-left: 3.6%;
margin-top: 24px;
}	
#extreme .barr {
background-color: #3b3b3b;
height:2px;
margin-left: 2.9%;
margin-top: 24px;
width:94.6%;
}
#extreme .tit_video {
color: #cd0a20;
font-family: avantgardelt;
font-size: 14px;
line-height: 14px;
margin-left: 5.2%;
margin-top: 17px;
text-transform: uppercase;
}
#extreme .block {
margin-left: 4.9%;
margin-top: 17px;
position: relative;
width: 95%;
}	
#extreme .bloc {
float: left;
height:452px;
margin-right: 8.1%;
width:89.2%;
}	
#extreme .bloct {
height:212px;
width: 100%	;
cursor:pointer;
}	
#extreme .blocb {
margin-bottom: 28px;	
cursor:pointer;
}	
#extreme .bloc_img {
height:160px;
width:100%;
}
#extreme .bloc_content {
height:52px;
width:100%;
}	
#extreme .icon_video {
float: left;
width:14.3%;
}	
#extreme .icon_img {
margin-left: 5%;
margin-top: 10px;	
}	
#extreme .tit1_video {
float: left;
width:246px;
}	
#extreme .nom_exterme {
color: #cd0a20;
font-family: avantgardelt;
font-size: 18px;
font-weight: 500;
line-height: 18px;
margin-left: 4.3%;
margin-top: 9px;
}
#extreme .par2_abexterme {
color: #ffffff;
font-family: avantgardelt;
font-size: 17px;
font-weight: 500;
line-height: 17px;
margin-left: 4.3%;
margin-top: 7px;
}
#extreme .suiv_video {
cursor: pointer;
position: absolute;
right: -1.9%;
top: 173px;
z-index: 10;
}
#extreme .prev_video {
cursor: pointer;
left: -5.1%;
position: absolute;
top: 173px;
z-index: 10;
}
#extreme .barrextrem {
background-color: #3b3b3b;
float: left;
height: 2px;
margin-left: 19.4%;
margin-top: 59px;
width: 52.3%;
}
#extreme .tit_photo {
color: #cd0a20;
font-family: avantgardelt;
font-size: 14px;
line-height: 14px;
margin-left: 52px;
margin-top: 27px;
text-transform: uppercase;
}	
#extreme .suiv {
cursor: pointer;
position: absolute;
right: -1.9%;
top: 173px;
z-index: 10;
}
#extreme .prev {
cursor: pointer;
left: -5.1%;
position: absolute;
top: 173px;
z-index: 10;
}
/*******************************************
			   Fin Extreme
********************************************/

 /* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */


/* Caption of Modal Image (Image Text) - Same Width as the Image */


#gallerie  {
width:100%;
}	
#gallerie .modal-lgztour {
width: 1140px;
}
#gallerie .modal-dialog {
margin: 38px auto;
}
#gallerie .modal-content {
-webkit-box-shadow:rgba(0,0,0,0.6) 0 0 24px;
-moz-box-shadow:rgba(0,0,0,0.6) 0 0 24px;box-shadow:rgba(0,0,0,0.6) 0 0 24px;
background:-webkit-gradient(radial, 50% 0%, 0, 50% 0%, 80, color-stop(25%, rgba(20,20,20,0.9)), color-stop(80%, rgba(10,10,10,0.9)));
background:-webkit-radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%, rgba(10,10,10,0.9) 80%);
background:-moz-radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%, rgba(10,10,10,0.9) 80%);
background:-o-radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%, rgba(10,10,10,0.9) 80%);
background:radial-gradient(50% 0%, circle cover, rgba(20,20,20,0.9) 25%,rgba(10,10,10,0.9) 80%);
border: none;	
border-radius:0;
height: auto;
width:1140px;
}
#gallerie .close {
background-image: url("../images/icon_close_pho.png");
background-repeat: no-repeat;
height: 20px;
margin-right: 33px;
margin-top: 23px;
opacity: 1;
width: 17px;
}
#gallerie .modal-header {
border-bottom: none;
padding: 0;
}
#gallerie .tit_pho_slid {
color: #fff;
float: left;
font-family: "Conv_CaviarDreams",sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 24px;
margin-left: 123px;
margin-top: 30px;
}
#gallerie .res_pho_slid {
float: right;
margin-right: 74px;
margin-top: 34px;
}	
#gallerie .icon_resa {
float: left;
margin-left: 10px;
}	
#gallerie .modal-body {
padding: 0 121px 17px 122px;
position: relative;
width: 1140px;
}
#gallerie #slider2 {
background: none;
height: 552px;
margin-top: 18px;
width:900px !important;
}
#gallerie #slider2 .flex-viewport {
height: 552px;
width:900px !important;
}	
#gallerie #slider2 .slides img {
height: 100%;
width: 100%;
}
#gallerie #slider2 .slides > li {
backface-visibility: hidden;
display: none;
height: 552px;
width:900px !important;
}
#gallerie #carousel2 {
background:none;
margin-top: 12px;
}	
#gallerie .slid_mini {
height: 90px !important;
margin-right: 9px !important;
width: 92px !important;
}	
#gallerie .slid_mini img{
height: 100%;
width: 100%;	
}	
#gallerie .flex-prev {
cursor:pointer;	
height: 36px;
left: -9.7%;
position: absolute;
top: 277px;
width: 57px;
}
#gallerie .flex-next {
cursor:pointer;	
height: 36px;
position: absolute;
right: -8.7%;
top: 277px;
width: 57px;
}