/* CSS Document */

body { 
	background: #96a1b2 url(images/bg.jpg) center top repeat-x;
	color: #0e284a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;
	line-height: 17px; 
}

/* ------ Layout ------ */

#container { background-color: transparent; width: 960px; margin: 20px auto; padding: 0; text-align: left; }

#header-top { background: transparent url(images/bg_header-top.png) center bottom no-repeat; height: 5px; width: 100%; }

#body{ background: transparent url(images/bg_body.png) repeat-y; width: 950px; padding: 0 5px 24px; /*padding: 5px 5px 15px;*/ }

#header { /* background: transparent url(images/bg_header.jpg) no-repeat;  */height: 134px; }

#menu {
	background: #FFFFFF url(images/bg_menu.jpg) center top repeat-x;
	height: 21px; margin: 0; padding: 0; border-bottom: 2px solid #d6dae1;
	font-family: Helvetica, Verdana, Arial, sans-serif; color: #747475;
	line-height: 20px; font-weight: bold; font-size: 15px; 
	margin-right: 3px;
}
#content { 
	background-color: #FFFFFF; padding: 20px; text-align: justify;
}

#content-texte {  }

#footer {
	height: 16px; margin: 10px 0; padding: 4px 25px; background-color: #d6dae1;
	color: #747475; font-size: 90%;
}

#footer-bottom { background: transparent url(images/bg_footer-bottom.png) no-repeat; /* height: 15px;*/ height: 5px; width: 100%; }

