/* --------------------------------------------------------------------- Integration */
 


h1{
margin:5px 0px 0px 0px;
padding:0;
font-size:28px;
font-weight:bold;
font-family:Helvetica, Geneva, Arial, sans-serif;
color:#525252;
}

h1 span{
font-size:39px;
}

h2{
margin:5px 0px 0px 0px;
padding:0;
color:#6fa6da;
font-size:20px;
font-weight:bold;
}

h2 span{
color:#fcd000;
font-size:25px;
}

h3{
color:#9fc4e6;
font-size:45px;
margin:10px 0px;
font-weight:bold;
text-align:center;
}

p{
font-size:12px;
}

p a{
text-decoration: none;
color:#000000;
}

p a:hover{
text-decoration: none;
cursor: text; 
color:#000000;
}

/* --------------------------------------------------------------------- Landing page */

#bloc_gauche{
width:610px;
padding:0;
margin:0;
float:left;
}

#bloc_droite{
width:230px;
float:right;
background: url(../Images/bloc_droite_rep_y.gif) left top repeat-y;
}
#bloc_droite .haut{
width:230px;
height:20px;
background: url(../Images/bloc_droite_haut.gif) left top no-repeat;
}
#bloc_droite .bas{
width:230px;
height:20px;
background: url(../Images/bloc_droite_bas.gif) left bottom no-repeat;
}
#bloc_droite .centre{
	width:186px;
	margin:0 auto;
	text-align: center;
	cursor: default;
}

#bloc_droite table.docs td.lien_tableau{
width:83px;
height:160px;
background: url(../Images/btn_lettre_over.jpg) left top no-repeat;
margin:0;
padding:0;
}
#bloc_droite table.docs td.lien_tableau a{
width:100%;
height:100%;
display:block;
background: url(../Images/btn_lettre_out.jpg) left top no-repeat;
}


#bloc_droite table.docs td.lien_fiche{
width:83px;
height:160px;
margin:0;
padding:0;
background: url(../Images/btn_tableau_over.jpg) left top no-repeat;
}
#bloc_droite table.docs td.lien_fiche a{
width:100%;
height:100%;
display:block;
background: url(../Images/btn_tableau_out.jpg) left top no-repeat;
}


#bloc_droite table.docs td a{
text-align:center;
font-size:12px;
color:#202020;
font-weight:bold;
text-decoration:none;
}

 
#bloc_droite table.docs td a span{
display:block;
height:100px;
width:10px;
}
 
 
#bloc_droite form{
font-size:12px;
}  
#bloc_droite form span{
display:block;
margin:5px 0px 2px 0px;
}  
#bloc_droite form input.champs{
color:#7db909;
width:100%;
background: url(../Images/bg-input.jpg) left top no-repeat;
border:1px solid #a4b97f;
} 


#bloc_droite form input.btn{
color:#7db909;
background: url(../Images/btn_valider.jpg) left top no-repeat;
width:114px;
height:35px;
border:none;
cursor:pointer;
font-size:24px;
font-weight:bold;
margin:10px 0px 0px 35px;
}
#bloc_droite form input:hover{
color:#5e89b1;
}
 

.img_gauche{
float:left;
}
.img_droite{
float:right;
margin:0px 0px 0px 10px;
}

.separateur{
background: url(../Images/separateur.jpg) left top repeat-x;
width:610px;
height:50px;
clear:both;
display:block;
margin:0;
padding:0;
}


/* --------------------------------------------------------------------- page Telechargement */

.bloc_telecharge{
width:280px;
height:384px;
background:url(../Images/bloc_telecharge_rep_y.gif) left top repeat-y;
float:left;
}
.bloc_telecharge#tableau{
margin:0px 0px 0px 100px;
}
.bloc_telecharge#lettre{
margin:0px 0px 0px 80px;
}

.bloc_telecharge .haut{
background:url(../Images/bloc_telecharge_haut.gif) left top no-repeat;
}

.bloc_telecharge .bas{
height:384px;
background:url(../Images/bloc_telecharge_bas.gif) left bottom no-repeat;
}

.bloc_telecharge a{
width:100%;
height:100%;
display:block;
text-align:center;
text-decoration:none;
}

.bloc_telecharge a:hover span{
cursor:pointer;
}


.bloc_telecharge a span.texte{
color:#0052a0; 
font-size:17px;
font-weight:bold;
text-align:center;
width:280px;
margin:20px 0px;
display:block;
} 
.bloc_telecharge a:hover span.texte{
 
} 


.bloc_telecharge#tableau a span.image{
display:block;
width:171px;
height:213px;
margin: auto;
background:url(../Images/bloc_telecharge_tableau_out.jpg) left top no-repeat;
}
.bloc_telecharge#tableau a:hover span.image{
background:url(../Images/bloc_telecharge_tableau_over.jpg) left top no-repeat;
}

.bloc_telecharge#lettre a span.image{
display:block;
width:171px;
height:213px;
margin: auto;
background:url(../Images/bloc_telecharge_lettre_out.jpg) left top no-repeat;
}
.bloc_telecharge#lettre a:hover span.image{
background:url(../Images/bloc_telecharge_lettre_over.jpg) left top no-repeat;
}

.bloc_telecharge a span.bouton{
background:url(../Images/bloc_telecharge_btn.gif) left top no-repeat;
width:183px;
height:35px;
display:block;
margin:0 auto;
font-size:24px;
line-height:34px;
font-weight:bold;
color:#7db909;
} 

.bloc_telecharge a:hover span.bouton{
color:#5e89b1;
} 

.ouvrage{
clear:both;
padding:50px 0px 0px 0px;
width:570px;
height:140px;
margin:0px auto;
background:url(../Images/separateur.jpg) left top no-repeat;
text-align:right;


}

.ouvrage p{
text-align:right;

}

.ouvrage a{
font-size:20px;
color:#7db909;
border-bottom:1px solid #fcd359;
text-decoration:none;
margin:0;
padding:0;
}
.ouvrage a:hover{
color:#5e89b1;
border-bottom:1px solid #ff9908;
 
}