@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* --- STYLES DE BASE --- */
html {
 height:100%;
}
body {
margin:0;
padding:0;
/*-- 506MN -- REF - typechart.com -- */
font-family: 'Open Sans', "Arial", sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
color:#000;
background:#2f2f2f;
height:100%;
}
body.bodyPopup {
 background-image:none;
 background-color:#ffffff;
}
a:link {
color:#048d71;
}
a:visited {
color:#048d71;
}
a:hover,a:focus,a:active {
color:#048d71;
}
#inter ol{
margin: 10px 0px 10px 30px;
}
#inter ul{
margin: 10px 0px 10px 0px;
padding-left:15px;
}
#inter ol ol,
#inter ul ul{
margin: 10px 0;
padding: 0 0 0 20px;
}
ul li,
#inter ul li{
list-style:none;
}
.colonne {
width:50%;
float:left;
}
/*--- CONTRASTE --*/
.container-color > form > fieldset > legend{
 padding:0;
 font-size:1.2em;
}
.footercolor div input,
.footercolor div a {
 background:#232659;
 color:#ffffff;
 padding:5px 8px;
 text-decoration:none;
 border:none;
 margin:20px 10px 0 0;
 float:left;
}
.footercolor div a:hover {
 background:#048D71;
}
/*--- ACCUEIL ---*/
#wrapActus {
 width:196px;
 float:left;
 margin:0 10px;
 position:relative;
}
#wrapMenu {
 float:left;
}
.sliderActus {
 margin:0;
 padding:0;
}
.top {
 float:left;
 background:#232659;
 color:#fff;
 padding:0 5px;
 min-height:44px;
 width:186px;
}
.itemActus .libelleDate {
 padding:3px 0;
}
.libelleDate {
 float:left;
 width:145px;
}
.grd {
 height:44px;
 float:left;
 color:#fff;
 font-size:2.8em;
 line-height:44px;
 margin:0 3px 0 0;
}
.petit {
 float:left;
 color:#fff;
 font-size:1.0em;
 padding:3px 0;
}
/*.bx-viewport {
 z-index:1;
}
.bx-controls {
 position:relative;
 z-index:2;
}*/
.bx-next,
.bx-prev {
 display:block;
 width:21px;
 height:44px;
 overflow:hidden;
 text-indent:1000px;
 text-decoration:none;
 position:absolute;
 top:0;
 right:0;
 background:url(flecheSlider.jpg) no-repeat -21px 0;
}
.bx-prev {
 background:url(flecheSlider.jpg) no-repeat 0 0;
 top:0;
 right:21px;
}
.contentActus{
 position:absolute;
 bottom:4px;
 left:0;
 width:196px;
 padding:0;
 padding-top:18px;
 background:url(cocheTransp.png) no-repeat top center;
}

