a:link,
a:visited,
a:active,
a:hover {
 text-decoration: none;
 outline-color:-moz-use-text-color;
 outline-style:none;
 outline-width:medium;
 cursor: pointer;
} 
html {
 height: 100%;
 margin: 0;
 padding: 0;
 font-family: Arial;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-image : url("../site/images/fond.jpg");
  text-align: center;
  font-family: Arial;
  color: black;
}
.ajax_load {
 margin: 170px 0 0 500px;
}
#page {
  text-align: left;
  width: 1000px;
  height: 570px;
	margin: 0px auto 0px auto;
  padding: 0;
  /*background-color: #13011F;*/
}
p {
 font-family : Arial;
 font-size: 10px;
 color: #494949;
 text-align: left;
 margin: 0;
 padding: 0;
}

#bloc_bandeau {
/* background-image : url("../images/site/bandeau.jpg");*/
 width: 1000px;
 clear: left;
 height: 139px;
}
#bloc_bandeau_texte {
 position: relative;
 top: -37px;
 margin: 0 0 0 25px;
 font-weight: bold;
 font-size: 18px;
 font-family: Arial;
 font-style:italic;
 color: white;
}
.texte_petit {
 font-size: 12px;
 font-family: Arial;
 font-style:italic
}
/* ====================================================================
BLOC MILIEUX
-------------------------------------------------------------------*/
#bloc_compteur {
 position: absolute;
 top: 350px;
 width: 625px;
 text-align: right;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
}
#bloc_compteur_pst {
 margin: 0 30px 0 0;
/* float: right; */
/* position: absolute; */
 top: 50px;
/* left: 170px;
 display: block;
/* margin : 0 20px 0 0;*/
 text-align: right;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
}
#bloc_compteur_agenda {
 display: block;
 margin : 15px -25px 0 0;
 text-align: right;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
}
#bloc_compteur_galerie {
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
 float: left;
 text-align: center;
 margin: 5px 0 0 0px;
 padding : 0 0 0 0;
 display: block;
 height: 20px;
 width: 265px;
}
#bloc_compteur_galerie_2 {
 overflow: hidden;
 clear : both;
 /*background-color: white;*/
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
 text-align: center;
 margin: 0px 0 0 0px;
 padding : 10px 0 0 0;
 display: block;
 height: 35px;
 width: 500px;
}
.bloc_compteur_lbl {
 margin: 0 5px 0 5px;
 background-color: #292929;
 color: white;
}
.bloc_compteur_ext {
 padding: 0 5px 0 5px;
 background-color: #6A6A6A;
 color: white;
}
.bloc_compteur_ext a:hover {
 font-weight:bold;
}
a.bloc_compteur_ns {
 text-transform: uppercase;
 display: inline;
 background-color: #4C4C4C;
 color: white;
 padding: 0px 2px 0px 2px;
 font-family: Arial;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_compteur_ns:hover {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: black;
 font-family: Arial;
}
a.bloc_compteur_selected {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: black;
 padding: 0px 2px 0px 2px;
 font-family: Arial;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_compteur_selected:hover {
 text-transform: uppercase;
 display: inline;
 background-color: #4C4C4C;
 color: white;
 font-family: Arial;
}

#bloc_milieux {
 overflow: hidden;
 clear: left;
 display: block;
 width: 998px;
 height: 385px;
 background-image : url("../site/images/fond_milieux.jpg");
}
.page_titre1 {
 font-family: Arial;
 font-size: 18px;
 font-weight: bold;
 margin: 10px 0 0px 0;
 width: 630px;
}
.page_titre {
 font-family: Arial;
 font-size: 18px;
 font-weight: bold;
 margin: 10px 0 0px 0;
 width: 730px;
}
.page_titre_construction {
 font-family: Arial;
 font-size: 18px;
 font-weight: bold;
 margin: 70px 0 0px 0;
}
.page_titre_construction a {
 color: black;
}
.page_titre_construction a:hover {
 text-decoration: underline;
}
#page_normal_construction {
 font-family: Arial;
 font-size: 18px;
 font-weight: bold;
 margin: 10px 0 0px 0;
 width: 730px;
}
#photo_construction {
 margin : 35px;
}
/* ====================================================================
PAGE : actualites.php MODIF : le 20/01/2010
-------------------------------------------------------------------*/
#bandeau_act_gauche {
 float: left;
 position: relative;
 width: 350px;
 height: 385px;
}
#bandeau_act_droit {
 position: relative;
 float: left;
 width: 648px;
 height: 385px;
}
#bandeau_act_droit_width {
 display: block;
 height: 325px;
}
#bandeau_act_droit_stage {
 padding: 0px 0 0 0;
 /* Modifier le 09/11 car hauteur trop importante avec le retour avant : padding: 0px 0 0 0; */
}
#bandeau_act_droit ul {
 position: relative;
 margin: 0;
 padding: 50px 0 0 0;
 float: left;
 width: 190px;
 height: 335px;
 list-style: none;
}
#bandeau_act_gauche img {
 margin: 10px 0 0 25px;
}
.page_lst_titre {
 font-size: 12px;
 font-weight: bold;
 color: #000000;
}
.bandeau_act_lst {
 overflow:hidden;
 float: left;
 position: relative;
 width: 640px;
 margin: 0 0 5px 0;
}
.bandeau_act_lst img {
 float: left;
 position: relative;
}
.bandeau_act_lst_res {
 float: left;
 position: relative;
 width: 490px;
 margin: 0 0 0 10px;
}
.bandeau_act_lst_res_p {
 width: 500px;
 color: #595858;
 font-size: 10px;
 text-align: justify;
}
.bandeau_act_lst_res_p a {
 color: red;
}
#page_act_asc {
 text-align: justify;
 padding : 10px 10px 0 0;
 width: 500px;
 color: #595858;
 font-size: 10px;
 height: 250px;
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
 position: relative;
