/****************************************************************************************************************/
/****************************************************************************************************************/
/*	COPYRIGHT	Café Central
/*	DISTRIBUTION	Sous licence, tel que decrit dans le fichier licence.txt

/*	FICHIER	/media/css/all.css
/*	AUTEUR	mvd (mvd@cafecentral.fr)
/*	TYPE	Feuille de style ALL MEDIA
/*	DESCRIPTION	Met en forme le systeme general
/****************************************************************************************************************/
/****************************************************************************************************************/


/********************************************************************************************/
/*	GLOBAL
/********************************************************************************************/
html, body{width:100%}
body{
	font:normal normal 12px/normal Arial, Verdana, sans;
	color:#333333;
	background:#0c0c0c url(../image/interface/body.gif) repeat-y center top;
	/*background:#0c0c0c;*/
}

body.section00{background-image:none;}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, ol, li {margin:0;padding:0;}
a img{border:none;}

/********************************************************************************************/
/*	Hyperliens
/********************************************************************************************/
a {
	text-decoration:none; 
}
a:hover {
/*	border-bottom: 1px solid; */
}
*:focus {
	-moz-outline: none ! important; 
	-moz-outline-offset: none ! important; 
	-moz-outline-radius: none ! important;
}
object{
	-moz-outline-style:none;
	outline-style:none;
	outline-width:0px;
	outline-color:-moz-use-text-color;
}
.acceskey {
	border-bottom: 1px solid;
}

/********************************************************************************************/
/*	Floats
/********************************************************************************************/
.clear {
	clear:both;
	height:0;
	line-height:0;
}

/********************************************************************************************/
/*	Décorations et généralités
/********************************************************************************************/
/* Les ornements des bulles */
.ornement {
	width:7px;
	height:18px;
	position:absolute;
}
/* En savoir plus */
.readmore {
	font-weight:bold;
	margin-left:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-shadow:1px 1px 1px #666666;
	font-size:9px;
	color:#ffffff;
	padding:3px 5px;
	border:none !important;
	text-transform:uppercase;
}
/* Par... dans... */
.by, .in {
	font-family:georgia;
	font-style:italic;
	text-transform:none;
	font-weight:normal;
}

/********************************************************************************************/
/*	Structure
/********************************************************************************************/
.positionnement {
	width:960px;
	position:relative;
	margin:auto;
	border:1px solid #cccccc;
}
/* Page */
#page{
	position:relative;
	margin:0 auto;
	width:955px;
}

/* Contenu */
#cnt {
/*	float:left;*/
/*	width:440px;*/
/*	padding:50px;*/
/*	font-size:1em;*/
	/*background: #CFCFCF;*/
}

/* Contexte*/
#ctx {
	/*right:0;
	position:absolute;
	width:200px;
	font-size:0.9em;*/
}
/********************************************************************************************/
/*	MN1 - Navigation principale
/********************************************************************************************/
#mn1 						{
	margin:28px 0 0 30px;
	height:26px;
	float:left;
}
#mn1 ul.header 				{
	float:left;
}
#mn1 ul.header li 			{
	float:left;
	/*display:inline;*/
}
#mn1 ul.header li a 		{
	font-size:0.68em;
	color:#636363;
	text-transform:uppercase;
	height:12px;
	background:url('../image/common/mn1_li_bg.png') right 0px no-repeat;
	padding:7px 15px;
	/*
	margin:7px 0 1px 0;
	*/
}

/* .on:page active, .selected:showhide actif */
#mn1 ul.header li a:hover,
#mn1 ul.header li a.on,
#mn1 ul.header li a.selected 	{
	color:#fff;
}
#mn1 ul.header li a:hover 		{
	border-bottom:solid 3px #4da5e6;
	text-decoration:none;
}
#mn1 ul.header li a.on 			{
	border-bottom:solid 3px #4da5e6;
}
#mn1 ul.header li a#bt_mn14:hover,
#mn1 ul.header li a#bt_mn15:hover,
#mn1 ul.header li a#bt_mn14.on,
#mn1 ul.header li a#bt_mn15.on,
#mn1 ul.header li a#bt_mn14.selected,
#mn1 ul.header li a#bt_mn15.selected {
	color:#fff;
	border-bottom:solid 3px #141417;
}

/* Services & Produits */
#mn1 ul.header li a#bt_mn14,
#mn1 ul.header li a#bt_mn15 {
	border:none;
	background:url('../image/common/header_services.png') 10px 8px no-repeat;
	color:#868686;
	padding:7px 10px 7px 30px;
}
#mn1 ul.header li a#bt_mn16 {
	display:none;
}

/* IE6 & 7
#mn1 ul.header.fRight		{
	*width:230px;
} */



/********************************************************************************************/
/*	Showhide - Navigation principale
/********************************************************************************************/
.showhide 						{
	color:#fff;
	height:230px;
	width:100%;
	-width:1031px; 
	padding:30px 0 10px 0;
	-padding:30px 100px 10px 120px;
	background-color:#141416;
	position:absolute;
	-z-index:1000;
	top:84px;
	-top:86px; 
	left:0;
	overflow:hidden; 
	background:url('../image/common/showhide_bg.png') 0px 0px repeat-x #020203;
}
.showhide .about 				{
	float:left;
	margin:0 80px 0 12px;
	width:230px;
}
.showhide .about .titre 		{
	width:100%;
	font-size:1.56em;
	color:#e0e0dd;
	margin-bottom:10px;
}
.showhide .about .chapo 		{
	width:100%;
	font-size:0.93em;
	color:#e0e0dd;
}
.showhide ul.children 			{
	padding-left:20px;
	border-left:1px solid #2c2c2e;
	width:230px;
	float:left;
	height:210px;
}
.showhide ul.children li a 		{
	color:#4a97cf;
	font-size:0.81em;
}

/* bug ie6 over select */
.showhide iframe				{
	display:none;
	-display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1; /*Placer l'iframe en arrière-plan du div*/
	filter:mask(); /*Cacher l'iframe dans IE6*/
}

/* Focus */
.showhide .focus 					{
	float:right;
	margin-right:120px;
	width:195px;
	line-height:1em;
}
.showhide .focus .media1 			{
	margin-bottom:15px;
	width:193px;
	height:108px;
	overflow:hidden;	
}
.showhide .focus .media1 img 		{
	width:193px;
}
.showhide .focus .titre		 		{
	font-size:0.75em;
	color:#e0e0dd;
}
.showhide .focus .chapo 			{
	font-size:0.75em;
	color:#80807e;
}

/********************************************************************************************/
/*	naturalsearch
/********************************************************************************************/
#naturalsearch {
	padding:15px;
	border-top:1px solid #444444;
}
/* Effacer les labels */
#naturalsearch .submit,
#naturalsearch label {display:none;}

#naturalsearch .input,
#ctxbox fieldset .input {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#666666;
	font-size:0.65em;
	padding:4px 5px;
	width:10px !important;
	border:1px solid;
	width:130px !important;
	border-color:#aaaaaa #d0d0d0 #d0d0d0 #d0d0d0;
}

/********************************************************************************************/
/*	Vous êtes ici
/********************************************************************************************/
#location {
	color:#999999;
	font-size:9px;
	position:relative;
	top:8px;
	left:10px;
	background:#ffffff;
	display:inline;
	padding: 7px;
}
#youarehere {
	display:inline;
}
#youarehere a {
	border:none;
	color:#666666;
}
#youarehere span {}
#youarehere a:hover {
	border-bottom:1px solid;
}

/* Je suis perdu !*/
#location .lost {
	display:none;
}
#location:hover .lost {
	display:inline;
}

/********************************************************************************************/
/* Alerte
/********************************************************************************************/
#alerte,
#resume,
#googlesearcher,
#commentalerte {
	font-size:1em;
	margin-bottom:15px;
	padding:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#FFFBCC;
	color:#666666;
}
#alerte	.titre,
#resume	.titre,
#commentalerte .titre {
	font-size:11px !important;
	font-weight:bold;
}
#alerte	.chapo,
#resume	.chapo,
#commentalerte .chapo {
	font-size:11px !important;
	color:#999999;
	margin:0 !important;
}
#alerte a,
#resume a,
#commentalerte a {
	color:#e36f1c;
	border-bottom:1px solid;
}

