/* FONCTION MENU PRINCIPAL FLOTTANT */
#header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: 0px;
	width: 1000px;
	height: 180px;
	margin: 0 auto;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
/* MENU HAUT */
#nav1 {	
	Z-INDEX: 996; 
	position: relative;
	FLOAT: right; 
	top: 0px;
	right: 0px;
	white-space: nowrap;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal; 
	TEXT-TRANSFORM: uppercase; 
	display:inline-block; 
	LIST-STYLE-TYPE: none; 
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 20px; 
	MARGIN: 0em 0px 0.3em;  
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px 
	FONT-FAMILY: dinpro-light, Verdana, Helvetica, Arial, sans-serif; 
	PADDING-TOP: 0px;
	LIST-STYLE-IMAGE: none; 
}
#nav1 UL {	
	Z-INDEX: 996; 
	LINE-HEIGHT: 20px; 
	LIST-STYLE-TYPE: none;
	LIST-STYLE-IMAGE: none;
	MARGIN: 0em 0px 0.3em; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FLOAT: right; 
	FONT-WEIGHT: normal; 
	FONT-FAMILY: dinpro-light, Verdana, Helvetica, Arial, sans-serif; 
	TEXT-TRANSFORM: uppercase;
	BACKGROUND: #f0f0f0; 
	display:inline-block; 
}
#nav1 UL LI {	Z-INDEX: 996; FONT-SIZE: 11px}
#nav1 A {	BORDER-LEFT: 0px ; PADDING-BOTTOM: 0px; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; DISPLAY: block; FONT-FAMILY: dinpro-light, Verdana, Arial, Helvetica, sans-serif; COLOR: #666666; MARGIN-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 1px}
#nav1 LI {	Z-INDEX: 996; LINE-HEIGHT: 30px; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #FFFFFF; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; MARGIN-BOTTOM: 0px; FLOAT: left; MARGIN-LEFT: 0px; PADDING-TOP: 0px;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#nav1 LI UL {	Z-INDEX: 996; POSITION: absolute; BACKGROUND-COLOR: #FFFFFF; MARGIN: 0px; WIDTH: 15.2em; HEIGHT: auto; FONT-SIZE: 66%; FONT-WEIGHT: normal; LEFT: -999em}
#nav1 LI LI {	WIDTH: 13.5em; PADDING-RIGHT: 1em}
#nav1 LI UL A {	PADDING-BOTTOM: 0.3em; TEXT-TRANSFORM: none; MARGIN: 0px; PADDING-LEFT: 0.8em; WIDTH: 13.5em; PADDING-RIGHT: 0.8em; PADDING-TOP: 0.3em}
#nav1 LI UL A:hover {	COLOR: #000000}
#nav1 LI A:hover {	COLOR: #000000}
#nav1 LI:hover UL {	LEFT: auto}
#nav1 LI LI:hover UL {	LEFT: auto}
#nav1 LI LI LI:hover UL {	LEFT: auto}
#nav1 LI.sfhover UL {	LEFT: auto}
#nav1 LI LI.sfhover UL {	LEFT: auto}
#nav1 LI LI LI.sfhover UL {	LEFT: auto}
#nav1 LI:hover {	BACKGROUND: #CCCCCC; COLOR: #000000}
#nav1 LI.sfhover {	BACKGROUND: #E6E6E6}

