@import url('reset.css');
@font-face {
	/* On donne un nom (au choix) à la fonte téléchargée */
	font-family: "blairmditc";
	/*font-family: "Shelley";*/
        
	/* On indique le chemin du fichier de fonte à télécharger */
	/* L'indication du format n'est pas obligatoire */
	src: url("../typo/blairmditc-tt-medium.ttf") format("opentype");
	/*src: url("../typo/Shelley.ttf") format("opentype");*/
}
body{
	background:#000;	
        font-family: "ARIAL", ARIAL, serif;
        color: #FFF;
        font-size: 12px;
        min-height: 800px;
}
a{
	/*color:#fff;*/
        font-family: "blairmditc", ARIAL, serif;
	text-decoration:none;
        font-size: 9px;
}
hr{
    color: #F7C9F4;
    background-color: #F7C9F4 ;
    height: 1px;
    border: 0;
    margin: 10px;
}
table{
    margin: auto;
    border-collapse: separate;
    border-spacing: 3px 5px;
    margin: auto;
}
#content{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 11;
}
#logo{
    float:left;
    z-index: 11;
    background-color: #000;
    width: 250px;
}
#head{
    height: 40px;
    
    
}
.main_menu{
    background-color: #000000;
    text-align: right;
    min-width: 1000px;
}

#nav li{
    padding:5px;
    text-transform:uppercase;
    display: inline;
    outline:none;	
    -webkit-transition: all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -transition: all 0.2s ease-in; 
    
}
#nav li a{
    color: #F7C9F4;
    height:50px;
    line-height:40px;
}	

#nav li:hover {
    padding: 14px;
    background-color:#60636A;
}
#nav li a:hover {        
        color: #000;
        height: 40px;
}
/*#clear{
    clear: both;
}*/
#container_animate{
    position: absolute;
    z-index: 4;
    width: 850px;
    height: 300px;
    color: white;
    top:35%;
    left: 22%;
    /*background-color: black;*/
}
.container_topleft{
    float: left;
    margin-top: 10px;
}
.container_middleright{
   float: right ;
   margin: 60px 0 0 300px;
}
.container_middleleft{
    margin: 200px 0 0 -50px;
}
.content_galerie{
        margin: 0 auto 100px auto;
        background-color: black;
        padding: 20px;
}
#copyright{
    text-align: center;
    color: #F7C9F4;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: underline;
}
#copyright_name{
    text-align: center;
    color: #F7C9F4;
    margin-top: 5px;
    display: none;
}
.content_left{
        margin: 30px  auto 0 auto;
        width:420px;
        background-color: #000;
        color: white;
        /*border: solid black 1px;*/
        height: 528px;
        padding: 20px;
        opacity: 0.9;
        -moz-box-shadow:0px 0px 8px #F1DFEA inset;
        -webkit-box-shadow:0px 0px 8px #F1DFEA inset;
        box-shadow:0px 0px 15px #F7C9F4 inset;

}
.content_contact{
        margin: 10px auto 50px auto ;
        background-color: black;
    	z-index:4;
        padding: 20px;
        opacity:0.8;
        color: white;
        -moz-box-shadow:0px 0px 8px #F1DFEA inset;
        -webkit-box-shadow:0px 0px 8px #F1DFEA inset;
        box-shadow:0px 0px 15px #F7C9F4 inset;
}
.content_presentation{
        margin: 30px auto 50px auto ;
        background-color: black;
    	z-index:4;
        padding: 20px;
        opacity:0.8;
        color: white;
        height: 500px;
        -moz-box-shadow:0px 0px 8px #F1DFEA inset;
        -webkit-box-shadow:0px 0px 8px #F1DFEA inset;
        box-shadow:0px 0px 15px #F7C9F4 inset;
}
.content_presentation img{
    float: left;
    margin: 0 10px 0 0;
}
.content_presentation p{
    text-align: justify;
}
.content_left_inner{
        height: 460px;
        text-align: justify;     
}
.titre_temoignagev2{    
    color: #E0B7D1;
    text-transform: uppercase;
}
.content_left h2{
        text-shadow:0px 0px 1px #fff;
	font-size:20px;
	/*background:transparent url(../img/line.png) repeat-x bottom left;*/
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
        color: #E0B7D1;
        font-family: "blairmditc", arial, serif;
        
}
.content_right{
        margin: 30px 0 0 20px;
        height: 550px;
        width: 460px;
}
img.mb_bgimage{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	opacity:0.8;
	z-index:1;
        min-width: 1000px;
}
.mb_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
        min-width: 1024px;
	/*background:transparent url(../img/pattern.png) repeat top left;*/
	z-index:2;
}
.mb_pattern div{
	position:absolute;
	width:50px;
	height:50px;
	background:#000;
	z-index:10;
}
.mb_heading h1{
	position:absolute;
	top:5px;
	left:20px;
	font-size:2px;
	color:#FFF;
	text-shadow:0px 0px 5px #fff;
	font-family:"Astloch", Arial, sans-serif;
	z-index:4;
        text-align: center;
}
.mb_menu{
	/*position:absolute;
	top:200px;
	left:0px;*/
        margin: 5px auto;
        
}
.mb_menu a{
        border: solid black 1px;
	margin-bottom:2px;
	display:inline-block;
	width:150px;
	height:50px;
	color:#F7C9F4;
	line-height:50px;
	text-align:center;
	text-transform:uppercase;
	outline:none;
	-moz-box-shadow:0px 0px 10px #F1DFEA inset;
	-webkit-box-shadow:0px 0px 10px #F1DFEA inset;
	box-shadow:0px 0px 10px #F7C9F4 inset;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-transition: all 0.2s ease-in;
        background-color: #000;
        font-size: 8px;
}
.mb_menu a:hover{
	color:#000;
	background-color:#60636A;
}

