body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
 background:#fff url(header_bg.jpg) center top no-repeat;
}
body.bodyPopUp {
 background:#fff url(header_pop_up.jpg) center top no-repeat;
}
a {
color: #333333;
}
h1 {
position: absolute;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*introduit*/
#bloccastrestoulouse {
 width: 555px;
 height: 343px;
 background: url(autres/sprite_castres_toulouse.png);
 margin: 10px auto; padding: 0;
 position: relative;
 border-color:none;
 border-style:none;
}
#bloccastrestoulouse li {
margin: 0; 
padding: 0; 
list-style: none; 
display: block; 
position: absolute;}
#bloccastrestoulouse a {
display: block;
}
/*constitution de la trame de l image de base*/
#bloccastrestoulouse1 {
left: 0px; 
top: 0px; 
width: 115px; 
height: 350px;
}
#bloccastrestoulouse2 {
left: 355px; 
top: 0px; 
width: 200px; 
height: 120px;
}
#bloccastrestoulouse3 {
left: 119px; 
top: 277px; 
width: 450px;
height: 60px;
}
#bloccastrestoulouse1 a {height: 343px;}
#bloccastrestoulouse2 a {height: 120px;}
#bloccastrestoulouse3 a {height: 70px;}
/*recuperation du morceau d'image servant au sprite*/
/*l url donne le fichier de l image servant au sprite puis son retrait de la gauche et le decalage vertical, par rapport au point d origine de l image*/ 
#bloccastrestoulouse1 a:hover {
background: url(autres/sprite_castres_toulouse.png) -0px -343px no-repeat;
}/* -12PX */
#bloccastrestoulouse2 a:hover {
background: url(autres/sprite_castres_toulouse.png) -355px -343px no-repeat;
}
#bloccastrestoulouse3 a:hover {
background: url(autres/sprite_castres_toulouse.png) -119px -620px no-repeat;
}
/*---------------------------------------------------------------------------------------------------------------INTRODUCTION C3G------------------------------*/
/*sprite commission*/
#bloccommission {
 width: 555px;
 height: 512px;
 background: url(sprite_commission_3.png);
 margin: 20px auto; padding: 0;
 position: relative;
 border-color:none;
 border-style:none;
}
#bloccommission li {
margin: 0; 
padding: 0; 
list-style: none; 
display: block; 
position: absolute;}
#bloccommission a {
display: block;
}
/*constitution de la trame de l image de base*/
#bloccommission1 {
left: 58px; 
top: 12px; 
width: 207px; 
height: 200px;
}
#bloccommission2 {
left: 275px; 
top: 14px; 
width: 220px; 
height: 165px;
}
#bloccommission3 {
left: 348px; 
top: 190px; 
width: 200px;
height: 240px;
}
#bloccommission4 {
left: 23px; 
top: 200px; 
width: 200px; 
height: 231px;
}
#bloccommission5 {
left: 152px; 
top: 340px; 
width: 250px;
height: 180px;
}
#bloccommission1 a {height: 195px;}
#bloccommission2 a {height: 193px;}
#bloccommission3 a {height: 240px;}
#bloccommission4 a {height: 231px;}
#bloccommission5 a {height: 180px;}
#bloccommission1 a:hover {
background: url(sprite_commission_3.png) -58px -521px no-repeat;
}/* -12PX */
#bloccommission2 a:hover {
background: url(sprite_commission_3.png) -275px -523px no-repeat;
}
#bloccommission3 a:hover {
background: url(sprite_commission_3.png) -348px -1209px no-repeat;
}
#bloccommission4 a:hover {
background: url(sprite_commission_3.png) -23px -1219px no-repeat;
}
#bloccommission5 a:hover {
background: url(sprite_commission_3.png) -153px -850px no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 980px;
margin: auto;
height: 156px;
background-image: url(header_bg.jpg);
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
}
#header #contentAnim {
float: left;
width: 725px;
padding-left: 78px;
}
#headerPopup {
position: relative;
width: 615px;
height: 113px;
padding: 0px 0px 0px 35px;
margin: auto;
background-image: url(header_pop_up.jpg);
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
}
#headerLarge {
position: relative;
width: 980px;
height: 156px;
padding: 0px 0px 0px 0px;
margin: auto;
background-image: url(images/css/header_bg_teleservices.jpg);
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;}
/*---------------------------------------------------------------------------------------------------------------INTRODUCTION C3G------------------------------*/
/*-----------LISTE HORIZONTALE-----------*/
#listeh{
list-style-type: none;
margin: 0px;
padding: 24px;

}
#listeh ol {
padding: 0px;
margin: 0px;
/*list-style-type: none;*/
 }
