@charset "utf-8";
/* CSS Document */

html,html body {height:100%;}

body{
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color:#555555;
width:984px;
margin:0;
background-color:#c0dc66;
background-image:url(img/right_side_body.jpg);
background-position:top left;
background-repeat:no-repeat;
}

h2{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
}

h3{
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight:bold;
}

span.titre1{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
}
a.lienNomEvenement:link{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
color:#555555;
text-decoration:none;
}
a.lienNomEvenement:visited{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
color:#555555;
text-decoration:none;
}
a.lienNomEvenement:hover{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
color:#555555;
text-decoration:none;
}
a.lienNomEvenement:active{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
color:#555555;
text-decoration:none;
}
span.titre_form{
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
}


a img{
border:0;
}

div.contener{
width:auto;
height:auto;
margin:0;
}

div.top{
width:970px;
height:282px;
background-image:url(fr/img/top_title.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
}

div#navigation{
width:970px;
float:left;
}

div.conteneur_contenu{
float:left;
}

div.left_side{
width:113px;
float:left;
}

div.contenu{
width:760px;
min-height:300px;
padding:55px 55px 25px 55px;
background-image:url(img/fond_contenu.png);
background-repeat:repeat-y;
float:left;
}

div.date{
margin:0 0 40px 270px;
font-size: 16px;
font-weight:bold;
color:#000000;
}

div.recherche{
width: 220px;
height:175px; /*changer la valeur en conséquence lors de la programmation*/
float:left;
padding:8px 0px 0px 15px;
}

div.recherche_spacer{
height:20px;
}

div.resultats{
width: 500px;
float:right;
border-bottom:1px dotted;
margin-bottom:40px;
}

div.resultats .images{
width:135px;          /*valeure maximale pour la largeur des photos*/
float:left;
margin-bottom:10px;
}

div.resultats .infos{
float:left;
width:365px;
}

div.resultats .infos img{
	margin-right:5px;
}

.infos ul{
list-style-type:none;
margin:0 0 0 10px;
padding:0;
}

.infos li{
margin-bottom:5px;
}

a:visited { color: #6EC0CC; text-decoration: none }
a:hover { color: #000000; text-decoration: underline }
a:link {color: #0099FF; text-decoration: none; }