#nav1 LI2 {	Z-INDEX: 996; LINE-HEIGHT: 30px; BORDER-LEFT: #ffffff 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #E6E6E6; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; MARGIN-BOTTOM: 0px; FLOAT: left; MARGIN-LEFT: 0px; PADDING-TOP: 0px; 
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#nav1 LI2 UL {	Z-INDEX: 996; POSITION: absolute; BACKGROUND-COLOR: #E6E6E6; MARGIN: 0px; WIDTH: 15.2em; HEIGHT: auto; FONT-SIZE: 66%; FONT-WEIGHT: normal; LEFT: -999em}
#nav1 LI2 LI {	WIDTH: 13.5em; PADDING-RIGHT: 1em}
#nav1 LI2 UL A {	PADDING-BOTTOM: 0.3em; TEXT-TRANSFORM: none; MARGIN: 0px; PADDING-LEFT: 0.8em; WIDTH: 13.5em; PADDING-RIGHT: 0.8em; PADDING-TOP: 0.3em}
#nav1 LI2 UL A:hover {	COLOR: #000000}
#nav1 LI2 A:hover {	COLOR: #000000}
#nav1 LI2:hover UL {	LEFT: auto}
#nav1 LI2 LI2:hover UL {	LEFT: auto}
#nav1 LI2 LI2 LI:hover UL {	LEFT: auto}
#nav1 LI2.sfhover UL {	LEFT: auto}
#nav1 LI2 LI2.sfhover UL {	LEFT: auto}
#nav1 LI2 LI2 LI2.sfhover UL {	LEFT: auto}
#nav1 LI2:hover {	BACKGROUND: #CCCCCC; COLOR: #000000}
#nav1 LI2.sfhover {	BACKGROUND: #E6E6E6}
UL#nav1 {	Z-INDEX: 996}

/*LOGO HAUT DE PAGE */
#header_logo{
	position: relative;
	margin: 0px;
	top: 30px;
	left: 11px;
	height: 100px;
	width: 500px;
	white-space: nowrap;
}
.index_ripbm {
	font-family: 'dinpro-black', sans-serif;	
	color: #666666;
	font-size: 25px;
	text-transform: uppercase;
	line-height:21px; 
	letter-spacing:-1px;
	text-decoration: none;
}
.index_ripbm span {
	color: #CCCCCC;
}
.index_ripbm:hover {
	color: #000000;
}
.index_ripbm span:hover {
	color: #CCCCCC;
}
/*MENU PRINCIPAL HAUT DE PAGE */
.menu {
    Z-INDEX: 500; 
	position:absolute;
    top:130px;
	height: 30px;
}
.fixed {
    position:fixed;
    top:0px;
	WIDTH: 1000px;
	HEIGHT: 30px;
	BACKGROUND-COLOR: #E6E6E6;
	box-shadow: 0 0 20px #CCCCCC;
	-webkit-box-shadow: 0 0 20px #CCCCCC;
	-moz-box-shadow: 0 0 20px #CCCCCC;
}
.menu2 {
    Z-INDEX: 999; 
	position:absolute;
    top:160px;
}
.fixed2 {
    position:fixed;
    top:30px;
}


/* MENU PRINCIPAL */
#portail {
    Z-INDEX: 998; 
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT-FAMILY: dinpro-medium, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	FLOAT: left;
	WIDTH: 1000px;
	HEIGHT: 30px;
	FONT-SIZE: 13px;
	PADDING-TOP: 0px;
	text-decoration: none;
}
#portail LI {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 18px;
	text-decoration: none;
}
#portail LI2 {
	FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 20px;
	text-decoration: none;
	-webkit-transition: background-image 0.3s linear;
    -moz-transition: background-image 0.3s linear;
    -ms-transition: background-image 0.3s linear;
    -o-transition: background-image 0.3s linear;
    transition: background-image 0.3s linear;
}
#portail LI5 {
	FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 20px;
	text-decoration: none;
	-webkit-transition: background-image 0.3s linear;
    -moz-transition: background-image 0.3s linear;
    -ms-transition: background-image 0.3s linear;
    -o-transition: background-image 0.3s linear;
    transition: background-image 0.3s linear;
}
#portail LI3 {
	FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 20px;
	text-decoration: none;
	BORDER-TOP: #FFFFFF 0px solid;
	BORDER-BOTTOM: #FFFFFF 0px solid;
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#portail LI3 A:hover {
	COLOR: #000000
}
#portail LI3:hover {
    COLOR: #000000;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 20px;
	text-decoration: none;
	BORDER-TOP: #CCCCCC 0px solid;
	BORDER-BOTTOM: #CCCCCC 0px solid;
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	}
#portail LI6 {
	FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 18px;
	text-decoration: none;
	BORDER-TOP: #E6E6E6 1px solid;
	BORDER-BOTTOM: #E6E6E6 1px solid;
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-LEFT: #E6E6E6 1px solid;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
/*
LI pour les langues 
	LI4 pour langue FR dans modele_fr et EN dans modele_en
	LI6 pour FR dans modele_en 
	LI7 pour EN dans modele_fr */
