body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-color: #FFFFFF;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------  ACTUALITES ------------------*/
/*--  ACTUS HOME PAGE  --*/
body.bodyaccueil #actus{
width:320px;
float:right;
margin:-5px 0px 0px 5px;
padding:0px 10px 30px 10px;
background:url(bg_actus.jpg) no-repeat bottom left;
}
body.bodyaccueil #actus h2{
font-size:medium;
margin: 0px  0px  0px  0px ;
padding:0px 0px 0px 30px;
background:url(h2_actus.gif) no-repeat left center;
text-transform:uppercase;
color:#990033;
}
body.bodyaccueil #actus p{
border-bottom:#DEB3BD 1px solid;
padding:10px 0px 20px 0px;
}
body.bodyaccueil #actus strong a{
color:#ff6600;
text-decoration:none;
}
body.bodyaccueil #actus span.date_actus{
color:#920223;
padding:0px 0px 0px 15px;
}
body.bodyaccueil #actus p.filrss,
body.bodyaccueil #actus p.toutesactus{
border-bottom:none;
margin: 5px 10px 5px 0px;
float:right;
}
body.bodyaccueil #actus p.filrss a{
padding:0px 0px 0px 20px;
background:url(bg_filrss.gif) left center no-repeat;
text-decoration:none;
color:#333300;
margin-left:70px;
}
body.bodyaccueil #actus p.toutesactus a{
padding: 0px 0px 0px 20px;
background:url(bg_toutesactus.gif) left center no-repeat;
text-decoration:none;
color:#333300;
}
/*--  ACTUS THEMATIQUES  --*/
/*--  STYLE SAVOIR PLUS  --*/
/*
#themeactu{
width:490px;
float: left;
position:relative;
background-repeat: no-repeat;
background-position: 78px -10px;
}
body.bodyartisant #themeactu{
background-image: url(savoir_plus_rouge.gif);
border-right: 1px solid #920223;
}
body.bodyjeunes #themeactu{
background-image: url(savoir_plus_bleu.gif);
border-right: 1px solid #1a5fac;
}
body.bodycreateur #themeactu{
background-image:url(savoir_plus_vert.gif); 
border-right: 1px solid #005e5d;
}
body.bodypublic #themeactu{
background-image:url(savoir_plus_jaune.gif); 
border-right: 1px solid #e5b800;
}
#themeactu h3{
float:left;
font-size:small;
text-transform: uppercase;
padding:0px 0px 0px 35px;
margin:0px 0px 0px 0px;
background-image:none;
}
#inter #themeactu p{
float:right;
padding:0px 0px 10px 15px;
width:320px;
background:#FFFFFF;
}*/

#themeactu p img{
float:right;
margin: 5px 0px 0px 10px;
}
#themeactu p strong a {
text-decoration: none;
}
body.bodyartisant #themeactu p strong a{
color: #920223;
}
body.bodyjeunes #themeactu p strong a{
color: #1a5fac;
}
body.bodycreateur #themeactu p strong a{
color: #005e5d;
}
body.bodypublic #themeactu p strong a{
color: #e5b800;
}

/*--------------------------- ZONE EVENEMENTS ---  ZONE VIDEO -----------------------------*/
body.bodyaccueil #video_accueil,
body.bodyaccueil #evenement {
width:320px;
float:left;
margin:-5px 5px 30px 0px;
padding:0px 10px 15px 10px;
background:url(bg_evenement.jpg) no-repeat bottom left;
}
body.bodyaccueil #evenement h2{
font-size:medium;
color:#006666;
margin: 0px  0px  0px  0px;
padding:0px 0px 0px 30px;
background:url(h2_evenement.gif) no-repeat left center;
text-transform:uppercase;
}
body.bodyaccueil #video_accueil p,
body.bodyaccueil #evenement p{
padding:10px 0px 20px 0px;
}
.actuLigne{
float:left;
margin:20px 10px 10px 10px;
}

body.bodyaccueil #video_accueil h2{
font-size:medium;
color:#0062AC;
margin: 0px  0px  0px  0px;
padding:0px 0px 0px 30px;
background:url(h2_video.gif) no-repeat left center;
text-transform:uppercase;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background1{
background-image: url(bg_background01.gif);
background-repeat:repeat-x;
background-position: top center;
background-attachment: fixed;
overflow:hidden;
}
#background2{
background:url(bg_background02.gif) no-repeat top center;
overflow:hidden;
}