.contentActus div {
padding:5px 0 0 0; 
background:url(transpBleu.png) repeat 0 0;
}
.contentActus h3,
#inter .contentActus h3 {
 margin:5px;
 text-transform:uppercase;
 color:#ffffff;
}
#inter .contentActus .sansLien h3 {
 margin:0 5px;
}
#inter .contentActus h3 a,
.contentActus h3 a{
 color:#ffffff;
 text-decoration:none;
 text-transform:uppercase;
}
#inter .readmore ,
#left .readmore {
 background:url(pictoPlus.png) no-repeat 180px 8px #00c690;
 color:#ffffff;
 display:block;
 height:27px;
 line-height:27px;
 padding:0 5px;
 text-decoration:none;
 border-top:1px solid #ffffff;
}
#inter .readmore:hover ,
#left .readmore:hover {
 text-decoration:underline;
}
/*--- MOTEURS ---*/
/*- Recherche -*/
.searchzone {
 border-top:1px solid #c7c7c7;
 border-bottom:1px solid #c7c7c7;
 margin:0 0 0 0px;
 padding:15px 0 5px 0;
 float:left;
 width:609px;
}
#inter .searchzone form {
 margin:0 0 0 0;
 padding:0 0 14px 10px;
}
.searchzone .fieldset {
 float:left;
 margin:0 20px 14px 0;
 position:relative;
}
.ui-datepicker-trigger {
 position:absolute;
 bottom:6px; 
 right:4px;
}
.searchzone .fieldset label{
 color:#000000;
 float:left;
 margin:0 5px 0 0;
 padding:2px 0;
}
.searchzone input,
.searchzone select {
 border:none;
 border:1px solid #00c690;
 width:120px;
 padding:5px 3px 5px 4px;
 background-color:transparent;
 float:left;
}
.searchzone select {
-webkit-appearance: none;
}
#inter .searchzone button {
 background:#00c690;
 border:none;
 color:#fff;
 padding:5px 3px 5px 4px;
 text-align:center;
 float:left;
 width:132px;
}
#inter .searchzone button:hover {
 background:#232659;
}
/*--- Recherche defaut ---*/
#inter .itemRecherche h2 {
 font-size:1.4em;
}
#inter .itemRecherche h2 a {
 text-decoration:none;
 color:#242858;
}
#inter .itemRecherche h2 a:hover {
 color:#048D71;
}
#inter .itemRecherche p{
 color:#000;
 line-height:normal;
}
/*--- Actus ---*/
.itemActus.moteur {
 position:relative;
 width:196px;
min-height: 355px;
 float:left;
 margin:0 5px 5px 0;
}
.itemActus.moteur.trois {
 margin-right:0;
}
/*--- Media ---*/
/*-- Une --*/
.albumune {
 height:auto;
 float:left;
 position:relative;
}
.imgAlbumune {
 width:416px;
 float:left;
}
.imgAlbumune iframe{
 width:100%;
}
.contentAlbumune {
 float:left;
 width:172px;
 min-height:315px;
 padding:0 0 0 10px;
}
#inter .contentAlbumune h2{
 font-size:1.4em;
 margin:5px;
 text-transform:uppercase;
 color:#fff;
 margin-top:0;
 border:none;
}
#inter .contentAlbumune h2 a{
 color:#232659;
 text-decoration:none;
}
#inter .contentAlbumune .readmore {
 position:absolute;
 bottom:5px;
 right:0;
 width:162px;
 background-position:155px 8px;
}
/*---*/
.conteneurVignette a{
display:block;
}
.conteneurVignette{
position:relative;
width:125px;
height:160px;
overflow:hidden;
}
#retour a{
 text-decoration:none;
 background:#038c70;
 color:#ffffff;
 padding:3px 5px;
 float:left;
 margin:10px 0;
}
#retour a:hover{
 background:#232659;
}
/*---*/
.album {
 float:left;
 margin:0 7px 7px 0;
 position:relative;
}
.contentAlbum {
}
.contentAlbum {
 position:absolute;
 bottom:4px;
 left:0;
 width:294px;
 padding:0;
 padding-top:18px;
 background:url(cocheTransp.png) no-repeat top center;
}
.album.deux{
 margin-right:0;
}
.contentAlbum div {
 padding:5px 0 0 0; 
 background:url(transpBleu.png) repeat 0 0;
}
#inter .contentAlbum h2{
 font-size:1.4em;
 margin:5px;
 text-transform:uppercase;
 color:#fff;
 border:none;
}
#inter .contentAlbum h2 a{
 color:#ffffff;
 text-decoration:none;
}
#inter .contentAlbum .readmore {
 width:284px;
 background-position:275px 6px;
}
.typeImage,
.typeVideo {
 position:absolute;
 top:0;
 right:0;
 display:block;
 height:56px;
 width:69px;
 background:url(typeMedia.png) no-repeat top left;
}
.typeImage {
 background:url(typeMedia.png) no-repeat top right;
 }
/*-- Avt --*/
.imgAvt {
 float:left;
 width:33%;
}
.imgAvt img{
 width:100%;
}
.contentActusAvt {
 float:left;
 width:67%;
}
.contentActusAvt .libelleDate {
 width:auto;
 padding:10px 0;
}
#inter .contentActusAvt h3{
  font-size: 1.6em;
}
#inter .contentActusAvt h3 a{
 text-decoration:none;
 text-transform:uppercase;
 text-decoration:none;
 color:#232659;
}
.contentActusAvt div p {
 color:#000000;
 line-height:normal;
}
.contentActusAvt div .readmore {
 width:196px;
}
.topDate {
 margin:0;
 padding:0;
 width:96%;
 background:#232659;
 color:#ffffff;
 padding:0;
 float:left;
}
.contentActusAvt > .topDate {
 padding-left:20px;
}
.contentActusAvt > div{
 padding-left:20px;
}
/*--- CENTRAL ---*/
#central {
 position:absolute;
 left:0;
 top:0;
 z-index:1000;
 width:100%;
}
/*--- BG ---*/
#bg{
 height:100%;
}
/*--- DATEPICKER ---*/
#ui-datepicker-div {
 display:none;
}
/*--- ACCORDEON ---*/
#inter .lireLaSuiteAccordeon {
 width:100%;
 display:block;
 border-bottom:1px dashed #010101;
 float:left;
 margin:5px 0 10px 0;
}
#inter .lireLaSuiteAccordeon a{
 float:right;
 text-decoration:none;
 font-style:italic;
 color:#1B76BB;
}
#inter .lireLaSuiteAccordeon a:hover {
 color:#010101;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
