@font-face {
    font-family: 'CitroenBold';
    src: url('../font/citroen_bold-webfont.eot');
    src: url('../font/citroen_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/citroen_bold-webfont.woff') format('woff'),
         url('../font/citroen_bold-webfont.ttf') format('truetype'),
         url('../font/citroen_bold-webfont.svg#CitroenBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CitroenLight';
    src: url('../font/citroen_light-webfont.eot');
    src: url('../font/citroen_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/citroen_light-webfont.woff') format('woff'),
         url('../font/citroen_light-webfont.ttf') format('truetype'),
         url('../font/citroen_light-webfont.svg#CitroenLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CitroenRegular';
    src: url('../font/citroen_regular-webfont.eot');
    src: url('../font/citroen_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/citroen_regular-webfont.woff') format('woff'),
         url('../font/citroen_regular-webfont.ttf') format('truetype'),
         url('../font/citroen_regular-webfont.svg#citroenregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-moz-font-feature-settings: "liga=0";
	-moz-font-feature-settings: "liga" 0;
}

.clear{
	clear: both;
}

#vybava { position: absolute; width: 470px; height: 200px; bottom: -130px; left: 10px; display: block; z-index: 9999; }
.vsloupec { position: relative; padding-right: 10px; width: auto; height: auto; float: left; font-size: 12px; }

p{
	margin:0;
	padding:0;
	font-family: 'CitroenRegular', Arial;
	font-size:14px;
}

h5  {
	margin:0;
	padding:0;
	font-family: 'CitroenRegular', Arial;
	font-size:16px;
	color: #FFF; 
}

a   { text-decoration: none; }

/* ELEMENTS COMMUNS */

.retour{
	color:#FFFFFF;
	font-family: 'CitroenRegular', Arial;
	font-size:14px;
}

.bg_hy4_cabri {
	/*background: transparent url(../images/bg_body.jpg) no-repeat center 98px;*/
	background: transparent url(../images/body_DS3_cabrio.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_hy4_cabri2 {
	/*background: transparent url(../images/bg_body.jpg) no-repeat center 98px;*/
	background: transparent url(../images/bg_dsc.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_hy4_anniv{
	/*background: transparent url(../images/bg_body.jpg) no-repeat center 98px;*/
	background: transparent url(../images/body_ds3_anniversary.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_hy4_2{
	background: transparent url(../images/bg_body_ds3.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_ds4{
	background: transparent url(../images/bg_body_DS4.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_ds4_electro{
	background: transparent url(../images/bg_body_DS4US.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_ds4_anniv{
	background: transparent url(../images/body_DS4_anniv.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_ds5_black{
	background: transparent url(../images/bg_body_DS5.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_ds5_anniv{
	background: transparent url(../images/bg_ds5_anniv.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

.bg_intro{
	background: transparent url(../images/body_intro.jpg) no-repeat center 0px;
	height:716px;
	margin-top: -42px;
}

div.hy4_content_global{
	color: #FFFFFF;
    font-family: 'CitroenRegular', Arial;
    margin: 0px auto 0px auto;
    padding: 75px 0 0;
    width: 1000px;
}

div.hy4_content_header{
	width: 1000px;
	height: 17px;
	background: transparent url(../images/content_header.png) no-repeat left top;
}

div.hy4_content_inner{
	width: 1000px;
	height: 386px;
	background: transparent url(../images/content_inner.png) repeat-y left top;
}
div.hy4_content_inner_left{
	width: 230px;
	height:380px;
	float: left;
	position: relative;
	/*z-index : 20000;*/
}
div.hy4_content_inner_right{
	width: 752px;
	height: 386px;
/* 	overflow: hidden; */
	background-color: #000;
	float: left;
	position: relative;
	background: transparent url(../images/bg_home.gif) repeat-y left top;
	
}

div.hy4_content_inner_right_2{
	width: 752px;
	height: 386px;
	overflow: hidden;
	background-color: #000;
	float: left;
	position: relative;
	opacity:0;
	margin:0;
	padding:0;
	
}

div.hy4_content_inner_right_3{
	width: 752px;
	height: 336px;
	background-color: #000;
	float: left;
	position: relative;
	margin:0;
	padding:0;
	opacity:1;
}

div.bg{
	width: 752px;
	height: 386px;
	position:absolute;
	background: transparent url(../images/ds3_rouge.jpg) repeat-y left top;
	margin:0;
	padding:0;
}

div.bg_slide{
	width:2500px;
	height: 386px;
	margin:0;
	padding:0;
	position:absolute;
	/*background: transparent url(../images/bg_racing.jpg) repeat-y left top;*/
}

div.bg_slide ul{
	margin:0;
	padding:0;
}

div.bg_slide li{
	list-style:none;
	margin:0;
	padding:0;
	display: inline;
}


div.hy4_content_footer{
	width: 1000px;
	height: 15px;
	background: transparent url(../images/content_footer.png) no-repeat left top;
	
}






h1.hy4_h1{
	font-family: Arial, Verdana, Sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	padding: 2px 0 0 10px;
	margin: 0 0 5px 8px;
	font-size: 14px;
	color: #FFF;
}

h2.ds_menu_h2{
	display: block;
	font-family: 'CitroenRegular', Arial;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	height: 18px;
	font-size: 20px;
	padding: 3px 0 5px 15px;
	margin: 0 0 1px 7px;
	background-color:#9f8d7a;
	overflow:hidden;
	width: 210px;
}

img.hy4_photo_rub{
	display: block;
	width: 301px;
	height: 384px;
	float: left;
}


div.hy4_rub_content{
	width: 635px;
	padding: 0 0 0 15px;
	height: 384px;
	float: left;
	position: relative;
}
div.hy4_rub_content h2{
	font-size: 20px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #9e8c7a;
	margin: 0;
	padding: 15px 0 0 5px;
	text-transform: uppercase;
}
div.hy4_rub_content p{
	font-family: Arial, Verdana, Sans-serif;
	color: #fff;
	line-height: 17px;
	font-size: 13px;
	padding: 0 0 0 5px;
}







div.hy4_rub-text_content{
	width: 419px;
	height: 384px;
	float: left;
	position: relative;
	
}
div.hy4_rub-text_content_video{
	width: 419px;
	height: 384px;
	margin: 0 auto;
	position: relative;
	
}
div.hy4_rub-text_content h2{
	font-size: 20px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #9e8c7a;
	margin: 0;
	padding: 15px 0 0 5px;
	text-transform: uppercase;
}
span.titre_para{
	color: #9e8c7a;
	font-weight: bold;
}


span.puce_para{
	color: #fff;
	font-weight: bold;
}
div.hy4_rub-text_content p{
	font-family: Arial, Verdana, Sans-serif;
	color: #fff;
	line-height: 17px;
	font-size: 13px;
	width: 355px;
	padding: 0 0 0 5px;
}
div.hy4_video_text h2{
	font-size: 20px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #9e8c7a;
	margin: 0;
	padding: 15px 0 0 5px;
	text-transform: uppercase;
}
div.hy4_video_text p{
	font-family: Arial, Verdana, Sans-serif;
	color: #000;
	line-height: 17px;
	font-size: 13px;
	padding: 0 0 0 5px;
}
div.arrow_bottom{
	position: absolute;
	left: 330px;
	bottom:10px;
	z-index: 100;
}
div.arrow_bottom a img{
	border: none;
}
div.arrow_top{
	position: absolute;
	left: 330px;
	top:10px;
	z-index: 100;
}
div.arrow_top a img{
	border: none;
}
p.hy4_spacer_arrow{
	margin: 55px 0 0 0;
}
a.lien_text{
	text-decoration: underline;
	color: #9e8c7a;
}
div.hy4_video_text{
	float: left;
	width: 296px;
	padding: 0 5px 0 0;
}

/* FIN */


/* NAVIGATION RUBRIQUES */


ul.hy4_nav{
	list-style-type:none; 
	padding: 0;
	margin:0;
}
ul.hy4_nav li{
	padding: 7px 0 7px 0;
	margin: 0 0 0 8px;
}
ul.hy4_nav li a{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	padding: 2px 0 2px 15px; 
}
ul.hy4_nav li a:hover{
	color: #000;
	background: transparent url(../images/bg_nav_hover.png) repeat-y -7px top;
}
ul.hy4_nav li a.hy4_selected{
	color: #000;
	background: transparent url(../images/bg_nav_hover.png) repeat-y -7px top;
}


/* FIN */


/* PUSH */


ul.hy4_push{
	list-style-type:none; 
	margin: 0 0 0 0;
	padding: 0 0 0px 0;
}
ul.hy4_push li{
	padding: 0px 0 0px 0;
	margin: 0 0 0 7px;
}
ul.hy4_push li a{
	display: block;
	font-family: 'CitroenLight', Arial;
	text-decoration: none;
	text-transform: uppercase;
	color: #9d8b75;
	height: 17px;
	font-size: 14px;
	padding: 3px 0 0 15px; 
	/*background: transparent url(../images/bg_push.png) no-repeat left top;*/
}
ul.hy4_push li a:hover{
	color: #FFF;
}

/* FIN */ 
.hy4_content_inner_left a.video{
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	margin: 0px 0 0 15px;

}



div.divVideo{
	margin-top:30px;
	margin-left:-8px;
	position:absolute;
}

.hy4_content_inner_left div.video_content{
	/*background: transparent url(../images/bg_mentions.png) no-repeat left top;*/
	background-color:#000000;
	font-family: Arial, Verdana, Sans-serif;
	width: 950px;
	height: 383px;
	padding: 15px 10px 0 20px;
	color: #000;
	font-size: 10px;
	position: absolute;
	bottom: -11px;
	left: 7px;
	z-index: 10000;
	
}

span.bt_fermer_video{
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	z-index: 50000;
}

span.bt_fermer_video a img{
	border: 0;
}

/* MENTIONS LEGALES */

.hy4_content_inner_left a.mentions_legales{
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	margin: 0px 0 0 15px;

}

div.divMention{
	margin-top:80px;
}

.hy4_content_inner_left div.mentions_content{
	/*background: transparent url(../images/bg_mentions.png) no-repeat left top;*/
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Sans-serif;
	width: 948px;
	height: 383px;
	padding: 15px 10px 0 20px;
	color: #000;
	font-size: 10px;
	position: absolute;
	bottom: -11px;
	left: 10px;
	z-index: 1000;
	
}

.mentions{
	width: 732px;
	height: 345px;
	overflow:auto;
	padding:20px;
	margin:0px;
	font-size:14px;
	background-color:#FFFFFF;
	color: #000;
	opacity:1;
}

.mention_titre{
	font-family: Arial, Verdana, Sans-serif;
	margin:20px;
	color: #000;
	font-size: 18px;
	height: 30px;
}


.hy4_content_inner_left div.mentions_content p{
	margin: 0;
	padding: 0px 0 0 0;
	line-height: 14px;
	
}
span.bt_fermer{
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
}
span.bt_fermer a img{
	border: 0;
}

#benr { background: url("../img/banner.jpg"); width: 700px; height: 50px; position: absolute; left: 50%; margin-left: -215px; top: 0px; display: block; z-index: 999; }
#fina { background: url("../img/financds.jpg"); width: 275px; height: 50px; position: absolute; left: 50%; margin-left: -495px; top: 0px; display: block; z-index: 999; }
/* FIN */ 




/* RUBRIQUES PANNEAUX */

div.hy4_rub1{
	width: 720px;
	height: 384px; 
	background: #000 url(../images/fond_filaire1.jpg) no-repeat right top;
	position: relative;
	/*top: -384px; deplacement des blocs
	left:0;*/
}
div.hy4_rub2{
	width: 720px;
	height: 384px;
	background: #000 url(../images/fond_filaire2.jpg) no-repeat right -1px;
	position: relative;
    /*top: -384px; deplacement des blocs
	left: 0; */
}
div.hy4_rub3{
	width: 720px;
	height: 384px;
	background: #000 url(../images/fond_filaire3.jpg) no-repeat right -1px;
	position: relative;
/* 	top: -384px; deplacement des blocs
	left: 0; */
}
div.hy4_rub4{
	width: 720px;
	height: 384px;
	background: #000 url(../images/fond_filaire4.jpg) no-repeat right -1px;
	position: relative;
/* 	top: -384px; deplacement des blocs
	left: 0; */
}
div.hy4_rub5{
	width: 720px;
	height: 384px;
	background: #000 url(../images/fond_filaire5.jpg) no-repeat right -1px;
	position: relative;
/* 	top: -384px; deplacement des blocs
	left: 0; */
}
div.hy4_rub6{
	width: 720px;
	height: 384px;
	background: #000 url(../images/fond_filaire6.jpg) no-repeat right -1px;
	position: relative;
/* 	top: -384px; deplacement des blocs
	left: 0; */
}
div.hy4_rub_video{
	width: 720px;
	height: 384px;
	background: #000 url(../images/fond_filaire3.jpg) no-repeat right -1px;
}

/*FIN */


/* SLIDER */

#hy4_main{
	width: 948;
	height: 383px;
	padding: 0px 0 0 290px;
}

#hy4_slider_content{
	width: 415px;
	height: 55px;
	/*background-color: #3b3b3b;*/

}
#arrow_slider_left {
    float: left;
}
#arrow_slider_left a{
	background: url("../images/arrow_slider_left.jpg") no-repeat  left 2px;
	height: 49px;
    width: 30px;
	display: block;
}

#hy4_slider{
    float: left;
    height: 55px;
    overflow: hidden;
    position: relative;
    width: 354px;
}
#slider {
    height: 53px;
	padding: 5px 0 0 70px;
    left: 0px;
    position: absolute;
}
#slider img{
	margin: 0 5px 0 5px;
	padding: 0;
	border: 0;
}
#arrow_slider_right {
    float: right;
}
#arrow_slider_right a{
	display: block;
	height: 49px;
    width: 30px;
	background: url("../images/arrow_slider_right.jpg") no-repeat left 2px;
}


div.prix_ds3{
	paddind:80px 40px 40px 40px;
	margin-top:80px;
	width:371px;
	height:150px;
	position:absolute;
	right:-110px;
	opacity:0;
}


.prix_h2{
	font-family: 'CitroenRegular', Arial;
	font-size:28px; line-height: 28px;
	margin:0px;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
}



ul.hy4_push li.clicked{
	display: block;
	font-family: 'CitroenRegular', Arial;
	text-decoration: none;
	text-transform:uppercase;
	height: 16px;
	font-size: 14px;
	padding: 5px 0 0 15px; 
	color: #FFFFFF;
	/*background-color:#FFFFFF;*/
	margin: 0 0 0 7px;
	/*background: transparent url(../images/bg_push.png) no-repeat left top;*/
}

.reservez a,.decouvrez a,.poblijo a{
	background: transparent url(../img/btn_bg.jpg) no-repeat left top;
	padding-left: 25px;
	padding-top:  5px;
	top:270px;
	width:245px;
	height:32px;
	position:absolute;
	right:-60px;
	opacity:0;
	
}

.reservez a:hover{
	
}

.decouvrez a{
	top:305px;
}

.decouvrez a:hover{

}

.poblijo a{
	top: 340px;
}


.decouvrez4 a{
	background: transparent url(../images/decouvrez4.jpg) no-repeat left top;
	paddind:80px 40px 40px 40px;
	margin-top:305px;
	width:245px;
	height:32px;
	position:absolute;
	right:-20px;
	opacity:0;
}

.decouvrez4 a:hover{
	background: transparent url(../images/decouvrez_4_o.jpg) no-repeat left top;

}

.decouvrez5 a{
	background: transparent url(../images/decouvrez5.jpg) no-repeat left top;
	paddind:80px 40px 40px 40px;
	margin-top:305px;
	width:245px;
	height:32px;
	position:absolute;
	right:-20px;
	opacity:0;
}

.decouvrez5 a:hover{
	background: transparent url(../images/decouvrez_5_o.jpg) no-repeat left top;

}





.privilege a{
	color:#FFFFFF;
	text-decoration:none;
	paddind:80px 40px 40px 0px;
	margin-top:350px;
	width:300px;
	height:32px;
	position:absolute;
	right:-102px;
	font-size:16px;
	
}

.privilege a:hover{
	color:#9d8b75;
	text-decoration:none;
	
}


.serieLimite{
	margin-top:310px;
	padding-top:10px;
	padding-left:20px;
	position:absolute;
	left:150px;
	width:150px;
	height:86px;
	background-color:#9e8d7b;

}


.next a{
	margin-top:300px;
	position:absolute;
	left:-30px;
	background: transparent url(../images/next.jpg) no-repeat left top;
	width:89px;
	height:86px;
	opacity:0.5;
}

.next a:hover{
	background: transparent url(../images/next.jpg) no-repeat left top;
	width:89px;
	height:86px
}
/* FIN */