/****************************************************************************************************************/
/****************************************************************************************************************/
/*	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;*/
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, ol, li {margin:0;padding:0;}
a img{border:none;}

h2{color:#333333;}

/********************************************************************************************/
/*	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 {
}

/* 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.9em;
	padding:4px 5px;
	width:10px !important;
	border:1px solid;
	width:130px !important;
	border-color:#aaaaaa #d0d0d0 #d0d0d0 #d0d0d0;
}

#ctxbox .titre{
	text-transform:uppercase;
	padding:0 0 10px 0;
	font:normal bold 12px/normal Arial, Verdana, sans;
}


#ctxbox .link_external .link a, #ctxbox .leaflet .link a, #ctxbox .link_big_black_popup .link a{
 padding-right:0 !important;
}

#ctxbox .link_external, #ctxbox .leaflet, #ctxbox .link_big_black_popup{
 padding-top:10px;
 background-color:#eff0f0;
 padding-bottom:0;
 position:relative;
 margin-bottom:20px;
}

#ctxbox .link_external .image img, #ctxbox .leaflet .image img, #ctxbox .link_big_black_popup .image img {
vertical-align:top;
}

ul#ctxbox .link_external a .link, ul#ctxbox .leaflet a .link, ul#ctxbox .link_big_black_popup a .link {
    color: #000000;
    font: bold 12px/12px Arial,Verdana,sans;
}

ul#ctxbox .link_external a:hover .link, ul#ctxbox .leaflet a:hover .link, ul#ctxbox .link_big_black_popup a:hover .link {
    color: #ed001a;
}


#ctxbox .link_external .picto, #ctxbox .leaflet .picto, #ctxbox .link_big_black_popup .picto{
 position:absolute;
 right:10px;
 bottom:10px;
 width:13px;
 height:13px;
 overflow:hidden;
}

#ctxbox .link_external .picto img, #ctxbox .leaflet .picto img, #ctxbox .link_big_black_popup .picto img{
 position:relative;
 top:0;
}

#ctxbox .link_external a:hover .picto img, #ctxbox .leaflet a:hover .picto img, #ctxbox .link_big_black_popup a:hover .picto img{
 top:-13px
}

/********************************************************************************************/
/*	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 .article {
	font-size:0.8em;
	position:relative;
	clear:both;
	border-bottom:1px solid #eeeeee;
	padding:10px 0;
}
#articlelist .article .titre {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:3px;
}
#articlelist .article .titre a {
	color:#333333 !important;
}
#articlelist .article .chapo {
	font-size:1.1em;
	line-height:1.5em;
	margin-top:3px;
}
#articlelist .article .userinsert {
	font-size:0.8em;
	color:#999999;
	display:inline;
}
#articlelist .article .tag {
	color:#999999;
	font-size:1.1em;
}
#articlelist .article .tag a {
	color:#999999;
	border-bottom:1px solid;
}
#articlelist .chapo ul {
	padding:0 0 0 30px;
	list-style-type:disc;
}
#articlelist .chapo ul li {
	border:none;
	margin:0 0 5px 0;
	padding:0;
	overflow:visible !important;
}
#articlelist .article .chapo
#articlelist .article .txt {
	font-size:1em;
	color:#666666;
	line-height:1.3em;
	margin:10px 0 5px 0;
}*/

/********************************************************************************************/
/*	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;
}
#search #suggestion {
	font-size:0.8em;
	margin-bottom:20px;
	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 {}

/********************************************************************************************/
/*	Popup Rappel
/********************************************************************************************/
.rappel-form--footer {
	clear: both;
	padding: 20px;
	border-top: 1px solid #ffffff;
	text-align: center;
}

.rappel-form--footer--highlight,
.rappel-form--footer--contact {
	font-size: 16px;
}

.rappel-form--footer--number {
	text-decoration: underline;
}

.rappel-form--footer--dispo {
	display: block;
	width: 60%;
	margin: 0 auto;
}
.rappel-form--btn {
	float: right;
	color: #ffffff;
	text-decoration: none;
	font: normal bold 12px/normal Arial, Verdana, sans;
	margin: 20px 0;
	padding: 3px 38px 3px 8px;
	background: #cc0000 url(/media/img/contact/puce.gif) no-repeat right center;
}

#Rappel input[type=text],
#Rappel input[type=mail],
#Rappel input[type=tel] {
	width: 100%;
	box-sizing: border-box;
	font: normal normal 12px/normal Arial, Verdana, sans-Serif;
	padding: 2px 1px 2px 1px;
	margin: 20px 0;
	color: #4d4f5d;
	border: 1px solid #c2c6c9;
}

#Rappel select {
	width: 100%;
	border: 0;
	margin: 20px 0;
	padding: 5px 1%;
	color: #cfcfcf;
	border: none;
	border-radius: 5px;
	vertical-align: middle;
	-webkit-appearance: none;
	font: normal normal 12px/normal Arial, Verdana, Sans-serif;
	background: #474748 url(/media/img/contact/contacthomepage_select.gif) repeat-x left bottom;
}

#Rappel input[type=text]:last-child,
#Rappel input[type=mail]:last-child,
#Rappel input[type=tel]:last-child,
select:last-child {
	margin-bottom: 0 !important;
}


	/********************************************************************************************/
/*	footer
/********************************************************************************************/
#totop {
	float:right;
	padding-top:5px;
	font-size: 11px;
}
#totop	a {
	color:#cccccc;
}

/********************************************************************************************/
/*	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:1px solid #cccccc;
	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;
}
#popup fieldset{border:none !important;}
/* 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{
	float:left;
	/*position:relative;
	float:left;
	width:1079px;
	left:-540px;top:0;
	margin:0 0 0 50%;*/
	position:relative;
	margin:0 auto;
	/*width:1079px;*/
	/*width:955px;*/
	width:100%;
	background:#0c0c0c url(../image/interface/body.gif) repeat-y center top;
}
#body.section00 #container{background:none;}
/*#container.background, #container.showroom{background:url(../image/interface/bg_container.jpg) repeat-x left top;}*/

#page{
	width:955px;
	position:relative;
	margin:0 auto;
}

#mainMenuContainer{
	z-index:5;
	position:absolute;
	left:0;top:0;
	width:100%;
	background:url(../image/interface/mainmenucontainer.png) repeat-y center top;
}
#mainMenuContainer.adjust{background:none;}
#adminFixer #mainMenuContainer{top:60px;}
#mainMenu{
	width:955px;
	position:relative;
	/*height:35px;
	padding:0 62px;*/
	padding:0;
	margin:0 auto;
	color:#151515;
	/*background:url(../image/interface/mainmenu.png) repeat center top;*/
}
#mainMenuContainer.adjust #mainMenu{background:url(../image/interface/mainmenucontainer.png) repeat-y center top;}
#mainMenu dl{
	float:left;
	width:158px;
	/*background:url(../image/interface/mainmenu_sep.gif) no-repeat right center;*/
	border-right:1px solid #d1d3cc;
}
/*#mainMenu dl.brand{background:none;}*/
#mainMenu dl.lastChild{background:none;}
#mainMenu dt{
	float:left;
	width:138px;
	padding:0 11px 0 10px;
	text-align:center;
	cursor:default;
	text-transform:uppercase;
}
#mainMenu dt .content{
	float:left;
	width:138px;
	min-height:30px;
	display:block;
	color:#151515;
	padding:9px 0 11px 0;
	text-decoration:none;
}
#mainMenu dl.contact dt{padding:0;}
#mainMenu dl.active dt .content, #mainMenu dl.contact dt .content:hover{color:#ed001a;}
#mainMenu dl a.content:hover{color:#ed001a;}
#mainMenu dl dt.activeRoll a.content{color:#ed001a;background:url(../image/interface/mainmenu_dt.png) repeat left top;}

#mainMenu dt .content span{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
#mainMenu dt .content span.adjuster{
	height:30px;
	width:0;
	font-size:0;
}

#mainMenu dl.contact{
	/*float:right;*/
	width:160px;
	background:none;
	border:none;
	position:absolute;
	right:0;top:0;
}
#mainMenu dl.contact dt{width:158px;}
#mainMenu dl.contact .content{
	/*width:123px;*/
	/*color:#ffffff;*/
	/*text-align:left;*/
	width:58px;
	padding:13px 27px 11px 75px;
	/*border-bottom:4px solid #ed021c;*/
	/*background:url(../image/interface/mainmenu_contact_puce.gif) no-repeat right 9px;*/
	background:#ed031d url(../image/interface/contact.gif) no-repeat left top;
	color:#ffffff;
	font-weight:bold;
}
#mainMenu dl.contact a.content:hover{
	color:#ffffff;
	/*background-position:right -19px;*/
}

/*#mainMenu dl:hover dd{left:0;}*/
#mainMenu dd{
	/*display:none;*/
	position:absolute;
	/*left:0;top:35px;*/
	left:-62px;top:50px;
	width:1079px;
	color:#898989;
	background:url(../image/interface/mainmenu_dd.png) repeat left top;
}

#mainMenu dd div.content{
	float:left;
	width:954px;
	padding:30px 62px 30px 63px;
}
#mainMenu dd .close{
	/*display:none;*/
	display:block;
	position:absolute;
	right:69px;
	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 p{padding:4px 12px;}
#mainMenu .addMarginBottom{padding-bottom:26px;}

#mainMenu p.network a{color:#898989;text-decoration:none;}
#mainMenu p.network a:hover{color:#ffffff;}


#mainMenu .col_large{
	float:left;
	width:317px;
	border-right:1px solid #515151;
}
/* service */
#mainMenu .service .col_large,
#mainMenu .service .col_small {
	height: 180px;
}
/* avec vous */
#mainMenu .brand .col_large,
#mainMenu .brand .col_small {
	height: 206px;
}
#mainMenu .brand .col_large a {
	position: relative;
	background: none !important;
}
#mainMenu .brand .col_large a img {
	display: block;
}
#mainMenu .brand .col_large span.titre {
	cursor:pointer;
	position: absolute;
	top: 125px;
	left: 8px;
	font-size: 28px;
	color: #d80127;
	font-weight: normal;
}
#mainMenu .brand .col_large span.txt {
	cursor:pointer;
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	width: 281px;
	background:transparent url(../image/interface/mainmenu_list_puce.gif) no-repeat scroll right bottom;
}
/* reseau */
#mainMenu a.networkmap,
#mainMenu a.networksearch,
#mainMenu a.networkroadmap {
	/*height: 181px;*/
	display:block;
	padding:4px 12px;
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-position: 12px bottom;
}
#mainMenu a.networkmap { 	background-image: url(../image/interface/icons/localisation-reseau.gif); }
#mainMenu a.networksearch { 	background-image: url(../image/interface/icons/rechercher-etablissement.gif); }
#mainMenu a.networkroadmap { background-image: url(../image/interface/icons/itineraire.gif); }

#mainMenu .col_small{
	float:left;
	width:158px;
	border-right:1px solid #515151;
}
#mainMenu .col_large.lastChild, #mainMenu .col_small.lastChild{border-right:none;}

#mainMenu .title{
	padding:0 12px 12px 12px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
#mainMenu .vehicules{min-height:80px;}
#mainMenu .list, #mainMenu .listVehicules {
	padding:0 12px 0 12px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
}
#mainMenu .listVehicules a.pngFix
{
	background : none;	
} /* modif*/

#mainMenu .list a, #mainMenu .listVehicules a
{
	display:block;
	padding:0 12px 5px 0;
	text-decoration:none;
	color:#ffffff;
	background:url(../image/interface/mainmenu_list_puce.gif) no-repeat right bottom;
}/* modif*/

#mainMenu .vehicules a.fade{
	color:#898989;
	background:url(../image/interface/mainmenu_list_puce2.gif) no-repeat right bottom;
}
#mainMenu ul.vehicules a:hover, #mainMenu .vehicules a:hover, #mainMenu .listVehicules a:hover{color:#ffffff;} /* modif*/
#mainMenu .list a:hover {color:#ed001a;}