p.footer-out-left { float: left; font-size: 80%; color: #999999; margin: 0; padding: 0; padding-left: 23px; font-style: normal; /*font-style: italic; margin-top: -3px;*/ }
p.footer-out-left a, p.footer-out-left a:active, p.footer-out-left a:link, p.footer-out-left a:visited { color: #999999; }
p.footer-out-left span { /*vertical-align: 170%;*/ }
p.footer-out span { /*vertical-align: 95%; vertical-align: 170%;*/ overflow: hidden; /* line-height: 12px; */ }
p.footer-out { text-align: right; font-size: 85%; color: #0e284a; margin: 0; padding: 0; padding-right: 25px; }
p.footer-out img { float: right; margin: 0 -2px 8px 7px; }

div#lien_partenaire { text-align: center; }
img.lien_partenaire { margin: 12px auto; }

/* ------ Headings ------ */

h1, h2, h3, h4, h5, h6 { margin: 15px 0; }
h1 { font-weight: normal; font-size: 18px; }
h2 { background-color: #e3edf6; font-weight: bold; font-size: 16px; }
h3 { font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
h4 { font-weight: bold; font-size: 13px; }
h5 { font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
h6 { font-weight: normal; font-size: 13px; }
h2 span { background-color: #FFFFFF; padding: 0 15px; margin-left: 45px; }

h1.logo { margin: 0; padding: 0; border: 0; float: left; }
#header #btn_partenaire-express { margin-top: 60px; float: right; }

/* ------ Typographie ------ */

a, a:active, a:link, a:visited { color: #0e284a; text-decoration: none; cursor: pointer; }
a:hover { color: #557fa4; text-decoration: underline; }

ul { list-style-type: square; }

/* ------ Menu ------ */

#menu a { 
	background: transparent url(images/bg_menu-link.jpg) center center repeat-x;
	margin: 0; padding: 2px 12px 1px; !padding: 2px 12px; border-right: 1px #FFFFFF solid;
	height: 20px; color: #c2d7eb; 
}

#menu a:active, #menu a:link, #menu a:visited { color: #c2d7eb; text-decoration: none; }
#menu a:hover, #menu a.active { background: transparent url(images/bg_menu-hover.jpg) center center repeat-x; color: #FFFFFF; }

/* ------ Footer ------ */

#footer a, #footer a:active, #footer a:link, #footer a:visited { color: #747475; text-decoration: none; }
#footer a:hover { color: #747475; text-decoration: underline; }

/* ------ Espacement ------ */

p.fil-ariane { /* margin: 10px 0 30px 0; */ margin: 10px 0 20px 0; }

/* ------ Formulaire ------ */

form#recherche input { border: 0; font-size: 70%; !font-size: 80%; }
form#recherche, .texte-defilant { float: right; margin: 0 25px 0 0; padding: 0; }
form#recherche label { width: 100px; }

form label { float: left; width: 170px; display: block; }

/* .table_votre-commande {
	background: #F4F5F6 url(images/bg_votre-commande.jpg) no-repeat;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	height: 78px; margin: 0 0 40px;
}
.table_votre-commande thead tr td {
	height: 34px; font-size: 90%; line-height: 11px; 
}
.table_votre-commande tbody tr td {
	height: 44px; font-size: 140%; 
} */

div#div_votre-commande {
	background: #F4F5F6 url(images/bg_votre-commande_rp.jpg) repeat-x;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	height: 78px; margin: 0 0 40px;
	width: 717px; padding: 0; text-align: center; /* -- */
}
div#div_votre-commande div.cellule {
	display: inline; float: left;
}
div#div_votre-commande div.barre {
	background: transparent url(images/bg_votre-commande_br.jpg) right center no-repeat;
}
div#div_votre-commande div.cellule_top {
	/* height: 34px;  */font-size: 90%; line-height: 11px; 
	padding: 10px 0; /* -- */
}
div#div_votre-commande div.cellule_bottom {
	/* height: 44px;  */ font-size: 140%; 
	padding: 16px 0; /* -- */
}

#text_recherche_init { color: #193f67; font-size: 12px; line-height: 15px; padding: 15px; padding-top: 18px; }
#text_recherche_init p { margin: 0; padding: 0; }
#text_recherche_init ul { margin: 0; padding: 0; }
#text_recherche_init ul li { margin: 0; padding: 0; margin-left: 30px; !padding-left: 8px; list-style-image: url(images/puce_tick.png); }

.width_125 { /* width: 125px; */ width: 71px; }
.width_219 { /* width: 219px; */ width: 375px; }
.width_204 { /* width: 204px; */ width: 114px; }
.width_169 { /* width: 169px; */ width: 154px; }

hr.commande { width: 717px; height: 1px; border: 0; margin: 4px 0 20px; padding: 0; color: #CCCCCC; background-color: #CCCCCC; }

.pochettes { width: 280px; float: left; text-align: center; margin: 30px 0 0 30px; }

.clear { clear: both; }
img { padding: 0; margin: 0; }

/* ------ Livraison + Contact ------ */

.coordonnees_l { padding: 6px 18px; background-color: #F4F5F6; font-size: 90%; width: 717px; }
.coordonnees_l p { float: left; display: inline; margin: 14px 0; !margin: 7px 0; }
#form_contact { float: left; display: inline; margin: 14px 0; !margin: 7px 0; width: 650px; }

#form_commander .coordonnees_l p.input_xxl,
#form_commander .coordonnees_l p.input_xl,
#form_commander .coordonnees_l p.input_xs { margin: 3px 18px; width: 283px; }
#form_contact  p.input_xxl,
#form_contact  p.input_xl,
#form_contact  p.input_xs { margin: 6px 0; width: 100%; }

#form_commander label, #form_contact label { float: left; display: inline; }
#form_commander input, #form_commander select,
#form_contact input, #form_contact select, #form_contact textarea { 
	border: 2px solid #E4E3E4; /* height: 12px; */ font-size: 90%; 
}
#form_contact textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }
#form_commander select, #form_contact select { height: 18px; }
#form_commander checkbox, #form_contact checkbox { width: 12px; height: 12px; }
#form_commander hr.hr_form, #form_contact hr.hr_form { clear: both; width: 680px; margin: 14px 0; background: transparent url(images/hr.jpg) no-repeat; }

#form_commander .coordonnees_l p.input_xxl label { width: 61px; }
#form_contact p.input_xxl label { /*width: 150px;*/ width: 190px; }
#form_commander .coordonnees_l p.input_xxl input, #form_contact  p.input_xxl input { width: 214px; }

#form_commander .coordonnees_l p.input_xl label { width: 81px; }
#form_contact  p.input_xl label { /*width: 81px;*/ width: 121px; }
#form_commander .coordonnees_l p.input_xl input,
#form_commander .coordonnees_l p.input_xl select,
#form_contact  p.input_xl input,
#form_contact  p.input_xl select  { width: 194px; }

#form_commander .coordonnees_l p.input_xs label, #form_commander .coordonnees_l p.input_xs label  { width: 116px; }
#form_commander .coordonnees_l p.input_xs input.ind { width: 50px; text-align: right; }
#form_commander .coordonnees_l p.input_xs input.tel { width: 99px; }

/* ------ Payeur ------ */

.coordonnees_p { padding: 6px 18px; background-color: #F4F5F6; font-size: 90%; width: 717px; }
.coordonnees_p p { float: left; display: inline; margin: 14px 0; !margin: 7px 0; }

#form_commander .coordonnees_p p.input_xxl,
#form_commander .coordonnees_p p.input_xl,
#form_commander .coordonnees_p p.input_xs { margin: 3px 18px; width: 283px; }

#form_commander label { float: left; display: inline; }
#form_commander input, #form_commander select { border: 2px solid #E4E3E4; /* height: 12px; */ font-size: 90%; }
#form_commander select { height: 18px; }
#form_commander checkbox { width: 12px; height: 12px; }
#form_commander hr.hr_form { clear: both; width: 680px; margin: 14px 0; background: transparent url(images/hr.jpg) no-repeat; }

#form_commander .coordonnees_p p.input_xxl label { width: 61px; }
#form_commander .coordonnees_p p.input_xxl input { width: 214px; }

#form_commander .coordonnees_p p.input_xl label { width: 81px; }
#form_commander .coordonnees_p p.input_xl input,
#form_commander .coordonnees_p p.input_xl select { width: 194px; }

#form_commander .coordonnees_p p.input_xs label { width: 116px; }
#form_commander .coordonnees_p p.input_xs input.ind { width: 50px; text-align: right; }
#form_commander .coordonnees_p p.input_xs input.tel { width: 99px; }


input#submit_commander, input#submit_contact { float: right; height: 23px; border: 0; }
input#submit_commander { width: 190px; }
input#submit_contact { width: 80px; }

div.instructions { padding: 6px 18px; background-color: #F4F5F6; }
.msg_erreur, .msg_erreur2 { margin: 10px 18px; color: #B80727; font-weight: bold; }
.msg_erreur2 { margin: 10px 0; }


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(http://www.certifauto.com/images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://www.certifauto.com/images/bubble.png) bottom right;
}
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

map area:hover { background-color: blue; }