body
{
margin: 0px;
padding: 0px;
background: #f1f1f1;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
color:#666;
}

sup
{
font-size:7pt;
}

img
{
border:0;
}

a
{
color:#333;
text-decoration:underline;
}

a:hover
{
color:#06C;
text-decoration:none;
}

dl, dt, dd
{
margin: 0px;
padding: 0px;
}
/********* MENU PRINCIPAL **********/

#zonemenu 
{
position: absolute;
top: 0px;
left: 0px;
width:100%;
z-index:0;
}

#menu
{
padding-left: 350px;
border-bottom: 1px solid #666;
padding-top: 100px;
padding-bottom: 27px;
background-color:#FFF;
}

#menu div /*menu principal passif sans survol*/
{
float:left;
text-align:center;
font-weight: bold;
background-color: #FFF;
height:27px;
}

#menu div#pmp a /*texte du menu principal passif sans survol*/
{
color: #666;
text-decoration: none;
text-transform: uppercase;
font-size: 14pt;
display: block;
padding:2px 20px;
border: 1px solid #FFF;
border-bottom: none;
}

#menu div#pma a /*texte du menu principal actif sans survol*/
{
color: #666;
background-color: #F1F1F1;
text-decoration: none;
text-transform: uppercase;
font-size: 14pt;
display: block;
padding:2px 20px;
border: 1px solid #666;
border-bottom: 2px solid #F1F1F1;
}

#menu div#pmp a:hover /*texte du menu principal actif ou passif survolé*/
{
background: #FBFBFB;
color:#444;
border: 1px solid #EEE;
border-bottom: 1px solid #666;
}

/*** menu secondaire ***/

#ssmenu 
{
position: absolute;
top: 140px;
left: 15px;
z-index:2;
padding-left: 320px;
padding-top: 0px;
padding-bottom: 3px;
background: #F1F1F1;
color: #666;
font-weight: bold;
}

#ssmenu div /*menu secondaire passif sans survol*/
{
float:left;
text-align:center;
height:25px;
}

#ssmenu div#smp a /*texte du menu secondaire passif sans survol*/
{
color: #999;
text-decoration: none;
font-weight: bold;
font-size:12pt;
display: block;
padding:2px 10px;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
border-top: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
}

#ssmenu div#sma a /*texte du menu secondaire actif sans survol*/
{
color: #EEE;
text-decoration: none;
font-size: 12pt;
display: block;
padding:2px 10px;
background-color: #666;
border: 1px solid #666;
}

#ssmenu div#smp a:hover /*texte du menu secondaire actif ou passif survolé*/
{
background: #FBFBFB;
color:#666;
border: 1px solid #FBFBFB;
}

/********* Logos et contact *********/
#logo
{
position:absolute;
background-image: url(images/cadre-logo.png);
background-repeat:no-repeat;
top:5px;
left:10px;
height:178px;
width:216px;
margin: 0px;
padding: 25px 50px 0 50px;
z-index:10;
}

#logo a{
text-decoration:none;
}

#logo:hover  {
background-image: url(images/cadre-logo2.png);
background-repeat:no-repeat;
}

.suppl {
font-size: 10pt;
font-family: candara, arial, sans-serif;
text-align: center;
}

#contact {
position: absolute;
top:-5px;
right:90px;
height:58px;
width:127px;
padding:18px 30px 0 30px;
background-image: url(images/cadre-contact-citeres.png);
background-repeat:no-repeat;
z-index:5;
}

#contact:hover {
background-image: url(images/cadre-contact-citeres2.png);
background-repeat:no-repeat;
}

#contact a {
text-decoration: none;
font-size: 14pt;
color: #666;
}

#contact a:hover {
color: #333;
}

#citeres {
position: absolute;
top:-5px;
right:10px;
height:58px;
width:127px;
padding:15px 10px 0 10px;
background-image: url(images/cadre-contact-citeres.png);
background-repeat:no-repeat;
z-index:5;
}

#citeres:hover {
background-image: url(images/cadre-contact-citeres2.png);
background-repeat:no-repeat;
}

#accessplus {
background-image: url(images/accessplus.png);
background-repeat:no-repeat;
position: absolute;
top:-2px;
right:354px;
height:48px;
width:48px;
z-index:5;
text-decoration:none;
}

#accessmoins {
background-image: url(images/accessmoins.png);
background-repeat:no-repeat;
position: absolute;
top:-2px;
right:390px;
height:48px;
width:48px;
z-index:5;
text-decoration:none;
}

#accessplus:hover {
background-image: url(images/accessplus2.png);
}

