.boite2Col{
position: relative;
width: 634px;
margin-bottom: 15px;
margin-top: 10px;
background: url(../img/boite_2col_c.png) 0 0 repeat-y;
}

.boite2ColH{
background: url(../img/boite_2col_h.png) 0 0 no-repeat;
}

.boite2ColB{
position: relative;
padding: 15px 15px;
background: url(../img/boite_2col_b.png) 0 100% no-repeat;
}

#introImg{
position: absolute;
bottom: -3px;
left: 345px;
width: 285px;
height: 73px;
background: url(../img/intro_img.png) 0 0 no-repeat;
z-index: 2;
}

.contentIntro{
width: 598px;
overflow: hidden;
}

.contentIntro img{
float: left;
}

.contentIntroText{
float: right;
width: 310px;
margin-bottom: 40px;
margin-top: 15px;
}

div.page .contentIntroText h1, div.page .contentIntroText h2{
margin: 0 0 5px 0;
color: #28a4e5;
}

#pagerIntro{
position: absolute;
top: 15px;
left: 420px;
margin: auto;
z-index: 100;
}

#pagerIntro a{
display: block;
float: left;
width: 9px;
height: 9px;
margin-right: 5px;
background: url(../img/pager_intro.gif) 0 0 no-repeat;
}

#pagerIntro a.activeSlide{
background: url(../img/pager_intro.gif) 0 -18px no-repeat;
}

/* grandeBoite Bleu */
#boiteBleu {
background: none;
}

#boiteBleu div.grandeBoiteHaut {
position: relative;
background: url(../img/boite_bleu_h.png) 0 0 no-repeat;
}

#boiteBleu h2{
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: #28a4e5;
padding: 0 5px 10px 35px;
padding-top: -20px;
}

#boiteBleu h2 img.logoAovaSmall{
vertical-align: middle;
margin-top: -10px;
padding-bottom: 10px; 
}

#boiteBleu p{
margin: 5px 10px 0 10px;
padding: 0;
}

#boiteBleu .boiteCat{
position: relative;
float:left;
width: 204px;
background: url(../img/boite_cat.png) 0 0 no-repeat;
margin-left: 7px;
margin-top: 10px;
}

#boiteBleu .boiteCat h3{
font-size: 1em;
font-weight: bold;
margin: 3px 5px 5px 20px;;
padding-bottom: 2px;
border-bottom: 1px solid #d5d5cc;
}

#boiteBleu .boiteCat h3 a{
color: #28a4e5;
text-decoration: none;
}

#boiteBleu .boiteCat h3 a:hover{
color: #7dc9f1;
}

#boiteBleu .boiteCat p{
margin: 5px 5px 0 5px;
padding: 0;
font-size: .8em;
}

#boiteBleu .boiteCat p.center{
margin: 10px 0 0 0;
padding: 0;
}

#boiteBleu .boiteCat img{
padding: 5px;
border: 1px solid #d5d5cc;
background-color: #ecebd3;
}

#boiteBleu .boiteFirst{
margin-left: 5px;
}

#boiteBleu .boiteCat .fleur{
position: absolute;
width: 19px;
height: 19px;
top: -3px;
left: -2px;
background-position: 0 0;
background-repeat: no-repeat;
}

#cat1 .fleur{
background-image: url(../img/fleur_1.png);
}

#cat2 .fleur{
background-image: url(../img/fleur_4.png);
}

#cat3 .fleur{
background-image: url(../img/fleur_6.png);
}

#cat4 .fleur{
background-image: url(../img/fleur_2.png);
}

#cat5 .fleur{
background-image: url(../img/fleur_3.png);
}

#cat6 .fleur{
background-image: url(../img/fleur_8.png);
}

#cat7 .fleur{
background-image: url(../img/fleur_5.png);
}

#cat8 .fleur{
background-image: url(../img/fleur_7.png);
}

#cat9 .fleur{
background-image: url(../img/fleur_9.png);
}
/* fin grandeBoite Bleu */