@charset "iso-8859-1";

/*** PALETTE ************************************************************************************/
.noir { color: #000000; }
.blanc { color: #ffffff; }
.seduction { color: #008ad6; }
.tentation { color: #96be13; }
.passion { color: #f8ab1b; }


/*** FONT ***************************************************************************************/
.clean { text-decoration: none; }
.capital { text-transform: capitalize; }
.maj { text-transform: uppercase; }


/*** GENERAL **************************************************************************************/
h1 {
	padding-left: 25px;
	width: 710px;
	font-size: 16px;
	color: #000000;
	line-height: 17px;
}
p {
	padding-left: 25px;
	width: 710px;
	font-size: 12px;
	color: #000000;
	line-height: 17px;
}
a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:hover { text-decoration: underline; }


/*** FONDS ***************************************************************************************/
div#fond_blanc {
	width: 1000px;
	min-height: 324px;
	background-image: url(/media/images/fonds/fond-blanc.jpg);
	background-repeat: no-repeat;
}
div#fond_passion {
	width: 1000px;
	min-height: 381px;
	background-color: #f8ab1b;
	background-image: url(/media/images/fonds/fond-passion.jpg);
	background-repeat: no-repeat;
}
div#fond_seduction {
	width: 1000px;
	min-height: 381px;
	background-color: #008ad6;
	background-image: url(/media/images/fonds/fond-seduction.jpg);
	background-repeat: no-repeat;
}
div#fond_tentation {
	width: 1000px;
	min-height: 381px;
	background-color: #96be13;
	background-image: url(/media/images/fonds/fond-tentation.jpg);
	background-repeat: no-repeat;
}
div#fond_mode_d_emploi {
	width: 1000px;
	min-height: 324px;
	background-color: #ffffff;
	background-image: url(/media/images/fonds/mode-d-emploi.jpg);
	background-repeat: no-repeat;
}
div#fond_cadeau {
	width: 1000px;
	min-height: 324px;
	background-color: #ffffff;
	background-image: url(/media/images/fonds/fond-cadeau.jpg);
	background-repeat: no-repeat;
}
div#fond_entreprise {
	width: 1000px;
	min-height: 360px;
	background-color: #ffffff;
	background-image: url(/media/images/fonds/fond-entreprise.jpg);
	background-repeat: no-repeat;
}


/*** HEADER INDEX ********************************************************************************/
div#header_index {
	width: 1000px;
	height: 116px;
	background-image: url(/media/images/fonds/fond-index.jpg);
	background-repeat: no-repeat;
}
div#header_index div#flash_index {
	float: left;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 116px;
}
div#header_index p#titre {
	float: left;
	margin: 0;
	padding: 75px 0 0 10px;
	width: 420px;
	font-size: 18px;
	font-weight: bold;
}
div#header_index img {
	float: right;
	margin: 0;
	padding: 25px 25px 0 0;
}


/*** TITRES PAGES ********************************************************************************/
div#barre_de_titre {
	width: 1000px;
	height: 45px;
	background-image: url(/media/images/titres-pages/bg-titre-noire.gif);
	background-repeat: repeat-x;
}
div#barre_de_titre div#titre_page {
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	height: 45px;
}
div#barre_de_titre div#titre_page_offre {
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	width: 475px;
	height: 45px;
}
div#barre_de_titre div.etapes {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	height: 45px;
}
div#barre_de_titre div#renseignement {
	float: right;
	margin: 0;
	padding: 0 25px 0 0;
}
div#barre_de_titre div#renseignement p {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
div#barre_de_titre div#renseignement a {
	float: left;
	margin: 0;
	padding: 9px 0 0 0;
	width: 126px;
}
div#barre_de_titre p#titre_offres {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 480px;
	font-size: 16px;
	font-weight: bold;
	line-height: 45px;
	vertical-align: middle;
}


/*** MENU PAGE ***********************************************************************************/
div#menu_page {
	width: 1000px;
	height: 177px;
	background-image: url(/media/images/fonds/menu_page.jpg);
	background-repeat: repeat-x;
}
div#menu_page p {
	float: left;
	margin: 0;
	padding: 65px 0 0 20px;
	width: 350px;
	font-size: 18px;
	font-weight: bold;
}
div#menu_page div#bouton_commande {
	float: right;
	margin: 0;
	padding: 30px 20px 0 0;
}
div#menu_page div#bouton_commande a { text-decoration: none; }
div#menu_page div#bouton_commande a:hover { text-decoration: underline; }
div#menu_page div#flash {
	float: left;
	margin: 0;
	padding: 0 0 0 107px;
}


/*** BACK TO TOP *********************************************************************************/
div#back_to_top {
	float: right;
	margin: 0;
	padding: 0;
}
div#back_to_top img {
	float: left;
	margin: 0;
	padding: 2px 4px 0 0;
}
div#back_to_top a {
	float: left;
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: underline;
}