/* Alertes des commentaires */
#commentalerte {
	background:#F5F5F5;
	padding:10px;
}
#commentalerte .titre {
	color:#aaaaaa;
}
#commentalerte .chapo {
	color:#cccccc;
}

/********************************************************************************************/
/*	Edition des contenus
/********************************************************************************************/
li .option {
	text-align:right;
}
li .option li {
	display:inline !important;
	margin:0 5px 0 0 !important;
	padding:0 !important;
	border:none !important;
	font-size:10px !important;
}
li .option li a {
	color:#cccccc !important;
}

/* Cacher les options des amis acceptés */
.accepted .option {display:none;}
/* Cacher les options des objets reportés */
.reported .option .report {display:none;}

/********************************************************************************************/
/*	Articles Liste
/********************************************************************************************/
#articlelist, .articlelist{
	float:left;
	width:955px;
	list-style-type:none;
}
#articlelist li{
	float:left;
	width:298px;
	padding:0 20px 20px 0;
	list-style-type:none;
}

#articlelist li.number1, #articlelist li.number4, #articlelist li.number7, #articlelist li.number10, #articlelist li.number13, #articlelist li.number16, #articlelist li.number19, #articlelist li.number22, #articlelist li.number25, #articlelist li.number28, #articlelist li.number31, #articlelist li.number34{
	clear:both;
}

#articlelist .titre{
	padding:10px 0 12px 0;
	/*text-transform:uppercase;*/
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#articlelist .titre a, #articlelist .date a{
	display:block;
	color:#000000;
	padding:0 10px 0 0;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
}
#articlelist .titre a:hover, #articlelist .date a:hover{color:#ed001a;}
#articlelist .titre a{
	background:none;
	padding-right:0;
}

#cnt .filtre{
	float:left;
	width:955px;
	padding-top:4px;
}
#cnt .filtre .common_title{
	padding-bottom:0;
	float:left;
	font-weight:bold;
}
#cnt .filtre form{
	float:right;
	padding-top:12px;
}
#cnt .filtre form div{
	float:right;
	padding:0 0 0 20px;
}


#articlelist .nextprevious{
	clear:both;
	padding:10px 0 0 0;
}

#articlelist .sectionTitle{
	float:left;
	display:block;
	margin-bottom:10px;
	width:955px;
	padding:30px 0 0 0;
	border-bottom:1px solid #a0a0a0;
}
#articlelist .sectionTitle span{
	display:block;
	float:left;
	margin-bottom:5px;
	padding-right:15px;
	padding-top:2px;
	text-transform:uppercase;
	font:normal normal 18px/18px Arial, Verdana, sans;
	background:url(../image/interface/sectiontitle_puce.gif) no-repeat right bottom;
}

/********************************************************************************************/
/*	Articles Détail
/********************************************************************************************/
#articledetail {
	/*margin:0 0 40px 0;
	padding:0 0 20px 0;*/
}
#articledetail .addtofav {
	top:10px;
}
#articledetail .titre,
#post .titre {
	display:none;
	/*font-weight:bold;
	font-family:helvetica, arial;
	letter-spacing:-0.5px;
	font-size:2em;
	line-height:1.2em;
	margin-bottom:10px;*/
}
#articledetail .capture {
	margin-bottom:20px;
	-moz-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.4);
	width:100%;
}
#articledetail .capture img{
	display:block;
	border:5px solid #dddddd;
	width:100%;
}
#articledetail .url {
	font-size:0.7em;
}
#articledetail .url a {
	background:url('../image/common/ico_action_reach_white.png') 4px 6px no-repeat;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:5px 5px 5px 20px;
	float:right;
	color:#ffffff;
	border:0;
	margin-bottom:10px;
}
#articledetail .video {
	padding:15px;
	background:#666666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	margin-bottom:20px;
}
#articledetail .video .ornement {
	position:absolute;
	top:-7px;
	left:30px;
	width:18px;
	height:7px;
	background-image:url('../image/common/dropped_bottom_bg_grey.png');
}
#articledetail .chapo {
	display:none; /* remonté dans master.txt */
}
#articledetail .user,
#articledetail .userinsert,
#articledetail .groupe {
	font-size:0.9em;
	color:#999999;
	margin-bottom:3px;
	display::inline;
}
#articledetail .tag {
	clear:both;
	border:1px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:10px 10px 10px 25px;
	font-size:0.7em;
	background:url('../image/common/ico_tag_black.png') 7px 10px no-repeat;
	color:#999999;
}
#articledetail .tag a {
	border-bottom:1px solid #cccccc;
	color:#666666;
}
#articledetail .txt {
}
#articledetail .datetimestart,
#articledetail .datetimeend,
#articledetail .location {
	color:#666666;
	font-size:0.8em;
	border-top:1px solid #F5F5F5;
	padding:5px;
}

/********************************************************************************************/
/*	Next Previous
/********************************************************************************************/
#nextprevious {
	margin:20px 0;
	text-align:center;
	font-size:0.6em;
}
#nextprevious span,
#nextprevious a {
	padding:2px 5px;
	margin:0 5px;
}
#nextprevious a {
	border:none;
	color:#666666;
}
#nextprevious a.page {
	border:1px solid #dddddd;
}
#nextprevious a.page:hover {
}
#nextprevious span.on {
}

/********************************************************************************************/
/*	Forumcat
/********************************************************************************************/
#forumcat {
	border:1px solid #cccccc;
	padding:10px;
	font-size:0.85em;
	margin-bottom:20px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
#forumcat li {
	float:left;
	font-size:0.9em;
	width:50%;
	list-style-type:none;
	margin:0 0 3px 0;
}
#forumcat li a {
	color:#444444 !important;
}

/********************************************************************************************/
/* Liste des catégories
/********************************************************************************************/
#forumcat ul {
	font-size:0.8em;
}
#forumcat .titre {
	background:url('../image/common/ico_page_forum_black.png') left top no-repeat;
	padding-left:16px;
	margin-bottom:3px;
}
#forumcat .count {
	display:inline;
	color:#999999;
	margin-left:5px;
}
#forumcat li .chapo {
	color:#999999;
	padding-left:16px;
	clear:both;
}
#forumcat .subcat {
	margin-top:5px;
}
#forumcat .subcat .titre {
	font-weight: normal !important;
}

/********************************************************************************************/
/* Liste des topics
/********************************************************************************************/
#forumlasttopic {
	
}
#forumlasttopic a {
}
#forumlasttopic ul {
	list-style: none;
}
#forumlasttopic li {
	padding: 15px 0;
	border-bottom: 1px solid #ededed;
}
#forumlasttopic li .datetimeinsert,
#forumlasttopic li .userinsert {
	display:inline;
	font-size:10px;
	color:#666666;
	margin-bottom:5px;
}
#forumlasttopic .fav .addtofav {}
#forumlasttopic .titre {
	margin: 0 0 5px 0;
	padding-top: 6px;
	font-weight: bold;
}
#forumlasttopic .titre a {
	color: #333333;
}
#forumlasttopic .chapo {
	/* cf #pagetxt p */
}

/********************************************************************************************/
/* Liste des topics
/********************************************************************************************/
#forumtopic,
#forumpost {
	margin-bottom:20px;
}
#forumpost {
}

#forumtopic li {
	padding:10px 0;
	list-style-type:none;
	border-bottom:1px dashed #dddddd;
}
#forumtopic li .fav .addtofav {
	top:9px;
}
#forumtopic li .titre {
	font-size:1.2em;
	margin-bottom:5px;
}
#forumtopic li .titre a {
}
#forumtopic li .datetimeinsert,
#forumtopic li .userinsert {
	display:inline;
	font-size:10px;
	color:#666666;
	margin-bottom:5px;
}
#forumtopic li .count {
	display:inline;
	font-size:0.7em !important;
	color:#666666;
	margin-top:5px;
}
#forumtopic li .chapo {
	margin-top:5px;
	/* cf #pagetxt p */
}

/********************************************************************************************/
/* Un post */
/********************************************************************************************/
#post {
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}
#post .fav {display:none;}
#post .fav .addtofav {}
#post .titre {
	/* cf #articledetail .titre */
}
#post .datetimeinsert,
#post .userinsert {
	font-size:0.7em;
	display:inline;
	color:#666666;
}
#post .chapo {
	/* cf #pagetxt p */
}


