@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
/*font-family: 'Open Sans', sans-serif;*/
/* @auteur : DAVANT Emmanuel / QUESADA Benjamin / DELMAS Yoann -- */
/* @date : avril 2014 -- */
/*-------- SOMMAIRE ----------*/
/******************************/
/* == STYLES DE BASE----------*/
/* == DATEPICKER -------------*/
/* == ACCORDEON --------------*/
/* == TOTAL ------------------*/
/* == HEADER -----------------*/
/* == RACCOURCIS -------------*/
/* == CONTENT ----------------*/
/* == RECHERCHE --------------*/
/* == CONTENT ----------------*/
/* == FIL D'ARIANE -----------*/
/* == INTER ------------------*/
/* == COMMENT ----------------*/
/* == LEFT -------------------*/
/* == RIGHT ------------------*/
/* == MOTEUR DE RECHERCHE  ---*/
/* == MDR EVENT --------------*/
/* == HEADING ----------------*/
/* == TABLEAUX ---------------*/
/* == GLOSSAIRE -----------------*/
/* == FOOTER -----------------*/
/* == HAUT DE LA PAGE --------*/
/* == IMPRIMER LA PAGE -------*/
/* == PAGINATION -------------*/
/* == POP UP -----------------*/
/* == DIVERS -----------------*/
/* == CAPTCHA ----------------*/
/* == QUESTIONNAIRE ----------*/
/* == NOTATION -------------- */
/* == CO MARQUAGE ----------  */
/* == COMMENT - AIME/AIME PAS */
/* == RESPONSIVE ------------------*/
/******************************/
/*-------- COULEURS ----------*/
/******************************/
/* @ROUGE - #000000 ----------*/
/* @VERT - #000000 -----------*/
/* @BLEU - #000000 -----------*/
/* @ORANGE - #000000----------*/
/******************************/
/*------- NOTE & BUGFIX-------*/
/******************************/
/* @note01 -- 506MN -- REF - typechart.com -- */
/* @note02 -- Comarquage -- ne pas confondre les sommaires des v?ritables liens, ? modifier) */
/******************************/
/*--------------------------------------------------------------------------------------------------------------*/
/* == STYLES DE BASE----------*/
body {
 margin: 0;
 padding:0;
 /* @note01 */
 font-family: "Arial", sans-serif;
 font-size: 0.8em;
 font-style: normal;
 font-weight: normal;
 text-transform: none;
 letter-spacing: normal;
 line-height: 1.4em;
 background-color: white;
 color: black;
}
a:link, a:visited {
 color:#000;
}
a:hover, a:focus, a:active {
 color:#e44326;
}
#sitemap a {
 color:#000;
}
#sitemap a:hover,
#sitemap a:focus {
 color:#BE3600;
}
#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 {
 float:left;
 width:49.9%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == 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 ------------------*/
#cookie-banner + div {
 padding-top:26px;
}
.background {
 position:relative;
 z-index:1;
}
.total {
 position:relative;
}
.container {
 max-width:970px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == HEADER -----------------*/
.navigDirect {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:100;
}
#header-villeurbanne {
background: url("bgHeaderVilleurbanne.gif") repeat-x scroll center top;
 font-family: Arial,Helvetica,sans-serif;
 height: 30px;
 overflow: hidden;
 position: relative;
 z-index: 3;
}
#contentHeaderVilleurbanne #siteVilleurbanne{
 background: url(favVilleurbanne.gif) no-repeat left top;
 padding: 1px 0px 1px 20px;
}
#contentHeaderVilleurbanne #siteViva{
 background: url(favViva.gif) no-repeat left top;
 padding: 1px 0px 1px 20px;
}
#contentHeaderVilleurbanne{
 color: #FFF;
 height: 30px;
}
#contentHeaderVilleurbanne .colLeft a{
 float: left;
}
#contentHeaderVilleurbanne .colRight a{
 float: right;
}
#contentHeaderVilleurbanne div a{
 padding: 0px 0px 0px 0px;
 margin: 7px 0px 8px 15px;
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 font-size: x-small;
 font-family:"arial", Trebuchet MS, Arial, Helvetica, sans-serif;
}
#contentHeaderVilleurbanne div a.lienLogo{
 margin: 2px 0 0 0;
}
#contentHeaderVilleurbanne div a:hover{
 color: #DDD;
}
#contentHeaderVilleurbanne a#racAcc,
#contentHeaderVilleurbanne a#racNews,
#contentHeaderVilleurbanne a#fluxRss{
 min-width: 60px;
 padding: 0px 0px 0px 20px;
 background-repeat: no-repeat;
 background-position:left center;
}
#contentHeaderVilleurbanne a#racAcc{
 background-image:url(bgAccessibilte.gif);
}
#contentHeaderVilleurbanne a#racNews{
 background-image:url(bgNewsletter.gif);
}
#contentHeaderVilleurbanne a#fluxRss{
 background-image:url(bgRss.gif);
}
#headerVillerbanne{
 background: url(bgHeaderVilleurbanne.gif) repeat-x top center;
 font-family: Arial, Helvetica, sans-serif;
 height: 30px;
 position: relative;
 z-index: 3;
 overflow:hidden;
}
/*-------------*/