#accessmoins:hover {
background-image: url(images/accessmoins2.png);
}

/********* PAGE D'ACCUEIL *********/
.accueil
{
position: relative;
margin: 5px 0px 0px -8px;
width:680px;
}

.img-accueil1
{
background-image:url(images/cadre-images.png);
background-repeat:no-repeat;
background-position:center center;
height: 308px;
width: 328px;
float:left;
text-align:center;
}

.img-accueil2
{
background-image:url(images/cadre-images.png);
background-repeat:no-repeat;
background-position:center center;
height:308px;
width: 328px;
float: right;
text-align:center;
}

.img-accueil1 img, .img-accueil2 img
{
position: relative;
top: 10px;
}

.img-accueil1:hover, .img-accueil2:hover 
{
background-image:url(images/cadre-images2.png);
background-repeat:no-repeat;
}

.titre-accueil
{
position:relative;
padding:10px;
top:25px;
font-weight:bold;
font-size:14pt;
}


/*
#bandeau
{
position:absolute;
top:0px;
left:200px;
height:80px;
width:680px;
margin: 0px;
padding: 10px;
z-index:0;
}

#nobandeau
{
position:absolute;
top:0px;
left:120px;
height:15px;
width:680px;
background: #eeeedd;
margin: 0px;
padding: 4px;
font-size:10pt;
font-weight:bold;
text-align:center;
z-index:0;
}


#titresite
{
font-size:14pt;
color:#336666;
font-weight:bold;
text-align:center;
}

#titrepage
{
font-size:12pt;
color:#336666;
font-weight:normal;
text-align:center;
}
*/

#page
{
position:absolute;
background-color:#F1F1F1;
top:200px;
left:0px;
width:660px;
height:100%;
margin-left:250px;
margin-right:10px;
margin-top:10px;
font-size:9pt;
color:#333;
text-align:justify;
line-height:12pt;
z-index:2;
}

#schema {
position: relative;
}

#backtop {
position: relative;
}

/*#fond
{
position:absolute;
top:10px;
left:130px;
width:660px;
height:600px;
background-image:url(images/indre-et-loire.jpg);
background-repeat:no-repeat;
background-position:center top;
z-index:0;
}*/

#logos
{
position:relative;
height:80px;
width:800px;
margin-left:-130px;
margin-right:0px;
margin-top: 20px;
bottom:0px;
z-index:1;
}

#pagenotice
{
position:absolute;
top:200px;
left:110px;
width:670px;
margin-left:130px;
margin-right:10px;
margin-top:30px;
background: #F1F1F1;
font-size:10pt;
color:666;
text-align:justify;
line-height:14pt;
z-index:20;
}

#pagecompte
{
position:absolute;
top:25px;
left:0px;
width:660px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
background: #F1F1F1;
font-size:10pt;
color:#666;
text-align:justify;
line-height:12pt;
z-index:2;
}

h1
{
font-size:14pt;
color:#06C;
font-weight:bold;
text-align:left;
}

h2
{
font-size:11pt;
color:#333;
font-weight:normal;
text-align:center;
}

h3
{
font-size:10pt;
color:#333;
text-decoration:underline;
font-weight:normal;
}

h4
{
font-size:10pt;
color:#333;
font-weight:bold;
}

p
{
text-indent:30px;
line-height:12pt;
}

blockquote
{
background:#F4F4F4;
padding:10px;
border: 1px solid #EEEEEE;
font-style:italic;
}

#signature
{
position:absolute;
top:450px;
width:120px;
font-size:7pt;
text-align:center;
z-index:0;
}

#signature sup
{
font-size:6pt;
}

#hautdepage
{
width:100%;
text-align:center;
font-size:7pt;
}

.petit
{
font-size:9pt;
font-weight:normal;
line-height: 12pt;
}

.citation
{
padding: 2em;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
}

.info-citation{
padding-bottom: 1em;
color: #000000;
}

.refint{
text-align: center;
color: #000000;
}

.petitret
{
font-size:9pt;
margin-left:35px;
margin-bottom:5px;
}

.error
{
font-weight:bold;
color:red;
}

.wait
{
font-weight:bold;
color:gray;
}
/*
#titrerss
{
border: 1px solid #BDDAE8;
background: #FCE4B4;
padding:4px;
color:#04587f;
display: block;
}

#acturss
{
border: 1px solid #DDDDDD;
background: #F4F4F4;
padding:4px;
color: #04587f;
display: block;
}
*/
input
{
font-size:8pt;
}

select, option
{
font-size:8pt;
}

.formulaire
{
background:#dddddd;
padding:10px;
}

#listembres
{
font-size:7pt;
}

