body{
	height: 100%;
padding:0px;
margin:0px;
background-image:url(img/bg.jpg);
margin:0px;
}





#barregauche{
position:absolute;
z-index:1000;
padding-top:20px;
margin-left:20px;
position:absolute;
padding:5px;

}


#logo{
background-image:url(img/logo.png);
height:119px;
width:295px;
background-color:#FFFFF;
cursor:pointer;
margin-bottom:20px;
}




#about{

width:295px;

  font:x-small Georgia,Serif;
  text-align:justify;
  color:#333;
  margin-bottom:20px;
}

#news{
width:295px;
  font:x-small Georgia,Serif;
  text-align:justify;
  color:#333;
}


#newprj{
height:71px;
width:184px;
cursor:pointer;
}



#listeprojets {
margin:0px;
padding:0px;
list-style:none;
font-size:16px;
  font:x-small Georgia,Serif;
  float:left;
  margin-top:20px;

}

#listeprojets ul{
margin:0px;
padding:0px;
list-style:none;

}

#listeprojets a{
text-decoration:none;
color:#333333;
}



#numeropf{
text-align:center;
display:block;
width:20px;
float:left;
}



#listeprojets li a:hover #numeropf{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);
text-decoration:none;
color:#FFFFFF;
}

#listeprojets li a:hover #titrepf{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);
text-decoration:none;
color:#FFFFFF;
}

#listeprojets li a:hover #categoriepf{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);
text-decoration:none;
color:#FFFFFF;
}

#listeprojets li a:hover #datepf{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);
text-decoration:none;
color:#FFFFFF;
}

#listeprojets li a:hover #tellmemore{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);
text-decoration:none;
color:#FFFFFF;
}

#listeprojets li #tellmemore a:hover{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);
color:#FFFFFF;
text-decoration:none;
color:#FFFFFF;
}


#titrepf{
display:block;
width:150px;
float:left;
}

#categoriepf{

display:block;
width:80px;
float:left;
}

#datepf{

display:block;
width:30px;
float:left;
}

#tellmemore{
display:block;
width:10px;
float:left;
}

#contact{
border-top:#000000 thin dotted;
border-bottom:#000000 thin dotted;
font-family:"Times New Roman", Times, serif;
margin-bottom:0px;
padding-bottom:0px;

}



#contact a{
color:#666666;
text-decoration:none;
font-size:17px;
display:block;
}

#contact a:hover{
background-color:#666666;
color:#FFFFFF;
}


#listecategories{
width:295px;
}


#listecategories ul{
margin:0px;
padding:0px;
list-style:none;
width:295px;
}

#listecategories ul li{
display:inline;
padding:2px;
float:left;
}

#listecategories ul a{
display:block;
text-decoration:none;
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
border:1px;
border-color:#F0F0F0;
margin-right:2px;
font:x-small Georgia,Serif;
background-color:#009999;
}



#dodose{
position:absolute;
top:0px;
left:0px;
right:0px;
padding-left:350px;

}

#precedent{
position:absolute;
left:330px;
top:0px;
height:100%;
width:100px;
background-color:#FFFFFF;
background-repeat:repeat-y;
background-position:center;
background-image:url(img/gauche.png);
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
}

a:hover #precedent{
background-color:#FFFFFF;
    filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}



#suivant{
position:absolute;
top:0px;
right:0px;
height:100%;
width:100px;
background-color:#FFFFFF;
background-image:url(img/droite.png);
background-repeat:repeat-y;
background-position:center;
filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
}

a:hover #suivant{
background-color:#FFFFFF;
    filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}

#barreinfo{
padding:0px;
width:100%;
margin-left:80px;
margin-right:80px;
}


#textinfo {
  font:x-small Georgia,Serif;
  font-size:15px;
}

#textinfo a{
display:block;
width:80px;
height:55px;
text-decoration:none;
  text-align:center;
  padding-top:25px;
    color:#FFFFFF;
}

#imagearticle{
position:relative;
float:left;
margin-left:30%;
background-repeat:repeat-x;
width:70%;
}
a img {
border:none;
}

#info2{
position:relative;
float:left;
width:65%;
margin-left:30%;
top:0px;
padding:10px;
}

#textinfo2{
  font:x-small Georgia,Serif;
  font-size:11px;
  text-align:justify;
  color:#666666;
}

#textinfo2 a{

  color:#000000;
  background-color:#ffffff;
}

#textinfo2 p{

  background-color:#000000;
padding-left:5px;
padding-right:20px;
}

#textinfoinfo{
display:block;
  font:x-small Georgia,Serif;
  font-size:14px;
  text-align:justify;
  background-color:#FFFFFF;
  color:#000000;
  padding:3px;
  width:100%;
}

/************************************* RESUME */

.titre{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#666666;
letter-spacing:-2px;
margin-bottom:0px;
background-color:#E9E9E9;
}
.contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color:#F8F8F8;
}
.dates {

font-size: 10px;
color:#FFFFFF;
background-color:#C22879;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}

.interlignes{
font-size:10px;
height:10px;

}

#about a{
background-color:#000000;
color:#ffffff;
text-decoration:none;
padding:2px;


}
#about a:hover{
background-image:url(http://mynameisval.majestik.fr/themes/mynameisval2/img/hover.gif);


}