/*
 *
  #ffffe8;
  #96eed7;
    #46466A;
jaune clair    #f0f0e0;
  */
/*
 * beige #f0f0e0;
    violet : #46466A;
    vert f: #009999;
    vert m: #96EED7;
    vert c #D3FBF4;
 * */
body
{
    font-size: 10pt;
    margin: 0px 5px 5px;
    font-family: arial;
    background-color: #ffffe8;
}

td
{
    font-size: 10pt;
    font-family: arial;
}

th
{
    font-size: 10pt;
    font-family: arial;
}

p
{
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 10pt;
    font-family: arial;
}

ul, dl
{
    padding-top: 0pt;
    padding-bottom: 0pt;
    margin-top: 0pt;
    margin-bottom: 5pt;
}

li, dt
{
    padding-top: 5pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    margin-bottom: 0pt;
}

li ul li
{
    padding-top: 0pt;
    list-style-type: square;
}

.cesarine1
{
    font-size: 20pt;
    font-family: arial;
    font-variant: small-caps;
}

.topTable
{
    color: #46466A;
}

.topTable td
{
    font-size: 9pt;
}

.topInfos
{
    font-size: 8pt;
}

.topInfos A
{
    font-size: 8pt;
    text-decoration: none;
}

.topInfos A:hover
{
    font-size: 8pt;
    text-decoration: none;
    background-color: #f0f0e0;
}

.topInfos input
{
    font-size: 8pt;
    background-color: #f0f0e8;
}

.topInfos input.googlesearch
{
    width: 12px;
    height: 20px;
    border: 0;
    background: url('/images/icon_google.gif') no-repeat center left;
    padding: 2px 8px;
}

.menuGauche
{
    font-size: 9pt;
    padding-top: 15px;
}

.menuGauche a
{
    font-weight: normal;
    color: #46466A;
    text-decoration: none;
}

.menuGauche a:hover
{
    background-color: #f0f0e0;
}

.contenu
{
    border-right: 1px dotted  #71eeee;
    border-left: 1px dotted #71eeee;
    border-bottom: 1px dotted #71eeee;
    font-size: 10pt;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 5px;
    background-color: white;
}

a, span.clickable

{
    font-weight: bold;
    color: #46466a;
    text-decoration: underline;
    cursor: pointer;
}

a:hover
{
    background-color: #ffffe8;
}

h1
{
    margin-top: 0pt;
    font-size: 14pt;
    margin-bottom: 0pt;
    padding-bottom: 15pt;
    color: #006060;
    padding-top: 0pt;
}

h2
{
    margin-top: 0pt;
    font-size: 12pt;
    margin-bottom: 0pt;
    padding-bottom: 5pt;
    color: #006060;
    padding-top: 20pt;
}

h2 a
{
    color: #006060;
    text-decoration: none;
}

h2 a:hover
{
    color: #006060;
    text-decoration: none;
}

h3
{
    margin-top: 0pt;
    padding-top: 20pt;
    font-size: 10pt;
    margin-bottom: 0pt;
    padding-bottom: 5pt;
    color: #006060;
}

h4  /* comme le P mais en bold */
{
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 10pt;
    font-family: arial;
    font-weight: bold;
}

h3.nospace
{
    margin-top: 0pt;
    font-size: 10pt;
    margin-bottom: 0pt;
    padding-bottom: 6pt;
    color: #006060;
    padding-top: 0pt;

}

ul.sommaire
{
    margin-top: 5pt;
    margin-bottom: 5pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
}

.sommaire li
{
    list-style-image: url(../images/bullet_small.gif);
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
}

table.encadre, 
div.encadre
{
    border: 1px solid #71eeee;
    margin-left: 20px;
    width: 200px;
    background-color: #d3fbf4;
    font-size: 9pt;
    float: right;
    clear: right;
}

div.encadre
{
margin-top: 10px;
}

div.encadre div.encadre-b,
div.encadre div.encadre-h
{
padding: 2px;
    font-size: 9pt;
}

div.encadre div.encadre-b p,
div.encadre div.encadre-h p
{
    font-size: 9pt;
    padding-top: 5px;
}

table.floatright
{
    float: right;
    margin-top: 10px;
}

table.encadre th, 
div.encadre div.encadre-h
{
    font-size: 9pt;
    color: #46466a;
    border-bottom: 1px solid #71eeee;
    background-color: #96eed7;
    text-align: center;
    font-weight: bold;
}

table.encadre td, 
table.encadre td p
{
    font-size: 9pt;
    background-color: #d3fbf4;
}

.encadre a:hover
{
    background-color: #96eed7;
}

form
{
    padding: 0px;
    margin: 0px;
}

div.footer
{
    padding-top: 5px;
}
.disclaimer
{
    font-size: 8pt;
    color: #46466a;
    text-align: center;
}


.content-homepage
{    width: 885px;}

.content-homepage h2
{
    clear: none;
    margin: 0pt;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 10pt;
    color: #006060;

}

.content-homepage div.encadre
{
    width: 250px;
}