#listeh li {
margin-left:2px;
height: 120px;
float:left; /*pour IE*/
 }
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAVE DROITE ---*/
#paveDroite {
 float: right;
 margin-right: 10px;
padding: 5px 0px 0px 15px;
 width: 152px;
 height: 93px;
font-size: x-small;
}
#paveDroite #raccourcis ul li {
padding: 0px 0px 2px 0px;
}
#paveDroite #raccourcis ul li a {
background-repeat: no-repeat;
padding: 0px 0px 0px 18px;
text-decoration: none;
}
#paveDroite #raccourcis ul li.racplan a {
background-image: url(puce_plan.gif);
}
#paveDroite #raccourcis ul li.racaide a {
background-image: url(nav.gif);
background-position: 0px 3px;
}
#paveDroite #raccourcis ul li.raccontact a {
background-image: url(contactez.gif);
background-position: 0px -2px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche input.saisie {
font-size: x-small;
color: #333333;
border: 1px solid #8CB21C;
vertical-align: middle;
width: 100px;
}
#recherche input.bouton {
vertical-align: middle;
}
#recherche label {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SCENE ---*/
#scene {
width: 100%;
float: left;
background-image: url(scene_bg.jpg);
background-position: center top;
background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
background-image: url(scene_bg.jpg);
background-position: top;
background-repeat: repeat-y;
}
body.bodyPopUp #centrage {
width: 650px;
margin: auto;
background-image: url(fond_inter_content_pop_up.gif);
background-position: top;
background-repeat: repeat-y;
}
body.bodyLarge #centrage {
width: 980px;
margin: auto;
background-image: url(images/css/fond_inter_content_large.gif);
background-position: top;
background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu{
 float: left;
 width: 178px;
 padding-left: 28px;
}
#menu ul {
 margin: 0;
 padding: 0;
 float: left;
}
/*--  NIVEAU 01  --*/
#menu ul li {
 float: left;
 margin: 0px;
 padding: 0px;
 list-style: none;
 font-size: 15px;
 width: 178px;
}
#menu ul li a {
 text-decoration: none;
 display: block;
 padding: 5px 0px 12px 30px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#menu ul li a:hover,