#menunotice
{
position:fixed;
top:250px;
left:60px;
width:180px;
text-align:left;
font-weight: bold;
z-index:15;
}

#menunoticea a
{
background-color: #F1F1F1;
background-image: url(images/puceviolette.png);
background-repeat: no-repeat;
padding:0px 0 10px 20px;
color: #333;
display: block;
text-decoration: none;
}

#menunoticep a
{
background-color: #F1F1F1;
background-image: url(images/pucegrise.png);
background-repeat: no-repeat;
padding:0px 0 10px 20px;
color: #999;
display: block;
text-decoration: none;
}

#menunotice a:hover
{
color: #06C;
text-decoration: none;
background-image: url(images/pucebleue.png);
background-repeat: no-repeat;
}

p
{
text-indent:30px;
line-height:150%;
}

#suppr
{
font-weight:bold;
color:red;
text-decoration:none;
}

#add
{
color:#aaa;
text-decoration:underline overline;
}

#colonne1
{
position:absolute;
font-size:7pt;
top:30px;
left:35px;
width:210px;
}

#colonne2
{
position:absolute;
font-size:7pt;
top:30px;
left:245px;
width:210px;
}

#colonne3
{
position:absolute;
font-size:7pt;
top:30px;
left:455px;
width:210px;
}

#menucompte
{
position:absolute;
top:0px;
left:0px;
height:15px;
width:680px;
text-align:center;
font-weight: bold;
}

#menucompte a:hover
{
color: #888888;
text-decoration: none;
}

#exemple
{
font-size:8pt;
color:#225588;
}

#commentaire
{
background:#DDD;
padding:4px;
font-size:7pt;
line-height:9pt;
text-align:justify;
}

#commentaire_selected
{
background:#FFF;
padding:10px;
font-size:9pt;
line-height:12pt;
text-align:justify;
border:1px solid #999;
}

#glossaire_titre
{
font-size:10pt;
font-weight:bold;
text-decoration:underline;
color:#06C;
}

#actu
{
background-image:url(images/transparent.png);
background-repeat:repeat;
padding:4px;
border: 1px solid #999;
margin-bottom:5px;
text-align:justify;
}

#alerte
{
background-color:white;
border:2px solid black;
padding:10px;
text-align:center;
}

.vignettelogo
{
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
margin:0px 0px 0px 0px;
}

.listesel
{
line-height: 20pt;
font-size: 10pt;
color: #F00;
}

.listenorm
{
line-height: 20pt;
font-size: 10pt;
color: #666;
}

span.listenorm
{
color: #999;
}

.plus
{
font-size: 8pt;
color: #366;
background: #eed;
border: 1px solid #366;
text-decoration: none;
}

.plus:hover
{
color: #eed;
background: #366;
}

.negatif
{
font-size: 10pt;
background: #906;
color:#EEE;
font-weight: bold;
padding: .2em;
border: 1px solid #000;
text-transform: uppercase;
}

.alphabet
{
font-size: 10pt;
color:#999;
padding: .2em;
border: 1px solid #DDC;
text-decoration: none;
}

.alphabet:hover {
background-color: #FFF;
border: 1px solid #999;
}

.champs
{
position: absolute;
left: 130px;
}

.otherdc
{
display: none;
}

.rubrique
{
font-size: 11pt;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 5pt;
padding-top: 5pt;
cursor: pointer;
}

.theme
{
font-size: 11pt;
padding-bottom: 5pt;
padding-top: 5pt;
padding-left: 25pt;
cursor: pointer;
}

.rubrique:hover, .theme:hover {
background-color: #FFF;
}

.listenotice
{
margin-left: 50pt;
}

a.validee {
text-decoration: none;
}

a.encours {
color: #000;
}

.comm {
margin: 20px;
background: #eeeedd;
font-size: 9pt;
color: #336666;
text-align: center;
}

.comm p {
text-align: justify;
}

.resrub {
font-weight: bold;
font-size:11pt;
color: #9AA;
margin-left:0px;
}

.resthem {
font-weight: bold;
font-size:10pt;
color: #899;
margin-left:18px;
}

div.pdf {
padding: 20px;
background-color: #eeeeee;
color: #06B;
border: 1px solid #dddddd;
background-image: url(images/icone-pdf2.png);
background-position: 1% 50%;
background-repeat: no-repeat;
font-size: 12pt;
text-align: center;
}

a.linkpdf {
color: #06C;
}
div.pdf:hover {
background: #ffffff;
background-image: url(images/icone-pdf.png);
background-position: 1% 50%;
background-repeat: no-repeat;
}