.wrapperHeader {

background: black;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063c5e', endColorstr='#090035',GradientType=1 );
}

.wrapperHeader_02 {
background: url(header_bg.jpg) no-repeat center center;
 height:150px;
 position:relative;
 z-index:10;
}

#header {
 height: 150px;
 position:relative;
}
#header h1.logo {
 background:none;
 border:none;
 padding:0;
 margin:0;
 text-align:center;
 position:relative;
 z-index:50;
}
h1.logo a {
 display:block;
 padding-top:10px;
 height:150px;
}
.img-fond {
 position:absolute;
 z-index:6;
}
.img00 {
 height:89px;
 width:123px;
 right:0;
 bottom:40px;
 z-index:4;
}
.img01 {
 height:79px;
 width:138px;
 left:125px;
 bottom:15px;
}
.img02 {
 height:46px;
 width:58px;
 right:270px;
 bottom:40px;
}
.wrapperPiedPage .img02 {
 top:15px;
 right:325px;
 bottom:auto;
}
.img03 {
 height:52px;
 width:77px;
 left:270px;
 bottom:1px;
}
.wrapperPiedPage .img03 {
 top:15px;
 bottom:auto;
}
.img04 {
 left:0;
 bottom:1px;
 height:120px;
 width:102px;
 z-index:4;
}
.programme .img04 {
 left:15px;
 bottom:-9px;
}
.shadow {
 height:9px;
 width:102px;
 position:absolute;
 left:0;
 bottom:1px;
 z-index:10;
 background:url(shadow.png) repeat-x left bottom;
}
.shadow.img03 {
 left:270px;
 width:77px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == 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 {
position: absolute;
top: 5px;
right: 10px;
font-size: x-small;
margin: 0;
padding: 0;
border: #DDD 1px solid;
}
.recherche input.saisie {
font-size:x-small;
color:#CCC;
border:none;
background-color: #FFF;
vertical-align:middle;
width:190px;
height: 22px;
line-height: 22px;
margin:0;
padding:0 0 0 10px;
}
.recherche input.saisie:hover,
.recherche input.saisie:focus{
color:#333;
}
.recherche input.bouton {
vertical-align:middle;
margin:1px 0 0;
padding:0;
}
.recherche label {
position:absolute;
top:-9000px;
left:0; /* IMPORTANT */
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == CONTENT ----------------*/
body.accueil #content {
 width:100%;
 border:none;
 padding:0;
}
#content {
position:relative;
width: 780px;
float: right;
border-left: #DDD 1px dashed;
}
/*--------------------------------------------------------------------------------------------------------------*/
.fil-ariane{
background-color: rgba(255, 255, 255, 0.58); padding: 10px;}
.fil-ariane a{
font-size: 15px;
color: #ff6317;
text-decoration: underline;
}
.fil-ariane a.fleche{
padding: 0 3px;
color:#000;
text-decoration: none;
}
/* == FIL D'ARIANE -----------*/
#filariane {
 font-size:x-small;
 color:#000;
 width: 100%;
 margin:10px 0;
 clear:both;
}
#filariane span,
#filariane a {
 color:#000;
 margin:0 2px;
}
body.accueil #filariane {
 display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == INTER -----------------*/