/********************************************************************************************/
/* Formulaires pour publier un commentaire ou un post
/********************************************************************************************/
form#formcommentonuser fieldset,
form#formcommentonarticle fieldset,
form#formpostonpage fieldset,
form#formpostonpost fieldset {
	background:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
}
form#formcommentonuser fieldset ol li,
form#formcommentonarticle fieldset ol li,
form#formpostonpage fieldset ol li,
form#formpostonpost fieldset ol li {
	float:left;
	clear:none !important;
}
form#formcommentonuser fieldset ol li textarea,
form#formcommentonarticle fieldset ol li textarea,
form#formpostonpage fieldset ol li textarea,
form#formpostonpost fieldset ol li textarea {
	width:500px;
	height:50px;
	margin-right:10px;
}

/********************************************************************************************/
/* Liste des commentaires, des posts (formulaires et walls)
/********************************************************************************************/
#listofcommentonuser ul,
#listofpostonpost ul,
#listofcommentonarticle ul {
	list-style-type:none;
	clear:both;
}
#listofcommentonuser ul li,
#listofpostonpost ul li,
#listofcommentonarticle ul li {
	padding:10px 0;
	border-bottom:1px solid #dddddd;
	position:relative;
}
#listofcommentonuser ul li .userinsert,
#listofpostonpost ul li .userinsert,
#listofcommentonarticle ul li .userinsert {
	font-size:0.8em;
	text-align:right;
	margin-bottom:3px;
}
#listofcommentonuser ul li .datetimeinsert,
#listofpostonpost ul li .datetimeinsert,
#listofcommentonarticle ul li .datetimeinsert {
	font-size:0.6em;
	color:#999999;
	text-align:right;
}
#listofcommentonuser ul li .chapo,
#listofpostonpost ul li .chapo,
#listofcommentonarticle ul li .chapo {
	font-size:0.7em;
	line-height:1.4em;
	width:450px;
	margin-left:15px;
	float:right;
	background-color:#F5F5F5;
	position:relative;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#666666;
}
#listofcommentonuser ul li .chapo .ornement,
#listofpostonpost ul li .chapo .ornement,
#listofcommentonarticle ul li .ornement {
	left:-7px;
	top:5px;
	background:url('../image/common/dropped_right_bg_lightgrey.png') center center no-repeat;
}

/********************************************************************************************/
/*	Commentaires
/********************************************************************************************/
#comment {
	clear:both;
}
#comment h2 {
	padding-left:23px;
	background-repeat:no-repeat;
	background-position:top left;
}

/********************************************************************************************/
/* recherche
/********************************************************************************************/
#search {font-size:0.8em;}
/*	Titres des resultats */
#search #resume {
	/* Comme #alerte */
} 
#search #resume .info {
	font-style:italic;
}

/*	Resultats */
#search #results {}
#search #results li {
	padding:20px 0;
	border-bottom:1px dotted #cccccc;
	list-style-type:none;
	overflow:auto;
}
/*	Image des resultats */
#search #results .image {
	float:left;
	width:90px;
	border:7px solid #F2F2F2;
	margin:0 15px 15px 0;
}
#search #results .image img {
	width:100%;
	display:block;
}
/*	Titres des resultats */
#search #results .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#search #results .titre a{}
#search #results .titre a:hover{}
#search #results .titre .langue {}
#search #results .titre .type {}
/*	Chapo des resultats */
#search #results .chapo {
	font-size:0.9em;
	margin-bottom:5px;
	color:#666666;
}
/*	Cursus */
#search #results .cursus {
	font-size:0.8em;
	color:#999999;
}
#search #results .cursus a {color:#999999;}
/*	highlight */
#search #results strong {
	background:#fbed73;
}

/********************************************************************************************/
/*	Tags
/********************************************************************************************/
#tag {
	font-size:0.9em;
}
#tag li {
	margin:0 0 15px 0;
	list-style-type:none;
	background:url('../image/icon_tag.png') top left no-repeat;
	padding-left:20px;
}
#tag li a {
	border:none;
}
#tag li .titre {
	margin-bottom:5px;
	font-weight:bold;
}
#tag li .chapo {
	color:#666666;
}

/********************************************************************************************/
/* Liste des mises a jour (page 'update')
/********************************************************************************************/
#update {}
#update li {
	margin:0 0 20px 0;
	list-style-type:none;
}
#update li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#update li .datetimeinsert {
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}
#update li .chapo {
	font-size:0.8em;
}

/********************************************************************************************/
/*	Ajouter aux favoris
/********************************************************************************************/
.addtofav {
	width:16px;
	height:16px;
	display:block;
	float:left;
	position:relative;
	top:5px;
	margin-right:5px;
	border:none;
}
a.addtofav:hover {}

/* Une fois en favoris */
span.addtofav,
a.faved {
}

/********************************************************************************************/
/* Liste des articles favoris (page 'userfav')
/********************************************************************************************/
#fav {}
#fav li {
	padding:20px 0;
	list-style-type:none;
	border-bottom:1px dashed #999999;
}
#fav li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
#fav li .datetimeinsert {
	margin-bottom:5px;
	font-size:0.8em;
	color:#666666;
}
#fav li .chapo {
	font-size:0.8em;
}

/********************************************************************************************/
/* Calque de rss
/********************************************************************************************/
ul#rss {
	border-top:3px solid #333333;
	padding-top:20px;
	font-size:0.8em;
}
ul#rss li {
	margin:0 0 20px 0;
	list-style-type:none;
	line-height:1.2em;
	color:#555555;
}
ul#rss li .titre {
	font-weight:bold;
	margin-bottom:5px;
}
ul#rss li .titre a {}
ul#rss li .titre a:hover {}
ul#rss li .url {
	padding:5px 5px 5px 24px;
	border:1px solid #eeeeee;
	font-size:0.9em;
	margin-bottom:10px;
	background:url('../image/common/icon_rss_14_defaut.png') 5px center no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
ul#rss li .url a {
	border:none;
	color:#333333;
}
ul#rss li .url a.rssvalidate {
	font-size:11px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px 5px 2px 5px;
	border:none;
	margin-left:7px;
	white-space:nowrap;
	background:#F2F2F2;
	color:#cccccc;
}

ul#rss li .chapo {
	font-size:0.9em;
}
ul#rss li .cursus {}
ul#rss li .cursus a{}
ul#rss li .cursus a:hover {}

/********************************************************************************************/
/*	footer
/********************************************************************************************/
#footer {
	padding:0 0 20px 0;
	clear: both;
	color:#cccccc;
}
#footer h2 {
	font-size:1em;
	padding:0 0 5px 0;
	margin: 30px 0;
	border-bottom:1px solid #555555;
}
#totop {
	float:right;
	padding-top:5px;
	font-size: 11px;
}
#totop	a {
	color:#cccccc;
}
/* Stories */
#footer #stories {
}
#footer #stories li {
	width:207px;
	float:left;
	margin-right:20px;
	padding-right:20px;
	border-right:1px dotted #555555;
	list-style-type:none;
}
#footer #stories li.number4 {
	margin-right:0;
	padding-right:0;
	border:none;
}
#footer #stories li .by {
	margin-bottom:5px;
	color:#555555;
	font-size:0.7em;
}
#footer #stories li .by a {
	color:#666666;
	border-bottom:1px solid;
}
#footer #stories li .by span {
	font-family:georgia;
	font-style:italic;
}
#footer #stories li .titre {
	margin-bottom:5px;
	font-family:georgia;
	font-size:1.2em;
}
#footer #stories li .chapo {
	color:#999999;
	font-size:0.7em;
	line-height:1.4em;
}

/********************************************************************************************/
/*	Quick Map
/********************************************************************************************/
#quickmap {
	list-style:none;
	font-size:0.7em;
	border-top:1px solid #cccccc;
	padding-top:30px;
}
#quickmap a {color: #cccccc;}
#quickmap ul {
	display:block !important; /* bypass the display="none" in mnxdrop */
	padding-top: 6px;
}
#quickmap li {
	list-style-type:none;
	float:left;
	width:33%;
	font-weight: bold;
}
#quickmap li a {
	padding: 1px 7px;
	border:none;
}
#quickmap li li {
	float: none;
	width:100%;
	font-weight: normal;
	margin-bottom:3px;
}

