/* CSS issu des tutoriels http://css.alsacreations.com */

a:link{
  color:#0F4F2C;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
}

a:visited{
  color:#0F4F2C;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
}

a:hover{
  color:#0F4F2C;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
}
                          
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
margin-top: -9px;
left: 45px;
z-index:100;
width: 900px;
border:0px solid #000;
}
#menu dl {
float: left;
width: 100px;
margin: 0 0px;
border:0px solid #000;
}
#menu dt {  
cursor: pointer;
text-align: center;
font-weight: bold;
background: #0f4f2c;
border: 0px solid #000;
color:#4CA272;
height:12px;
}
#menu dd {
margin-top:5px;
border: 0px solid #4CA272;
}
#menu li {                
text-align: center;
background: #0F4F2C;
}
#menu dt a {   
color: #ffffff;
text-decoration: none;
display: block;
height: 16px;
border: 0 none;
font-weight:bold;
font-size:12px;
}

#menu dt a:hover {
background: #FFF;
height:17px;
color:#0F4F2C;
}

#menu li a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
font-weight:bold;
font-size:12px;
height:20px;
}

#menu li a:hover {
background: #FFF;
height:20px;
color:#0F4F2C;
}

/* structure site */

body{
  margin:0 auto;
  width:100%;
  height:100%;
  /*background-color:#99130f;*/
  background-color:#99130f;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

h1{
  background:#0F4F2C;
  color:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin-bottom:0px;
  font-size:14px;
  margin-top:0px;
  padding-top:2px;
  height:20px;
  text-align:center;
}

h2{
  color:#0F4F2C;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}

h3{
  margin-top:0px;
  color:#000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

img{
  border:0;
}

img.centrer{
  position:relative;
  display:block;
  margin-left: auto;
  margin-right: auto;
  padding:5px;
}

#conteneur {
  position: relative;
  width: 990px;
  margin: 0 auto;
  left:50%;
  margin-left:-495px;
  background-color:#FFFFFF;
  border:0px solid #FF0000;
  overflow: hidden;
}

#head{         
  height:100px;
  width:100%;
  background-image:url(../img/structure/banniere.gif);
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#0F4F2C;
  border:0px solid #000;
}

#page {             
  width: 990px;
  background-color:#FFF;
  padding-bottom:5px;
  border:0px solid #CCC;
  overflow:hidden;
}

#module_gauche{
  float:left;
  margin-top:-5px;
  margin-left:5px;
  _margin-left:2px;
  width:185px;
  border:0px solid #FF0000;
}

#contenu {
  float:left;
  margin-top:-5px;
  margin-left:5px;
  width:600px;
  background-color:#FFF;
  border:0px solid #000;
}


#module_droite{
  margin-top:-40px;
  voice-family:"\"}\"";  /* à partir de celle-ci, IE 5.x ignorera les déclarations qui vont suivre */
  /*voice-family:inherit;*/
  margin-top:-40px;
  margin-left:800px;
  _margin-left:797px;
  width:185px;
  text-align:center;
  border:0px solid #000;
}     

#fb-picasa{
  margin-top:0;
}

*+html #fb-picasa{
  margin-top:-65px;
}
* html #fb-picasa{
  margin-top:-65px;
}

#footer{
  text-align:center;
  margin-top:5px;
  width:100%;
  height:50px;
  border:0px solid #ff0000;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  background:#99130f;
  border:0px solid #000;
}


#calendrier{  
  width:100%;
  height:240px;
  border:0px solid #000;
}

#podium{  
  text-align:center;
  background:url(../img/podium.gif) no-repeat 0 100%;
  width:100%;
  height:165px;
  border:0px solid #000;
}

#podium1{  
  float:left;
  text-align:center;
  margin-top:22px;
  _margin-top:24px;
  margin-left:7px;
  _margin-left:4px;
  width:50px;
  height:60px;
  border:0px solid #000;
}

#podium2{  
  float:left;
  text-align:center;
  margin-top:1px;
  margin-left:9px;
  width:50px;
  height:60px;
  border:0px solid #000;
}

#podium3{  
  margin-left:130px;
  *margin-left:125px;
  _margin-left:122px;  
  margin-top:34px;
  text-align:center;

  width:50px;
  height:60px;
  border:0px solid #000;
}

#classement-complet{ 
  width:100%;
  height:20px;
  border:0px solid #000;
  text-align:center;
}

#yu{       
  margin-top:10px;       
  width:100%;
  height:175px;
  border:0px solid #000;
}
              
/* partie */

#partie{
  text-align:justify;
  width:100%;
  height:300px;
  border:0px solid #000;
}

/*.photo_une{
  width:400px;
  height:300px;
  border-bottom:3px solid #0F4F2C;
  border-right:3px solid #0F4F2C;
  border-left:3px solid #0F4F2C;
} */

