body {
    behavior: url(csshover.htc);
    background-color:#d6ebff;
    font-family:calibri; font-size:15px;
}

#head{  height:58px;    border-bottom:1px solid #FFFFFF;    color:#FFFFFF;  font-size:20px; line-height:10px;   padding:10px;   position:absolute; top:0;  left:0; right:0;    background-color:rgba(0, 0, 0, 0.3) !important; background-color:#95a4b2;    z-index:0;  }
#footer{  position:fixed;   bottom:0;   height:30px;    left:0; right:0;    background-color:rgba(0, 0, 0, 0.5) !important; background-color:#6b757f;   border-top:1px solid #FFFFFF;   z-index:0;  font-size:11px; padding-top:2px; }




a:link {
    color:#fff;
    text-shadow: 0px 0px 5px #ffffbe;
    text-decoration:none;
}


a:visited {
    color:#fff;
    text-shadow: 0px 0px 5px #ffffbe;
    text-decoration:none;
}

a:hover {
    color:#d6ebff !important;
    color:#d6ebff;
    text-decoration:none;
    text-shadow: 0px 0px 5px #fff;
}
a:active {
    color:#d6ebff;
    text-shadow: 0px 0px 5px #ffffbe;
    text-decoration:none;
}

#site {

    height:571px;
    width:1000px;
/*    border-style:solid;
    border-width:1px;
    border-color:black;*/
    margin-top:10px; /* MARGE EN HAUT */
}

.textefooter {

    font-family: arial, sans-serif; font-size:10px;
    color:#60a4e1;
}
.zone1 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 90px;
height: 35px;
margin-left: 120px;
margin-top: 40px;
position:relative;
//border: 1px dotted white; /* ajouté pour visualiser la zone*/
}


#background {

    background-size:1000px 571px;
    height:571px;
    width:1000px;
    padding-top:auto;
    padding-bottom:auto;
    padding-left:auto;
    padding-right:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px; /* MARGE EN HAUT */
    border-style:solid;
    border-width:1px;
    border-color:black;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    border-radius: 10px;

}

#searchbox {

    background: transparent url('searchboxbig3.png') no-repeat;
    height:514px;
    width:880px;
    padding-top:20px; /* PLACEMENT VERTICAL DE LA BARRE */
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    position:relative;

}

#searchbox:hover {

    background: transparent url('searchboxbig3.png') no-repeat;
    height:514px;
    width:880px;
    padding-top:20px; /* PLACEMENT VERTICAL DE LA BARRE */
    
}



#searchbar #loupe{
    background:url('loupe2.png') no-repeat;
    border:none;
    height:36px;
    width:36px;
    cursor:pointer;
    float:right;
    padding:0px;
    margin:0px 0px 0px 32px;
    position:absolute;
    padding-right:15px;
    
}

#searchbar{
    background:url('search3.png') no-repeat;
    height:36px !important;
    height:10px;
    width:510px;
    float:right;
    padding-right:140px; /* PLACEMENT HORIZONTAL DE LA BARRE */
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    color:#fff;
    font-size:9px;
    font-family:arial;

}

#actu{
    height:36px !important;
    height:0px;
    width:355px !important;
    width:450px;
    float:right;
    padding-right:80px; /* PLACEMENT HORIZONTAL DE LA BARRE */
    padding-top:5px !important;
    padding-top:0px;
    padding-bottom:0px !important;
    padding-bottom:20px;
    color:#fff;
    font-size:9px;
    font-family:arial;

}

#info{
    position:static !important;
    position:absolute;
    height:30px;
    width:30px;
    padding-left:510px !important;
    padding-top:0px !important;
    padding-left:468px;
    padding-top:140px;
}

#barrebas {

    position:relative;
    background:url('barrebas.png') no-repeat;
    width:662px;
    height:63px;
    line-height:25px;
    padding-bottom:20px;
    margin:-50px -50px -50px -50px;

}

.help {
    cursor:help;
}

#searchbar:hover{
    background:url('search3.png') no-repeat;
    height:36px;
    width:510px;
    float:right;
    padding-right:140px; /* PLACEMENT HORIZONTAL DE LA BARRE */
}


#searchbar #s{  /* POUR ECRIRE DANS LA BARRE DE RECHERCHE */
    background:none;
    border:none;
    color:#222;
    float:left
    font-family:"Tahoma";
    font-size:12px;
    height:30px;
    width:435px !important; /* POUR TOUS LES AUTRES NAVIGATEURS */
    width:500px; /* POUR IE */
    line-height:30px;
    margin-left:3px;
    padding-top:3px;
    margin-top:2px;
}


@font-face {
    font-family: 'champagne';
    src: url('champagne.ttf') format('truetype'),
    url('champagne.eot?') format('eot'),
    url('champagne') format('woff'); 
}   

#texteliens {     /* web | images | videos */

    font-family:calibri, arial, sans-serif; font-size:0.90em;
    color:#000;
    margin-top:17px;
	padding-right:105px;
    padding-bottom:6px;
}




 .infor {
margin-top:10px;
width: 350px;
 background-color:#ae9882;
padding:2px;
font-size: 10px;
-moz-border-radius:15px;
-moz-box-shadow: 0px 0px 3px #ffffff;
-webkit-box-shadow: 0px 0px 3px #ffffff;
box-shadow: 0px 0px 3px #ffffff;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
-webkit-border-radius:20px 0px 20px 0px;
-moz-border-radius:20px 0px 20px 0px;
 }

 .result {

    overflow: auto; 
    font-size: 12px;
    color: #000000; 
    font-family: calibri; 
    width:650px; 
    height:290px; 
    text-align: left; 
    padding: 5px; 
    margin-right: 5px;
    margin-left:5px;
    background:transparent; 
    line-height:13.2px;
/*    border: 1px solid #000;
    -moz-border-radius:15px;
    -moz-box-shadow: 0px 0px 3px #ffffff;
    -webkit-box-shadow: 0px 0px 3px #ffffff;
    box-shadow: 0px 0px 3px #ffffff;*/
 }
 
 .result2 {

    overflow: auto; 
    font-size: 15px;
    color: #000000; 
    font-family: arial; 
    width:650px; 
    height:290px; 
    text-align: justify; 
    padding: 5px; 
    margin-right: 5px;
    margin-left:5px;
    background:transparent; 
    line-height:14.7px;
/*    border: 1px solid #000;
    -moz-border-radius:15px;
    -moz-box-shadow: 0px 0px 3px #ffffff;
    -webkit-box-shadow: 0px 0px 3px #ffffff;
    box-shadow: 0px 0px 3px #ffffff;*/
 }







        /* Scrollbar */