body.bodyaccueil #background2{
background:url(bg_background_accueil.gif) no-repeat top center;
overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
float:left;
position:relative;
width:960px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
height:275px;
margin:0px 0px 0px 0px;
background:url(bg_header.jpg) no-repeat 0px 0px;
}
#logo{
position:absolute;
top:45px;
left:10px;
}
#header_flash{
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis{
}
#raccourcis a{
display:block;
font-size:x-small;
text-decoration:none;
line-height:10px;
}
.racplan a{
position:absolute;
right:180px;
top:65px;
background:url(bg_plan.gif) left top no-repeat;
padding:0px 0px 0px 20px;
}
.racaide a{
position:absolute;
right:80px;
top:65px;
background:url(bg_aide.gif) left top no-repeat;
padding:0px 0px 0px 20px;
}
.raccontact a{
position:absolute;
right:10px;
top:65px;
background:url(bg_contact.gif) left top no-repeat;
padding:0px 0px 5px 20px;
}
.racnavig,
.raccontenu,
.racrecherche {
position:absolute;
top:-5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position:absolute;
top:-7px;
right:-2px;
width:244px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #676363;
vertical-align: middle;
width: 110px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
}
#recherche label {
position:absolute;
top:-5000px;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float:left;
width:960px;
background:url(bg_content.gif) repeat-y top center; 
margin:-5px 0px 0px 0px;
min-height: 650px;
height: auto !important;
height: 650px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
margin:0px 0px 0px 0px ;/* largeur du menu*/
padding:0px 0px 10px 10px;
font-size:x-small;
width:490px;
height:10px;
}
#filariane a {
font-size:x-small;
}
body.bodygenerique #filariane,
body.bodyaccueil #filariane {
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #contentinter{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 2px;
width:690px;
border-left:none;
}
#contentinter {
float:left;
padding:0px 10px 0px 20px;
margin:0px 0px 0px 0px;
width:490px;
border-left:#deb3bd 1px solid;
}
#inter{

}
/* --- ARTISANT ---*/
body.bodyartisant #contentinter {
border-left:#B6405B 1px solid;
}
/* --- JEUNES ---*/
body.bodyjeunes #contentinter {
border-left:#4887CD 1px solid;
}
/* --- CREATEUR ---*/
body.bodycreateur #contentinter {
border-left:#188D8D 1px solid;
}
/* --- PUBLIC ---*/
body.bodypublic #contentinter {
border-left:#E5B800 1px solid;
}
/* --- ACTUALITES ---*/
body.bodygenerique #contentinter,
body.bodyactus #contentinter {
border-left:#909292 1px solid;
}
div.exergueFleche, .exergueFleche, #inter p.exergueFleche {
margin: 0px 0px 0px 22px;
padding:  8px 0px 8px 18px;
background:url(puce1.jpg) left 14px no-repeat;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}

#inter ul {
margin: 0px 0px 0px 25px;
padding:  8px 0px 8px 0px;
list-style: none;
}
#inter ul li {
background:url(puce_carre.gif) left 5px no-repeat;
padding-left:12px;
}
#inter ul li ul{
margin: 0px 0px 0px 10px;
padding:  0px 0px 2px 0px;
list-style: none;
}
#inter ul ul li {
background:url(puce_trait.gif) left 7px no-repeat;
padding-left:12px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
h2{
font-size:large;
text-transform:uppercase;
}

h3{
font-size:large;
padding:15px 0px 0px 35px;
margin:8px 0px 8px 0px;
background-repeat:no-repeat;
background-position: 0px 15px;
}

h4{
font-size:medium;
padding:15px 0px 0px 35px;
margin:6px 0px 6px 0px;
background-repeat:no-repeat;
background-position: 12px 18px;
}
h5{
font-size:medium;
padding:15px 0px 0px 0px;
margin:5px 0px 5px 0px;
font-weight: normal;
font-style: italic;
}

/* --- ARTISANS ---*/
body.bodyartisant #contentinter h2,
body.bodyartisant #contentinter #savoirPlus h3,
body.bodyartisant #contentinter #interPostIt h3,
body.bodyartisant #contentinter h2 a,
body.bodyartisant #contentinter #savoirPlus h3 a,
body.bodyartisant #contentinter #interPostIt h3 a{
color:#920223;
}
body.bodyartisant h3{
color:#b6405b;
background-image:url(bg_h3_rouge.gif);
}
body.bodyartisant h3 a{
color:#b6405b;
}
body.bodyartisant h4{
color:#b6405b;
background-image:url(bg_h4_rouge.gif);
}
body.bodyartisant h4 a{
color:#b6405b;

}
/* --- JEUNES ---*/

body.bodyjeunes #contentinter h2,
body.bodyjeunes #contentinter #savoirPlus h3,
body.bodyjeunes #contentinter #interPostIt h3,
body.bodyjeunes #contentinter h2 a,
body.bodyjeunes #contentinter #savoirPlus h3 a,
body.bodyjeunes #contentinter #interPostIt h3 a{
color:#1A5FAC;
}
body.bodyjeunes h3{
color:#1A5FAC;
background-image:url(bg_h3_bleu.gif);
}
body.bodyjeunes h3 a{
color:#1A5FAC;
}
body.bodyjeunes h4{
color:#4887CD;
background-image:url(bg_h4_bleu.gif);
}
body.bodyjeunes h4 a{
color:#4887CD;
}

/* --- CREATEUR / REPRENEUR ---*/

