/* CSS Document */



/*Général*/

*{

  margin : 0;

  padding : 0;



}



body{

  font-family : arial, sans serif;

  font-size : .8em; 

  background : #f39e24;

}



li{

  list-style-position : inside;

  list-style-type : disc;

}



a{

  color : #afc933;

  text-decoration : none;

  font-weight : bold;

}



a:hover{

  text-decoration : underline;

}



h1, h2{

  font-family : arial black;

  letter-spacing : -.05em;

}



h1{

  color : #b4438d;

  font-size : 2em;



}



h2{

  color : #f39e24;

  font-size : 1.5em;

  margin-top : 20px;

}



h3{

  color : #f39e24;

  font-size : 1.2em;

  font-weight : bold;

  margin-top : 15px;

}



p{

  margin-bottom : 10px;

}



#container{

  width : 1000px;

  padding-right : 10px;

  position : absolute;

  left : 50%;

  margin-left : -500px;

  background : url('img/fond-accueil.png') repeat-y;

}



#content{

  margin-top : 40px;

  position : relative;

}



#header{

  height : 260px;

  background : #65bdd8 url('img/VolontairesPourJouer.png') no-repeat right;

}



#header a img{

  border : 0;

}



.hidden{

  display : none;

}



#colLeft{

  

  width : 200px;

  position : absolute;

  top : 0;

  left : 0;

  padding : 0 10px 300px 10px;

  margin-bottom : 150px;

}



#colCenter{

  margin : 0 210px 150px 240px;

}



#colRight{

  width : 180px;



  position : absolute;

  top : -40px;

  right : 0;

  padding : 40px 10px 10px 10px;



}



#bopion{

  background : url('img/bopion.png') no-repeat 50% 100%;

  width : 220px;

  height : 350px;

  position : absolute;

  bottom : 0px;

  left : 0px;

}



#footer{

  background : #fae93d;

  height : 120px;

  clear : both;

  position : relative;

  

}



#mentionsPied{

  margin-left : 220px;

  position : absolute;

  bottom : 10px;

}



#imgFooter{

  width : 420px;

  height : 290px;

  position : absolute;

  background : url('img/plateau.png') no-repeat;

  right : 0;

  bottom : 0px;

}



#colRight li{

  margin-bottom : 10px;

  font-weight : bold;

  list-style-image : url(img/puce.png);

}



#colRight li a{

  color : #b4438d;

}



#colRight h2{

  margin : 0px 0 30px 0;

  color : #fff;

}



.menu li{

  list-style-type : none;

  display : block;

  margin-bottom : 15px;

  font-size : 1.1em;

  text-align : center;

  

}



.menu li a{

  display : block;

  height : 22px;

  color : #fff;

  padding : 4px;

}



.menu li a:hover{

  text-decoration : none;

  color : #fae93d;

}



.menu .vert a{

  background : #afc933;

}



.menu .violet a{

  background : #b4438d;

}



.menu .orange a{

  background : #f39e24;

}



.menu .bleu a{

  background : #65bdd8;

}



.menu2 li {

  margin-bottom : 0px;

  font-size : .8em;

}/* CSS Document */



/*Général*/

*{

  margin : 0;

  padding : 0;



}



body{

  font-family : arial, sans serif;

  font-size : .8em; 

  background : #f39e24;

}



li{

  list-style-position : inside;

  list-style-type : disc;

}



a{

  color : #afc933;

  text-decoration : none;

  font-weight : bold;

}



a:hover{

  text-decoration : underline;

}



h1, h2{

  font-family : arial black;

  letter-spacing : -.05em;

}



h1{

  color : #b4438d;

  font-size : 2em;



}



h2{

  color : #f39e24;

  font-size : 1.5em;

  margin-top : 20px;

}



h3{

  color : #f39e24;

  font-size : 1.2em;

  font-weight : bold;

  margin-top : 15px;

}



p{

  margin-bottom : 10px;

}



#container{

  width : 1000px;

  padding-right : 10px;

  position : absolute;

  left : 50%;

  margin-left : -500px;

  background : url('img/fond-accueil.png') repeat-y;

}



#content{

  margin-top : 40px;

  position : relative;

}



#header{

  height : 260px;

  background : #65bdd8 url('img/VolontairesPourJouer.png') no-repeat right;

}



#header a img{

  border : 0;

}



.hidden{

  display : none;

}



#colLeft{

  

  width : 200px;

  position : absolute;

  top : 0;

  left : 0;

  padding : 0 10px 300px 10px;

  margin-bottom : 150px;

}



#colCenter{

  margin : 0 210px 150px 240px;

}