.wrapperInter {
 margin-bottom:40px;
 position:relative;
}
#inter ul li {
 padding-left:20px;
 background-repeat:no-repeat;
 background-position:0 3px;
}
#inter ul li {
 background-image:url(puce01.png);
}
.wrapper-slider-actus {
 padding:30px 30px 10px 30px;
 height:230px;
 position:relative;
}
#inter .slider-actus {
 float:left;
 height:230px;
 width:535px;
 margin:0;
 padding:0;
}
body #inter .slider-actus li.resultsActus {
 padding:0;
 float:left;
 width:476px;
}
.resultsActus .content {
 height:203px;
}
.total legend {
 color:#000;
 background-image:none;
 border-bottom: 1px solid #303030;
 font-family: "Open sans", sans-serif;
}
body .total form div.entry input,
body .total form div.entry textarea,
body .total form div.entry select {
 width:100%;
 padding:3px 0;
}
body .total form div.submit input {
 color: white;
 background: black;
 transition:all 0.2s ease 0s;
 padding:3px 12px;
 font-weight:normal;
 border:none;
 font-family: "Open sans", sans-serif;
}
body .total form div.submit input[type="submit"]:hover,
body .total form div.submit input[type="submit"]:focus {
 color:#FFF;
 background-color:green;
}
body .total form div.submit input[type="reset"]:hover,
body .total form div.submit input[type="reset"]:focus {
 color:#FFF;
 background-color:red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == COMMENT ----------------*/
#comment,
#recaptcha_area{
width: 560px;
float: left;
}
#recaptcha_area table{
width: auto;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == LEFT -------------------*/
.wrapperLeft {
 position:relative;
 z-index:20;
}
#left{
 position:relative;
 float:left;
 width:100%;
 margin-bottom:20px;
}
.goToNews {
 position:absolute;
 top:-30px;
 right:0;
 z-index:999;
 color:#FFF;
}
.goToNews a {
 font-size:1.1em;
 display:block;
 color:#FFF;
 background:#0094d4 url(btn_news.jpg) no-repeat right center;
 padding:6px 33px 6px 12px;
 height:30px;
 width:130px;
 transition: all 0.2s ease 0s;
 text-decoration:none;
}
.goToNews a:hover,
.goToNews a:focus {
 /* SAFARI TRES VIELLE VERSION < 2.1 */
 -khtml-opacity:0.8; 
 /* FIREFOX TRES VIELLE VERSION <= 0.9*/
 -moz-opacity : 0.8; 
 /* IE 8 ET COMPRIS PAR IE 10*/
 -ms-filter: "alpha(opacity=80)"; 
 /* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
 /* IE 4 */
 filter : alpha(opacity=80); 
 /* AUTRE */
 opacity : 0.8;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == MOTEUR DE RECHERCHE  ---*/
.searchzone {
 position:relative;
 padding:10px 15px;
 margin:0 0 15px 0;
 clear:both;
}
#inter .searchzone h2{
 color:#000;
 margin-top:0;
}
#inter .searchzone form {
 position:relative;
 margin:0 0 20px 0;
 padding:0 0 10px 0;
 float:left;
 width:100%;
 max-width:none;
 border-bottom:1px solid #000;
}
#inter form .fieldset.row {
 margin:0 -15px;
}
.label {
 color:#000000;
 height:67px;
 padding:10px 15px;
}
.label label {
 display:block;
 text-align:left;
 font-weight:600;
 font-size:1.4em;
}
.label.btnValide {
 margin:0;
 position:relative;
}
.btnValide button {
 border:none;
 text-align:center;
 color:#FFF;
 padding:7px;
 height:26px;
 font-size:1.2em;
 background:#f15f27;
 position:absolute;
 left:12px;
 bottom:13px;
 transition: all 0.2s ease 0s;
}
.btnValide button:hover, 
.btnValide button:focus {
 color:#FFF;
 background-color:#f57544;
}
.label .date {
 position:relative;
}
.label input {
 color:#1A1B1D;
 width:100%;
 padding:0 0 2px 0;
 background:#FFF;
 border:1px solid #A8ACAD;
}
.label select {
 width:100%;
 padding:5px;
 margin:0;
 font-size:1.2em;
 border:1px solid #A8ACAD;
}
.date img {
 position:absolute;
 top:3px;
 right:4px;
}
.listeMoteur, 
#inter .listeMoteur {
 margin:0;
 padding:0;
 float:left;
 width:100%;
}
#inter .listeMoteur li {
 padding-left:0;
 background:none;
 margin-bottom:20px;
}
.resultszone {
 clear:both;
}
/* == MDR AMIS --------------*/
#inter .listeMoteur .resultsAmis {
 min-height:160px;
 margin:10px 0;
}
.resultsAmis .content {
 width:220px;
}
.resultsAmis .titre {
 font-size:1.4em;
 font-weight:600;
}
.img-fond-amis {
 height:160px;
 width:220px;
 overflow:hidden;
 position:relative;
}
.img-fond-amis img {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-80px;
 margin-left:-110px;
}

.archives .img-fond-amis{
position: relative;
height: 100%;
}

.archives .img-fond-amis img{
position: relative;
top: 0;
left: 0;
margin : 0 0 0 0 ;
}



/* == MDR AUTEURS --------------*/
#inter .listeMoteur .resultsAuteurs.no-padding-right {
 padding-left:15px;
}
.presence-auteur + .presence-auteur:before {
 content:" et le ";
}
/*---------------------------------------*/
body.fiche-event #inter .resultsProg {
   margin-top:0.75em;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == 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: "Arial";
}
body.accueil h1{
margin: 0;
padding: 0;
line-height: auto;
}
h1 {
font-size:1.75em;
}
#inter > h1:first-child {
 margin-top:0;
}
#inter > h1 {
    color: #FFF;
    font-family: "Open sans",Arial,sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    padding: 9px 0 0;
    position:relative;
    z-index:1;
}
#inter > h1 > span {
    background: none repeat scroll 0 0 #e7302a;
    display: block;
    padding: 10px 0 10px 30px;
}
/*---*/
#inter h2,
#inter_popup h2{
font-size:1.5em;
color: #666;
}
#inter h2 a,
#inter_popup h2 a{
color: #666;
}
/*---*/
#inter h3,
#inter_popup h3{
font-size:1.25em;
color: #666;
}
#inter h3 a,
#inter_popup h3 a{
color: #666;
}
/*---*/
#inter h4,
#inter_popup h4 {
font-size:1em;
color: #666;
}
#inter h4 a,
#inter_popup h4 a{
color: #666;
}
/*---*/
#inter h5,
#inter_popup h5{
font-size: .8em;
}
#inter h5 a,
#inter_popup h5 a{
color: #666;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == TABLEAUX ---------------*/
table {
border-collapse:collapse;
}
th,td {
border:1px solid #333;
padding:3px;
vertical-align:top;
}
th {
background-color:#498C9D;
color:#FFF;
}
.exergue td,
.exergue th {
 padding:8px 21px;
 background:#498C9D;
 color:#000000;
 border:none;
}
.sansbordures td,
.sansbordures th {
 border:none;
}
/* == GLOSSAIRE -----------------*/
/*--- Navigation alphabet ---*/
body.glossaire #inter  ul{
 padding:0;
 margin:10px 0;
 float:left;
 width:100%;
}
body.glossaire #inter ul li{
 float: left;
 display: block;
 background-image: none;
 padding-left: 0;
 margin-right: 5px;
 font-weight:600;
}
body.glossaire #inter ul li a{
 float: left;
 display: block;
 font-size: 1.2em;
 text-decoration: none;
 height: 16px;