body.bodycreateur #contentinter h2,
body.bodycreateur #contentinter #savoirPlus h3,
body.bodycreateur #contentinter #interPostIt h3,
body.bodycreateur #contentinter h2 a,
body.bodycreateur #contentinter #savoirPlus h3 a,
body.bodycreateur #contentinter #interPostIt h3 a{
color:#005E5D;
}
body.bodycreateur h3{
color:#005E5D;
background-image:url(bg_h3_vert.gif);
}
body.bodycreateur h3 a{
color:#005E5D;
}
body.bodycreateur h4{
color:#188B8A;
background-image:url(bg_h4_vert.gif);
}
body.bodycreateur h4 a{
color:#188B8A;
}

/* --- GRAND PUBLIC ---*/

body.bodypublic #contentinter h2,
body.bodypublic #contentinter #savoirPlus h3,
body.bodypublic #contentinter #interPostIt h3,
body.bodypublic #contentinter h2 a,
body.bodypublic #contentinter #savoirPlus h3 a,
body.bodypublic #contentinter #interPostIt h3 a{
color:#E5B800;
}
body.bodypublic h3{
color:#D95204;
background-image:url(bg_h3_jaune.gif);
}
body.bodypublic h3 a{
color:#D95204;
}
body.bodypublic h4{
color:#D95204;
background-image:url(bg_h4_jaune.gif);
}
body.bodypublic h4 a{
color:#D95204;
}

/* --- FORMATIONS ---*/

body.bodyformation #contentinter h2,
body.bodyformation #contentinter #savoirPlus h3,
body.bodyformation #contentinter #interPostIt h3
body.bodyformation #contentinter h2 a,
body.bodyformation #contentinter #savoirPlus h3 a,
body.bodyformation #contentinter #interPostIt h3 a{
color:#ff8800;
}
body.bodyformation h3{
color:#ff8800;
background-image:url(bg_h3_jaune.gif);
}
body.bodyformation h3 a{
color:#ff8800;
}
body.bodyformation h4{
color:#ff8800;
background-image:url(bg_h4_jaune.gif);
}
body.bodyformation h4 a{
color:#ff8800;
}


/* --- ACTUALITES --- GENERIQUE ---*/

body.bodygenerique #contentinter h2,
body.bodygenerique #contentinter #savoirPlus h3,
body.bodygenerique #contentinter #interPostIt h3,
body.bodyactualite #contentinter h2,
body.bodyactualite #contentinter #savoirPlus h3,
body.bodyactualite #contentinter #interPostIt h3
body.bodygenerique #contentinter h2 a,
body.bodygenerique #contentinter #savoirPlus h3 a,
body.bodygenerique #contentinter #interPostIt h3 a,
body.bodyactualite #contentinter h2 a,
body.bodyactualite #contentinter #savoirPlus h3 a,
body.bodyactualite #contentinter #interPostIt h3 a{
color:#909292;
}
body.bodygenerique h3,
body.bodyactus h3 {
color:#909292;
background-image:url(bg_h3_gris.gif);
}
body.bodygenerique h3 a,
body.bodyactus h3 a {
color:#909292;
}
body.bodygenerique h4,
body.bodyactus h4{
color:#909292;
background-image:url(bg_h4_gris.gif) ;
}
body.bodygenerique h4 a,
body.bodyactus h4 a{
color:#909292;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position:relative;
float:right;
padding:0px 0px 60px 0px;
margin:-180px 0px 0px 5px;
width:235px;
}
#right img {
margin:0px 0px 3px 0px;
}
/*--  BLOC ANNUAIRE  --*/
#annuaire a {
text-decoration :none;
color:#920223;
font-weight:bold;
font-size:medium;
display:block;
line-height:14px;
}
#annuaire span{
position:absolute;
top:146px;
left:122px;
}
/*--  BLOC CATALOGUE  --*/
#catalogue {
position: relative
}
#catalogue a {
text-decoration :none;
color:#660000;
font-weight:bold;
font-size:medium;
display:block;
line-height:14px;
}
#catalogue span{
position:absolute;
top:48px;
left:130px;
}
/*--  BLOC APPRENTISSAGE  --*/
#apprentissage{
background:url(bg_apprentissage.jpg) no-repeat top left;
color:#FFFFFF;
height:70px;
}
#apprentissage h3 {
color:#FFFFFF;
background-image:none;
padding:5px 0px 0px 30px;
margin:0px 0px 0px 0px;
font-size:medium;
}
#apprentissage h3 a {
color:#FFFFFF;
text-decoration: none;
}
#apprentissage ul li a{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 10px;
font-size:x-small;
color:#FFFFFF;
text-decoration:none;
}
/*--  BLOC DECHETTERIE  --*/
#carte_dechetterie{
height:55px;
}
/*--  BLOC MENU INSTITUTIONNEL  --*/
#menu_rapide{
font-size:x-small;
}
#menu_rapide ul {
width:145px;
float:right;
padding:0px 0px 0px 4px;
border-left:#669999 1px solid;
margin: 0px 0px 0px 0px;
}
#menu_rapide ul li{
background:url(bg_puce_postIt.gif) 0px 5px no-repeat;
padding:0px 0px 0px 10px;
}
#menu_rapide ul li a{
text-decoration:none;
}
#menu_rapide p{
clear:both;
margin: 5px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- POST IT RIGHT--*/
#interPostit h3 {
padding: 0px 0px 0px 0px;
margin: 100px 0px 0px 0px;
}