/*** PAGE MODE D EMPLOI *************************************************************************/
 div.colonne {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	width: 175px;
}
div.colonne p.texte {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	vertical-align: middle;
	width: 175px;
}
div.colonne p.fat_number {
	margin: 0;
	padding: 0;
	font-size: 36px;
	line-height: 40px;
	vertical-align: middle;
	width: 175px;
}
div.colonne div#telephone {
	margin: 0;
	padding: 5px 0;
	width: 175px;
}
div.colonne div#telephone img {
	float: left;
	margin: 0;
	padding: 0;
	width: 8px;
	height: 17px;
}
div.colonne div#telephone p {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 150px;
	font-size: 20px;
	font-weight: bold;
}


/*** PAGE OFFRES ****************************************************************************/

/*** BLOC GAUCHE ***/
div#bloc_gauche_offres {
	float: left;
	width: 500px;
}
div#bloc_gauche_offres ul {
	float: left;
	list-style-position: inside;
	list-style-type: none;
	width: 230px;
}
div#bloc_gauche_offres ul#liste_gauche {
	margin: 0;
	padding: 0 0 0 25px;
}

div#bloc_gauche_offres ul#liste_droite {
	margin: 0;
	padding: 0 0 0 15px;
}
div#bloc_gauche_offres ul li {
	float: left;
	width: 230px;
	margin: 0;
	padding: 2px 0;
}
div#bloc_gauche_offres ul li.offre img {
	float: left;
	margin: 0;
	padding: 2px 6px 0 0;
	width: 12px;
	height: 12px;
}
div#bloc_gauche_offres ul li.offre a {
	float: left;
	margin: 0;
	padding: 0;
	width: 212px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #000000;
}

div#bloc_gauche_offres.noir ul li.offre a { color: black; }

div#bloc_gauche_offres ul li a.selected {
	float: left;
	margin: 0;
	padding: 0;
	width: 212px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
}
div#bloc_gauche_offres ul li.seduction a { color: #80c5eb; }
div#bloc_gauche_offres ul li.tentation a { color: #cbdf89; }
div#bloc_gauche_offres ul li.passion a { color: #fcd58d; }


/*** BLOC DROIT ***/
div#bloc_droit_offres {
	float: left;
	width: 500px;
}
div#bloc_droit_offres p {
	margin: 0;
	padding: 0 0 0 10px;
	max-width: 480px;
	font-size: 11px;
	line-height: 14px;
}
div#bloc_droit_offres div#illustration {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	width: 300px;
}
div#bloc_droit_offres h2 {
	clear: both;
	margin: 0;
	padding: 25px 0 4px 10px;
	width: 490px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #ffffff;
}
div#bloc_droit_offres ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: disc;
	width: 360px;
}
div#bloc_droit_offres ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	width: 350px;
	font-size: 12px;
	line-height: 16px;
}
div#bloc_droit_offres #lien {
	float:left;
	margin:0;
	padding:0;
	width:140px;
}
div#bloc_droit_offres div#liens {
	float: right;
	margin: 0 0 0 0;
	padding: 0 25px 0 0;
}
div#bloc_droit_offres div#liens a#bt_commander {
	float: right;
	margin: 0;
	padding: 0;
}


/*** PAGE MA COMMANDE ************************************************************************/
#bon_de_commande {
	margin: 0 0 0 25px;
	padding: 0;
	width: 640px;
}
#bon_de_commande tr th {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande #label_quantite {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande .input_quantite {
	margin: 0;
	padding: 0;
	width: 30px;
}
#bon_de_commande .titre_offre {
	margin: 0;
	padding: 0;
	width: 300px;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande .choix_offre {
	margin: 0;
	padding: 0;
	width: 300px;
	font-size: 11px;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande ul.liste_choix {
	margin: 0;
	padding: 0;
	width: 300px;
	list-style-position: inside;
	list-style-type: none;
}
#bon_de_commande ul.liste_choix li {
	float: left;
	width: 290px;
}
#bon_de_commande ul.liste_choix li img {
	float: left;
	margin: 0;
	padding: 4px 6px 0 0;
	width: 12px;
	height: 12px;
}
#bon_de_commande .nom_offre {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
	vertical-align: middle;
	font-weight: bold;
}
#bon_de_commande .select_offre {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 18px;
	font-size: 10px;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande p.prix {
	margin: 0;
	padding: 0;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande p.total_label {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande p.total_prix {
	margin: 0;
	padding: 0;
	width: 120px;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
}
#bon_de_commande #select_breizhbox {
	float: right;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 18px;
	font-size: 10px;
	line-height: 18px;
	vertical-align: middle;
}
#commande_last_ligne {
	margin: 0;
	padding: 0 0 0 25px;
	width: 660px;
}
#commande_last_ligne p.info_livraison {
	margin: 0;
	padding: 0;
	width: 260px;
	font-size: 11px;
	line-height: 25px;
	vertical-align: middle;
}


/*** FORMUALAIRE *****************************************************************************/
#form_contact {
	margin: 0;
	padding: 0 0 0 25px;
}
.form_label { font-size: 12px; }
.form_input {
	font-size: 12px;
	width: 250px;
}
.form_select {
	font-size: 12px;
	width: 250px;
}
.form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
}


/*** FAQ ************************************************************************************/
ul#lien_faq a { text-decoration: none; }
ul#lien_faq a:hover { text-decoration: underline; }


/*** FAQ ************************************************************************************/
div#pdv p {
	margin: 0;
	padding: 0;
}