::-webkit-scrollbar {                                   /* Scrollbars */
    width: 14px;
    height: 14px;
    background: #bfb6a3 url(http://www.screenfeed.fr/wp-content/themes/screenfeed/images/bg-blog-repeat.png) 0 0 repeat;
}
::-webkit-scrollbar-track-piece {                       /* Fond */
    background: transparent none;
    border: solid 4px transparent;
    border-right-width: 8px;
    margin: 4px;
    -webkit-box-shadow: inset 1px 1px 0 0 rgb(137,131,117), inset -1px -1px 0 0 rgb(224,220,210);
}
::-webkit-scrollbar-track-piece:horizontal {            /* Fond pour la barre du bas */
    border-right-width: 4px;
    border-bottom-width: 8px;
}
::-webkit-scrollbar-thumb {                             /* Barre */
    border: solid 0 transparent;
    border-right-width: 4px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 9px 5px;
    -webkit-border-bottom-right-radius: 9px 5px;
    -webkit-box-shadow: inset 0 0 0 1px rgb(79,79,79), inset 0 0 0 6px rgb(102,102,102);
}
::-webkit-scrollbar-thumb:hover {                       /* Barre */
    -webkit-box-shadow: inset 0 0 0 1px rgb(90,90,90), inset 0 0 0 6px rgb(110,110,110);
}
::-webkit-scrollbar-thumb:horizontal {                  /* Barre du bas */
    border-right-width: 0;
    border-bottom-width: 4px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px 9px;
    -webkit-border-bottom-left-radius: 5px 9px;
}
::-webkit-scrollbar-corner {                            /* Coin de la fenêtre */
    background: transparent;
}
::-webkit-scrollbar-button {                            /* Boutons */
    height: 26px;
    background: url(webkitarrowsvert.png) 1px 50% no-repeat;
}
::-webkit-scrollbar-button:increment {                  /* Bouton incrément */
    background-position: -19px 50%;
}
::-webkit-scrollbar-button:horizontal {                 /* Boutons horizontaux */
    width: 26px;
    background: url(webkitarrowshoriz.png) 50% 1px no-repeat;
}
::-webkit-scrollbar-button:horizontal:increment {       /* Bouton bas */
    background-position: 50% -19px;
}
body ::-webkit-scrollbar {
    background: transparent none;
}
body ::-webkit-scrollbar-button:horizontal:decrement {
    background: url(webkitarrowshoriz.png) 50% 1px no-repeat;
    background: url(webkitarrowshoriz.png) 50% 1px no-repeat;
    background: url(webkitarrowshoriz.png) 50% 1px no-repeat;
}
body ::-webkit-scrollbar-button:horizontal:increment {
    background: url(webkitarrowshoriz.png) 50% -19px no-repeat;
    background: url(webkitarrowshoriz.png) 50% -19px no-repeat;
    background: url(webkitarrowshoriz.png) 50% -19px no-repeat;
    -webkit-border-radius: 0 0 6px 0;
}
body ::-webkit-scrollbar-button:vertical:decrement {
    background: url(webkitarrowsvert.png) 1px 50% no-repeat;
    background: url(webkitarrowsvert.png) 1px 50% no-repeat;
    background: url(webkitarrowsvert.png) 1px 50% no-repeatt;
}
body ::-webkit-scrollbar-button:vertical:increment {
    background: url(webkitarrowsvert.png) -19px 50% no-repeat;
    background: url(webkitarrowsvert.png) -19px 50% no-repeat;
    background: url(webkitarrowsvert.png) -19px 50% no-repeat;
    -webkit-border-radius: 0 0 6px 0;
}
    
    /* END Scrollbar */






    /* TEST BARRE */

form[name="barre2"] {
    position: static;
    padding-top:20px;

/*    border: 1px solid #363739;*/

/*    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;*/

/*    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84868d), color-stop(100%, #424447));
    background: -webkit-linear-gradient(top, #84868d 0%, #424447 100%);
    background: -moz-linear-gradient(top, #84868d 0%, #424447 100%);
    background: -o-linear-gradient(top, #84868d 0%, #424447 100%);
    background: -ms-linear-gradient(top, #84868d 0%, #424447 100%);
    background: linear-gradient(top, #84868d 0%, #424447 100%);*/

    padding: 0;
    margin: 0;
    height: 18px;
}

form[name="barre2"] input {
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    border: none;
    height: 20px;
    outline: none;
    padding: 0px 5px 0px 23px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D') no-repeat 7px center #fff;

    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.4);

    font-size:12px;
    color: #000;
/*    text-shadow: 0px 1px 0px #2c2D2f;*/
    width: 140px;




    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

form[name="barre2"] input:focus {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D') no-repeat 7px center #FFF;
    width: 300px;
    color: #000;
    text-shadow: 0px 1px 0px #FFF;
}

/* FIN TEST */