.photo_une{
  width:300px;
  height:225px;
  border-bottom:3px solid #0F4F2C;
  border-right:3px solid #0F4F2C;
  border-left:3px solid #0F4F2C;
}

#cr_partie{
  float:left;
  width:290px;
  margin-top:-12px;
  padding:2px;
  border:0px solid #ff0000;
}

* html #cr_partie{
  float:left;
  width:290px;
  margin-top:0px;
  padding:2px;
  border:0px solid #ff0000;
}

*+html #cr_partie{
  float:left;
  width:290px;
  margin-top:0px;
  padding:2px;
  border:0px solid #ff0000;
}

.suite{
  text-align:right;
  margin-top:15px;
  border:0px solid #000;
}


@media screen and (min-width: 0px) {
    #login {
  float:left;
  width:240px;
  height:94px;
  margin-left:5px;
  margin-top:5px;
  border:2px solid #0F4F2C;
    }
}

#login{
  float:left;
  width:240px;
  height:91px  !important!;
  height:94px;
  margin-left:5px;
  margin-top:5px;
  border:2px solid #0F4F2C;
}

#btn-ok{
  float:left;
  margin-left:190px;
  margin-top:-35px;
  text-align:center;
  width:40px;
  border:0px solid #0F4F2C;
}

* html #btn-ok{
  float:left;
  margin-left:95px;
  margin-top:-35px;
  text-align:center;
  width:50px;
} 

#btn-forgot-pwd{
  width:100%;
  *width:97%;
  text-align:center;
  margin:0px;
  *margin-left:5px; 
  *margin-top:-20px;   
}

.espace-adherents{
  width:100%;
  text-align:center;
  margin-top:-5px;
  padding:2px;
  _padding:0;
}

#actu_sept{
  margin-top:5px;
  float:left;
  background:#fff;
  width:600px;
  border:0px solid #0F4F2C;
}

.article-sept{
  width:600px;
  height:225px;
  border:0px solid #000;
}

.img-article-sept{
  float:left;
  text-align:center;
  margin-top:1px;
  width:110px;
  height:150px;
  border:0px solid #000;
}

.contenu-article-sept{
  float:left;
  margin-top:-10px;
  padding:2px;
  width:485px;
  height:170px;
  border:0px solid #000;
}

* html .contenu-article-sept {
  float:left;
  margin-top:0px;
  padding:2px;
  width:485px;
  height:170px;
  border:0px solid #000;
}

*+html .contenu-article-sept {
  float:left;
  margin-top:0px;
  padding:2px;
  width:485px;
  height:170px;
  border:0px solid #000;
}

.suite-article-sept{
  float:left;
  margin-top:4px;
  text-align:right;
  width:100%;
  height:20px;
  border:0px solid #000;
}

#membres-infos-ca{
  width:100%;
  border:0px solid #000;
}

.tr{
  background-color:#fff;
}

.tr:hover{
  background-color:#0F4F2C;
  color:#FFF;
}

#archives-sept{
  float:left;
  width:100%;
  height:200px;
  border:1px solid #000;
}


.paragraphe_actu{
  border:0px solid #000;
  margin-bottom:0px;
  /*margin-left:5px;
  margin-right:5px;*/
  margin-top:0px;
}

.form_actu_sept{
  margin-bottom:0px;
}

#picto{
  height:auto;
  margin-top:20px;
  text-align:center;
}

.trombi{
  margin-top:10px;
  text-align:center;
  height:auto;
  width:100%;
  border:0px solid #ff0000;
}

/* FIN PAGE D'ACCUEIL */

/* CLASSEMENT */

#form-classement{
  position: relative;
  width: 70%;
  text-align:center;
  margin: 0 auto;
  border:0px solid #000;
}

/* FIN CLASSEMENT */

/* CR PARTIE */

.commentaire_partie{
  position:relative;
  margin-left:150px;
  margin-top:35px;
  width:450px;
  text-align:justify;
}

.commentaire_partie2{
  position:relative;
  margin-left:0px;
  margin-top:870px;
  width:600px;
  text-align:justify;
}

.commentaire_partie3{
  position:relative;
  margin-left:0px;
  margin-top:0px;
  width:600px;
  text-align:justify;
}

.class_partie{
  position:absolute;
  left:200px;
  border-spacing: 0px;
  border-collapse: collapse;
  top:450px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}


.class_partie1{
  position:absolute;
  left:300px;
  border-spacing: 0px;
  border-collapse: collapse;
  top:370px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}

.class_partie2{
  position:absolute;
  left:500px;
  border-spacing: 0px;
  border-collapse: collapse;
  top:370px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}



.class_partie3{
  position:absolute;
  left:200px;
  border:0px #000;
  top:550px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}