.bg_top_postIt{
background:url(bg_top_postIt.gif) no-repeat top left;
height:2px;
margin:0px 0px 0px 0px;
}
.bg_content_postIt{
background:url(bg_content_postIt.gif) repeat-y top left;
padding:10px;
}
.bg_bottom_postIt{
background:url(bg_bottom_postIt.gif) no-repeat bottom left;
height:2px;
margin:0px 0px 5px 0px;
}

#votreAvis{
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
}

div.bg_content_postIt h3{
position:relative;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#920223;
background-image:none;
}

#votreAvis form p.question{
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}
#votreAvis form p.response{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#votreAvis form p.submit{
text-align:center;
padding: 0px 0px 0px 0px;
margin:10px 0px 0px 0px;
}
#votreAvis form p.submit input{
background:url(bg_valider.gif) no-repeat center center;
border:none;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
width:149px;
height:24px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- PARTENAIRES  --*/
.bg_top_partenaires{
background:url(bg_top_partenaires.gif) no-repeat top left;
height:2px;
margin:0px 0px 0px 0px;
}
.bg_content_partenaires{
background:url(bg_content_partenaires.gif) repeat-y top left;
padding: 5px 10px 5px 0px;
}
.bg_content_partenaires p{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.bg_bottom_partenaires{
background:url(bg_bottom_partenaires.gif) no-repeat bottom left;
height:2px;
margin:0px 0px 5px 0px;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*-- POST IT INTER--*/

body.bodyaccueil #contentinter #postIt{
display:none;
}

#contentinter #postIt{
float:right;
width:200px;
}

/* ARTISANT */
body.bodyartisant #contentinter #contentPostIt{
background:url(bg_posIt_content_rouge.gif) repeat top center;
}
body.bodyartisant #contentinter #bgPostIt{
background:url(bg_postIt_haut_rouge.gif) no-repeat top center;
padding:10px;
}
body.bodyartisant #contentinter #bg_bottomPostIt{
background:url(bg_posIt_bottom_rouge.gif) no-repeat top center;
height:20px;
}
body.bodyartisant #contentinter #postIt h3{
position:relative;
float:left;
width:180px;
background-image:none;
color:#920223;
text-transform:uppercase;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:medium;
}

/* JEUNES */
body.bodyjeunes #contentinter #contentPostIt{
background:url(bg_posIt_content_bleu.gif) repeat top center;
}
body.bodyjeunes #contentinter #bgPostIt{
background:url(bg_postIt_haut_bleu.gif) no-repeat top center;
padding:10px;
}
body.bodyjeunes #contentinter #bg_bottomPostIt{
margin:0px 0px 0px 0px;
background:url(bg_posIt_bottom_bleu.gif) no-repeat top center;
height:20px;
}
body.bodyjeunes #contentinter #postIt h3{
position:relative;
float:left;
width:180px;
background-image:none;
color:#1A5FAC;
text-transform:uppercase;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:medium;
}

/* CREATEUR */
body.bodycreateur #contentinter #contentPostIt{
background:url(bg_posIt_content_vert.gif) repeat top center;
}
body.bodycreateur #contentinter #bgPostIt{
background:url(bg_postIt_haut_vert.gif) no-repeat top center;
padding:10px;
}
body.bodycreateur #contentinter #bg_bottomPostIt{
background:url(bg_posIt_bottom_vert.gif) no-repeat top center;
height:20px;
}
body.bodycreateur #contentinter #postIt h3{
position:relative;
float:left;
width:180px;
background-image:none;
color:#005E5D;
text-transform:uppercase;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:medium;
}

/* PUBLIC */
body.bodypublic #contentinter #contentPostIt{
background:url(bg_posIt_content_jaune.gif) repeat top center;
}
body.bodypublic #contentinter #bgPostIt{
background:url(bg_postIt_haut_jaune.gif) no-repeat top center;
padding:10px;
}
body.bodypublic #contentinter #bg_bottomPostIt{
background:url(bg_posIt_bottom_jaune.gif) no-repeat top center;
height:20px;
}
body.bodypublic #contentinter #postIt h3{
position:relative;
float:left;
width:180px;
background-image:none;
color:#E5B800;
text-transform:uppercase;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:medium;
}

/* ACTUALITES -- GENERIQUE */

