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: #FFFFFF url(bgBody.jpg) repeat-x top center;
}
#background1{
background:url(background1.jpg) repeat-y top center;
overflow:hidden;
}
#background2{
background:url(bg_body.jpg) no-repeat top center;
overflow: hidden;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:block;
display:none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY MEDIUM ---*/
body.medium #colonne1{
width:720px;
display:inline;
float: left;
margin:0px 0px 0px 0px;
}
#intro_rubrique{
padding:0px 200px 20px 0px;
float: left;
width:486px;
}
#intro_rubrique_form_participe{
float: left;
margin:30px 0px 0px 0px;
width:900px;
padding:0px 0px 20px 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY LARGE ---*/
body.bodygenerique #content,
body.large #content{
background-image:none;
width:980px;
}

body.large #inter{
position:relative;
width:932px;
padding: 0px 24px 0px 24px;
margin:-20px 0px 0px 0px;
float:right;
display:inline;
}

body.bodygenerique #inter,
body.large #inter{
position:relative;
width:932px;
padding: 0px 24px 0px 24px;
margin:0px 0px 0px 0px;
float:right;
display:inline;
}

body.bodygenerique #background_footer ,
body.large #background_footer {
margin:auto;
background-image:url(bg_footer_large.jpg);
background-repeat:  no-repeat;
background-position: center 0px;
width:100%;
overflow:hidden;
}
body.bodygenerique #footer,
body.large #footer {
position:relative;
margin:auto;
background-image:url(bg_footer_large.jpg);
background-repeat:  no-repeat;
background-position: center 0px;
height:158px;
width:980px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY ALERTE ---*/
body.bodyalerte #colonne_gauche{
display:inline;
width:320px;
float:left;
margin:30px 10px 0px 28px;
}
#inter #colonne_gauche ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #colonne_gauche ul li ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter #colonne_gauche ul li{
background:url(bg_ul.gif) no-repeat 0px 5px;
padding-left: 15px;
}
#inter #colonne_gauche ul li a{
color:#01A0BE;
}
#inter #colonne_gauche ul li a:hover{
color:#333333;
}
body.bodyalerte #colonne_droite{
display:inline;
width:450px;
margin:30px 60px 0px 0px;
float:right;
}
#inter h3.h3_alternatif{
background:url(bg_ul.gif) no-repeat 0px 5px;
padding:0px 0px 0px 20px ;
}
#inter h3.h3_alternatif a{
color:#01A0BE;
}
/* --- FORMULAIRE ALERTE ---*/
body #inter #formulaire_alerte{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #formulaire_alerte form {
width:330px;
}
#inter #formulaire_alerte form div.entry input{
width:240px;
border-left:#B7B6B0 1px solid;
border-top:none;
border-right:none;
border-bottom:none;
background:url(bg_input_communique.jpg) top left repeat-x #EDECE4;
}
#inter #formulaire_alerte form div.entry label{
width:85px;
font-family: Arial;
font-size:80%;
}
#inter #formulaire_alerte form div.entry textarea{
width:240px;
height:40px;
border-left:#B7B6B0 1px solid;
border-top:none;
border-right:none;
border-bottom:none;
background:url(bg_input_communique.jpg) top left repeat-x #EDECE4;
}
#inter #formulaire_alerte form #para0109{
margin:30px 0px 0px 0px ;
}
#inter #formulaire_alerte form div.submit {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#inter #formulaire_alerte form div.submit input{
background:url(bg_ul_li.gif) no-repeat 0px 6px;
color:#01A0BE;
border:none;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
float:right;
text-align:right;
width:80px;
line-height:20px;
}
#inter #formulaire_alerte div#aide_video{
width:25px;
position:absolute;
top:265px;
left:380px;
}
body #inter #formulaire_alerte .crypto p{
position:relative;
margin-left:0px;
}

html > body #inter #formulaire_alerte .crypto p{
position:relative;
margin-left:-10px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- BODY VIDEO ---*/
body.bodyvideo #inter{
position:relative;
width:970px;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
float:right;
}
body.bodyvideo #inter h2{
margin:0px 0px 0px -5px;
}
#colonne_gauche_video {
width:590px;
float:left;
}
#colonne_droite_video {
width:370px;
float:right;
margin:60px 6px 0px 0px;
}
#flash_player_video{
float:left;
margin:6px 0px 10px 5px;
}
#inter  #colonne_gauche_video ul{
float:right;
width:160px;
margin:70px 0px 0px 0px ;
}
#inter #colonne_gauche_video ul li {
background-image: none;
font-size:x-small;
font-weight:bold;
}

/*  LISTE VIDEO  */

