/* pour cadre ombre */
div {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px none; }
span {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px none; }
table {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px none; }
tr {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px none; text-align: left; vertical-align: top;}
td {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px none; text-align: left; vertical-align: top;}
img {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px none;}


body
{
background-color: white;
font-size : 85%;
font-family : "Verdana", sans-serif;
margin: 0px 0px 0px 0px;
}
caption
{
font-size : 120%;
font-family : "Verdana", sans-serif;
color:#104A7B;
font-weight : bold;
}
h1
{
font-size : 160%;
font-family : "Verdana", sans-serif;
color: #B44E4D;
font-weight : bold;
text-align : center;
}
h2
{
font-size : 110%;
font-family : "Verdana", sans-serif;
color: #B44E4D;
font-weight : bold;
}
h3
{
font-size : 95%;
font-family : "Verdana", sans-serif;
color: #B44E4D;
font-weight : bold;
}
input
{
color : black;
font-size : 80%;
font-family : "Verdana", sans-serif;
}
label
{
color : #004080;
font-weight : bold;
font-size : 80%;
font-family : "Verdana", sans-serif;
}
li
{
font-size : 100%;
font-family : "Verdana", sans-serif;
color:black;
}

.out
{
display:block; 
background:#bbb; 
border:1px solid #ddd; 
position:relative;
margin:1em 0;
}
.in
{
text-align:center; 
background:#fff; 
border:1px solid #555; 
position:relative; 
padding:5px;
font-weight:normal;
}
.ltin
{
left:-5px;
}
.tpin 
{
top:-5px;
}
.narrow 
{width:8em;} /* change to suit */
h4 
{font-weight:bold; color:#000;}

/* pour PetitCadre*/
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}


h2.contenu-title
{
font-size : 120%;
font-family : "Verdana", sans-serif;
color: #B44E4D;
font-weight : bold;
text-align: center;
}
h2.contenu-title:first-letter
{
font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 200%;
border: 3px outset Gray;
color: white;
background-color: #B44E4D;
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
}
.contenu-description
{
font-size : 85%;
font-family : "Verdana", sans-serif;
}

li.titre-rub { list-style-image: url(img/gris/dossier_ouvert.gif); font-weight: bold; }
li.titre-ssrub { list-style-image: url(img/gris/dossier.gif); }