#menu ul li.on a {
background-position: 0px -100px;
}
li.lien01, .LienRouge, #menu ul li.lien01 {
}
#menu ul li.lien01 a {
 color: #c3080f;
 background-image: url(C3G_puce_rouge.gif);
}
li.lien02, .LienOrangeFonce, #menu ul li.lien02 {
}
#menu ul li.lien02 a {
 color: #d03307;
 background-image: url(C3G_puce_orange_fonce.gif);
}
li.lien03, .LienOrange, #menu ul li.lien03 {
}
#menu ul li.lien03 a {
 color: #bf820d;
 background-image: url(C3G_puce_orange.gif);
}
li.lien04, .LienVert, #menu ul li.lien04 {
}
#menu ul li.lien04 a {
 color: #0d6510;
 background-image: url(C3G_puce_vert.gif);
}
li.lien05, .LienJaune, #menu ul li.lien05 {
}
#menu ul li.lien05 a {
 color: #a08815;
 background-image: url(C3G_puce_jaune.gif);
}
li.lien06, .LienVertClair, #menu ul li.lien06 {
}
#menu ul li.lien06 a {
 color: #6b7929;
 background-image: url(C3G_puce_vert_clair.gif);
}
li.lien07, .LienBleuClair, #menu ul li.lien07 {
}
#menu ul li.lien07 a {
 color: #5d9ae3;
 background-image: url(C3G_puce_bleu_clair.gif);
}
li.lien08, .LienBleu, #menu ul li.lien08 {
}
#menu ul li.lien08 a {
 color: #195399;
 background-image: url(C3G_puce_bleu.gif);
}
li.lien09, .LienViolet, #menu ul li.lien09 {
}
#menu ul li.lien09 a {
 color: #9a42c7;
 background-image: url(C3G_puce_viole.gif);
}
/*--  NIVEAU 02  --*/
#menu ul li ul {
display: none;
}
#menu ul li.on ul {
display: block;
margin-top: -10px;
padding: 0px 0px 10px 30px;
}
#menu ul li.on ul li {
width: 145px;
font-size: x-small;
}
#menu ul li.on ul li  a {
padding: 0px 0px 0px 8px;
background-repeat: no-repeat;
background-position: 0px 5px;
}
#menu ul li.on ul li  a:hover,
#menu ul li.on ul li.on a {
padding: 0px 0px 0px 16px;
background-repeat: no-repeat;
background-position: 8px 5px;
font-weight: bold;
}
#menu ul li.on ul li.on a {
text-decoration: underline;
}
#menu ul li.lien02_on ul li  a {
background-image: url(puce_orange_foncee_n2.gif);
}
#menu ul li.lien03_on ul li  a {
background-image: url(puce_orange_n2.gif);
}
#menu ul li.lien04_on ul li  a {
background-image: url(puce_verte_n2.gif);
}
#menu ul li.lien05_on ul li  a {
background-image: url(puce_jaune_n2.gif);
}
#menu ul li.lien06_on ul li  a {
background-image: url(puce_verte_claire_n2.gif);
}
#menu ul li.lien07_on ul li  a {
background-image: url(puce_bleue_claire_n2.gif);
}
#menu ul li.lien08_on ul li  a {
background-image: url(puce_bleue_n2.gif);
}
#menu ul li.lien09_on ul li  a {
background-image: url(puce_violete_n2.gif);
}
/*--  NIVEAU 03  --*/
#menu ul li ul li ul {
display: none;
}
#menu ul li.on ul li.on ul {
display: block;
margin-top: 0px;
padding: 0px 0px 5px 15px;
}
#menu ul li.on ul li {
width: 130px;
}
#menu ul li.on ul li.on ul li a {
padding: 0px 0px 0px 8px;
background-repeat: no-repeat;
background-position: 0px 5px;
}
#menu ul li.on ul li.on ul li  a:hover,
#menu ul li.on ul li.on ul li.on a {
padding: 0px 0px 0px 16px;
background-repeat: no-repeat;
background-position: 8px 5px;
font-weight: bold;
}
#menu ul li.on ul li.on ul li.on a {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
position: relative;
float: left;
width: 774px;
padding: 0px 0px 0px 0px;
background-image: url(fond_inter_content.gif);
background-repeat: repeat-y;
}
body.bodyPopUp #content {
position: relative;
float: left;
width: 600px;
padding: 0px 25px 0px 25px;
background-image: url(fond_inter_content_pop.gif);
background-repeat: repeat-y;
}
body.bodyLarge #content {
position: relative;
float: left;
width: 980px;
padding: 0px 0px 0px 0px;
background-image: url(images/css/fond_inter_content_large.gif);
background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
position: absolute;
top: 55px;
left: 15px;
font-size: x-small;
width: 540px;
height: 18px;
color: #000000;
}
#filariane a {
color: #000000;
}
body.bodyAccueil #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
position: relative;
float: left;
width: 561px;
padding: 5px 20px 30px 20px;
background-repeat: no-repeat;
background-position: top left;
line-height: 18px;
}
#interPopup {
float: left;
width: 560px;
padding: 5px 20px 30px 20px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(haut_inter_pop_up.jpg);
line-height: 18px;
}
#interLarge {
float: left;
width: 930px;
padding: 5px 25px 30px 25px;
background-repeat: no-repeat;
background-position: top left;
background-image: url(images/css/haut_inter_large.jpg);
line-height: 18px;
}
body.body02 #inter {
background-image: url(haut_inter_orange_fonce.jpg);
}
body.body03 #inter {
background-image: url(haut_inter_orange.jpg);
}
body.body04 #inter {
background-image: url(haut_inter_vert.jpg);
}
body.body05 #inter {
background-image: url(haut_inter_jaune.jpg);
}
body.body06 #inter {
background-image: url(haut_inter_vert_clair.jpg);
}
body.bodygenerique #inter,
body.bodyactus #inter,
body.body07 #inter {
background-image: url(haut_inter_bleu_clair.jpg);
}
body.body08 #inter {
background-image: url(haut_inter_bleu.jpg);
}
body.body09 #inter {
background-image: url(haut_inter_violet.jpg);
}
#inter h2,
#inter h2 a {
font-size: x-large;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 10px 0px 30px 0px;
color: #FFFFFF;
line-height: 24px;
}
#interPopup h2,
#interLarge h2,
#interPopup h2 a {
font-size: x-large;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
color: #FFFFFF;
line-height: 24px;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #C3080F;
line-height: 20px;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
color: #13844E;
}
#inter p,
#interPopup p {
margin: 7px 0px 7px 0px;
}
#inter ul,
#interPopup ul {
margin: 7px 0px 7px 20px;
}
#inter ul li,
#interPopup ul li {
padding-left: 15px;
background-image: url(puce01.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#inter ul li ul,
#interPopup ul li ul {
margin: 0px 0px 0px 10px;
}
#inter ul li ul li,
#interPopup ul li ul li {
padding-left: 8px;
background-image: url(puce02.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
}
/*------------------------------------------------------------*/
/*--  ACCUEIL  --*/
body.bodyAccueil #inter {
width: 576px;
padding: 0px 10px 80px 15px;
background-image: url(fond_inter_accueil.jpg);
background-repeat: no-repeat;
background-position: top left;
}
/*------------------------------------------------------------*/
/*--  COLONNE DE GAUCHE  --*/
body.bodyAccueil #inter #colGauche {
float: left;
width: 350px;
padding: 10px 0px 0px 0px;
}
body.bodyAccueil #inter #colGauche #contentEdito #edito {
}
body.bodyAccueil #inter #colGauche #contentEdito #edito h2 {
color: #FFFFFF;
font-size: x-large;
font-variant: small-caps;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodyAccueil #inter #colGauche #actus {
}
body.bodyAccueil #inter #colGauche #actus h2 {
color: #FFFFFF;
font-size: x-large;
font-variant: small-caps;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodyAccueil #inter #colGauche #actus p {
float: left;
clear: both;
width: 100%;
}
body.bodyAccueil #inter #colGauche #actus p img {
float: right;
border-right: 8px solid #BC0606;
}
body.bodyAccueil #inter #colGauche #actus p strong a {
color: #333333;
text-decoration: none;
}
body.bodyAccueil #inter #colGauche #actus p strong a:hover {
text-decoration: underline;
}
body.bodyAccueil #inter #colGauche #actus p.toutesactus {
font-size: x-small;
font-weight: bold;
clear: none;
padding: 0px 0px 0px 15px;
margin:  10px 0px 0px 0px;
float: left;
width: 130px;
}
body.bodyAccueil #inter #colGauche #actus p.toutesactus a {
text-decoration: none;
color: #4C3308;
padding-left: 18px;
background-image: url(puce_toutes_actus.gif);
background-repeat: no-repeat;
}
body.bodyAccueil #inter #colGauche #actus p.toutesactus a:hover {
text-decoration: underline;
}
body.bodyAccueil #inter #colGauche #actus p.filrss {
font-size: x-small;
font-weight: bold;
clear: none;
padding:  0px 30px 0px 0px;
margin:  10px 0px 0px 0px;
float: right;
width: 60px;
}
body.bodyAccueil #inter #colGauche #actus p.filrss a {
text-decoration: none;
color: #4C3308;
padding-left: 18px;
background-image: url(puce_rss.gif);
background-repeat: no-repeat;
}
body.bodyAccueil #inter #colGauche #actus p.filrss a:hover {
text-decoration: underline;
}
/*------------------------------------------------------------*/
/*--  COLONNE DE DROITE  --*/
body.bodyAccueil #inter #colDroite {
float: right;
padding: 0px 3px 0px 0px;
width: 200px;
height: 405px;
}
body.bodyAccueil #inter #colDroite ul {
margin: 0px 0px 0px 0px;
padding:  20px 0px 0px 0px;
}
body.bodyAccueil #inter #colDroite ul li {
margin: 0px 0px 5px 0px;
padding:  0px 0px 0px 0px;
display: block;
width: 200px;
height: 190px;
background-repeat: no-repeat;
}
body.bodyAccueil #inter #colDroite ul li a {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
display: block;
width: 200px;
height: 190px;
background-repeat: no-repeat;
}
body.bodyAccueil #inter #colDroite ul li.lienDevEco {
background-image: url(fond_dev_eco.jpg);
}
body.bodyAccueil #inter #colDroite ul li.lienDevEco a {
background-image: url(C3G_btn_devellopement_economique.gif);
background-position: 0px 4px;
}
body.bodyAccueil #inter #colDroite ul li.lienDevEco a:hover {
background-position: 0px -195px;
}
body.bodyAccueil #inter #colDroite ul li.lienDecLois {
background-image: url(fond_decouv_loisirs.jpg);
}
body.bodyAccueil #inter #colDroite ul li.lienDecLois a {
background-image: url(C3G_btn_decouverte_loisir.gif);
background-position: 0px 3px;
}
body.bodyAccueil #inter #colDroite ul li.lienDecLois a:hover {
background-position: 0px -197px;
}
body.bodyAccueil #inter #colDroite ul li.lienSondage {
background-image: url(fond_sondage.jpg);
}
body.bodyAccueil #inter #colDroite ul li.lienSondage a {
background-image: url(C3G_btn_sondage.gif);
background-position: 0px 3px;
}
body.bodyAccueil #inter #colDroite ul li.lienSondage a:hover {
background-position: 0px -197px;
}
body.bodyAccueil #inter #colDroite ul li a span {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 173px;
padding: 0px 0px 0px 0px;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
/*-------------------------------------------------------------------------------*/
/*--  LIEN UTILES  --*/
#liensUtiles {
width: 163px;
float: left;
padding: 0px 0px 0px 10px;
}
#liensUtiles ul li {
 float: left;
 margin: 0px;
 padding: 0px;
 list-style: none;
 font-size: x-small;
}
#liensUtiles ul li a {
 display: block;
 width: 72px;