#portail LI4 {
	FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 18px;
	text-decoration: none;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#portail LI6 A:hover {
	COLOR: #000000
}
#portail LI6:hover {
    COLOR: #000000;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 18px;
	text-decoration: none;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	}
#portail LI7 {
	FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 18px;
	text-decoration: none;
	BORDER-TOP: #E6E6E6 1px solid;
	BORDER-BOTTOM: #E6E6E6 1px solid;
	BORDER-RIGHT: #E6E6E6 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#portail LI7 A:hover {
	COLOR: #000000
}
#portail LI7:hover {
    COLOR: #000000;
	BACKGROUND-COLOR: #CCCCCC;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 7px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	HEIGHT: 18px;
	text-decoration: none;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	}

#portail A {
	COLOR: #000000; TEXT-DECORATION: none
}
#portail A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
LI.inactive {
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #CCCCCC;
	BORDER-TOP: #CCCCCC 1px solid;
	text-decoration: none;
}
.active {
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #ffffff;
	COLOR: #000000;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}
LI2.inactive {
	BORDER-BOTTOM: #E6E6E6 0px solid;
	BACKGROUND-COLOR: #E6E6E6;
	BORDER-TOP: #E6E6E6 0px solid;
	text-decoration: none;
}
LI3.inactive {
	BORDER-BOTTOM: #FFFFFF 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-TOP: #FFFFFF 1px solid;
	text-decoration: none;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
LI4.inactive {
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #CCCCCC;
	text-decoration: none;
}
LI5.inactive {
	BORDER-BOTTOM: #E6E6E6 0px solid;
	BACKGROUND-COLOR: #E6E6E6;
	BORDER-TOP: #E6E6E6 0px solid;
	text-decoration: none;
}
LI6.inactive {
	BORDER-BOTTOM: #E6E6E6 1px solid;
	BORDER-TOP: #E6E6E6 1px solid;
	BORDER-RIGHT: #E6E6E6 1px solid;
	BORDER-LEFT: #E6E6E6 1px solid;
	BACKGROUND-COLOR: #E6E6E6;
	text-decoration: none;
}
LI7.inactive {
	BORDER-BOTTOM: #E6E6E6 1px solid;
	BORDER-TOP: #E6E6E6 1px solid;
	BORDER-RIGHT: #E6E6E6 1px solid;
	BORDER-LEFT: #E6E6E6 1px solid;
	BACKGROUND-COLOR: #E6E6E6;
	text-decoration: none;
}

#onglet1 {
	WIDTH: 112px; BORDER-RIGHT: #ffffff 1px solid
}
.info#onglet1 {
	BACKGROUND-COLOR: #3399FF; HEIGHT: 19px; BORDER-TOP: #3399FF 1px solid
}
#onglet2 {
	WIDTH: 104px; BORDER-RIGHT: #ffffff 1px solid
}
.prog#onglet2 {
	BACKGROUND-COLOR: #FF0066; HEIGHT: 19px; BORDER-TOP: #E13131 1px solid
}
#onglet3 {
	WIDTH: 96px; BORDER-RIGHT: #ffffff 1px solid
}
.catalog#onglet3 {
	BACKGROUND-COLOR: #FF7A04; HEIGHT: 19px; BORDER-TOP: #FF7A04 1px solid
}
#onglet4 {
	WIDTH: 128px; BORDER-RIGHT: #ffffff 1px solid
}
.collab#onglet4 {
	BACKGROUND-COLOR: #33CC99; HEIGHT: 19px; BORDER-TOP: #33CC99 1px solid
}
#onglet5 {
	WIDTH: 92px; BORDER-RIGHT: #ffffff 1px solid
}
.tvlab#onglet5 {
	BACKGROUND-COLOR: #C935CB; HEIGHT: 19px; BORDER-TOP: #C935CB 1px solid
}
#onglet6 {
	WIDTH: 263px; BORDER-RIGHT: #ffffff 1px solid
}
.newsletter#onglet6 {
	BACKGROUND-COLOR: #CCCCCC; HEIGHT: 19px; BORDER-TOP: #CCCCCC 1px solid
}
#onglet7left {
	WIDTH: 8px; BORDER-RIGHT: #ffffff 0px solid
}
#onglet7right {
	WIDTH: 8px; BORDER-RIGHT: #ffffff 1px solid
}
#onglet7facebook {
	WIDTH: 28px; BORDER-RIGHT: #ffffff 0px solid
}
#onglet7twitter {
	WIDTH: 28px; BORDER-RIGHT: #ffffff 0px solid
}
#onglet7instagram {
	WIDTH: 28px; BORDER-RIGHT: #ffffff 0px solid
}
#onglet7vimeo {
	WIDTH: 28px; BORDER-RIGHT: #ffffff 0px solid
}
#onglet8fr {
	WIDTH: 33px; BORDER-RIGHT: #ffffff 1px solid
}
#onglet8en {
	WIDTH: 33px; BORDER-RIGHT: #ffffff 0px solid
}
/*
#onglet8de {
	WIDTH: 26px; BORDER-RIGHT: #ffffff 1px solid
}
#onglet8es {
	WIDTH: 26px; BORDER-RIGHT: #ffffff 1px solid
}
*/
#infoSite {
	FONT-VARIANT: small-caps;
	/*TEXT-TRANSFORM: uppercase;*/ 
	PADDING-LEFT: 11px; 
	PADDING-TOP: 1px; 
	WIDTH: 989px; 
	FONT-FAMILY: dinpro-medium, Verdana, Arial, Helvetica, sans-serif; 
	FLOAT: left; 
	HEIGHT: 19px; 
	COLOR: #ffffff; 
	FONT-SIZE: 13px;
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
	 Z-INDEX: 997
}
.info {
	BACKGROUND-COLOR: #3399FF; HEIGHT: 18px
}
.prog {
	BACKGROUND-COLOR: #FF0066; HEIGHT: 18px
}
.catalog {
	BACKGROUND-COLOR: #FF7A04; HEIGHT: 18px
}
.collab {
	BACKGROUND-COLOR: #33CC99; HEIGHT: 18px
}
.tvlab {
	BACKGROUND-COLOR: #C935CB; HEIGHT: 18px
}
.newsletter {
	BACKGROUND-COLOR: #ffffff; HEIGHT: 18px
}
.social {
	BACKGROUND-COLOR: #3399FF; HEIGHT: 18px
}
.langue {
	BACKGROUND-COLOR: #FF0066; HEIGHT: 18px
}

