html{
    text-align: center;
    background-image: url("../img/fondspeaker.jpg");
    background:no-repeat;
	margin:0;
    font-family:Monotype;
}


body{
    margin: 0;
	width:100%;
    text-align: center;

}

a{
    text-decoration: none;
    color: #fff;
}

#content{
    margin:0;
	text-align:center;

	}


#bleft{
    float:left;
    width: 250px;
    height: 5000px;
   
}

#contmob{
    margin: 0;
    padding:10px; 
    background: #000;
    width:320px;
    height: auto;
	}

.inscriptiongauch{
	width:523px;
	height:587px;
	background:#ccc;
	float:left;
	margin-top:75px;
	color:#FFF;
	text-align:center;
	font-size:20px;
	}
    
.inscriptiondroit{
        width:523px;
        height:587px;
        background:#ccc;
        float:right;
        
        margin-top:75px;
        color:#FFF;
        text-align:center;
        font-size:20px;
        }

  .connexion{
            width:523px;
            height:587px;
            background:#ccc;
            float:left;
            margin-left:450px;
            margin-top:75px;
            color:#FFF;
            text-align:center;
            font-size:20px;
            }
            
    
  .conxet{
            width:520px;
            height:auto;
            background-image: url("../img/fond3.jpg");
            padding-top:10px;
            float:left;
            margin-left:450px;
            margin-top:75px;
            color:#FFF;
            text-align:center;
            font-size:20px;
            }

.titrcn{
     width:510px;
     height:15px;
     text-align:center;
     background:#000;
     padding:5px;
     font-size:14px;
}


.formul{
    float:left;
    background:#000;
    color:#fff;
    width:390px;
    height:auto;
    margin-top:30px;
    text-align:center;
    padding-bottom:30px;
   
}

.btn{
    width:350px;
    height:30px;
    font-size:15px;
}
    

.men{
text-align: left;
width:1000px;
height:30px;
margin-bottom: 10px;
font-size: 19px;

}


.mineff{
    width:200px;
    height:550px;
    float:left;
    margin-bottom:50px;
    margin-left: 30px;
    text-align:center;
    margin-right:3px;
    color: #000;
    }


.head{
	float:right;
    color: #000;
	height:250px;
	margin-bottom: 150px;
	padding-top:6px;
	text-align:left;
	margin-left:300px;
	}


    .menu{
        float:left;
        height: 40px;
        width:1000px;
        text-align: center;
        margin-left:100px;
        background-color: #000;
       
    }

    .menuadvertise{
        height: 80px;
        text-align: center;
        background-color: #000;
    }
    
.search{
    float:left;
    height:40px;
    width:250px;
    margin-top:20px;
    margin-right:10px;
    padding-top: 5px;
    text-align: left;
    background:#000;

}


button{
    width: 150px;
    height: 50px;
    font-size: 20px;
    margin-top: 200px;
}

.buton{
    width: 150px;
    height: 50px;
    font-size: 22px;
    margin-top: 50px;
    background-color: #FFF;
    color:#000;
    padding: 10px;
}



.rech{
    float:left;
    height:30px;
    width:auto;
    margin-top:7px;
    margin-right:5px;
}


    .bouton{
    float:left;
    width:auto;
    height:20px;
    text-align:center;
    padding:5px;
    font-size: 15px;
    padding-top: 5px;
    margin-top: 5px;
    margin-right: 15px;
    }

    .num{width:25px;
        height:17px;
        background:#fff;
        float: left;
        color:#000;
        margin-right: 5px;
        margin-left: 5px;
        text-align: center;
        }

        .min{
            width:200px;
            height:330px;
            float:left;
            margin-bottom:30px;
            margin-left: 30px;
            text-align:center;
            margin-right:3px;
            background: #fff;
            color: #000;
            }

            .recent{
                width:970px;
                text-align:left;
                float:left;
                margin-left:50px;
                color:#000;
                }
            
            
            .recentt{
                width:1100px;
                height:auto;
                text-align:left;
                margin-left:335px;
                margin-bottom:5px;
                float:left;
                border-bottom-style:ridge;
                }
	
                .bannercenter{
                    float:left;
                    height:300px;
                    width:485px;
                   margin-left:50px;
                   text-align: left;
                    }

                    .banner-r{
                        float:right;
                        height:5000px;
                        width:300px;
                        text-align: left;
                       
                        }
    
                        .banner-l{
                            float:left;
                            height:400px;
                            width:200px;
                           text-align: left;
                            }
        
            

                .bancenter{
                  float:left;
                    height:300px;
                    width:485px;
                    }

                  
                    .banner-gd{
                        width:970px;
                        height:200px;
                        float:left;
                        margin-left: 50px;
                        }


                        .banner-gf{
                            width:970px;
                            height:150px;
                            text-align:center;
                            float:left;
                            margin-top:5px;
                            margin-left: 50px;
                            }

                        .gdvideod{
                            float: left;
                            width:970px;
                            height:900px;
                            color:#000;
                            margin-left: 50px;
                            margin-bottom: 80px;
                            }

                            .baner{
                                float: left;
                            width:800px;
                            height:875px;
                            margin-left: 280px;
                            background-color: #000;
                            text-align: left;
                            }

                            .suite{
                                float:left;
                                height:30px;
                                background:#000;
                                width:800px;
                                text-align:center;
                                padding-top: 10px;
                                margin-top:20px;
                                margin-bottom:20px;
                                margin-left:500px;
                                word-spacing:5px;
                                color: #FFF;
                            }                                    