body.bodyactus #contentinter #contentPostIt,
body.bodygenerique #contentinter #contentPostIt{
background:url(bg_posIt_content_gris.gif) repeat top center;
}
body.bodyactus #contentinter #bgPostIt,
body.bodygenerique #contentinter #bgPostIt{
background:url(bg_postIt_haut_gris.gif) no-repeat top center;
padding:10px;
}
body.bodyactus #contentinter #bg_bottomPostIt,
body.bodygenerique #contentinter #bg_bottomPostIt{
background:url(bg_posIt_bottom_gris.gif) no-repeat top center;
height:20px;
}
body.bodyactus #contentinter #postIt h3,
body.bodygenerique #contentinter #postIt h3{
position:relative;
float:left;
width:180px;
background-image:none;
color:#575858;
text-transform:uppercase;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:medium;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- EN SAVOIR PLUS -- */

#savoirPlus{
width:490px;
position:relative;
float:right;
}
#img_savoir{
width:105px;
height:130px;
float:left;
}
#savoirPlus h3{
position:absolute;
left:0px;
top:0px;
font-size:small;
padding:0px 0px 0px 5px;
background-image:none;
}
#savoirPlus_droite{
float:right;
padding:0px 0px 0px 15px;
width:368px;
background:#FFFFFF;
}

/* -- ARTISANT --*/

body.bodyartisant #img_savoir{
background:url(savoir_plus_rouge.gif) 48px 20px no-repeat; 
}
body.bodyartisant #savoirPlus_droite{
border-left:#920223 1px solid;
border-right:#920223 1px solid;
}

/* -- JEUNES --*/

body.bodyjeunes #img_savoir{
background:url(savoir_plus_bleu.gif) 48px 20px no-repeat; 
}
body.bodyjeunes #savoirPlus_droite{
border-left:#1A5FAC 1px solid;
border-right:#1A5FAC 1px solid;
}

/* -- CREATEUR --*/

body.bodycreateur #img_savoir{
background:url(savoir_plus_vert.gif) 48px 20px no-repeat; 
}
body.bodycreateur #savoirPlus_droite{
border-left:#005E5D 1px solid;
border-right:#005E5D 1px solid;
}
/* -- PUBLIC --*/

body.bodypublic #img_savoir{
background:url(savoir_plus_jaune.gif) 48px 20px no-repeat; 
}
body.bodypublic #savoirPlus_droite{
border-left:#E5B800 1px solid;
border-right:#E5B800 1px solid;
}
/* -- ACTUALITES --*/

body.bodyactus #img_savoir{
background:url(savoir_plus_gris.gif) 48px 20px no-repeat; 
}
body.bodyactus #savoirPlus_droite{
border-left:#585757 1px solid;
border-right:#585757 1px solid;
}


/* --- MISE EN EXERGUE --- */

div.exergue_rouge, .miseEnExergueRouge, #inter p.exergue_rouge{
padding:0px 10px 0px 200px;
margin:20px 0px 20px 0px;
background:url(exergue_rouge.gif) top right no-repeat; 
min-height:100px;
width:280px;
clear:both;
}

