/* ======================== style 1 du site SVT-Rennes ========================== */

body {
margin: 12px 0px;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
font-size: small;
line-height: 150%;
}

/* ---------------------------page d'accueil------------------------ */
#boite_corps {
visibility: visible;
position: relative;
text-align: left;
width: 984px;
}
#boite_marge_gauche {
visibility: visible;
position: relative;
float:left;
width: 14px;
}
#boite_colonne_gauche {
visibility: visible;
position: relative;
float: left;
width: 180px;
}
#boite_colonne_centre {
visibility: visible;
position: relative;
float:left;
text-align: left;
width: 590px;
}
#boite_menu_centre {
visibility: visible;
position: relative;
float:left;
text-align: left;
width: 790px;
}
#boite_colonne_droite {
visibility: visible;
position: relative;
float:left;
text-align: left;
width: 200px;
}
#boite_bas_de_page {
visibility: visible;
position: relative;
clear:left;
padding-top: 10px;
text-align: left;
width: 984px;
}
#boite_fil_ariane 
{
visibility:visible;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:small;
text-align: left;
width: 790px;
float:left;
}
#boite_contact 
{
visibility:visible;
text-align: right;
width: 984px;
}
.boite_normale
{
visibility:visible;
color: #0069AA;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding-top: 10px;
padding-left: 50px;
font-size:small;
text-align: left;
}

/* ------------------------ boite marge gauche ---------------------*/

#deb_bandeau_accueil {
width:14px;
height: 80px; 
background: #FFF url(deb_bandeau_accueil_1.jpg) no-repeat 0px 0px;
}

/* ------------------------ boite colonne gauche ---------------------*/

#image_accueil_1 {
width:180px;
height: 330px; 
background: #FFF url(image_accueil_1.jpg) no-repeat 0px 0px;
padding-bottom: 2px;
}
#image_accueil_2 {
clear:left;
width:180px;
height: 28px; 
background: #FFF url(image_accueil_2.jpg) no-repeat 117px 15px;
}
a.menu_colonne_gauche 
{
width:155px;
height: 25px; 
margin-top:3px; 
float:left;
background: #FFF url(petite_fleche_bleue.jpg) no-repeat 10px 8px;
background-color:#0069AA ;
padding-left: 25px;
padding-top: 4px;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
text-decoration: none;
font-size: small;
line-height: 120%;
font-weight:bold;
} 
a:hover.menu_colonne_gauche 
{
width:155px;
height: 25px; 
margin-top:3px; 
float:left;
background: #FFF url(petite_fleche_jaune.jpg) no-repeat 10px 8px;
background-color:#FF9900;
padding-left: 25px;
padding-top: 4px;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
text-decoration: none;
font-size: small;
line-height: 120%;
font-weight:bold;
} 
a.menu_colonne_gauche_2lignes 
{
width:155px;
height: 30px; 
margin-top:3px; 
float:left;
background: #FFF url(petite_fleche_bleue.jpg) no-repeat 10px 8px;
background-color:#0069AA ;
padding-left: 25px;
padding-top: 2px;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
text-decoration: none;
font-size: small;
line-height: 100%;
font-weight:bold;
} 
a:hover.menu_colonne_gauche_2lignes 
{
width:155px;
height: 30px; 
margin-top:3px; 
float:left;
background: #FFF url(petite_fleche_jaune.jpg) no-repeat 10px 8px;
background-color:#FF9900;
padding-left: 25px;
padding-top: 2px;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
text-decoration: none;
font-size: small;
line-height: 100%;
font-weight:bold;
} 


/* ------------------------ boite menu centre ---------------------*/

#bandeau_accueil {
width:790px;
height: 80px; 
background: #FFF url(bandeau_accueil_1.jpg) no-repeat 0px 0px;
float:left;
}
a.fil_ariane
{
color: #0069AA;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:small;
text-align: left;
text-decoration:none;
}
a.lien_retour
{
color: #0033CC;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:small;
text-align: left;
font-weight:bolder;
text-decoration:none;
}
a:hover.lien_retour
{
color: #B50042;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:small;
text-align: left;
font-weight:bolder;
text-decoration: overline underline ;
}
#gros_titre
{
color: #0069AA;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
padding-top: 10px;
padding-left: 50px;
padding-bottom: 15px;
font-size: xx-large;
font-weight:bolder;
line-height: 120%;
}
.boite_titre_niv1 {
visibility: visible;
/* margin-top: 10px; */
}
.boite_titre_niv2 {
visibility: visible;
margin-left: 25px;
}
.boite_titre_niv3 {
visibility: visible;
margin-left: 25px;
}
.titre_niv1
{
background: #FFF url(grosse_fleche_orange.jpg) no-repeat 50px 15px;
color: #0069AA;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding-top: 15px;
padding-left: 85px;
padding-bottom: 0px;
text-align: left;
font-size: large;
font-weight:bolder;
line-height: 130%;
}
.titre_niv2
{
background: #FFF url(moyenne_fleche_orange.jpg) no-repeat 70px 15px;
color: #0069AA;
padding-top: 6px;
padding-left: 90px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
font-size: large;
font-weight: bolder;
line-height: 120%;
text-decoration: none;
}
.titre_niv3
{
background: #FFF url(moyenne_fleche_orange.jpg) no-repeat 85px 15px;
color: #0069AA;
padding-top: 6px;
padding-left: 105px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
font-size: medium;
font-weight: bolder;
line-height: 150%;
text-decoration: none;
}
.expression_lien
{
background: #FFF url(guillemets_oranges.jpg) no-repeat 110px 5px;
color: #000000;
padding-top: 0px;
padding-left: 130px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
font-size: small;
font-weight: bold;
line-height: 150%;
text-decoration: none;
}
a.expression_lien
{
background: #FFF url(guillemets_oranges.jpg) no-repeat 85px 5px;
color: #000000;
padding-top: 0px;
padding-left: 110px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
font-size: small;
font-weight: bold;
line-height: 150%;
text-decoration: none;
}
a:hover.expression_lien
{
background: #FFF url(guillemets_magentas.jpg) no-repeat 85px 5px;
color: #B50042;
padding-top: 0px;
padding-left: 110px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
font-size: small;
font-weight: bold;
line-height: 150%;
text-decoration: none;
}


a.bouton 
{
width:100px;
height: 15px; 
background-color:#008000 ;
border: outset;
padding-left: 10px;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
text-decoration: none;
font-size: small;
line-height: 100%;
font-weight:bold;
} 
a:hover.bouton 
{
width:100px;
height: 15px; 
background-color:#40FF40;
border:inset;
padding-left: 10px;
color: #990000;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align: left;
text-decoration: none;
font-size: small;
line-height: 100%;
font-weight:bold;
} 

/* ------------------------ bas de page  ---------------------*/

a.contact
{
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:smaller;
text-decoration:none;
}
a:hover.contact
{
color: #CC0066;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:smaller;
text-decoration: underline overline;
}

#image_bas_de_page {
width:984px;
height: 34px;
background: #FFF url(image_bas_de_page.gif) no-repeat 0px 0px;
}

