/************ Template principal ************/

#infobulle
{
	position: absolute;
	display: none;
	color: #fff;
	width: 724px;
	z-index: 9999;
}
#infobulle a
{
	color: #fff;
	text-decoration: underline;
}
#fondBulle
{
	background: #000;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
#contenuBulle
{
	position: absolute;
	top: 0;
	width: 100%;
}
#titreBulle
{
	border-bottom: 1px solid #808080;
	padding: 9px 10px;
	font-weight: bold;
}
#texteBulle
{
	padding: 9px 10px;
}
.primButton
{
	padding: 0 8px !important;
}

html, body
{
	margin: 0;
}
table
{
	border: none;
	border-collapse: collapse;
}
th, td
{
	padding: 0;
}
img
{
	border: none;
}
a
{
	color: #00F;
}
form
{
	margin: 0
}
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#page
{
	width: 974px;
}

#header_infos
{
	height: 24px;
}
#langue
{
	float: right;
	padding: 5px 14px 0 0;
}
#instant_repair
{
	height: 50px;
	background: #000;
	color: #fff;
	font-weight: bold;
}
#instant_repair .logo
{
	float: left;
	display: block;
	position: relative;
	left: 26px;
}
#instant_repair div
{
	padding-left: 102px;
}
#instant_repair div span
{
	font-size: 26px;
	display: block;
}
#instant_repair div a
{
	color: #fff;
}
#menu_services
{
	margin-top: 5px;
	background: url('../__img/bg_menu_services.gif');
	height: 31px;
}
#menu_services a
{
	display: block;
	float: left;
	padding: 8px 15px 0 15px;
	height: 23px;
	border-right: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
#header h1
{
	font-size: 26px;
}
#header h2
{
	font-size: 14px;
}
#header h1
{
	margin: 2px 0 0 210px;
}
#header h2
{
	margin: 0 0 9px 210px;
}
#header h1,
#header h2
{
	font-weight: normal;
}

#menu
{
	float: left;
	border: 1px solid #D5D5D5;
	width: 198px;
}
#menu h1
{
	margin: 0;
	padding: 4px 0 0 9px;
	height: 19px;
	background: url('../__img/bg_titre_menu.gif');
}
#menu h1,
#menu h1 a
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#menu ul
{
	margin: 10px;
	border-bottom: 1px solid #D5D5D5;
	padding: 0 10px 10px 10px;
	list-style: none;
}
#menu li
{
	text-indent: -10px;
	padding-left: 10px;
}
#menu ul a
{
	font-weight: bold;
}
#menu ul a,
#menu .contact a
{
	margin-left: 3px;
}
#menu .contact
{
	margin: 0 0 13px 10px;
}
#contenu
{
	float: right;
	margin-top: 1px;
	width: 764px;
}
#footer
{
	clear: both;
	padding-top: 32px;
}
#footer div
{
	border-top: 2px solid #7A7A7A;
	padding-top: 4px;
	font-size: 12px;
	text-align: center;
}
#footer div a
{
	font-size: 11px;
	text-decoration: underline;
}
#footer div span
{
	display: block;
	padding-top: 2px;
	font-size: 11px;
}


/************ Accueil ************/

.presentation
{
	background: url('../__img/bg_presentation.jpg');
	height: 238px;
	color: #fff;
}
.presentation .illustrations
{
	float: right;
	width: 394px;
	text-align: right;
}
.presentation .texte
{
	padding: 20px 394px 0 15px;
	display: block;
}
.presentation .texte span
{
	font-size: 10px;
}
#choix_produit
{
	margin: 12px 0;
	background: #E7E7E7;
}
#choix_produit .choix
{
	height: 172px;
	padding-left: 2px;
}
#choix_produit .choix a
{
	color: #000;
	text-decoration: underline;
}
#choix_produit .choix button
{
	border-color: #D5D5D5 #424242 #424242 #D5D5D5;
	background: #7A7A7A;
	font-weight: normal;
	width: 100px;
	cursor: default;
}
#choix_produit .choix .ferme,
#choix_produit .choix .ouvert
{
	float: left;
	height: 100%;
	border-right: 1px solid #fff;
	overflow: hidden;
}
#choix_produit .choix .image
{
	float: left;
	width: 126px;
	text-align: center;
}
#choix_produit .choix .image a
{
	display: block;
	width: 100%;
	height: 135px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-position: center;
	background-repeat: no-repeat;
}
#choix_produit .choix .image .actif
{
	cursor: pointer;
	filter: alpha(opacity=100);
}
#choix_produit .choix .image .actif:hover
{
	opacity: 1;
}
#choix_produit .choix .image .inactif
{
	cursor: default;
}
#choix_produit .choix .produits
{
	float: right;
	padding-top: 32px;
	width: 336px;
}
#choix_produit .choix .produits button
{
	float: right;
	margin: 103px 14px 0 0;
}
#choix_produit .choix .produits div
{
	margin-top: 12px;
}
#choix_produit .choix .produits .lien_contact
{
	width: 210px;
}
#choix_produit .choix select
{
	width: 210px;
	height: 22px;
}
#choix_produit .choix .ferme .produits
{
	display: none;
}
#choix_produit .choix .ferme
{
	width: 126px;
}
#choix_produit .choix .ouvert
{
	width: 507px;
}
#choix_produit .choix .masque
{
	display: none;
}
#recherche_par_code
{
	float: left;
	width: 373px;
	background: #E7E7E7;
}
#recherche_par_code form
{
	margin: 18px 0 18px 8px;
}
#textSearchCode
{
	padding: 2px;
	width: 178px;
	height: 18px;
}
#recherche_par_code div
{
	margin: 0 0 5px 8px;
}
#recherche_par_code a
{
	color: #000;
	text-decoration: underline;
}
#contenu h1
{
	margin: 0;
	padding: 4px 10px 0 10px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url('../__img/bg_titre_form.gif');
}
#contenu h1 span
{
	float: right;
}
#besoin_aide
{
	float: right;
	width: 373px;
}
#besoin_aide div
{
	padding: 10px 10px 0 10px;
}
#besoin_aide div span
{
	font-size: 10px;
}


/************ Services ************/

.champ_obligatoire
{
	color: red;
}
#services
{
	padding: 20px;
	width: 724px;
	background-color: #ECECEC;
}
#services ul
{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
#services ul a
{
	text-decoration: underline;
}
#services h2,
#adresses h2,
#recap h2,
#contact h2,
#confirmation h2,
#eos h2
{
	margin: 0;
	padding: 8px 0 0 10px;
	height: 22px;
	background: #666;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#services #informations_produit,
#services #choix_services,
#services #conditions_intervention
{
	background: #fff;
}
#services #informations_produit label
{
	float: left;
	clear: both;
	padding: 18px 5px 0 0;
	width: 151px;
	text-align: right;
}
#services #informations_produit input
{
	margin: 13px 0 2px 0;
	border: 1px solid #A9A9A9;
	padding: 3px 0 0 6px;
	width: 442px;
	height: 18px;
}
#services .note_champ_obligatoire
{
	clear: both;
	padding: 6px 0 10px 156px;
	font-size: 11px;
	color: #626262;
}
#services h3
{
	margin: 0;
	padding: 7px 0 3px 31px;
	font-size: 12px;
	color: #A9A9A9;
	font-weight: bold;
}
#services #alerte_promotion
{
	margin: 5px 20px 0 20px;
	padding: 8px 20px;
	background: #06f;
	color: #fff;
}
#services #choix_services
{
	padding-bottom: 20px;
}
#services .aucun_service
{
	padding: 5px 0 5px 20px;
}
#services #choix_services table
{
	margin-left: 20px;
	border: 1px solid #A9A9A9;
	text-align: right;
}
#services #choix_services th
{
	height: 19px;
	background: #A9A9A9;
	padding-right: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#services #choix_services .table_services th
{
	border-bottom: 1px solid #fff;
}
#services #choix_services .header_service
{
	border-right: 1px solid #fff;
}
#services #choix_services td
{
	border-right: 1px solid #A9A9A9;
	height: 29px;
}
#services #choix_services .input
{
	width: 32px;
	text-align: center;
}
#services #choix_services .service
{
	width: 494px;
	padding-right: 5px;
}
#services #choix_services .prix
{
	width: 145px;
	padding-right: 5px;
}
#services .table_total .prix
{
	font-weight: bold;
}
#services #choix_services .header_total
{
	width: 528px;
}
#services .pair,
#recap .pair
{
	background: #ECECEC;
}
#services #conditions_intervention
{
	padding: 17px 20px;
}
.boutons_formulaire
{
	clear: both;
}
.boutons_formulaire input
{
	margin-top: 20px;
}
.boutons_formulaire #bouton_retour
{
	float: left;
}
.boutons_formulaire #bouton_valider
{
	float: right;
}


/************ Adresse ************/

#adresses
{
	padding: 20px;
	width: 724px;
	background-color: #ECECEC;
}
#adresses #adresse_facturation
{
	float: left;
}
#adresses #adresse_livraison
{
	float: right;
}
#adresses #adresse_facturation,
#adresses #adresse_livraison
{
	width: 352px;
}
#adresses #adresse_facturation div,
#adresses #adresse_livraison div
{
	border-bottom: 1px solid #ECECEC;
	padding: 6px 0;
	background: #fff;
	width: 100%;
}
#adresses #adresse_facturation div label,
#adresses #adresse_livraison div label
{
	display: block;
	float: left;
	padding: 5px 10px 0 0;
	width: 107px;
	text-align: right;
}
#adresses #adresse_facturation div input,
#adresses #adresse_livraison div input,
#adresses #adresse_facturation div textarea,
#adresses #adresse_livraison div textarea
{
	border: 1px solid #A9A9A9;
	padding: 2px 6px 0 6px;
	width: 201px;
}
#adresses #adresse_facturation div input,
#adresses #adresse_livraison div input
{
	height: 18px;
}
#adresses #adresse_facturation div textarea,
#adresses #adresse_livraison div textarea
{
	height: 58px;
}
#adresses #adresse_facturation .contact input,
#adresses #adresse_livraison .contact input
{
	width: 121px;
}
#adresses #adresse_facturation .code_postal input,
#adresses #adresse_livraison .code_postal input
{
	width: 36px;
}
#adresses #adresse_facturation .numero input,
#adresses #adresse_livraison .numero input
{
	width: 86px;
}
#adresses #adresse_facturation .contact select,
#adresses #adresse_livraison .contact select
{
	margin-right: 10px;
	border: 1px solid #A9A9A9;
	vertical-align: top;
	width: 70px;
	height: 22px;
}
#adresses #adresse_livraison .sans_bordure
{
	border-color: #fff;
}
#adresses #adresse_livraison .vide *
{
	visibility: hidden;
}


/************ Recapitulatif ************/

#recap
{
	padding: 20px;
	width: 724px;
	background-color: #ECECEC;
}
#recap #informations_produit,
#recap #total
{
	background: #fff;
	padding: 20px;
}
#recap_services h3
{
	margin: 0;
	padding: 7px 0 3px 11px;
	font-size: 12px;
	color: #A9A9A9;
	font-weight: bold;
}
#recap table
{
	border: 1px solid #A9A9A9;
}
#recap th
{
	padding-right: 10px;
	height: 30px;
	width: 154px;
	text-align: right;
	background: #A9A9A9;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: bold;
}
#recap #informations_produit td,
#recap #recap_adresses td
{
	padding-left: 10px;
	text-align: left;
	border-bottom: 1px solid #A9A9A9;
}
#recap #informations_produit td
{
	width: 521px;
}
#recap_services
{
	background: #fff;
	padding: 0 20px 20px 20px;
}
#recap .lien_modifier
{
	padding: 8px 0 0 10px;
}
#recap table
{
	border: 1px solid #A9A9A9;
	text-align: right;
}
#recap #recap_services th
{
	border-bottom: 1px solid #fff;
	height: 19px;
	background: #A9A9A9;
	padding-right: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#recap #recap_services .header_service
{
	border-right: 1px solid #fff;
}
#recap #recap_services td
{
	border-right: 1px solid #A9A9A9;
	height: 29px;
}
#recap #recap_services .service
{
	width: 527px;
	padding-right: 5px;
}
#recap #recap_services .prix,
#recap #total .prix
{
	width: 145px;
	padding-right: 5px;
}
#recap .header_total
{
	width: 528px;
	border-bottom-color: #A9A9A9;
}
#recap #total th
{
	padding-right: 5px;
}
#recap #total .prix
{
	font-weight: bold;
}
#recap #recap_adresses
{
	background: #fff;
	padding: 0 20px 20px 20px;
}
#recap #recap_adresses table
{
	clear: both;
}
#recap #recap_adresses td
{
	width: 260px;
	border-right: 1px solid #A9A9A9;
}
#recap #recap_adresses h3
{
	color: #A9A9A9;
	font-weight: bold;
	font-size: 12px;
}
#recap #recap_adresses .facturation
{
	float: left;
	margin: 0;
	padding: 8px 0 2px 173px;
	width: 240px;
}
#recap #recap_adresses .livraison
{
	float: right;
	margin: 0;
	padding: 8px 10px 2px 0;
	width: 240px;
}
#recap #recap_adresses .vide
{
	background: #ECECEC;
	border-bottom-color: #ECECEC;
}
#recap #informations_produit .derniere,
#recap #recap_adresses .derniere
{
	border-bottom-color: #A9A9A9;
}
#recap #cgv
{
	background: #fff;
	padding: 0 20px 20px 20px;
}


/************ CGV ************/

#page_cgv
{
	padding: 20px;
	background-color: #ECECEC;
}


/************ Contact ************/

#contact
{
	padding: 20px;
	width: 724px;
	background-color: #ECECEC;
}
#contact #informations_contact
{
	padding-bottom: 17px;
}
#contact .champs_obligatoires
{
	display: block;
	padding: 7px 0 7px 20px;
	background: #fff;
}
#contact #contact_formulaire
{
	padding-bottom: 10px;
	background: #fff;
}
#contact #contact_formulaire div
{
	border-bottom: 1px solid #ECECEC;
	padding: 10px 0;
	width: 100%;
}
#contact #contact_formulaire div label
{
	display: block;
	float: left;
	padding: 5px 10px 0 0;
	width: 110px;
	text-align: right;
}
#contact #contact_formulaire div input
{
	float: left;
	margin-right: 20px;
	border: 1px solid #A9A9A9;
	padding: 2px 6px 0 6px;
	width: 208px;
	height: 18px;
}
#contact #contact_formulaire select
{
	border: 1px solid #A9A9A9;
	width: 222px;
	height: 22px;
}
#contact #contact_formulaire textarea
{
	float: left;
	border: 1px solid #A9A9A9;
	padding: 2px 6px 0 6px;
	width: 570px;
	height: 58px;
}
#contact #contact_formulaire .profil span
{
	display: block;
	float: left;
}
/*#contact #contact_formulaire .profil input
{
	float: none;
	margin: 0 5px;
	width: auto;
	border: none;
	vertical-align: middle;
}
#contact #contact_formulaire .profil span label
{
	float: none;
	display: inline;
	padding: 0;
	text-align: left;
	width: auto;
	vertical-align: middle;
}*/
#contact #contact_formulaire .adresse input
{
	width: 570px;
}
#contact #contact_formulaire .ville
{
	border: none;
}
#contact #contact_confirmation
{
	padding: 17px 20px;
	background-color: #fff;
}


/************ No result ************/

#no_result
{
	padding: 20px;
	width: 724px;
	background-color: #ECECEC;
}
#no_result span
{
	display: block;
	margin-top: 17px;
	padding: 17px 20px;
	background: #fff;
}


/************ Confirmation ************/

#confirmation
{
	padding: 20px;
	background-color: #ECECEC;
}
#confirmation #imprimer
{
	padding: 17px 20px;
	background: #fff;
}
#confirmation #imprimer div
{
	margin: 17px 0;
	padding: 7px 20px;
	background: #ECECEC;
}
#confirmation #imprimer span
{
	display: block;
	margin: 17px 0 0 10px;
}
#confirmation form
{
	padding: 20px;
	background: #fff;
}


/************ EOS ************/

#eos
{
	padding: 20px;
	width: 724px;
	background-color: #ECECEC;
}
#eos #informations_eos
{
	padding-bottom: 17px;
}
#eos #eos_formulaire
{
	padding-bottom: 10px;
	background: #fff;
}
#eos #eos_formulaire div
{
	border-bottom: 1px solid #ECECEC;
	padding: 10px 0;
	width: 100%;
}
#eos #eos_formulaire div label
{
	display: block;
	float: left;
	padding: 5px 10px 0 0;
	width: 141px;
	text-align: right;
}
#eos #eos_formulaire div input
{
	border: 1px solid #A9A9A9;
	padding: 2px 6px 0 6px;
	width: 286px;
	height: 18px;
}
#eos #eos_formulaire .contact input
{
	width: 186px;
}
#eos #eos_formulaire .fax
{
	border: none;
}
#eos #eos_formulaire .telephone input,
#eos #eos_formulaire .fax input
{
	width: 86px;
}
#eos #eos_formulaire select
{
	margin-right: 10px;
	border: 1px solid #A9A9A9;
	vertical-align: top;
	width: 90px;
	height: 22px;
}