@charset "utf-8";
/******************** Entête UTF-8 ******************\
*
*	fichier			: public/projet/css/main.css
*	projet			: Dilaney
*	version			: 1.0.5 2013-07-10 13:29 MB
*
\****************************************************/

@import "reset.css";
@import "fonts.css";

body {
}
.cb {
	clear: both;
}
.dly_cont {
	width: 980px;
	margin: 0 auto;
}

/* HEADER */
header {
	height: 120px;
	background: url('../img/background_menu.jpg') repeat-x;
	font-family: 'itc_avant_garde_gothicbook';
	margin-bottom: 30px;
}
#switch_lang {
	float: right;
	color: #fff;
	margin-top: 5px;
	text-decoration: underline;
	font-size: 11px;
}
#switch_lang:hover {
	color: #aff3ff;
}
#main_menu {
	float: right;
	margin-top: 20px;
}
header ul.subMenu li {
	display: inline-block;
	padding: 0 7px 0 5px;
	border-right: 1px solid #fff;
}
header ul.subMenu li a {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}
header ul.subMenu li a:hover {
	color: #aff3ff;
}
header ul.subMenu li:last-child {
	padding-right: 0px;
	border: 0px;
}
header ul.subMenu li.current a {
	color: #aff3ff;
	cursor: default;
}
#logo {
	position: absolute;
	top: 0;
	margin-left: -15px;
}
#header_info {
	margin-top: 82px;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
#header_info a {
	color: #fff;
}
/* FOOTER */
footer {
	height: 258px;
	padding-top: 60px;
	background: url('../img/background_pied_page.jpg') repeat-x;
	font-family: 'Verdana';
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}
footer h1 {
	font-family: 'itc_avant_garde_gothicbook';
	text-transform: uppercase;
	font-size: 24px;
	color: #fff;
}
footer strong {
	font-weight: bold;
}
footer a {
	color: #fff;
}
footer .tel{
	font-size:17px;
	font-weight:bold;
}
#contact_form {
	height: 205px;
}
#contact_form input[type='text'] {
	width: 291px;
	height: 25px;
	padding: 0 5px;
	background: url('../img/champ_texte.png') center no-repeat;
	border: 0;
	margin-bottom: 5px;
	font-family: 'Verdana';
	font-size: 14px;
	color: #585858;
}
#contact_form textarea {
	width: 293px;
	height: 106px;
	padding: 5px;
	background: url('../img/champ_commentaire.png') center no-repeat;
	border: 0px;
	resize: none;
	font-family: 'Verdana';
	font-size: 14px;
	color: #585858;
}
#contact_form a.btn {
	display: block;
	background: url('../img/bouton_accueil.png') top center no-repeat;
	width: 127px;
	height: 31px;
	text-align: center;
	color: #fff;
	font-family: 'itc_avant_garde_gothicbook';
	line-height: 32px;
}
#contact_form div.sent {
	color: yellowgreen;
	font-weight: bold;
}
#contact_form div.error {
	color: yellow;
}
#copyright {
	clear: both;
	text-align: center;
	color: #fff;
	font: normal 12px/53px Verdana;
}
#copyright a {
	color: #fff;
}
#copyright a:hover {
	color: #aff3ff;
}

/* MENU */


/* PAGES BLOC */
#cont_blocs {
	margin-top: 30px;
}
#cont_blocs > div {
	font-family: 'Verdana';
	font-size: 14px;
	color: #585858;
	line-height: 22px;
}
#cont_blocs > div strong {
	font-weight: bold;
}
#cont_blocs > div > h2 {
	font-family: 'itc_avant_garde_gothicbook';
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	color: #000;
}
#cont_blocs > div > ul {
	margin-left: 15px;
}
#cont_blocs > div > ul > li {
	list-style-type: disc;
}
/* ACCUEIL */
#content_accueil {
	background: url('../img/background_degrade.jpg') top center repeat-x #daeef2;
	padding-top: 30px;
}
div.cont_accueil {
	float: left;
	width: 31%;
	padding: 10px 20px 10px 0;
}
div.cont_accueil > a {
	position: absolute;
	margin-top: 250px;
	background: url('../img/bouton_accueil.png') top center no-repeat;
	width: 127px;
	height: 31px;
	text-align: center;
	color: #fff;
	font-family: 'itc_avant_garde_gothicbook';
	line-height: 32px;
}
div.cont_accueil > a:hover {
	background-position: bottom;
}

/* INTERNE */
#content_interne {
	background: url('../img/background_degrade.jpg') top center repeat-x #daeef2;
	padding-top: 30px;
}
#blocs_contenu {
	width: 620px;
	float: left;
}
#blocs_contenu h1 {
	font-family: 'itc_avant_garde_gothicbook';
	font-size: 28px;
	margin-bottom: 20px;
}
#blocs_contenu p {
	font-family: 'Verdana';
	font-size: 14px;
	color: #585858;
	line-height: 24px;
	padding-bottom: 15px;
	text-align: justify;
}
#blocs_contenu p strong {
	font-weight: bold;
}
p a {
	color: rgb(41,59,71);
	font-weight: bold;
	text-decoration: underline;
}
#blocs_contenu > div > ul {
	font-family: 'Verdana';
	font-size: 14px;
	line-height: 24px;
	color: #585858;
	margin-left: 15px;
}
#blocs_contenu > div > ul > li {
	list-style-type: disc;
	font-weight: bold;
}
#blocs_contenu > div > ul > li > ul {

}
#blocs_contenu > div > ul > li > ul > li {
	margin-left: 15px;
	font-weight: normal;
}
#blocs_contenu > div > ul > li > ul > li:before {
	content: "\002D \0020";
}
#blocs_images {
	width: 340px;
	float: left;
}

