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

/*début généralité*/

body{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

.col{
width:250px;
margin-top:20px;
margin-left:10px;
margin-right:10px;
float:left;
}

/*texte*/
h1{
font-size:9px;
margin:0px;
margin-bottom:20px;
margin-top:17px;
}
#colonne01:hover h1{
background-color:#F3DE13;
}
#colonne02:hover h1{
background-color:#7AC494;
}
#colonne03:hover h1{
background-color:#DC311E;
}
#colonne04:hover h1{
background-color:#86CAD1;
}
#colonne05:hover h1{
background-color:#FFA8A4;
}
#colonne06:hover h1{
background-color:#4AF04F;
}
.titre{
font-weight:bold;
font-size:9px;
margin:0px;
background-color:#FFFFFF;
}
.numero{
font-weight:100;
font-size:25px;
margin:0px;
background-color:#FFFFFF;
float:left;
padding-right:5px;

}
#bigspanjaune{
font-size:22px;
line-height:36px;
}
#colonne01:hover #bigspanjaune{
background-color:#F3DE13;
}
p {
font-size:10px;
line-height:16px;
}
#vert {
font-size:10px;
line-height:16px;
font-weight:bold;
}
#colonne02:hover #vert{
background-color:#7AC494;
}
h2{
font-size:18px;
line-height:30px;
margin:0px;
font-weight:200;
padding:10px;
padding-top:2px;
margin-bottom:10px;
margin-top:10px;
}
#colonne02:hover h2{
color:#FFFFFF;
background-color:#7AC494;
}
#rouge {
font-size:10px;
line-height:16px;
font-weight:bold;
}
#colonne03:hover h2{
color:#DC311E;
}
#colonne03:hover #rouge{
background-color:#DC311E;
}
#colonne03:hover .sperouge{
background-color:#DC311E;
color:#FFFFFF;
}
#bleu {
font-size:10px;
line-height:16px;
font-weight:bold;
}
#colonne04:hover #bleu{
background-color:#86CAD1;
}
#colonne04:hover .spebleu{
background-color:#86CAD1;
color:#FFFFFF;
}
#colonne04:hover h2{
color:#86CAD1;
}
#rose {
font-size:10px;
line-height:16px;
font-weight:bold;
}
#colonne05:hover #rose{
background-color:#FFA8A4;
}
#vertfluo {
font-size:10px;
line-height:16px;
font-weight:bold;
}
#colonne06:hover #vertfluo{
background-color:#4AF04F;
}
#colonne06:hover h2{
color:#4AF04F;
}
a{
color:#333333;
}
#colonne06:hover a{
color:#4AF04F;
}
/*images*/
.photo{
width:250px;
height:250px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
padding:0px;
background-color:#333333;
}
#icones{
background-image:url(images/icones02.jpg);
background-repeat:no-repeat;
width:250px;
height:126px;
background-position:0 -126px;
}