body.accueil #total {
 display:none;
}
#total {
position:relative;
width:640px;
margin:auto;
z-index:10;
float:left;
}
*+html #total {
 float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width:100%;
position:relative;
height: 276px;
}
#header h1{
 background:none;
 padding-left:0;
}
#boutonMobile {
 display:none;
}
#logo {
 position:absolute;
 bottom:0;
 left:20px;
 top: 60px;
}
#logo_ville {
 position:absolute;
 bottom:70px;
 right:10px;
}
#header #wrapTop {
 min-height:25px;
 background:#232659;
}
#langues ul {
 margin:0px 0 0 0;
 padding:2px 0 0 0;
}
#langues ul li{
 margin:0 5px 0 0;
 padding:0;
 float:left;
}
#langues ul li a{
 margin:0;
 padding:0;
 float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: 0;
left: 350px;
}
#raccourcis a {
text-decoration:none;
font-size: x-small;
}
#raccourcis ul li {
display:inline;
}
#raccourcis ul li.racaide,
#raccourcis ul li.racplan {
padding:0 5px 0 15px;
}
#raccourcis ul li.racaide {
background:url(bgRacAide.gif) no-repeat left 5px;
}
#raccourcis ul li.racplan {
background:url(bgRacPlan.gif) no-repeat left 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche,
#recherche_de, 
#recherche_it, 
#recherche_es, 
#recherche_en{
position: absolute;
top: 0px;
right: 0px;
font-size: x-small;
margin: 0;
padding: 0;
width:161px;
}
#recherche_de input.saisie,
#recherche_it input.saisie,
#recherche_es input.saisie,
#recherche_en input.saisie,
#recherche input.saisie {
font-size:1.1em;
color:#000000;
border:none;
background-color: #e6ff59;
vertical-align:middle;
width:120px;
height: 22px;
line-height: 22px;
margin:0;
padding:1px 0 2px 10px;
float:left;
border-radius:0;
}
.bouton,
#valideSearch {
 border:none;
 display:block;
 float:right;
 width:31px;
 height:25px;
 overflow:hidden;
 text-indent:-1000px;
 background:url(btnSearch.jpg) no-repeat 0 0;
}
#recherche input.saisie:hover,
#recherche input.saisie:focus{
color:#333;
}
#recherche_de input.bouton,
#recherche_it input.bouton,
#recherche_es input.bouton,
#recherche_en input.bouton,
#recherche input.bouton {
vertical-align:middle;
margin:1px 0 0;
padding:0;
}
#recherche_de label,
#recherche_it label,
#recherche_es label,
#recherche_en label,
#recherche label {
position:absolute;
top:-9000px;
left:0;
}
/*--- NEWS ---*/
#pictoNews {
 margin:0;
 padding:0;
 display:inline;
 position:absolute;
 top:3px;
 right:170px;
}
#pictoNews a{
 color:#ffffff;
 text-decoration:none;
 padding:0 20px 0 0;
 background:url(icoNewsletter.png) no-repeat center right;
}
#pictoNews a:hover{
 text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.accueil #content {
 display:none;
 margin-bottom:0;
}
#content {
position:relative;
width: 640px;
margin:-56px auto 0 auto;
background-color:#eef3fa;
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#vsetes {
 margin:0;
 padding:0;
 color:#242858;
 font-weight:bold;
 float:left;
 padding:1px 0 1px 0; 
 margin-right:2px;
}
#filariane {
font-size:1.0em;
color:#000000;
width: 600px;
padding:5px 20px;
background:#eef3fa;
display:block;
}
#filariane a {
color:#000000;
margin:0 2px;
}
body.accueil #filariane {
display:none;
}
/*--- SOCIAL ---*/
#wrapsocial {
border-top:1px solid #c7c7c7;
margin:0 20px;
line-height:30px;
}
#partage {
color: #232659;
float:right;
width:170px;
margin-left:10px;
}
#partage p{
 margin:0;
}
#partage span {
 margin:0 2px 0 0;
 padding:0;
 width:16px;
 height:16px;
}
#block-date {
 float:left;
 width:auto;
 margin-right:10px;
}
#block-date > div{
 background:#232659;
 color:#ffffff;
 float:left;
 width:auto;
 padding:0px 10px;
}
#block-date .petit {
 line-height:normal;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.accueil #wrapperInter {
}
#wrapperInter {
position:relative;
width: 600px;
float:left;
margin:0 0 130px 0;
padding: 0 20px 2px;
background:#eef3fa;
min-height:500px;
}

