a:link, a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF9900;
font-weight:bold;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

.titre_famille4{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#003366;
}
.detail_famille{
}

/************** CADRE BLOC 0 ******************/
#cadre0 { width: 100%;background-color: #e26b15; }
#hautgauche0, #hautdroit0, #basgauche0, #basdroit0 {height: 7px; width: 8px;background-repeat: no-repeat;font-size:1px;}
#hautgauche0 {background: url(/images/integration/coin0_1.gif); }
#hautdroit0 {float: right;background: url(/images/integration/coin0_2.gif);}
#basgauche0 {background: url(/images/integration/coin0_4.gif);}
#basdroit0 {float: right;background: url(/images/integration/coin0_3.gif);}
/************** FIN CADRE 1 ******************/


/************** CADRE BLOC 1 ******************/
#cadre1 { width: 100%;background-color: #A3C862; }
#hautgauche1, #hautdroit1, #basgauche1, #basdroit1 {height: 7px; width: 8px;background-repeat: no-repeat;font-size:1px;}
#hautgauche1 {background: url(/images/integration/coin1_1.gif); }
#hautdroit1 {float: right;background: url(/images/integration/coin1_2.gif);}
#basgauche1 {background: url(/images/integration/coin1_4.gif);}
#basdroit1 {float: right;background: url(/images/integration/coin1_3.gif);}
/************** FIN CADRE 1 ******************/

/************** CADRE BLOC 2******************/
#cadre2 { width: 100%;background-color: #FAC450; }
#hautgauche2, #hautdroit2, #basgauche2, #basdroit2 {height: 7px; width: 8px;background-repeat: no-repeat;font-size:1px;}
#hautgauche2 {background: url(/images/integration/coin2_1.gif); }
#hautdroit2 {float: right;background: url(/images/integration/coin2_2.gif);}
#basgauche2 {background: url(/images/integration/coin2_4.gif);}
#basdroit2 {float: right;background: url(/images/integration/coin2_3.gif);}
/************** FIN CADRE 2 ******************/

/************** CADRE BLOC 3 ******************/
#cadre3 { width: 100%;background-color: #1EB7EB; }
#hautgauche3, #hautdroit3, #basgauche3, #basdroit3 {height: 7px; width: 8px;background-repeat: no-repeat;font-size:1px;}
#hautgauche3 {background: url(/images/integration/coin3_1.gif); }
#hautdroit3 {float: right;background: url(/images/integration/coin3_2.gif);}
#basgauche3 {background: url(/images/integration/coin3_4.gif);}
#basdroit3 {float: right;background: url(/images/integration/coin3_3.gif);}
/************** FIN CADRE 3 ******************/

/************** CADRE BLOC 4 ******************/
#cadre4 { width: 100%;background-color: #1EB7EB; }
#hautgauche4, #hautdroit4, #basgauche4, #basdroit4 {height: 7px; width: 8px;background-repeat: no-repeat;font-size:1px;}
#hautgauche4 {background: url(/images/integration/coin4_1.gif); }
#hautdroit4 {float: right;background: url(/images/integration/coin4_2.gif);}
#basgauche4 {background: url(/images/integration/coin4_4.gif);}
#basdroit4 {float: right;background: url(/images/integration/coin4_3.gif);}
/************** FIN CADRE 4 ******************/

.rubrique{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:22px; font-weight:bold; margin-bottom:20px;}
.ssrubrique{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:16px; margin-bottom:20px;}
.famille{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold;}
.question{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-weight:bold; margin-left:40px}
.reponse{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin-bottom:20px;margin-left:40px}


.titre1{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:16px; font-weight:bold;}
.titre2{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; font-weight:bold;}
.reference{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px;}
.contenu{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px;}
.legende{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px;}
.rouge{font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:14px;}
hr {margin-top:-1px;color: #FF7C00;background-color: #FF7C00;height: 2px;border: 0; margin-left:20px; margin-right:20px;}


/************** ACTUS ******************/
#actu a:link, #actu a:visited{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; }
#actu .titre { font-size:12px;text-align:left;}
#actu .descriptif, #actu .descriptif {font-family:Arial, Helvetica, sans-serif; color:#000000;}
#actu .descriptif { font-size:10px;text-align:justify;}
#actu .vignette{float:left; margin-right:10px;}

#actu .chapeau{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; font-style:italic; font-weight:bold;}
#actu .contenu{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; margin-top:10px; text-align:justify;}
#actu .image{margin:10px;float:left;}

/************** FIN ACTUS **************/

/************** HISTORIQUE ******************/
#historique_defilant{width:320px; height:365px;}
#historique_defilant .date{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:24px;}
#historique_defilant .detail_date{font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;}
#historique_defilant .legende{font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:7px;}

/************** FIN HISTORIQUE **************/


.bouton1 {background: url(/images/integration/bouton1.gif); width:90px; height:62px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px;}
.bouton2 {background: url(/images/integration/bouton2.gif); width:118px; height:69px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.pdfs{font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.pdfs td{height:170px; width:120px; vertical-align:top;}
.pdfs img{border:2px solid #999999;}
.spacer{clear:both;}