.cycle-pager {text-align:center; width:100%; z-index:1; position:absolute; /*top:-10px; right:20px;*/ overflow:hidden; bottom:-25px;}
.cycle-pager span {font-family: arial; font-size:50px; display: inline-block; color: #ddd; cursor: pointer; z-index:1;}
.cycle-pager span.cycle-pager-active {color:#3496c1;}
.cycle-pager > * { cursor: pointer;}

/* Surchage */
#pub {float:none}
#slideshow {float:none; border:none;}
#nav {left:auto; width:auto;}

hr {
	visibility:hidden;
	}

/*_____________________slideshow_____________________*/

#pub {}
#slideshow {position:relative; margin:0; padding:0;}
#slideshow img:hover {cursor:pointer;}
#nav {font-size:14px; font-weight:bold; height:36px; padding:0; position:absolute; top:14px; right:105px; z-index:20;}
#nav a {background: none repeat scroll 0 0 #ACACAC; box-shadow:0 0 3px #333; text-shadow:0 0 3px #333; border: 1px solid #CACACA; color: #EEEEEE; display: inline-block; font-size: 0.7em; height: 18px; margin: 0 3px; padding: 2px 5px 4px; position: relative; text-decoration: none; width: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#nav a.activeSlide {background: none repeat scroll 0 0 #3ab3e7;}
#nav a:focus {}
					

/*_____________________Liens classiques_____________________*/

a#rightPub-a{display:block; float:left; height:270px; margin:0 0 0 10px; width:368px;}

#slide {width:100%; z-index:1;}

#slide img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block; height:auto;
}



/* --- Spécifique média --- */

/* lg */
@media (min-width: 1200px) {
    

    
}

/* md */
@media only screen and (max-width : 1200px) {

    #nav {right:165px;}
    
}

/* sm */
@media only screen and (max-width : 992px) {
    
    #nav {right:33px;}
    
}

/* ms */
@media only screen and (max-width : 767px) {
    

    
}

/* xs */
@media only screen and (max-width : 480px) {
    

    
}

/* xxs */
@media only screen and (max-width : 350px) {
    
}

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

}.cycle-pager {text-align:center; width:100%; z-index:1; position:absolute; /*top:-10px; right:20px;*/ overflow:hidden; bottom:-25px;}
.cycle-pager span {font-family: arial; font-size:50px; display: inline-block; color: #ddd; cursor: pointer; z-index:1;}
.cycle-pager span.cycle-pager-active {color:#D10D26;}
.cycle-pager > * { cursor: pointer;}

/* Surchage */
#pub {float:none}
#slideshow {float:none; border:none;}
#nav {left:auto; width:auto;}

hr {
	visibility:hidden;
	}

/*_____________________slideshow_____________________*/

#pub {}
#slideshow {position:relative; margin:0; padding:0;}
#slideshow img:hover {cursor:pointer;}
#nav {font-size:14px; font-weight:bold; height:36px; padding:0; position:absolute; top:14px; right:105px; z-index:20;}
#nav a {background: none repeat scroll 0 0 #ACACAC; box-shadow:0 0 3px #333; text-shadow:0 0 3px #333; border: 1px solid #CACACA; color: #EEEEEE; display: inline-block; font-size: 0.7em; height: 18px; margin: 0 3px; padding: 2px 5px 4px; position: relative; text-decoration: none; width: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#nav a.activeSlide {background: none repeat scroll 0 0 #3ab3e7;}
#nav a:focus {}
					

/*_____________________Liens classiques_____________________*/

a#rightPub-a{display:block; float:left; height:270px; margin:0 0 0 10px; width:368px;}

#slide {width:100%; z-index:1;}

#slide img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block; height:auto;
}



/* --- Spécifique média --- */

/* lg */
@media (min-width: 1200px) {
    

    
}

/* md */
@media only screen and (max-width : 1200px) {

    #nav {right:165px;}
    
}

/* sm */
@media only screen and (max-width : 992px) {
    
    #nav {right:33px;}
    
}

/* ms */
@media only screen and (max-width : 767px) {
    

    
}

/* xs */
@media only screen and (max-width : 480px) {
    

    
}

/* xxs */
@media only screen and (max-width : 350px) {
    
}

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

}