/* background-color:#E6E6E6;
 border: 1px solid #AEABAB; */
}
.bandeau_act_dtl_res {
 float: left;
 position: relative;
 margin: 0 0 0 10px;
 width: 510px;
}
.bandeau_act_dtl_res p a {
 color:red;
}
.bandeau_act_dtl_res p {
 text-align: justify;
}
.page_lst_suite a {
 position: relative;
 top: 95px;
 left: 430px;
 color: red;
 font-size: 10px;
 font-style: italic;
}
/* ====================================================================
PAGE : qsn.php MODIF : le 20/01/2010
-------------------------------------------------------------------*/
#bandeau_act_droit ul {
 font-family: Arial;
 font-size: 13px;
}
#bandeau_act_droit ul a:hover {
 font-weight: bold;
}
#bandeau_contact_gauche {
 float: left;
 position: relative;
 width: 550px;
 height: 385px;
}
.bandeau_contact_droit_titre {
 font-weight: bold;
 font-size: 14px;
 font-family: Arial;
}
#bloc_compteur_qsn {
 display: block;
 margin : 15px 0 0 0;
 text-align: left;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial;
}
#page_qsn_mot {
 margin: 5px 20px 0 0;
 font-size: 10px;
 color: #595858;
 text-align: justify;
}
#page_qsn_asc {
 text-align: justify;
 padding : 0 10px 0 0;
 height: 250px;
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
 position: relative;
}
#page_qsn_mot ul {
 height: 220px;
 width: 438px;
 margin: -40px 0 0 0;
 position: relative;
}
#page_qsn_mot ul a:hover {
 font-weight: bold;
}
#page_qsn_org {
 margin: 5px 20px 0 0;
 font-size: 10px;
 color: #595858;
 text-align: justify;
}
#page_qsn_org ul {
 height: 200px;
 width: 438px;
 margin: -40px 0 0 0;
 position: relative;
}
#page_qsn_org ul a:hover {
 font-weight: bold;
}#page_qsn_cms ul {
 font-family: Arial;
 margin: -50px 0 0 0;
 width: 450px;
 height: 200px;
 position: relative;
}
#page_qsn_cms ul li {
 height: 17px;
}
#page_qsn_cms ul img {
 margin: 0px 10px 0 10px;
 top: 4px;
 position: relative;
}
#page_qsn_cms ul a {
 color:  #595858;
 font-size: 13px;
 font-weight: normal;
} 
#page_qsn_cms ul a:hover {
 font-weight: bold;
 font-size: 13px;
}
#page_qsn_prsd {
 margin: 5px 20px 0 0;
 text-align: right;
 font-size: 12px;
 color: #595858;
}
#page_qsn_img {
 position: absolute;
 top: 50px;
 left: 480px; 
 width: 160px;
 height: 230px;
 margin: 10px 0 0 0;
 text-align:center;
}
/* ====================================================================
PAGE : activites liste MODIF : le 24/02/2010
-------------------------------------------------------------------*/
#activites_gauche_choix1 {
 float: left;
 width: 700px;
 display: block;
}
#activites_gauche_choix2 {
 width: 980px;
}
#activites_gauche_choix3 {

}
#activites_img_1 {
 display: block;
 height: 160px;
 padding: 15px 15px 15px 15px;
}
#activites_img_1 img {
 padding: 0 10px 0 10px;
 float: left;
}
#activites_img_1 p {
 text-align: justify;
}
#activites_choix1_img_2 {
 position: relative;
 z-index: auto;
 clear: both;
 padding: 5px 15px 15px 15px;
}
#activites_choix1_img_2 p {
 text-align: justify;
}
#activites_choix1_img_2 img {
 padding: 0 10px 0 10px;
 float: left;
}
#activites_text_3 {
 float: left;
 display: block;
 width: 270px;
 padding: 5px 10px 10px 10px;
}
#activites_text_3 p {
 padding: 0 10px 10px 10px;
 text-align: justify;
}
#activites_choix2_img_2 {
 z-index:99;
 clear: both;
 padding: 15px;
}
#activites_choix2_img_2 img {
 padding: 0 0 0 10px;
 float: right;
}
#activites_choix2_img_2 p {
 text-align: justify;
 padding: 0 0 0 10px;
}
#activites_gauche_choix3 img {
 float: left;
 margin: 100px 10px 0 10px;
}
#activites_gauche_choix3_text {
 float: left;
 padding: 90px 10px 10px 10px;
 width: 530px;
 height: 362px;
}
#activites_gauche_choix3_text {
 font-size: 12px;
 text-align: justify;
}
/* ====================================================================
PAGE : clubs MODIF : le 24/02/2010
-------------------------------------------------------------------*/
#clubs {
 text-align: center;
 font-size: 10px;
 text-align: center;
}
.clubs_titre {
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 margin: 0;
}
.clubs_titre a:link,
.clubs_titre a:visited,
.clubs_titre a:active {
 font-weight: normal;
 text-align: center;
 font-size: 12px;
 margin: 0;
 color: black;
}
.clubs_titre a:hover {
 text-align: center;
 font-size: 12px;
 margin: 0;
 font-weight: bold;
 color: black;
}