color: #41A62A;
}
body.glossaire #inter ul li a:hover,
body.glossaire #inter ul li a:focus{
 color: #4E4E4E;
}
/*--- Glossaire ---*/
body.glossaire h2 a{
 text-decoration: none;
}
body.glossaire h3, 
body.glossaire dl {
 float:left;
 width:100%;
 margin-top:0.5em;
}
body.glossaire dl {
 margin-top:0;
}
body.glossaire dt {
 background: transparent;
 padding: 5px;
 font-weight: 600;
}
body.glossaire dt a {
 display:block;
}
body.glossaire dd {
 margin: 0;
 padding: 5px;
 background: #E0ECB6;
}
body a.lien_glossaire, body #inter h2 a.lien_glossaire {
 position:relative;
 z-index:0;
 padding: 0 3px;
display: inline-block;
border:#CCCCCC 1px solid;
text-decoration: none;
color: #333333;
}
body a.lien_glossaire_espace {
 padding-right:4px;
 padding-left:4px;
 text-decoration: none;
 border-bottom: #41A62A 1px dotted;
}
body a.lien_glossaire span {
 display:none;
 font-style:normal;
}
body #inter a.lien_glossaire:hover {
 background: #41A62A;
 color: #FFF;
 z-index: 500;
 text-decoration: none;
 cursor: help;
}
body a.lien_glossaire:hover span {
 display:block;
 padding:5px;
 width:200px;
 background:#FFFFFF;
 border:#41A62A 2px solid;
 color:#4E4E4E;
 text-decoration: none;
 position:absolute;
 bottom: 0px;
 left:100% !important;
 left:10px;
 z-index:5000;
 font-size:small;
 font-weight:normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == PROGRAMME -----------------*/
#inter .programme .col-sm-offset-1 > h3 {
 background-color:#0094d4 !important;
 }
#inter .programme .col-sm-4 > h3{
 color:#ffffff;
 background:#0094d4;
 text-align:center;
 padding:10px 0 10px 0;
 margin:15px -50px 20px -50px;
}
.programme .bx-wrapper {
 position:relative;
}
.programme .bx-prev, 
.programme .bx-next {
 top: 15px;
}
.programme .bx-prev {
 left:-30px;
}
.programme .bx-next {
 right:-30px;
}
#inter .slider-prog {
 float:left;
 height:410px;
 width:100%;
}
#inter .resultsProg {
 font-family:'Open sans', Arial, sans-serifs;
 padding:0;
 background-image:none;
}
#inter .resultsProg {
 height: 400px;
 padding-bottom:41px;
 overflow:hidden;
}
#inter .resultsProg .col-sm-12 {
 position:static;
 margin-top: 10px;
}
body.accueil1 #inter .resultsProg {
 float:left;
 height:425px;
 width:285px;
}
.resultsProg a {
 font-weight:600;
 transition:all 0.2s ease;
 text-decoration: none;
}
.resultsProg a:focus,
.resultsProg a:hover {
 color:#04bd69;
}
.resultsProg .suite a:focus,
.resultsProg .suite a:hover {
 color:#ffffff;
}
.listeMoteur .resultsProg .suite {
 padding:0;
 left:15px;
 width:95%;
}
.resultsProg .resume {
 max-height:37px;
 overflow: hidden;
 margin-top: 20px;
}
.img {
 text-align:center;
}
.resultsProg p {
 margin:5px 0;
}
.content-prog {
 margin:0 15px;
 height:250px;
}
body.accueil .content-prog {
 height:240px;
}
.suite.inverse {
 border-top:none;
 border-bottom:1px solid black;
}
.suite.inverse a {
 margin:0 0 -1px 0;
}
.resultsProg .titre {
 margin:0 0 8px 0;
}
.accueil1 .titre {
 margin-top:10px;
}
.titre a {
 font-size:1.25em;
 text-decoration:none;
}
.resultsProg .link-prog {
 margin:8px 0;
 width:100%;
}
body.accueil1 .resultsProg .link-prog a,
.link-prog.ajoute .sansLien{
 position: relative;
 top: 0px;
}