#quickmap li li a {color: #999999;}
#quickmap li li a:hover {color: #F2F2F2;}
#quickmap li li.on a {
	color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 1px #666666;
}

#quickmap #mnsysoverview {
	margin:0;
	position: absolute;
	top: 175px;
	left: 780px;
}

/********************************************************************************************/
/*	mnsys
/********************************************************************************************/
#mnsys {
	font-size:0.7em;
	margin:0 3px;
	padding:15px 7px;
	border-top:1px solid #444444;
}
#mnsys li {
	list-style-type:none;
	margin-bottom:3px;
	float:left;
	width:50%;
}
#mnsys li a {
	padding: 2px 6px;
	border:none;
	color: #999999 !important;
}
#mnsys li.on a {
	color:#ffffff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	text-shadow:1px 1px 1px #666666;
}
#mnsys li.off a {}
#mnsys li.off a:hover {color: #F2F2F2;}

#mnsys .copy {
	margin-right:10px;
}

/********************************************************************************************/
/*	Notice
/********************************************************************************************/
#notice {
	text-align:center;
	font-size: 10px;
	opacity:0.7;
}

/********************************************************************************************/
/*	Flags
/********************************************************************************************/
#flags {
	list-style-type: none;
	font-size: 10px;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #cccccc;
	clear:both;
}
#flags li {
	display:inline;
}
#flags li a {
	color:#999999 !important;
	background:#ffffff;
	padding:0 10px;
	top:-8px;
	position:relative;
	border:none;
}
#flags li a:hover {
	color:#000000;
}

/********************************************************************************************/
/*	Pied de page
/********************************************************************************************/
#notice {
	margin-bottom:10px;
}

/********************************************************************************************/
/* Draggables & Droppables
/********************************************************************************************/
/*	Tous les Draggables */
.draggable {
	cursor:move;
}
.draggable:hover {
	border-style:dashed !important;
	border-color:#88CC00 !important;
}

/*	Tous les Droppables */
.droppable {
}
/* Droppable prêts à recevoir */
.droppable.ready {
	background-image:url('../image/ready_bg.png') !important;
	background-repeat:repeat !important;
	border-style:dashed !important;
	border-color:#88CC00 !important;
}

/********************************************************************************************/
/* Forms
/********************************************************************************************/
/* Fieldset */
fieldset {
	margin-bottom:20px;
	border:none !important;
	padding:10px 10px 20px 10px;
}
fieldset.hidden {
	border:0;
	padding:0;
	margin-bottom:0px;
}

/* Legend */
fieldset legend {
	font-size:0.7em;
	color:#999999;
}

/* Alerte */
fieldset ol li .alerte {
	float:left;
	font-size:0.7em;
	padding:6px 10px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius-topright:3px;
	border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-radius-bottomright:3px;
	border-radius-bottomright:3px;
	background:#F5F5F5;
}
fieldset ol li .alerte:before {
	content:'◄';
	font-size:0.7em;
	margin-right:5px;
}

/* Texte */
fieldset p,
fieldset ul {
	margin:0 10px 15px 10px;
	font-size:0.8em;
	color:#666666;
}

/* Diclaimer */
fieldset .disclaimer {
	font-size:0.7em;
	margin-top:10px;
	color:#bbbbbb;
}
fieldset .disclaimer a {
	border-bottom:1px solid;
	color:#bbbbbb;
}

/* Lignes */
fieldset ol {
	padding:0;
	margin:0;
}
fieldset ol li {
	padding:3px;
	list-style-type:none;
	clear:both;
}
fieldset ol li.divider {
	border-bottom:1px dotted #dddddd !important;
	margin-bottom:10px;
}

/* Labels & spécificités des labels */
fieldset ol li label {
	width:85px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
	padding:5px;
	font-size:0.8em;
	color:#666666;
}
fieldset ol li.important label {
	font-weight:bold;
}
fieldset ol li.compulsory label {
}
fieldset ol li.compulsory label,
fieldset ol li.compulsory .checkboxes label .titre {
	background:url('../image/common/bg_compulsory.gif') right center no-repeat;
}
p.compulsory {
	font-size:0.7em;
	color:#aaaaaa;
	text-align:right;
	padding:10px 5px 0 0;
	clear:both;
	background:url('../image/common/bg_compulsory.gif') right center no-repeat;
}

/* Mise en forme des champs dans le formulaire */
fieldset ol li .input,
fieldset ol li .textarea,
fieldset ol li .radios,
fieldset ol li .checkboxes,
fieldset ol li .wysiwyg,
fieldset ol li .select,
fieldset ol li .hidden,
fieldset ol li .password,
fieldset ol li .media {
	width:350px;
	border:1px solid;
	border-color:#CCCCCC #DDDDDD #dddddd;
	padding:5px !important;
	font-size:0.8em;
	font-family:arial,verdana,sans-serif;
	color:#666666;
	background:#ffffff url('../image/input_bg.gif') top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
}

/* Etats des champs */
fieldset ol li .onblur {
	border-color:#CCCCCC #DDDDDD #dddddd;
}
fieldset ol li .onmouseover {
	border-color:#999999 !important;
}
fieldset ol li .onfocus {
	border-color:#666666 !important;
}
fieldset ol li .ko {
	border-color:#FF0000 !important;
}
fieldset ol li .ok {
	border-color:#88CC00 !important;
}

/* File */
form fieldset ol li .file a {
	display:none !important;
}