.clubs_lignes {
 text-align: center;
}
.clubs_liens a:link,
.clubs_liens a:visited,
.clubs_liens a:active {
 display: block;
 color: red;
 text-align: center;
}
.clubs_liens a:hover {
 font-weight: bold;
}
/* ====================================================================
PAGE : stages MODIF : le 24/02/2010
-------------------------------------------------------------------*/
#stages_result {
 padding: 0;
 margin:0;
}
.stages_result_titre {
 padding: 0 0 0 5px;
 font-size: 14px;
 font-weight: bold;
}
.stages_result_libelle {
 padding: 0 0 0 5px;
 font-size: 10px;
}
ul .stages_result_ul {
 margin: 0 0 0 0px;
 padding: 0 0 0 0;
 width:300px;
 font-size: 13px;
 font-family: Arial;
list-style-type: none;
}
ul .stages_result_ul li {
 margin: 3px 5px 0px 0px;
 width:300px;
 height: 90px;
}
.stages_liens_pdf a:link,
.stages_liens_pdf a:visited,
.stages_liens_pdf a:active,
.stages_liens_pdf a:hover {
 font-size:10px;
 font-weight:bold;
 color: red;
}
#page_stages_asc {
 text-align: justify;
 padding : 10px 10px 0 0;
 width: 500px;
 color: #595858;
 font-size: 10px;
 text-align: justify;
 height: 230px;
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
 position: relative;
}
/* ====================================================================
PAGE : agenda MODIF : le 26/02/2010
-------------------------------------------------------------------*/
#bandeau_agenda_gauche {
 float: left;
 position: relative;
 width: 250px;
 height: 385px;
 margin: 10px 15px 5px 15px;
}
#bandeau_agenda_milieux {
 float: left;
 position: relative;
 width: 220px;
 height: 385px;
 margin: 10px 35px 5px 15px;
 padding: 10px 0 0 0; 
}
#bandeau_agenda_milieux p {
 text-align: center;
}
#bandeau_agenda_milieux p a {
 color:red;
}
.agenda_milieux_titre {
 text-align: center;
 font-size: 16px;
 font-weight: bold;
}
.agenda_milieux_date {
 text-align: center;
 font-size: 14px;
 margin: 0 0 20px 0;
}
.agenda_milieux_Texte {
 text-align: center;
}
#bandeau_agenda_droit {
 position: relative;
 margin: 0;
 padding: 0;
 float: left;
 width: 400px;
 height: 350px;
}
.agenda_titre {
 margin: 10px 0 5px 0;
 width: 425px;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
}
.bandeau_agenda_lst {
 margin: 0;
 padding: 0;
 width: 425px;
 height: 300px;
/* background-color: #E6E4E5;*/
}
.bandeau_agenda_lst ul {
 height: 300px;
 margin: 0;
 padding: 5px 0 0 5px;
 list-style-type: none;
 background-color: #E6E4E5;
}
.bandeau_agenda_lst ul li {
 margin: 1px 0 0 1px;
 width:390px;
 height: 75px;
}
.bandeau_agenda_lst a  {
 color:red;
}
table .agenda_date {
 width: 90px;
 height: 60px;
 border-collapse:collapse;
 margin: 0;
 padding: 0;
}
table.agenda_date td {
 width: 200px;
 margin: 0;
 padding: 0; 
}
.agenda_lst_desc p {
 width: 300px;
 text-align: justify;
 font-size: 10px;
 margin: 0 0 0 15px;
}
/* ====================================================================
PAGE : galerie liste MODIF : le 15/02/2010
-------------------------------------------------------------------*/
#bloc_galerie_haut {
 float:left;
 color: #787878;
 width: 100px;
}
#bloc_galerie {
 text-align: center;