div.homepage-image
{
    background-image: url(../images/cesarine_hp.png);
    background-repeat: no-repeat;
    /*background-position: 80px 0px;*/
    height: 370px;
}



.homepage a
{
    font-weight: bold;
    font-size: 11pt;
    color: #46466a;
    text-decoration: none;
    white-space:nowrap;
}

.retourHaut
{
    float: right;
    padding-top: 28px;
}

.retourHaut A
{
    font-size: 7pt;
    text-decoration: none;
}

dl.reference
{
    border-top: 1px dotted #46466A;
    color: #46466A;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 7pt;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
    clear: both;
}

dl.reference dt
{
    padding-top: 3px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
dl.reference dd
{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.reference a.invisible, 
.reference a.invisible:hover 
{
    text-decoration: none;
    background-color: white;
}

p.temoignage, p.attention
{
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
    background-color: #ffffe8;
    border: 1px solid #f0f0e0;;
}

.menuDeroulant
{
    color: #009999;
    background-color: #96eed7;
}


.menuDeroulantTopBar
{
    white-space: nowrap;
    color: #006060;
    font-weight: bold;
}


.menuDeroulantTopBar a
{
    font-size: 10pt;
    padding-left: 5px;
    padding-right: 20px;
    padding-bottom: 2px;
    padding-top: 2px;
    display: block;
    text-decoration: none;
    color: #006060;
    border-right: 1px solid #008080;
    border-bottom: 1px solid #008080;
    border-top: 1px solid #d3fbf4;
    border-left: 1px solid #d3fbf4;
}

.menuDeroulantTopBar a:link
{
    color: #006060;
    text-decoration: none;
}


.menuDeroulantTopBar a:hover
{
    color: #006060;
    background-color: #f0f0e0;
    text-decoration: none;
}

a.name, a.name:hover
{
    background-color: white;
    text-decoration: none;
    font-weight: normal;
    color: black;
}

cite
{
font-style: italic;
}
blockquote.cite
{
  font-style: italic;
  background-color: #ffffe8;
  border: 1px solid #f0f0e0;
}
blockquote.attention
{
    font-weight: bold;
}
p.center
{
    text-align: center;
}

div.imageBox
{
    margin-top: 20px;
    margin-bottom: 20px;
}

div.copyright
{
font-size: 0.75em;
font-style: italic;
text-align: left;
}

div.imageBox div.copyright
{
width: 400px;
}

div.legende
{
text-align: center;
font-size: 0.8em;
font-style: italic;
}

div.legendeGauche
{
text-align: left;
font-size: 0.8em;
font-style: italic;
}

table.rayure
{
    background-color: #006060;
}

table.rayure td,
table.rayure th
{
    background-color: white;
    padding: 3px;
}

table.rayure td.chiffre
{
text-align: right;
}

ul.actu-home
{
	padding: 0px;
	margin: 0px;
}
ul.actu-home li
{
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0px;
}

table.questTable
{
    /* background-color: #d3fbf4; */
    background-color: #f0f0e0;
}

table.questTable td,
table.questTable th
{
    background-color: white;
    font-size : 9pt;
}

table.questTable td.questEntete
{
    font-size: 10pt;
    border: none;
    color: #46466a;
    border-bottom: 1px solid #71eeee;
    background-color: #96eed7;
    font-weight: bold;
}

td.separateur
{
    font-size: 1px;
height: 1px;
border-bottom: 1px solid #96eed7;
}

/* ca gere mieux les espaces comme cela ... */
a.ref
{
	font-weight: normal;
	text-decoration: none;
}

a.ref sup
{
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}

.questionnaire input.submit
{
    border: 2px outset #006060;
    color: #46466A;
    font-weight: bold;
    background-color: #96eed7;
}

table.questTable tr.questionCombo td,
table.questTable tr.questionCombo th,
table.questTable tr.questionCombo
{
	background-color: #f0f0e0;
}


div.breadcrumb 
{
font-size: 8pt;
padding-left: 10px;
margin-bottom: 15px;
}

ul.MM ul.SM ul.SM li
{
background-color: #f0f0e0;
}

ul.MM ul.SM ul.SM li a:hover
{
background-color: white;
}

div.clear
{
clear: both; width: 1px; height: 1px; font-size: 0px;
}
@media print
{
    td.menuGauche
    {
        display: none;
        visibility: hidden;
    }

    div.menuDeroulant 
    {
        display: none;
        visibility: hidden;
    }


}

/* pour le formulaire de contact */

.anim_form
{display: none;
    margin: 10px;
    padding: 10px;
    background-color: #ffffe8;
    border: 1px solid #f0f0e0;;
}
.anim_form label
{
display: block; 
width: 100px;
clear: both; 
float: left;
text-align: right;
padding-right: 5px;
}
.anim_form p
{
padding: 2px;
}

.margegauche
{
margin-left: 50px;
}


input.jolibouton
{
    BACKGROUND-COLOR: #D3FBF4;
    border: 2px outset #96eed7;
    FONT-SIZE: 9pt;

}
input.jolichamp
{
    font-size: 10pt;
    background-color: #f0f0e8;
}