a, a:visited { color: #B44E4D; font-size : 90%; margin-left: 0px; text-decoration:none; }
a:hover { color: #FF8080; text-decoration:underline;}
a.loupe:hover { color: #FF8080; font-size : 105%;font-weight : bold; text-decoration:none;}

code
{
font-size : 80%;
font-family : "Verdana", sans-serif;
}
.menu-gen
{
text-align : center;
width: 100%;
}

.adresse
{
font-size : 110%;
font-family : "Verdana", sans-serif;
font-weight : bold;
color:black;
text-align : center;
}
.bouton
{
background-color: White;
border-color: White;
color: Black;
font-size : 90%;
}
.cadre-enfonce
{
font-size : 90%;
font-family : "Verdana", sans-serif;
border : 3px inset White;
background : #FFFFF0;
}
.cadre-menu-gauche
{
font-size : 90%;
font-family : "Verdana", sans-serif;
}
.cadre-fin2
{
font-size : 90%;
font-family : "Verdana", sans-serif;
}
.cadre-fin3
{
background-color: transparent;
font-size : 90%;
font-family : "Verdana", sans-serif;
vertical-align : bottom;
}
.cadre-corps
{
font-size : 90%;
font-family : "Verdana", sans-serif;
text-align : left;
vertical-align : top;
}
.cadre-documents
{
background: url(img/documents.gif) no-repeat top left;
font-size : 90%;
font-family : "Verdana", sans-serif;
/*border : 2px ridge #F1F1F1;*/
padding : 37px 3px 3px 3px;
}
.cadre-favoris
{
background: url(img/favoris.gif) no-repeat top left;
font-size : 90%;
font-family : "Verdana", sans-serif;
/*border : 2px ridge #F1F1F1;*/
padding : 37px 3px 3px 3px;
}
.cadre-favori
{
font-size : 90%;
font-family : "Verdana", sans-serif;
border : 2px ridge #F1F1F1;
}
.cadre-recherche
{
font-size : 90%;
font-family : "Verdana", sans-serif;
text-align : left;
vertical-align : bottom;
padding : 3px 3px 3px 3px;
}

.cadre-resultat
{
border: 1px solid #004080;
text-align : left;
vertical-align : bottom;
padding : 3px 3px 3px 3px;
}

.option-menu 
{
font-weight : bold;
color: navy; 
text-decoration:none;
}
.option-menu:visited  
{ 
color: navy; 
text-decoration: none 
}
.option-menu:hover 
{
color: #FF8C00; 
text-decoration:underline;
}

.ss-menu1, .ss-menu1:visited
{
color: navy; 
font-weight : bolder;
font-size : 90%;
}
.ss-menu1:hover 
{
color: #FF7F50; 
text-decoration:underline;
}

.ss-menu2, .ss-menu2:visited
{
color: #316A8F; 
font-weight : bolder;
font-size : 85%;
}
.ss-menu2:hover 
{
color: #FF8C00; 
text-decoration:underline;
}

.ss-menu3, .ss-menu3:visited
{
color: #316A8F; 
font-size : 85%;
}
.ss-menu3:hover 
{
color: #FF8C00; 
text-decoration:underline;
}

.cadre-ariane{font-size : 100%;font-family : "Verdana", sans-serif; padding : 0px 6px 0px 6px;}
a.ariane, a.ariane:visited, a.bas, a.bas:visited{border: 1px solid white;padding : 0px 6px 0px 6px;}
a.ariane:hover, a.bas:hover{border: 1px solid black;text-decoration: none;padding : 0px 6px 0px 6px;}
.sep-ariane
{
color: #C00000;
font-weight: bold;
font-size : 90%;
font-family : "Verdana", sans-serif;
}

.surligne
{
color: #6600CC;
font-size : 90%;
font-family : "Verdana", sans-serif;
}
.surligne2
{
color: #6600CC;
font-size : 90%;
font-family : "Verdana", sans-serif;
font-style: italic;
}
.contenu
{
text-align: justify;
width: 100%;
padding: 30px;
}

.titre
{
font-size : 110%;
font-family : "Verdana", sans-serif;
color:#104A7B;
font-weight : bold;
}
.photo-diaporama
{
text-align: center;
background-image: url(img/whites_3.jpg);
border: 10px ridge #ECD9F6;
padding: 10px 10px 10px 10px;
}
.diapoDescription
{
font-size : 80%;
font-family : "Verdana", sans-serif;
}

td.tab-tl
{
background-color: transparent;
background-image: url(img/gris/corps-tl.gif);
background-position: left;
background-repeat: no-repeat;
height: 28px;
width: 13px;
}
td.tab-t
{
background-color: transparent;
background-image: url(img/gris/corps-t.gif);
background-position: left;
background-repeat: repeat-x;
height: 28px;
text-align: center;
font-size : 12px;
font-family : "Verdana", sans-serif;
font-weight: bold;
}
td.tab-t2
{
background-color: transparent;
background-image: url(img/gris/corps-t2.gif);
background-position: left;
background-repeat: repeat-x;
height: 28px;
text-align: center;
font-size : 10px;
font-family : "Verdana", sans-serif;
font-weight: bold;
}
td.tab-tr
{
background-color: transparent;
background-image: url(img/gris/corps-tr.gif);
background-position: left;
background-repeat: no-repeat;
height: 28px;
width: 13px;
}

td.tab-cl
{
background-color: transparent;
background-image: url(img/gris/corps-cl.gif);
background-position: left;
background-repeat: repeat-y;
width: 13px;
}
td.tab-c
{
background-color: white;
background-repeat: repeat;
padding: 2px 4px 2px 4px;
}
td.tab-cr
{
background-color: transparent;
background-image: url(img/gris/corps-cr.gif);
background-position: left;
background-repeat: repeat-y;
height: 1px;
width: 13px;
}

td.tab-c2l
{
background-color: transparent;
background-image: url(img/gris/corps-c2l.gif);
background-position: left;
background-repeat: repeat-y;
width: 13px;
}
td.tab-c2
{
background-color: white;
background-repeat: repeat;
padding: 2px 4px 2px 4px;
}
td.tab-c2r
{
background-color: transparent;
background-image: url(img/gris/corps-c2r.gif);
background-position: left;
background-repeat: repeat-y;
height: 1px;
width: 13px;
}

td.tab-bl
{
background-color: transparent;
background-image: url(img/gris/corps-bl.gif);
background-position: left;
background-repeat: no-repeat;
height: 20px;
width: 13px;
}
td.tab-b
{
background-color: transparent;
background-image: url(img/gris/corps-b.gif);
background-position: left;
background-repeat: repeat-x;
height: 20px;
}
td.tab-b2
{
background-color: transparent;
background-image: url(img/gris/corps-b2.gif);
background-position: left;
background-repeat: repeat-x;
height: 20px;
}
td.tab-br
{
background-color: transparent;
background-image: url(img/gris/corps-br.gif);
background-position: left;
background-repeat: no-repeat;
height: 20px;
width: 13px;
}
td.menu-haut-l
{
background-color: transparent;
background-image: url(img/gris/menu-haut-l.gif);
background-position: left;
background-repeat: no-repeat;
height: 30px;
width: 10px;
}
td.menu-haut-c
{
background-color: transparent;
background-image: url(img/gris/menu-haut-c.gif);
background-position: left;
background-repeat: repeat-x;
height: 30px;
}
td.menu-haut-r
{
background-color: transparent;
background-image: url(img/gris/menu-haut-r.gif);
background-position: left;
background-repeat: no-repeat;
height: 30px;
width: 10px;
}
.bandeau
{
background-color: transparent;
height: 60px;
width:633px;
text-align: center; 
font-weight : bold;
vertical-align: bottom;
padding: 5px 5px 5px 5px;
background: White url(img/guiglogo.gif) no-repeat center center;
}
.za
{
display: inline;
}
.corps-contenu
{
background-color: White;
border: 2px outset Gray;
}
tr.separation
{
border-bottom: 2px dotted Gray;
}