#inter #liste_videos{
width: 375px;
height: 380px;
overflow: auto;
position: relative;
}
#inter #liste_videos ul{
padding: 0px;
margin: 0px;
}
#inter #liste_videos ul li{
border:#DDDDDD 1px solid;
background-image: none;
margin: 5px 0px;
padding: 10px;
width: 330px;
clear: both;
float: left;
}
#inter #liste_videos ul li img{
float: left;
margin: 0px 10px 15px 0px;
}
#inter #liste_videos ul li a {
color: #01A0BE;
font-weight:bold;
text-decoration: none;
}
#inter #colonne_gauche_video ul li.titre_video,
#liste_videos ul li ul li.titre_video,
#liste_videos ul li ul li.titre_video a{
color:#01A0BE;
font-weight:bold;
background-image:none;
}
/* --- SOUMETTRE UNE VIDEO ---*/
#inter #formulaire_sousmettre_video{
margin:0px 0px 0px 13px;
padding:0px 0px 0px 0px;
}
#inter #formulaire_sousmettre_video form {
width:330px;
}
#inter #formulaire_sousmettre_video form div.entry input{
width:240px;
border-left:#B7B6B0 1px solid;
border-top:none;
border-right:none;
border-bottom:none;
background:url(bg_input_communique.jpg) top left repeat-x #EDECE4;
}
#inter #formulaire_sousmettre_video form div.entry label{
width:85px;
font-family: Arial;
font-size:80%;
}
#inter #formulaire_sousmettre_video form div.entry textarea{
width:240px;
height:40px;
border-left:#B7B6B0 1px solid;
border-top:none;
border-right:none;
border-bottom:none;
background:url(bg_input_communique.jpg) top left repeat-x #EDECE4;
}
#inter #formulaire_sousmettre_video form #para0109{
margin:30px 0px 0px 0px ;
}
#inter #formulaire_sousmettre_video form div.crypto {
padding: 10px 0px 0px 0px;
float: left;
font-size: x-small;
}
#inter #formulaire_sousmettre_video form div.mentionslegales {
padding: 15px 0px 0px 0px;
}
#inter #formulaire_sousmettre_video form div.mentionslegales label {
font-size: x-small;
padding: 3px 5px 10px 5px;
width: 300px;
line-height: 1.2em;
font-weight: normal;
}
#inter #formulaire_sousmettre_video form .mentionslegales div {
width: 20px;
float: left;
}
#inter #formulaire_sousmettre_video form .mentionslegales div input {
border: none;
background-color: transparent;
background-image: none;
width: 20px;
}
#inter #formulaire_sousmettre_video form div.submit {
margin:0px;
padding:0px;
}
#inter #formulaire_sousmettre_video form div.submit input{
background:url(bg_ul_li.gif) no-repeat 0px 5px;
color:#01A0BE;
border:none;
padding:0px 0px 0px 12px;
margin:0px 0px 0px 0px;
float:right;
}
#inter #formulaire_sousmettre_video div#aide_video{
width:25px;
position:absolute;
top:265px;
left:380px;
}
#inter #formulaire_sousmettre_video .crypto p{
margin-left:0px;
}
html > body #inter #formulaire_sousmettre_video .crypto p{
margin-left:-10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRE JE PARTICIPE ---*/
/*gauche*/
body.bodyparticipe #colonne_gauche{
display:inline;
width:400px;
float:left;
margin:0px 10px 0px 0px;
}
/*droite*/
body.bodyparticipe #colonne_droite {
display:inline;
width:450px;
margin:0px 60px 0px 0px;
float:right;
}
body.bodyparticipe #colonne_droite h3 {
background:transparent url(puce-ll.gif) no-repeat left top;
color:#01A0BE;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
margin:0px 0px 15px 0px;
padding:0 0 0 16px;
clear: both;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---
#background {
width:980px;
padding:0px 20px 0px 20px;
margin:auto;
background:url(bg_centrage.jpg) repeat top center;
overflow:hidden;
position:relative;
left:-20px;
}*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
float:right;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position:relative;
height:227px;
padding:40px 0px 60px 0px;
}
#logo{
position:absolute;
top:60px;
left:25px;;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position:absolute;
right:18px;
bottom:22px;
width:235px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche form {
float: left;
}
#recherche input.saisie {
font-size: x-small;
color: #999;
border: 1px solid #000;
background:url(bg_search.jpg) center center;
vertical-align: middle;
width: 100px;
height:17px;
border-top:#CCC 2px solid;
border-left:#CCC 2px solid;
border-right:none;
border-bottom:none;
margin:0px 3px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label {
display:none;
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche a.moteurAvance {
float: left;
color:#dad9d2;
font-size:x-small;
text-decoration: none;
padding: 1px 0px 1px 0px;
margin: 15px 0px 0px 5px;
width: 100px;
border: 1px dotted #dad9d2;
text-align: center;
}
#recherche a.moteurAvance:hover {
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BOITE OUTILS---*/
#boite_outils{
position:absolute;
top:42px;
right:8px;
height:230px;
width:205px;
}
#espace_pro{
background:url(bg_outil_bleu_espace_pro.gif) no-repeat;
color:#FFFFFF;
font-weight:bold;
height:44px;
padding:3px 0px 0px 30px;
margin-top:5px;
font-family:"georgia";
}
#mon_profil{
background:url(bg_mon_profil.gif) no-repeat;
color:#FFFFFF;
font-weight:bold;
height:72px;
padding:3px 0px 0px 30px;
margin-top:5px;
font-family:"georgia";
}
#mon_profil label{
font-family: "georgia";
font-weight: bold;
font-size: small;
}
#mon_profil form div.entry select{
width:160px;
margin: 4px 0px 0px 0px;;
font-size:x-small;
font-weight: normal;
}
#mon_profil form div.submit{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#mon_profil form div.submit input{
font-family:"georgia";
display:block;
float:left;
font-size:xx-small;
text-transform:uppercase;
color:#FFFFFF;
padding:4px 0px 0px 15px;
margin:0px 0px 0px 25px;
background:url(illustration01.gif) no-repeat 0px 2px;
width:75px;
}
#mon_profil form div.footer{
display:none;
}
#espace_pro a{
display:block;
height:13px;
font-size:xx-small;
text-transform:uppercase;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
padding:5px 0px 0px 20px;
margin:5px 0px 0px 25px;
background:url(illustration01.gif) no-repeat 0px 2px;
width:120px;
}
#mes_outils{
background:url(bg_outil_blc.gif) no-repeat;
color:#01A0BE;
font-weight:bold;
padding:3px 0px 0px 25px;
margin-top:5px;
font-family:"georgia";
height:74px;
}
#mes_outils h3{
background-image:none;
color:#01A0BE;
font-family:georgia;
font-size:small;
height:16px;
width:100px;
margin:0px 0px 0px 0px;
padding:0 0 0 0px;
}
#mes_outils p {
color:#999;
font-weight:normal;
font-size:x-small;
float:left;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
}

#mes_outils p#plan_interactif{
margin:0px 0px 0px 10px ;
width:90px;
}
#mes_outils img{
margin-top:3px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- PARTAGEZ + ---*/
#partagez {
margin: 11px 0px 0px 0px;
padding: 5px 0px 5px 45px;
width: 180px;
font-size: small;
color: #00a0bd;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
background-image: url(puce-ll.gif);
background-repeat: no-repeat;
background-position: 26px 10px;
/*z-index:5000;*/
}
#partagez p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
float: left;
width: 65px;
}
#partagez ul {
float: left;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#partagez ul li {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image:none;
}
#partagez ul li a{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

/* --- position par body ---*/