#mainMenu .list ul{
	list-style-type:none;
	text-transform:none;
	font-weight:normal;
	padding:6px 0 0 0;
}
#mainMenu .list ul li{padding:0 0 10px 0;}
#mainMenu .list ul p{padding:0;}
#mainMenu .list ul a{
	padding-bottom:0;
	background:url(../image/interface/mainmenu_list_puce3.gif) no-repeat right bottom;
}

#mainMenu .listVehicules
{
	float:left;
	list-style-type:none;
	padding:20px 12px 20px 12px;
}
#mainMenu .listVehicules li
{
	float:left;
}

#mainMenu .col_small .listVehicules{width:134px;}/*modif*/
#mainMenu .col_small .listVehicules li{width:100%;}/*modif*/

#mainMenu .col_large .listVehicules{width:293px;}/*modif*/
#mainMenu .col_large .listVehicules li{width:140px;padding-right:12px;}/*modif*/
#mainMenu .col_large .listVehicules li.lineLastChild{width:141px;padding-right:0;}/*modif*/

#mainMenu .listVehicules.addMargins li{padding:0 18px 0 0;}
#mainMenu .listVehicules li.lastChild{padding-right:0;}
#mainMenu .listVehicules li a{
	clear : both;
	/*float:left;*/
	display:block;
}
#mainMenu .listVehicules li a img{
	display:block;
	/*width:67px;*/
}


#flashArea{
	clear:both;
	/*float:left;*/
	/*height:459px;*/
	/*width:1079px;*/
	/*width:100%;*/
	color:#cfcfcf;
	color:#000000;
	display: block;
	text-align:center;
	/*background:#2f2f2f url(../image/interface/bg_container.jpg) repeat-x left bottom;*/
}
#body.section00 #flashArea{/*height:580px;*//*background:#636363;*/}
/*#body.subsection06 #flashArea{height:626px;}
#body.section04.subsection02 #flashArea{height:520px;}
#body.section04.subsection01 #flashArea, #body.section01.subsection06 #flashArea{height:626px;}*/
#flashArea a{color:#ed001a;text-decoration:underline;}
#map{border-top:1px solid #a0a0a0;}

#cnt{
	float:left;
	width:903px;
	margin : 15px 0 0 25px;
	padding: 15px 0 40px 0;
	border-top : 6px solid #e2001a;
	background:white;
}
#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{
	/*display:none;*/
	float:left;
	width:943px;
	padding : 4px 2px 20px 10px;
}
#cnt #leftCol{
	float:left;
	width:279px;
}
#cnt #pagechapo{
	float:left;
	width:265px;
	color: #ED001A;
    font: 30px/30px Helvetica,Arial,Verdana,sans;
    text-transform: uppercase;
    padding: 5px 15px 0 0;
    font-weight : lighter;
}
#cnt #articledetail{
	float:left;
	width:450px;
	padding:4px 15px 8px 0;
}
#cnt #pagetxt{
	float:left;
	width:450px;
	padding:4px 15px 8px 0;
}
#cnt #pagetxt h2{
	color: #000000;
    font: 20px/20px Arial,Verdana,sans;
    padding-bottom: 16px;
    text-transform: uppercase;
}
#cnt #articledetail #pagetxt{
	padding-left:0;
	padding-right:0;
}
#cnt #ctx{
	float:left;
	width:158px;
	padding:7px 0 0 0;
}

#cnt 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 #pagetxt p a, #cnt #articledetail ul a, #cnt #pagetxt ul a{color:#dd071f;text-decoration:underline;}
#cnt #articledetail p a{color:#333333;text-decoration:underline;}
#cnt #articledetail p a:hover{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;
}


#ctxbox{
	clear:both;
	display:block;
	list-style-type:none;
}
#ctxbox li{
	display:block;
	position:relative;
	left:0;top:0;
	padding:0 0 20px 0;
	list-style-type:none;
}

#ctxbox li .content{
	position:absolute;
	left:0;top:0;
	padding:4px 12px;
}
#ctxbox .ebrochure .content{position:relative;}
#ctxbox .mainTitle{
	text-transform:uppercase;
	color:#ed001a;
}
#ctxbox li.link{
	padding:10px 12px;
	margin:0 0 20px 0;
	text-transform:uppercase;
}
#ctxbox .link a{
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 9px 0 0;
}
#ctxbox .link .link a{margin:0 0 10px 0;}
#ctxbox .exergue{
	color:#ed001a;
	padding:4px 0 0 0;
	font:normal bold 12px/14px Arial, Verdana, sans;
}
#ctxbox .exergue strong{
	font-size:30px;
	line-height:30px;
	font-weight:normal;
}
#ctxbox img.illustration{
	display:block;
	width: 100%;
	height: auto;
}


#ctxbox.headerLarge .content{width:293px;}
#ctxbox.headerLarge .mainTitle{font:normal normal 30px/28px Arial, Verdana, sans;}
#ctxbox.headerLarge .link a{
	float:left;
	color:#000000;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#ctxbox.headerLarge .link a:hover{color:#ed001a;}

#ctxbox.headerSmall{
	width:132px;
	padding:7px 12px;
	border:1px solid #ed001a;
}
#ctxbox.headerSmall .mainTitle{font:normal normal 30px/28px Arial, Verdana, sans;}
#ctxbox.headerSmall a.link{
	display:block;
	text-decoration:none;
	color:#ffffff;
	background:url(../image/interface/encart_puce2.gif) no-repeat right bottom;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#ctxbox.headerSmall a.link:hover{color:#ed001a;}

ul#ctxbox li .content{
	width:134px;
	padding:10px 12px;
}
ul#ctxbox li .link a{
	color:#000000;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
	font:normal bold 12px/12px Arial, Verdana, sans;
	word-wrap: break-word;
}
#ctxbox li.page .link a{color:#ffffff;background-image:url(../image/interface/encart_puce2.gif);}
ul#ctxbox li .link a:hover{color:#ed001a;}
ul#ctxbox li .shortDesc{
	padding:8px 0 0 0;
	text-transform:none;
}
ul#ctxbox li .exergue{padding-top:8px;}




ul#ctxbox .link_big_white_internal .link a, ul#ctxbox .link_big_white_external .link a, ul#ctxbox .link_big_white_external_xiti .link a, ul#ctxbox .link_big_white_popup .link a, ul#ctxbox .rt_360_white_popup .link a{color:#ffffff;background-image:url(../image/interface/encart_puce2.gif);background-position:right 3px;}
ul#ctxbox .link_big_white_internal .link a:hover, ul#ctxbox .link_big_white_external .link a:hover, ul#ctxbox .link_big_white_external_xiti .link a:hover, ul#ctxbox .link_big_white_popup .link a:hover, ul#ctxbox .rt_360_white_popup .link a:hover{color:#ed001a;}
ul#ctxbox .link_big_white_internal .exergue, ul#ctxbox .link_big_white_external .exergue, ul#ctxbox .link_big_white_external_xiti .exergue, ul#ctxbox .link_big_white_popup .exergue, ul#ctxbox .rt_360_white_popup .exergue{text-transform:uppercase;}
ul#ctxbox .link_big_white_internal .exergue a, ul#ctxbox .link_big_white_external .exergue a, ul#ctxbox .link_big_white_external_xiti .exergue a, ul#ctxbox .link_big_white_popup .exergue a, ul#ctxbox .rt_360_white_popup .exergue a, ul#ctxbox .page .exergue a{color:#ed001a;}

ul#ctxbox .link_big_black_internal .link a, ul#ctxbox .link_big_black_external .link a, ul#ctxbox .link_big_black_popup .link a{
	color:#333333;
	background-image:url(../image/interface/encart_puce1.gif);
}
ul#ctxbox .link_big_black_internal .link a:hover, ul#ctxbox .link_big_black_external .link a:hover, ul#ctxbox .link_big_black_popup .link a:hover{color:#ed001a;}
ul#ctxbox .link_big_black_internal .exergue, ul#ctxbox .link_big_black_external .exergue, ul#ctxbox .link_big_black_popup .exergue{color:#333333;text-transform:none;font-weight:normal;}
ul#ctxbox .link_big_black_internal .exergue a, ul#ctxbox .link_big_black_external .exergue a, ul#ctxbox .link_big_black_popup .exergue a{color:#333333;text-decoration:none;}
ul#ctxbox .link_big_black_internal .exergue a:hover, ul#ctxbox .link_big_black_external .exergue a:hover, ul#ctxbox .link_big_black_popup .exergue a:hover{color:#ed001a;}

ul#ctxbox .link_big_black_internal .link a, ul#ctxbox .link_big_black_external_pdf .link a, ul#ctxbox .link_external_pdf_generique .link a, ul#ctxbox .multiplelien_externe .link a{
	color:#333333;
	background-image:url(../image/interface/encart_puce1.gif);
}

ul#ctxbox .link_big_black_popup .link a{
	background:none;
}

ul#ctxbox .link_big_black_internal .link a:hover, ul#ctxbox .link_big_black_external_pdf .link a:hover, ul#ctxbox .link_external_pdf_generique .link a:hover, ul#ctxbox .link_big_black_popup .link a:hover, ul#ctxbox .multiplelien_externe .link a:hover{color:#ed001a;}
ul#ctxbox .link_big_black_internal .exergue, ul#ctxbox .link_big_black_external_pdf .exergue, ul#ctxbox .link_external_pdf_generique .exergue, ul#ctxbox .link_big_black_popup .exergue, ul#ctxbox .multiplelien_externe .exergue{color:#333333;text-transform:none;font-weight:normal;}
ul#ctxbox .link_big_black_internal .exergue a, ul#ctxbox .link_big_black_external_pdf .exergue a, ul#ctxbox .link_external_pdf_generique .exergue a, ul#ctxbox .link_big_black_popup .exergue a, ul#ctxbox .multiplelien_externe .exergue a{color:#333333;text-decoration:none;}
ul#ctxbox .link_big_black_internal .exergue a:hover, ul#ctxbox .link_big_black_external_pdf .exergue a:hover, ul#ctxbox .link_external_pdf_generique .exergue a:hover, ul#ctxbox .link_big_black_popup .exergue a:hover,ul#ctxbox .multiplelien_externe .exergue a:hover{color:#ed001a;}


#ctxbox .link_big_black_external_pdf, #ctxbox .link_external_pdf_generique{
	position:relative;
	padding:10px;
	margin:0 0 20px 0;
	min-height:180px;
	background:#ffffff url(../image/interface/ctxbox_bg.jpg) repeat-x left bottom;
}

#ctxbox li.photo{
	position:relative;
	padding:10px;
	margin:0 0 20px 0;
	min-height:180px;
	background:#ffffff url(../image/interface/ctxbox_bg.jpg) repeat-x left bottom;
}

#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;
}

ul#ctxbox .leaflet .link, ul#ctxbox .link_external .link, ul#ctxbox .link_big_black_popup .link{
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
}

ul#ctxbox li.link_internal .link, ul#ctxbox .link_external .link, ul#ctxbox .link_external_xiti .link, ul#ctxbox .link_popup .link, ul#ctxbox .leaflet .link{padding-left:10px;padding-right:10px;}
ul#ctxbox li.link_internal .exergue, ul#ctxbox .link_external .exergue, ul#ctxbox .link_external_xiti .exergue, ul#ctxbox .link_popup .exergue{padding-left:10px;padding-right:10px;}
ul#ctxbox li.link_internal .exergue p, ul#ctxbox .link_external .exergue p, ul#ctxbox .link_external_xiti .exergue p, ul#ctxbox .link_popup .exergue p{color:#333333;text-transform:none;font-weight:normal;}
ul#ctxbox li.link_internal .image, ul#ctxbox .link_external .image, ul#ctxbox .link_external_xiti .image, ul#ctxbox .link_popup .image{padding-top:8px;}
ul#ctxbox li.link_internal .exergue a, ul#ctxbox .link_external .exergue a, ul#ctxbox .link_external_xiti .exergue a, ul#ctxbox .link_popup .exergue a{color:#333333;text-decoration:none;font-weight:normal;text-transform:none;}
ul#ctxbox li.link_internal .exergue a:hover, ul#ctxbox .link_external .exergue a:hover, ul#ctxbox .link_external_xiti .exergue a:hover, ul#ctxbox .link_popup .exergue a:hover{color:#ed001a;}