/* wysiwyg */
fieldset ol li .wysiwyg {width:590px !important;}
.defaultSkin table.mceLayout tr.mceFirst td,
.defaultSkin table.mceLayout tr.mceLast td {background-color:#F5F5F5 !important;}

/* Password */
fieldset ol .passwords {
	border:none !important;
	background:none !important;
	border:0 !important;
	padding:0 !important;
	float:left;
}
fieldset ol .passwords .change {
	padding:0;
	border:none;
	margin-top:10px;
}
fieldset ol .passwords label {
	width:auto !important;
	text-align:left;
	margin:0;
}
fieldset ol .passwords input {
	width:95% !important;
}

/* Radio & Checkbox */
fieldset ol .radios,
fieldset ol .checkboxes {
	float:left;
	overflow:auto;
	border:none !important;
	background:none;
	margin:0 !important;
	padding:0;
}
fieldset ol .radios a,
fieldset ol .checkboxes a {
	border-bottom:1px solid;
}
fieldset ol .radios li,
fieldset ol .checkboxes li {
	margin:0 !important;
	padding:5px !important;
	border:none !important;
}
fieldset ol .radios li .radio,
fieldset ol .checkboxes li .checkbox {
	float:left !important;
	margin:0;
	clear:left;
}
fieldset ol .radios li label,
fieldset ol .checkboxes li label {
	text-align:left !important;
	margin:0 0 0 5px !important;
	width:80% !important;
	padding:0 !important;
	clear:none !important;
	font-size:1em;
}
fieldset ol .radios li label .titre,
fieldset ol .checkboxes li label .titre {
	text-transform:none !important;
	color:#000000 !important;
	font-weight:normal !important;
}
fieldset ol li.compulsory .checkboxes label {
	background:none;
}
fieldset ol li.compulsory .checkboxes label .titre {
	padding-right:5px !important;
}
fieldset ol .radios li label .chapo,
fieldset ol .checkboxes li label .chapo {
	margin:3px 0 0 0 !important;
	font-size:0.9em !important;
	display:block;
	color:#666666 !important;
	font-size:1em;
}
fieldset ol .radios li.divider,
fieldset ol .checkboxes li.divider {
	font-size:1.2em;
	margin:7px 0 !important;
	line-height:1em !important;
	color:#000000;
	font-weight:bold;
}
/* Checkbox & order */
fieldset ol .checkboxorder {}
fieldset ol .checkboxorder fieldset.selected, 
fieldset ol .checkboxorder fieldset.available {
	background:#ffffff;
	padding:10px;
	width:30%;
	border:1px solid #cccccc;
	clear:none;
}
fieldset ol .checkboxorder ul li {
	margin:0 0 1px 0 !important;
	clear:both;
	list-style-type:none;
	position:relative;
	font-size:0.85em;
}
fieldset ol .checkboxorder ul li.nodata {
	border:none !important;
}
fieldset ol .checkboxorder ul li .titre{
	padding:3px;
	background:#ffffff;
}

fieldset ol .checkboxorder .selected {
	float:left;
}
fieldset ol .checkboxorder .selected ul li {
}
fieldset ol .checkboxorder .selected ul li .titre {
	width:80%;
	margin-left:13px;
	border:1px solid #cccccc;
}
fieldset ol .checkboxorder .selected ul li .handle {
}
fieldset ol .checkboxorder .selected ul li .handle,
fieldset ol .checkboxorder .selected ul li .delete {
	position:absolute;
	width:13px;
	height:13px;
	background:50% 50% no-repeat;
	top:5px;
	display:block;
}
fieldset ol .checkboxorder .selected ul li .handle {
}
fieldset ol .checkboxorder .selected ul li .handle {
	background-image:url('../image/ico_action_sort_black.png');
	left:-5px;
	display:none;
	border:none !important;
}
fieldset ol .checkboxorder .selected ul li:hover .handle {
	display:block;
}
fieldset ol .checkboxorder .selected ul li .delete {
	background-image:url('../image/ico_action_logout_black.png');
	right:5px;
}
fieldset ol .checkboxorder .selected ul li .delete:hover {
	background-image:url('../image/ico_action_logout_white.png');
	background-color:#9d0a0e;
}
fieldset ol .checkboxorder .smartlist {
	padding:5px !important;
}

fieldset ol .checkboxorder .available {
	float:right;
}
fieldset ol .checkboxorder .available ul {
	max-height:200px;
	overflow:auto;
	padding:0 10px 0 0 !important;
}

fieldset ol .checkboxorder .available ul li {
	border:1px solid #cccccc;
}

/* Date & Datetime */
fieldset ol li .year {width:80px !important;}
fieldset ol li .month {width:100px !important;}
fieldset ol li .day {width:60px !important;}
fieldset ol li .hour {width:60px !important;}
fieldset ol li .minute {width:80px !important;}
fieldset ol li .second {width:80px !important;}

/* Button & Submit */
fieldset .button,
fieldset .submit {
	display: block !important;
	padding: 2px 5px !important;
	background: url('../image/common/button_bg.png') repeat 0 0 !important;
	color: #ffffff !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:right;
	cursor:pointer;
	font-size:11px;
	filter : alpha(opacity=90);
	-moz-opacity : 0.9;
	opacity : 0.9;
	text-shadow:1px 1px 1px #666666;
}
fieldset .button:after,
fieldset .submit:after {
	content:'→';
}
fieldset .button:hover,
fieldset .submit:hover {
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
}
.submithelp {
	text-align:right;
	float:right;
	clear:right;
	width:250px;
	margin-top:3px;
	font-size:11px;
}
fieldset .center,
fieldset .center {
	float:none;
	margin:auto;
}
/* Controles */
.controles {
	text-align:right;
	padding:3px;
}
.controles input {
	margin-left:1px;
}

/* Hauteurs */
.open {height:400px;}
.close {height:100px;}
.small {height:75px;}

/* Largeurs */
.xs {width:30px !important;}
.s {width:25% !important;}
.m {width:50% !important;}
.l {width:80% !important;}
.xl {width:100% !important;}

/* Bulles d'aide */
fieldset ol li .help {
	font-size:0.8em;
	margin-top:5px;
	float:right;
	border:none !important;
	color:#666666;
}

/********************************************************************************************/
/* Popup site
/********************************************************************************************/
#popup {
 position:absolute;
 width:100%;
 top:0;
 z-index:1000000;
}
/* Box */
#popup #popupbox {
 position:relative;
 margin: 0 auto;
 z-index:1000000;
 overflow:hidden;
 -moz-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.5);
 width:640px;
}
/* Dark overlay */
#popup.site #popupoverlay {
 filter : alpha(opacity=40);
 -moz-opacity : 0.4;
 opacity : 0.4;
 background:#000000;
 width:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:1000000;
}
* html #popup #popupoverlay {position:absolute;} /* ie6 */

#popup.site #popupbox #popupcontent {
 background:#000;
 line-height:1.2em;
 color:#333333;
 padding:15px;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}

#popup.site #popupbox #popupclose {
 position:absolute;
 top:15px;
 right:15px;
 width:11px;
 height:11px;
 opacity:0.8;
 display:block;
 background:url('../image/interface/greybox/close.gif') center center no-repeat;
}
#popup.site #popupbox #popupclose:hover {opacity:1;}
/* Actions */
#popup.site .action {
 margin-top:20px;
 list-style-type:none;
}
#popup.site .action li {
 margin-left:10px;
 padding:2px 5px;
 float:right;
 font-size:0.8em;
}
#popup.site .action li.focus {
 border:1px solid #555555;
}
#popup.site .action li a {
 color:#cccccc;
}



/********************************************************************************************/
/* Custom VL
/********************************************************************************************/
#container{
	/*position:relative;
	float:left;
	width:1079px;
	left:-540px;top:0;
	margin:0 0 0 50%;*/
	width:100%;
}
#container.background, #container.showroom{background:url(../image/interface/bg_container.jpg) repeat-x left top;}

#mainMenuContainer{
	z-index:5;
	position:fixed;
	left:0;bottom:0;
	width:100%;
	height:33px;
	background:url(../image/interface/mainmenu_container.gif) no-repeat center bottom;
}
body.section00 #mainMenuContainer{
	position:absolute;
	left:0;top:568px;
	background:url(../image/interface/mainmenu_container.png) no-repeat center bottom;
}
#mainMenu{
	width:955px;
	position:relative;
	margin:0 auto;
	color:#151515;
}
body.section00 #mainMenu{
	border-bottom:none;
}
#mainMenu dl{
	float:left;
	/*width:159px;*/
	background:url(../image/interface/mainmenu_sep.gif) no-repeat left center;
}
#mainMenu dl.firstChild{background:none;width:75px;}
#mainMenu dl.firstChild .content, #mainMenu dl.firstChild dt{width:54px;}
/*#mainMenu dl.menuLang{float:right;}*/
#mainMenu dt{
	float:left;
	width:100px;
	padding:0 10px 0 11px;
	text-align:center;
	cursor:default;
	font-weight:bold;
	text-transform:uppercase;
}
#mainMenu dt .content{
	float:left;
	width:120px;
	display:block;
	color:#bebdbd;
	padding:8px 0;
	text-decoration:none;
}
#mainMenu dl.menuLang{
	width:auto;
	float:right;
	*float:none;
	background:none;
	margin:1px 0 0 0;
}
#mainMenu dl.menuLang dt{
	width:auto;
	padding-right:0;
}
#mainMenu dl.menuLang dt .content{
	text-align:right;
	font-weight:normal;
	font-size:10px;
	padding:5px 0;
	width:auto;
	float:right;
}
#mainMenu dl.menuLang dt .content a, #mainMenu dl.menuLang dt .content img, #mainMenu dl.menuLang dt .content span{
	display:block;
	float:left;
	color:#bebdbd;	
}
#mainMenu dl.menuLang dt .content span{padding:0;}
#mainMenu dl.menuLang dt .content a{padding:0 5px;}
#mainMenu dl.menuLang dt .content a:last-child{padding-right:0;}
#mainMenu dl.menuLang dt .content a.border{padding-right:10px !important;margin-right:5px !important;background:url(../image/interface/mainmenu_sep.gif) no-repeat right center !important;}
#mainMenu dl.menuLang dt .content a.lang{padding-top:3px;padding-bottom:5px;}
#mainMenu dl.menuLang dt .content a:hover, #mainMenu dl.menuLang dt .content .active{
	color:#7b101c;
	background:none;
}
/*#mainMenu dl.contact dt{padding:0;}*/
#mainMenu dl.active .content, #mainMenu dl.contact .content:hover{color:#ed001a;}
#mainMenu dl a.content:hover, #mainMenu dl dt.activeRoll a.content{color:#ed001a;}
#mainMenu dl dt.activeRoll{border-top:2px solid #7b101c;}
#mainMenu dl dt.activeRoll .content{padding-top:6px;}

