/* This CSS was Written by daeavelwyn 2007*/


/*_______________  PARAMETRES CSS A NE PAS MODIFIER _____________________*/
* {margin:0;padding:0;}/*pour eviter les marges intempestives*/
body{
    font-size:10pt;
    color:#000;
    background:#b4b2b4;
    margin:0;
    font-family:verdana, helvetica, sans-serif;/*sans-serif sert a definir la police du système par defaut (arial, helvetica...)*/
}
img{border:none;}
div.clearfloats{clear:both;} /* Permet un retour a la ligne lors de l'utilisation de boites flotantes */
/*_______________________________________________________________________*/



/*____ PARAMETRES GENERAUX DU SITE _____*/
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#FF3300;}
input{color:#444;border:1px solid #FFF;}
input:hover{color:#000;border: 1px solid #000;}
input:focus{color:#000;border:1px solid #000;}
h1 {
font-size:2em;
text-transform:uppercase;
text-align:center;
letter-spacing:.2em;
word-spacing:1.2em;
margin:10px;}



h2 {
font-size:1em;
font-weight:lighter;
margin:1em .2em;
}

h3 {
font-size:1.2em;
font-weight:lighter;
text-decoration:underline;
text-transform:capitalize;
margin:.5em .5em;
}

    /*____ Ombres sur le bord du site ________*/
    div#background{margin:0 auto;/* Centre le site */z-index:0;background-image:url('background-global.png');width:1026px;}

    /*________ Parametre du conteneur principal _________*/
    div#global{position:relative;width:1000px;text-align:left;padding:0 14px;} 

    /*_________ En-tete du site________________*/
    div#banniere{height:71px;max-height:71px;width:999px;position:relative;background-image:url('banniere.png');}
    div#banniere a{position:absolute;}

    /*___ Copyright de pied de page _______*/
    div#copyright {text-align:center;font-size:.8em;padding:17px 0px 8px 0px;}

    /*______ Ombre sur le bas du site ___________*/
    div#site-bottom{background-image:url('site-bottom.png');margin:0 auto;width:1015px;height:3px;}

/*____________ MENU DU HAUT _________________*/
div#menuhaut {margin-top:0px;}
div#menuhaut p{padding-top:5px;text-align:center;max-height:21px;height:21px;background-image:url('background-menu.png');}
div#menuhaut p a:hover {background-image:url('background-menu-over.png');}
div#menuhaut p a {
                 font-family:serif;
                 text-transform:uppercase;
                 text-align:center;
                 color:#787677;
                 padding:4px 6px;
                 border-left:2px solid #fff;
                 }


/*______ LOGO NEWS AVEC DESSUS ARRONDIS DENTELE ___________*/
div#logonews{background-image:url('news.png');float:left;width:56px;height:43px;margin:-5px 0 0 6px;z-index:1;}



/*___ BOUTONS LIVEACTU en page de demarage et nouveautees liveactu.net _____*/
div#annonce{text-align:center;position:relative;top:25px;}

    /*____ bouton liveactu en page de demarrage __________*/
    div#annonce a.annonce1{position:relative;left:180px;display:block;width:247px;height:32px;background-image:url('bouton-start-page.png');}

    /*____ bouton decouvrez les nouveautees de liveactu.net_______*/
    div#annonce  a.annonce2{position:relative;left:580px;top:-32px;display:block;width:205px;height:32px;background-image:url('bouton-nouveaute.png');}

/*_______ PAGE NOUVEAUT LIVEACTU.NET _______*/
div#nouveaute{margin:80px 0 0 0;}
div#nouveaute p.titre{width:222px;height:59px;background-image:url('logo.png');margin:0 auto;padding:0;}
div#nouveaute p{text-indent:1.3em;margin:5px;text-align:justify;padding:10px;}

/*__ BARRE DE RECHERCHE GOOGLE ____*/
/* div#google {float:right;margin:70px 300px 0 0;} */
div#google {position:relative;top:40px;}
div#google input#sbi {border:1px solid #666;}
div#google input:hover#sbi {border:1px solid #000;}


/*___ PARAMETRE DES BLOCS DE NEWS ___*/
    /*________ Positionnement des blocs de news avec pub google au milieu _____________*/
    div#new1 {width:48%;float:left;margin:95px 0 0 10px;}
    div#new2 {width:48%;float:right;margin:95px 10px 0 0;}
    div#pub {float:left;margin:1em 13%;}
    div#new3 {width:48%;float:left;margin:1em 0 0 10px;}
    div#new4 {width:48%;float:right;margin:1em 10px 0 0;}
    p.basnew a{position:relative;left:75%;display:block;width:106px;height:31px;background-image:url('bouton-historique.png');}
    p.basnew a:hover{display:block;width:106px;height:31px;background-image:url('bouton-historique-over.png');}

    /*________ Apparence des blocs de news ______________________*/
    div#BordureNews p.titre {padding-left:8px;margin:0; height:34px;font-size:.8em;}
    div#BordureNews img {height:30px;float:right;margin:-32px 15px 0 0;}
    div#BordureNews ul.titrenew {position:relative;padding:4px;}
    div#BordureNews ul.titrenew li{list-style-image:url('icone-liste-news.png');margin:5px 2px 5px 23px;}
    div#BordureNews ul.titrenew li:hover{list-style-image:url('icone-liste-news-over.png');}
    div#BordureNews ul.titrenew li a{padding-left:3px;color:#666;font-size:.9em;text-align:justify;}
    div#BordureNews ul.titrenew li a:hover{color:#000;}
    div#BordureNews div.separation{
                      border:none;
                      background-image:url('background-separation-titre-news.png');
                      height:10px;
                      margin:0 5px 20px 5px;
                      }


    /*_______________ Bordures arrondis des blocs de news__ _______*/
    div#BordureNews .arrondi-top,div#BordureNews .arrondi-bottom {display:block;background:transparent;}
    div#BordureNews .arrondi-b1,div#BordureNews .arrondi-b2,div#BordureNews .arrondi-b3,div#BordureNews .arrondi-b4 {display:block;overflow:hidden;}
    div#BordureNews .arrondi-b1,div#BordureNews .arrondi-b2,div#BordureNews .arrondi-b3 {height:1px;}
    div#BordureNews .arrondi-b2,div#BordureNews .arrondi-b3,div#BordureNews .arrondi-b4 {background:#fff;border-left:3px solid #8b898b;border-right:3px solid #8b898b;}
    div#BordureNews .arrondi-b1 {margin:0 5px; background:#8b898b;}
    div#BordureNews .arrondi-b2 {margin:0 3px; border-width:0 3px;}
    div#BordureNews .arrondi-b3 {margin:0 2px;}
    div#BordureNews .arrondi-b4 {height:2px;margin:0 1px;}
    div#BordureNews .arrondi-boxcontent {display:block;background:#fff;border:0 solid #8b898b;border-width:0 3px;}



/*_______ MOUSE-OVER DES RESUMES DE NEWS ______________*/
a.hide {
   position: relative;
   color: black;
   text-decoration: none;
}
a.hide:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.hide span {
   display: none; /* on masque l'hidebulle */
}
a.hide:hover span {
   display: block;
   position: absolute;
   margin:25px 0 0 40px;
   width:400px;
   border:1px solid #336699;
   background: white;
   color: black;
   padding: 5px;
}
 

    /*_________ Formulaire d'invitation _______________________*/
    div#invit-form {margin:4px auto;color:#fff;width:90%;margin-top:80px;}
    div#invit-form form{padding:5px;}
    div#invit-form form p.captcha{margin:10px 5px 10px 5px;}
    div#invit-form form fieldset{border:1px solid #ddd;}
    div#invit-form form legend{padding:2px;margin-left:10px;}
    div#invit-form form label{display: inline;float:left;width:320px;text-align:right;} 
    div#invit-form form label i{font-size:.8em;}
    div#invit-form form input{margin-left:4px;margin-top:3px;border:solid 1px #787677;}
    div#invit-form form input:hover{border:solid 1px #ddd;}
    div#invit-form form input.submit{margin:5px 20px 20px 5px;float:right;padding:2px;}

    /*_________ Bordure arrondis parametres generaux _______________*/
    .arrondi-top, .arrondi-bottom {display:block;background:transparent;}
    .arrondi-b1, .arrondi-b2, .arrondi-b3, .arrondi-b4 {display:block;overflow:hidden;}
    .arrondi-b1, .arrondi-b2, .arrondi-b3 {height:1px;}
    .arrondi-b2, .arrondi-b3, .arrondi-b4 {background:#f69108;border-left:1px solid #ddd;border-right:1px solid #ddd;}
    .arrondi-b1 {margin:0 5px; background:#ddd;}
    .arrondi-b2 {margin:0 3px; border-width:0 2px;}
    .arrondi-b3 {margin:0 2px;}
    .arrondi-b4 {height:2px;margin:0 1px;}
    .arrondi-boxcontent {display:block;background:#f69108;border:0 solid #ddd;border-width:0 1px;}
    
    /*________ Pages d'erreurs _____________________________________*/
    div#erreur {position:relative;margin:130px 30px 60px 30px;text-align:center;}
    div#erreur a{text-decoration:underline;}
    
    /*_____________ Page contact ___________________________________*/
    div#m_contact {margin:84px auto 4px auto;width:70%;color:#fff;}
    div#m_contact form{padding:5px;}
    div#m_contact form fieldset {border:1px solid #ddd;}
    div#m_contact form legend {padding:5px;margin-left:20px;}
    div#m_contact form label {display:inline;text-align:right;width:200px;float:left;}
    div#m_contact form select {margin:3px 0 0 4px;width:182px;border:solid 1px #787677;}
    div#m_contact form select:hover{border:solid 1px #ddd;}
    div#m_contact form input {border:solid 1px #787677;width:180px;margin:3px 0 0 4px;}
    div#m_contact form input.submit {margin:50px 20px 20px 5px;float:right;padding:2px;width:130px;}
    div#m_contact form input:hover{border:solid 1px #ddd;}
    div#m_contact form textarea {border:solid 1px #787677;width:380px;height:400px;margin:3px 0 0 4px;}
    div#m_contact form textarea:hover{border:solid 1px #ddd;}

    /*______________ Mod Invitation ________________________*/    
	div#m_invit {position:relative;margin:130px 30px 60px 30px;}
	div#m_invit p {text-align:center;}

    /*_______________ Resultat de recherche google ________*/
    div#googleresult {position:relative;margin:60px 50px 0 50px;}


	/*________________ titre de page _______________*/
	div#titre_actu {position:relative;margin-top:70px;}
	div#titre_actu h1 {font-size:1.8em;text-transform:uppercase;text-align:center;letter-spacing:.2em;word-spacing:1em;}
	div#titre_actu h2 {display:none;}