#ctxbox .canupdate{
	display:inline;
	position:absolute;
	right:5px;bottom:25px;
	background:#88CC00;
	color:#ffffff !important;
}
#ctxbox .canupdate:hover{
	background:#ffffff !important;
	color:#88CC00 !important;
}
#ctxbox .ebrochure .canupdate{bottom:10px;}

#blockActu .canupdate{
	display:inline;
	position:relative;
	right:62px;bottom:14px;
	background:#88CC00;
	color:#ffffff !important;
}
#blockActu .canupdate:hover{
	background:#ffffff !important;
	color:#88CC00 !important;
}
/* ---ajout classe type ng ----*/



#ctxbox .link_ng_internal  {
	text-transform:none;
}



ul#ctxbox .link_ng_internal .link a:hover, ul#ctxbox .link_ng_internal .link a:hover {color:#ed001a;}
ul#ctxbox .link_ng_internal .exergue {color:#000;text-transform:none;font-weight:normal;}
ul#ctxbox .link_ng_internal .exergue a {color:#000;text-decoration:none;}
ul#ctxbox .link_ng_internal .exergue a:hover {color:#ed001a;}

ul#ctxbox .link_ng_internal .link a{
	color:#000;
	background-image:url(../img/arrowBlackNav.gif);
	text-transform:none;
	font-weight:normal;
	display:block;
	margin-top : 15px\9 ; /* IE8 et inf�rieurs */
}

#ctxbox .link_ng_internal .content {
left: 0;
padding: 4px 12px;
top:105px;
}

ul#ctxbox .link_ng_internal .link a:hover {color:#ed001a; background-image:url(../img/arrowBlackNavHover.gif);}
ul#ctxbox .link_ng_internal .exergue {color:#000;text-transform:none;font-weight:normal;}
ul#ctxbox .link_ng_internal .exergue a {color:#000;text-decoration:none;}
ul#ctxbox .link_ng_internal .exergue a:hover {color:#ed001a;}

/* ---fin classe type ng ----*/

#loginform, #alerte{

	font-size:12px;
	/*background:#ffffff url(../image/interface/ctx_degradre.jpg) repeat-x left bottom;*/
	margin-top:-15px;
}
#alerte{background:#ffffff;}
#alerte a{
	color:#dd071f;
	text-decoration:none;
}
#alerte a:hover{color:#dd071f !important;text-decoration:underline;}
#alerte a:first-child:hover{text-decoration:none;}
#alerte a:first-child{
	display:block;
	color:#000000;
	text-transform:uppercase;
	font:normal bold 12px/12px Arial, Verdana, sans;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
}

#loginform fieldset{
	border:none;
	padding:0;
	margin:0;
}
#loginform legend{
	color:#000000;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#loginform label{
	float:none;
	width:auto;
	padding:0 0 3px 0;
	margin:0;
	text-align:left;
	color:#000000;
	font-size:11px;
}
#loginform label span{
	float:none;
	width:auto;
	padding:0;
	margin:0;
}
#loginform input.input{
	float:none;
	width:122px !important;
	padding:3px 5px !important;
	border:1px solid #c6c6c6;
	background:#f2f2f2;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	opacity:1;
}
#loginform fieldset ol li .alerte.loading{
	clear:both;
	width:24px;
	height:24px;
	padding:0 !important;
	opacity:1;
}
#loginform fieldset ol li .alerte{
	float:none;
	width:auto;
	font-size:11px;
	padding:5px 0;
	-moz-border-radius-topright:0;
	-webkit-border-radius-topright:0;
	border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-bottomright:0;
	border-radius-bottomright:0;
	background:none;
}
#loginform fieldset ol li ul.checkboxes{
	width:auto;
	margin:0;
	padding:0 !important;
	background:none;
	border:none;
	-moz-border-radius-topright:0;
	-webkit-border-radius-topright:0;
	border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-bottomright:0;
	border-radius-bottomright:0;
}
#loginform fieldset ol li ul.checkboxes li{
	padding:0 !important;
}
#loginform fieldset ol li ul.checkboxes li input.checkbox{
	margin:0 3px 0 0;
}
#loginform fieldset .button, fieldset .submit{
	-moz-border-radius-topright:0 !important;
	-webkit-border-radius-topright:0 !important;
	border-radius-topright:0 !important;
	-moz-border-radius-bottomright:0 !important;
	-webkit-border-radius-bottomright:0 !important;
	border-radius-bottomright:0 !important;
	text-shadow:none;
	color:#000000 !important;
	padding:0;
	text-transform:capitalize;
	background:none;
	border:none;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
#loginform fieldset .button, fieldset .submit:hover{color:#ed001a !important;}

#loginform fieldset ol li .alerte:before {
	content:'';
	font-size:11px;
	margin:0;
	padding:0;
}
#loginform ol li{
	padding:10px 0 0 0;
}
#loginform fieldset.hidden ol li{
	padding:0;
}



#articlelist, #cnt ul#articlelist, #cnt #newsMasterpage{
	float:left;
	list-style-type:none;
}
#cnt #newsMasterpage{width:100%;padding-top:20px;}
#cnt #newsMasterpage li{
	float:left;
	width:291px;
	padding:0 10px 10px 0;
}
#cnt #newsMasterpage li.firstLineChild{clear:both;}
#cnt #newsMasterpage li .media1{
	float:left;
	height:79px;
	padding-right:10px;
	padding-bottom:10px;
	overflow:hidden;
}
#cnt #newsMasterpage li img{
	width : 79px;
	hright : 79px;
}
#cnt #newsMasterpage li .date{color: #000000;padding-bottom:5px;font-weight:bold;text-transform:uppercase;}
#cnt #newsMasterpage li .titre{padding-bottom:5px;}
#cnt #newsMasterpage li .titre a{
	display:block;
	color:#ed001a;
	padding:0 10px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#cnt #newsMasterpage li .titre a:hover{color:#ed001a;}
#cnt #newsMasterpage li .chapo a{
	color:#000000;
	text-decoration:none;
}
#cnt #newsMasterpage li .chapo 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 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;
}



/********************************************************************************************/
/* Credits*/
#credits{
	float:left;
	width:100%;
	padding:40px 0;
}
#credits .col{
	float:left;
	width:293px;
	padding:0 12px;
	min-height:95px;
	border-right:1px solid #9c9c9c;
}
#credits .col.lastOne{
	width:294px;
	border-right:none;
}
#credits .col .sub_title{
	padding:0 0 4px 0;
}
#credits .col p{
	padding:0 0 2px 0;
}
#credits .col p a{
	display:block;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
	color:#000000;
	font:normal normal 12px/12px Arial, Verdana, Sans-serif;
}
#credits .col p a:hover{color:#ed001a;}


/********************************************************************************************/
/* Sitemap
/********************************************************************************************/
#map ul.langue{display:none;}
#map ul{
	float:left;
	width:943px;
	list-style-type:none;
}
#map .common_title{
	clear:both;
	float:left;
	width:100%;
	padding-top:16px;
	text-transform:uppercase;
	font:normal normal 20px/20px Arial, Verdana, sans;
}
#map .common_title a{color:#000000;}
#map .common_title a:hover{color:#dd071f;}

#map ul{padding-top:16px;}
#map ul li{
	float:left;
	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.lineFirstChild{clear:both;}
#map ul li a{
	display:block;
	width:auto;
	color:#333333;
	text-decoration:none;
	padding-right:7px;
	background:url(../image/interface/sitemap_puce1.gif) no-repeat right 2px;
}
#map ul li a:hover{color:#dd071f;}

#map ul li ul{width:auto;}
#map 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 a{
	color:#333333;
	text-decoration:none;
	background:url(../image/interface/sitemap_puce2.gif) no-repeat right 5px;
}
#map ul li ul li a:hover{color:#dd071f;background-image:url(../image/interface/sitemap_puce3.gif);}
#map ul li ul li ul{display:none;}


/*body.section04.subsection02 #cnt .media{display:none;}*/


/********************************************************************************************/
/* zoneVlContact
/********************************************************************************************/
#zoneVlContact, #zoneVlNewsletter{
	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;
}
#zoneVlNewsletter select, #zoneVlNewsletter input, #zoneVlNewsletter 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:180px;
}
#zoneVlContact select{width:420px;}
#zoneVlContact .preselected, #zoneVlContact .exergue{color:#CC0000;}

#zoneVlNewsletter label{
	color:#FFFFFF;
	width: 120px;
	display:block;
	float:left
}

#zoneVlContact .title, #zoneVlNewsletter .title{
	text-transform:uppercase;
	color:#b1080b;
	font:normal bold 12px/normal Arial, Verdana, sans
}
#zoneVlContact .title.main, #zoneVlNewsletter .title.main{
	text-align:center;
	padding:0 0 40px 0;
}
#zoneVlContact p,#zoneVlNewsletter p{padding:10px 0 0 0;}
#zoneVlContact a, #zoneVlNewsletter a{
	float:right;
	background:url(http://j23contact.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;
}



/********************************************************************************************/
/* zoneVlPARTPLUS
/********************************************************************************************/
#zoneVlPartplus{
	/*float:left;
	width:420px;
	padding:10px 25px;*/
}

#zoneVlPartplus select, #zoneVlPartplus input, #zoneVlPartplus textarea {
	background:none repeat scroll 0 0 #ffffff;
	border:1px solid #c2c6c9;
	color:#4d4f5d;
	font:normal normal 12px/normal Arial, Verdana, sans;
	padding:2px 0;
	width:280px;
}

#zoneVlPartplus label{
	color:#000000;
	width: 160px;
	display:block;
	float:left
}

#zoneVlPartplus .title{
	text-transform:uppercase;
	color:#b1080b;
	font:normal bold 12px/normal Arial, Verdana, sans
}
#zoneVlPartplus .title.main{
	text-align:center;
	padding:0 0 40px 0;
}
#zoneVlPartplus p{padding:10px 0 0 0;}
#zoneVlPartplus a{
	float:right;
	background:url(http://j23contact.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;
}



/********************************************************************************************/
/* 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 #greyBoxTitle{
	color:#cc0000;
	padding:15px 65px 15px 25px;
	text-transform:uppercase;
	font:normal normal 21px/22px Arial, Verdana, sans;
	background:#0c0c0c;
}
#greyBox .content{
	padding:0;
	position:relative;
	background:#0c0c0c;
}

#greyBox .close{
	cursor:pointer;
	display:block;
	position:absolute;
	right:10px;top:10px;
	width:20px;
	height:20px;
	cursor:pointer;
	background:#0c0c0c 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;
}

/********************************************************************************************/
/* Spécifique aux tableaux de la page START & DRIVE
/********************************************************************************************/

#TableStartCustom{
	position:relative; 
	width:450px;
	margin-top: 20px;
	}

#TableStartCustom td{
	border-top:1px solid #a0c4a9;
}

#TableStartCustom a{
	color: #DD071F;
	text-decoration: underline;
}

#TableStartCustom a:hover{
	color: #DD071F;
	text-decoration: none;
}

.TextContent {
	font-family: Arial;
	font-style:normal;
	font-weight:normal;
	font-size:10pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:10px;
	}

.TextLegend {
	font-family: Arial;
	font-style:normal;
	font-weight:lighter;
	font-size:8pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:10px;
	}

	.TextTitle {
	font-family: Arial;
	font-style:normal;
	font-weight:bold;
	font-size:12pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:20px;
	}

