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

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

#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: 20px 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: 5px; width: 100%; }

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

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

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

/* ------ Livraison ------ */

.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_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_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_l p.input_xxl label { width: 61px; }
#form_commander .coordonnees_l p.input_xxl input { width: 214px; }

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

#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 { float: right; width: 190px; height: 23px; border: 0; }

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