/* Feuille de style de la Convention Oissel Déville*/

/***************************************************************************************************************/
/*											     STRUCTURE													   */
/***************************************************************************************************************/

body{
margin:0;
padding:0;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

div{
margin:0;
padding:0;
}

p{
margin:0;
padding:0;
}

a{
}

img{
border:0;
}

h1{
color:#03114B;
font-weight:bold;
font-size:12px;
/*display:inline;*/
display:block;
/*width:130px;*/
height:15px;
overflow:hidden;
margin:0;
padding:0;
}

h1#accueil{
width:610px;
height:auto;
font-size:24px;
text-align:center;
margin:10px 0 10px 0;
}

h1#centre{
font-size:14px;
height:18px;
}


h2{
color:#03114B;
font-size:14px;
display:block;
margin:10px 0 0 0;
}

h3{
color:#03114B;
font-size:18px;
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Structure                                                   */
/*--------------------------------------------------------------------------------------------------------------------------*/

#conteneur{
background-color:#FFFFFF;
width:990px;
padding:0;
margin:auto;
}

#menu-centre{
width:990px;
height:20px;
}

#haut-milieu{
width:990px;
height:20px;
background:url(images/haut-milieu.jpg);
margin-top:10px;
}

#milieu{
width:990px;
/*height:600px;*/
height:auto;
}

div#gauche{
width:160px;
height:600px;
float:left;
}

div#degrade{
background:url(images/frame-fond-degrade.jpg) repeat-y;
width:830px;
height:auto;
float:left;
}

div#centre{
width:610px;
min-height:600px;
float:left;
margin:0 0 20px 15px;
}

div#droite{
width:180px;
height:600px;
float:left;
margin:0;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                            Couleurs textes                                               */
/*--------------------------------------------------------------------------------------------------------------------------*/

.cod{
color:#03114B;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                                Haut                                                      */
/*--------------------------------------------------------------------------------------------------------------------------*/

#bandeau{
width:990px;
height:150px;
background:url(images/bandeau.gif);
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                            Menu centre                                                   */
/*--------------------------------------------------------------------------------------------------------------------------*/


div#menu-centre ul{
display:block;
margin:0 0 0 10px;
padding:0;
}

div#menu-centre ul li{
float:left;
margin-right:6px;
list-style-type:none;
text-align:center;
}

.li-centre-normal {
width:110px;
height:20px;
background:url(images/fond-menu-centre.gif) no-repeat;
}

.li-centre-long {
width:160px;
height:20px;
background:url(images/fond-menu-centre-long.gif) no-repeat;
}

div#menu-centre ul li a{
color:#FFFFFF;
font-size:13px;
text-decoration:none;
}

div#menu-centre ul li a:hover{
color:yellow;
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                         Menu gauche                                                      */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#menu-gauche{
color:#FFFFFF;
}

div#menu-gauche ul{
margin:10px 0 0 0;
padding:0 0 0 10px;
}

div#menu-gauche ul li img{
margin:0 3px 2px 0;
}

div#menu-gauche a{
color:#03114B;
font-size:15px;
text-decoration:none;
font-weight:bold;
line-height:2;
}

div#menu-gauche a:hover{
color:#126DAC;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                              Droite                                                      */
/*--------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------*/

/*                                                          Resultats droite                                                */

/*--------------------------------------------------------------------------------------------------------------------------*/



div#conteneur-resultat{
width:180px;
height:120px;
float:left;
margin:5px 0 5px 0;
}

div#haut-resultat{
background:url(images/haut-resultat.gif) no-repeat;
width:180px;
height:20px;
}

div#bas-resultat{
background:url(images/bas-resultat.gif) no-repeat;
width:180px;
height:20px;
text-align:center;
}

div#frame-resultat{
background:url(images/frame-droite.gif) repeat-y;
width:180px;   /*ajout du 03/08*/
height:80px;
text-align:center;
}

.titre-resultat{
font-weight:bold;
color:#03114B;
}

.titre-prochain{
font-weight:bold;
color:#03114B;
margin:5px 0 0 0;
}


.tous-les-resultats{
text-align:center;
text-decoration:blink;
}



.tous-les-resultats a{
text-decoration:none;
color:#03114B;
font-size:15px;
}



.tous-les-resultats a:hover{
color:blue;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                          Tous les resultats droite                                               */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#tous-resultats{
background:url(images/fond-tous-resultats.gif) no-repeat;
width:180px;
height:20px;
float:left;
margin:5px 0 5px 0;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                          Actualites droite                                               */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#haut-actualites{
background:url(images/haut-resultat.gif) no-repeat;
width:180px;
height:20px;
float:left;
}

