﻿/*################################################*/
/*##		PROPRIETES GENERALES				##*/
/*################################################*/
* {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

}



BODY {
    margin: 0px;
clear:both;
   /* background: url(images/bg_body.gif) repeat;*/
   background-color: /*#ffffff*/#e5e5e5;
    z-index: 1
}

blockquote {
    padding-left: 40px;
}

span.important {
    color: #FF0000;
}

span.style_perso1 {
    color: #00FF00;
}
/*################################################*/
/*##		ENTETE								##*/
/*################################################*/
#entete {
    position: relative;
    height: /*150*//*118*/144px;
    width: 1139px;
    background-color: #FFFFFF;
    background: url(images/fond_entete.png) no-repeat top
}

#plandusite a{
position: absolute;
float:left;
color: #BF4F7D;
margin-top:115px;
margin-left:20px;
}

/*
#connexion a{
color: #BF4F7D;
text-decoration:none;
margin-top:300px;
margin-left:75px;
}*/


#connexion a{
position:absolute;
color: /*#BF4F7D*/#FFFFFF;
text-decoration:none;
margin-top:114px;
margin-left:950px;
/*margin-top:350px;
margin-left:30px;*/
}

#connexion a:hover{
text-decoration:underline;
}

#divers a{

color:#bf4f7d;
text-decoration:none;
}

#divers a:hover{
text-decoration:underline;
}

#map_canvas{
position:relative;
float:left;
margin:0;
}


#menu2Container {

}

#menu2bakContent {

background-color: #FFFFFF;
border: solid 1px #BF4F7D;
font-color:#BF4F7D;
}
/*
#menu2Content {
background : url(images/connexion_back.png) no-repeat;

}

*/
#menu2Content table {

background-color: #FFFFFF;
border: solid 1px #BF4F7D;
}

#menu2Content table tr td {
color:#BF4F7D;
}

#nouveautes {
clear:both;
}

#accueil A {
    width: 230px;
    height: 95px;
    display: block;
    float: left;
    text-decoration: none
}
/*################################################*/
/*##		MENU HAUT							##*/
/*################################################*/
UL#nav {
    position: absolute;
    display: table;
    left: 193px;
    top: /*107*/107px; /* taille du bandeau du haut */
    width: 700px;
    text-align: left;
    z-index: 999;
}

UL#nav LI {
/*background: url(images/bt_menhaut_off.gif) no-repeat top;*/
    width: 122/*142*/px;
    height: 30px;
    list-style: none;
    float: left;
}

UL#nav LI A {
    /*padding-left: 23px;*/
   /* padding-right:23px;*/
    line-height: 30px;
    font-size: 12px;
    /*color: #B29200;*/
	color: #BF4F7D;
	width:120px;
    text-decoration: none;
text-align: center;
    display: block;
}

UL#nav LI A:hover {
text-decoration:underline;
}



UL#nav LI UL  {display:none }
UL#nav LI UL LI {display:none}

#nav UL table
	{
		width: 200px;
		border-collapse:collapse;
		border:1px;
		position:absolute;
		
		
			}

UL#nav LI:hover  UL{ width = 142px; 
    background: white; display:block; border-style: grey; z-index = 997
}


UL#nav LI:hover UL LI  { width = 142px; postion: relative;
   background: white; display:block; border-left: 1px solid grey; border-right: 1px solid grey; z-index = 997
}


UL#nav li ul li:hover, UL#nav li ul li.sousFhover{ width = 142px; postion: absolute;
   background: #DDDDDD; display:block; border-left: 1px solid grey; border-right: 1px solid grey; z-index = 999
}



UL#nav LI:hover UL LI:hover  { width = 300px; postion: relative;
   display:block; z-index = 997
}

.ssMenudebut{width = 142px; 
 display:block; border-left: 1px solid grey; border-right: 2px solid grey; border-top: 1px solid grey; z-index = 999

}

.ssMenufin {width = 142px; 
 display:block; border-left: 1px solid grey; border-right: 2px solid grey; border-bottom: 1px solid grey; z-index = 999

}

.sMenu, sMenu:hover {
    background: black; display:block;  z-index:998
}

.navoffDebut { 
    /*background: url(images/bt_menhaut_debut_off.gif) no-repeat top*/
}

.navoff {
    /*background: url(images/bt_menhaut_off.gif) no-repeat top*/
}

.navoffFin {
   /* background: url(images/bt_menhaut_fin_off.gif) no-repeat top*/
}

.navon {
   /* background: url(images/bt_menhaut_off.gif) no-repeat top*/
}



/*################################################*/
/*##		CORPS (MENU GAUCHE + CONTENU)		##*/
/*################################################*/
#corps {
    background-color: /*#ffffff*/#e5e5e5;
    width: /*994*/1138px; 
background-image: url(images/fond_BU.gif);

background-position: 190px 0px;
clear:both;
float:left;
background-repeat: repeat-y;
/*padding-left:30px;*/
}

