body
{ 
background-image: url(images/fond.gif);
width:99%;
height:99%;
margin: auto;
margin-top: 0.5%
}

#calque_background
{
background-image: url(images/fond2.png);
height: 100%;
width: 100%;
padding-right :0%;
padding-left: 0%;
}

#logo
{
float: left;
margin-top: 1%;
}

#banniere_navigation
{
width:70% !important;
width:84%;
height:187px;
padding-top:1%;
margin:auto;
margin-right:15%
}

#navigation , table
{
width:84%;
height:187px;
padding:0px;
margin:auto;
text-align:center;
margin-top:0%;
margin-bottom:3%;
}

#navigation  td
{
margin:0px;
padding:0px;
}


#corps
{
width:75%;
margin: auto;
margin-top: 0%
}

p
{
text-indent:1%;
font-family:"times new roman",arial,helvetica,serif

}

img
{
margin-top: 0%;
padding-top: 0%;
display: block;
border:0;
}

/*menu*/

#menu
{
width:18%;
float: left;
margin-left:0%;
padding-left:0%;
margin-top:12%;
border: 2px solid #FBABD8;
}

#menu h1
{
color:#FBABD8;
margin-top:1%
}

ul
{
padding-left:0;
margin:0;
list-style:none;
}


#menu li
{
font-size:1em;
}

li.toggleSubMenu
{
list-style:url(images/puce_fleche.gif);
margin-left:10%;
}



#menu .niveau1
{
margin-left:10%;
}

.niveau2 ul li
{
margin-left:10%;
list-style:url(images/puce_etoile.png);
}

.puces_etoiles
{
list-style:url(images/puce_etoile.png);
margin-left:5%;
}

.legende
{
font-size: 0.7em;
}

#corps_pages_avec_menu
{
margin-right: 5%;
margin-left: 20%;
}


#citation, #citation p
{

text-align: justify;
text-indent: 18px;
color: #0EB7E1;
font-size: medium;
font-family: calibri, "Times new roman", arial, serif;
border: thin solid #0EB7E1;
margin-left:38%;
padding:1%;
margin-top:5%;
}

#adresse2
{
Text-align: center;
color: #FBABD8;
font-size: 1.05em;
font-weight: bold;
}

#courrier 
{

text-align: justify;
text-indent: 18px;
font-size: medium;
font-style: italic;
font-family: calibri, "Times new roman", arial, serif;
padding:1%;
margin-top:5%;
}

#auteurs_citation
{
font-size: small;
text-align: right;
margin-top: 1%;
}

#liste_bureau li
{
margin-left:33%;
list-style-type:none ;
}

#liste_bureau 
{
margin-top:3%;
}

#calendrier_manifestations p
{
width: 100%;
border: solid 2px orange;
margin: auto;
padding: 2%;

}



p, ul , li, dd, dt
{
text-align: justify;
color: #FBABD8;
font-size: 1.05em;
font-weight: bold;
}

th
{
text-align:center;
color: #FBABD8;
font-size: 1.05em;
font-weight: bold;
}

h2,h3,h1
{
text-align: center;
}

h2
{
color: #FFBB1E;
font-size:1.2em
}

.cadre_orange h3
{
color: #FFBB1E;
font-size: 1em;
text-align: justify;
text-decoration: underline;
}

.cadre_orange h4
{
text-decoration: underline;
}

.sous_titres 
{
text-align:justify;
font-size: 1.05em;
color:#FF37EB;
}

.liste_cancers
{
text-align: justify;
text-decoration: underline;
color: #FBABD8;
font-size: 1.05em;
}

h1
{
color: #FFBB1E;
font-size: 1.2em ;
}


h3
{
color: orange;
}

h4
{
color: #E300BD;
}

a
{
text-decoration: none;
position:relative;
font-style:italic;
}

a img
{
border: none;
}

li 
{
text-indent:0;

}

#adresse 
{
width: 40%;
text-align: center;
color: white;
font-size:1.5em;
margin-left:30%;
}

a
{
color: orange;
}

#etoile_contact
{
width:23%;
float: right;
margin-right: 4%;
margin-bottom:0;
}

.cadre_orange_titre
{
width:50%;
border: 3px orange ridge;
margin-bottom: 3%;
padding:2%;
padding-top:0;
padding-bottom: 1%;
margin: auto;
}

.cadre_orange
{
width:95%;
border: 3px #5D00FE ridge;
margin-bottom: 3%;
padding:2%;
padding-top:0;
padding-bottom: 1%;
}


.cadre_orange img
{
padding-right: 2%;
vertical-align:middle;
}

.texte_orange
{
color: #FFBB1E;
}

.texte_rouge
{
color:#D4002A;
font-size:1.3em;
}

.italique
{
font-style:italic;
}

.centrer
{
text-align:center;
margin:auto;
}

.float_left
{
float:left;
margin-right:2%;
}

.float_right
{
float:right;
margin-left:2%;
}

.stop_flottant
{
padding-top:2%;
clear: left;
}


.aligner_droite
{
text-align: right;
}

.aligner_gauche
{
text-align: left;
}

.centrer_souligner
{
text-align: center;
text-decoration:underline;
}

.souligner
{
text-decoration:underline;
}

.legendes
{
color: white;
text-align: center;
}

ul
{
text-align: justify;
color: #FBABD8;
}



dt
{
font-size:large;
font-weight: bold;
color: #FBABD8;
text-indent:0;
}

dd
{
font-weight:bold;
margin-bottom:1.3%;
margin-top:1%;
color: #FBABD8;
text-align: justify;
text-indent:1%;
margin-left:0;
}


hr
{
visibility: hidden;
margin:0;
}

#photos_loris img
{
margin-bottom:2%;
}

#photo_poker
{
display: inline;
}

.video
{
width:300px;
text-align:center;
margin:auto;
}



#pied_de_page p
{
padding-top: 100px;
text-align: center;
margin: auto;
}
 
 #xiti-logo
 {
 width:10%;
 margin:auto;
 margin-top:2%;
 }
 
 .cr h2, .cr h3
 {
 text-align: justify;
 text-decoration:underline;
 }
 ol li
  {
  margin-bottom: 1%;
 }