.class_partie31{
  position:absolute;
  left:280px;
  border-spacing: 0px;
  border-collapse: collapse;
  top:550px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}

.class_partie32{
  position:absolute;
  left:430px;
  border-spacing: 0px;
  border-collapse: collapse;
  top:550px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}

.class_partie33{
  position:absolute;
  left:580px;
  border-spacing: 0px;
  border-collapse: collapse;
  top:550px;
  width:140px;
  font-weight:bold;
  cursor:pointer;
}


.class_partie_sng{
  /*position:absolute;*/
  float:left;
  margin-right:5px;
  /*border-spacing: 0px;
  border-collapse: collapse;*/
  border:1px solid #000;
  margin-top:5px;
  width:145px;
  cursor:pointer;
}


#photos{
  text-align:left;
  margin-top:10px;
  margin-left:150px;
  width:450px;
  padding:0;
  border:0px solid #000;
}

#photos2{
  text-align:left;
  margin-top:0px;
  /*margin-left:148px !important;
  margin-left:148px !important!;
  margin-left:140px;*/
  width:99%;
  padding:0;
  border:0px solid #000;
}

.photo{
  margin-top:1px;
  margin-left:1px;
}

.photo1{
  margin-top:5px;
  margin-left:370px;
  
}

.photo2{
  margin-top:5px;
  margin-left:10px;
}

.photo3{
  margin-top:5px;
  margin-left:440px;
}

.photo4{
  margin-top:1px;
  margin-left:0px;
}

.photo5{
  margin-top:-205px;
  margin-left:301px;
}

.photo_event_h {
  /*padding-left:19px;/*
  /*padding:1px;*/
  width:151px;
  height:151px;
  float:left;
  text-align:center;
  vertical-align:middle;
  border:0px solid #ff0000;
}

.photo_event_v {
  padding-top:19px;
  /*padding:1px;*/
  width:151px;
  height:131px;
  float:left;
  text-align:center;
  vertical-align:middle;
  border:0px solid #ff0000;
}

#photos_event {
  margin-top:5px;
  margin-left:150px;
  width:615px;
  height:604px;
  border:0px solid #000;
}

#photos_event2 {
  margin-top:5px;
  width:700px;
  border:0px solid #000;
}

.nav_event {
  margin-top:10px;
  margin-left:160px;
  width:400px;
  text-align:center;
  border:0px solid #000;
}

/* FIN CR PARTIE */

fieldset{
  border:0;
}

select{
  color:#0F4F2C;
}

form{
  margin-top:10px;
  text-align:center;
}

.membres_res_tr{
  background-color:#fff;
  border:1px solid #4ca272;
  cursor:pointer;
}

.membres_res_tr:hover{
  background-color:#0F4F2C;
  color:#FFF;
  cursor:pointer;
}

.membres_res_tr2{
  background-color:#0F4F2C;
  color:#FFF;
  cursor:pointer;
}

.membres_res_tr2:hover{
  background-color:#0F4F2C;
  color:#FFF;
  cursor:pointer;
}

#membre_photo{
  margin:0;
  float:left;
  width:150px;
  height:200px;
}

#membre_infos{
  float:left;
  padding:5px;
  width:440px;
  height:15px;
}

.membre_info{
  margin-top:-15px;
  margin-left:100px;
  width:200px;
  height:15px;
}


#inscriptions{
  min-height:930px;
  height:auto !important;
  height:930px;
  text-align:center;
  border:0px solid #0F4F2C;
}

#membre_res{
  margin:0 auto;
  margin-top:10px;
  width:500px;
  min-height:700px;
  height:auto !important;
  height:700px;
  text-align:center;
  border:0px solid #0F4F2C;
}

.article-boutique{
  float:left;
  width:300px;
  height:400px;
  border:0px solid #000;
}

.titre{
  text-align:center;
  color:#0F4F2C;
  font-weight:bold;
  font-size:14px;
  margin-top:10px;
  margin-bottom:10px;
}

.texte{
  color:#000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}



.textevert{
  color:#0F4F2C;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

.texte_noir_souligne{
  color:#000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:underline;
  font-weight:bold;
}


.inscription_text {
  font-size:11px;
  font-weight:bold;
  background:#C4C4C4;
  border:1px solid #000;
}

.error {
  color:#FF0000;
}

.part_nom {
   border:0px solid #000;
   text-align:right;
   float:left;
   width:200px;
   height:15px !important!;
   height:15px;
   height:25px !important;
}

.part_form {
  border:0px solid #000;
  padding-left:5px;
  margin-top:0px !important!;
  margin-top:-2px !important;
  margin-top:-2px;
  text-align:left;
  float:left;
  width:200px;
  height:15px !important!;
  height:15px;
  height:25px !important;
}