#colRight{

  width : 180px;


  position : absolute;

  top : -40px;

  right : 0;

  padding : 40px 10px 10px 10px;



}



#bopion{

  background : url('img/bopion.png') no-repeat 50% 100%;

  width : 220px;

  height : 350px;

  position : absolute;

  bottom : 0px;

  left : 0px;

}



#footer{

  background : #fae93d;

  height : 120px;

  clear : both;

  position : relative;

  

}



#mentionsPied{

  margin-left : 220px;

  position : absolute;

  bottom : 10px;

}



#imgFooter{

  width : 420px;

  height : 290px;

  position : absolute;

  background : url('img/plateau.png') no-repeat;

  right : 0;

  bottom : 0px;

}



#colRight li{

  margin-bottom : 10px;

  font-weight : bold;

  list-style-image : url(img/puce.png);

}



#colRight li a{

  color : #b4438d;

}



#colRight h2{

  margin : 0px 0 30px 0;

  color : #fff;

}



.menu li{

  list-style-type : none;

  display : block;

  margin-bottom : 15px;

  font-size : 1.1em;

  text-align : center;

  

}



.menu li a{

  display : block;

  height : 22px;

  color : #fff;

  padding : 4px;

}



.menu li a:hover{

  text-decoration : none;

  color : #fae93d;

}



.menu .vert a{

  background : #afc933;

}



.menu .violet a{

  background : #b4438d;

}



.menu .orange a{

  background : #f39e24;

}



.menu .bleu a{

  background : #65bdd8;

}



.menu2 li {

  margin-bottom : 0px;

  font-size : .8em;

}/* CSS Document */



/*Général*/

*{

  margin : 0;

  padding : 0;



}



body{

  font-family : arial, sans serif;

  font-size : .8em; 

  background : #f39e24;

}



li{

  list-style-position : inside;

  list-style-type : disc;

}



a{

  color : #afc933;

  text-decoration : none;

  font-weight : bold;

}



a:hover{

  text-decoration : underline;

}



h1, h2{

  font-family : arial black;

  letter-spacing : -.05em;

}



h1{

  color : #b4438d;

  font-size : 2em;



}



h2{

  color : #f39e24;

  font-size : 1.5em;

  margin-top : 20px;

}



h3{

  color : #f39e24;

  font-size : 1.2em;

  font-weight : bold;

  margin-top : 15px;

}



p{

  margin-bottom : 10px;

}



#container{

  width : 1000px;

  padding-right : 10px;

  position : absolute;

  left : 50%;

  margin-left : -500px;

  background : url('img/fond-accueil.png') repeat-y;

}



#content{

  margin-top : 40px;

  position : relative;

}



#header{

  height : 260px;

  background : #65bdd8 url('img/VolontairesPourJouer.png') no-repeat right;

}



#header a img{

  border : 0;

}



.hidden{

  display : none;

}



#colLeft{

  

  width : 200px;

  position : absolute;

  top : 0;

  left : 0;

  padding : 0 10px 300px 10px;

  margin-bottom : 150px;

}



#colCenter{

  margin : 0 210px 150px 240px;

}



#colRight{

  width : 180px;

  background : #65bdd8;

  position : absolute;

  top : -40px;

  right : 0;

  padding : 40px 10px 10px 10px;



}



#bopion{

  background : url('img/bopion.png') no-repeat 50% 100%;

  width : 220px;

  height : 350px;

  position : absolute;

  bottom : 0px;

  left : 0px;

}



#footer{

  background : #fae93d;

  height : 120px;

  clear : both;

  position : relative;

  

}



#mentionsPied{

  margin-left : 220px;

  position : absolute;

  bottom : 10px;

}



#imgFooter{

  width : 420px;

  height : 290px;

  position : absolute;

  background : url('img/plateau.png') no-repeat;

  right : 0;

  bottom : 0px;

}



#colRight li{

  margin-bottom : 10px;

  font-weight : bold;

  list-style-image : url(img/puce.png);

}



#colRight li a{

  color : #b4438d;

}



#colRight h2{

  margin : 0px 0 30px 0;

  color : #fff;

}



.menu li{

  list-style-type : none;

  display : block;

  margin-bottom : 15px;

  font-size : 1.1em;

  text-align : center;

  

}



.menu li a{

  display : block;

  height : 22px;

  color : #fff;

  padding : 4px;

}



.menu li a:hover{

  text-decoration : none;

  color : #fae93d;

}



.menu .vert a{

  background : #afc933;

}



.menu .violet a{

  background : #b4438d;

}



.menu .orange a{

  background : #f39e24;

}



.menu .bleu a{

  background : #65bdd8;

}



.menu2 li {

  margin-bottom : 0px;

  font-size : .8em;

}