body  { padding:0; text-align:center;
 font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:13px; }

/* GENERALITES ********************************************************** */

h1, h2, h3 , h4 { margin:0; padding:0; text-align:left; }

p  { margin:0; padding:0; }
ul { list-style-type:none; margin:0; padding:0; }
li { margin:0; padding:0; } 

form { margin:0; padding:0; }
input, select { font-size:10px; margin:0; padding:0; }
textarea { font-size:11px; }

a.lien:link, a.lien:active, a.lien:visited  { font-weight:700; color:#787878; text-decoration:none; border-bottom:1px solid #FF9900; }
a.lien:hover { color:#cc0000; border-bottom:1px solid #333; }

ul.circle { list-style-type:circle; list-style-position:inside; }
ul.circle  li { line-height:16px; text-align:justify;  }

sup { vertical-align:10%; font-size:9px; }

/* messages ------------------------------------------------ */
.err { margin:5px auto; width:90%; border:1px solid #ff0000; background-color:#fff; }
.errtt { display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold; }
.errtxt { display:block; color:#333; padding:2px 5px; }
.chpsErr { background-color:#FF7777; }
.suc { margin:5px auto; width:90%; border:1px solid #339933; background-color:#fff; }
.succestt { display:block; background-color:#339933; color:#FFFFFF; text-align:center; font-weight:bold; }
.succestxt { display:block; color:#333; padding:2px 5px; }


/* CONTENEURS */
#concessionnaire { margin:20px auto; width:956px; height:auto; border-width:12px 12px 12px 12px; border-color:#999; border-style:solid; 
	background-color:#fff; z-index:10; overflow:auto; }

#head { float:left; margin:0; padding:0; width:100%; height:128px; /*overflow:hidden;*/
	text-align:left; z-index:3;
 }
/*
#logo { position:relative; margin:-10px 0 0 -300px; width:300px; height:127px; z-index:2; }
#pubb{ position:relative; margin:-127px 0 0 -5000px; width:600px; height:127px; z-index:1; }
#renault { float:right; margin:-100px 10px 0 0px; width:78px; height:78px; }
*/

#logo { position:relative; margin-top:0px; width:300px; height:127px; z-index:2; overflow:auto; }
#logo img { margin:-10px 0 0 -300px; z-index:2; }

#pubb{ position:relative; margin:-128px 0 0 260px; width:600px; height:127px; z-index:1; overflow:hidden; }
#pubb img{ margin:-10px 0 0 -5000px; z-index:1; }

#renault { float:right; display:inline; margin:-110px 10px 0 0px; width:78px; height:78px; }
#renault img { display:none; }


#left { float:left; width:200px; padding:0;  }

#center { float:left; width:725px; height:auto; padding:8px; background-color:#fff; border:1px solid #e2e2e2; margin-bottom:20px; }

#left, #center { text-align:left; }

#left .content { padding:0 12px 10px 12px; }

#bottom { position:relative; margin:-45px 8px 8px 200px; height:45px; background: url(../images/ramond/renault-sport.gif) 0px 0px no-repeat; }
#bottom ul { position:absolute; right:0; padding-top:15px; }
#bottom ul li{ float:left; display:inline; margin:0 30px; }
#bottom ul li a{ font-weight:700; }
#bottom ul li a:link, #bottom ul li a:active, #bottom ul li a:visited { text-decoration:none; color:#787878; }
#bottom ul li a:hover { text-decoration:underline; }

/* ACCUEIL  */
#accueil {  }

ul#slideshow{ padding: 0; margin:0; list-style-type: none; }
ul#slideshow li{ padding:0; }
ul#slideshow li img{ margin-top:-5px; }


#actuHG { float:left; background-color:#787878; width:430px; height:199px; }
#actuHGvide { float:left; width:430px; height:170px; }
#actuHG p { padding:10px; color:#fff; font-size:16px; line-height:18px; font-weight:700; text-align:justify; }
#actuHD { float:right; width:288px; height:170px; }
#actuHDplein { float:right; background-color:#787878; width:288px; height:199px; }
#actuHDplein p { padding:6px; color:#fff; font-size:12px; line-height:13px; font-weight:700; text-align:justify; }


#actuBG { float:left; width:430px; height:220px; margin-top:14px; }
#actuBG p { padding:10px; color:#787878; font-size:14px; line-height:16px; font-weight:700; text-align:justify; }
#actuBD { float:right; width:286px; /*height:168px;*/ border:1px solid #e2e2e2; background-color:#f0f0f0; margin-top:14px; }
#actuBD p { margin:15px 0; padding:0px 10px; color:#787878; font-size:13px; line-height:15px; text-align:justify; }

#acces-rapide { float:left; width:100%; margin-top:10px; }

#arVN { float:left; width:205px; height:69px; background:url(../images/ramond/vehicules-neufs.gif) 0px 0px no-repeat; }
#arVO{ float:left; display:inline; margin-left:12px; width:255px; height:69px; background:url(../images/ramond/vehicules-occasion.gif) 0px 0px no-repeat; }
#arVL { float:right; display:inline; width:234px; height:69px; background:url(../images/ramond/vehicules-location.gif) 0px 0px no-repeat; }

#arVN div, #arVO div, #arVL div { float:left; display:inline; margin-left:115px; padding:15px 0px; cursor:pointer; }
a#arVN, a#arVO, a#arVL { text-decoration:none; font-weight:700; font-size:15px; line-height:17px; }
a#arVN:link, a#arVN:active, a#arVN:visited,
a#arVO:link, a#arVO:active, a#arVO:visited,
a#arVL:link, a#arVL:active, a#arVL:visited { border:1px solid #e2e2e2; color:#fff; }
a#arVN:hover, a#arVO:hover, a#arVL:hover { border:1px solid #cc0000; color:#cc0000; }
#arVN  span, #arVO  span, #arVL  span { font-size:18px; }
 
 
/* MENU GAUCHE */
ul { list-style-type:none; margin-left:8px; padding:0; }
li { margin:0; padding:0; } 

ul.menu { margin-top:8px; list-style-position:outside; font-size:12px; font-family: Arial, Helvetica, sans-serif; line-height:13px; }
ul.menu li { /*padding:2px 0;*/ }
/*
ul.menu li.module { background: url(img/chevron.png) 0px 0px no-repeat; margin-top:4px; }
ul.menu li.module a { margin-left:20px; line-height:25px; font-weight:700; background-color:#ff0000; }
*/
ul.menu li.module {  background: url(../images/chevron.png) 0px 0px no-repeat; padding:5px 0 5px 20px; margin-top:4px; }
ul.menu li.module a { line-height:15px; font-weight:700; }

ul.menu li.rubrique { background: url(../images/chevron2.png) 20px 4px no-repeat; padding:1px 0; }
ul.menu li.rubrique a { margin-left:36px; line-height:14px; font-weight:700; }

ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited { color:#444444; text-decoration:none; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
ul.menu li a:hover, ul.menu li a.sel { color:#cc0000; font-size:12px; font-family: Arial, Helvetica, sans-serif; }

a.pied:link, a.pied:active, a.pied:visited { color:#444444; text-decoration:none; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:700; }
a.pied:hover, a.sel_pied { color:#cc0000; text-decoration:none; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:700; }

a.lien_ram:link, a.lien_ram:active, a.lien_ram:visited { color:#444444; text-decoration:none; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
a.lien_ram:hover { color:#cc0000; text-decoration:none; font-size:12px; font-family: Arial, Helvetica, sans-serif; }



/* TITRES */

h1 { background:#787878 url(../images/ramond/chevronTitre.png) 10px 8px no-repeat; padding-left:40px; margin-bottom:5px;
	font-family: Arial Black, Arial, sans-serif; color:#f8b600; font-size:32px; line-height:60px; }

h2 { border:1px solid #e2e2e2; background-color:#f0f0f0; color:#787878; line-height:14px; font-size:20px; padding:10px; }


/* FINANCEMENT */

#financement { color:#787878; margin-top:10px; }
.item { float:left; clear:both; width:100%; height:auto;margin-bottom:10px; }

.colOne { color:#787878; margin:1% 0; float:left; display:inline; width:195px; height:auto; padding:0 10px; text-align:center; /* border:1px solid #e2e2e2;*/ }
.colTwo { float:right; display:inline; width:508px; color:#787878; }

.colTwo div { margin-left:40px; }
.colTwo div.chevron { margin:1% 0; margin-left:0px; padding-left:40px; background: url(../images/ramond/chevron3.png) 8px 8px no-repeat; }

.colTwo ul { padding:10px; }
.colTwo div.chevron ul { background-color:#f0f0f0; }
.colTwo ul li { line-height:15px; }
.colTwo ul li.label{ font-size:18px; line-height:18px; color:#f8b600; font-weight:700; }

.colTwo div.chevron div  { margin-left:0px; padding:10px; background-color:#f0f0f0; }
.colTwo div h3 { font-size:18px; line-height:18px; color:#f8b600; font-weight:700; }
.colTwo div p span { display:block; }

.saviezvous { }
.saviezvous span { display:block; color:#f8b600; font-weight:700; padding:10px 0; }
.saviezvous p { border:1px solid #f8b600; padding:10px; }

/* VN */

#menu-vn { float:left; width:99%; padding:5px 5px 0 5px; margin-bottom:5px; border-bottom:1px solid #e2e2e2; }
#menu-vn a { float:left; display:inline; padding:2px 5px; font-weight:700; text-decoration:none; margin:0 5px 5px 0; }
#menu-vn a:link, #menu-vn a:active, #menu-vn a:visited  { color:#999; border:1px solid #ccc; }
#menu-vn a:hover, #menu-vn a.sel  { color:#f8b600; border:1px solid #f8b600; }

#menu-vn div { background-color:#ffcc00; }

#vn { float:left; display:inline; margin:0px; padding:10px 0;/* border:1px solid #333;*/ width:100%; height:auto; }

#vn ul { float:left; display:inline; margin:0 0 5px 15px; }
#vn ul li { float:left; display:inline; height:85px; text-align:center; }
#vn ul li.alone { float:left; display:inline; height:130px; text-align:center; margin-left:210px; }
#vn ul li.alone a { float:left; display:inline; height:130px; width:250px; }
#vn ul li a { float:left; display:inline; height:85px; width:135px; }
#vn ul li a:link , 
#vn ul li a:active , 
#vn ul li a:visited  { text-decoration:none; border:0; font-weight:700; }
#vn ul li a span { color:#ccc; display:block; text-align:center; border:0; }
#vn ul li a:hover span { color:#333; }

.vvn  { margin-top:10px; }
.vvn .colOne { }
.vvn .colTwo { font-size:11px; border:1px solid #e2e2e2; background-color:#f0f0f0; }
.vvn .colTwo h3 { font-size:15px; padding:10px; line-height:17px; color:#f8b600; text-align:justify; }
.vvn .colTwo table { width:100%; margin-bottom:10px; }
.vvn .colTwo th { padding:4px; font-weight:700; text-align:right; width:120px; vertical-align:top; }
.vvn .colTwo td { padding:4px; vertical-align:top; }

.vvn .colTwo p { padding:10px; }

.vvn .options  { margin:10px auto; text-align:center; }
.vvn .options a  { }
.vvn .options img  { border:1px solid #e2e2e2; background-color:#f0f0f0; padding:10px; }

.vvn .photos  { float:right; margin-top:10px; padding:10px 0; text-align:center; width:508px; 
border:1px solid #e2e2e2; background-color:#f0f0f0; }
.vvn .photos img  { vertical-align:middle; margin:0 5px; }

h4 { float:left; width:100%; margin:10px 0 0 0; padding:10px 0px 5px 5px; border-top:1px solid #f0f0f0; color:#f8b600; }

div.offre, div.affaire { float:left; width:100%; margin:0 0 0px 0; padding:10px 0px 20px 0px; text-align:center; }
div.offre p, div.affaire p { padding:0px; text-align:justify; }
div.offre ul, div.affaire ul { text-align:justify; line-height:14px;  }

div.alone {  }
div.alone h3 { font-size:15px; padding:0px; line-height:17px; color:#f8b600; text-align:justify; }

table.tarifs { border:1px solid #ccc; }
table.tarifs th { padding:5px; background-color:#dedede; border-right:1px solid #ccc; }
table.tarifs th.space , table.tarifs td.space { width:10px; padding:0px; background-color:#ccc; }
table.tarifs td { padding:5px; font-size:11px; border-top:1px solid #ccc; border-right:1px solid #ccc; }

.formulaire  { float:left; display:inline; width:100%; /*background-color:#ffcc00; padding:5px;*/ }
.formulaire fieldset { /*background-color:#ccc;float:left; display:inline; width:580px;*/ padding:0 10px 5px 10px; margin:0; border:1px solid #dedede; }

.formulaire legend { padding:5px; font-weight:700; margin-bottom:10px; font-size:11px; }
.formulaire label { float:left; width:90px; font-weight:400; /*border:1px solid #000; */}
.formulaire input { float:left; width:180px; border:1px solid #ccc; padding:1px 0 1px 2px; margin-bottom:2px; background-color:#dedede; }
.formulaire textarea { float:left; width:180px; height:30px; padding:1px 0 1px 2px; border:1px solid #ccc; margin-bottom:2px; background-color:#dedede; }

.formulaire fieldset#ci label { width:125px; }
.formulaire input.chk { width:20px; background:none; height:15px; border:none;  }

.formulaire fieldset#ci div { float:left; display:inline; width:30%; margin-right:15px; border-right:3px solid #ccc; }

.formulaire div#envoi {width:50%; margin:10px auto 0 auto; padding:0; text-align:center; }
.formulaire input.btn { float:none; width:auto; padding:5px; font-weight:700; color:#333; background:none; background-color:#ffcc00; cursor:pointer; border:1px solid #999; }

ul#identite { color:#444444; margin-top:20px; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
ul#identite li { margin-left:8px; line-height:13px; }