body{margin:0 auto;backgroujnd-image:url('image/bg.jpg');font-family:tahoma;
overflow-x:hidden;  
overflow-y:auto;}
::-webkit-scrollbar {  
    width: 10px;  
}  
#hautber{backgrodund-color:red;width:100%;height:15px;margin:0 auto;background-image:url('image/bgh.jpg');margin-bottom:15px;}
#hautb{backgrouznd-color:red;width:1300px;backgroujnd-image:url('image/bg.jpg');height:125px;margin:0 auto;padding-top:30px;padding-bottom:20px;box-sifzing:border-box;}
#menu{background-color:#070350;width:1300px;height:40px;margin:0 auto;paddidng:20px;box-sizing:border-box;}
#menuc a{text-decoration:none;height:40px;float:left;paddidng:20px;box-sizing:border-box;color:white;font-family:aharoni;padding-top:13px;padding-left:14px;padding-right:14px;font-size:15px;}
#menuc a:hover{background-color:#e20000;}
.active a{background-color:#e20000;}
#pub{width:1300px;height:60px;background-color:#e20000;margin:0 auto;margin-top:5px;font-size:16px;}
#pubf{width:425px;height:60px;backgrdound-color:black;mardgin-left:10px;margin-right:10px;float:left;color:black;text-align:center;padding-top:20px;box-sizing:border-box;}
#pubff{width:430px;height:60px;backgdround-color:black;mardgin-left:10px;margifn-right:10px;float:left;color:black;text-align:center;padding-top:20px;box-sizing:border-box;}
#bas{width:1300px;height:250px;background-color:#070350;margin:0 auto;margicn-top:-70px;}
#cadre{width:1300px;heeight:1200px;backgrounjd-color:blue;margin:0 auto;margicn-top:-70px;}
#droite{width:300px;height:500px;backgrdound-color:red;margin:0 auto;margin-left:-640px;float:right;margin-top:-465px;}
#cadretitre{width:100%;height:30px;background-color:#f0f0f0;madrgin-top:10px;margin-bottom:5px;text-align:center;paddidng-top:10px;box-sizing:border-box;}
#titre{width:100px;font-family:calibri;font-weight:bold;font-size:14px;height:30px;background-color:#e20000;text-align:center;padding-top:10px;box-sizing:border-box;color:white;}


#sup a{color:white;}


#droitef{width:300px;height:500px;background-color:blue;margin:0 auto;margin-left:-640px;flocat:left;margin-top:-465px;}
#gauche{width:630px;heihght:3200px;backgground-color:white;float:left;margin-right:10px;}
#gauche a{color:white;}
#gauchee a{color:black;}
#mil{width:300px;height:2540px;background-color:white;float:left;margin-top:45px;}
#mil a{color:black;}
#droi{width:350px;height:500px;background-codlor:blue;float:right;margin-top:45px;}
#droi a{color:black;}
#cadretext{width:300px;heidght:650px;background-color:white;color:black;padding-bottom:10px;}
#cadretext{width:300px;heidght:650px;background-color:white;color:black;padding-bottom:10px;}
#cadretextslide{width:290px;background-color:white;color:black;padding-bottom:10px;margin-left:10px;float:left;bordder-bottom:1px dotted;}
#bord{width:610px;height:1px;margin:0 auto;border-bottom:1px dotted;color:black;border-color:black;}
#lire{width:100px;font-family:calibri;font-weight:bold;font-size:14px;height:25px;background-color:#e20000;text-align:center;padding-top:6px;box-sizing:border-box;border-radius:5px;float:right;margin-top:-16px;margin-right:5px;}
#lire a{color:white;}
a{text-decoration:none;color:white;}




.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}   



/* Form wrapper styling */
.form-wrapper {
    width: 450px;
	height:35px;
    padsding: 15px;
    margsin: 150px auto 50px auto;
    backdground: #444;
    backgrosund: rgba(0,0,0,.2);
    bordder-radius: 10px;
    bodx-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
 
/* Form text input */
 
.form-wrapper input {
    width: 330px;
    height: 35px;
    padding: 10px 5px;
    float: left;    
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;      
}
 
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 35px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
   
.form-wrapper button:hover{     
    background: #e54040;
}   
   
.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
 
.form-wrapper button:hover:before{
    border-right-color: #e54040;
}
 
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}