.upload{
    width:530px;
    height:600px;
     float:left;
     margin-left:450px;
    margin-top:150px;
     text-align:center;
    font-size:20px;
      }
                                
.log{float:right;
    width:40px;
    height:39px;
    background:#fff;
    }

    .logleft{float:left;
        width:70px;
        height:39px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 150px;
        }

.liste{
    float:left;
    height:39px;
    width:auto;
}


.listeadvertise{
    float:left;
    height:50px;
    width:auto;
    color:#fff;
    margin-left: 200px;
    margin-top: 20px;
}

.listeicon{
    float:left;
    height:50px;
    width:auto;
    margin-left: 100px;
    margin-top: 25px;
}


.picto{
    width: 30px;
    height: 30px;
    margin-right:15px;
}


.section1{
    height: 600px;
    background-image: url("../img/fond.png");
    margin: 0;
   
}


.section2{
    height: auto;
    background:#000;
    margin: 0;
   color: #FFF;
   text-align: center;
   padding-top: 20px;

}


.promot1{
    width: 20%;
    height:300px;
    background-image: url("../img/p1.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.promot2{
    width: 20%;
    height:300px;
    background-image: url("../img/p3.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.promot3{
    width: 20%;
    height:300px;
    background-image: url("../img/p4.png");
    background-repeat: none;
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}


.promot4{
    width: 20%;
    height:300px;
    background-image: url("../img/p2.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.titre{
    width: 90%;
    height: 50px;
    background-color: #000;
    color: #fff;
    margin-top: 300px;
    text-align: left;
    font-size: 18px;
}

.prom1{
    width: 20%;
    height:300px;
    color: #fff;
    float: left;
    background-image: url("../img/v1.png");
    background-repeat: none;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    padding-left: 15px;
    
}
.prom1:hover{
    width: 20%;
    height:300px;
    background-image: url("../img/v2.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    padding-left: 15px;
    background-repeat: none;
}

.prom2{
    width: 20%;
    height:300px;
    background-image: url("../img/v3.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.prom2:hover{
    width: 20%;
    height:300px;
    background-image: url("../img/v4.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.prom3{
    width: 20%;
    height:300px;
    background-image: url("../img/v5.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.prom3:hover{
    width: 20%;
    height:300px;
    background-image: url("../img/v6.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.prom4{
    width: 20%;
    height:300px;
    background-image: url("../img/v7.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}

.prom4:hover{
    width: 20%;
    height:300px;
    background-image: url("../img/v8.png");
    color: #000;
    float: left;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 15px;
}


.promo{
    height: 500px;
    background-color: #000;
    margin: 0;
    color: #FFF;
     text-align: center;
     padding-top: 20px;
    margin-bottom: 30px;
}


.slide{
    height: 500px;
    background-color: #000;
    margin: 0;
    color: #FFF;
     text-align: center;
     padding-top: 20px;
    margin-bottom: 30px;
}



.bloc1{
    
    width: 1000px;
    height:500px;
    margin-left: 20%;
    float: left;
    background-image: url("../img/bloc.png");
    
}



.listecoupon{
    height: 200px;
    background-color: #FFF;
    margin-bottom: 30px;
   
}

.coupon{
    width: 25%;
    height:200px;
    background-color: #000;
    color: #FFF;
    float: left;
    margin-left: 90px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.listeco{
    height: 550px;
    background-color: #FFF;
    margin-bottom: 30px;
    background:#000;
   
}

.coup{
    width: 12%;
    height:330px;
    background-color: #000;
    color: #FFF;
    float: left;
    margin-left: 150px;
   
    margin-top: 20px;
    margin-bottom: 30px;
}


.minir{
	width:300px;
	height:400px;
	float:right;
	color:#000;
	margin-bottom:20px;
	border-radius:9px;
	text-align:center;
	margin-right:10px;
    background: #fff;
	}
	
.movie3{
	width:950px;
	height:auto;
	text-align:left;
	float:right;
	margin-top:25px;
	
	}	
	
.lecture{
	width:390px;
	height:auto;
	background:#ccc;
	margin-left:10px;
	margin-top:25px;
	padding:5px;
	float:left;
	text-align:left;
	border-radius:9px;
	}
	
.blocgauch{
    float:left;
    height:430px;
    
}