*+html #wrapperInter {
 float:none;
}
#inter ul li {
padding-left:16px;
background-repeat:no-repeat;
background-position:left 6px;
}
#inter ul li {
background-image:url(puce01.gif);
}
#inter ul ul li {
background-image:url(puce02.gif);
}
#inter ul ul ul li {
background-image:url(puce03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS A LA UNE  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COMMENT ---*/
#comment,
#recaptcha_area{
width: 560px;
float: left;
}
#recaptcha_area table{
width: auto;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
#left{
position:relative;
float:left;
z-index:100;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
width:110px;
margin:0;
padding:0;
position:fixed;
right:0;
top:270px;
}
#right ul{
 margin:0;
 padding:0;
}
#right ul li{
 margin:0 0 7px 0;
 padding:0;
 float:right;
 clear:both;
 width:95px;
}
#right ul li a{
 margin:0;
 padding:0;
 text-decoration:none;
 display:block;
 height:48px;
 overflow:hidden;
}
#right ul li a span {
 position:absolute;
 top:-9999px;
 left:-9999px;
 color:#FFF;
 text-transform:uppercase;
 font-weight:bold;
 display:block;
 width:139px;
 font-size:1.4em;
 padding:15px 10px 15px 100px;
}

#right ul li.long.fb,
#right ul li.fb a,
#right ul li.fb {
 display:none;
}