body.bodygenerique #readSpeak,
body.large #readSpeak{
position:absolute;
top:345px;
right:380px;
/*z-index: 5000;*/
}
body.bodygenerique #partagez,
body.large #partagez{
position:absolute;
top:325px;
right:0px;
/*z-index: 5000;*/
}
body.bodyaccueil #readSpeak{
position:absolute;
top:337px;
left:28px;
/*z-index: 5000;*/
}
body.bodyaccueil #partagez{
position:absolute;
top:560px;
right:0px;
/*z-index: 5000;*/
}
/*-------------*/
#readSpeak {
position:absolute;
top:335px;
right:235px;
/*z-index:5000;*/
}
#partagez{
position:absolute;
top:360px;
right:172px;
/*z-index:5000;*/
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width:980px;
float:right;
background:url(bg_content.jpg) repeat-y top right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
display:none;
position:absolute;
top:-5000px;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
 #inter {
width:733px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 24px;
}
#inter p {
margin: 0px 0px 18px 20px;
padding:  0px 0px 0px 0px;
}
#inter ul,
#inter_popup ul {
margin: 0px 0px 18px 30px;
padding:  0px 0px 0px 0px;
list-style: none;
}
#inter ul li,
#inter_popup ul li {
background:url(bg_ul_li.gif) 0px 6px no-repeat;
padding-left:15px;
line-height:20px;
}
#inter ul ul,
#inter_popup ul ul {
background:left 7px no-repeat;
margin: 0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}
#inter ul ul li,
#inter_popup ul ul li {
background:left 7px no-repeat;
padding:0px 0px 0px 10px;
background:url(puce2.gif) 0px 7px no-repeat;
}
#colonne1{
width:486px;
float:left;
margin:0px 0px 0px 0px;
background:#fff;
}
#colonne2{
width:227px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
font-size: x-small;
color: #666666;
}
#colonne2 img{
margin:0px 0px 0px 0px;
}
ul.listeCol2, .listeDansColonneDroite {
font-size: x-small;
color: #01A0BE;
}
#inter ul.listeCol2 li {
line-height: 1.2em;
background-position: 0px 0px;
margin-bottom: 5px;
}
.listeCol2 a {
text-decoration: none;
color: #01A0BE;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
#inter h2{
width:370px;
margin:0px 0px 0px 0px;
background:url(bg_h2_2.gif) 0px 0px no-repeat;
height:24px;
padding:18px 0px 14px 24px;
color:#FFFFFF;
font-family:georgia;
margin:0px 0px 0px -24px;
font-size:medium;
}
#inter h3{
margin:0px 0px 0px 0px;
background:url(bg_h3.jpg) 0px 0px no-repeat;
height:36px;
padding:18px 0px 18px 140px;
color:#01A0BE;
font-family:georgia;
font-size:medium;
}
#inter h4 {
background:transparent url(puce-ll.gif) no-repeat left top;
color:#01A0BE;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
margin:0px 0px 15px 0px;
padding:0 0 0 16px;
clear: both;
}
#inter h4 a {
color:#01A0BE;
}
#inter h5{
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
margin:0px 0px 15px 0px;
clear: both;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
height:40px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#background_footer {
margin:auto;
background-image:url(bg_footer.jpg);
background-repeat:  no-repeat;
background-position: center 0px;
width:100%;
overflow:hidden;
}
#footer {
position:relative;
margin:auto;
background-image:url(bg_footer.jpg);
background-repeat:  no-repeat;
background-position: center 0px;
height:158px;
width:980px;
padding-bottom: 80px;
}
#footer ul li.video_footer a{
position:absolute;
top:70px;
left:5px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:94px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_video_nr.gif) no-repeat  5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}
#footer ul li.docu_footer a{
position:absolute;
top:70px;
left:125px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:118px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_docu_nr.gif) no-repeat 5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}
#footer ul li.alerte_footer a{
position:absolute;
top:70px;
left:235px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:115px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_alerte_nr.gif) no-repeat 5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}
#footer ul li.inscription_newsletter_footer a{
position:absolute;
top:70px;
left:355px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:138px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_inscript_news_nr.gif) no-repeat 5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}
#footer ul li.presse_footer a{
position:absolute;
top:70px;
left:495px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:100px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_presse_nr.gif) no-repeat 5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}
#footer ul li.accessibilite_footer a{
position:absolute;
top:70px;
left:595px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:92px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_access_nr.gif) no-repeat 5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}
#footer ul li.aide_footer a{
position:absolute;
top:70px;
left:685px;
padding:4px 0px 3px 25px;
line-height:17px;
height:24px;
width:57px;
font-size:xx-small;
text-align:left;
text-transform:uppercase;
text-decoration:none;
background:url(bg_bouton_aide_nr.gif) no-repeat 5px 5px;
color:#666666;
margin:0px 0px 0px 0px;
}

/*--- MENU FOOTER  2 ---*/
#menu_footer_2{
position:absolute;
top:73px;
right:8px;
border-left:#999999 2px solid;
}
#menu_footer_2 li {
margin:0px 0px 0px 10px;
border-bottom:#999999 1px dotted;
line-height:12px;
}
#menu_footer_2 li a{
text-decoration:none;
text-transform:uppercase;
font-size:xx-small;
letter-spacing:0.9px;
color:#999999;
}
#menu_footer_2 .villerbanne{
position:absolute;
left:-70px;
}
#menu_footer_2 li.villerbanne{
border:none;
margin:0px 10px 0px 0px;
}
#menu_footer_2 li.credits_menu_footer_2{
border:none;
}