font-weight: bold;
 padding: 10px 0px 9px 58px;
 text-decoration: none;
}
#liensUtiles ul li.lienAgenda a {
 color: #18529A;
 background: url(C3G_btn_agenda.gif) no-repeat 0px 5px;
 padding: 15px 0px 15px 58px;
}
#liensUtiles ul li.lienAgenda a:hover {
background-position: 0px -105px;
}
#liensUtiles ul li.lienAnnuaire a {
 color: #c3080f;
 background: url(C3G_btn_annuaire.gif) no-repeat 0px 5px;
 padding: 0px 0px 0px 58px;
}
#liensUtiles ul li.lienAnnuaire a:hover {
background-position: 0px -95px;
}
#liensUtiles ul li.lienCarte a {
 color: #d2650c;
 background: url(C3G_btn_carte.gif) no-repeat 0px 3px;
padding: 5px 0px 9px 58px;
}
#liensUtiles ul li.lienCarte a:hover {
background-position: 0px -97px;
}
#liensUtiles ul li.lienNewsletter a {
 color: #708413;
 background: url(C3G_btn_newsletter.gif) no-repeat;
}
#liensUtiles ul li.lienNewsletter a:hover {
background-position: 0px -100px;
}
#liensUtiles ul li.lienTeleservice a {
 color: #18529a;
 background: url(C3G_btn_teleservice.gif) no-repeat 0px 9px;
}
#liensUtiles ul li.lienTeleservice a:hover {
background-position: 0px -92px;
}
#liensUtiles ul li.lienMarchesPublics a {
 color: #636108;
 background: url(C3G_btn_marche_public.gif) no-repeat 0px 9px;