/********************************************************************************************/
/* Spécifique aux tableaux FACEBOOK PORTAIL
/********************************************************************************************/

#TableFacebookPortail{
	position:relative; 
	margin-top: 20px;
	margin-left: 20px;
	border-collapse: collapse;
    border-spacing: 0;
	}

#TableFacebookPortail th{
	border-top:3px solid #333333;
	border-bottom:3px solid #333333;
}
	
#TableFacebookPortail td{
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
}

#TableFacebookPortail tr td:first-child{border-left:none;}

#TableFacebookPortail td.country-name{
	border-bottom:none;
	padding-left:10px;
	}

#TableFacebookPortail td.social-links{
	border-left:1px dotted #333333;
}

#TableFacebookPortail td.social-links img{
	padding:2px;
}

#TableFacebookPortail a{
	color: #333333;
	text-decoration: none;
}

#TableFacebookPortail a:hover{
	color: #DD071F;
	text-decoration: underline;
}

/*******************************************************************************************/
	
#greyBox.accessoires .content{
	padding:20px;
}
#greyBox.accessoires .close{
	width:17px;
	height:17px;
	right:25px;
	top:25px;
	background:url(../image/interface/greybox/close_accessoires.gif) no-repeat left top;
}
#greyBox .diapo{
	position:relative;
}
#greyBox .diapo ul{
	position:relative;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	background:#ffffff;
}
/*#greyBox .diapo ul li{
	position:absolute;
	left:0;top:0;
	width:635px;
	height:315px;
	margin:0;
}*/
#greyBox .diapo ul li img{
	display:block;
	margin:0 auto;
}
#greyBox .buttonLeft, #greyBox .buttonRight{
	display:block;
	position:absolute;
	top:0;
	width:50%;
	height:100%;
	cursor:pointer;
	background:url(../image/interface/spacer.gif) repeat left top;
}
/*#greyBox .buttonLeft:hover .img, #greyBox .buttonRight:hover .img{display:block;}*/
#greyBox .buttonLeft .img, #greyBox .buttonRight .img{
	/*display:none;*/
	position:absolute;
	top:50%;
	margin:-21px 0 0 0;
	width:74px;
	height:43px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	font:normal bold 12px/42px Arial, Verdana, Sans-serif;
}
#greyBox .buttonLeft{left:0;}
#greyBox .buttonRight{right:0;}
#greyBox .buttonLeft .img{left:0;background:url(../image/interface/greybox/button_left.png) no-repeat left top;}
#greyBox .buttonRight .img{right:0;background:url(../image/interface/greybox/button_right.png) no-repeat left top;}



/*lien dédié au crosslinking*/
a.cross-link{
	text-decoration:underline;
	color:#333333;
}

a:hover.cross-link{
	color:#DD071F;
}




/*Addthis*/

#at15pf, #atic_facebook, #atic_twitter, #atic_email, #at15s_head{
	display:none ! important;
}

/*Calculatrice*/

#calculatrice .title {
    background: url("../_greybox/img/calc_greybox.jpg") no-repeat scroll left top transparent;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font: 10px Arial,Verdana,Sans-serif;
    height: 36px;
    margin: 0 0 19px;
    padding: 7px 50px 0 74px;
    text-transform: uppercase;
}
#calculatrice .title strong {
    font-size: 14px;
}
#calculatrice form {
    background: url("../_greybox/img/calculatrice_form.gif") repeat-x scroll left 39px white;
}
#calculatrice form fieldset {
    border: medium none;
	margin: 0;
    padding: 0;
}
#calculatrice form input, #calculatrice form span.text {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #E3E3E4;
    border-radius: 2px 2px 2px 2px;
    color: #63656A;
    display: inline-block;
    font: bold 16px Arial,Verdana,Sans-serif;
    margin: 0 5px;
    padding: 0 5px;
    width: 65px;
}
#calculatrice form span.text {
    border: medium none !important;
    color: #8BCA1E !important;
    margin-left: 9px !important;
    width: auto !important;
}
#calculatrice form p.rouge span.text, #calculatrice form p.rouge span.rouge {
    color: #E10000 !important;
}
#calculatrice .sectionHeader {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #A3A4A6;
    font: 10px Arial,Verdana,Sans-serif;
    height: 23px;
    padding: 9px 12px;
}
#calculatrice .sectionHeader .title {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    color: #63656A;
    display: inline-block;
    font: bold 14px Arial,Verdana,Sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#calculatrice .results .sectionHeader .title {
    line-height: 23px;
}
#calculatrice .sep {
    background: none repeat scroll 0 0 #C3C4C4;
    display: inline-block;
    font-size: 0;
    height: 55px;
    margin: 20px 0 25px 5px;
    vertical-align: middle;
    width: 1px;
}
#calculatrice .sectionHeader .sep {
    height: 23px;
    margin: 0 5px;
}
#calculatrice .field {
    background: url("../_greybox/img/icons/oil.gif") no-repeat scroll right 2px transparent;
    display: inline-block;
    height: 23px;
    padding: 0 22px 0 0;
    vertical-align: middle;
}
#calculatrice .field input {
    border-color: #CBCCCC;
    width: 40px;
}
#calculatrice form p {
    color: #A1A3A6;
    display: inline-block;
    font-size: 12px;
    margin: 20px 0 25px;
    padding: 0 0 0 1%;
    vertical-align: top;
    width: 23%;
}
#calculatrice form p label {
    background: url("../_greybox/img/calculatrice_label_puce.gif") no-repeat scroll left 3px transparent;
    color: #63656A;
    display: block;
    font-size: 10px;
    padding: 0 0 6px 14px;
}
#calculatrice form .results p label {
    height: 50px;
}
#calculatrice form p.vert label {
    background-image: url("../_greybox/img/calculatrice_label_puce2.gif");
}
#calculatrice form p label span {
    display: block;
    font: bold 12px Arial,Verdana,Sans-serif;
    text-transform: uppercase;
}
#calculatrice form p input {
    margin-left: 14px;
}
#calculatrice form p.vert, #calculatrice form p.vert label, #calculatrice form p.vert label span, #calculatrice form .results p.vert input {
    color: #83C118;
}
#calculatrice form span#results_co2.text {
    color: #63656A !important;
}
#calculatrice form .results span.text {
    font-size: 20px;
}
#calculatrice .results .sep {
    height: 75px;
}



/********************************************************************************************/
/* Spécifique aux tableaux des pages Master sur les sites HR - SL - AUT - FR-CH - DE-CH & IT-CH
/********************************************************************************************/

#TableBodyInfos{
	position:relative; 
	width:450px;
	margin-top: 20px;
}


#TableBodyInfos td{
	border:1px solid white;
}

.TextContentBodyInfos {
	font-family: Arial;
	font-style:normal;
	font-weight:normal;
	font-size:10pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:10px;
}





/*---- AJOUT INFO TECH--*/

#form_infotech .select {
    background: url(/media/image/contacthomepage_select.gif) repeat-x scroll left bottom #474748;
    border: none;
    color: #CFCFCF;
    display: inline-block;
    font: 12px Arial,Verdana,Sans-serif;
    padding: 5px 1%;
    vertical-align: middle;
	-webkit-appearance: none;
}
#form_infotech .select:focus {
    color: #FFFFFF;
}

/*-----------------FORM STYLES-----------------*/
/*--CLASSIC FORM v3.0--*/
/*CSS générique < FORM >*/
.classicForm{
	float:left;
	width:100%;
	font-size:12px;
}
/*CSS générique < FIELDSET >*/
.classicForm fieldset{
	border:none;
	float:left;
	width:100%;
	margin:0;
	padding:20px 0 0 0;
}
/*CSS générique < DIV >*/
.classicForm div{
	float:left;
	width:100%;
}
/*CSS Titre de colonne*/
.classicForm .colTitle{
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 20px 0;
}
/*CSS générique < P >*/
.classicForm p{
	float:left;
	width:100%;
	display:block;
	padding:0 0 20px 0 !important;
	margin : 0;
}
/*CSS générique < INPUT / >, < SELECT >, < TEXTAREA >*/
.classicForm input.text, .classicForm input.password, .classicForm select.select, .classicForm textarea.textarea{
	width:100%;
	display:inline-block;
	color:#888888;
	padding:0;
	margin:0;
	width:100%;
	margin:0;
	padding:2px 0 1px 0;
	/*border:1px solid #cc0000;*/
	border:none;
	background:#dfdfdf;
	font:normal normal 12px/normal Arial, Verdana, Sans-Serif;
}
/*< INPUT / > checkbox, radio*/
.classicForm input.checkbox, .classicForm input.radio{
	padding:0;
	margin:1px 5px 0 0;
	vertical-align:middle;
}
/*< INPUT / > submit*/
.classicForm input.submit{
	margin:0;
	padding:0 12px 0 0;
	cursor:pointer;
	color : #333333;
	font : normal bold 12px/normal Arial, Verdana, Sans-serif;
	background : url(../image/interface/puce_submit.gif) no-repeat right center transparent;
	border : 0;
	display : inline-block;
	text-transform : uppercase;
}

.classicForm input.submit:hover, .classicForm input.submit.current
{
	color : #f10007;
}
.classicForm input.radio{vertical-align:text-bottom;}
/*Mise en forme générique < LABEL >*/
.classicForm label{
	width:100%;
	cursor:pointer;
	color : #333333;
	font : normal bold 12px/normal Arial, Verdana, Sans-serif;
	margin-bottom : 7px;
	display : inline-block;
	text-transform : uppercase;
}
/*Specifications < DIV > 100%*/
.classicForm div.col_100{
	width:100%;
}
/*Specifications < DIV > 50%*/
.classicForm div.col_50{
	width:49%;
	padding-right:2%;
}
/*Specifications < DIV > 33%*/
.classicForm div.col_33{
	width:32%;
	padding-right:2%;
}
/*Specifications < DIV > 25%*/
.classicForm div.col_25{
	width:23%;
	padding-right:2%;
}
.classicForm div.col_25.firstCol, .classicForm div.col_25.lastCol{width:24%;}
.classicForm div.lastChild, .classicForm div.lastCol{padding-right:0 !important;}
/*Specifications de position de < LABEL > à GAUCHE*/
.classicForm p.label_left label{
	float:left;
	display:block;
	width:32%;
	padding-right:2%;
}
.classicForm p.label_left input, .classicForm p.label_left select, .classicForm p.label_left textarea{width:66%;}
/*Specifications de position de < LABEL > à DROITE*/
.classicForm p.label_right label{
	width:auto;
	padding-right:20px;
}
.classicForm p.label_right input, .classicForm p.label_right select, .classicForm p.label_right textarea{width:auto;}
/*Spécifications < INPUT / > submit*/
.classicForm div.col_100 input.submit, .classicForm div.col_50 input.submit, .classicForm div.col_33 input.submit, .classicForm div.col_25 input.submit{width:100%;}
/*Spécifications < INPUT / > submit à GAUCHE*/
.classicForm p.submit_left{text-align:left; padding : 0 0 10px 0 !important;}
.classicForm p.submit_right{text-align:right;}
.classicForm p.submit_center{text-align:center;}
.classicForm p.submit_left input.submit, .classicForm p.submit_right input.submit, .classicForm p.submit_center input.submit{width:auto;}

/*-----------------FORM STYLES-----------------*/