/*-- HAUT DE LA PAGE --*/
#hautpage {
float:left;
margin:10px
}
#hautpage a {
text-decoration:none;
background:url(envoyer.gif) no-repeat left center;
padding:0px 0px 0px 20px;
font-size:x-small;
text-transform:uppercase;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
float:left;
margin:10px
}
#imprimpage a {
text-decoration:none;
background:url(imprimer.gif) no-repeat left center;
padding:0px 0px 0px 20px;
font-size:x-small;
text-transform:uppercase;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT---*/
#postIt{
position:absolute;
top:100px;
right:260px;
width: 140px;
height:auto;
}
#contentPostIt {
padding-top:15px;
background:url(bg_postIt_top.jpg) no-repeat top left;
}
#bgPostIt{
padding: 4px;
background:url(bg_postIt.gif)  bottom center repeat-x #FFFFFF;
}
#interPostIt {
font-size: x-small;
}
body #interPostIt h3{
margin:0px 0px 0px 0px;
padding:0px 5px 0px 0px;
font-size:x-small;
text-align:right;
color:#01A0BE;
background-image:none;
font-family:"georgia";
}
body #interPostIt h3 a{
text-decoration: none;
font-size:x-small;
color:#01A0BE;
}
#interPostIt p {
margin:5px 3px 5px 3px;
}
#interPostIt a {
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LES PROJETS---*/
/*--- body large ---*/
#lesProjets{
position:absolute;
right:230px;
top:420px;
background:url(bg_je_donne_mon_avis.gif);
height:110px;
width:195px;
padding:10px 0px 0px 5px;
z-index:5000;
}
body.large #lesProjets{
position:absolute;
right:150px;
top:100px;
background:url(bg_je_donne_mon_avis.gif);
height:110px;
width:195px;
padding:10px 0px 0px 5px;
z-index:5000;
}
body.large #lesProjets form {
margin:0px 0px 10px 20px;
}
#lesProjets label{
background-image:none;
padding:10px 0px 0px 0px;
margin:0px 0px 10px 0px;
font-size:medium;
width:150px;
color:#01A0BE;
font-weight:bold;
font-size:x-small;
}
body #inter #lesProjets div.entry {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body #inter #lesProjets div.entry select{
width:155px;
margin:0px 0px 0px 0px;
font-size: x-small;
}
#lesProjets form div.submit{
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#lesProjets div.submit input{
display:block;
text-decoration:none;
float:right;
background:transparent url(puce-ll.gif) no-repeat scroll left center;
color:#01A0BE;
font-family:georgia;
font-size:x-small;
margin:0px 23px 0px 0px;
padding:0 0 0 15px;
width:65px;
}
/*--- body medium ---*/
body.medium #lesProjetsStyle{
position:absolute;
right:224px;
top:375px;
background:url(bg_je_donne_mon_avis.gif);
height:110px;
width:170px;
padding:10px 0px 0px 30px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BLOGUE ---*/
#comment,
#appreciation {
position:relative;
width:486px;
margin:0px;
}
body #inter #comment form,
body #inter #appreciation form {
width:476px;
border:#ccc 8px solid;
margin:0px 0px 18px 0px;
padding:10px 5px 10px 5px;
}
#comment form h4,
#appreciation form h4 {
background-image:none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 5px;
text-transform:uppercase;
color:#CCC;
}
body #inter #comment form div.footer,
body #inter #appreciation form div.footer {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 6px;
}
body #inter #comment form div.submit,
body #inter #appreciation form div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#comment div.submit input,
#appreciation div.submit input {
background:transparent url(bg_ul_li.gif) no-repeat 0px 6px;
color:#01A0BE;
border:none;
padding:0px 0px 0px 14px;
margin:0px 0px 0px 150px;
text-align:left;
width:70px;
float: none;
font-weight: bold;
}
#comment div.entry label,
#appreciation div.entry label {
position:absolute;
top:-5000px;
}
#comment div.entry select,
#comment div.entry textarea,
#comment div.entry input,
#appreciation div.entry select,
#appreciation div.entry textarea,
#appreciation div.entry input {
width:440px;
margin:0px 0px 0px 5px ;
}
div.lienParticipe, .lienBasPageJeParticipe, a.lienParticipe {
display: block;
border: 8px solid #ccc;
width:476px;
text-align:left;
background-position:120px 9px;
text-transform:uppercase;
color:#CCC;
padding: 5px;
margin:0px 0px 0px -20px;
text-decoration: none;
}
a.lienParticipe, .lienBasPageJeParticipe {

}
#appreciation p.etoilenote {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE ---*/
/*-- Accueil tous les diaporamas --*/
#inter div.diaporama {
padding: 14px 30px 40px 12px;
margin: 0px 0px 0px 0px;
width: 870px;
height: 145px;
background-image: url(bg_zone_diaporama_large.gif);
background-repeat: no-repeat;
text-align: left;
}
#inter div.diaporama p {
margin: 0px 0px 18px 0px;
}
#inter div.diaporama .titreDiapo {
color: #000000;
font-family: "georgia", Times, serif;
text-transform: uppercase;
font-weight: bold;
color:#01A0BE;
}
#inter div.diaporama .dateDiapo {
font-family: "georgia", Times, serif;
color:#01A0BE;
}
#inter div.diaporama p.voirDiapo {
float: right;
text-align: right;
}
#inter div.diaporama p.voirDiapo a {
text-decoration: none;
width: 110px;
display: block;
font-family: "georgia", Times, serif;
text-transform: uppercase;
font-size: x-small;
}
#inter .contentDiapo {
background-color: #f4f3f2;
padding: 15px;
}
#inter .contentDiapo table {
border: none;
width: 100%;
}
#inter .contentDiapo table th {
text-align: left;
background-color: transparent;
padding-bottom: 20px;
color: #333333;
border: none;
}
#inter .contentDiapo  table td {
border: none;
text-align: center;
vertical-align: middle;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- E-CARD ---*/
/*-- Accueil E-card --*/
#inter div.thematique {
float: left;
padding: 14px 20px 40px 12px;
margin: 0px 11px 0px 0px;
width: 418px;
height: 145px;
background-image: url(bg_zone_thematique.gif);
background-repeat: no-repeat;
text-align: left;
}
#inter div.thematique p {
margin: 0px 0px 18px 0px;
}
#inter div.thematique .titreDiapo {
color: #000000;
font-family: "georgia", Times, serif;
text-transform: uppercase;
font-weight: bold;
color:#01A0BE;
}
#inter div.thematique p.voirDiapo {
float: right;
text-align: right;
}
#inter div.thematique p.voirDiapo a {
text-decoration: none;
width: 110px;
display: block;
font-family: "georgia", Times, serif;
text-transform: uppercase;
font-size: x-small;
}
p a.retourCarto {
text-decoration: none;
font-size: x-small;
color: #666666;
padding: 2px 0px 0px 16px;
background-image: url(puce_retour.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 1em;
display: block;
clear: both;
height:15px;
width: 180px;
}
/*-----------------------------------------------*/
/*--  Tableau Ecard  --*/
#inter table.eCard {
border: none;
width: 100%;
}
#inter table.eCard th {
text-align: left;
background-color: transparent;
padding-bottom: 20px;
color: #333333;
border: none;
}
#inter table.eCard td {
border: none;
text-align: center;
vertical-align: middle;
font-size: x-small;
padding: 0px 0px 20px 0px;
color: #666666;
}
#inter table.eCard td a {
display: block;
text-decoration: none;
padding: 5px 0px 0px 0px;
float: left;
width: 73px;
color: #666666;
}
#inter table.eCard td a img {
vertical-align: middle;
margin: 0px 0px 0px 3px;
}
/*--------------------------------------------------------------------------------------------*/
/*--- WALLPAPERS ---*/
#inter div.wallPaper {
float: left;
padding: 15px 10px 30px 10px;
margin: 0px 0px 0px 0px;
width: 200px;
height: 225px;
background-image: url(bg_zone_wallpaper.gif);
background-repeat: no-repeat;
text-align: left;
}
#inter div.wallPaper p {
margin: 0px 0px 0px 0px;
}
#inter div.wallPaper ul {
margin: 0px 0px 0px 10px;
float: left;
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #660000;
}
div.coul02, .rouge2, .coul02 {
color: #CC3333;
}
div.coul03, .rouge3, .coul03 {
color: #CC6666;
}
div.coul04, .bleu, .coul04 {
color: #3333FF;
}
div.coul05, .bleu2, .coul05 {
color: #01A0BE;
}
div.coul06, .bleu3, .coul06 {
color: #6699FF;
}
div.coul07, .bleu4, .coul07 {
color: #6699CC;
}
div.coul08, .bleu5, .coul08 {
color: #66CCFF;
}
div.coul10, .gris, .coul10 {
color: #333333;
}
div.coul11, .gris2, .coul11 {
color: #666666;
}
div.coul12, .gris3, .coul12 {
color: #999999;
}
div.coul13, .gris4, .coul13 {
color: #cccccc;
}
div.coul14, .gris5, .coul14 {
color: #DDDDDD;
}
div.coul15, .orange, .coul15 {
color: #FF3333;
}
div.coul16, .orange2, .coul16 {
color: #FF6600;
}
div.coul17, .orange3, .coul17 {
color: #FF9900;
}
div.coul18, .orange4, .coul18 {
color: #FFCC00;
}
div.coul19, .vert, .coul19 {
color: #336600;
}
div.coul20, .vert2, .coul20 {
color: #33CC33;
}
div.coul21, .vert3, .coul21 {
color: #66CC66;
}
div.coul22, .vert4, .coul22 {
color: #99CC99;
}
div.coul23, .violet, .coul23 {
color: #663399;
}
div.coul24, .violet2, .coul24 {
color: #CC33FF;
}
div.coul25, .violet3, .coul25 {
color: #FF66FF;
}
div.coul26, .turquoise, .coul26 {
color: #0099CC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
img.valign, .alignementVertical{
vertical-align:middle;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
/*--  FORMULAIRE DE RECHERCHE AVANCEE  --*/
body.pageRecherche #inter #fSearch label {
padding: 0px 0px 0px 100px;
width: 130px;
}
body.pageRecherche #inter #fSearch div.submit {
padding: 0px 0px 0px 175px;
}
body.pageRecherche #inter #fSearch div.submit input {
text-align: left;
background-position: 0px 5px;
padding: 0px 0px 0px 10px;
width: 100px;
}
#inter table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #F9F9F9;
vertical-align: top;
color: #000000;
padding: 5px;
text-align: left;
border:none;
}
.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;
color:#01A0BE;
 }