#right ul li.long a span {
 padding:6px 10px 6px 100px;
}
#right ul li:hover a span {
 position:relative;
 top:0;
 left:0;
}
.btn1 {
 background:url(ico_billetterie.png) no-repeat 0 0 #232659;
}
.btn2 {
 background:url(ico_mediatheque.png) no-repeat 0 0 #232659;
}
.btn3 {
 background:url(ico_information.png) no-repeat 0 0 #232659;
}
.btn4 {
 background:url(ico_360.png) no-repeat 0 0 #232659;
}
.btn5 {
 background:url(ico_facebook.png) no-repeat 0 0 #232659;
}
.btn6 {
 background:url(ico_tripadvisor.png) no-repeat 0 0 #232659;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MOTEUR DE RECHERCHE  ---*/
/*--- Events ---*/
.resultat_date{
color: #333333;
background: #E7E7E7;
font-weight: normal;
display: block;
text-indent: 10px;
}
.resultat_evenement{
float: left;
width: 48%;
clear; both;
padding: 10px 0 0 0;
min-height: 150px;
padding:0 0 0 1%;
}
.paire{
padding:0 1% 0 0;
border-right: 1px solid #EEE;
}
.resultat_evenement img{
float: right;
padding: 0 0 5px 5px;
width: 142px;
}
body #inter h2.resultat_evenement_titre{
display: inline;
clear: none;
}
.resultat_evenement_titre a{
text-decoration: none;
font-size: medium;
margin: 10px 0;
}
#inter .resultat_evenement ul{
margin: 0;
padding: 0;
margin-bottom: 10px;
}
#inter .resultat_evenement ul li{
margin: 0;
padding: 0;
display: inline;
background-image: none;
color: #000;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
h1,h2,h3,h4,h5,h6 {
margin:1em 0 .5em;
line-height:1.2;
font-weight:700;
font-style:normal;
clear: both;
font-family: 'Open Sans', sans-serif;
}
body.accueil h1{
margin: 0;
padding: 0;
line-height: auto;
}
#inter h1:first-child {
 margin:0.5em 0 .5em;
}
h1 {
font-size:1.9em;
text-transform:uppercase;
color:#048d71;
font-weight:bold;
padding-left:27px;
background:url(puceH1.gif) no-repeat 0 6px;
}
/*---*/
#inter h2,
#inter_popup h2{
font-size:1.9em;
color:#242659;
font-weight:bold;
border-bottom:1px solid #c7c7c7;
}
#inter h2 a,
#inter_popup h2 a{
color: #666;
}
/*---*/
#inter h3,
#inter_popup h3{
font-size:1.75em;
font-size:1.6em;
color: #000000;
font-weight:bold;
}
#inter h3 a,
#inter_popup h3 a{
color: #666;
}
/*---*/
#inter h4,
#inter_popup h4 {
font-size:1.3em;
color: #000000;
}
#inter h4 a,
#inter_popup h4 a{
color: #666;
}
/*---*/
#inter h5,
#inter_popup h5{
font-size:1.0em;
color: #000000;
}
#inter h5 a,
#inter_popup h5 a{
color: #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAUX ---*/
.exergue td,
.exergue th {
 padding:8px 21px;
 background:#048d71;
 color:#fff;
 border:none;
}
.exergue td a {
 color:#FFF;
}
#inter .exergue h2 {
 margin:0;
 padding:0;
 border:none;
 color:#fff;
}
.sansbordures td,
.sansbordures th {
 border:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POSTIT ---*/
#postIt {
padding:0 10px;
}
#postIt h2 {
color:#947769;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
body.accueil #footer {
position:fixed;
bottom:0;
left:0;
}
#footer {
border-top:1px solid #CCC;
float:left;
width:100%;
background:#000000;
position:relative;
z-index:20;
}
#footer ul {
margin:10px 0 10px 5px;
padding:0;
}
#footer > ul li {
display:inline;
font-size:0.9em;
padding:0 5px 0 0;
}
#footer ul li a {
text-decoration:none;
color:#fff;
}
#footer ul li a:hover {
text-decoration:underline;
}
/*-- PARTENAIRES ---*/
#wrapPartenaires{
 text-align:center;
 width:100%;
 background:#eef3fa;
}
#wrapPartenaires ul {
 margin:auto;
 padding:0;
 list-style:none;
 text-align:center;
}
#wrapPartenaires ul li{
 margin:0;
 padding:0;
 display:inline;
}
#wrapPartenaires ul li a{
 margin:0;
 padding:0;
}
/*-- HAUT DE LA PAGE --*/
body.accueil .toppage{
display: none;
}
.toppage {
}
.toppage a {
text-decoration:none;
background:#048d71;
color:#ffffff;
font-size:0.9em;
font-weight:normal;
line-height:normal;
display:block;
padding:3px;
width:80px;
float:left;
bottom:0px;
right:-86px;
position:absolute;
text-align:center;
}
.toppage a:hover {
 background:#232659;
}
/*-- IMPRIMER LA PAGE --*/
.imprim{
margin-left:120px,
display:block;
width:130px;
float:left;
}
.imprim p{
 margin:0;
}
.imprim a {
text-decoration:none;
color:#232659;
padding:0 25px 0 0;
background:url(icoPrint.png) no-repeat right center;
}
.imprim a:hover {
text-decoration:underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse:collapse;
}
th,td {
border:1px solid #c7c7c7;
padding:3px;
vertical-align:top;
}
th {
background-color:#048d71;
color:#FFF;
text-align: center;
text-transform: uppercase;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGINATION---*/
.pagination{
position: relative;
text-align: right;
font-size: .9em;
padding:2px 5px;
margin:10px 0 10px 0;
text-transform:uppercase;
text-align: left;
background:#048d71;
float:left;
width:100%;
}
.pagination a{
text-decoration: none;
color: #fff;
}
#pagination-bottom{
float: left;
width: 100%;
}
.pagination p{
margin: 0;
display: inline;
color:#fff;
padding:0 5px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.suivant{
margin-left: 10px;
}
.precedent{
margin-right: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MEDIATHEQUE ACCUEIL ---*/
#mediathequeAccueil{
float: left;
position:relative;
margin: 8px 10px 0 7px;
width:250px;
height:225px;
background:url(bgMediathequeHome.gif) no-repeat left bottom;
}
#inter #mediathequeAccueil h2{
z-index: 99;
position:absolute;
left:-7px;
top:15px;
padding:0;
margin: 0;
}
#inter #mediathequeAccueil ul li,
#mediathequeAccueil ul li a,
#mediathequeAccueil ul{
margin:0;
padding:0;
background:none;
border:none;
}
#inter #mediathequeAccueil ul li{
padding-left:0;
}
#mediathequeAccueil ul > li.remonteesBasses > a{
margin: 150px 0 0 3px;
float:left;
}
#mediathequeAccueil ul ul,
#mediathequeAccueil ul ul li{
margin:0;
padding:0;
}
#inter #mediathequeAccueil > ul > li{
float:left;
}
#mediathequeAccueil ul li.vignetteOnglet{
position:absolute;
z-index:50;
left:3px;
top: 0px;
}
#mediathequeAccueil ul li.vignetteOnglet img{
width: 248px;
height: 148px ;
}
#mediathequeAccueil .remonteesBasses > a > img{
width:80px;
height:49px;
}
#mediathequeAccueil .lienModule{
float: left;
display:block;
text-decoration: none;
color: #000;
font-weight: bold;
}
#mediathequeAccueil .lienModule:hover{
color: #184F18;
}
.conteneurVignette a{
display:block;
}
.conteneurVignette{
position:relative;
width:125px;
height:125px;
overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
#header_popup {
height:125px;
}
#content_popup {
width:600px;
margin:auto;
background:url(interContentPopup.gif) repeat-y top center;
}
#inter_popup {
background:url(interTopPopup.gif) no-repeat top center;
padding:30px 20px 0;
}
#footer_popup {
background:url(interBottomPopup.gif) no-repeat bottom center;
height:20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position:absolute;
left:-5000px;
}
.sp2,
.sp2 + a{
display: none;
}
/*** CAPTCHA ***/
form fieldset p.erreur {
  border: 1px solid red;
  clear: left;
  text-align: center;
  color: red;
  float: right;
  width: 303px;
}
/*** QUESTIONNAIRE ***/
body #inter form.questionnaire{
  margin: 0 20px 0 0;
}
form.questionnaire div.entry label {
  font-size:150%;
  color:#01A0BE;
  border-bottom:1px solid #01A0BE;
  margin-bottom:10px;
} 
form.questionnaire div.entry {
  margin-bottom:20px;
}
form.questionnaire div.entry div label {
  font-size:small;
  color:black;
  border-bottom:0;
  margin-bottom:0;
  font-weight:normal;
}
form.questionnaire div.entry table th, 
form.questionnaire div.entry table td {
  background:#fff;
  color:black;
  font-weight:normal;
  font-size:small;
  padding:2px;
}
form.questionnaire div.entry table tr td label {
  font-size:small;
  color:black;
  border-bottom:0;
  margin:0;
  font-weight:normal;
}
form.questionnaire div.entry table input {
  float:none !important;
}
form.questionnaire legend {
  width:90%;
  font-size:140%;
  color:red;
  padding:2px 10px 2px 20px;
  margin:10px 0;
  background: url("puce-ll.gif") no-repeat scroll left center transparent;
  color: #01A0BE;
}
form.questionnaire div.submit input {
  width:auto; 
}
body #inter form.questionnaire div.submit{
  float: left;
  width: 100%;
  background: #F2F2F2;
  margin: 0;
  padding: 5px;
}
body #inter form.questionnaire div.submit input{
  float: left;
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
}
body #inter form.questionnaire div.submit input:hover{
  color: #333;
}
body #inter form.questionnaire .submit input + input{
  float: right;
}
/*--------- NOTATION --------- */
#notation {
float:left;
}
#notation ul {
margin:0;
padding:0;
}
#notation ul li {
margin:0;
padding:0;
display:inline;
}
#notation ul li a {
  background:url("etoile.png") no-repeat 0 -15px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  overflow:hidden;
  float:left;
  padding-right:5px;
  width:15px;
  height:15px;
}
#notation ul li a span{
 display:block;
 text-indent:100px;
}
#notation a.notation_on {
  background:url("etoile.png") no-repeat 0 0;
}
/* ---- Co marquage --- (pour ne pas confondre les sommaires des v�ritables liens, � modifier) */
.spPublicationSommaire {
    background-color: #BCC6C4;
}
/* ---- J'aime - Je n'aime pas - dans les commentaires ---- */
.comment-sparkbars {
    display:block;
    height: 7px;
    width: 200px;
}
.bar-aime-oui {
    background-color: green;
    float: left;
    display:block;
    height: 7px;
}
.bar-aime-non {
    background-color: red;
    float: left;
    display:block;
    height: 7px;
}
  /* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#total {
 float:left;
}
body.accueil #footer,
#footer {
 position:relative;
}


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

@media only screen 
and (max-width : 962px) {

#left{
 float:none;
}
#content {
 margin-top:0;
}
#right {
 z-index:100;
}

}

@media screen 
and (min-device-width : 981px) {

#total {
 float:none;
 margin:auto;
}


}