/* margin: 45px 0 0 15px;*/
 margin: 25px 0 0 15px;
 color: #787878;
 height: 326px;
 background-color: #D7D4D4;
}
#bloc_galerie_video {
 text-align: center;
 margin: 20px 0 0 15px;
 color: #787878;
 height: 340px;
 background-color: #D7D4D4;
}
#bloc_galerie_videos {
 text-align: center;
/* margin: 50px 0 0 15px;*/
 margin: 10px 0 0 15px;
 color: #787878;
 height: 290px;
}
#galerie_annee {
 padding : 20px 0 0 0;
 font-weight: bold;
 color: #787878;
 font-size: 13px;
 font-family: Arial;
}
#galerie_annee ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
 font-size: 13px;
 font-family: Arial;
}
#galerie_annee a {
 margin: 0;
 padding: 0;
}

#galerie_annee a:hover {
 list-style-image: none;
 margin: 0 0 0 0;
 color: black;
 font-weight: bold;
 cursor: pointer;
}

#galerie_annee li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: none;
 list-style-position:outside;
}

#galerie_annee li:hover,li:focus{
 list-style-image: none;
}
#galerie_annee_videos {
 position: relative;
 margin : -280px 0 0 0;
 font-weight: bold;
 color: #787878;
 font-size: 13px;
 font-family: Arial;
}
#galerie_annee_videos ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
 font-size: 13px;
 font-family: Arial;
}
#galerie_annee_videos a {
 margin: 0;
 padding: 0;
}

#galerie_annee_videos a:hover {
 list-style-image: none;
 margin: 0 0 0 0;
 color: black;
 cursor: pointer;
}

#galerie_annee_videos li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: none;
 list-style-position:outside;
}

#galerie_annee_videos li:hover,li:focus{
 list-style-image: none;
 color: black;
}

#galerie_mois {
 position: relative;
 margin : 20px 0 0 0;
 font-weight: bold;
 color: #787878;
 font-size: 11px;
 font-family: Arial;
}
#galerie_mois ul {
 line-height: 1.2em;
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0;
 list-style-type: none;
}
#galerie_mois a {
 margin: 0 0 0 0;
 color: #787878;
}
#galerie_mois a:hover {
 color: black;
 cursor: pointer;
}
#galerie_mois li {
 line-height: 1.2em;
 padding: 0;
 margin: 0;
}
#galerie_mois li:hover,li:focus{
 line-height: 1.2em;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}