#resultats
{
	float :left;
	width : 100%;
	border-top : 1px solid #969696;
}
#resultats li
{
	float :left;
	width : 100%;
	margin : 20px 0 8px;
	list-style : none;
	
}
#resultats li
{
	float :left;
	width : 100%;
	margin : 20px 0 8px;
	list-style : none;
}
#resultats li a
{
	background : url(../image/interface/puce_resultats.png) no-repeat left top transparent;
	display : inline-block;
	float : left;
	padding : 0 0 0 36px;
	color : #333333 !important;
	font : normal normal 14px/25px Arial, Verdana, Sans-serif;
	text-decoration : none !important;
}
#resultats li a span
{
	color : #333333 !important;
	font : normal normal 12px/normal Arial, Verdana, Sans-serif !important;
}
#resultats li a:hover
{
	background : url(../image/interface/puce_resultats_rollover.png) no-repeat left top transparent;
	color : #f10007 !important;
}
=======
ooter/****************************************************************************************************************/
/****************************************************************************************************************/
/*	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;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, ol, li {margin:0;padding:0;}
a img{border:none;}

h2{color:#333333;}

/********************************************************************************************/
/*	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 {
}

/* 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.9em;
	padding:4px 5px;
	width:10px !important;
	border:1px solid;
	width:130px !important;
	border-color:#aaaaaa #d0d0d0 #d0d0d0 #d0d0d0;
}

#ctxbox .titre{
	text-transform:uppercase;
	padding:0 0 10px 0;
	font:normal bold 12px/normal Arial, Verdana, sans;
}


#ctxbox .link_external .link a, #ctxbox .leaflet .link a, #ctxbox .link_big_black_popup .link a, #ctxbox .link_big_white_popup .link a, #ctxbox .rt_360_white_popup .link a,#ctxbox .link_big_black_external .link a{
 padding-right:0 !important;
}

#ctxbox .link_external, #ctxbox .leaflet, #ctxbox .link_big_black_popup, #ctxbox .link_big_white_popup, #ctxbox .rt_360_white_popup, #ctxbox .link_big_black_external, #ctxbox li.multiplelien_externe, #ctxbox li.coordonnees{
 padding-top:10px;
 background-color:#eff0f0;
 padding-bottom:0;
 position:relative;
 margin-bottom:20px;
}

#ctxbox .link_external .image img, #ctxbox .leaflet .image img, #ctxbox .link_big_black_popup .image img , #ctxbox .link_big_white_popup .image img, #ctxbox .rt_360_white_popup .image img, #ctxbox .link_big_black_external .image img, #ctxbox .multiplelien_externe .image img{
vertical-align:top;
}

ul#ctxbox .link_external a .link, ul#ctxbox .leaflet a .link, ul#ctxbox .link_big_black_popup a .link, ul#ctxbox .link_big_white_popup a .link, ul#ctxbox .rt_360_white_popup a .link  , ul#ctxbox .link_big_black_external a .link{
    color: #000000;
    font: bold 12px/12px Arial,Verdana,sans;
}

ul#ctxbox .link_external a:hover .link, ul#ctxbox .leaflet a:hover .link, ul#ctxbox .link_big_black_popup a:hover .link, ul#ctxbox .link_big_white_popup a:hover .link, ul#ctxbox .rt_360_white_popup a:hover .link, ul#ctxbox .link_big_black_external a:hover .link {
    color: #ed001a;
}


#ctxbox .link_external .picto, #ctxbox .leaflet .picto, #ctxbox .link_big_black_popup .picto, #ctxbox .link_big_white_popup .picto, #ctxbox .rt_360_white_popup .picto, #ctxbox .link_big_black_external .picto{
 position:absolute;
 right:10px;
 bottom:10px;
 width:13px;
 height:13px;
 overflow:hidden;
}

#ctxbox .link_external .picto img, #ctxbox .leaflet .picto img, #ctxbox .link_big_black_popup .picto img, #ctxbox .link_big_white_popup .picto img, #ctxbox .rt_360_white_popup .picto img, #ctxbox .link_big_black_external .picto img{
 position:relative;
 top:0;
}

#ctxbox .link_external a:hover .picto img, #ctxbox .leaflet a:hover .picto img, #ctxbox .link_big_black_popup a:hover .picto img, #ctxbox .link_big_white_popup a:hover .picto img, #ctxbox .rt_360_white_popup a:hover .picto img, #ctxbox .link_big_black_external a:hover .picto img{
 top:-13px
}

ul#ctxbox li.login #loginform{
 background-image:url(/media/image/ctxbox/login-club-optifuel.jpg);
 background-position: top;
}

ul#ctxbox .link_big_black_external .exergue{color:##6D6D6D !important;}


/********************************************************************************************/
/*	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 .article {
	font-size:0.8em;
	position:relative;
	clear:both;
	border-bottom:1px solid #eeeeee;
	padding:10px 0;
}
#articlelist .article .titre {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:3px;
}
#articlelist .article .titre a {
	color:#333333 !important;
}
#articlelist .article .chapo {
	font-size:1.1em;
	line-height:1.5em;
	margin-top:3px;
}
#articlelist .article .userinsert {
	font-size:0.8em;
	color:#999999;
	display:inline;
}
#articlelist .article .tag {
	color:#999999;
	font-size:1.1em;
}
#articlelist .article .tag a {
	color:#999999;
	border-bottom:1px solid;
}
#articlelist .chapo ul {
	padding:0 0 0 30px;
	list-style-type:disc;
}
#articlelist .chapo ul li {
	border:none;
	margin:0 0 5px 0;
	padding:0;
	overflow:visible !important;
}
#articlelist .article .chapo
#articlelist .article .txt {
	font-size:1em;
	color:#666666;
	line-height:1.3em;
	margin:10px 0 5px 0;
}*/

/********************************************************************************************/
/*	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;
}
#search #suggestion {
	font-size:0.8em;
	margin-bottom:20px;
	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
/********************************************************************************************/
#totop {
	float:right;
	padding-top:5px;
	font-size: 11px;
}
#totop	a {
	color:#cccccc;
}

/********************************************************************************************/
/*	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:1px solid #cccccc;
	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;
}
#popup fieldset{border:none !important;}
/* 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{
	float:left;
	/*position:relative;
	float:left;
	width:1079px;
	left:-540px;top:0;
	margin:0 0 0 50%;*/
	position:relative;
	margin:0 auto;
	/*width:1079px;*/
	/*width:955px;*/
	width:100%;
	background:#0c0c0c url(../image/interface/body.gif) repeat-y center top;
}
#body.section00 #container{background:none;}
/*#container.background, #container.showroom{background:url(../image/interface/bg_container.jpg) repeat-x left top;}*/

#page{
	width:955px;
	position:relative;
	margin:0 auto;
}

#mainMenuContainer{
	z-index:5;
	position:absolute;
	left:0;top:0;
	width:100%;
	background:url(../image/interface/mainmenucontainer.png) repeat-y center top;
}
#mainMenuContainer.adjust{background:none;}
#adminFixer #mainMenuContainer{top:60px;}
#mainMenu{
	width:955px;
	position:relative;
	/*height:35px;
	padding:0 62px;*/
	padding:0;
	margin:0 auto;
	color:#151515;
	/*background:url(../image/interface/mainmenu.png) repeat center top;*/
}
#mainMenuContainer.adjust #mainMenu{background:url(../image/interface/mainmenucontainer.png) repeat-y center top;}
#mainMenu dl{
	float:left;
	width:158px;
	/*background:url(../image/interface/mainmenu_sep.gif) no-repeat right center;*/
	border-right:1px solid #d1d3cc;
}
/*#mainMenu dl.brand{background:none;}*/
#mainMenu dl.lastChild{background:none;}
#mainMenu dt{
	float:left;
	width:138px;
	padding:0 11px 0 10px;
	text-align:center;
	cursor:default;
	text-transform:uppercase;
}
#mainMenu dt .content{
	float:left;
	width:138px;
	min-height:30px;
	display:block;
	color:#151515;
	padding:9px 0 11px 0;
	text-decoration:none;
}
#mainMenu dl.contact dt{padding:0;}
#mainMenu dl.active dt .content, #mainMenu dl.contact dt .content:hover{color:#ed001a;}
#mainMenu dl a.content:hover{color:#ed001a;}
#mainMenu dl dt.activeRoll a.content{color:#ed001a;background:url(../image/interface/mainmenu_dt.png) repeat left top;}

#mainMenu dt .content span{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
#mainMenu dt .content span.adjuster{
	height:30px;
	width:0;
	font-size:0;
}

#mainMenu dl.contact{
	/*float:right;*/
	width:160px;
	background:none;
	border:none;
	position:absolute;
	right:0;top:0;
}
#mainMenu dl.contact dt{width:158px;}
#mainMenu dl.contact .content{
	/*width:123px;*/
	/*color:#ffffff;*/
	/*text-align:left;*/
	width:58px;
	padding:13px 27px 11px 75px;
	/*border-bottom:4px solid #ed021c;*/
	/*background:url(../image/interface/mainmenu_contact_puce.gif) no-repeat right 9px;*/
	background:#ed031d url(../image/interface/contact.gif) no-repeat left top;
	color:#ffffff;
	font-weight:bold;
}
#mainMenu dl.contact a.content:hover{
	color:#ffffff;
	/*background-position:right -19px;*/
}

/*#mainMenu dl:hover dd{left:0;}*/
#mainMenu dd{
	/*display:none;*/
	position:absolute;
	/*left:0;top:35px;*/
	left:-62px;top:50px;
	width:1079px;
	color:#898989;
	background:url(../image/interface/mainmenu_dd.png) repeat left top;
}

#mainMenu dd div.content{
	float:left;
	width:954px;
	padding:30px 62px 30px 63px;
}
#mainMenu dd .close{
	/*display:none;*/
	display:block;
	position:absolute;
	right:69px;
	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 p{padding:4px 12px;}
#mainMenu .addMarginBottom{padding-bottom:26px;}

#mainMenu p.network a{color:#898989;text-decoration:none;}
#mainMenu p.network a:hover{color:#ffffff;}


#mainMenu .col_large{
	float:left;
	width:317px;
	border-right:1px solid #515151;
}
/* service */
#mainMenu .service .col_large,
#mainMenu .service .col_small {
	height: 180px;
}
/* avec vous */
#mainMenu .brand .col_large,
#mainMenu .brand .col_small {
	height: 206px;
}
#mainMenu .brand .col_large a {
	position: relative;
	background: none !important;
}
#mainMenu .brand .col_large a img {
	display: block;
}
#mainMenu .brand .col_large span.titre {
	cursor:pointer;
	position: absolute;
	top: 125px;
	left: 8px;
	font-size: 28px;
	color: #d80127;
	font-weight: normal;
}
#mainMenu .brand .col_large span.txt {
	cursor:pointer;
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	width: 281px;
	background:transparent url(../image/interface/mainmenu_list_puce.gif) no-repeat scroll right bottom;
}
/* reseau */
#mainMenu a.networkmap,
#mainMenu a.networksearch,
#mainMenu a.networkroadmap {
	/*height: 181px;*/
	display:block;
	padding:4px 12px;
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-position: 12px bottom;
}
#mainMenu a.networkmap { 	background-image: url(../image/interface/icons/localisation-reseau.gif); }
#mainMenu a.networksearch { 	background-image: url(../image/interface/icons/rechercher-etablissement.gif); }
#mainMenu a.networkroadmap { background-image: url(../image/interface/icons/itineraire.gif); }

#mainMenu .col_small{
	float:left;
	width:158px;
	border-right:1px solid #515151;
}
#mainMenu .col_large.lastChild, #mainMenu .col_small.lastChild{border-right:none;}

#mainMenu .title{
	padding:0 12px 12px 12px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
#mainMenu .vehicules{min-height:80px;}
#mainMenu .list, #mainMenu .listVehicules {
	padding:0 12px 0 12px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
}
#mainMenu .listVehicules a.pngFix
{
	background : none;	
} /* modif*/

#mainMenu .list a, #mainMenu .listVehicules a
{
	display:block;
	padding:0 12px 5px 0;
	text-decoration:none;
	color:#ffffff;
	background:url(../image/interface/mainmenu_list_puce.gif) no-repeat right bottom;
}/* modif*/

