/* General
---------------------------------------------------------------------- */
body { background: #FFFFFF; font-family: 'arial', 'Helvetica', sans-serif; width: 950px; margin: auto; padding: 0 0 0 0; }

img { border: none; }
a { cursor: pointer; }

.clear { clear: both; }
.right { float: right; }
.left { float: left;}

@font-face {
	font-family: 'ITCRondaComRegular';
	src: url('ITCRondaCom.eot');
	src: local('ITC Ronda Com'), local('ITCRondaCom'), url('ITCRondaCom.woff') format('woff'), url('ITCRondaCom.ttf') format('truetype'), url('ITCRondaCom.svg#ITCRondaCom') format('svg');
}

/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////////////////////////// 
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* Body
---------------------------------------------------------------------- */
.body_home { position: relative; width: 950px; height: 669px; background: url("../../img/bg_home.jpg") no-repeat top center ;}
.body { position: relative; width: 950px; height: 669px; background: url("../../img/bg_page.jpg") no-repeat top center ;}

/* Column left
---------------------------------------------------------------------- */
.column_left { float: left; width: 300px; padding: 0 0 0 0; }

/* Column right
---------------------------------------------------------------------- */
.column_right { float: right; width: 650px; padding: 0 0 0 0; }

/* Logo
---------------------------------------------------------------------- */
.logo { float: left; padding: 17px 0 0 53px; }

/* Menu left
---------------------------------------------------------------------- */
.menu_left { float: left; padding: 22px 0 0 55px; font-family: 'ITCRondaComRegular', sans-serif; color: #fff; }

.menu_left_top { width: 229px; height: 14px; background: url("../../img/bg_menu_left_top.png") no-repeat bottom center; }
.menu_left_center { width: 211px; height: auto; padding: 0 9px 0 9px; background: url("../../img/bg_menu_left_center.png") repeat-y left center; }
.menu_left_bottom { width: 229px; height: 15px; background: url("../../img/bg_menu_left_bottom.png") no-repeat top center; }

.menu_left_title { width: 201px; height: 23px; left: 23px; margin: 0; padding: 0 0 2px 10px; background: url("../../img/bg_menu_left_title.png") repeat-x center top; }

.menu_left ul { margin: 0; padding: 0; }
.menu_left ul li { margin: 0; padding: 2px 0 0 0; list-style: none; background: url("../../img/bg_menu_left_onglet.png") repeat-x center top; }
.menu_left ul li:hover,
.menu_left ul li.select { background: url("../../img/bg_menu_left_onglet_hover.png") repeat-x center top; }
.menu_left ul li a { padding: 0 0 0 10px; color: #fff; text-decoration: none; height: 23px; display: block;  }

.menu_left ul li ul { padding: 5px 0px 5px 20px; margin: 0; background: url("../../img/bg_menu_left_submenu.png") repeat-x center bottom; border-left: #d6e1ea solid 1px; }
.menu_left ul li ul li { margin: 0; list-style: disc inside none; background: none; color: #336f9f; font-weight: normal; white-space: nowrap; text-indent: -1em;  }
.menu_left ul li ul li:hover,
.menu_left ul li ul li.select { color: #0c3759; background: none; }
.menu_left ul li ul li a,
.menu_left ul li ul li a:link,
.menu_left ul li ul li a:visited,
.menu_left ul li ul li a:active { position: relative; left: -10px; color: #336f9f; text-decoration: none; font-size: 12px; line-height: 24px; display: inline; }
.menu_left ul li ul li a:hover,
.menu_left ul li ul li.select a { color: #0c3759; text-decoration: none; background: none; }

.puce_menu_left { padding: 0 5px 0 0; }

.menu_left_submenu_new { color: #e97a18; font-size: 18px; line-height: 16px; }


/* Illustration left
---------------------------------------------------------------------- */
.illustration_left { position: absolute; bottom: 0px; left: 0px; }

/* Text illustration left
---------------------------------------------------------------------- */
.text_illustration_left { position: absolute; bottom: 16px; left: 35px; color: #8a2103; font-size: 9px; font-weight: bold; }

/* Menu top
---------------------------------------------------------------------- */
.menu_top { float: left; padding: 0 0 0 75px; width: 585px; font-family: 'ITCRondaComRegular', sans-serif; color: #fff; }

.menu_top ul { margin:0; padding:0; }
.menu_top ul li { position: relative; padding: 0 2px 1px 0; float:left; list-style:none; }
.menu_top ul li a,
.menu_top ul li a:link,
.menu_top ul li a:visited,
.menu_top ul li a:active,
.menu_top ul li a:hover { padding: 12px 0 3px 0; display: block; color: #fff; font-size: 17px; line-height: 18px; text-decoration: none; }
.menu_top ul li:hover ul { display:block; }

.menu_top ul li .menu_top_left { width: 5px;  min-height: 35px; background: url("../../img/bg_menu_top_left.png") no-repeat top right; float: left; }
.menu_top ul li.select .menu_top_left,
.menu_top ul li:hover .menu_top_left { width: 5px;  min-height: 35px; background: url("../../img/bg_menu_top_hover_left.png") no-repeat top right; float: left; }

.menu_top ul li .menu_top_center { width: auto; min-width: 90px;  min-height: 35px; background: url("../../img/bg_menu_top_center.png") repeat-x top center; float: left; text-align: center; }
.menu_top ul li.select .menu_top_center,
.menu_top ul li:hover .menu_top_center { width: auto; min-width: 90px;  min-height: 35px; background: url("../../img/bg_menu_top_hover_center.png") repeat-x top center; float: left; text-align: center; }

.menu_top ul li .menu_top_right { width: 5px;  min-height: 35px; background: url("../../img/bg_menu_top_right.png") no-repeat top left; float: left; }
.menu_top ul li.select .menu_top_right,
.menu_top ul li:hover .menu_top_right { width: 5px;  min-height: 35px; background: url("../../img/bg_menu_top_hover_right.png") no-repeat top left; float: left; }

.menu_top ul li ul { position:absolute; top: 36px; left: 0px; padding: 0; margin: 0; z-index: 2; display:none; font-family: 'arial', 'Helvetica', sans-serif; min-width: 98px; background: #fff; border:#999 solid 1px; }
.menu_top ul li ul li { margin: 0; padding: 0; float:none; font-size: 11px; text-align:left; line-height: 20px; white-space: nowrap; }
.menu_top ul li ul li a,
.menu_top ul li ul li a:link,
.menu_top ul li ul li a:visited,
.menu_top ul li ul li a:active { padding:0 5px 0 5px; display:block; color: #326F9F; font-size: 11px; }
.menu_top ul li ul li a:hover { color: #ffffff; background: #f1930e; }

/* Contenu
---------------------------------------------------------------------- */
.home_contenu { float: right; padding: 23px 0 0 35px; width: 593px; }
/*.home_contenu_titre { margin: 55px 0 0 0; font-family: 'ITCRondaComRegular', sans-serif; color: #fff; font-size: 30px; text-align: center; }*/
.home_contenu_visuel { margin: 30px 0 0 0; }

/* Contenu
---------------------------------------------------------------------- */
.content { float: left; padding: 23px 0 0 35px; }

.content_top { width: 593px; height: 5px; background: url("../../img/bg_content_top.png") no-repeat left bottom; }
.content_center { width: 593px; height: auto; background: url("../../img/bg_content_center.png") repeat-y left center; }
.content_bottom { width: 593px; height: 15px; background: url("../../img/bg_content_bottom.png") no-repeat left top; }

.content_title { width: 593px; height: 50px; margin: 0 5px 2px 7px; padding: 0 0 0 17px; background: url("../../img/bg_content_title.png") no-repeat left center; font-family: 'ITCRondaComRegular', sans-serif; color: #fff; line-height: 50px; font-size: 22px; }

.content_ariane { width: 553px; height: 19px; margin: 0 7px 0 8px; padding: 0 3px 0 16px; background: #cfe6f4; color: #084d7c; line-height: 25px; font-size: 10px; }
.content_ariane ul { padding: 0; margin: 0; list-style: none; }
.content_ariane ul li { display: inline; }
.content_ariane ul li a,
.content_ariane ul li a:link,
.content_ariane ul li a:visited,
.content_ariane ul li a:active { text-decoration: none; color: #2b6ea0; }
.content_ariane ul li a:hover { text-decoration: underline; }

/* Rubrique
---------------------------------------------------------------------- */
.rubrique { width: 573px; height: auto; margin: 0 0 0 7px; }

.rubrique_left { width: 17px; min-height: 493px; padding: 0 0 0 1px; background: url("../../img/bg_rubrique_left.png") no-repeat top right; float: left; }
.rubrique_center { width: 540px; min-height: 493px; background: url("../../img/bg_rubrique_center.png") repeat-x top center; float: left; }
.rubrique_right { width: 15px; min-height: 493px; background: url("../../img/bg_rubrique_right.png") no-repeat top left; float: left; }

.rubrique_img { width: 534px; height: auto; padding: 15px 0 0 5px; }

.rubrique_conditionnement { padding: 0 5px 0 0; font-size: 9px; color: #871b00; font-weight: bold; text-align: right; }

.rubrique_text { width: 534px; height: auto; padding: 2px 0 0 5px; }
.rubrique_text_top { width: 534px; height: 5px; padding: 0 0 0 0; background: url("../../img/bg_rubrique_text_top.png") no-repeat bottom right; }
.rubrique_text_center { width: 534px; height: auto; padding: 14px 0 14px 0; background: url("../../img/bg_rubrique_text_center.png") repeat-y center center;  }
.rubrique_text_bottom { width: 534px; height: 5px; background: url("../../img/bg_rubrique_text_bottom.png") no-repeat top center; }

.rubrique_text_accroche { padding: 0 25px 10px 25px; font-family: 'ITCRondaComRegular', sans-serif; color: #fff; font-size: 20px; line-height: 20px; text-align: justify; }

.rubrique_text_description { padding: 5px 25px 0 25px; color: #00246c; font-size: 12px; line-height: 12px; text-align: justify; }

.rubrique_mention { padding: 0 25px 0 25px; font-size: 10px; line-height: 25px; color: #00246c; text-align: right; }

/* Produit
---------------------------------------------------------------------- */
.produit { width: 572px; height: auto; margin: 0 0 0 8px; background: url("../../img/bg_produit.png") repeat-x top center; }

.produit_img { width: 534px; height: auto; padding: 0px 0 0 5px; }

.produit_text { width: 553px; height: auto; padding: 2px 0 5px 10px; }
.produit_text_top { width: 553px; height: 5px; padding: 0 0 0 0; background: url("../../img/bg_produit_text_top.png") no-repeat bottom right; }
.produit_text_center { width: 553px; height: auto; padding: 0 0 10px 0; background: url("../../img/bg_produit_text_center.png") repeat-y center center;  }
.produit_text_bottom { width: 553px; height: 5px; background: url("../../img/bg_produit_text_bottom.png") no-repeat top center; }

.produit_accroche { padding: 10px 15px 5px 15px; color: #fff; font-size: 13px; text-align: justify; font-weight: bold; }

.produit_visuel_mention { padding: 0 40px 0 0; float: right; }

.produit_description { padding: 10px 15px 0 15px; color: #00246c; font-size: 12px; line-height: 12px; text-align: justify; }

.produit_existe { padding: 5px 20px 0 15px; color: #00246c; font-size: 12px; line-height: 12px; text-align: justify; }

.produit_code { padding: 10px 20px 0 15px; color: #00246c; font-size: 9px; line-height: 12px; text-align: justify; }

.produit_mention { padding: 10px 20px 0 28px; font-size: 10px; color: #00246c; text-align: right; }

/* Info
---------------------------------------------------------------------- */
.info { width: 573px; min-height: 493px; margin: 0 0 0 8px; }
.info_left { width: 10px; min-height: 493px; background: url("../../img/bg_info_left.png") no-repeat top right; float: left; }
.info_center { width: 552px; min-height: 493px; background: url("../../img/bg_info_center.png") repeat-x top center; float: left; }
.info_right { width: 10px; min-height: 493px; background: url("../../img/bg_info_right.png") no-repeat top left; float: left; }

.info_text { height: auto; color: #00246c; }
.info_text ul { padding: 0; margin: 0 10px 0 40px; }
.info_text li { padding: 10px 0 0 0; list-style-image: url("../../img/puce_info.png"); font-size: 11px; }
.info_text_title { padding: 18px 0 3px 0; border-bottom: 10px solid #3f8bbf; color: #7bb0d7; font-family: 'ITCRondaComRegular', sans-serif; font-size: 24px; font-weight: bold; text-align: center; }
.info_text_title1 { padding: 25px 0 5px 30px; font-size: 12px; font-weight: bold;}
.info_text_proprietes { width: 273px; height: auto; float: left; }
.info_text_plusetmoins { width: 273px; height: auto; float: right; }
.info_mention { padding: 10px 20px 0 28px; font-size: 10px; color: #00246c; text-align: right; }

.protection { width: 100%; padding: 2px 0 0 0; text-align: center; font-size: 10px; }
.protection tr { height: 40px; }
.protection tr td { border-left: 2px #fff solid; }
.col1 { background: #f9fdff; color: #408dc5; }
.col2 { background: #f5fbff; color: #408dc5; }
.col3 { background: #f1f9ff; color: #408dc5; }
.col4 { background: #ecf7ff; color: #408dc5; }
.col5 { background: #d6eeff; color: #ac15e5; }
.col6 { background: #7ab1d8; color: #ffffff; }

.filtres { width: 100%; padding: 25px 0 0 0; font-size: 10px; text-align: left; }
.filtres tr th { padding: 0 0 0 30px; font-size: 12px; font-weight: bold; text-align: left; }
.filtres tr td { border-left: 2px #fff solid; width: 275px; vertical-align: text-top; }

.listEspace li { margin: 25px 0 0 0; }
li.b_orange_16 { color: #ee8000; font-size: 16px; }
.t_blanc { color: #fff; }

/* FAQ
---------------------------------------------------------------------- */
.faq { width: 573px; min-height: 493px; margin: 0 0 0 8px; }
.faq_left { width: 10px; min-height: 493px; background: url("../../img/bg_info_left.png") no-repeat top right; float: left; }
.faq_center { width: 552px; min-height: 493px; background: url("../../img/bg_info_center.png") repeat-x top center; float: left; }
.faq_right { width: 10px; min-height: 493px; background: url("../../img/bg_info_right.png") no-repeat top left; float: left; }

.faq_text { height: auto; color: #00246c; }
.faq_text_title { padding: 18px 0 3px 0; color: #7bb0d7; font-family: 'ITCRondaComRegular', sans-serif; font-size: 24px; font-weight: bold; text-align: center; }
.faq_q_r { padding: 0 10px 10px 10px; border-top: 10px solid #3f8bbf; border-bottom: 10px solid #3f8bbf; text-align: justify; height: 390px; overflow: auto; }
.faq_q { padding: 10px 0 0 0; font-size: 12px; font-weight: bold; color: #e97a18;}
.faq_r { padding: 10px 0 0 0; font-size: 11px; }
.faq_r a,
.faq_r a:link,
.faq_r a:visited,
.faq_r a:active { color: #2b6ea0; text-decoration: none; } 
.faq_r a:hover { text-decoration: underline; }

/* footer_page
---------------------------------------------------------------------- */
.footer_page { width: 573px; height: auto; margin: 0 0 0 7px; }

.footer_page_left { width: 17px; min-height: 493px; padding: 0 0 0 1px; background: url("../../img/bg_rubrique_left.png") no-repeat top right; float: left; }
.footer_page_center { width: 540px; min-height: 493px; background: url("../../img/bg_rubrique_center.png") repeat-x top center; float: left; }
.footer_page_right { width: 15px; min-height: 493px; background: url("../../img/bg_rubrique_right.png") no-repeat top left; float: left; }

.footer_page_text { width: 534px; height: 493px; padding: 2px 0 0 4px; background: url("../../img/bg_page_footer.jpg") no-repeat bottom right; }

.contact { margin: 170px 10px 0 10px; text-align: center; }
.contact_site_internet { font-weight: bold; }
.contact_site_internet a,
.contact_site_internet a:link,
.contact_site_internet a:visited,
.contact_site_internet a:active { color: #3c6ea0; text-decoration: none; } 
.contact_site_internet a:hover { text-decoration: underline; }
.contact_description { margin: 10px 0 0 0; font-size: 11px; color: #004b7f; }
.contact_adresse { margin: 30px 0 0 0; color: #004b7f; font-family: 'ITCRondaComRegular', sans-serif; font-size: 22px; line-height: 24px; }

.marques_groupe { margin: 40px 0 0 0; }
.marques_groupe_logo { text-align: center; }
.marques_groupe_list { margin: 10px 0 0 0; }
.marques_groupe_list_one { float: left; padding: 30px 0 0 0; width: 175px; text-align: center; }

.plan_site { margin: 40px 0 0 20px; }
.plan_site ul { padding: 0; margin: 0 0 0 20px; list-style: url("../../img/puce_plan_site_1.png") square; }
.plan_site ul li { margin: 20px 0 0 0; font-weight: bold; font-size: 12px; }
.plan_site ul li a,
.plan_site ul li a:link,
.plan_site ul li a:visited,
.plan_site ul li a:active { color: #00226d; text-decoration: none; } 
.plan_site ul li a:hover { text-decoration: underline; }
.plan_site ul li ul { padding: 0; margin: 0 0 0 5px; list-style: url("../../img/puce_plan_site_2.png") square; }
.plan_site ul li ul li { margin: 0; font-weight: bold; font-size: 11px; }
.plan_site ul li ul li a,
.plan_site ul li ul li a:link,
.plan_site ul li ul li a:visited,
.plan_site ul li ul li a:active { color: #00226d; text-decoration: none; } 
.plan_site ul li ul li a:hover { text-decoration: underline; }
.plan_site ul li ul li ul { padding: 0; margin: 0 0 10px 5px; list-style: url("../../img/puce_plan_site_3.png") disc; color: #2b6ea0; }
.plan_site ul li ul li ul li { margin: 0; font-weight: normal; font-size: 11px; }
.plan_site ul li ul li ul li a,
.plan_site ul li ul li ul li a:link,
.plan_site ul li ul li ul li a:visited,
.plan_site ul li ul li ul li a:active { color: #2b6ea0; text-decoration: none; } 
.plan_site ul li ul li ul li a:hover { text-decoration: underline; }

/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
////////////////////////////////////////////////////////////////////// 
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

/* Footer
---------------------------------------------------------------------- */
.footer { float: right; width: 950px; height: auto; font-size: 11px; color: #999; }

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

.footer_text { padding: 5px 5px 0 5px; float: right; }

.footer_logo { padding: 5px 5px 0 5px; float: right; }