#galerie_mois_videos {
 position: relative;
 margin : 20px 0 0 0;
 font-weight: bold;
 color: #787878;
 font-size: 11px;
 font-family: Arial;
}
#galerie_mois_videos ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
}
#galerie_mois_videos a {
 margin: 0 0 0 0;
 color: #787878;
}
#galerie_mois_videos a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#galerie_mois_videos li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}
#galerie_mois_videos li:hover,li:focus{
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 color: black;
}
#bloc_galerie_lst_img {
/* padding: 45px 10px 0 10px;*/
 padding: 25px 0 0 7px;
 display: block;
 width: 700px;
 float: left;
}
#bloc_galerie_img {
 float: left;
 width: 432px;
 height: 350px;
}
#bloc_galerie_img p {
 text-align: center;
 padding: 5px 0 0 5px;
}
#bloc_galerie_img img {
/* width: 431px;
 height: 324px;*/
 width: 434px;
 height: 289px;
 border: 1px solid #7B7B7B;
}
#bloc_galerie_img_petite {
 display: block;
 float: left;
 margin: 0 0 0 10px;
/* height: 272px;*/
 height: 290px;
 width:255px;
}
#bloc_galerie_img_petite img {
/* width: 55px;
 height: 41px;*/
 width: 58px;
 height: 39px;
 margin: 0 0 5px 0;
 border: 1px solid black;
}
#bloc_galerie_img_petite a:hover img {
/* width: 55px;
 height: 41px;*/
 width: 58px;
 height: 39px;
 margin: 0 0 5px 0;
 border: 1px solid #7B7B7B;

}
#bloc_galerie_img_compteur {
 float: left;
 text-align: right;
 margin: 20px 0 0 5px;
 padding: 0 0 0 0;
 display: block;
 height: 15px;
 width: 200px;
}
a.bloc_galerie_img_compteur_ns {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: black;
 padding: 0px 1px 0px 1px;
 font-family: Arial;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_galerie_img_compteur_ns:hover {
 text-transform: uppercase;
 display: inline;
 background-color: #FFFF00;
 color: white;
 font-family: Arial;
}
a.bloc_galerie_img_compteur_selected {
 text-transform: uppercase;
 display: inline;
 background-color: #FFFF00;
 color: black;
 padding: 0px 1px 0px 1px;
 font-family: Arial;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_galerie_img_compteur_selected:hover {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: black;
 font-family: Arial;
}
#bloc_galerie_img_message {
 float: left;
 text-align: center;
 margin: 5px 0 0 5px;
 padding : 0 0 0 0;
 display: block;
 height: 10px;
 width: 260px;
 font-size: 9px;
 font-family: Arial;
}
#bloc_galerie_lst_intitule {
 float: left;
/* margin: 45px 0 0 5px;*/
 margin: 25px 0 0 0;
 display: block;
 height: 326px;
 width: 180px;
 font-size: 13px;
 font-family: Arial;
 background-color:#D7D4D4;
 overflow: -moz-scrollbars-vertical
}
#galerie_lst_intitule {
 position: relative;
 padding : 10px 5px 0 0;
 text-align: right;
 font-size: 13px;
 font-family: Arial;
}
#galerie_lst_intitule ul {
 text-align: right;
 margin: 0px 5px 0 0;
 padding: 0;
 list-style-type: none;
}
#galerie_lst_intitule li {
 text-align: right;
 margin: 10px 0 0 0;
 padding: 0;
 list-style-type: none;
}
#galerie_lst_intitule a {
 color: #787878;
 font-size: 13px;
 cursor: pointer;
 font-weight: bold;
}
#galerie_lst_intitule a:hover {
 color: black;
 font-weight: bold;
}
#galerie_lst_intitule li:hover,li:focus{
 font-weight: bold;
 color: black;
}

/* GALERIE VIDEO */

#bloc_galerie_lst {
 float: left;
 margin: 0px 0 0 5px;
 display: block;
 height: 360px;
 width: 870px;
 font-size: 13px;
 font-family: Arial;
}

#bloc_galerie_lst_vid {
 float: left;
 margin: 15px 0 0 5px;
 display: block;
 height: 360px;
 width: 420px;
 font-size: 13px;
 font-family: Arial; 
 color: white;
}
.bloc_galerie_vid {
 margin: 5px 0 7px 5px;
 display: block;
 height: 80px;
 width: 420px;
 background-color: #E7E7E7;
 color: black;
}
.bloc_galerie_vid:hover {
 margin: 5px 0 7px 5px;
 display: block;
 height: 80px;
 width: 420px;
 background-color: #5D5D5D;
}

.bloc_galerie_vid_transparent {
 position: relative;
 top: -110px;
 margin: 10px 0 0 5px;
 display: block;
 height: 90px;
 width: 420px;
}