#mainMenu .vehicules a.fade{
	color:#898989;
	background:url(../image/interface/mainmenu_list_puce2.gif) no-repeat right bottom;
}
#mainMenu ul.vehicules a:hover, #mainMenu .vehicules a:hover, #mainMenu .listVehicules a:hover{color:#ffffff;} /* modif*/
#mainMenu .list a:hover {color:#ed001a;}

#mainMenu .list ul{
	list-style-type:none;
	text-transform:none;
	font-weight:normal;
	padding:6px 0 0 0;
}
#mainMenu .list ul li{padding:0 0 10px 0;}
#mainMenu .list ul p{padding:0;}
#mainMenu .list ul a{
	padding-bottom:0;
	background:url(../image/interface/mainmenu_list_puce3.gif) no-repeat right bottom;
}

#mainMenu .listVehicules
{
	float:left;
	list-style-type:none;
	padding:20px 12px 20px 12px;
}
#mainMenu .listVehicules li
{
	float:left;
}

#mainMenu .col_small .listVehicules{width:134px;}/*modif*/
#mainMenu .col_small .listVehicules li{width:100%;}/*modif*/

#mainMenu .col_large .listVehicules{width:293px;}/*modif*/
#mainMenu .col_large .listVehicules li{width:140px;padding-right:12px;}/*modif*/
#mainMenu .col_large .listVehicules li.lineLastChild{width:141px;padding-right:0;}/*modif*/

#mainMenu .listVehicules.addMargins li{padding:0 18px 0 0;}
#mainMenu .listVehicules li.lastChild{padding-right:0;}
#mainMenu .listVehicules li a{
	clear : both;
	/*float:left;*/
	display:block;
}
#mainMenu .listVehicules li a img{
	display:block;
	/*width:67px;*/
}


#flashArea{
	clear:both;
	/*float:left;*/
	/*height:459px;*/
	/*width:1079px;*/
	/*width:100%;*/
	color:#cfcfcf;
	color:#000000;
	display: block;
	text-align:center;
	/*background:#2f2f2f url(../image/interface/bg_container.jpg) repeat-x left bottom;*/
}
#body.section00 #flashArea{/*height:580px;*//*background:#636363;*/}
/*#body.subsection06 #flashArea{height:626px;}
#body.section04.subsection02 #flashArea{height:520px;}
#body.section04.subsection01 #flashArea, #body.section01.subsection06 #flashArea{height:626px;}*/
#flashArea a{color:#ed001a;text-decoration:underline;}
#map{border-top:1px solid #a0a0a0;}

#cnt{
	float:left;
	width:903px;
	margin : 15px 0 0 25px;
	padding: 15px 0 40px 0;
	border-top : 6px solid #e2001a;
	background:white;
}
#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{
	/*display:none;*/
	float:left;
	width:943px;
	padding : 4px 2px 20px 10px;
}
#cnt #leftCol{
	float:left;
	width:279px;
}
#cnt #pagechapo{
	float:left;
	width:265px;
	color: #ED001A;
    font: 20px/20px Helvetica,Arial,Verdana,sans;
    text-transform: uppercase;
    padding: 5px 15px 0 0;
    font-weight : lighter;
}
#cnt #articledetail{
	float:left;
	width:450px;
	padding:4px 15px 8px 0;
}
#cnt #pagetxt{
	float:left;
	width:450px;
	padding:4px 15px 8px 0;
}
#cnt #articledetail #pagetxt{
	padding-left:0;
	padding-right:0;
}
#cnt #ctx{
	float:left;
	width:158px;
	padding:7px 0 0 0;
}

#cnt #articledetail p, #cnt #pagetxt p, #cnt #articledetail ul, #cnt #pagetxt ul{padding-bottom:12px;}
#cnt #pagetxt p a, #cnt #articledetail ul a, #cnt #pagetxt ul a{color:#dd071f;text-decoration:underline;}
#cnt #articledetail p a{color:#333333;text-decoration:underline;}
#cnt #articledetail p a:hover{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;
}


#ctxbox{
	clear:both;
	display:block;
	list-style-type:none;
		
}
#ctxbox li{
	display:block;
	position:relative;
	left:0;top:0;
	padding:0 0 20px 0;
	list-style-type:none;
}

#ctxbox li .content{
	position:absolute;
	left:0;top:0;
	padding:4px 12px;
}
#ctxbox li.ebrochure .content{position:relative;}
#ctxbox .mainTitle{
	text-transform:uppercase;
	color:#ed001a;
}
#ctxbox li.link{
	padding:10px 12px;
	margin:0 0 20px 0;
	text-transform:uppercase;
}
#ctxbox .link a{
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 9px 0 0;
}
#ctxbox .link .link a{margin:0 0 10px 0;}
#ctxbox .exergue{
	color:#ed001a;
	padding:4px 0 0 0;
	font:normal bold 12px/14px Arial, Verdana, sans;
}
#ctxbox .exergue strong{
	font-size:30px;
	line-height:30px;
	font-weight:normal;
}

ul#ctxbox .link_external .exergue, ul#ctxbox .multiplelien_externe .exergue{
 font: normal 12px/14px Arial,Verdana,sans;
 color: #6d6d6d;
}

#ctxbox img.illustration{display:block;}


#ctxbox.headerLarge .content{width:293px;}
#ctxbox.headerLarge .mainTitle{font:normal normal 30px/28px Arial, Verdana, sans;}
#ctxbox.headerLarge .link a{
	float:left;
	color:#000000;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#ctxbox.headerLarge .link a:hover{color:#ed001a;}

#ctxbox.headerSmall{
	width:132px;
	padding:7px 12px;
	border:1px solid #ed001a;
}
#ctxbox.headerSmall .mainTitle{font:normal normal 30px/28px Arial, Verdana, sans;}
#ctxbox.headerSmall a.link{
	display:block;
	text-decoration:none;
	color:#ffffff;
	background:url(../image/interface/encart_puce2.gif) no-repeat right bottom;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#ctxbox.headerSmall a.link:hover{color:#ed001a;}

ul#ctxbox li .content{
	width:134px;
	padding:10px 12px;
}
ul#ctxbox li .link a{
	color:#000000;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#ctxbox li.page .link a{color:#ffffff;background-image:url(../image/interface/encart_puce2.gif);}
ul#ctxbox li .link a:hover{color:#ed001a;}
}
ul#ctxbox li .shortDesc{
	padding:8px 0 0 0;
	text-transform:none;
}
ul#ctxbox li .exergue{padding-top:8px;}

ul#ctxbox li .multiplelien_externe ul .exergue{
	padding:0 10px;
}


ul#ctxbox li.multiplelien_externe ul.exergue{
 padding-right:10px;
 padding-left:10px;
}

ul#ctxbox li.multiplelien_externe ul.exergue li{
 padding-bottom:10px;
}

ul#ctxbox li.multiplelien_externe ul.exergue li a{
 color:#6c6c6c;
}

ul#ctxbox li.multiplelien_externe .link{
 color:#000000;
 font-weight:bold;
}


ul#ctxbox .link_big_white_internal .link a, ul#ctxbox .link_big_white_external .link a, ul#ctxbox .link_big_white_external_xiti .link a, ul#ctxbox .link_big_white_popup .link a, ul#ctxbox .rt_360_white_popup .link a{color:#ffffff;background-image:url(../image/interface/encart_puce2.gif);background-position:right 3px;}
ul#ctxbox .link_big_white_internal .link a:hover, ul#ctxbox .link_big_white_external .link a:hover, ul#ctxbox .link_big_white_external_xiti .link a:hover, ul#ctxbox .link_big_white_popup .link a:hover, ul#ctxbox .rt_360_white_popup .link a:hover{color:#ed001a;}
ul#ctxbox .link_big_white_internal .exergue, ul#ctxbox .link_big_white_external .exergue, ul#ctxbox .link_big_white_external_xiti .exergue, ul#ctxbox .link_big_white_popup .exergue, ul#ctxbox .rt_360_white_popup .exergue{text-transform:uppercase;}
ul#ctxbox .link_big_white_internal .exergue a, ul#ctxbox .link_big_white_external .exergue a, ul#ctxbox .link_big_white_external_xiti .exergue a, ul#ctxbox .link_big_white_popup .exergue a, ul#ctxbox .rt_360_white_popup .exergue a, ul#ctxbox li.page .exergue a{color:#ed001a;}

ul#ctxbox .link_big_black_internal .link a, ul#ctxbox .link_big_black_external .link a, ul#ctxbox .link_big_black_popup .link a{
	color:#333333;
	background-image:url(../image/interface/encart_puce1.gif);
	
}
ul#ctxbox .link_big_black_internal .link a:hover, ul#ctxbox .link_big_black_external .link a:hover, ul#ctxbox .link_big_black_popup .link a:hover{color:#ed001a;}
ul#ctxbox .link_big_black_internal .exergue, ul#ctxbox .link_big_black_external .exergue, ul#ctxbox .link_big_black_popup .exergue{color:#333333;text-transform:none;font-weight:normal;}
ul#ctxbox .link_big_black_internal .exergue a, ul#ctxbox .link_big_black_external .exergue a, ul#ctxbox .link_big_black_popup .exergue a{color:#333333;text-decoration:none;}
ul#ctxbox .link_big_black_internal .exergue a:hover, ul#ctxbox .link_big_black_external .exergue a:hover, ul#ctxbox .link_big_black_popup .exergue a:hover{color:#ed001a;}

ul#ctxbox .link_big_black_internal .link a, ul#ctxbox .link_big_black_external_pdf .link a, ul#ctxbox .link_external_pdf_generique .link a, ul#ctxbox li.multiplelien_externe .link a{
	color:#333333;
	background-image:url(../image/interface/encart_puce1.gif);
}

ul#ctxbox li.coordonnees .link a{
	color:#333333;
	background:none;
	text-transform:none;
	}

ul#ctxbox li.coordonnees .link a:hover{
	color:#ed001a;
	
}

ul#ctxbox .link_big_black_popup .link a{
	background:none;
}


ul#ctxbox .link_big_black_internal .link a:hover, ul#ctxbox .link_big_black_external_pdf .link a:hover, ul#ctxbox .link_external_pdf_generique .link a:hover, ul#ctxbox .link_big_black_popup .link a:hover, ul#ctxbox li.multiplelien_externe .link a:hover{color:#ed001a;}
ul#ctxbox .link_big_black_internal .exergue, ul#ctxbox .link_big_black_external_pdf .exergue, ul#ctxbox .link_external_pdf_generique .exergue, ul#ctxbox .link_big_black_popup .exergue, ul#ctxbox li.multiplelien_externe .exergue{color:#333333;text-transform:none;font-weight:normal;}
ul#ctxbox .link_big_black_internal .exergue a, ul#ctxbox .link_big_black_external_pdf .exergue a, ul#ctxbox .link_external_pdf_generique .exergue a, ul#ctxbox .link_big_black_popup .exergue a, ul#ctxbox li.multiplelien_externe .exergue a{color:#333333;text-decoration:none;}
ul#ctxbox .link_big_black_internal .exergue a:hover, ul#ctxbox .link_big_black_external_pdf .exergue a:hover, ul#ctxbox .link_external_pdf_generique .exergue a:hover, ul#ctxbox .link_big_black_popup .exergue a:hover,ul#ctxbox li.multiplelien_externe .exergue a:hover{color:#ed001a;}


#ctxbox .link_big_black_external_pdf, #ctxbox .link_external_pdf_generique{
	position:relative;
	padding:10px;
	margin:0 0 20px 0;
	min-height:180px;
	background:#ffffff url(../image/interface/ctxbox_bg.jpg) repeat-x left bottom;
}

#ctxbox li.photo{
	position:relative;
	padding:10px;
	margin:0 0 20px 0;
	min-height:180px;
	background:#ffffff url(../image/interface/ctxbox_bg.jpg) repeat-x left bottom;
}

#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;
}

ul#ctxbox .leaflet .link, ul#ctxbox .link_external .link, ul#ctxbox .link_big_black_popup .link, ul#ctxbox .link_big_white_popup .link, ul#ctxbox .rt_360_white_popup .link, ul#ctxbox .link_big_black_external .link, ul#ctxbox li.multiplelien_externe .link{
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
}