#menu_gauche_container {
    position: relative;
    width: 200px;
    
    background-color: #ffffff;
    margin-bottom: 6px;
    float: left
}

#menu_gauche UL {
    position: relative;
    margin: 8px 5px
}

#menu_gauche UL LI {
    height: auto;
    list-style: none
}

#menu_gauche UL LI A {
    color: #BF4F7D;
    text-decoration: none;
    padding: 0px 0px 7px 5px;
    display: block;
  /*  background: url(images/fleche_liste_off.gif) no-repeat 0px 4px*/
}

#menu_gauche UL LI A:hover {
    /*color: #BF4F7D;
    background: url(images/fleche_liste_on.gif) no-repeat 0px 4px*/
	text-decoration:underline;
}

#menu_gauche UL LI SPAN {
    color: #ff3300;
    font-weight: bold;
    /*background: url(images/fleche_liste_on.gif) no-repeat 0px 4px;*/
    padding: 0px 0px 7px 20px;
    display: block
}

#menu_gauche {
    position: absolute;
  
    margin-left: 10px;
 /*   margin-top : 5px;*/
    padding-top: 1px;
    /*background: url(images/fond_mengauche.gif) no-repeat top*/
    border: solid 1px #BF4F7D;
    border-left: solid 3px #BF4F7D;
    background-color:#ffffff;
}

#centraltitre {
    position: relative;
    margin: 0;
    padding: 0
    
}

#centralblock_content {
    position: relative;
float:left;
    margin: 0;
    padding: 0; 
}



#contenu {
    position: relative;
    float: left;
    width: 790px;
    margin: 20px 0px 6px 0px
}

#contenu A {
    color: #24417b;
    font-weight: normal;
}

#contenu H1 {
   /* color: #BF4F7D;*/
color : #ffffff;
font-weight:bold;
background : url(images/titre_h1.png) no-repeat;
    font-weight: normal;
font-size:14px;
font-variant:small-caps;
    padding: 2px;
    margin-bottom: 10px;
	margin-top: 20px;
   /* border-top: 1px dotted #cccccc;*/
   /* border-bottom: 1px dotted #cccccc*/
}
/*
 Remarque : Les titres et en-têtes sous Typo3 apparaissent en H1 sur la page
 */
#contenu H2 {
    font-family: Times, Times New Roman, serif;
    font-size: 28px;
    color: #BF4F7D;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 25px
}
/*
 Remarque : Les sous-titres sous Typo3 apparaissent en H2 sur la page
 */
#contenu H3 {
    color: #BF4F7D;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 0px 6px 8px;
    background: url(images/fond_txttit.gif) no-repeat
}

#centralblock_content H4 {
/*border-top : dotted 1px #cccccc;*/
/*border-bottom : dotted 10px #cccccc;*/
}

#contenu H1.csc-firstHeader {
    color: #24417b;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 0px 6px 8px;
    border: 0;
    background: url(images/fond_txttit.gif) no-repeat
}

#contenu P {
    margin-bottom: 10px
}

#contenu P.signature {
    margin-top: 10px;
    text-align: right;
    margin-right: 30px
}

#contenu LI {
    margin: 0px 0px 4px 20px
}

#centralblock_contentleft {
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
}

#centralblock_contentright {
    position: absolute;
    left: 0px;
    top: 0;
    width: 0px;
}

#bloc_gauche {
position:relative;
float:left;
width: 300px;
/*background-color:#CCCCCC;*/
}

#bloc_gauche a:hover{
text-decoration: underline;
}

#bloc_droit {
position:relative;
float:right;
width: 400px;
/*background-color: #757575;*/
}

#bloc_gauche_accueil {
position:relative;
float:left;
width: 350px;
margin-right:5px;
}



#bloc_centre_accueil {
position:relative;
width:1px;
height:100px;
}

#bloc_droit_accueil {
position:relative;
float:right;
width: 350px;
}



#bloc_gauche_accueil h4{
font-size:14px;
height:32px;
}
#bloc_droit_accueil h4{
font-size:14px;
height:32px;
}

#bloc_gauche_accueil_logo {
position:relative;
float:left;
width: 350px;
}

#bloc_gauche_accueil_logo img{
padding-left:40px;
padding-right:20px;
}

#bloc_droit_accueil_logo {
position:relative;
float:right;
width: 350px;
}

#bloc_droit_accueil_logo img{
padding-left:40px;
padding-right:20px;
}

#bloc_gauche_mess {
position:relative;
float:left;
width: 300px;
/*background-color:#CCCCCC;*/
}

#bloc_droit_mess {
position:relative;
float:right;
width: 400px;
/*background-color: #757575;*/
}


#domaine_actu {
height:90px;
}

#domaine_actu h4 a{
font-size:14px;
color:#000000;
text-decoration:none;
font-weight:bold;
padding-bottom:10px;
}

#domaine_actu a:hover{
text-decoration:underline;
}

#domaine_actu a{
font-size:12px;
color:#000000;
text-decoration:none;
}

#domaine_actu H4{
/*padding-left:15px;*/;
font-size:16px;
border-style:none;
}