.input{
color:#FF0000;
font-size:10px;
HEIGHT: 17px;
font-family: arial, verdana, dinpro-light;
background-color:#E6E6E6;
BORDER-RIGHT: #999999 0px solid;
BORDER-TOP: #999999 0px solid;
BORDER-LEFT: #999999 0px solid;
BORDER-BOTTOM: #999999 0px solid
} 

/* TRANSITIONS */
.transcolor {
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}
.transbgimg {
	-webkit-transition: background-image 0.3s ease-in-out;
	-moz-transition: background-image 0.3s ease-in-out;
	-ms-transition: background-image 0.3s ease-in-out;
	-o-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
}
.transbgcolor {
	-webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

/*LOGO RESEAUX SOCIAUX*/
div#rs_facebook { display:block; margin: 0 auto; 
background-image: url('../../_images/_all/rs_facebook.png'); text-decoration: none; 
}
div#rs_facebook:hover{ background-image: url('../../_images/_all/rs_facebook_over.png');  
}
div#rs_twitter { display:block; margin: 0 auto; 
background-image: url('../../_images/_all/rs_twitter.png'); text-decoration: none; 
}
div#rs_twitter:hover{ background-image: url('../../_images/_all/rs_twitter_over.png');  
}
div#rs_instagram { display:block; margin: 0 auto; 
background-image: url('../../_images/_all/rs_instagram.png'); text-decoration: none; 
}
div#rs_instagram:hover{ background-image: url('../../_images/_all/rs_instagram_over.png');  
}
div#rs_vimeo { display:block; margin: 0 auto; 
background-image: url('../../_images/_all/rs_vimeo.png'); text-decoration: none; 
}
div#rs_vimeo:hover{ background-image: url('../../_images/_all/rs_vimeo_over.png');  
}
/*PRELOAD LOGO RESEAUX SOCIAUX*/
body:after {
    content: url(../../_images/_all/rs_facebook_over.png) url(../../_images/_all/rs_twitter_over.png) url(../../_images/_all/rs_instagram_over.png) url(../../_images/_all/rs_vimeo_over.png)        ;
    display:none;
}

