body {margin:0; text-align:center;font-family: Verdana, Tahoma, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage { position:absolute; left: 50%; top: 50%; width:950px; height:602px; margin-left: -475px; margin-top: -301px; text-align: center; border: 2px solid #FFF;}

/* images et fonds de la page */
.ind_fond{background-image: url("images/index/ind_fond.jpg"); height: 602px; width: 950px; background-repeat: no-repeat}
		
/* Invariant */
.invar {color: black; height:40px; font-size:1em; text-decoration:none; font-weight: none;}
.invarF2 a {color: white; height:40px; font-size:1em; text-decoration:none; font-weight:none;}

/* mar */
#dmar {position:absolute; left:auto; z-index:60; visibility: visible; height:40px; width:159px}
#dmarF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:40px; width:159px}

/* dos */
#ddos {position:absolute; left:auto; z-index:60; visibility: visible; height:40px; width:172px}
#ddosF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:40px; width:172px}

/* dem */
#ddem {position:absolute; left:auto; z-index:60; visibility: visible; height:40px; width:152px}
#ddemF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:40px; width:152px}

/* con */
#dcon {position:absolute; left:auto; z-index:60; visibility: visible; height:40px; width:145px}
#dconF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:40px; width:145px}

/* ver */
#dver {position:absolute; left:auto; z-index:60; visibility: visible; height:40px; width:284px}
#dverF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:40px; width:284px}

/* Menu */
.lien {color: #c4c1ca; height:28px; font-size:1.5em; text-decoration:none; font-weight: bold; font-style: italic; padding-left:4px}
.lienF2 a {color: white; height:28px; font-size:1.5em; text-decoration:none; font-weight: bold; font-style: italic; padding-left:4px}

/* act */
#dact {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width:225px}
#dactF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px; width:225px}

#cact {position:absolute; left:auto; z-index:60; visibility: hidden;}
.taact {width: 225px; border:1px solid #5c1f58; }
.tdact a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #ad80c1; border-bottom: 1px solid #5c1f58;}
.tdact a{color:black ;text-decoration: none; font-size:0.9em}
.tdact a:hover{background-color:#5c1f58; color: white; text-decoration:none;font-weight:bold; }

/* dec */
#ddec {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width:225px}
#ddecF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px; width:225px}

#cdec {position:absolute; left:auto; z-index:60; visibility: hidden;}
.tadec {width: 225px; border:1px solid #a93623; }
.tddec a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #ffa461; border-bottom: 1px solid #a93623;}
.tddec a{color:black ;text-decoration: none; font-size:0.9em}
.tddec a:hover{background-color:#a93623; color: white; text-decoration:none;font-weight:bold; }

/* mai */
#dmai {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width:225px}
#dmaiF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px; width:225px}

#cmai {position:absolute; left:auto; z-index:60; visibility: hidden;}
.tamai {width: 225px; border:1px solid #cc6914; }
.tdmai a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #ffb64d; border-bottom: 1px solid #cc6914;}
.tdmai a{color:black ;text-decoration: none; font-size:0.9em}
.tdmai a:hover{background-color:#cc6914; color: white; text-decoration:none;font-weight:bold; }

/* jeu */
#djeu {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width:225px}
#djeuF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px;width:225px}

#cjeu {position:absolute; left:auto; z-index:60; visibility: hidden;}
.tajeu {width: 225px; border:1px solid #015b5b; }
.tdjeu a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #47b7a9; border-bottom: 1px solid #015b5b;}
.tdjeu a{color:black ;text-decoration: none; font-size:0.9em}
.tdjeu a:hover{background-color:#015b5b; color: white; text-decoration:none;font-weight:bold; }

/* spo */
#dspo {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width: 225px}
#dspoF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px; width: 225px}

#cspo {position:absolute; left:auto; z-index:60; visibility: hidden;}
.taspo {width: 225px; border:1px solid #307532; }
.tdspo a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #59b96f; border-bottom: 1px solid #307532;}
.tdspo a{color:black ;text-decoration: none; font-size:0.9em}
.tdspo a:hover{background-color:#307532; color: white; text-decoration:none;font-weight:bold; }

/* ent */
#dent {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width:225px}
#dentF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px; width:225px}

#cent {position:absolute; left:auto; z-index:60; visibility: hidden;}
.taent {width: 225px; border:1px solid #6e071a; }
.tdent a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #f58383; border-bottom: 1px solid #6e071a;}
.tdent a{color:black ;text-decoration: none; font-size:0.9em}
.tdent a:hover{background-color:#6e071a; color: white; text-decoration:none;font-weight:bold; }

/* inf */
#dinf {position:absolute; left:auto; z-index:60; visibility: visible; height:28px; width:225px}
#dinfF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:28px; width:225px}

#cinf {position:absolute; left:auto; z-index:60; visibility: hidden;}
.tainf {width: 225px; border:1px solid #1e5073; }
.tdinf a{display:block; padding-left:8px;padding-top:4px;padding-bottom:4px;padding-right:2px;width: 225px; background-color: #369fd6; border-bottom: 1px solid #1e5073;}
.tdinf a{color:black ;text-decoration: none; font-size:0.9em}
.tdinf a:hover{background-color:#1e5073; color: white; text-decoration:none;font-weight:bold; }

/* Encart Actualité  et Agenda */
.vignet {float: left; padding-right: 5px; padding-left: 0px; padding-top: 3px; border:0px}
.actu_resume {float: left; padding-left: 0px; padding-right: 10px;font-weight:none; color: white; font-size:0.9em; text-decoration:none;}
.titre_actu {padding-right: 5px; padding-left: 0px; padding-bottom: 5px; padding-top: 5px; font-size:1em; font-weight:bold; text-decoration:none}
.titre_actu a {color: #369fd6; font-size:1em; font-weight:bold; text-decoration:none; }
.titre_actu a:hover {color: #369fd6; font-size:1em; font-weight:bold; text-decoration:underline; }

/* recherche  */
.trech {padding-top:517px; padding-left: 2px; padding-right: 0px; padding-bottom: 0px; }
.rech {display:inline; color:black;}
.rech form {display:inline;}
.rech .recherche {width:160px; height:18px; border:1px solid #666; background:#fff; font-size:x-small;}
.rech #Submit {height:23px; width: 24px; padding-left: 7px}
.input_text {float: left; padding-top: 0px}
.input_button {float: left;padding-top: 0px}