#a2{
padding-left:0px;
}
.result td.description {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 10px;
 }
.result td.description strong {
color: #01A0BE;
 }
html div.prec {
float: left;
margin-top: 15px;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
margin-top: 15px;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 0px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
body.pageRecherche div.pages span {
color: #CC3333;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
th,
td {
border: 1px solid #CCCCCC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
/*--- MODELE TABLEAUX ---*/
table.table2Col, .tableauA2Colonnes,
table.table3Col, .tableauA3Colonnes,
table.table4Col, .tableauA4Colonnes {
width: 96%;
}
/*
#inter_popup table.table2Col, .tableauA2Colonnes,
#inter_popup table.table3Col, .tableauA3Colonnes,
#inter_popup table.table4Col, .tableauA4Colonnes {
width: 95%;
}
*/
.table2Col th,
.table2Col td {
width: 50%;
}
.table3Col th,
.table3Col td {
width: 33%;
}
.table4Col th,
.table4Col td {
width: 25%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
background-image:none;
}
#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: #01A0BE;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible,
.invisible span {
position: absolute;
top: -5000px;
left: -5000px;
}
.signaler{
display:block;
text-decoration:none;
background:url(signaler.jpg) no-repeat left center;
padding:15px 0px 10px 35px;
height:20px;
width:170px;
color:#01A0BE;
font-weight:bold;
font-family:georgia;
float:right;margin:20px 0px;
}
.sousmettre_video{
display:block;
text-decoration:none;
background:url(signaler.jpg) no-repeat left center;
padding:15px 0px 10px 20px;
margin:0px 0px 30px 0px;
height:20px;
width:185px;
color:#01A0BE;
font-weight:bold;
font-family:georgia;
float:left;
clear:both;
}
.obligatoire{
color:#01A0BE;
font-size:100%;
}
#inter #champs_obligatoire{
width:130px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.titre{
display: block;
}
/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*ANIM & VISUS TETIERE*/
#flash_header{
/*display:none;*/
float:left;
width: 757px;
height: 225px;
overflow: hidden;
}
body.bodymaville #flash_header {
background-image: url(tetiere_vie_a_villeurbanne.jpg);
}
body.bodymairie #flash_header {
background-image: url(tetiere_mairie_en_ligne.jpg);
}
body.bodyparticipe #flash_header {
background-image: url(tetiere_participe2.jpg);
}
body.bodyVilleDurable #flash_header {
background-image: url(tetiere_villeurbanne_durable.jpg);
}
body.bodyvideo #flash_header {
background-image: url(tetiere_espafce_video2.jpg);
}
body.bodyespacePro #flash_header {
background-image: url(tetiere_espace_pro4.jpg);
}
body.bodyalerte #flash_header {
background-image: url(tetiere_alerte_mairie.jpg);
}
body.bodydocu #flash_header {
background-image: url(tetiere_espace_docutheque.jpg);
}
body.bodypresse #flash_header {
background-image: url(tetiere_espace_presse.jpg);
}
body.bodygenerique #flash_header {
background-image: url(tetiere_pages_generiques.jpg);
}
body.bodygoodies #flash_header {
background-image: url(tetiere_goodies.jpg);
}
/*----------------------------------------------------------------------------------------------------------*/
#inter p.trombinoscope {
border:#CCCCCC 1px solid;
padding:5px;
margin:5px;
float:left;
position:relative;
width:220px;
height: 135px;
}
#inter p.trombinoscope img{
float:left;
margin-right:5px;
}
#inter p.trombinoscope span.lui_ecrire a,
#inter p.trombinoscope a{
display:block;
color:#01A0BE;
position:absolute;
bottom:0px;
left:95px;
background:url(bg_ul_li.gif) no-repeat 0px 4px;
padding:0px 0px 0px 15px;
text-decoration:none;
}
body.bodygenerique #inter,
body.bodyalerte #inter,
body.bodyvideo #inter,
body.contact #inter{
min-height:500px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAU DE RECHERCHE RAPIDE ---*/
table.tableau_recherche_rapide, .tableauDeLiensContextuels {
margin: 15px 0px 15px 0px;
background-image: url(bg_tableau_486.gif);
background-position: center bottom;
background-repeat: repeat-y;
border-top: none;
border-bottom: 1px solid #DDDDDD;;
border-left :none;
border-right: none;
width: 486px;
}
.tableau_recherche_rapide th {
background:url(bg_tableau.gif) top right repeat;
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
background-color: transparent;
}
.tableau_recherche_rapide tr td{
border-top: none;
border-bottom: none;
border-right: none;
border-left: none;
padding-bottom:15px;
background:url(bg_tableau_tr.gif) bottom center no-repeat ;
}
table.tableau_recherche_rapide_large, .tableauDeLiensContextuels2Colonnes {
margin: 15px 0px 15px 0px;
background-image: url(bg_tableau_720.gif);
background-position: center bottom;
background-repeat: repeat-y;
border-top: none;
border-bottom: 1px solid #DDDDDD;;
border-left :none;
border-right: none;
width: 720px;
}
.tableau_recherche_rapide_large th {
background-image: url(bg_tableau.gif);
background-repeat: no-repeat;
background-position: right top;
border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
background-color: transparent;
}
.tableau_recherche_rapide_large tr td{
border-top: none;
border-bottom: none;
border-right: none;
border-left: none;
padding-bottom:15px;
width: 360px;
background:url(bg_tableau_tr_2_col.gif) bottom left no-repeat;
}
#inter table.tableau_recherche_rapide p,
#inter table.tableau_recherche_rapide_large p,
#container_popup table.tableau_recherche_rapide p,
#container_popup table.tableau_recherche_rapide_large p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter table.tableau_recherche_rapide img,
#inter table.tableau_recherche_rapide_large img,
#container_popup table.tableau_recherche_rapide img,
#container_popup table.tableau_recherche_rapide_large img {
float:left;
padding:0px 0px 0px 0px;
}
#inter table.tableau_recherche_rapide ul,
#inter table.tableau_recherche_rapide_large ul,
#container_popup table.tableau_recherche_rapide ul,
#container_popup table.tableau_recherche_rapide_large ul {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter table.tableau_recherche_rapide ul li,
#inter table.tableau_recherche_rapide_large ul li,
#container_popup table.tableau_recherche_rapide ul li,
#container_popup table.tableau_recherche_rapide_large ul li {
background:url(puce_tableau.gif) left 8px no-repeat;
padding: 0px 0px 0px 8px;
font-size: x-small;
}
#inter table.tableau_recherche_rapide ul li a,
#inter table.tableau_recherche_rapide_large ul li a,
#container_popup table.tableau_recherche_rapide ul li a,
#container_popup table.tableau_recherche_rapide_large ul li a {
text-decoration: none;
}
td.sansSeparateur, .sansSeparateurHorizontal,
.tableau_recherche_rapide tr td.sansSeparateur,
.tableau_recherche_rapide_large tr td.sansSeparateur,
.sansSeparateur {
background-image: none ;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.annuaire #inter h3 {
background:transparent url(puce-ll.gif) no-repeat left top;
color:#01A0BE;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
margin:0px 0px 5px 0px;
padding:0 0 0 16px;
clear: both;
height: auto;
}
body.annuaire #inter h3 a {
color:#01A0BE;
}
#inter div.listannu {
margin: 0px 0px 18px 20px;
padding:  0px 0px 0px 0px;
}
#inter p.lienbasliste a {
color: #01A0BE;
font-weight: bold;
}
#inter form.rechAnnu {
border-bottom: 1px solid #01A0BE;
margin: 20px 0px 20px 25px;
padding: 10px 0px 10px 0px;
}
#inter form.rechAnnu #para0101 {
float: left;
width: 440px;
}
body #inter form.rechAnnu div.entry label {
width: 135px;
}
body #inter form.rechAnnu  .submit {
margin-left:0px;
padding-top:0px;
width: 135px;
float: left;
}
body #inter form.rechAnnu div.entry,
body #inter form.rechAnnu div.submit {
clear: none;
}
#inter ul.rubriqueAnnu li ul {
padding: 0px 0px 0px 0px;
}
#inter .filannuaire {
margin: 20px 0px 28px 20px;
font-size: x-small;
}
#inter .annulogo,
p.listannu img {
margin: 0px 10px 0px 0px;
float: right;
}
#inter .infourg {
color: #CC0000;
font-weight: bold;
}
#inter .HorOuv1,
#inter .HorOuv2,
#inter .HorOuv3 {
color: #006699;
}
#inter a.detailFiche {
color:#01A0BE;
font-size: x-small;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE DOCUTHEQUE---*/
body.bodydocu .liste_docutheque {
padding: 40px 0px 40px 0px;
}
html > body.bodydocu .liste_docutheque{
overflow:hidden;
margin:0px 0px 0px -20px;
padding: 40px 0px 40px 0px
}
html > body #inter .liste_docutheque ul li{
float:left;
display:block;
height:160px;
width:162px;
margin:0px 0px 0px 0px;
padding:8px 108px 10px 35px;
background-image:url(bg_slide.gif);
background-position: 0px -2px;
position:relative;
font-family:"georgia";
font-weight: bold;
color:#01A0BE;
}
#inter .liste_docutheque ul li a{
text-decoration:none;
color:#01A0BE;
}
#inter .liste_docutheque ul li{
float:left;
display:block;
height:160px;
width:159px;
margin:0px 0px 0px 0px;
padding:8px 110px 10px 35px;
background-image:url(bg_slide.gif);
background-position: 0px -2px;
position:relative;
font-family:"georgia";
font-weight: bold;
color:#01A0BE;
}
#inter .liste_docutheque ul li ul {
position:absolute;
left:178px;
top:0px;
font-size:x-small;
}
#inter .liste_docutheque ul li ul li{
float:none;
height:auto;
width:95px;
background-image:url(bg_ul_li.gif.jpg);
background-position: 0px 5px;
padding:2px 0px 2px 15px;
line-height:16px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal;
}
#inter .liste_docutheque ul li ul li a {
color:#01A0BE;
font-weight:normal;
}
#inter .liste_docutheque ul li ul li a:hover {
text-decoration:none;
}
#inter .liste_docutheque ul li  img{
position:absolute;
top:51px;
left:9px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- ESPACE PRESSE ---*/
/* --- FORMULAIRE ---*/
#formulaire_communique{
position:absolute;
top:270px;
right:80px;
}
#formulaire_communique #form01{
background:url(bg_communique.jpg) no-repeat top center;
width:250px;
height:75px;
padding:20px 0px 0px 30px;
position:relative;
}
#formulaire_communique #form01 legend{
color:#01A0BE;
font-weight:bold;
padding:0px 0px 3px 0px;
margin:0px 0px 3px -8px;
display:block;
width:216px;
}
#formulaire_communique #form01 label{
position:absolute;
top:-5000px;
}
#formulaire_communique #form01 div.entry input{
width:216px;
border-top:#999 1px solid;
border-right:none;
border-bottom:none;
border-left:#A5A49F 1px solid;
background:url(bg_input_communique.jpg) repeat-x top right;
}
#formulaire_communique #form01 div.submit input{
background:url(bg_ul_li.gif) no-repeat 0px 6px;
color:#01A0BE;
border:none;
padding:0px 0px 0px 5px;
margin:0px 0px 0px 0px;
position:absolute;
top:64px;
right:15px;
}
/*--- LISTE ESPACE PRESSE---*/
/*--- LISTE ESPACE PRO---*/
#inter .liste_espace_pro,
#inter .liste_espace_presse {
margin:0px 0px 0px -20px;
padding: 40px 0px 0px 0px;
float: left;
}
#inter .liste_espace_presse ul ,
#inter .liste_espace_pro ul {
overflow:hidden;
}
#inter .liste_espace_presse ul li,
#inter .liste_espace_pro ul li{
float:left;
display:block;
width:162px;
margin:0px 0px 0px 0px;
padding:8px 108px 10px 35px;
background-image:url(bg_slide.gif);
background-position: 0px -2px;
position:relative;
color:#01A0BE;
font-family:"georgia";
font-weight: bold;
}
#inter .liste_espace_presse ul li a,
#inter .liste_espace_pro ul li a{
text-decoration:none;
color:#01A0BE;
}
#inter .liste_espace_presse ul li ul,
#inter .liste_espace_pro ul li ul {
position:relative;
left:145px;
top:-30px;
}
#inter .liste_espace_presse ul li ul li,
#inter .liste_espace_pro ul li ul li{
float:none;
height:auto;
line-height:16px;
width:95px;
background-image:url(bg_ul_li.gif.jpg);
background-position: 0px 5px;
padding:2px 0px 2px 13px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:xx-small;
}
#inter .liste_espace_presse  ul li ul li a,
#inter .liste_espace_pro  ul li ul li a {
color:#01A0BE;
font-weight:normal;
}
#inter .liste_espace_pro ul li ul li a:hover,
#inter .liste_espace_presse ul li ul li a:hover  {
text-decoration:none;
}
#inter .liste_espace_presse ul li img,
#inter .liste_espace_pro ul li img{
position:absolute;
top:51px;
left:9px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGREGE---*/
#agrege,
#agregeDurable {
position:relative;
clear:both;
}
body div.elementflux{
float:left;
display:block;
width:290px;
padding: 30px 10px 50px 10px;
margin: 0px 0px 0px 0px;
}
#agrege div.elementflux p,
#agregeDurable div.elementflux p{
margin:0px 0px 0px 0px
}
#agrege div.elementflux span.titleflux a,
#agregeDurable div.elementflux span.titleflux a{
display:block;
text-decoration:none;
color:#01A0BE;
padding:0px 0px 10px 0px;
font-weight:bold;
}
#actus p.filrss,
#actus p.toutesactus{
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SLIDE---*/
/*---- Mise en forme du bandeau scrollable ----*/
/*
html > body .slide{ 
width:900px;
overflow:hidden;
padding-top: 35px;
font-family:"georgia";
font-size: 94%;
}
*/
/*
.slide{ /* pour IE6 */
width:900px;
overflow:hidden;
padding-top: 55px;
font-family:"georgia";
font-size: 94%;
}
*/
/*
#inter div.slide ul li{
float:left;
display:block;
height:158px;
width:150px;
padding:22px 20px 10px 35px;
background-image:url(bg_slide.gif);
background-position: 0px -2px;
position:relative;
}
#inter div.slide ul li a {
color:#01A0BE;
text-decoration:none;
font-size: 94%;
font-weight:bold;
}
#inter div.slide ul li a img{
position:absolute;
top:51px;
left:9px;
}
*/
#defilBandeau {
width: 900px;
height: 190px;
}
body.bodyaccueil #bandeau{ 
padding: 60px 0px 10px 0px;
}
body #bandeau{ 
width:805px;
overflow:hidden;
padding: 30px 0px 10px 0px;
font-family:"georgia";
/*font-size: 94%;*/
float: left;
}
html > body.bodyaccueil #bandeau{ 
padding: 50px 0px 10px 0px;
}
html > body #bandeau{ 
width:805px;
overflow:hidden;
padding: 20px 0px 10px 0px;
font-family:"georgia";
/*font-size: 94%;*/
float: left;
}
html > body.bodyparticipe #bandeau{ 
width:425px;
overflow:hidden;
padding: 20px 0px 10px 0px;
font-family:"georgia";
float: left;
}
#inter #bandeau ul {
float: left;
margin: 0px 0px 0px 0px;
}
#inter #bandeau ul li {
float:left;
display:block;
height:158px;
width:150px;
padding:8px 20px 10px 35px;
background-image:url(bg_slide.gif);
background-position: 0px -2px;
}
#inter #bandeau ul li a {
color:#01A0BE;
text-decoration:none;
font-weight:bold;
font-size: small;
}
#inter #bandeau ul li a img{
margin: 5px 0px 0px -26px;
}
body.bodyaccueil .fleche {
float: left;
padding: 50px 0px 0px 0px;
}
.fleche {
float: left;
padding: 20px 0px 0px 0px;
}
html > body.bodyaccueil .fleche {
float: left;
padding: 40px 0px 0px 0px;
}
html > body .fleche {
float: left;
padding: 10px 0px 0px 0px;
}
#gauche{
margin-left:-5px;
}
#droite{
margin-right:-5px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP---*/
body.bodypopup{
overflow:hidden;
font-family:arial;
background-image: none;
}