#domaine_actu H4 img{
padding-right:16px;
}










#domaine h4 a{
font-size:14px;
color:#000000;
text-decoration:none;
font-weight:bold;
padding-bottom:10px;
}

#domaine a:hover{
text-decoration:underline;
}

#domaine a{
font-size:12px;
color:#000000;
text-decoration:none;
}

#domaine H4{
/*padding-left:15px;*/;
font-size:16px;
border-style:none;
}

#domaine H4 img{
padding-right:16px;
}

#bloc_images{
position:relative;
clear:both;
padding-top:15px;
width:700px;
/*border-top:solid 1px #CCCCCC;*/
}

#actualites{
 /*border-bottom: 10px solid #cccccc;*/
}


/*################################################*/
/*##		PAGE D'ACCUEIL						##*/
/*################################################*/
#accrech {
    height: auto;
    margin: 0px 0px 10px 10px;
  /*  border-bottom: 1px solid #cccccc;*/
    background: url(images/acc_fleche.png) no-repeat 5px 3px
}

#accrech H2 {

    margin-left: 65px;
    margin-bottom: 0px
}

#rechsaisie {
    width: 317px;
    color:#333333;
    margin-left: 65px;
    float: left
}

#rechsaisie LABEL {
    font-size: 11px
}

#rechtxtbox {
    width: 300px;
    margin-top: 5px;
    padding: 0px 2px;
    border: 1px solid #24417c
}

#rechcrits {
    width: 115px;
    float: left
}

#rechcrits LABEL {
    font-size: 11px;
    color: #24417c;
    margin-left: 3px
}

#rechbts A {
    font-size: 11px;
    color: #24417c;
    text-decoration: none
}

#rechbts A:hover {
    color: #ff3300
}

#rechbts P {
    margin: 5px 0px 0px 0px
}

#rechbts INPUT {
    margin-right: 20px
}

#accphoto {
    margin: 0px 30px 10px 30px;
    float: left
}

#acctxt {
    width: 365px;
    margin: 0px 0px 0px 20px;
    float: left
}

#acctxt H3 {
    color: #BF4F7D;
    background: url(images/fond_acctit.gif) no-repeat
}

#acctxtbloc {
    text-align: justify;
    color:#333333;
    margin: 15px 0px 0px 20px;
    width: 320px;
    height: 135px;
    font-size: 11px
}
/*################################################*/
/*##		PAGE BIBLIOTHEQUES					##*/
/*################################################*/
.indent {
    margin-left: 70px;
    margin-right: 10px
}

.bibphoto {
    float: left;
    margin: 0px 10px 10px 0px
}

.bibtxt {
    float: left;
    width: 550px;
    margin-bottom: 10px
}

.bibtxt STRONG {
    color: #2c92e9
}

.bibtxt STRONG A {
    color: #2c92e9;
    text-decoration: none
}

.bibtxt STRONG A:hover {
    text-decoration: underline
}

.bibtxt UL {
    color: #848484;
    margin-top: 6px
}

.bibtxt UL STRONG {
    color: #848484
}

.bibtxt UL LI {
    list-style-image: url(images/fleche_liste_gris.gif)
}

.partlisttete {
    width: 240px;
    height: 38px;
    color: #24417b;
    font-weight: bold;
    padding: 5px 2px 0px 8px;
    background: url(images/fond_listtete.gif) no-repeat top
}

.partlistdata {
    color: #757575;
    padding: 3px 2px 3px 8px;
    border-bottom: 1px dotted #cccccc
}

.listsep {
    width: 10px
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}


#nomsBases a{
text-decoration: none;
font-weight: bold;
color: #000000;
}

#nomsBases a:hover{
text-decoration: none;
font-weight: bold;
color: #bf4f7d;
}
/*
#nomsBases a:visited{
text-decoration: none;
color: #000000;
font-weight: bold;
}*/

#alphaLiens a{
text-decoration: none;
color: #bf4f7d;
}

#alphaLiens a:hover{
text-decoration: underline;
}


table{
background-color:#FFFFFF;
}

/*################################################*/
/*##		PAGE PARTENAIRES		##*/
/*################################################*/
/*
 A gérer via une CSS séparée appelée par Typo3
 */
/*################################################*/
/*##		PIED DE PAGE						##*/
/*################################################*/
#footer {
position:relative;
   clear:both;
    color: #7f8080;
    height:34px;
    font-weight: bold;
    text-align: center;
    margin: 0px 6px;
    padding: 9px;
    padding-top:14px;
    margin-left:191px;
    /*border-top: 1px dotted #cccccc*/
background:url(images/footer.png) no-repeat;
    
}

#footer h5 a{
color: #7f8080;
   /* height:12px;*/
    font-weight: bold;
    text-align: center;
    text-decoration:none;
    margin-top:35px;
}

#footer a{
color: #7f8080;
text-align: center;
text-decoration:none;
margin-bottom:15px;
}

#footer a:hover{
text-decoration:underline;
}