.mb_content_wrapper{
	background:transparent url(../img/bg_menu.png) repeat top left;
	width:800px;
	height:500px;
	display:none;
        opacity: 0.9;
        margin:30px auto 0 auto;
}
span.mb_close{
        display: block;
        float: right;
	width:11px;
	height:12px;
	cursor:pointer;
	background:transparent url(../img/close.png) no-repeat top left;
	opacity:0.7;
        margin: 5px;
         
}
span.mb_close:hover{
	opacity:1.0;
}
.mb_content{
	padding:30px;
        display: none;
}
.mb_content h2{
	/*text-shadow:0px 0px 1px #fff;*/
	font-size:30px;
	/*background:transparent url(../img/line.png) repeat-x bottom left;*/
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
        color: #E0B7D1;
            font-family: "blairmditc", arial, serif;
}
.content_video h2{
	/*text-shadow:0px 0px 1px #fff;*/
	font-size:30px;
	/*background:transparent url(../img/line.png) repeat-x bottom left;*/
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
        color: #E0B7D1;
        font-family: "blairmditc", arial, serif;
}
.obligation{
    color: red;
}
.content_contact h2{
        font-size:30px;
	/*background:transparent url(../img/line.png) repeat-x bottom left;*/
	padding:0px 0px 5px 0px;
	margin-bottom:10px;
        color: #E0B7D1;
        font-family: "blairmditc", arial, serif;
}
.mb_content_inner{
	line-height:24px;
	height:345px;
	outline: none;
        margin-top: 10px;
}
.mb_content_inner p{
	padding:5px 0px;
}
ul.mb_imagel li{
	float:left;
	margin:2px;
        height: 170px;
}
ul.mb_imagel li img{
	display:block;
        margin: 20px;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-transition: all 0.5s ease-in-out;
}
/*ul.mb_imagelist li img:hover{
	opacity:0;
}*/
.mb_content form label{
	float:left;
	width:100px;
	text-align:right;
	margin-right:10px;
}
.mb_content form div{
	padding:5px 0px;
}
.mb_content form input,
.mb_content form textarea{
	border:none;
	background:#fff;
	width:200px;
	font-family:Arial;
	color:#555;
	padding:4px;
}
.mb_content form textarea{
	height:200px;
}
button{
	background:#ddd;
	border:none;
	color:#000;
	padding:3px 10px;
	font-family: 'blairmditc', Arial, sans-serif;
	cursor:pointer;
	float:right;
	margin-right:22px;
}
button:hover{
	background:#fff;
}
.mb_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	background:#000;
	height:25px;
	padding-bottom:5px;
	text-transform:uppercase;
	z-index:4;
        min-width: 1000px;

}
#footer_left{
        float: left;
        line-height: 30px;
        font-family: 'blairmditc', Arial, sans-serif;
        font-size: 9px;
        margin-left: 5px;
}
.mb_footer a{

	padding:5px 5px;
	color:#ddd;
        line-height: 30px;
        color: #F7C9F4;
        

}
.mb_footer ul{
    float: right;
}
.mb_footer li{
    display: inline;

}
.mb_footer a:hover{
	color:#fff;
}
/*.mb_footer a span{
	font-weight:bold;
}*/
.mb_footer a.mb_left{
	float:left;
}
#bloc_laurence{
    margin-bottom: 40px
}
#pres_laurence{
    /*float: right;*/
}
.img_prese{
    margin: 10px;
    float: left;
}
#wapper_film{
    

    width: 720px; 
    background-color: black;
    height: 530px;
    padding: 20px;
    /*opacity: 0.9;
    -moz-box-shadow:0px 0px 8px #F1DFEA inset;
    -webkit-box-shadow:0px 0px 8px #F1DFEA inset;
    box-shadow:0px 0px 15px #F7C9F4 inset;
    padding: 5px;*/
    margin: auto;
    
}
.wrapper_img{
    position: relative;
    float: left
    
}
.wrapper_img_left_top{
    position: relative;
    float: right;
}
.wrapper_img_left_bottom{
    position: relative;
    float: right;
}
.legende{
    position: absolute;
    bottom: 3px;
    opacity: 0.7;
    color: #F7C9F4;
    width: 100%;
    height: 50px;
    text-align: center;
    font-family: "blairmditc", Times, serif;
    line-height: 50px;
    font-size: 15px;
    background: #000;
  }
  #langage{
    position: absolute;
    z-index: 15;
    background-color: #000;
    opacity: 0.9;
    width: 200px;
    height: 30px;
    right:15%;
    top:60px;
    padding:0px;
    border: solid black 1px;
    -moz-box-shadow:0px 0px 8px #F1DFEA inset;
    -webkit-box-shadow:0px 0px 8px #F1DFEA inset;
    box-shadow:0px 0px 8px #F7C9F4 inset;
}
#langage span{
    text-align: center;
    font-family: "blairmditc", arial, serif;
    line-height: 30px;
    font-size: 8px;
    color: #F7C9F4;
    text-transform: uppercase;
}
.error{
    margin-left: 15px;
    color: red;
}
#partage{
    margin-left: 350px;
}