div#bas-actualites{
background:url(images/bas-resultat.gif) no-repeat;
width:180px;
height:20px;
float:left;
}

div#conteneur-actualites-accueil{
width:180px;
max-height:400px;
float:left;
}

div#actualites{
background:url(images/frame-droite.gif) repeat-y;
width:180px;
float:left;
margin:0;
}

.titre-actualites{
margin:10px 0 10px 20px;
}


div#conteneur-actualites{
width:140px;
height:350px;
margin:0px 0px 0px 15px;
}

div#conteneur-actualites a {
font-style:italic;
}

div#separation-actualites{
margin:8px 30px 8px 30px;
}

.texte-actus{
font-size:11px;
color:#4B698C;
}

.texte-actus img{
margin-right:3px;
}

.texte-actus a{
color:#03114B;
}

.texte-actus a:hover{
color:#666666;
}

.toutes-les-actus{
text-align:center;
}

.toutes-les-actus a{
text-decoration:none;
color:#03114B;
font-size:15px;
}

.toutes-les-actus a:hover{
color:blue;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                           Accueil                                                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#presentation-accueil{
width:590px;
height:50px;
text-align:center;
margin:10px 0 0 0;
}

div#actualite-accueil{
width:610px;
}

.image-actualite-accueil{
max-width:590px;
max-height:400px;
}

.texte-actualite-accueil{
width:590px;
margin:10px 10px 10px 0px;
text-align:justify;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                         Equipes                                                          */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#lien-equipe{
text-align:center;
}

div#lien-equipe a{
margin:10px 20px 10px 20px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                          Equipe                                                          */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#sous-menu-equipe{
text-align:center;
margin:0 0 10px 0;
}

.souspage{
text-decoration:none;
font-size:13px;
color:#03114B;
}

.souspage:hover{
color:blue;
}

div#conteneur-actualites-centre{
width:590px;
/*min-height:150px;*/
}

div#conteneur-actualites-centre:after {
content: "";
display: block;
clear: both;
}

.date-actus-equipe{
font-style:italic;
font-size:10px;
}

div#texte-actus-equipe{
font-size:12px;
/*color:#4B698C;*/
color:#14428B;
}

.image-actus-equipe{
float:left;
max-width:100px;
margin:5px 10px 5px 0;
}

.ecart-puce {
margin-right:3px;
float:left;
}


/* div#actualite-accueil hr{
width:510px;
margin:10px 50px 10px 50px;*/
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                        Toutes les actus                                                  */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#centre hr{
width:510px;
margin:10px 50px 10px 50px;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                         Page Resultat                                                    */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#lien-resultat{
text-align:center;
}

div#lien-resultat a{
color:#03114B;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*                                                          Groupe                                                          */

/*--------------------------------------------------------------------------------------------------------------------------*/

div#conteneur-photo-convention{
margin:20px 0 0 0;
text-align:center;
}

div#conteneur-photo-convention img{
margin:10px 10px 10px 10px;
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                        Convention                                                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

.presentation-convention{
margin:20px 10px 10px 10px;
text-align:justify;
}

.presentation-convention-important{
font-weight:bold;
text-decoration:underline;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                       A L Deville                                                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

.presentation-club{
text-align:justify;
margin:0 10px 0 10px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                       Partenaires                                                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#conteneur-partenaires{
width:600px;
height:140px;
}

div#partenaire-gauche{
width:200px;
height:120px;
float:left;
}

div#partenaire-milieu{
width:200px;
height:120px;
float:left;
}

div#partenaire-droite{
width:200px;
height:120px;
float:right;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                       Le Handball                                                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#conteneur-lien-ffhb{
width:610px;
margin:50px 0 0 0;
text-align:center;
}


.lien-ffhb{
color:#03114B;
display:block;
font-size:16px;
margin:20px 0 10px 0;
text-decoration:none;
}

.lien-ffhb:hover{
color:#636363;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                           Contact                                                        */
/*--------------------------------------------------------------------------------------------------------------------------*/

.logo-contact{
float:right;
margin-right:10px;
}

div#adresse{
width:200px;
float:left;
}

div#map{
/*float:right;*/
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                        Pied de page                                                      */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#piedpage{
width:990px;
height:150px;
background:url(images/piedpage.jpg);
float:left;
text-align:center;
color:#03114B;
margin-bottom:10px;
}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*                                                          Liens                                                           */
/*--------------------------------------------------------------------------------------------------------------------------*/

div#block-liens{
width:600px;
height:100px;
text-align:center;
}

div#liens-1{
float:left;
width:100px;
height:100px;
margin:0 10px 0 0;
}