/* Styles pour les balises de bases */

* {margin:0; padding:0} 

body{
  font-family: Verdana, Sans-Serif;
  font-size: 100%;
  background-color:#666666;
}

em{
  color:#ff6600;
  font-weight:normal;
  margin: 2em;
}

/* Styles pour les div */

#page{
    position:relative; 
  width: 800px;
  margin:auto;
  background-color: #cccccc;
}

.menuCommun{
  font-size:80%;
  padding-top:1em;
  text-align:center;
}

.menuCommun a:link{
  text-decoration:none;
  color:black;
}

.menuCommun a:visited{
  text-decoration:none;
  color:black;
}

.menuCommun a:hover{
  text-decoration:none;
  color:#ff6600;
}

.menuCommun a:active{
  color:#ff6600;
}

.menuCommun a#activelinkh{
  color:#ff6600;
}

#logo{
  position:absolute;
  left:200px;
  top:75px;
}

#arnon{
  position:absolute;
  left:425px;
  top:65px;
}

#dates {
  position:absolute;
  top:255px;
  left:154px;
}

#lignes{
  position: absolute;
  bottom:80px;
  right:0px;
}
#sponsorsBas{
	position: absolute;
  bottom:0px;
  right:0px;
}

#menuCommunBas{
  margin-top:520px;
  padding-bottom:120px;  
}

/* Styles pour les classes */

.vignes{
  position:absolute;
  top:310px;
}













#alternative {
  width:600px;
  margin:auto;
  margin-top:2em;
  
}



#formulaireContact{
  margin-top:2em; 
}
#adresse{
  margin-top:15px;
  font-size:large;
  color:#ff6600;
  
}
#lienContact{

  text-decoration:none;

    color:#ff6600;
}
#laBande{
  padding-bottom:2em;
}
#logoBande{
  padding-top: 0;
  margin-right:4em;
  margin-left:5em;
}




#contenu{
    border:2px dotted red;
    padding-bottom:15em;
}




#menuCommunBas a:link{

    text-decoration:none;

    color:black;



}

#menuCommunBas a:visited{

    text-decoration:none;

    color:black;



}

#menuCommunBas a:hover{

    text-decoration:none;

    

    color:#ff6600;



}

#menuCommunBas a:active{

    

    color:#ff6600;



}










/*
#droite {
  
  
  width: 40%;
  margin-left: 400px;
  
}

#gauche{
  
  
  width: 45%;
  top: 1em;
  float: left;
  margin-left: 15px;
  text-align: justify;
  
  
}
#carte{
     margin:20px;
     
     text-decoration:none;
     
     border:none;
}
#titre {
  font-size: xx-large;
  font-variant: small-caps;
  color: #ff6600;
  position: relative;
  left: auto;
  margin-top: 15px;
}
*/

/*



#objet{
  margin-top:0px;
}
h1{
    font-size: 30px;
    font-variant: small-caps;
    font-family: fantasy;
  font-weight: bold;
  margin: 0px;
  text-align:center;
  
}
h2{
  color: #3A3A3A;
  font-size: 15px;
}
p{
    font-size: 12px;
}
hr{
    border-width:thin;
   width: 500px;
}
img {
  margin-left: 0px;
  padding :4px;
  border : solid;
  background-color: #D2E6F4;
  border-color: #55ABDE;
  }
a:link{
    color:#5588AA;
    text-decoration: none;
}
a:visited{
    color:#5588AA;
    text-decoration: none;
}
a:hover{
    color: #5588AA;
    text-decoration: underline;
}
a:active{
    color:#5588AA;
    text-decoration: none;
}
#header {
}
#news {
  width:200px;
  float: right;
  position:relative;
  right: 20px;
}
#programme{
  text-align: center;
}
#programme hr{
  width:200px;
}

#content{
width:500px;
float:left;   
position: relative ;
left:20px;
text-align: left;

}
#content hr {
  border-width: thin;
   width: 200px;
   position:relative;
   left:0px;
   background-color: red;
   margin:0px;
   padding: 0px;
}
#content h2{
  text-align:center;
}
#content p{
  text-align:center;
}
#membre{
  margin-top :3em;
  margin-left:0em;
  border-bottom: 2px ridge #6E88AA;
  border-top: 2px ridge #6E88AA;
  min-height: 130px
}
#membre:hover{
  background-color: #E4E4E4;
}
#membre h2{
  text-align:left;
  position:relative;
  left:20px;
}
#membre p{
position:relative;
left: 20px;
text-align: left;
}
#membre img{
  float:left;
  position: relative;
  left :0px;
  margin:10px;
}
.infos{
  max-width:400px
}
.titre{
  color: #6B88B7;
}
#simple{
width: 500px;
margin-left: auto;
margin-right:auto;
}
#navigation{
margin-bottom: 10px;
  width: 500px;
  margin-left: auto;
     margin-right: auto;
     text-align: left;
}
.gauche{
  margin-left: 10px;
  margin-right:340px;
}
#prout img{
   max-width:500px;
}*/