.bloc_galerie_vid_titre {
 line-height: 1;
 display: block;
 height: 90px;
 padding : 0 5px 0 5px;
 text-align: left;
 width: 310px;
 cursor: pointer;
}
.bloc_galerie_vid_titre a:hover {
 cursor: pointer;
 color: white;
}
.bloc_galerie_vid_commentaire {
 font-size: x-small;
}

.bloc_galerie_vid_image {
 margin: 0px 3px 0 0;
 position: relative;
 float: right;
 top: -87px;
 width: 100px;
 height: 70px;
}
#bloc_galerie_vid_son { 
 font-family: Arial;
 font-size: 12px;
}

#bloc_galerie_video_aff {
 float: left;
 margin: 20px 0 0 15px; 
}

/* ====================================================================
PAGE : ajax_galerie2.php MODIF : le 26/01/2010
-------------------------------------------------------------------*/
#bloc_galerie_2_img_message {
 clear: both;
 text-align: center;
 display: block;
 height: 10px;
 width: 520px;
 font-size: 9px;
 font-family: Arial;
}
#bloc_galerie_2_select {
 display: block;
 float: left;
 margin: 16px 30px 0 20px;
 width:500px;
 height: 27px;
}

#bloc_galerie_2_img {
 position: relative;
 top:-380px;
 left: 545px;
 width: 432px;
 height: 350px;
}
#bloc_galerie_2_img p {
 text-align: center;
 padding: 5px 0 0 5px;
}
#bloc_galerie_2_img img {
/* width: 431px;
 height: 324px;*/
 width: 434px;
 height: 289px;
 border: 1px solid #7B7B7B;
}
#bloc_galerie_2_lst_img {
/* padding: 45px 10px 0 10px;*/
 padding: 0;
 display: block;
 width: 700px;
 float: left;
}
#bloc_galerie_2_img_petite {
 display: block;
 float: left;
 margin: 16px 30px 0 20px;
 width:500px;
 height: 275px;
}
#bloc_galerie_2_img_petite img {
/* width: 55px;
 height: 41px;*/
 width: 118px;
 height: 81px;
 margin: 0 0 5px 0;
 border: 1px solid black;
}
#bloc_galerie_2_img_petite a:hover img {
/* width: 55px;
 height: 41px;*/
 width: 118px;
 height: 81px;
 margin: 0 0 5px 0;
 border: 1px solid #7B7B7B;

}

/* ====================================================================
PAGE : ajax_contact.php MODIF : le 20/01/2010
-------------------------------------------------------------------*/
.page_qsn {
 margin: 50px 0 10px 0;
}
#page_contact_google {
 margin: 15px 0 0 10px;
}
#bandeau_contact_droit {
 position: relative;
 float: left;
 width: 498px;
 height: 385px;
}
#bandeau_contact_droite_assoc {
 color: #494949;
 margin: 0 0 0 15px;
 height: 75px;
 font-size: 11px;
}
#bandeau_contact_droite_form {
 width: 435px;
 height: 185px;
 margin: 30px 0 0 0;
 padding: 0;
 float: left;
}
#bandeau_contact_droite_form p {
 color: #494949;
 font-size: 12px;
 font-weight: bold;
}
#contact_gauche {
 margin: 0 0 0 0px;
 padding: 0;
 position: relative;
 float: left;
 line-height: 23px;
 color: #494949;
 font-size: 12px;
 font-weight: bold;
}
.verif {
 margin: 32px 0 0 0;
}
#contact_droite {
 line-height: 22px;
 position: relative;
 margin:0;
 padding: 0 0 0 10px;
 width: 194px;
 float: left;
}
form#contactForm {
 margin: 0;
 padding: 0;
 color: #494949;
 font-size: 12px;
 font-weight: bold;
}
input#contact_boutton {
 margin: 0 0 0 0px;
 width: 100px;
 background-color: #E9E9E9;
 margin: 2px 0 0 200px;
}
#choix {
 font-size: 12px;
 border: 1px solid #B2B2B2;
 width: 302px;
 height:18px;
 background-color: #E9E9E9;
 margin: 0 0 0 0;
}
#code {
 float: left;
 border: 1px solid #B2B2B2;
 width: 100px;
 background-color: #E9E9E9;
 margin: 2px 0 0 0;
}
#cryptogram {
 width: 150px;
 height: 20px;
 background-color: #E9E9E9;
 margin: 0 0 0 0;
}
#contactForm table {
 position : relative;
 margin: -23px 0 0 129px;
 float: left;
 width: 150px;
 height: 20px;
}
#societe {
 width: 300px;
 font-size: 12px;
 height:15px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#parrain {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#nom {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#prenom {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#telephone {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#courriel {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#question {
 font-family: Arial;
 font-size: 12px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#page_contact_envoi {
 text-align:center;
 margin: 50px 60px 0 60px;
 background-color: #E9E9E9;
}
#page_contact_envoi p {
 text-align:center;
}
#adresse {
 font-family: Arial;
 font-size: 12px;
 width: 300px;
 height: 65px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#codepostal {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#ville {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
