/* CSS Document */

*{
  margin : 0;
  padding : 0;
  font-family : arial, sans-serif;
  font-size : .97em;
  border : 0;
}

body{
  background : #74CAEE url('../img/fondFooter.jpg') repeat-x bottom;
}

#page{
  position : relative;
  left : 50%;
  margin-left : -490px;
  width : 980px;

}

#content{
  position  : relative;
  padding-top : 40px;
  background : url('../img/fondPage.jpg') repeat-y;
}

.date, #footer, h2, h3{
  font-family : Trebuchet MS, arial, sans-serif;
}

#footer{
  font-size : .8em;
}

h2, .actu h2 a, .actu h1{
  color : #E10079;
  font-size : 20px;
  font-weight : bold;
}

.actu h2 a{
  text-decoration : none;
}

h3{
  color : #0D8FCA;
  font-size : .9em;
  font-weight : bold;
  margin : 40px 0 10px 0;
  font-stretch : narrower;
}

p{
  margin : 10px 0;
  text-align : justify;
}

a{
  color : #0D8FCA;
}

a:hover{
  color : #E10079;
}

.infos a{
  display : block;
  text-align : right;
  text-decoration : none;
  font-size : .8em;
  color : #E10079;
  padding-right : 30px;
  margin-top : 40px;

}

.infos a:hover{
  color : #0D8FCA;  
}


/*
###BANDEAU###
*/

#bandeau{
  background : url('../img/Lacaravane.jpg') no-repeat;
  height : 210px;
}

#bandeau h1{
  display : none;
}

#bandeau a img{
  margin : 20px 0 0 30px;
}

/*
###COLLEFT###
*/

#colLeft{
  float : left;
  width : 200px;  
}

#colLeft ul li{
  list-style-type : none;
  margin : 5px 0 0 0px;
}

#colLeft ul, #colLeft div{
  margin-left : 20px;
}

#colLeft a img{
  margin : 3px 0;
}



/*
###COLRIGHT###
*/

#colRight{
  position : absolute;
  top : 0;
  right : 0;
  width : 250px;
}

#colRight ul{

  margin : 0 30px;
}

ul.paroles li{
  color : #0D8FCA;
  font-family : comic sans ms, arial, sans-serif;
  font-size : .9em;
  list-style : none url('../img/guillOuvr.jpg');
  background : url('../img/guillFerm.jpg') no-repeat bottom right;
  padding-right : 30px;
  margin : 15px 0 15px 20px;
}

#main ul.paroles li{
  padding : 20px;
  margin : 10px 30px;
}

#main ul.paroles{
  margin-left : 40px;
}

#colRight ul li a{
  text-decoration : none;
}

/*
###FOOTER###
*/

#footer{
  clear : both;
  background : url('../img/footer.jpg') no-repeat;
  height : 266px;
}

#footer div{
  text-align : center;
  width : 100%;
  
}

/*
###MAIN###
*/

#main{
  position : relative;
  
  margin : 0px 250px 0px 200px;
  padding-bottom : 150px;
}

div.actu{
  position : relative;
  margin : 0 10px;
  padding : 20px 10px 30px 10px;
  background : url('../img/fondactu.jpg') no-repeat bottom center;
}

.date{
  position : absolute;
  right : 130px;
  top : -20px;
  font-size : .7em;
}

img.ill{
  display : block;
  float : right;
  margin : 0 10px;
}

#main .actu .infos a{
  margin-top : 20px;
  margin-left : 20px;
  width : 150px;
  text-align : left;
}

#main table{
  width : 100%;
  /*border : 1px solid #E10079;*/
}

#main table tr{
  margin : 0;
  padding : 0;
  border : 0;
}

#main table tr.tr-even{
  /*background : #AAB900;*/
  
}

#main table tr.tr-odd{
  background : #E10079;
}


#main table td{
  text-align : center;
  vertical-align : middle;
  margin : 0;
  padding :5px;
}

#main table td.td-0{
  width : 10%;
}

#main table td.td-1{
  width : 10%;
}

#main table td.td-2{
  width : 30%;
}

#main table td.td-3{
  width : 30%;
}

#main table td.td-4{
  width : 30%;
}


#main ul li{
  list-style-position : inside;
  margin-left : 10px;
  margin-bottom : 5px;
}

#main h3{
  font-size : 15px;
}