/* FOOTER PIED DE PAGE */
#foooter{
z-index: 100;
	/*position: absolute;*/
	margin: 0px;
	bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 280px;
	width: 100%;
	BACKGROUND-COLOR: #CCCCCC;
/*	BACKGROUND-COLOR: #f0f0f0;
*/
}
#wrapfooter {
z-index: 110;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 1000px;
	height: 280px;	
	margin: 0 auto;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	BACKGROUND-COLOR: #CCCCCC;
/*	BACKGROUND-COLOR: #f0f0f0;
*/
}
#menufooter{
z-index: 120;
	position: absolute;
	margin: auto;
	top: 50px;
	left: 230px;
}
/*#menufooter A{
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}*/
#menufooter span {
z-index: 120;
   display:inline;
   float:left;
   border:0px;
   margin:0px;
   padding:0px;
   vertical-align:top;
  }
#menufooter p {
z-index: 120;
   clear:left;
   margin:0px;
   padding:0px;
   border:0px;
   vertical-align:top;
   /*height:100% !important; height:1em;*/
  }
.inter50px{
height:32px;
top:0px;
}
.inter20px{
height:20px;
}
.footdinpromedium12 {
FONT-FAMILY: dinpro-medium, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
FONT-SIZE: 12px;
COLOR: #666666;
TEXT-TRANSFORM: uppercase; 
}
.footdinpromedium12 A {
COLOR: #666666;
text-decoration:none;
}
.footdinpromedium12 A:hover {
COLOR: #000000;
text-decoration:none;
}
.footdinprolight12 {
FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
FONT-SIZE: 12px;
COLOR: #666666;
}
.footdinprolight12 A {
COLOR: #666666;
text-decoration:none;
}
.footdinprolight12 A:hover {
COLOR: #000000;
text-decoration:none;
}
#menufooter span.col {width:125px}