div.exergue_bleu, .miseEnExergueBleu, #inter p.exergue_bleu{
padding:0px 10px 0px 200px;
margin:20px 0px 20px 0px;
background:url(exergue_bleu.gif) top right no-repeat; 
min-height:100px;
width:280px;
clear:both;
}
div.exergue_vert, .miseEnExergueVert, #inter p.exergue_vert{
padding:0px 10px 0px 200px;
margin:20px 0px 20px 0px;
background:url(exergue_vert.gif) top right no-repeat; 
min-height:100px;
width:280px;
clear:both;
}
div.exergue_jaune, .miseEnExergueJaune, #inter p.exergue_jaune{
padding:0px 10px 0px 200px;
margin:20px 0px 20px 0px;
background:url(exergue_jaune.gif) top right no-repeat; 
min-height:100px;
width:280px;
clear:both;
}
div.exergue_gris, .miseEnExergueGris, #inter p.exergue_gris{
padding:0px 10px 0px 200px;
margin:20px 0px 20px 0px;
background:url(exergue_gris.gif) top right no-repeat; 
min-height:100px;
width:280px;
clear:both;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- FORMATION --*/
body.bodyformation #inter table.catalogueForm th {
text-align: left;
border: none;
background-color: transparent;
}
body.bodyformation #inter table.catalogueForm th h3 {
padding: 0px 0px 0px 32px;
background-position: 0px 0px;
font-size: medium;
font-weight: normal;
}
body.bodyformation #inter table.catalogueForm th h3 a {
text-decoration: none;
}
body.bodyformation #inter table.catalogueForm td {
border: none;
padding-top: 0px;
}
body.bodyformation #inter table.catalogueForm td ul {
margin-top: 0px;
}
/*--  FORMULAIRE RECHERCHE  --*/
body.bodyformation #inter form.formRecherche {
width:330px;
padding:0px 0px 0px 170px;
margin:0px 0px 30px 0px;
background:url(bg_form_formation.gif) no-repeat right top;
}
body.bodyformation #inter form.formRecherche label{
color:#fe8a00;
}
/*--  AFFICHAGE DES RESULTATS  --*/
/*--  FORMATIONS COMPLEMENTAIRES  --*/
body.bodyformation #inter .intro {
width: 490px;
float: left;
}
body.bodyformation #inter .intro .intro1 {
display: block;
width: 300px;
float: left;
color: #f08b17;
font-weight: bold;
font-size: x-small;
}
body.bodyformation #inter .intro .intro2{
display: block;
width: 150px;
float: right;
text-align: right;
color: #f08b17;
font-weight: bold;
font-size: x-small;
}
body.bodyformation #inter .intro .intro2 a{
color: #f08b17;
text-decoration: none;
}
body.bodyformation #inter #resultat form{
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodyformation div.packcontener {
width: 490px;
padding: 0px 0px 15px 0px;
}
body.bodyformation div.famillecontener {
width: 490px;
float: left;
}
body.bodyformation table{
width:490px;
}
body.bodyformation table td{
border:none;
}
body.bodyformation table td.packleft{
width:382px;
}
body.bodyformation table td.packleft table.description{
width:382px;
background-image: url(haut_tableau_formation.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyformation table td.packleft table.description td{
background-image: none;
}
body.bodyformation table td.packleft table.description td.metier{
margin:0px 0px 0px 0px;
padding:5px 0px 10px 10px;
width: 307px;
color:#FFFFFF;
font-weight:bold;
background-image: url(bas_titres_tableau_formation.gif);
background-repeat: no-repeat;
background-position: left bottom;
background-color: transparent;
}
body.bodyformation table td.packleft table.description td.duree,
body.bodyformation table td.packleft table.description td.noduree{
text-align:right;
width: 80px;
margin:0px 0px 0px 0px;
padding:5px 5px 10px 0px;
color:#920223;
background-image: url(bas_titres_tableau_formation.gif);
background-repeat: no-repeat;
background-position: right bottom;
background-color: transparent;
}
body.bodyformation table td.packleft table.description td.objectif{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
color:#920223;
font-weight:bold;
/*width: 90px;*/
width: 25%;
background-color: #FFFFFF;
}
body.bodyformation table td.packleft table.description td.description{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
/*width: 302px;*/
width: 75%;
background-color: #FFFFFF;
}
body.bodyformation #inter table td.packleft table.description td.description ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.bodyformation table td.packleft table.description td.description ul li{
margin:0px 0px 0px 0px;
}
body.bodyformation table td.packleft table.description td.leplus,
body.bodyformation table td.packleft table.description td.niveau{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
color:#920223;
font-weight:bold;
width: 25%;
background-color: #FFFFFF;
}
body.bodyformation table td.packleft table.description td.leplus span{
font-size: x-large;
}
body.bodyformation table td.packleft table.description td.leplustext{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width: 75%;
background-color: #FFFFFF;
color:#920223;
font-weight:bold;
}
body.bodyformation table td.packleft table.description td.niveautext{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width: 75%;
background-color: #FFFFFF;
}
body.bodyformation table td.packleft table.description td.dateform,
body.bodyformation table td.packleft table.description td.lieuform{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
color:#920223;
font-weight:bold;
font-size: x-small;
width: 25%;
background-color: #FFFFFF;
}
body.bodyformation table td.packleft table.description td.dateformtext,
body.bodyformation table td.packleft table.description td.lieuformtext{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width: 75%;
background-color: #FFFFFF;
font-size: x-small;
}
body.bodyformation table td.packleft table.description a.inscrire{
display:block;
float: left;
height: 16px;
color:#000;
font-weight:bold;
padding:7px 10px 3px 10px;
margin:5px 0px 5px 20px;
border: 1px solid #f08b17;
font-size: x-small;
text-decoration: none;
}
body.bodyformation table td.packleft table.description label{
display:block;
float: right;
height: 20px;
color:#000;
font-weight:bold;
padding:3px 10px 3px 10px;
margin:5px 20px 5px 0px;
border: 1px solid #f08b17;
font-size: x-small;
}
body.bodyformation #resultat table td.packleft table.description input,
body.bodyformation #resultat table td.packright input{
border: none;
background-color: transparent;
color: #FFFFFF;
font-size: small;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin-left: 0px;
}
body.bodyformation table td.packright{
background-color: #f9d404;
width:108px;
padding:0px 0px 0px 0px;
vertical-align:middle;
background-image: url(haut_zone_pack.gif);
background-repeat: no-repeat;
text-transform: uppercase;
font-weight: bold;
color: #666666;
font-size: 90%;
}
body.bodyformation table td.packright span.nbrjours{
color: #985f68;
font-size: 130%;
display: block;
padding-top: 10px;
}
body.bodyformation table td.packright div{
text-align:center;
padding:0px 0px 0px 0px;
}
body.bodyformation table td.packright div a{
display:block;
color:#000000;
text-transform: none;
font-weight:normal;
padding-bottom:20px;
font-size: 100%;
}
body.bodyformation table td.packright div label{
color:#000000;
text-transform: none;
font-weight:normal;
font-size: 100%;
}
body.bodyformation #resultat input {
border: 1px solid #f08b17;
background-color: #f08b17;
color: #FFFFFF;
font-size: medium;
font-weight: bold;
padding: 5px 20px 5px 20px;
margin-left: 150px;
}
/*--  FORMATIONS AUX METIERS  --*/
body.bodyformation table.description{
width:490px;
background-image: url(haut_tableau_formation_long.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin-bottom: 15px;
float: none;
clear: both;
}
body.bodyformation table.description td{
background-image: none;
}
body.bodyformation table.description td.metier{
margin:0px 0px 0px 0px;
padding:5px 0px 10px 10px;
width: 475px;
color:#FFFFFF;
font-weight:bold;
background-image: url(bas_titres_tableau_formation_long.gif);
background-repeat: no-repeat;
background-position: left bottom;
background-color: transparent;
}

/*
body.bodyformation table.description td.duree,
body.bodyformation table.description td.noduree{
text-align:right;
width: 105px;
margin:0px 0px 0px 0px;
padding:7px 15px 10px 0px;
color:#920223;
font-weight:bold;
background-image: url(bas_titres_tableau_formation_long.gif);
background-repeat: no-repeat;
background-position: right bottom;
background-color: transparent;
}
*/

body.bodyformation table.description td.activite{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
color:#920223;
font-weight:bold;
/*width: 90px;*/
width: 25%;
background-color: #FFFFFF;
}
body.bodyformation table.description td.activitetext{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
/*width: 75%;*/
background-color: #FFFFFF;
}
body.bodyformation table.description td.objectif{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
color:#920223;
font-weight:bold;
/*width: 90px;*/
width: 25%;
background-color: #FFFFFF;
}
body.bodyformation table.description td.description{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
/*width: 302px;*/
width: 75%;
background-color: #FFFFFF;
}
body.bodyformation #inter table.description td.description ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body.bodyformation table.description td.description ul li{
margin:0px 0px 0px 0px;
}
body.bodyformation table.description td.leplus,
body.bodyformation table.description td.niveau{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 10px;
color:#920223;
font-weight:bold;
width: 25%;
background-color: #FFFFFF;
}
body.bodyformation table.description td.leplus span{
font-size: x-large;
}
body.bodyformation table.description td.leplustext{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width: 75%;
background-color: #FFFFFF;
color:#920223;
font-weight:bold;
}
body.bodyformation table.description td.niveautext{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width: 75%;
background-color: #FFFFFF;
}
body.bodyformation table.description a.inscrire{
display:block;
float: left;
height: 16px;
color:#000;
font-weight:bold;
padding:7px 10px 3px 10px;
margin:5px 0px 5px 128px;
border: 1px solid #f08b17;
font-size: x-small;
text-decoration: none;
}
body.bodyformation table.description td.fondbouton{
background-color: #FFFFFF;
}