#mainMenu dt .content span{
	padding:0 0 0 17px;
	background-repeat:no-repeat;
	background-position:left -9px
}
#mainMenu dt .content span.home{background-image:url(../image/interface/icons/mainmenu_home.gif);}
#mainMenu dt .content span.contact{background-image:url(../image/interface/icons/mainmenu_contact.gif);}
#mainMenu dt .content span.presse{background-image:url(../image/interface/icons/mainmenu_presse.gif);}
#mainMenu dt .content span.media{background-image:url(../image/interface/icons/mainmenu_medias.gif);}

#mainMenu dt .content span.agenda{background-image:url(../image/interface/icons/mainmenu_agenda.gif);}
#mainMenu dt .content span.news{background-image:url(../image/interface/icons/mainmenu_news.gif);}
#mainMenu dl a.content:hover span, #mainMenu dl dt.activeRoll a.content span{background-position:left -40px;}


#mainMenu dd{
	/*display:none;*/
	position:absolute;
	left:-62px;bottom:0;
	width:1079px;
	color:#b0b0b0;
	padding:5px 0 0 0;
	background:url(../image/interface/mainmenu_dd.png) repeat-x left top;
}
#mainMenu dd div.content{
	float:left;
	width:954px;
	min-height:99px;
	padding:27px 62px 0 63px;
	background:#292929;
}
body.section00 #mainMenu dd div.content{background:url(../image/interface/mainmenu.png) repeat left top;}
#mainMenu dd .close{
	/*display:none;*/
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	color:#ffffff;
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(../image/interface/greybox/close.gif) no-repeat center center;
}
#mainMenu dd .close:hover{color:#ed001a;}


#mainMenu .col_large{
	float:left;
	width:317px;
	padding-right:1px;
}
#mainMenu .col_small{
	float:left;
	width:158px;
	padding-right:1px;
}
#mainMenu .col_large.lastChild, #mainMenu .col_small.lastChild{padding-right:0;}

#mainMenu .title, #mainMenu .subTitle, #mainMenu p{padding:0 10px 10px 10px;}
#mainMenu .title{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
#mainMenu .title a{
	display:block;
	color:#ffffff;
	padding:0 12px 4px 0;
	text-decoration:none;
	background:url(../image/interface/mainmenu_list_puce.gif) no-repeat right bottom;
}
#mainMenu .title a:hover{color:#ed001a;}

#mainMenu .subTitle{
	padding-bottom:0;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
}
#mainMenu .subTitle.alternate{color:#ffffff;}
#mainMenu .subTitle.lastOne{color:#7a101c;}
#mainMenu .subTitle a{
	display:block;
	color:#ffffff;
	background:url(../image/interface/mainmenu_list_puce.gif) no-repeat right 3px;
}
#mainMenu .subTitle a:hover{color:#ed001a;}
#mainMenu p a{
	color:#b0b0b0;
	padding-bottom:0;
	text-decoration:none;
}
#mainMenu p a:hover{color:#ed001a;}




#flashArea{
	/*clear:both;
	float:left;
	height:410px;
	width:1079px;*/
	color:#cfcfcf;
	display:block;
	/*background:#2f2f2f url(../image/interface/bg_container.jpg) repeat-x left bottom;*/
}
#body.section00 #flashArea{height:600px;/*background:#636363;*/}
/*#flashArea{background:pink;border-bottom:1px dashed red;}*/
#flashArea a{color:#ed001a;text-decoration:underline;}
/*#map{border-top:1px solid #a0a0a0;}*/


#footer{
	float:left;
	width:955px;
	/*padding:8px 62px 50px 62px;*/
	padding:8px 0 50px 0;
	font-size:10px;
	color:#343434;
	background:#cfcfcf;
}
#body.section00 #footer{background:none;}

#footer ul{list-style-type:none;}
#footer ul.left li, #footer ul.right li, #footer ul.left li img, #footer ul.right li img{float:left;}
#footer ul a{color:#656565;text-decoration:none;}
#footer ul a:hover, #footer .active a{color:#7b101c;}
#footer ul img{padding:2px 5px 0 0;}

#footer ul.left{float:left;}
#footer ul.right{float:right;}
#footer ul.left a, #footer ul.right a{float:left;}

#footer ul.right li, #footer ul.left li{
	padding:1px 9px 0 8px;
	background:url(../image/interface/footer_ul_right_sep.gif) no-repeat right 5px;
}
#footer ul.right li.lastChild, #footer ul.right li.more, #footer ul.left li.lastChild{background:none;}
oter ul.right li.lastChild{padding-right:8px;}
#footer ul.right li.more{
	background:#646466 url(../image/interface/icons/more_int.gif) no-repeat left top;
	color:#c9c9c9;
	cursor:pointer;
	padding:0 5px 3px 24px;
}
#body.section00 #footer ul.right li.more{color:#6b6b6b;background:#2b2b2c url(../image/interface/icons/more.gif) no-repeat left top;}

#footer ul.right li.more span{position:relative;top:1px;}
#footer ul.right li.more:hover{color:#ffffff !important;background-position:left -16px !important;}
#footer ul.right li.more.collapse{background-position:left -32px !important;}
#footer ul.right li.more.collapse:hover{color:#ffffff !important;background-position:left -48px !important;}

#footerMore.expanded{display:block;}
#footerMore{
	display:none;
	float:left;
	width:955px;
	border-top:1px solid #7b7b7b;
	/*border-bottom:1px solid #7b7b7b;*/
	padding:20px 0 19px 0;
}
#body.section00 #footerMore{border-top:1px solid #2b2b2c;border-bottom:1px solid #2b2b2c;}

#footerMore .col{
	float:left;
	width:149px;
	padding:0 0 0 10px;
}
#footerMore .title{
	color:#333232;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}
#footerMore .title a{
	color:#333232;
	text-decoration:none;
}
#footerMore .title a:hover{color:#ffffff;}
#footerMore ul{padding:9px 0 0 0;}
#footerMore ul li{padding:1px 0 2px 0;}


#cnt{
	float:left;
	width:955px;
	/*padding:0 62px 40px 62px;*/
	padding:0 0 40px 0;
	background:#cfcfcf;
}
#container.background #cnt{
	min-height:70px;
	background:#cfcfcf url(../image/interface/bg_container.jpg) repeat-x left -519px;
}
#container.showroom #cnt{
	min-height:70px;
	background:#cfcfcf url(../image/interface/bg_container.jpg) repeat-x left -409px;
}

#map{
	float:left;
	width:943px;
	padding:4px 2px 20px 10px;
}
#cnt #pagechapo{
	float:left;
	width:298px;
	padding:4px 10px 20px 10px;
}
#cnt #articledetail{
	float:left;
	width:448px;
	padding:4px 10px 8px 10px;
}
body.section03 #cnt #articledetail{text-align:justify;}
#cnt #pagetxt{
	float:left;
	width:448px;
	padding:4px 10px 8px 10px;
}
#cnt #articledetail #pagetxt{
	padding-left:0;
	padding-right:0;
}
#cnt #ctx{
	float:left;
	width:158px;
	padding:20px 0 0 10px;
}

#cnt #pagetxt iframe{
	border:0;
	height:506px;
	width:448px;
	background:none;
}

#cnt #articledetail p, #cnt #pagetxt p, #cnt #articledetail ul, #cnt #pagetxt ul{padding-bottom:12px;}
#cnt #articledetail p a, #cnt #pagetxt p a, #cnt #articledetail ul a, #cnt #pagetxt ul a{color:#dd071f;text-decoration:underline;}
#cnt a.sub_title, #cnt a.common_title, #cnt .sub_title a, #cnt .common_title a{color:#000000;text-decoration:none;}
#cnt a.sub_title:hover, #cnt a.common_title:hover, #cnt .sub_title a:hover, #cnt .common_title a:hover{color:#dd071f;text-decoration:underline;}
#cnt #articledetail ul, #cnt #pagetxt ul{
	list-style-type:square;
	list-style-position:inside;
}

/*tableau */

#cnt #pagetxt table {
	border-spacing:0;
	border-collapse:collapse;
	margin-bottom:18px;
}

#cnt #pagetxt table tr {
	margin:0;
	padding:0;	
}

#cnt #pagetxt table td {
	/*vertical-align:bottom;*/
	font:normal normal 11px/normal Arial, Verdana, sans;
}

#cnt #pagetxt table td p {
	color:#757575;
	border-bottom:1px solid #efefef;
	margin:0;
	padding: 0 5px 2px 5px;
	
}