padding-bottom: 15px;
}
#liensUtiles ul li.lienMarchesPublics a:hover {
background-position: 0px -93px;
}
#liensUtiles ul li.lienServicePublic a {
 background: url(C3G_btn_service_public.gif) no-repeat 0px 10px;
 height: 35px;
 padding: 0px 0px 20px 58px;
}
#liensUtiles ul li.lienServicePublic a:hover {
background-position: 0px -90px;
}
#liensUtiles ul li.lienServicePublic a span {
position: absolute;
left: -5000px;
}
/*-------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
#formfindcalendar{/*--- attention declaration dans la styleie.css pour la hauteur ---*/
height: 220px;
margin: 0px 0px 20px 0px;
border-bottom: #6699CC 1px solid;
}
#formfindcalendar #form01 div.entry label{
display: none;
}
#formfindcalendar #form01 div.entry input,
#formfindcalendar #form01 div.entry select{
width: 100px;
font-size: x-small;
}
#formfindcalendar #form01 div.submit,
#formfindcalendar #form01 div.submit input{
margin: 0px;
padding: 0px;
}
#formfindcalendar div.footer{
margin: 0px;
padding: 0px;
height: 0px;
}
#oCalendar{
position: absolute;
top: 90px;
right: 100px;
}
#oCalendar table{
width: 240px;
}
#oCalendar table tr td{
text-align: center;
}
#oCalendar table tr .week{
background: #C0E2FE;
}
#oCalendar table tr .nextday,
#oCalendar table tr .prevday{
background: #597FBF;
}
#oCalendar table tr .nextday a,
#oCalendar table tr .prevday a{
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
#oCalendar table tr td.today{
background: #d2d083;
}
#oCalendar table tr .nextday a:hover,
#oCalendar table tr .prevday a:hover{
text-decoration: none;
color: #FCD748;
}
#inter .eventline p{
margin: 10px 0px 10px 0px;
float: left;
}
#inter .eventline p strong a{
color: #C3080F;
text-decoration: none;
}
#inter .eventline p strong a:hover{
text-decoration: underline;
}
#inter .eventline .separateur{
width: 300px;
left: 50%;
margin-left: 120px;
}