.resultsProg .link-prog a,
.link-prog.ajoute .sansLien {
 color:#000;
 text-decoration:none;
 display:block;
 font-weight:bold;
 padding:0 0 7px 45px;
 background:url(ico_programme_1.png) no-repeat 0 -2px;
 border-bottom:1px solid #666;
 font-size:0.9em;
 transition:all 0.2s ease;
 position: absolute;
 top: 110px;
}
.del-all-prog a,
.del-prog a {
 color:#000;
 text-decoration:none;
 display:block;
 font-weight:bold;
 padding:0 0 7px 45px;
 background:url(sprite_del.png) no-repeat 0 -2px;
 border-bottom:1px solid #666;
 font-size:0.85em;
 transition:all 0.2s ease;
}
.link-prog a.active,
.link-prog a:focus,
.link-prog a:hover,
.link-prog.ajoute .sansLien,
.del-prog a:hover {
 color: #0094d4;
 background-position:0 -39px;
}
.module.programme .bx-wrapper,
.module.programme .bx-viewport {
 height:430px !important;
 width:99%;
}
#afficheprog ul {
 padding-left:0;
 margin:0 -15px;
}
#afficheprog .resultsProg {
 margin:15px 0;
 padding:0 15px;
 min-height:0;
}
#afficheprog .field-titre {
 font-size:1.2em;
 font-weight:bold;
}
.field-theme,
.field-public,
.field-lieu {
 font-weight:bold;
}
.field-theme span,
.field-public span,
.field-lieu span {
 font-weight:normal;
}
#inter .inter-resultsProg {
 border-bottom: 1px solid #E05F2C;
 padding-bottom: 20px;
 min-height:190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == FOOTER -----------------*/
body.bodyAttente #footerattenteblock #basPage{
bottom: -6px !important; 
}
body.bodyAttente #footerattenteblock #basPage ul li a{
font-size: 13px !important;
}
p.credits{
 font-size: 13px;}
#nombreprog, .nombreprog  {
 position:absolute;
 top:-10px;
 left:295px;
 z-index:3;
}

.nombreprog  {
 top: 0;
}