/*--  FORMULAIRE INSCRIPTION  --*/
body.bodyformation #inter form.formInscrit{
width:490px;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
background-image:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/

body.bodypopup{
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
}

body.bodypopup #header_popup{
position:relative;
background:url(bg_header_popup.gif) no-repeat top left;
height:132px;
width:584px;
}
body.bodypopup #header_popup #logo_popup {
position:absolute;
top:25px;
left:50px;
}
body.bodypopup #inter_popup h2{
position:absolute;
top:30px;
left:200px;
}
body.bodypopup #inter_popup{
width:510px;
padding:5px 37px 10px 37px;
margin:0px 0px 0px 0px;
background:url(bg_content_popup.gif) repeat-y top left;
}

body.bodypopup #footer_popup{
position:relative;
background:url(bg_footer_popup.gif) no-repeat top left;
height:60px;
width:584px;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER--*/

body.bodyaccueil #footer {
width:670px;
position: relative;
float:right;
font-size: x-small;
color: #000033;
text-align:center;
border-top:#006666 1px solid;
margin:20px 0px 0px 0px;
}

#footer {
margin: 30px 0px 20px 0px;
position: relative;
float:right;
font-size: x-small;
color: #000033;
text-align:center;
}
#footer ul {
clear:both;
width:460px;
margin:auto;
padding:10px 0px 10px 0px;
}
#footer ul li{
display: inline;
}
#footer a {
color: #006666;
background-repeat: no-repeat;
text-decoration:none;
}
/*-- HAUT DE LA PAGE --*/

body.bodyaccueil #hautpage,
body.bodyaccueil #imprimpage{
display:none;
}