#inter #colDroite ul,
#inter .eventline ul {
float: left;
}
#inter #colDroite ul li,
#inter .eventline ul li {
width: 245px;
float: left;
margin: 0px 10px 0px 0px;
font-size: x-small;
}
#oCalendar a.prev,
#oCalendar a.next{
font-size: x-small;
text-decoration: none;
text-align: center;
}
#oCalendar a.prev img,
#oCalendar a.next img {
vertical-align: middle;
}
#oCalendar a.prev{
position: absolute;
top: 4px;
left: -80px;
}
#oCalendar a.next{
position: absolute;
top: 4px;
right: -70px;
}

/*-------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
float: left;
}
#bgTotem {
width: 173px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(fond_totem.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#interTotem {
width: 163px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 10px 5px;
font-size: x-small;
background-image: url(haut_totem.jpg);
background-repeat: no-repeat;
background-position: top;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*-------------------------------------------------------------------------------*/
/*--- EXTRANET ---*/
#logextranet {
float: left;
width: 163px;
height: 110px;
padding: 10px 0px 0px 10px;
margin-top: 10px;
background-image: url(fond_log_extra.jpg);
background-repeat: no-repeat;
}
#logextranet #contentlogextranet {
color: #0B631A;
font-size: x-small;
}
#logextranet #contentlogextranet h2 {
color: #0B631A;
font-size: small;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#logextranet #contentlogextranet form {
margin-top: 5px;
}
#logextranet #contentlogextranet form .entry01 input.saisie {
width: 135px;
border: 1px solid #6E8822;
background-color: #F2D45C;
color: #0B631A;
font-size: x-small;
}
#logextranet #contentlogextranet form .entry02 input.saisie {
width: 105px;
border: 1px solid #6E8822;
background-color: #F2D45C;
color: #0B631A;
font-size: x-small;
vertical-align: middle;
}
#logextranet #contentlogextranet form .entry02 input.bouton {
vertical-align: middle;
margin-left: 1px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#contentFooter {
width: 100%;
background-image: url(footer_bg.jpg);
background-position: top;
background-repeat: no-repeat;
float: left;
}
body.bodyPopUp #contentFooter {
width: 100%;
background-image: url(footer_pop_up.jpg);
background-position: top;
background-repeat: no-repeat;
float: left;
}
body.bodyLarge #contentFooter {
width: 100%;
background-image: url(images/css/footer_bg_teleservices.jpg);
background-position: top;
background-repeat: no-repeat;
float: left;}
body.bodyPopUp #contentFooter #footerPopup {
width: 650px;
height: 270px;
margin: auto;
background-image: url(footer_pop_up.jpg);
background-position: top;
background-repeat: no-repeat;
}
body.bodyLarge #contentFooter #footerLarge {
width: 980px;
height: 270px;
margin: auto;
background-image: url(images/css/footer_bg_teleservices.jpg);
background-position: top;
background-repeat: no-repeat;
}
body.bodyAccueil #contentFooter {
background-image: url(footer_bg_accueil.jpg);
}
#footer {
width: 980px;
margin: auto;
font-size: x-small;
color: #24277B;
height: 300px;
background-image: url(footer_bg.jpg);
background-position: top;
background-repeat: no-repeat;
}
body.bodyAccueil #footer {
padding-top: 85px;
height: 215px;
background-image: url(footer_bg_accueil.jpg);
background-position: top;
background-repeat: no-repeat;
}
#footer a {
color: #24277B;
text-decoration: none;
}
body.bodyAccueil #footer ul {
padding: 5px 0px 0px 0px;
}
#footer ul {
clear: both;
text-align: center;
float: left;
width: 980px;
padding: 70px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
#footer p.logoFooter {
width: 980px;
clear: both;
text-align: center;
margin: 0px 0px 0px 0px;
padding:  3px 0px 0px 0px;
}
/*-- HAUT DE LA PAGE --*/
body.bodyAccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 375px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 10px;
color: #281808;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 5px; 
}
/*-- IMPRIMER LA PAGE --*/
body.bodyAccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 50px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 10px;
color: #281808;
background-image: url(puce_imprimer.gif);
background-repeat: no-repeat;
background-position: 0px 5px; 
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #C3080f;
}
div.coul02, .orangeFonce, .coul02 {
color: #E03607;
}
div.coul03, .orange, .coul03 {
color: #E69907;
}
div.coul04, .jaune, .coul04 {
color: #ECC505;
}
div.coul05, .vert, .coul05 {
color: #0D6510;
}
div.coul06, .vertClair, .coul06 {
color: #8B9B3F;
}
div.coul07, .bleu, .coul07 {
color: #195399;
}
div.coul08, .bleuClair, .coul08 {
color: #5D9AE3;
}
div.coul09, .violet, .coul09 {
color: #9A42C7;
}
div.coul10, .gris, .coul10 {
color: #999999;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #C3080f;
}
img.bord02 .bordureOrangeFoncee {
border: 1px solid #E03607;
}
img.bord03 .bordureOrange {
border: 1px solid #E69907;
}
img.bord04 .bordureJaune {
border: 1px solid #ECC505;
}
img.bord05 .bordureVerte {
border: 1px solid #0D6510;
}
img.bord06 .bordureVerteClaire {
border: 1px solid #8B9B3F;
}
img.bord07 .bordureBleue {
border: 1px solid #195399;
}
img.bord08 .bordureBleueClaire {
border: 1px solid #5D9AE3;
}
img.bord09 .bordureViolete {
border: 1px solid #9A42C7;
}
img.bord10 .bordureGrise {
border: 1px solid #999999;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #CCCCCC;
vertical-align: top;
color: #333333;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #999999;
padding: 3px;
vertical-align: top;
}
th {
background-color: #CCCCCC;
color: #333333;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding: 10px 0px 0px 30px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
text-decoration: none;
}
#plandusite h3.plan01 a {
color: #c3080f;
}
#plandusite h3.plan02 a {
color: #d03307;
}
#plandusite h3.plan03 a {
color: #bf820d;
}
#plandusite h3.plan04 a {
color: #0d6510;
}
#plandusite h3.plan05 a {
color: #a08815;
}
#plandusite h3.plan06 a {
color: #6b7929;
}
#plandusite h3.plan07 a {
color: #5d9ae3;
}
#plandusite h3.plan08 a {
color: #195399;
}
#plandusite h3.plan09 a {
color: #9a42c7;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul.listeplan01 {
border-bottom: 1px solid #c3080f;
}
#plandusite ul.listeplan02 {
border-bottom: 1px solid #d03307;
}
#plandusite ul.listeplan03 {
border-bottom: 1px solid #bf820d;
}
#plandusite ul.listeplan04 {
border-bottom: 1px solid #0d6510;
}
#plandusite ul.listeplan05 {
border-bottom: 1px solid #a08815;
}
#plandusite ul.listeplan06 {
border-bottom: 1px solid #6b7929;
}
#plandusite ul.listeplan07 {
border-bottom: 1px solid #5d9ae3;
}
#plandusite ul.listeplan08 {
border-bottom: 1px solid #195399;
}
#plandusite ul.listeplan09 {
border-bottom: 1px solid #9a42c7;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
text-decoration: none;
}
#plandusite ul.listeplan01 li a {
color: #c3080f;
}
#plandusite ul.listeplan02 li a {
color: #d03307;
}
#plandusite ul.listeplan03 li a {
color: #bf820d;
}
#plandusite ul.listeplan04 li a {
color: #0d6510;
}
#plandusite ul.listeplan05 li a {
color: #a08815;
}
#plandusite ul.listeplan06 li a {
color: #6b7929;
}
#plandusite ul.listeplan07 li a {
color: #5d9ae3;
}
#plandusite ul.listeplan08 li a {
color: #195399;
}
#plandusite ul.listeplan09 li a {
color: #9a42c7;
}
#plandusite ul li a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE DES ACTUALITES ---*/
.actuLigne {
float: left;
clear: both;
width: 100%;
}
.actuLigne {
margin-bottom: 20px;
}
#inter .actuLigne img {
float: right;
border-right: 8px solid #BC0606;
}
.actuLigne strong a {
color: #6699CC;
text-decoration: none;
}
.actuLigne strong a:hover {
text-decoration: underline overline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- CO MARQUAGE --*/
#comarquage ul.colonnegauche {
width: 250px;
float: left;
}
#comarquage ul.colonnedroite {
width: 250px;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
position: absolute;
left: -5000px;
}
p.listannu img {
    float: right;
}