#nombreprog span, .nombreprog span {
 display:block;
 height:25px;
 width:25px;
 padding:2px 5px;
 text-align:center;
 border-radius:25px;
 font-weight:bold;
 font-size: 14px;
 font-family:'Open Sans', sans-serif;
 line-height:1.2;
 color:#FFF;
 background:#05A6BF;
}
.wrapperFooter {
 min-height:148px;
 background: #FFED00 url("bandeau_full_bottom.jpg") no-repeat center top;
  font-family:'Open Sans', sans-serif;
 position:relative;
 z-index:1;
}
#footer {
 float:left;
 width:100%;
}
.menu-pied li a {
 color:#000000;
 text-decoration:none;
}
.menu-pied li a:focus,
.menu-pied li a:hover {
 color:#be3600;
}
.menu-footer {
 margin:10px 0 0 0;
position : relative;
}
.menu-footer iframe{
margin: 10px  0 0 15px;
}
.menu-footer li {
 margin-top:11px;
 margin-bottom:11px;
}
.menu-footer a, a.button_prog  {
 color: white;
 background: black;
 text-decoration:none;
 font-size:1.2em;
font-weight: bold;
 height:40px;
 padding:10px 0;
 display:block;
 text-align:center;
 transition:all 0.2s ease;
}
a.button_prog {
font-size: 1.8em;
}
.menu-footer a:hover {
 background: white;
 color: black;
}
/*------------------*/
.wrapperPiedPage {
 z-index:2;
 position:relative;
 font-family:'Open Sans', sans-serif;
}
.social-block {
 float:left;
 height:44px;
 width:300px;
 position:absolute;
 top:-59px;
 left:15px;
 z-index:3;
}
.social-block p {
 float:left;
 height:44px;
 width:130px;
 padding:13px 0;
 text-transform:uppercase;
 font-size:1.2em;
 font-weight:600;
 color: black;
}
.list-social {
 margin:0;
 padding:0;
 float:left;
 width:150px;
}
.list-social li {
 float:left;
 width:44px;
 margin:0 2px;
}
.list-social a {
 display:block;
 height:44px;
 width:44px;
 background-image:url(sprite_1.png);
 background-repeat:no-repeat;
}
.facebook {
 background-position:-277px 0;
}
.twitter {
 background-position:-341px 0;
}
.instagram {
 background-position:-405px 0;
}
.partenaires-block {
 width:740px;
 float:left;
 margin:45px 100px 10px 100px;
 padding:0 30px;
 position:relative;
}
.partenaires-block p {
 font-size:1.4em;
 font-weight:600;
 padding-bottom:15px;
 text-align:center;
 line-height: 25px;
color: #1f5852;
}
.partenaires-block .bx-wrapper,
.partenaires-block .bx-viewport {
 height:60px;
}
.partenaires-block ul {
 margin:0;
 padding:0;
 float:left;
 height:60px;
 width:680px;
}
.partenaires-block ul li,
.partenaires-block ul li a {
 float:left;
 height:60px;
 width:160px;
 background:#FFF;
}
.partenaires-block img {
 display:block;
 height:auto;
 max-height:100%;
 max-width:100%;
 margin:0 auto;
}
.partenaires-block .bx-prev {
 top:0;
 height:100%;
 background-position:-150px 80px;
}
.partenaires-block .bx-next {
 top:0;
 height:100%;
 background-position:-175px 80px;
}
.menu-pied {
 text-align:center;
 margin:20px 0;
 padding:0;
 position:relative;
 z-index:1;
 float:left;
 width:100%;
}
.menu-pied li {
 display:inline;
 padding:0 2px;
}
.inscritnews {
 float:left;
 width:298px;
 position:absolute;
 top:-59px;
 right:15px;
 z-index:2;
}
.inscritnews legend {
 position:absolute;
 top:-5000px;
 left:-5000px;
}
.inscritnews label {
 float:left;
 height:58px;
 width:298px;
 padding:13px 0 23px 0;
 font-size:1.4em;
 color:#FFF;
 background:url(sprite.png) no-repeat -469px 0;
 text-transform:uppercase;
 text-align:center;
}
.inscritnews input {
 float:left;
 height:44px;
 width:237px;
 line-height:44px;
 font-size:1.4em;
 margin-right:10px;
 padding-left:10px;
 color:#8D969D;
 background:#FFF;
 border:none;
}
.inscritnews input:focus {
 box-shadow:0px 0px 15px #05A6BF;
}
.inscritnews button {
 float:left;
 height:44px;
 width:44px;
 border:none;
 text-indent:-5000px;
 background:url(sprite.png) no-repeat -212px 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == HAUT DE LA PAGE --------*/
body.accueil .hautpage {
 display: none;
}
.hautpage {
 position:absolute;
 top:-30px;
 right:0;
}
.hautpage a {
 display:block;
 height:30px;
 padding:5px 15px;
 color: white;
 background: black;
 text-decoration:none;
}
.hautpage a:hover {
 background-color: black;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == IMPRIMER LA PAGE -------*/
.imprimpage {
 position:absolute;
 top:11px;
 right:15px;
 z-index:10;
 height:41px;
 font-family:"Open Sans", sans-serif;
 overflow:hidden;
}
.imprimpage a {
 display:block;
 text-decoration:none;
 color:#FFF;
 background:#BE3600;
 text-transform:uppercase;
 font-weight:600;
 padding:12px 15px;
 transition: all 0.2s ease 0s;
}
.imprimpage a:hover,
.imprimpage a:focus {
 background:#EBA835;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == PAGINATION -------------*/
.pagination {
 position: relative;
 text-align: center;
 margin:0 0 20px 0;
 float:left;
 width:100%;
}
.wrapPagination {
 width:245px;
 margin:0 auto;
 position:relative;
}
.pagination a {
 display: block;
 width:24px;
 height:24px;
 text-decoration:none;
 overflow:hidden;
 background:url(sprite_2.png) no-repeat -846px 0;
}
.pagination a span{
 position:absolute;
 top:-5000px;
 left:0;
}
.pagination a:hover {
 opacity:0.8;
 -khtml-opacity:0.8;
 -moz-opacity : 0.8;
 -ms-filter: "alpha(opacity=80)";
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 filter: alpha(opacity=80); 
}
.pagination a.precedent {
 float:left;
 margin-right:20px;
}
.pagination a.suivant {
 background-position:-891px 0;
 /*margin-left:20px;*/
 float:right;
}
.pagination p {
 margin:0;
 text-align:left;
 padding:0; 
 font-size:1.3em;
 line-height: 1.4em;
 width:175px;
 float:left;
}
#pagination-top {
 display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == 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,
.lien_accueil {
 position:absolute;
 top:-5000px;
 left:-5000px;
}
.sp2,
.sp2 + a{
 display: none;
}
.no-padding {
 padding:0;
}
.no-padding-left {
 padding-left:0;
}
.no-padding-right {
 padding-right:0;
}
.no-margin {
 margin:0;
}
.no-margin-left {
 margin-left:0;
}
.no-margin-top {
 margin-top:0;
}
.no-margin-right {
 margin-right:0;
}
.no-margin-bottom {
 margin-bottom:0;
}

   #illustration_01{
    position: absolute;
    height: 70px;
    width: 71px;
    background: url(ballon_actu.png) no-repeat center center;
    left: 180px;
    bottom: -14px;
    }

   #illustration_02{
    position: absolute;
    height: 90px;
    width: 60px;
    background: url(ballon_prog.jpg) no-repeat center center;
    right: -64px;
    bottom: -35px;
    }

   #illustration_03{
    position: absolute;
    height: 52px;
    width: 47px;
    background: url(artichaud_invit.jpg) no-repeat center center;
    left: 0px;
    bottom: 0px;
    }

#illustration_04{
    position: absolute;
    height: 106px;
    width: 58px;
    background: url(courge_prog.jpg) no-repeat center center;
    right: -40px;
    top: 110px;
    }