body.ficherouge, .fichePratiqueRouge {}
body.ficheverte, .fichePratiqueVerte {}

body.bodypopup #inter_popup a{
color:#01A0BE;
}
body.bodypopup #inter_popup{
background:url(bg_top_popup.jpg) no-repeat 15px 10px;
width:760px;
padding:17px 15px 0px 15px;
overflow:auto;
}
body.ficherouge #inter_popup{
background:url(bg_top_popup_rouge.jpg) no-repeat 15px 10px;
}
body.ficheverte #inter_popup{
background:url(bg_top_popup_vert.jpg) no-repeat 15px 10px;
}
body.bodypopup #inter_popup h2{
background-image:none;
color:#000;
text-transform:uppercase;
font-family:verdana;
font-weight:bold;
font-size:x-small;
height:24px;
padding:10px 0px 0px 65px;
margin:0px 0px 0px 0px;
}
body.bodypopup #container_popup{
overflow:auto;
width:755px;
height:435px;
padding:10px 0px 0px 5px;
}
body.bodypopup #inter_popup h3{
background-image:none;
color:#000;
text-transform:none;
font-family:verdana;
font-weight:normal;
font-size:x-small;
padding:0px 0px 0px 65px;
margin:0px 0px 0px 0px;
height:36px;
}
body.bodypopup #footer_popup{
background:url(bg_bottom_popup.jpg) no-repeat 0px 0px;
height:27px;
margin:0px 0px 15px 15px;
width:725px;
padding:2px 20px;
}
body.ficherouge #footer_popup{
background:url(bg_bottom_popup_rouge.jpg) no-repeat 0px 0px;
}
body.ficheverte #footer_popup{
background:url(bg_bottom_popup_vert.jpg) no-repeat 0px 0px;
}
body.bodypopup #inter_popup span.close a,
body.bodypopup span.close a {  
text-decoration:none;
padding:0px 20px 0px 0px;
float:right;
background:url(close_popup.gif) 50px 4px no-repeat;
font-weight:bold;
color:#000;
}
body.bodypopup #inter_popup span.imprim a,
body.bodypopup span.imprim a {  
text-decoration:none;
padding:0px 20px 0px 0px;
float:left;
background:url(picto_print_pop.gif) 63px 4px no-repeat;
font-weight:bold;
color:#000;
}
/*------------*/
/*JINGLE*/
#contentJingle {
position: absolute;
top: -1000px;
width:10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'INFOS ---*/
#contentBandeau{
position: fixed; 
bottom: 0px;
left: 0px;
width:100%;
text-align: center;
z-index: 999999;
}
#filInfos{
width:980px;
color: #FFFFFF;
padding: 0px 0px 0px 0px;
height: 70px;
z-index: 999999;
background-color: #666666;
opacity: 0.9;
filter: alpha(opacity=90);
margin: auto;
display: none;
}
#filInfos p{
position: relative;
display: block;
width: 890px;
text-align: left;
font-size: small;
padding: 10px 70px 5px 20px;
font-size: 110%;
}
#filInfos p span.close_bandeau {
position: absolute;
top: 13px;
right: 16px;
font-size: x-small;
display: block;
}
#filInfos p span.close_bandeau img {
margin: 2px 3px 0px 0px;
}
#filInfos p a{
color: #01a0be;
}
#filInfos p a[href *="retour.html"] {
cursor: text;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LOGOTHEQUE ---*/
#loglogotheque form,
#logPsl form {
width: 334px;
height: 143px;
padding: 10px 10px 10px 10px;
background-image: url(fond_log_logotheque.gif);
background-repeat: no-repeat;
}
#loglogotheque form div,
#logPsl form div  {
padding: 0px 0px 10px 0px;
}
#loglogotheque form div label,
#logPsl form div label {
width: 100px;
display: block;
float: left;
padding: 0px 10px 0px 0px;
color: #FFFFFF;
}
#loglogotheque form div.entry03 label {
width: 330px;
padding: 0px 0px 0px 0px;
font-size: x-small;
}
#loglogotheque form div.validate,
#logPsl form div.validate {
padding: 10px 0px 0px 0px;
text-align: center;
}
#loglogotheque form div.validate input,
#logPsl form div.validate input {
width: 70px;
margin: 0px 45px 0px 45px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRE ENQUETE DE SANTE ---*/
#inter #colonne_droite form.enquete {
margin: 0px 0px 10px 0px;
}
#inter #colonne_droite form.enquete div label {
width: 450px;
margin-bottom: 10px;
font-size: 110%;
font-weight: bold;
}
#inter #colonne_droite form.enquete fieldset.infosPerso div label {
width: 130px;
}
#inter #colonne_droite form.enquete div textarea {
width: 450px;
}
#inter #colonne_droite form.enquete div div label {
width: 150px;
height: 25px;
margin-bottom: 0px;
font-size: 100%;
font-weight: normal;
}
#inter #colonne_droite form.enquete div#para0120 div label,
#inter #colonne_droite form.enquete div#para0122 div label {
width: 450px;
height: auto;
margin-bottom: 5px;
}
#inter #colonne_droite form.enquete div div input {
margin: 0px 5px 10px 0px;
}
#inter #colonne_droite form.enquete div.footer {
width: 450px;
padding: 10px 0px 0px 0px;
}