@charset "utf-8";
/* CSS Document */

/**********************/
/*** INITIALISATION ***/
/**********************/
body,div,h3,img,form,ul,li,table,td,tr,p{padding:0px;margin:0px; font-family:Arial, Helvetica, sans-serif}
ul,li { list-style:none;}
img{border:0px;}
/*****************/
/*** GENERIQUE ***/
/*****************/

a{text-decoration:none;color:#000000;}
a:hover{text-decoration:underline;}
a.color{color:#DB002F;}
.a_valider{background:url(bt_picto.gif) 2px 1px no-repeat #d4d4d4;padding:1px 8px 0px 14px;margin:0px;height:10px;font-size:8px;color:#2e2e2e;text-transform:uppercase;cursor:pointer;}
.a_valider:hover{text-decoration:none;}
.invisible{display:none;}
.clearboth{clear:both;height:1px;font-size:1px;margin-bottom:-1px;overflow:hidden;}
.clear_both{clear:both;}
.em{text-decoration:underline;}
.em1{color:#cc002c;}
.em1_bis{color:#cc002c;font-size:10px;}
.em2{font-size:14px;}
.em3{color:#1c1c1c;}
.separator{background:url(border_bottom.gif) left 5px repeat-x;height:1px;padding:7px 0 7px 0;display:block;font-size:1px;}
.titre_form{text-transform:uppercase;margin-left:7px;margin-bottom:3px;font-size:11px;}
.titre_form2{text-transform:uppercase;margin-bottom:3px;font-size:11px;}

/*************/
/*** STYLE ***/
/*************/

html{width:100%;height:100%;}
body{
	min-width:100%;
	width:auto !important;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	 font-family: Arial, Helvetica,sans-serif;
	font-size:9px;
	background:url(ccbackground.jpg) top #FAFAFA; 
    color: #808080;

}

#ccsel-main
{
	min-width:100%;
	width:auto !important;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	position:absolute;
}

#ccsel-banner
{
    background-image: url(logo.png);
    background-repeat: no-repeat;
    background-position: 30px center;

}

#ccsel-banner #menu
{
    margin-left: 150px;
    height: 100%;
    background-image: url(dotmenu.png);
    background-repeat: repeat-y;
}

#ccsel-banner #menu ul
{
    padding: 0;
    margin: 0;
    margin-left: 5px;
    padding-top: 10px;
}

#ccsel-banner #menu li
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#ccsel-banner #menu li a:hover
{
    color: #dc002e;
    border-left: 3px #dc002e solid;
}

#ccsel-banner #menu li a.selected
{
    color: #dc002e;
    border-left: 3px #dc002e solid;
}


#ccsel-banner #menu li a
{
    text-decoration: none;
    color: #5F5F5F;
    border-left: 3px solid transparent;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 10px;

}

	.header{
		width:1050px;
		min-height:100px;
		height:auto !important;
		height:100px;
		margin:0px auto 15px auto;
		position:relative;
	}
	.header .logo{display:block;position:absolute;top:34px;left:50px;background: url(Citroen-Collcit.png) top left no-repeat;font-size:1px; width: 100px;  height: 100px;}
		.header .logo img{display:none;}
	.header_print{display:none;}
	/*.nav{width:730px;float:left;margin:0px 10px 0px 35px;display:inline;padding-top:22px;padding-left:100px}*/
	.nav{width:350px;float:left;margin:0px 10px 0px 35px;display:inline;padding-top:5px;padding-left:350px; font-weight:bold}
		.nav ul{width:730px;float:left;padding-bottom:8px;margin-bottom:8px;}
		/*.menu_niv1,.menu_niv2{background:url(border_bottom.gif) left bottom repeat-x;}*/
			.nav li{float:left;padding:0px 8px 0px 0px;line-height:12px;text-transform:uppercase;}
				.nav li a{padding-left:2px;display:block; color:#333333;}
				.nav li.on a, .nav li a:hover{color:#db002f;/*background: url(border_on.gif) left 2px no-repeat;*/text-decoration:none;}
	.nav_right{width:125px;height:94px;float:left;background-color:#f5f5f5;padding:7px 0px 0px 0px;margin-top:1px;}
		.nav_right .txt_search{vertical-align:middle;height:12px;width:128px;padding:1px 1px 0px 1px;margin-left:4px;font-size:9px;}
		.nav_right .bt_search{vertical-align:middle;background:url(bt_submit.gif) top left no-repeat;width:9px;height:14px;border:0px;cursor:pointer;padding:0px;margin:0px;position:relative;left:-1px;}
		.nav_right a{color:#1a1a1a;display:block;padding-left:8px;background:url(picto_left.gif) left center no-repeat;margin:6px 0px 0px 2px;line-height:9px;}
			.nav_right a:hover{background-image:url(picto_left_roll.gif);text-decoration:none;}
		.nav_right .mon_espace{width:150px;height:16px;background-color:#e9e9e9;overflow:hidden;margin-top:6px;}
			.mon_espace a{line-height:16px;color:#db0432;height:16px;font-weight:bold;margin-top:0px;text-transform:uppercase;background-image:url(picto_left_perso.gif);}
				
	.titre_header{width:639px;float:left;margin:0px 35px 0px 130px;display:inline;padding-top:0px;background:url(border_left.gif) left top repeat-y;}		
		.titre_header h1{background:url(border_bottom.gif) left bottom repeat-x;border:0px;padding-left:0px;padding-bottom:11px;margin-top:73px;margin-bottom:0px;margin-left:25px;}			

		
	/*** MAIN ***/
	.main{
		width:100%;
		min-height:173px;
		height:auto !important;
		height:173px;
    	display: block;
		padding-bottom:80px;
		margin:50px auto 15px auto;
		margin:60px auto 15px auto !important;
		position:absolute;
		text-align:center
	}
	.main_prehome{width:955px;margin:auto;position:relative;min-height:328px;height:auto !important;height:328px;}
	.main_prehome .logo{display:block;position:absolute;top:34px;left:0px;background: url(logo.gif) top left no-repeat;width:77px;height:54px;font-size:1px;}
	
	.main_content{
		width:950px;
		margin:auto;
		margin-top:-40px;
	}
	
	/* prehome */
	.prehome{width:100%;}
		.prehome .titre_prehome{text-align:center;padding-top:113px;height:51px;}
		.prehome .visuel_prehome{text-align:center;}
		.prehome a:hover{text-decoration:none;}
		.prehome a.link_vf, .prehome a.link_nl{font-size:12px;color:#040305;position:absolute;top:265px;display:block;padding:6px 0px 6px 0px;}
		.prehome a.link_vf{border-right:2px solid #c7002a;padding-right:18px;right:731px;}
		.prehome a.link_nl{border-left:2px solid #c7002a;padding-left:18px;left:741px;}
		
		.txt_prehome{width:100%;background:url(border_left.gif) center top repeat-y;margin-top:67px;font-size:11px;color:#333333;}
			.col_vf{width:459px;padding-right:18px;float:left;text-align:right;}
			.col_nl{width:459px;padding-left:18px;float:left;}
				.txt_prehome p{margin-bottom:20px;line-height:12px;}
				.em_title{font-weight:bold;text-transform:uppercase;display:block;line-height:18px;}
				.em_soutitle{text-transform:uppercase;display:block;line-height:17px;}
	
	/* center */
	.center{width:620px;float:left;padding:0px 22px 0px 127px;margin-right:35px;}
	.center2{width:674px;float:left;padding:0px 22px 0px 73px;margin-right:35px;}
	.center_sendami{width:440px;float:left;padding:0px 133px 0px 196px;margin-right:35px;}
	.center3{background-color:#FFFFFF;width:755px;float:left;padding:0px 12px 0px 11px;display:inline;margin-right:26px;}
	.center_full{width:792px;float:left;padding:0px;display:inline;margin-right:12px;}
		
	.bloc{border:1px solid #f5f5f5;padding:10px 15px 15px 12px;background-color:#FFFFFF;}

			/*a{color:#db002f;}*/
			.bt_h1{position:absolute;top:2px;right:0px;}
				.bt_h1 a{color:#7d7d7d;font-size:9px;margin-left:5px;}
				.bt_h1 .send_ami{background:url(picto_sendami.gif) right center no-repeat;padding-right:10px;}
				.bt_h1 .retour{background:url(picto_retour.gif) right center no-repeat;padding-right:10px;}
			h2 .visuel{margin-right:5px; top:-4px; position:relative;}
			h2 .bt_h2{position:absolute;top:2px;right:0px;text-align:right;}
		.bloc .chapo{margin-bottom:12px;font-size:10px;line-height:12px;}
		
	.img_resultat{margin-bottom:0px;}
															
	/* right */
	.right{width:150px;float:left;padding:0px 1px 0px 0px;}
		.right .bloc{border:1px solid #f5f5f5;padding:10px 0px 15px 0px;background-color:#FFFFFF;text-align:center;text-transform:uppercase;margin-bottom:15px;}
			.right .bloc a:hover{text-decoration:none;}
		.right .push{margin-bottom:7px;display:block;}
		.right div.push{border:1px solid #f5f5f5;padding:7px 8px 7px 8px;}
			.right div.push a{color:#1c1c1c;text-transform:uppercase;font-size:9px;}
			.right div.push a:hover{text-decoration:none;}
	
	.flash_wide{width:953px;height:89px;background:url(bkg_filet.gif) left bottom repeat-x;border:1px solid #e9e9e9;position:relative;margin-bottom:15px;}
		.flash_wide .flash_wide_left{width:425px;text-align:right;text-transform:uppercase;font-size:10px;padding-top:30px;}
			.flash_wide .flash_wide_left span{color:#cc002c;font-size:16px;font-weight:bold;}
		.flash_wide a{position:absolute;left:452px;top:-13px;display:block;background:url(logo_flash_wide.jpg) left top no-repeat;width:160px;height:57px;padding:45px 0px 0px 62px;text-align:center;font-size:14px;}
		.flash_wide a:hover{text-decoration:none;}
			.flash_wide a span{color:#db002f;font-size:10px;}
			
	/* HP Version */
	.global_hp .flash_wide{width:953px;height:89px;background:none;border:none;position:relative;margin-bottom:15px; }
		.global_hp .flash_wide .flash_wide_left{width:425px;text-align:right;text-transform:uppercase;font-size:10px;padding-top:40px; margin-left: 200px;}
			.global_hp .flash_wide .flash_wide_left span{color:#cc002c;font-size:16px;font-weight:bold;}
		.global_hp .flash_wide a{position:absolute;left:290px;top:25px;display:inline;background:url(logo_flash_wide2.jpg) right top no-repeat;width:350px;height:57px;padding:45px 0px 0px 62px;text-align:center;font-size:14px;}
		.global_hp .flash_wide a:hover{text-decoration:none;}
			.global_hp .flash_wide a span{color:#db002f;font-size:10px;}
	
	/* home */
	.home{width:971px;margin-left:-16px;}
	.global_hp .home{ margin-top: 250px; margin-left: 30px; }
		.bloc_home_colonne{width:323px;height:398px;float:left;overflow:hidden;}
			.bloc_home{border:1px solid #eaeaea;float:left;position:relative;margin:0px 0px 16px 16px;display:inline;}
			.bloc_home:hover{text-decoration:none;}
			.bloc_home1{width:305px;height:181px;}
			.bloc_home2{width:305px;height:380px;}
			.bloc_home3{width:951px;height:185px;}
			.bloc_home4{width:628px;height:380px;}
			.bloc_home_light{width:305px;height:50px; border: 0;}
				.bloc_home img{display:block;}
				.bloc_home .titre{display:block;position:absolute;top:18px;left:0px;font-size:14px;color:#3d3d3d;min-height:18px;height:auto !important;height:18px;border-left:2px solid #db002f;line-height:95%;}
				.bloc_home4 .titre{min-height:32px;height:auto !important;height:32px;font-size:28px;}
					.bloc_home .titre_bkg{display:block;width:100%;height:100%;background-color:#FFFFFF;-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;-Khtml-Opacity:0.5;position:absolute;top:0px;left:0px;z-index:0;}
					.bloc_home .titre_txt{display:block;padding:3px 28px 3px 5px;position:relative;z-index:100;text-transform:uppercase;}
					.bloc_home4 .titre_txt{padding-top:4px;padding-bottom:4px;}

	/*** FOOTER ***/
	.footer{
		min-width:100%;
		width:auto !important;
		width:100%;
		height:53px;
		position:absolute;
		bottom:0px;
		left:0px;
		background:url(bkg_footer.gif) bottom left repeat-x;
	}
	
	.footer_prehome{background:none;border-bottom:4px solid #c7002a;}
	
	.footer_content{		
		width:955px;
		height:31px;
		position:absolute !important;
		top:0px;
		left:50%;
		margin:0 0 0 -477px !important;
		position:static;
		margin:auto;
		padding:22px 0px 0px 0px;
	}
	
    .footer table{width:880px;margin:auto;}
	    .footer table td{height:26px;width:auto;vertical-align:top;padding-top:1px;}
	    .footer table td.mentionslegales{color:#333333;vertical-align:middle;height:27px;}
		    .footer table td.mentionslegales a{color:#333333;text-transform:none;background:none;padding-left:0px;}
		    .footer table td a{display:block;color:#2e2e2e;text-transform:uppercase;font-size:9px;background:url(border_left.gif) left 0px repeat-y;padding-left:9px;}
		    .footer table td a:hover{text-decoration:none;}
			    .footer table td a span{display:block;color:#db002f;font-size:10px;}

.mask
{
	position:absolute;
	background-color:#000000;
	height:100%;
	left:0;
	opacity:0.5;
	top:0;
	width:100%;
	z-index:10;
	display:none;
}

.loader
{
	position:absolute;	
	width: 66px;
	height: 66px;               
    margin-left: -33px;  
    margin-top: -33px;      
    left: 50%;
    top: 50%;    
    padding: 0px;
    text-align: center;
    vertical-align: middle;    
    color:White;
}


/*Select*/

/*####Style The New Header and the New Footer*/
#sub-menu{
		height:34px;
		text-align:center;
		padding-top:25px
}

.cisel_newHeader
{
    border-color: #BFBFBF;
    border-width: 1px;
    padding: 2px 10px 2px 10px;
    color: #353535;
    font: 12px Arial,sans-serif;
    font-weight: bold;
    border-right-style: solid;
	display:inline-block;

}
.cisel_footer_base
{
    background-position: bottom;
    margin: 0;
    padding: 0;
    background-image: url("img_footer_Trait.JPG"); /*background-repeat: repeat-x;*/
    height: 2px;
    width: 100%;
}
.cisel_footer_Text
{
    font: 10px Arial,sans-serif;
    color: #9C9C9C;
}
.cisel_footer_td_Style
{
    background-image: url("cisel-vert-separator.png");
    background-repeat: no-repeat;
    padding-left: 5px;
    height: 35px;
}
.cisel_footer_td
{
    font: 9px Arial, sans-serif;
    color: #323232;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}
.cisel_HeaderLink_lbl_div
{
    padding: 5px 5px 5px 5px;
    background-color: #DDDDDD;
    width: 60px;
    text-align: center; /*border: thin solid black;*/
}
.cisel_HeaderLink_lbl_Text
{
    color: #323232;
    font: 12px Arial,sans-serif;
    font-weight: bold;
}


/*** Bottom bar ****/
.ccsel-bottom-bar
{
    background-color: #FFFFFF;
    border-top: solid 2px #E6E6E6;
    height: 25px;
}

.ccsel-bottom-bar ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%;
}

.ccsel-bottom-bar li
{
    height: 100%;
    margin-left: 10px;
    float: left;
    display: inline;
    padding-left: 10px;
    background-image: url(dotmenu.png);
    background-repeat: repeat-y;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    padding-top: 5px;
    height: 17px;
    cursor: pointer;
}

.ccsel-bottom-bar li .item
{
    background-image: url(puce_bottom.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.ccsel-red-bottom-bar
{
    line-height: 2px;
    font-size: 0px;
    height: 5px;
    background-color: #dc002e;
}

.newsearchbutton
{
    text-decoration: none;
    color: #808080;
    background-image: url(grey_arrow_right.png);
    background-position: 135px center;
    background-repeat: no-repeat;
    color: #808080;
    display: block;
    text-decoration: none;
    width: 100%;
}

.subtitle
{
    text-transform: uppercase;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
    background-image: url(grey_arrow_right.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    text-indent: 10px;
}

.subcontent
{
    cursor: pointer;
    font-style: italic;
    font-size: 10px;
    text-align: left;
    height: 80px;
    background-image: url(bottom_menu.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 8px;
}


.subcontent p
{
    padding: 0px;
    margin: 0px;
    padding-top: 2px;
    font-size: 11px;
}

.subcontentend
{
    cursor: pointer;
    font-style: italic;
    font-size: 10px;
    text-align: left;
    height: 90px;
}

.subcontentend p
{
    padding: 0px;
    margin: 0px;
    padding-top: 4px;
    font-size: 11px;
}

.sitemaplnk
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.sitemaplnk li
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.sitemaplnk a
{
    text-decoration: none;
    color: #808080;
    border-left: solid 2px transparent;
    padding-left: 5px;
}

.sitemaplnk a:hover
{
    text-decoration: none;
    color: #808080;
    border-left: solid 2px #dc002e;
    padding-left: 5px;
}