#cnt #pagetxt table td h5 {
	color:#5e5e5e;
	font:bold normal 12px/normal Arial, Verdana, sans;
	margin:0;
	padding: 0 0 5px 0;
	
}


/*#cnt .date{
	padding-top:16px;
	padding-bottom:16px;
	text-transform:uppercase;
	font:normal normal 18px/18px Arial, Verdana, sans;
}*/


#ctxbox{
	/*float:left;
	width:158px;*/
	color:#333333;
	list-style-type:none;
}
#ctxbox li{
	/*float:left;
	width:138px;*/
	position:relative;
	padding:10px;
	margin:0 0 20px 0;
	min-height:130px;
	background:#ffffff url(../image/interface/ctxbox_bg.jpg) repeat-x left bottom;
	/*background:#ffffff;*/
}
#ctxbox li .title{
	text-transform:uppercase;
	padding:0 0 10px 0;
	color:#000000;
	font-size:12px;
	text-transform:uppercase;
}
#ctxbox li p{
	padding:0 0 5px 0;
}
#ctxbox li p a{color:#333333;}
#ctxbox li p a:hover{text-decoration:underline;color:#ed001a;}

#ctxbox li ul{list-style-type:none;}
#ctxbox li ul li{
	min-height:0;
	padding:0 0 5px 0;
	margin:0;
	background:none;
}
#ctxbox li ul li a{
	display:block;
	color:#333333;
	background:url(../image/interface/ctxbox_link_puce.gif) no-repeat right center;
}
#ctxbox li ul li a:hover{color:#ed001a;}


#ctxbox li.link, #ctxbox li.page_white, #ctxbox li.page_black, #ctxbox li.page_black_greybox, #ctxbox li.deliver, #ctxbox li.multiplelien_externe{background:none;}
#ctxbox li.page_white, #ctxbox li.page_black, #ctxbox li.page_black_greybox, #ctxbox li.deliver, #ctxbox li.multiplelien_externe{padding:0;}
#ctxbox li.link{
	padding-left:0;
	padding-right:0;
	margin:0 0 20px 0;
	text-transform:uppercase;
}
#ctxbox .link .titre{padding:0 10px 10px 10px;}
#ctxbox .titre a{
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 9px 0 0;
}

#ctxbox li .content{
	position:absolute;
	left:0;top:0;
	width:138px;
	padding:10px;
}
#ctxbox li .content .exergue p{
	text-transform:uppercase;
	color:#ed001a;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight:bold;
}

#ctxbox .link .titre a{color:#333333;background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;}
#ctxbox .link .titre a:hover{color:#ed001a;}

#ctxbox li.deliver .titre a{color:#333333;background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;}
#ctxbox li.deliver .titre a:hover{color:#ed001a;}

/*#ctxbox li.page_white .titre{padding-bottom:0;}*/
#ctxbox li.page_white .titre a.white{color:#ffffff;background:url(../image/interface/encart_puce2.gif) no-repeat right bottom;}
#ctxbox li.page_white .titre a:hover{color:#ed001a;}

/*#ctxbox li.page_black .titre{padding-bottom:0;}*/
#ctxbox li.page_black .titre a.black{color:#333333;background:url(../image/interface/encart_puce3.gif) no-repeat right bottom;}
#ctxbox li.page_black .titre a:hover{color:#ed001a;}

#ctxbox li.page_black_greybox .titre a.black{color:#333333;background:url(../image/interface/encart_puce3.gif) no-repeat right bottom;}
#ctxbox li.page_black_greybox .titre a:hover{color:#ed001a;}



#ctxbox .toolTip{display:none;}

#ctxbox .titre{
	text-transform:uppercase;
	padding:0 0 10px 0;
	font:normal bold 12px/normal Arial, Verdana, sans;
}

#ctxbox .txt img{
	display:block;
}

#ctxbox ul.txt li{padding:0 0 5px 0;}

#ctxbox li p{
	padding:0 0 5px;
}

#ctxbox .download{
	display:block;
	margin-bottom:5px;
}
#ctxbox .download img{
	display:block;
	position:relative;
	margin:0 auto;
	border:3px solid #ffffff;
}
#ctxbox .download a{
	display:inline;
	background:none;
}
#ctxbox .download a:hover img{
	border-color:#d9041b;
}


/*
#newsPreview, #cnt ul#newsPreview{
	float:left;
	list-style-type:none;
}
#newsPreview li{
	float:left;
	width:308px;
	padding:0 10px 10px 0;
}
#newsPreview li.lastLineChild{width:307px;padding-right:0;}
#newsPreview li .link{padding-bottom:10px;}
#newsPreview li .link img{vertical-align:middle;padding:0 0 0 3px;}
#newsPreview li .link a{
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#newsPreview li .link a:hover{color:#ed001a;}*/


.logo{
	float:left;
	padding:20px 62px;
	width:955px;
}
.logo span, .logo span.pngFix, .logo img{
	display:block;
	float:right;
}
#cnt .logo{
	padding:0;
	width:100%;
}

/*
#showroom{
	float:left;
	width:954px;
	padding:1px 0 0 1px;
	list-style-type:none;
}
#showroom li{
	padding:0 1px 1px 0;
	float:left;
	position:relative;
}
#showroom li a, #showroom li img{display:block;}
#showroom li a.link{
	position:absolute;
	left:0;top:0;
	width:152px;
	height:51px;
	padding:3px;
	background:url(../image/interface/iefix.gif) repeat left top;
}
#showroom li a.link:hover{
	padding:0;
	border:3px solid #d9041b;
}
#showroom li a.link:hover .icon{right:-3px;top:-3px;}
#showroom li .icon{
	position:absolute;
	right:0;top:0;
	padding:3px 4px 4px 4px;
	background:#000000;
}

#showroomNav{
	float:left;
	width:466px;
	height:21px;
	padding:0 0 0 10px;
	margin:0 478px 0 1px;
	background:#545454;
	color:#c6c6c6;
	line-height:19px;
	list-style-type:none;
}
#showroomNav ul{
	float:right;
	padding:0 20px 0 0;
	list-style-type:none;
}
#showroomNav ul li{
	float:left;
	padding:0 5px;
	line-height:19px;
}
#showroomNav ul li a{
	color:#c6c6c6;
	text-decoration:none;
	float:left;
	padding:0 40px 0 0;
	background:url(../image/interface/showroomnav_puce.gif) no-repeat right -20px;
}
#showroomNav ul li a:hover, #showroomNav ul li.active a{
	color:#ffffff;
	background-position:right top;
}
*/


/********************************************************************************************/
/* Sitemap
/********************************************************************************************/
#map ul.langue{display:none;}
#map ul{
	float:left;
	width:943px;
	list-style-type:none;
	background:none;
}
#map ul li{
	clear:both;
	float:left;
	width:100%;
	padding-top:16px;
	text-transform:uppercase;
	font:normal normal 20px/20px Arial, Verdana, sans;
}
#map ul li.feed{background:none !important;}
#map ul li a{color:#000000;}
#map ul li a:hover{color:#dd071f;}

#map ul li ul{padding-top:16px;}
#map ul li ul li{
	clear:none;
	padding:0;
	width:14%;
	padding-right:2%;
	padding-bottom:15px;
	text-transform:uppercase;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#map ul li ul li a{
	display:block;
	width:auto;
	padding-right:7px;
	background:url(../image/interface/sitemap_puce1.gif) no-repeat right 2px;
}

#map ul li ul li ul{width:auto;}
#map ul li ul li ul li{
	padding:0;
	width:100%;
	padding-right:0;
	padding-bottom:3px;
	text-transform:none;
	font:normal normal 12px/normal Arial, Verdana, sans;
}
#map ul li ul li ul li a{
	background:url(../image/interface/sitemap_puce2.gif) no-repeat right 5px;
}
#map ul li ul li ul li a:hover{background-image:url(../image/interface/sitemap_puce3.gif);}
#map ul li ul li ul li ul{display:none;}

/********************************************************************************************/
/* Carousel*/
#carousel{
	position:relative;
}
#carouselTop, #carouselBottom{
	display:block;
	width:138px;
	height:13px;
	left:2px;
	cursor:pointer;
	background:url(../image/interface/carousel_puce.gif) no-repeat center top;
}
#carouselTop{background-position:center 0px;}
#carouselTop:hover{background-position:center -13px;}
#carouselBottom{background-position:center -39px;}
#carouselBottom:hover{background-position:center -26px;}