/* PRODUITS */
#content_produits {
	background: url('../img/background_degrade.jpg') top center repeat-x #daeef2;
	padding-top: 30px;
	font-family: 'Verdana';
	font-size: 11px;
	color: #585858;
}
#content_produits > section {
	line-height: 18px;
}
#content_produits > section > h1 {
	font-family: 'itc_avant_garde_gothicbook';
	text-transform: uppercase;
	color: #000;
	font-size: 28px;
	margin-bottom: 20px;
}
#content_produits > section h2 {
	font-family: 'itc_avant_garde_gothicbook';
	font-size: 16px;
	margin-bottom: 10px;
	color: #000;
}
#content_produits strong {
	font-weight: bold;
}
#content_produits strong p {
	text-align: justify;
}
#content_produits img.separation {
	margin: 20px 0;
}
div.cont_prod {
	width: 640px;
}
div.cont_prod p {
	padding: 10px 0 0;
}
div.cont_prod ul {
	padding-left: 15px;
}
div.cont_prod > ul > li {
	list-style-type: disc;
}
div.cont_prod > ul.three_col {
	margin-bottom: 20px;
}
div.cont_prod > ul.three_col > li {
	width: 205px;
	display: inline-block;
	vertical-align:top;
}
#content_produits > section > div > div.desc_price {
	float: right;
	width: 300px;
	color: #638d99;
	text-align: center;
	padding: 0 20px;
	font-size: 21px;
	line-height: 22px;
}
#content_produits > section > div table {
	display: none;
}
#content_produits > section > div tbody > tr:nth-child(odd) {
	background-color: #bfdde3;
}
#content_produits > section > div td {
	padding: 5px;
}
#content_produits > section > div td:nth-child(even) {
	width: 340px;
	text-align: center;
	vertical-align: middle;
}
#content_produits > section > div > div.desc_price span.price {
	font-size: 46px;
	line-height: 48px;
	color: #000;
}
#content_produits > section > div > div.desc_price span.price.fr {
	font-size:39px;
}
#content_produits > section > div > div.desc_price a {
	display: inline-block;
	background: url('../img/bouton_accueil.png') top center no-repeat;
	width: 127px;
	height: 31px;
	text-align: center;
	color: #fff;
	font-family: 'itc_avant_garde_gothicbook';
	font-size: 14px;
	line-height: 32px;
	text-transform: uppercase;
	margin-top: 10px;
}
#content_produits > section > div > div.desc_price a:hover {
	background-position: bottom;
}
#content_produits > section > div > div.desc_price span.taxes {
	color: #000;
	text-transform: uppercase;
}
#toggle_elmt {
	line-height: 12px;
	cursor: pointer;
}
#toggle_elmt span {
	background: url('../img/fleche_FAQ.png') top center no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
}
#toggle_elmt.open span {
	background-position: bottom;
}

/* FAQ */
#content_faq {
	background: url('../img/background_degrade.jpg') top center repeat-x #daeef2;
	padding-top: 30px;
}
#content_faq h1 {
	font-family: 'itc_avant_garde_gothicbook';
	font-size: 28px;
	margin-bottom: 20px;
}
ul.faq {
	font-family: 'Verdana';
	font-size: 12px;
	line-height: 18px;
	color: #585858;
	margin-left: 20px;
	font-weight: bold;
}
ul.faq > li {
	list-style-type: decimal;
}
ul.faq > li > h2 {
	cursor: pointer;
	padding-top: 10px;
}
ul.faq > li > h2 > span {
	background: url('../img/fleche_FAQ.png') top center no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 10px;
}
ul.faq > li > h2.open span {
	background-position: bottom;
}
ul.faq > li > div {
	font-weight: normal;
	display: none;
	margin-top: 10px;
}
ul.faq > li > div > p strong {
	font-weight: bold;
}
ul.faq > li > div > p em {
	font-style: italic;
}

/* PAGE 404 */
#content_404 {
	margin: 0px auto;
	min-height: 790px;
}
#content_404 > a.logo {
	position: absolute;
	top: 0;
	margin-left: 0;
}
#content_404 > a {
	margin-left: 200px;
	font-family: 'Verdana';
	font-size: 14px;
	line-height: 18px;
	color: #585858;
	text-decoration: underline;
}
#content_404 > h1 {
	margin-top: 250px;
	margin-left: 200px;
	font-family: 'itc_avant_garde_gothicbook';
	font-size: 40px;
}
#content_404 > p {
	margin-left: 200px;
	font-family: 'Verdana';
	font-size: 16px;
	line-height: 20px;
	color: #585858;
}