#illustration_05{
    position: absolute;
    height: 73px;
    width: 60px;
    background: url(banane_prog.jpg) no-repeat center center;
    left: -70px;
    top: 355px;
    }




/*--------------------------------------------------------------------------------------------------------------*/
/* == 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:#498C9D;
  border-bottom:1px solid #498C9D;
  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 0px;
  margin:10px 0;
  background: url("puce-ll.gif") no-repeat scroll left center transparent;
  color: #498C9D;
}
form.questionnaire div.submit input {
  width:auto; 
}
body #inter form.questionnaire div.submit{
  float: left;
  width: 100%;
  background: #498C9D;
  margin: 0;
  padding: 5px;
  color:#fff;
}
body #inter form.questionnaire div.submit input{
  float: left;
  margin: 0;
  padding:5px;
  cursor: pointer;
  color:#fff;
  background:#000;
}
body #inter form.questionnaire div.submit input:hover{
  text-decoration:underline;
}
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 ---------- */
.spPublicationSommaire {
 background-color: #BCC6C4; /*@note02*/
}
/*--------------------------------------------------------------------------------------------------------------*/
/* == COMMENT - AIME/AIME PAS */
.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;
}
/*-----------------------------------------*/
/* == RESPONSIVE ------------------*/
@media screen and (min-width:768px) {
   .container {
      width:970px;
   }
   .partenaires-block ul li, .partenaires-block ul li a {
      width:160px !important;
   }
   #entete_actualites {
      position:absolute;
      top:0;
      left:15px;
   }
   #inter #entete_actualites h2 {
      width:940px;
      margin-bottom:15px;
   }
   body.actualites #inter {
      float:right;
      width:70%;
      padding-top:70px;
   }
   body #inter form {
      float:left;
      width:100%;
   }

}
@media only screen and (orientation: portrait) {
   /*.background, .container {
      min-width:100%;
      width:100%;
   }*/
    @-webkit-viewport {
        width: device-width;
    }
    @-moz-viewport {
        width: device-width;
    }
    @-ms-viewport {
        width: device-width;
    }
    @-o-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
}
@media screen and (max-width:767px) {
    @-webkit-viewport {
        width: device-width;
    }
    @-moz-viewport {
        width: device-width;
    }
    @-ms-viewport {
        width: device-width;
    }
    @-o-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
   #header h1.logo {
      z-index:15;
   }
   .wrapperHeader, #header, h1.logo a {
      height:302px;
      background: url("bg_header_mob.jpg") center top no-repeat;
   }
   .wrapperHeader_02 {
     background: none;
  }
   .wrapperFooter {
   background-image: none !important;
   }
   .resultsProg .link-prog a{
  position:static;
  }
   .logo img {
      display:block;
      height:auto;
      width:auto;
      max-height:83px;
      max-width:85%;
      margin:0 auto;
   }
   .img00 {
      bottom:10px;
      height:auto;
      width:90px;
      z-index:10;
   }
   .img00 img {
      height:auto;
      max-width:100%;
   }
   .img01 {
      top:90px;
      left:50%;
      bottom:auto;
      margin-left:-69px;
   }
   .img02 {
      top:80px;
      right:0;
   }
   .img03, .shadow.img03 {
      left:52%;
   }
   .img04, .shadow {
      left:-50px;
   }
   .wrapperLeft .container {
      padding:0;
   }
   .goToNews {
      top:0;
      width:50%;
   }
   .goToNews a {
      height:48px;
      padding:15px 33px 15px 12px;
      width:100%;
   }
   #left .com-menu ul {
      margin:0;
   }
   #left .com-menu ul li {
      float:none;
      width:auto;
      margin-bottom:12px;
   }
   .com-menu ul li.lien04 {
      margin-left:15px;
   }
   #left .com-menu ul li a {
      height:48px;
   }
   /*.com-menu ul li.lien04 a {
      margin-right:15px;
   }*/
   #left .com-menu ul li a > span {
      padding:15px 0;
   }
   #left .com-menu ul li.lien04 a > span {
      padding:15px;
      max-height:none;
   }
   .module.invite {
      padding-left:15px;
   }
   .module.invite .media {
      padding: 0 30px;
   }
   .media-body, .media-left, .media-right {
      display:block;
      width:100%;
      max-width:250px;
      margin:0 auto;
      padding-right:0;
   }
   .module.invite img {
      display:block;
      margin:0 auto;
   }
   .desc_auteur.blue {
      /*left:50%;
      margin-left:-81px;*/
      max-width:100%;
      margin-bottom:0;
      text-align:left;
      font-size:0.85em;
   }
   .module .media-body {
      margin-top:20px;
   }
   .wrapper-slider-actus,
   #inter .slider-actus {
      float:left;
      height:auto;
   }
   .background #inter .slider-actus.onlyOne,
   .background #inter .slider-actus.onlyOne > li {
      float:none;
      margin:0 auto;
      width:auto;
   }
   .wrapper-slider-actus {
      width:100%;
   }
   .resultsActus > div {
      margin:0 auto;
      padding:15px 0;
   }
   .resultsActus .content {
      height:auto;
      padding-bottom:41px;
   }
   .module.invite {
      clear:both;
   }
   body.accueil1 #inter .row {
      padding-top:30px;
   }
   body.accueil #inter > .row > div {
      padding-left:0;
      padding-right:0;
   }
   .module.programme,
   .module.plan {
      padding-bottom:30px;
   }
   .module.programme > .col-sm-4 {
      z-index:10;
      padding:0;
   }
   #inter .programme .col-sm-4 > h3 {
      margin-left:0;
      margin-right:0;
   }
   .programme .img04 {
      left:-70px;
   }
   #inter .slider-prog {
      float:left;
      width:100%;
      padding:0 30px;
   }
   .programme .bx-prev {
      left:0;
   }
   .programme .bx-next {
      right:0;
   }
   #inter .programme {
      background-position:105% 80%;
   }
   .content-prog {
      margin:0 35px;
   }
   body.fiche-event #inter .resultsProg {
      padding-left:15px;
   }
   body.accueil #inter .resultsProg {
      height:420px;
   }
   .background #inter .listeMoteur .resultsAuteurs {
      padding-left:0;
      padding-right:0;
   }
   .resultsAuteurs .media-body {
      margin-top:10px;
   }
   #inter .listeMoteur .resultsAmis {
      padding-right:0;
      width:460px;
      margin:10px auto;
   }
   .label {
      margin:10px 0;
   }
   .carte-interactive {
      padding:0 15px;
   }
   .inscritnews,
   .social-block {
      position:relative;
      top:0;
      right:0;
      float:none;
      margin:15px auto;
      z-index:10;
   }
   .social-block {
      height:auto;
      width:100%;
      left:0;
      margin-top:40px;
   }
   .social-block p {
      float:none;
      text-align:center;
      height:auto;
      width:100%;
      padding-top:0;
   }
   .list-social {
      float:none;
      width:100%;
   }
   .list-social li {
      float:none;
      width:32%;
      display:inline-block;
      margin:0;
      text-align:center;
   }
   .list-social a {
      margin:0 auto;
   }
   .wrapperPiedPage .img02 {
      top:130px;
      right:6%;
   }
   .wrapperPiedPage .img03 {
      top:190px;
      left:auto;
      right:25%;
   }
   .wrapperPiedPage .img04 {
      left:-45px;
   }
   .partenaires-block, 
   .partenaires-block ul,
   .partenaires-block ul li,
   .partenaires-block ul li a {
      height:60px;
      width:100%;
      margin:0 auto;
      float:none;
   }
   .partenaires-block,
   .menu-pied {
      position:relative;
      z-index:10;
      height:auto;
      margin-top:40px;
   }
   .menu-pied li {
      font-size:1.2em;
      display:block;
      line-height:1.4em;
   }
   body .background .hautpage {
      display:block;
      float:none;
      position:relative;
      top:0;
      margin:-41px -15px 0 -15px;
      text-align:center;
      text-transform:uppercase;
   }
   .hautpage a {
      background:#e7302a;
   }
   .hautpage span {
      display:block;
      height:11px;
      background:url(bg_hautpage.png) no-repeat center top;
   }
   body.accueil .resultsProg .suite {
      position:relative;
      height:auto;
   }
   .background .resultsActus .suite {
      width:100%;
   }
   .listeMoteur .resultsProg .suite {
      left:0;
      width:100%;
   }
   #inter .resultsProg {
      min-height:0;
      height:auto;
   }
   .label {
      height:auto;
      padding-top:0;
      padding-bottom:0;
   }
   .btnValide button {
      min-height:0;
      position:relative;
      left:0;
      bottom:0;
      width:100%;
   }
   .module.programme .bx-wrapper, .module.programme .bx-viewport {
      height:440px !important;
   }
   #nombreprog {
      left:95%;
   }
   #inter > h1 span {
   text-align:left;
   }
   #afficheprog .suite {
      position:relative;
   }
#illustration_01, 
#illustration_02, 
#illustration_03, 
#illustration_04{ display:none;}


}
@media screen and (max-width:500px) {
   #inter .listeMoteur .resultsAmis {
      float:left;
      width:100%;
   }
   .resultsAmis > div {
      float:none !important;
      margin:0 auto;
   }

.link-prog.ajoute .sanLien.visible{
 position: relative;
 top: 0px;
}
}
@media screen and (max-width:475px) {
   #header-villeurbanne, #contentHeaderVilleurbanne {
      height:auto;
      overflow:visible;
   }
   #header-villeurbanne {
      background-color:#626361;
   }
   .colLeft, .colRight {
      float:none;
      display:inline-block;
   }
   #header-villeurbanne .colLeft a,
   #header-villeurbanne .colRight a {
      margin:2px 10px 5px 0;
      float:none;
      display:inline-block;
   }
   .colLeft a img {
      float:none;
      display:inline-block;
   }

}