/*-----------  SLIDE  -----------*/
body.section00 #slide, body.section00 #slide .background{height:580px;}
body.section00 #slide .content{padding-top:95px;}
#slide{
	width:100%;
	height:354px;
	color:#ffffff;
	position:relative;
	text-transform:uppercase;
}
body.section00 #slide{background:url(../image/ajax-loader.gif) no-repeat center 274px;}
#slide .background{
	width:100%;
	height:354px;
	position:absolute;
	left:0;top:0;
	background-position:center top;
	background-repeat:no-repeat;
}
#slide .content{
	width:955px;
	height:485px;
	position:relative;
	margin:0 auto;
	padding:17px 0 0 0;
}
#slide .logo{
	display:block;
	padding:0 0 60px 0;
	width:auto !important;
}
#slide .baseline{
	min-height:90px;
	padding:0 0 40px 0;
}
#slide .title{
	display:none;
	padding:0 0 10px 0;
	font:normal normal 36px/33px DIN Light, Arial, Sans-serif;
}
#slide .desc{
	display:none;
	text-transform:none;
}
#slide .pagination li{display:none;}
#slide .pagination li.next{
	display:block;
	position:absolute;
	right:0;top:292px;
	width:38px;
	height:48px;
	cursor:pointer;
	background:url(../_img/slide_next.gif) no-repeat right top;
}
#slide .pagination li.next:hover{opacity:0.8;}

/*-----------  SQUARE  -----------*/
#square{
	display:none;
	height:52px;
	width:72px;
	padding:10px;
	position:relative;
	/*background:url(../_img/square.png) repeat left top;*/
	background:#ed001a;
	background:rgba(237, 0, 26, 0.9);
	overflow:hidden;
}

/*-----------  SQUARE MENU  -----------*/
/* Niveau #1 */
#squareMenu{
	padding:0 10px 0 0;
	list-style-type:none;
	font:normal bold 12px/normal Arial, Verdana, Sans-serif;
}
#squareMenu .level{
	z-index:10;
	display:none;
	position:absolute;
	left:317px;top:0;
	width:130px;
	height:297px;
	padding:10px;
	/*background:url(../_img/square.png) repeat left top;*/
	background:#ed001a;
	background:rgba(237, 0, 26, 0.9);
}
#squareMenu .level ul{width:120px;}
#squareMenu ul{
	padding:0 10px 0 0;
	list-style-type:none;
}
#squareMenu li{
	cursor:pointer;
	padding:0 12px 8px 0;
	background:url(../image/interface/menusquare_puce.gif) no-repeat right bottom;
}
#squareMenu li a{
	color:#ffffff;
	text-decoration:none;
}
#squareMenu li.off, #squareMenu li.off a{color:#e78f98;}
/* Niveau #2 */
#squareMenu li .level{cursor:default;}
/* Niveau #3 */
#squareMenu ul li .level{
	left:150px;
}
#squareMenu li ul li ul{position:relative;}
#squareMenu li ul li .level{cursor:default;}

#squareMenu .level.last li{
	padding:0 !important;
	background:none !important;
}
#squareMenu .level.last li a{
	display:block;
	width:108px;
	padding:0 12px 8px 0 !important;
	background:url(../_img/menusquare_puce.gif) no-repeat right bottom;
}

#squareMenu .shadowTop, #squareMenu .shadowBottom{
	display:block;
	position:absolute;
	left:0;
	width:150px;
	height:10px;
	background-position:left top;
	background-repeat:repeat-x;
}
#squareMenu .shadowTop{
	top:0;
	background-image:url(../_img/shadow-top.png);
}
#squareMenu .shadowBottom{
	bottom:0;
	background-image:url(../_img/shadow-bottom.png);
}

#squareMenu .message{
	position:absolute;
	left:0;top:0;
	width:130px;
	height:297px;
	padding:10px;
	cursor:pointer;
	text-transform:none;
	background:#000000;
	opacity:0.8;
}

#mainMenu dl#globalSearch{
	float:right;
	width:230px;
	padding:0 0 0 11px;
	margin:5px 0 0 10px;
	background:url(../image/interface/mainmenu_sep.gif) no-repeat left center;
}
#mainMenu dl#globalSearch form{
	padding:2px 0;
	background:#bebdbd;
}
#mainMenu dl#globalSearch form input#search{
	background:none;
	width:206px;
	display:inline-block;
	vertical-align:middle;
	border:none;
	color:#333333;
	padding:0 0 0 2px;
	text-transform:uppercase;
	font:normal bold 12px/normal Arial, Verdana, Sans-serif;
}
#mainMenu dl#globalSearch form input.submit{
	display:inline-block;
	vertical-align:middle;
	width:16px;
	height:16px;
	border:none;
	cursor:pointer;
	background:url(../image/interface/search.gif) no-repeat left top;
}

.breadcrumb_search{
	margin-top:7px;
	font-size:10px;
	color:#767676;
}
.breadcrumb_search a{color:#9e9e9e;}
.breadcrumb_search a:hover{color:#000000;}

#articlelist.searchResult .leftCol{width:305px;float:left;}
#articlelist.searchResult .rightCol{width:630px;margin-left:20px;float:right;_width:610px;}
#articlelist.searchResult .fullCol{float:left;width:100%;}
#articlelist.searchResult .sectionTitle{width:auto;float:none;}
#articlelist.searchResult .sectionTitle span{width:auto;float:none;}
#articlelist.searchResult ul li{width:auto;}
#articlelist.searchResult .rightCol ul li{width:295px;}
#articlelist.searchResult .fullCol ul li{float:left;width:298px;}
#articlelist.searchResult ul li.first{clear:left;}

/********************************************************************************************/
/* GreyBox VL
/********************************************************************************************/

#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:#4e4f4b;
}

#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:0;
	top:50px;
	margin:0 0 0 50%;
}
#greyBox .content{
	padding:0;
	background:#0c0c0c;
	position:relative;
}
#greyBox.zoneVlContact{background:#0c0c0c;}

#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:5px;top:5px;
	width:10px;
	height:10px;
	padding:5px;
	background:url(../image/interface/greybox/close.gif) no-repeat center center;
}
#greyBox .close img{display:block;}

#greyBoxImage{display:block;}
#greyBoxLoader{
	min-height:200px;
	background:url(../image/interface/ajax-loader.gif) no-repeat center center;
}

#greyBox #greyBoxTitle{
	color:#cc0000;
	padding:15px 65px 15px 25px;
	text-transform:uppercase;
	font:normal normal 21px/22px Arial, Verdana, sans;
}





/********************************************************************************************/
/* zoneVlContact
/********************************************************************************************/
#zoneVlContact{
	float:left;
	width:420px;
	padding:10px 25px;
}
#zoneVlContact .item{
	padding:0 0 50px 0;
	clear:both;
}
#zoneVlContact select, #zoneVlContact input, #zoneVlContact textarea {
	background:none repeat scroll 0 0 #fefd95;
	border:1px solid #c2c6c9;
	color:#4d4f5d;
	font:normal normal 12px/normal Arial, Verdana, sans;
	padding:2px 0;
	width:418px;
}
#zoneVlContact select{width:420px;}
#zoneVlContact .preselected, #zoneVlContact .exergue{color:#CC0000;}

#zoneVlContact .title{
	text-transform:uppercase;
	color:#b1080b;
	font:normal bold 12px/normal Arial, Verdana, sans
}
#zoneVlContact .title.main{
	text-align:center;
	padding:0 0 40px 0;
}
#zoneVlContact p{padding:10px 0 0 0;}
#zoneVlContact a{
	float:right;
	background:url(http://j46pays.renault-trucks.com/J23CONTACT/web/images/greybox/puce.gif) no-repeat scroll right center #cc0000;
	color:#ffffff;
	font:normal bold 12px/normal Arial, Verdana, sans;
	padding:3px 38px 3px 8px;
	margin:10px 0 0 0;
	text-decoration:none;
}


.exergue_texte {
    -moz-border-radius: 2px 2px 2px 2px;
    background: none repeat scroll 0 0 #6B6B6B;
    color: #FFFFFF;
    padding: 0 2px;
}