#hautpage {
display:inline;
}
#hautpage a {
background:url(bg_haut_page.gif) left center  no-repeat;
padding:0px 0px 0px 15px;
margin:0px 20px 0px 0px;
color:#000000;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
display:inline;
}
#imprimpage a {
background:url(bg_imprimer.gif) left center no-repeat;
padding:0px 0px 0px 15px;
color:#000000;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #920223;
}
div.coul02, .bleu, .coul02 {
color: #1A5FAC;
}
div.coul03, .gris, .coul03 {
color: #575858;
}
div.coul04, .orange, .coul04 {
color: #E5B800;
}
div.coul05, .vert, .coul05 {
color: #005E5D;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #920223;
}
img.bord02, .bordureBleue {
border: 1px solid #1A5FAC;
}
img.bord03, .bordureGrise {
border: 1px solid #575858;
}
img.bord04, .bordureOrange {
border: 1px solid #E5B800;
}
img.bord05, .bordureVerte {
border: 1px solid #005E5D;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
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: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
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: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #575858;
padding: 3px;
vertical-align: top;
}
th {
background-color: #CCCCCC;
color: #333333;
}
/*--  STYLES PAR RUBRIQUES  --*/
body.bodyartisant th,
body.bodyartisant td {
border: 1px solid #920223;
}
body.bodyartisant th {
background-color: #ae717f;
color: #FFFFFF;
}
body.bodyjeunes th,
body.bodyjeunes td {
border: 1px solid #1a5fac;
}
body.bodyjeunes th {
background-color: #668ab2;
color: #FFFFFF;
}
body.bodycreateur th,
body.bodycreateur td {
border: 1px solid #005e5d;
}
body.bodycreateur th {
background-color: #51a1a0;
color: #FFFFFF;
}
body.bodypublic th,
body.bodypublic td {
border: 1px solid #e5b800;
}
body.bodypublic th {
background-color: #e5d699;
color: #663a0c;
}
body.bodygenerique th,
body.bodygenerique td {
border: 1px solid #575858;
}
body.bodygenerique th {
background-color: #CCCCCC;
color: #333333;
}
/*--  TABLEAUX POUR ZONES EXERGUE  --*/
table.exergueRouge, .tableauExergueRouge,
table.exergueBleu, .tableauExergueBleu,
table.exergueVert, .tableauExergueVert,
table.exergueJaune, .tableauExergueJaune,
table.exergueGris, .tableauExergueGris {
width: 490px;
background-repeat: no-repeat;
background-position: 165px 0px;
margin: 8px 0px 8px 0px;
}

.exergueRouge {
background-image:url(savoir_plus_rouge.gif); 
border-right: 1px solid #920223;
}
.exergueBleu {
background-image:url(savoir_plus_bleu.gif); 
border-right: 1px solid #1a5fac;
}
.exergueVert {
background-image:url(savoir_plus_vert.gif); 
border-right: 1px solid #005e5d;
}
.exergueJaune {
background-image:url(savoir_plus_jaune.gif); 
border-right: 1px solid #e5b800;
}
.exergueGris {
background-image:url(savoir_plus_gris.gif); 
border-right: 1px solid #575858;
}

body.bodyartisant .exergueRouge th,
body.bodyjeunes .exergueRouge th,
body.bodycreateur .exergueRouge th,
body.bodypublic .exergueRouge th,
body.bodygenerique .exergueRouge th,
body.bodyartisant .exergueBleu th,
body.bodyjeunes .exergueBleu th,
body.bodycreateur .exergueBleu th,
body.bodypublic .exergueBleu th,
body.bodygenerique .exergueBleu th,
body.bodyartisant .exergueVert th,
body.bodyjeunes .exergueVert th,
body.bodycreateur .exergueVert th,
body.bodypublic .exergueVert th,
body.bodygenerique .exergueVert th,
body.bodyartisant .exergueJaune th,
body.bodyjeunes .exergueJaune th,
body.bodycreateur .exergueJaune th,
body.bodypublic .exergueJaune th,
body.bodygenerique .exergueJaune th,
body.bodyartisant .exergueGris th,
body.bodyjeunes .exergueGris th,
body.bodycreateur .exergueGris th,
body.bodypublic .exergueGris th,
body.bodygenerique .exergueGris th {
width: 225px;
border: none;
background-color: transparent;
background-image:none; 
padding: 10px;
color: #333333;
font-weight: normal;
}
body .exergueRouge td,
body .exergueBleu td,
body .exergueVert td,
body .exergueJaune td,
body .exergueGris td {
width: 225px;
border: none;
background-color: transparent;
background-image:none;
padding: 10px; 
}
body .exergueRouge .col01,
body .exergueBleu .col01,
body .exergueVert .col01,
body .exergueJaune .col01,
body .exergueGris .col01 {
text-align: right;
text-transform: uppercase;
}

body .exergueRouge .col02,
body .exergueBleu .col02,
body .exergueVert .col02,
body .exergueJaune .col02,
body .exergueGris .col02 {
text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
text-transform:uppercase;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #ec5d01;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 10px;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/

.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
.iframevideo {
width: 600px;
overflow: hidden;
}
.videoiframe {
width: 500px;
overflow: hidden;
}