ul#ctxbox .link_big_black_popup .exergue, ul#ctxbox .link_big_white_popup .exergue, ul#ctxbox .rt_360_white_popup .exergue, ul#ctxbox .link_big_black_external .exergue{
	padding-left:10px;
	padding-right:10px;
}


ul#ctxbox li.link_internal .link, ul#ctxbox .link_external .link, ul#ctxbox .link_external_xiti .link, ul#ctxbox .link_popup .link, ul#ctxbox .leaflet .link{padding-left:10px;padding-right:10px;}
ul#ctxbox li.link_internal .exergue, ul#ctxbox .link_external .exergue, ul#ctxbox .link_external_xiti .exergue, ul#ctxbox .link_popup .exergue{padding-left:10px;padding-right:10px;}
ul#ctxbox li.link_internal .exergue p, ul#ctxbox .link_external .exergue p, ul#ctxbox .link_external_xiti .exergue p, ul#ctxbox .link_popup .exergue p{color:#333333;text-transform:none;font-weight:normal;}
ul#ctxbox li.link_internal .image, ul#ctxbox .link_external .image, ul#ctxbox .link_external_xiti .image, ul#ctxbox .link_popup .image{padding-top:8px;}
ul#ctxbox li.link_internal .exergue a, ul#ctxbox .link_external .exergue a, ul#ctxbox .link_external_xiti .exergue a, ul#ctxbox .link_popup .exergue a{color:#333333;text-decoration:none;font-weight:normal;text-transform:none;}
ul#ctxbox li.link_internal .exergue a:hover, ul#ctxbox .link_external .exergue a:hover, ul#ctxbox .link_external_xiti .exergue a:hover, ul#ctxbox .link_popup .exergue a:hover{color:#ed001a;}



#ctxbox .canupdate{
	display:inline;
	position:absolute;
	right:5px;bottom:25px;
	background:#88CC00;
	color:#ffffff !important;
}
#ctxbox .canupdate:hover{
	background:#ffffff !important;
	color:#88CC00 !important;
}
#ctxbox li.ebrochure .canupdate{bottom:10px;}




#loginform, #alerte{
	
	font-size:12px;
	
}
#alerte{background:#ffffff;}
#alerte a{
	color:#dd071f;
	text-decoration:none;
}
#alerte a:hover{color:#dd071f !important;text-decoration:underline;}
#alerte a:first-child:hover{text-decoration:none;}
#alerte a:first-child{
	display:block;
	color:#000000;
	text-transform:uppercase;
	font:normal bold 12px/12px Arial, Verdana, sans;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
}

#loginform fieldset{
	border:none;
	padding:0;
	margin:0;
}
#loginform legend{
	color:#000000;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#loginform label{
	float:none;
	width:auto;
	padding:0 0 3px 0;
	margin:0;
	text-align:left;
	color:#000000;
	font-size:11px;
}
#loginform label span{
	float:none;
	width:auto;
	padding:0;
	margin:0;
}
#loginform input.input{
	float:none;
	width:122px !important;
	padding:3px 5px !important;
	border:1px solid #c6c6c6;
	background:#f2f2f2;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	opacity:1;
}
#loginform fieldset ol li .alerte.loading{
	clear:both;
	width:24px;
	height:24px;
	padding:0 !important;
	opacity:1;
}
#loginform fieldset ol li .alerte{
	float:none;
	width:auto;
	font-size:11px;
	padding:5px 0;
	-moz-border-radius-topright:0;
	-webkit-border-radius-topright:0;
	border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-bottomright:0;
	border-radius-bottomright:0;
	background:none;
}
#loginform fieldset ol li ul.checkboxes{
	width:auto;
	margin:0;
	padding:0 !important;
	background:none;
	border:none;
	-moz-border-radius-topright:0;
	-webkit-border-radius-topright:0;
	border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-bottomright:0;
	border-radius-bottomright:0;
}
#loginform fieldset ol li ul.checkboxes li{
	padding:0 !important;
}
#loginform fieldset ol li ul.checkboxes li input.checkbox{
	margin:0 3px 0 0;
}
#loginform fieldset .button, fieldset .submit{
	-moz-border-radius-topright:0 !important;
	-webkit-border-radius-topright:0 !important;
	border-radius-topright:0 !important;
	-moz-border-radius-bottomright:0 !important;
	-webkit-border-radius-bottomright:0 !important;
	border-radius-bottomright:0 !important;
	text-shadow:none;
	color:#000000 !important;
	padding:0;
	text-transform:capitalize;
	background:none;
	border:none;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
#loginform fieldset .button, fieldset .submit:hover{color:#ed001a !important;}

#loginform fieldset ol li .alerte:before {
	content:'';
	font-size:11px;
	margin:0;
	padding:0;
}
#loginform ol li{
	padding:10px 0 0 0;
}
#loginform fieldset.hidden ol li{
	padding:0;
}



#articlelist, #cnt ul#articlelist, #cnt #newsMasterpage{
	float:left;
	list-style-type:none;
}
#cnt #newsMasterpage{width:100%;padding-top:20px;}
#cnt #newsMasterpage li{
	float:left;
	width:291px;
	padding:0 10px 10px 0;
}
#cnt #newsMasterpage li.firstLineChild{clear:both;}
#cnt #newsMasterpage li .media1{
	float:left;
	height:79px;
	padding-right:10px;
	padding-bottom:10px;
	overflow:hidden;
}
#cnt #newsMasterpage li img{
	width : 79px;
	hright : 79px;
}
#cnt #newsMasterpage li .date{color: #000000;padding-bottom:5px;font-weight:bold;text-transform:uppercase;}
#cnt #newsMasterpage li .titre{padding-bottom:5px;}
#cnt #newsMasterpage li .titre a{
	display:block;
	color:#ed001a;
	padding:0 10px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	font:normal bold 12px/12px Arial, Verdana, sans;
}
#cnt #newsMasterpage li .titre a:hover{color:#ed001a;}
#cnt #newsMasterpage li .chapo a{
	color:#000000;
	text-decoration:none;
}
#cnt #newsMasterpage li .chapo 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 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;
}



/********************************************************************************************/
/* Credits*/
#credits{
	float:left;
	width:100%;
	padding:40px 0;
}
#credits .col{
	float:left;
	width:293px;
	padding:0 12px;
	min-height:95px;
	border-right:1px solid #9c9c9c;
}
#credits .col.lastOne{
	width:294px;
	border-right:none;
}
#credits .col .sub_title{
	padding:0 0 4px 0;
}
#credits .col p{
	padding:0 0 2px 0;
}
#credits .col p a{
	display:block;
	background:url(../image/interface/encart_puce1.gif) no-repeat right bottom;
	color:#000000;
	font:normal normal 12px/12px Arial, Verdana, Sans-serif;
}
#credits .col p a:hover{color:#ed001a;}


/********************************************************************************************/
/* Sitemap
/********************************************************************************************/
#map ul.langue{display:none;}
#map ul{
	float:left;
	width:943px;
	list-style-type:none;
}
#map .common_title{
	clear:both;
	float:left;
	width:100%;
	padding-top:16px;
	text-transform:uppercase;
	font:normal normal 20px/20px Arial, Verdana, sans;
}
#map .common_title a{color:#000000;}
#map .common_title a:hover{color:#dd071f;}

#map ul{padding-top:16px;}
#map ul li{
	float:left;
	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.lineFirstChild{clear:both;}
#map ul li a{
	display:block;
	width:auto;
	color:#333333;
	text-decoration:none;
	padding-right:7px;
	background:url(../image/interface/sitemap_puce1.gif) no-repeat right 2px;
}
#map ul li a:hover{color:#dd071f;}

#map ul li ul{width:auto;}
#map 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 a{
	color:#333333;
	text-decoration:none;
	background:url(../image/interface/sitemap_puce2.gif) no-repeat right 5px;
}
#map ul li ul li a:hover{color:#dd071f;background-image:url(../image/interface/sitemap_puce3.gif);}
#map ul li ul li ul{display:none;}


/*body.section04.subsection02 #cnt .media{display:none;}*/


/********************************************************************************************/
/* zoneVlContact
/********************************************************************************************/
#zoneVlContact, #zoneVlNewsletter{
	float:left;
	max-width:420px;
	width: 100% !important;
	box-sizing: border-box;
	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;
}
#zoneVlNewsletter select, #zoneVlNewsletter input, #zoneVlNewsletter 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:180px;
}
#zoneVlContact select{width:420px;}
#zoneVlContact .preselected, #zoneVlContact .exergue{color:#CC0000;}

#zoneVlNewsletter label{
	color:#FFFFFF;
	width: 120px;
	display:block;
	float:left
}

#zoneVlContact .title, #zoneVlNewsletter .title{
	text-transform:uppercase;
	color:#b1080b;
	font:normal bold 12px/normal Arial, Verdana, sans
}
#zoneVlContact .title.main, #zoneVlNewsletter .title.main{
	text-align:center;
	padding:0 0 40px 0;
}
#zoneVlContact p,#zoneVlNewsletter p{padding:10px 0 0 0;}
#zoneVlContact a, #zoneVlNewsletter a{
	float:right;
	background:url(http://j23contact.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;
}



/********************************************************************************************/
/* zoneVlPARTPLUS
/********************************************************************************************/
#zoneVlPartplus{
	/*float:left;
	width:420px;
	padding:10px 25px;*/
}

#zoneVlPartplus select, #zoneVlPartplus input, #zoneVlPartplus textarea {
	background:none repeat scroll 0 0 #ffffff;
	border:1px solid #c2c6c9;
	color:#4d4f5d;
	font:normal normal 12px/normal Arial, Verdana, sans;
	padding:2px 0;
	width:280px;
}

#zoneVlPartplus label{
	color:#000000;
	width: 160px;
	display:block;
	float:left
}

#zoneVlPartplus .title{
	text-transform:uppercase;
	color:#b1080b;
	font:normal bold 12px/normal Arial, Verdana, sans
}
#zoneVlPartplus .title.main{
	text-align:center;
	padding:0 0 40px 0;
}
#zoneVlPartplus p{padding:10px 0 0 0;}
#zoneVlPartplus a{
	float:right;
	background:url(http://j23contact.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;
}



/********************************************************************************************/
/* 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 #greyBoxTitle{
	color:#cc0000;
	padding:15px 65px 15px 25px;
	text-transform:uppercase;
	font:normal normal 21px/22px Arial, Verdana, sans;
	background:#0c0c0c;
}
#greyBox .content{
	padding:0;
	position:relative;
	background:#0c0c0c;
}

#greyBox .close{
	cursor:pointer;
	display:block;
	position:absolute;
	right:10px;top:10px;
	width:20px;
	height:20px;
	cursor:pointer;
	background:#0c0c0c 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;
}

/********************************************************************************************/
/* Spécifique aux tableaux de la page START & DRIVE
/********************************************************************************************/

#TableStartCustom{
	position:relative; 
	width:450px;
	margin-top: 20px;
	}

#TableStartCustom td{
	border-top:1px solid #807B7B;
}

#TableStartCustom a{
	color: #DD071F;
	text-decoration: underline;
}

#TableStartCustom a:hover{
	color: #DD071F;
	text-decoration: none;
}

.TextContent {
	font-family: Arial;
	font-style:normal;
	font-weight:normal;
	font-size:10pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:10px;
	}

.TextLegend {
	font-family: Arial;
	font-style:normal;
	font-weight:lighter;
	font-size:8pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:10px;
	}

	.TextTitle {
	font-family: Arial;
	font-style:normal;
	font-weight:bold;
	font-size:12pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:20px;
	}

/********************************************************************************************/
/* Spécifique aux tableaux FACEBOOK PORTAIL
/********************************************************************************************/