/* PETIT MENU BAS */
#menufooterbas {
z-index: 130;
	position:absolute;
	margin: 0px;
	float: right;
	top: 205px;
	right: 0px;
}
#menufooterbas {	Z-INDEX: 130; FONT-SIZE: 11px; TEXT-TRANSFORM: uppercase; display:inline-block; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; FONT-FAMILY: dinpro-light, Verdana, Helvetica, Arial, sans-serif; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; MARGIN: 0em 0px 0.3em; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; FLOAT: right; FONT-WEIGHT: normal; LIST-STYLE-IMAGE: none;}
#menufooterbas UL {	Z-INDEX: 130; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0em 0px 0.3em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-WEIGHT: normal; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px}
#menufooterbas UL LI {	Z-INDEX: 130; FONT-SIZE: 11px}
#menufooterbas A {	BORDER-LEFT: 0px ; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-FAMILY: dinpro-light, Verdana, Arial, Helvetica, sans-serif; COLOR: #666666; MARGIN-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 1px}
#menufooterbas LI {	Z-INDEX: 130; LINE-HEIGHT: 15px; PADDING-BOTTOM: 0px; ; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 0px; FLOAT: left; MARGIN-LEFT: 0px; PADDING-TOP: 0px}
#menufooterbas LI A:hover {	COLOR: #000000}
UL#menufooterbas {	Z-INDEX: 130}
#menufooterbas LI {	
FONT-FAMILY: dinpro-light, Verdana, Arial, Helvetica, sans-serif; COLOR: #666666; 
FONT-SIZE: 10px;
LINE-HEIGHT: 15px; PADDING-BOTTOM: 0px; ; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; MARGIN-RIGHT: 5px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px}
#menufooterbas A {	BORDER-LEFT: 0px ; PADDING-BOTTOM: 0px; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; DISPLAY: block; FLOAT: right; COLOR: #666666; MARGIN-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 1px}
#menufooterbas LI A:hover {	COLOR: #000000}

/* MENTIONS SPECIALES */
#footermention {
Z-INDEX: 130; 
margin: 0px;
position: absolute;
float: right;
top: 240px;
right: 10px;
}
/* FONTS SPE */
.footdinpromedium {
FONT-FAMILY: dinpro-medium, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
FONT-SIZE: 12px;
COLOR: #666666;
}
.footdinpromedium A {
COLOR: #666666;
text-decoration:none;
}
.footdinpromedium A:hover {
COLOR: #000000;
text-decoration:none;
}
.footdinprolight {
FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
FONT-SIZE: 12px;
COLOR: #666666;
}
.footdinprolight A {
COLOR: #666666;
text-decoration:none;
}
.footdinprolight A:hover {
COLOR: #000000;
text-decoration:none;
}
.footdinprolight10 {
FONT-FAMILY: dinpro-light, Trebuchet MS, Georgia, Verdana, Times New Roman, Times, serif;
FONT-SIZE: 10px;
COLOR: #666666;
}
.footdinprolight10 A {
COLOR: #666666;
text-decoration:none;
}
.footdinprolight10 A:hover {
COLOR: #000000;
text-decoration:none;
}

/*LOGO BAS DE PAGE */
#foooter_logo{
z-index: 130;
	position: absolute;
	margin: auto;
	top: 50px;
	left: 11px;
	height: 200px;
	width: 200px;
}
.index_ripbm_bas {
	/*color: #999999;*/
	font-family: 'dinpro-black', sans-serif;	
	font-size: 18px;
	text-transform: uppercase;
	line-height:16px; 
	letter-spacing:-1px;
}
.index_ripbm_bas_2 {
	/*color: #666666;*/
	font-family: 'dinpro-light', sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	line-height:16px; 
	letter-spacing:0px;
}
.a-index_ripbm_bas {
text-decoration: none;
color: #666666;
}
.a-index_ripbm_bas A {
text-decoration: none;
color: #666666;
}
.a-index_ripbm_bas A:hover {
text-decoration: none;
COLOR: #000000;
}	

/* RETOUR HAUT DE PAGE*/
#back-top {
	Z-INDEX: 1000;
	position: fixed;
	bottom: 100px;
    margin-left: 882px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* FLECHE RETOUR HAUIT (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 0px;
	background: #C1C1C1 url(../../_images/_all/arrow_up.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
#section #wrappage2 #blockupper1 .zoneImage {
	width: 100%;
	height: auto;
}
#section #left #wrappage2 #blockupper1 .dinprolight15 {
	margin-left: -10px;
}

/* LOADER */

.loader{
	background: url('../../_images/_all/loaders/loader_bar.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
	.patienter{
     	z-index: 10000;
		background: none;
		border: none;
		color: #000000;
		font-size: 15px;
		font-family: "dinpro-medium",sans-serif;
		height: 800px;
		line-height: 800px;
		margin: 0 0 10px;
		padding: 0;
		text-align: center;
	}