.index_contact_gauche {
 margin: 0 0 0 0px;
 padding: 0;
 position: relative;
 float: left;
 line-height: 23px;
 color: #494949;
 font-size: 12px;
 font-weight: bold;
 width: 120px;
}
/* ====================================================================
PAGE : ajax joueurs
-------------------------------------------------------------------*/
#bandeau_contact_gauche_joueur {
 float: left;
 position: relative;
 width: 410px;
 height: 385px;
}
#bandeau_contact_droite_joueur {
 float: left;
 position: relative;
 width: 570px;
 height: 375px;
 font-size: 12px;
}
.bandeau_contact_droit_titre {
 font-weight: bold;
 font-size: 14px;
 font-family: Arial;
}
#photo_joueur {
 margin : 5px;
}
#contact_joueur {
 float: left;
 display: block;
 width:580px;
 height: 160px;
}
#bandeau_contact_droite_form_joueur {
 width: 570px;
 height: 330px;
}
#bandeau_contact_droite_form_joueur p {
 width: 570px;
}
.page_titre_joueur {
 font-family: Arial;
 font-size: 18px;
 font-weight: bold;
 margin: 10px 0 0px 0;
 width: 730px;
}
#naissance {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#participation {
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#club{
 font-size: 12px;
 height:15px;
 width: 300px;
 background-color: #E9E9E9;
 border: 1px solid #B2B2B2;
 margin: 2px 0 0 0;
}
#page_joueur_envoi {
 margin : 5px;
 font-size: 12px;
 height: 355px;
 display: block; 
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
}
.table_joueur_entete {
 background-color: #BBBBBB;
 font-weight: bold;
}
.table_joueur_lg1 {
 background-color: #E0E0FF;
}
.table_joueur_lg2 {
 background-color: #EFEFEF;
}
/* ====================================================================
PAGE : ajax LIENS MODIF : le 12/02/2010
------------------------------------------------------------------*/
.scrollable {
 height: 280px;
 width: 350px;
 position :relative;
 left: -15px;
 padding: 10px 0 10px 0;
 overflow:hidden; 
}
.liens_titre1 {
/* text-transform:uppercase;*/
 text-align: left;
 font-size: 14px;
 margin: 0 0 0 10px;
}
.liens_titre2 {
 color: #494949;
/* text-transform:uppercase;*/
 text-align: left;
 font-size: 14px;
 font-weight: bold;
 margin: 0 0 0 10px;
 width:250px;
}
.liens_libelle {
 text-align: left;
 font-size: 14px;
 font-style:italic;
 margin: 0 0 0 10px;
 color: #494949;
}
.liens_image {
 padding: 50px 0 20px 0;
}
#bandeau_liens_droit {
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
 margin: 10px 0 0 0 ;
 position: relative;
 background-color:#E6E6E6;
 float: left;
 width: 638px;
 height: 365px;
 border: 1px solid #AEABAB;
}
#bandeau_liens_droit p {
 padding : 5px 0 0 10px;
 font-size: 14px;
 font-style : italic;
 font-weight: bold;
}
#bandeau_liens_droit ul {
 list-style: none;
 font-size: 14px;
 color: black;
}
#bandeau_liens_droit ul a {
 color: #494949;
}
/*
.bandeau_liens_droit_a_bold a {
 color: #494949;
}*/
a:hover .bandeau_liens_droit_a_bold  {
 font-weight: bold;
}
/* ====================================================================
PAGE : bloc NEWSLETTER - MAJ le 20/01/2010
-------------------------------------------------------------------*/
#bloc_newsletter {
 margin: 5px 0 0 15px;
 color: black;
 height: 85px;
}
#titre_newsletter {
 padding : 5px 5px 0 10px;
 width:295px;
 font-family: Arial;
 font-weight:bold;
 font-size: 13px;
}
#libelle_newsletter {
 margin : 0px 5px 0 10px;
 font-family: Arial;
 font-size: 11px;
 color: #4E4E4E;
}
#bloc_newsletter form {
 padding: 0;
 margin: 0 0 0 0 ;
 color: #4E4E4E;
}
#bloc_newsletter input {
 padding: 0;
 margin: 0;
 overflow:hidden;
 font-size: 12px;
 letter-spacing: 1px;
 font-weight: normal;
 font-family: Arial;
 color: #4E4E4E;
}
/* ====================================================================
PAGE : MENTIONS LEGALES - MAJ le 20/01/2010
-------------------------------------------------------------------*/
#mentions_legales_bandeau_bas {
 text-align:center;
 float: left;
 margin: 10px 10px 0 300px;
 display: block;
 width: 430px;
 height: 370px;
}
#mentions_legales_bandeau_l1 {
 position: relative; 
 font-size: 12px;
 font-family: Arial;
}
#mentions_legales_bandeau_l1 p {
 padding : 0 10px 0 10px;
 text-align: center;
}
#mentions_legales_bandeau_l1 a:link,#mentions_legales_bandeau_l1 a:visited, #mentions_legales_bandeau_l1 a:active,#mentions_legales_bandeau_l1 a:hover {
 color: black;
}
#mentions_legales_bandeau_l2 {
 position: relative;
 padding : 0 10px 0 10px;
 font-size: 12px;
 font-family: Arial;
}
#mentions_legales_bandeau_l2 p {
 padding : 0 10px 0 10px;
 text-align: center;
}
#mentions_legales_bandeau_l2 a:link,#mentions_legales_bandeau_l2 a:visited, #mentions_legales_bandeau_l2 a:active,#mentions_legales_bandeau_l2 a:hover {
 color: black;
}
#mentions_legales_bandeau_l3 {
 position: relative;
 font-size: 10px;
 font-family: Arial;
}
#mentions_legales_bandeau_l3 p {
 padding: 0 15px 0 15px;
 text-align: center;
}
#contact_texte {
 padding: 0 15px 0 15px;
 text-align: justify;
 font-size: 10px;
 font-family: Arial;
 position: relative;
 clear: left;
}
/* ====================================================================
Pied de page - MAJ le 20/01/2010
-------------------------------------------------------------------*/
#copyright {
 line-height: 13px;
 width: 992px;
 margin: 0px;
 padding: 2px 0 0 6px;
 text-align: center;
 font-size: 8px;
 letter-spacing: 1px;
 font-weight: normal;
 font-family: Arial;
 color: white;
 background-color: black;
}
#copyright a {
 font-size: 8px;
 letter-spacing: 1px;
 font-weight: normal;
 font-family: Arial;
 color: white;
 cursor: pointer;
}
#bloc_bandeau_bas {
 width: 998px;
 background-color: #7B7B7B;
}
#bloc_bandeau_bas table {
 border-collapse:collapse;
 margin: 0;
 padding: 0;
 text-align:center;
 background-color: #7B7B7B;
 margin-left:auto;
 margin-right:auto;
}
#menu {
 width: 100%;
 overflow: hidden;
 cursor: pointer;
}
#menu ul {
 font: bold 12px verdana;
 list-style-type: none;
 padding: 0 0 0 0;
 margin: 0;
}
#menu ul li {
 float: left;
 height: 21px;
 padding: 4px 5px 0px 5px;
}
#menu li:hover {
 background: #494949;
}
#menu a {
 color: white;
}

/*-------------------------------------*/
#bloc_milieux_index {
 overflow: hidden;
 clear: left;
 display: block;
 width: 998px;
 height: 406px;
 background-image : url("../site/images/fond_milieux.jpg");
}
.index2 {
 text-align: justify;
 margin : 5px 20px 0 20px;
}
.bandeau_index_droite_form {
 position: relative;
 top: -25px;
 width: 435px;
 margin: 0 0 0 0;
 padding: 0;
 float: left;
}
#bandeau_contact_droite a {
 text-align:center;
 color: #494949;
 font-size: 12px;
 font-weight: bold;
}
input.contact_boutton_connexion {
 margin: 0 0 0 0px;
 width: 100px;
 background-color: #E9E9E9;
 position: relative;
 top: -24px;
 margin: 2px 0 0 350px;
}