/************** defaut ***************** */
*{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
*{font-family:Verdana; font-size: 12px;font-weight:normal;text-decoration:none;color:black}
table{empty-cells: show }
a:hover{text-decoration:underline}
div{position:relative}
img{border:none;vertical-align:top}
li{list-style:none}

/************** structure ***************** */
body{background-color:#77A03D; margin:0 0 0 0;text-align:center}
.page{position:relative;margin-left:auto;margin-right:auto;width:800px;text-align:left;min-height:762px}

/************** block ***************** */
#fond1, #fond2{position:absolute;left:0;top:0;background-repeat:no-repeat;width:100%;height:100%}
#recherche{position:absolute;left:616px;top:103px;width:169px}
#recherche input{margin:4px 0 5px 0;width:100px}
#recherche img{position:absolute;margin-left:15px}
#recherche .lien4{display:block}
#menu0{display:block;position:absolute;left:500px; top:2px}
#menu0 li{display:inline}
#menu1{display:block;position:absolute;left:88px; top:155px}
#navigation{font-size:0px;display:block;position:absolute;left:71px; top:185px;border-left:none;background-color:#77A03D;background:url(/gui/images/navigation1.gif) no-repeat;padding: 0 0 0 31px;height:20px;}
#navigation li{display:inline;padding:4px 5px 2px 0;line-height:20px;background-color:#77A03D}
#titre-rubrique{position:absolute;left:161px;top:230px}
#titre-rubrique h1{background:url(/gui/images/motif1.gif) repeat-x}
#titre-rubrique #gauche{position:relative;left:-10px;top:-5px}
#titre-rubrique #droite{position:relative;left:13px;top:-5px}
#header{height:261px}
#contenu{display:block;position:relative;left:153px;width:561px;min-height:465px;background-color:White;}
#contenu{padding:15px 0 0 50px}
#pied{background-color:#77A03D;height:50px}
#pied p{position:relative;left:153px;text-align:right;padding: 20px 0 0 0;border-bottom:solid 1px white;width:611px}
#pied img{margin:2px 0 0 10px}
#bthome{position:absolute;left:24px;top:220px;display:block}
.separator{font-size:0px;min-height:1px}
.block1 {width:556px;display:block;margin:0 0 0 -10px}
.block1 ul{width:554px;display:block}
.block1 a{color:#B34727}
.block1 p{text-align:justify;margin:-23px 0 0 116px;padding:10px 5px 8px 10px;width:423px}
.block1 h3{padding:0 0 0 15px;line-height:23px}
.block1 .bas-tableau1{margin:0 0 25px 0px;font-size:0px;height:10px;width:556px}
.block1 ol li{display:inline}
.block1 .bas-tableau2{text-align:center;font-size:0px;width:556px;height:40px}
.block1 li.saisie{padding:10px 0 10px 0;line-height:21px;width:554px}
.block1 .saisie{text-align:right;background-position:88px 17px}
.block1 .saisie input{margin:0 10px 0 20px;width:440px;font-size:14px}
.block1 .liste {border:none}
.block1 .liste h3{margin:0;width:521px}
.block1 .liste address{display:block;text-align:right;padding-right:5px;position:relative;line-height:0px}
.block1 .liste p{padding:9px 15px 15px 35px;margin:0;width:506px}

/************** accueil ***************** */
#accueil{background:url(/gui/images/accueil/fond.gif) no-repeat}
#accueil #recherche{position:absolute;left:270px;top:495px;margin-left:5px;width:169px}
#accueil #espace-reserve{display:block;position:absolute;width:240px; height:45px;left:26px; top:425px}
#accueil #espace-reserve a{display:block}
#accueil #presentation{position:absolute;left:405px; top:135px;width:319px;height:157px}
#accueil #menu1{display:block;position:absolute;left:83px; top:306px}
#accueil #actualite{display:block;position:absolute;left:439px; top:78px;margin:15px 0 0 15px;width:265px}
#accueil #actualite img{float:left;margin-left:-60px}
#accueil #actualite li{padding-left:60px}

/************** chercheurs ***************** */
#chercheurs #fond1{background:url(/gui/images/chercheurs/fond1.gif) no-repeat}
#chercheurs #fond2{background:url(/gui/images/chercheurs/fond2.gif) no-repeat;left:160px}
#chercheurs .block1 ul{border:solid 1px #776230;border-bottom:none}
#chercheurs .block1 p{background-color:#F3F0F6}
#chercheurs .block1 h2{background:url(/gui/images/chercheurs/h2-fond.gif) no-repeat 0 10px;line-height:23px;padding:0px 0 0px 12px;color:#825A01;font-weight:bold;font-size:13px;border-bottom:solid 3px #B18F44}
#chercheurs .block1 h3{background:url(/gui/images/chercheurs/h3-fond.gif) no-repeat 6px 8px}
#chercheurs .block1 .separator{background:url(/gui/images/chercheurs/tiret3.gif) repeat-x}
#chercheurs .block1 .bas-tableau1{background:url(/gui/images/chercheurs/bas-tableau1.gif) no-repeat}

#chercheurs .block1 .saisie{background:url(/gui/images/chercheurs/h3-fond.gif) no-repeat}
#chercheurs .block1 .bas-tableau2{padding:23px 0 0 0;background:url(/gui/images/chercheurs/bas-tableau2.gif) no-repeat}

#chercheurs .block1 ul.liste{border:none}
#chercheurs .block1 .liste .separator{background:url(/gui/images/chercheurs/tiret3.gif) repeat-x}
#chercheurs .block1 .liste h3{background:url(/gui/images/chercheurs/h3-fond.gif) no-repeat 6px 9px;padding:0 0 0 18px}
#chercheurs .block1 .liste address{top:-12px}
#chercheurs .block1 .liste p{background-color:#F3F0F6}

/************** scolaire ***************** */
#scolaire #fond1{background:url(/gui/images/scolaire/fond1.gif) no-repeat}
#scolaire #fond2{background:url(/gui/images/scolaire/fond2.gif) no-repeat;left:152px}
#scolaire #decoration{background:url(/gui/images/scolaire/b_haut/02.gif) no-repeat;position:relative;left:356px;top:-45px;width:206px;height:77px}
#scolaire .block1 ul{margin-top:-1px;border:solid 1px #AD6A2E;border-bottom:none}
#scolaire .block1 ol{background:url(/gui/images/scolaire/tiret4.gif) no-repeat;width:415px;height:37px;padding:0px 0 0 143px;margin:0 0 31px 13px}
#scolaire .block1 ol img{padding-left:7px}
#scolaire .block1 p{background-color:#FFDF99;font-size:13px}
#scolaire .block1 h2{background:url(/gui/images/scolaire/h2-fond.gif) no-repeat;line-height:35px;height:35px;padding:0px 0 0px 27px;font-family:Comic Sans MS;color:#BA3300;font-size:18px}
#scolaire .block1 h3{background:url(/gui/images/scolaire/h3-fond.gif) no-repeat 6px 8px;font-size:13px;font-family:Comic Sans MS}
#scolaire .block1 .separator{background:url(/gui/images/scolaire/tiret3.gif) repeat-x}
#scolaire .block1 .bas-tableau1{background:url(/gui/images/scolaire/bas-tableau1.gif) no-repeat}

#scolaire .block1 .saisie{background:url(/gui/images/scolaire/h3-fond.gif)  no-repeat}
#scolaire .block1 .bas-tableau2{padding:15px 0 0 0;margin:-1px 0 0px -1px;background:url(/gui/images/scolaire/bas-tableau2.gif) no-repeat}

#scolaire .block1 .liste {border:none;background:url(/gui/images/scolaire/liste-fond.gif) no-repeat;padding:27px 0 0 0}

#scolaire .block1 .liste .separator{background:url(/gui/images/scolaire/tiret5.gif) repeat-x}
#scolaire .block1 .liste h3{line-height:33px;background:url(/gui/images/scolaire/h3-fond2.gif) no-repeat 11px 9px;background-color:#FFDF9A;padding:0 0 0 35px;font-family:Comic Sans MS;color:#BA3300;font-size:15px}
#scolaire .block1 .liste address{top:-15px;font-family:Comic Sans MS;color:#4787A0;font-size:13px}
#scolaire .block1 .liste p{background-color:#FFEFCE}

/************** gdpublic ***************** */
#gdpublic #fond1{background:url(/gui/images/gdpublic/fond1.gif) no-repeat}
#gdpublic #fond2{background:url(/gui/images/gdpublic/fond2.gif) no-repeat;left:152px}
#gdpublic .block1 ul{border:solid 1px #369FD3;border-bottom:none}
#gdpublic .block1 ol{background:url(/gui/images/gdpublic/tiret4.gif) no-repeat 200px 19px;width:170px;padding:0 0 0 340px;margin:0 0 15px 0}
#gdpublic .block1 ol img{padding-left:7px}
#gdpublic .block1 p{background-color:#E0F1FA}
#gdpublic .block1 h2{background:url(/gui/images/gdpublic/h2-fond.gif) no-repeat ;margin-left:-6px;line-height:24px;height:30px;padding:0px 0 0px 27px;color:#BC9048;font-weight:bold;font-size:14px;}
#gdpublic .block1 h3{background:url(/gui/images/gdpublic/h3-fond.gif) no-repeat 6px 8px}
#gdpublic .block1 .separator{background:url(/gui/images/gdpublic/tiret3.gif) repeat-x}
#gdpublic .block1 .bas-tableau1{background:url(/gui/images/gdpublic/bas-tableau1.gif) no-repeat;height:10px}

#gdpublic .block1 .saisie{background:url(/gui/images/gdpublic/h3-fond.gif) no-repeat}
#gdpublic .block1 .bas-tableau2{padding:9px 0 0 0;background:url(/gui/images/gdpublic/bas-tableau2.gif) no-repeat}

#gdpublic .block1 ul.liste{border:none}
#gdpublic .block1 .liste .separator{background:url(/gui/images/gdpublic/tiret3.gif) repeat-x}
#gdpublic .block1 .liste h3{background:url(/gui/images/gdpublic/h3-fond.gif) no-repeat 6px 9px;padding:0 0 0 18px}
#gdpublic .block1 .liste address{top:-12px}
#gdpublic .block1 .liste p{background-color:#E0F1FA}

/************** classes ***************** */
.lien1, .lien1 *{font-weight:bold;color:#FFFFFF}
.lien2, .lien2 *{font-weight:bold;color:#B93400}
.lien3, .lien3 *{font-weight:bold;color:#444444;font-stretch:condensed}
.lien4, .lien4 *{font-weight:bold;color:#FFFFFF;font-size:10px}
.tiret1{font-size:0px;background:url(/gui/images/tiret1.gif) repeat-x;margin:15px 0 10px 0}
.tiret2{background:url(/gui/images/tiret2.jpg) no-repeat}
.p1, .p1 *{font-family:Arial;color:#805524}
.p2, .p2 *{font-size:10px}
.p3, .p3 *{color:white}
h1{line-height:20px;font-size:16px;font-weight:bold;color:#0E205A;display:block;padding:5px 0 5px 0}
h3, h4,address {color:#0069A5;font-weight:bold}
address{font-style:normal}
h4{display:inline}

/*************** visionneuse *************/
a.boutonflechegauche 
{
display: block;
background-image: url(/gui/images/visio/flechegauche.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonflechegauche:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonflechedroite
{
display: block;
background-image: url(/gui/images/visio/flechedroite.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonflechedroite:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonflechebas
{
display: block;
background-image: url(/gui/images/visio/flechebas.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonflechebas:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonflechehaut
{
display: block;
background-image: url(/gui/images/visio/flechehaut.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonflechehaut:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonrotationgauche
{
display: block;
background-image: url(/gui/images/visio/rotationgauche.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonrotationgauche:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonrotationdroite
{
display: block;
background-image: url(/gui/images/visio/rotationdroite.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonrotationdroite:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonzoomplus
{
display: block;
background-image: url(/gui/images/visio/zoomplus.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonzoomplus:hover 
{
background-color: #999999;
border-style: inset;
}

a.boutonzoommoins
{
display: block;
background-image: url(/gui/images/visio/zoommoins.gif);
background-repeat: no-repeat;
width: 21px;
height: 21px;
border-width: 1px;
background-color: #CCCCCC;
border-style: outset;
}

a.boutonzoommoins:hover 
{
background-color: #999999;
border-style: inset;
}

#zoneclick {
float: left;
width : 110px;
height: 110px;
margin-left: 10px;
margin-top: 0px;
}