#TableFacebookPortail{
	position:relative; 
	margin-top: 20px;
	margin-left: 20px;
	border-collapse: collapse;
    border-spacing: 0;
	}

#TableFacebookPortail th{
	border-top:3px solid #333333;
	border-bottom:3px solid #333333;
}
	
#TableFacebookPortail td{
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
}

#TableFacebookPortail tr td:first-child{border-left:none;}

#TableFacebookPortail td.country-name{
	border-bottom:none;
	padding-left:10px;
	}

#TableFacebookPortail td.social-links{
	border-left:1px dotted #333333;
}

#TableFacebookPortail td.social-links img{
	padding:2px;
}

#TableFacebookPortail a{
	color: #333333;
	text-decoration: none;
}

#TableFacebookPortail a:hover{
	color: #DD071F;
	text-decoration: underline;
}

/*******************************************************************************************/
	
#greyBox.accessoires .content{
	padding:20px;
}
#greyBox.accessoires .close{
	width:17px;
	height:17px;
	right:25px;
	top:25px;
	background:url(../image/interface/greybox/close_accessoires.gif) no-repeat left top;
}
#greyBox .diapo{
	position:relative;
}
#greyBox .diapo ul{
	position:relative;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	background:#ffffff;
}
/*#greyBox .diapo ul li{
	position:absolute;
	left:0;top:0;
	width:635px;
	height:315px;
	margin:0;
}*/
#greyBox .diapo ul li img{
	display:block;
	margin:0 auto;
}
#greyBox .buttonLeft, #greyBox .buttonRight{
	display:block;
	position:absolute;
	top:0;
	width:50%;
	height:100%;
	cursor:pointer;
	background:url(../image/interface/spacer.gif) repeat left top;
}
/*#greyBox .buttonLeft:hover .img, #greyBox .buttonRight:hover .img{display:block;}*/
#greyBox .buttonLeft .img, #greyBox .buttonRight .img{
	/*display:none;*/
	position:absolute;
	top:50%;
	margin:-21px 0 0 0;
	width:74px;
	height:43px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	font:normal bold 12px/42px Arial, Verdana, Sans-serif;
}
#greyBox .buttonLeft{left:0;}
#greyBox .buttonRight{right:0;}
#greyBox .buttonLeft .img{left:0;background:url(../image/interface/greybox/button_left.png) no-repeat left top;}
#greyBox .buttonRight .img{right:0;background:url(../image/interface/greybox/button_right.png) no-repeat left top;}



/*lien dédié au crosslinking*/
a.cross-link{
	text-decoration:underline;
	color:#333333;
}

a:hover.cross-link{
	color:#DD071F;
}




/*Addthis*/

#at15pf, #atic_facebook, #atic_twitter, #atic_email, #at15s_head{
	display:none ! important;
}



/********************************************************************************************/
/* Spécifique aux tableaux des pages Master sur les sites HR - SL - AUT - FR-CH - DE-CH & IT-CH
/********************************************************************************************/

#TableBodyInfos{
	position:relative; 
	width:450px;
	margin-top: 20px;
}


#TableBodyInfos td{
	border:1px solid white;
}

.TextContentBodyInfos {
	font-family: Arial;
	font-style:normal;
	font-weight:normal;
	font-size:10pt;
	text-align:left;
	background-color:transparent;
	color:#333333;
	margin-left:10px;
}





/*---- AJOUT INFO TECH--*/

#form_infotech .select {
    background: url(/media/image/contacthomepage_select.gif) repeat-x scroll left bottom #474748;
    border: none;
    color: #CFCFCF;
    display: inline-block;
    font: 12px Arial,Verdana,Sans-serif;
    padding: 0px 1%;
    vertical-align: middle;
	-webkit-appearance: none;
}
#form_infotech .select:focus {
    color: #FFFFFF;
}

/*-----------------FORM STYLES-----------------*/
/*--CLASSIC FORM v3.0--*/
/*CSS générique < FORM >*/
.classicForm{
	float:left;
	width:100%;
	font-size:12px;
}
/*CSS générique < FIELDSET >*/
.classicForm fieldset{
	border:none;
	float:left;
	width:100%;
	margin:0;
	padding:20px 0 0 0;
}
/*CSS générique < DIV >*/
.classicForm div{
	float:left;
	width:100%;
}
/*CSS Titre de colonne*/
.classicForm .colTitle{
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 20px 0;
}
/*CSS générique < P >*/
.classicForm p{
	float:left;
	width:100%;
	display:block;
	padding:0 0 20px 0 !important;
	margin : 0;
}
/*CSS générique < INPUT / >, < SELECT >, < TEXTAREA >*/
.classicForm input.text, .classicForm input.password, .classicForm select.select, .classicForm textarea.textarea{
	width:100%;
	display:inline-block;
	color:#888888;
	padding:0;
	margin:0;
	width:100%;
	margin:0;
	padding:2px 0 1px 0;
	/*border:1px solid #cc0000;*/
	border:none;
	background:#dfdfdf;
	font:normal normal 12px/normal Arial, Verdana, Sans-Serif;
}
/*< INPUT / > checkbox, radio*/
.classicForm input.checkbox, .classicForm input.radio{
	padding:0;
	margin:1px 5px 0 0;
	vertical-align:middle;
}
/*< INPUT / > submit*/
.classicForm input.submit{
	margin:0;
	padding:0 12px 0 0;
	cursor:pointer;
	color : #333333;
	font : normal bold 12px/normal Arial, Verdana, Sans-serif;
	background : url(../image/interface/puce_submit.gif) no-repeat right center transparent;
	border : 0;
	display : inline-block;
	text-transform : uppercase;
}

.classicForm input.submit:hover, .classicForm input.submit.current
{
	color : #f10007;
}
.classicForm input.radio{vertical-align:text-bottom;}
/*Mise en forme générique < LABEL >*/
.classicForm label{
	width:100%;
	cursor:pointer;
	color : #333333;
	font : normal bold 12px/normal Arial, Verdana, Sans-serif;
	margin-bottom : 7px;
	display : inline-block;
	text-transform : uppercase;
}
/*Specifications < DIV > 100%*/
.classicForm div.col_100{
	width:100%;
}
/*Specifications < DIV > 50%*/
.classicForm div.col_50{
	width:49%;
	padding-right:2%;
}
/*Specifications < DIV > 33%*/
.classicForm div.col_33{
	width:32%;
	padding-right:2%;
}
/*Specifications < DIV > 25%*/
.classicForm div.col_25{
	width:23%;
	padding-right:2%;
}
.classicForm div.col_25.firstCol, .classicForm div.col_25.lastCol{width:24%;}
.classicForm div.lastChild, .classicForm div.lastCol{padding-right:0 !important;}
/*Specifications de position de < LABEL > à GAUCHE*/
.classicForm p.label_left label{
	float:left;
	display:block;
	width:32%;
	padding-right:2%;
}
.classicForm p.label_left input, .classicForm p.label_left select, .classicForm p.label_left textarea{width:66%;}
/*Specifications de position de < LABEL > à DROITE*/
.classicForm p.label_right label{
	width:auto;
	padding-right:20px;
}
.classicForm p.label_right input, .classicForm p.label_right select, .classicForm p.label_right textarea{width:auto;}
/*Spécifications < INPUT / > submit*/
.classicForm div.col_100 input.submit, .classicForm div.col_50 input.submit, .classicForm div.col_33 input.submit, .classicForm div.col_25 input.submit{width:100%;}
/*Spécifications < INPUT / > submit à GAUCHE*/
.classicForm p.submit_left{text-align:left; padding : 0 0 10px 0 !important;}
.classicForm p.submit_right{text-align:right;}
.classicForm p.submit_center{text-align:center;}
.classicForm p.submit_left input.submit, .classicForm p.submit_right input.submit, .classicForm p.submit_center input.submit{width:auto;}

/*-----------------FORM STYLES-----------------*/


/*-----------------BOX TROUVER DISTRIBUTEUR-----------------*/
#ctxbox #loginform{
	background:#e3001b;
	padding:10px 0 0 10px;
}
#ctxbox #loginform legend{font-size:15px;}
#ctxbox #loginform legend, #ctxbox #loginform label{
	color:#ffffff;
}
#ctxbox #loginform input.input{
	border:none;
	width:124px !important;
	background:#ffffff;
}
#ctxbox #loginform fieldset .submit{
	color:#ffffff !important;
	font:normal bold 12px/normal Arial, Verdana, Sans-serif;
}



#resultats
{
	float :left;
	width : 100%;
	border-top : 1px solid #969696;
}
#resultats li
{
	float :left;
	width : 100%;
	margin : 20px 0 8px;
	list-style : none;
	
}
#resultats li
{
	float :left;
	width : 100%;
	margin : 20px 0 8px;
	list-style : none;
}
#resultats li a
{
	background : url(../image/interface/puce_resultats.png) no-repeat left top transparent;
	display : inline-block;
	float : left;
	padding : 0 0 0 36px;
	color : #333333 !important;
	font : normal normal 14px/25px Arial, Verdana, Sans-serif;
	text-decoration : none !important;
}
#resultats li a span
{
	color : #333333 !important;
	font : normal normal 12px/normal Arial, Verdana, Sans-serif !important;
}
#resultats li a:hover
{
	background : url(../image/interface/puce_resultats_rollover.png) no-repeat left top transparent;
	color : #f10007 !important;
}

/*-----------------ECOCALCULATOR-----------------*/
#calculateur {
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 15px 25px;
}

.block-ecocalculator {
	color: #ffffff;
}

.block-ecocalculator--title {
	margin-bottom: 15px;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
}

.block-ecocalculator--title:not(:first-child) {
	margin-top: 30px;
}

.block-ecocalculator--title::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 15px;
	background: #ffffff;
}

.block-ecocalculator--subtitle {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

.block-ecocalculator--form {
	padding: 15px;
	margin: 40px auto 0;
	border-color: #282828;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.42;
	background: #222222;
	color: #888888 !important;
}

.block-ecocalculator--form-title {
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #ffffff;
}

.block-ecocalculator--form-title::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 15px;
	background: #888888;
}

.block-ecocalculator--form-item {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.block-ecocalculator--form-item::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}

.block-ecocalculator--form-item label,
.block-ecocalculator--form-item input {
	float: left;
}

.block-ecocalculator--form-item label {
	width: 20%;
	padding-right: 10px;
	box-sizing: border-box;
	font-weight: bold;
}

.block-ecocalculator--form-item input {
	width: 60% !important;
	padding: 8px 12px !important;
	background: #ffffff !important;
	border-radius: 2px;
	border: none;
	text-align: right;
}

.block-ecocalculator--form-actions {
	display: block;
	clear: both;
}

.block-ecocalculator--form-actions a {
	float: right;
	display: inline-block;
	padding: 8px 12px;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #cc0000;
	border-color: #cc0000;
}

.block-ecocalculator--form-actions a::after {
	display: inline-block;
	content: ">";
	font-weight: bold;
	margin-left: 10px;
}


.block-ecocalculator--form-actions::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}

.block-ecocalculator--form .additionnal-info {
	display: inline-block;
	width: 10%;
	padding-left: 10px;
	box-sizing: border-box;
	line-height: 35px;
	color: #ffffff;
}

.block-ecocalculator--result {
	padding: 15px 25px;
	color: #ffffff;
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.block-ecocalculator--table {
	margin: 20px auto;
	font-size: 12px;
	border-collapse: collapse;
	border-style: hidden;
	background: #222222;
}

.block-ecocalculator--table th,
.block-ecocalculator--table td {
	border: 1px solid #888888;
	padding: 8px;
	box-sizing: border-box;
}

.block-ecocalculator--table thead th {
	font-weight: bold;
}

.block-ecocalculator--table .data-highlight {
	font-weight: bold;
	color: #cc0000;
}

.block-ecocalculator--table-complement {
	margin: 10px 0;
	font-size: 10px;
	color: #888888;
}

