/* CSS Document */

/*
reset-min
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
fonts-min
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 Arial,Verdana,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% Arial,Verdana,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*

Gestion des éléments de base

*/
body {
	margin:0;
	padding:0;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
}
strong {
	font-weight:bold;
}
button {
	padding:0;
	margin:0;
	border:none;
	background-color:transparent;
	cursor:pointer;
}
input {
	padding:3px;
	line-height:25px;
	overflow:hidden;
	border:none;
}
a:link,
a:visited {
	color: #009acd;
	text-decoration: underline;
}
a:active,
a:hover {
	color: #009acd;
	text-decoration: none;
}

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

.margeL10 { margin-left: 10px; }
.margeR10 { margin-right: 10px; }
.margeT10 { margin-top: 10px; }
.margeT20 { margin-top: 20px; }

.paddingT10 { padding-top:10px; }

.hidden { display:none }
.tcenter { text-align:center; }
.tright { text-align:right; }
.pWidth {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
}

.cleft, .cright { width:245px; }
.cleft2, .cright2 { width:245px; }
.ccenter { width:505px; }
.cleftl { width:740px; }
/*

Gestion de l'interface

*/
#UI_header {
	background-image:url(images_base/bg/header.gif);
	background-repeat:repeat-x;
	background-position:left top;
	overflow:hidden;
	height:105px;
}
#UI_header li {
	list-style-type: none;
	cursor: pointer;
	display:block;
	float:left;
}
#UI_header a:link,
#UI_header a:visited {
	text-decoration: none;
}
#UI_header a:active,
#UI_header a:hover {
	text-decoration: underline;
}
#UI_identity {
	margin:5px 0;
}
#UI_nav_0 ul, #UI_nav_1 ul, #UI_nav_2 ul {
	display:block;
	margin:0;
	padding:0;
}
#UI_nav_0 , #UI_nav_2 {
	padding:0 0 0 10px;
	width:505px;
}
#UI_nav_1 {
	background-color:#111;
}
#UI_nav_2 {
	position:relative;
	z-index:50;
}
#UI_nav_0 li a {
	display:block;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
	padding:28px 7px 27px 7px;
	color:#b5b5b5;
	font-weight:bold;
}
#UI_nav_1 ul {
	padding:0 0 0 25px;
}
#UI_nav_1 li a {
	display:block;
	font-size:11px;
	padding:28px 10px 28px 10px;
	text-decoration:none;
	color:#fff;
}
#UI_nav_1 li.service {
	padding:0 10px 0 16px;
	background-image:url(images_base/icons/espace-client_white.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#UI_nav_1 li.assistance {
	padding:0 0 0 16px;
	background-image:url(images_base/icons/assistance_white.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#UI_nav_2 li a {
	font-weight:bold;
	display:block;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	padding:10px 10px;
}
#UI_header li span {
	display:block;
}
#UI_header li a.current {
	color:#fff;
}
#UI_header .certification {
	position:relative;
	left:408px;
	top:-105px;
}

/*

Gestion de la zone intro (homepage uniquement)

*/
#UI_intro {
	background-color:#444;
	background-image:url(images_base/bg/intro.png);
	background-repeat:repeat-x;
	background-position:left top;
	color:#fff;
	padding:25px 0;
}
#UI_intro p {
	font-size:14px;
	line-height:20px;
	padding:0 5px;
}
#UI_intro li {
	padding:2px 0 2px 16px;
	background-image:url(images_base/bg/intro_li.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:12px;
}
#UI_intro a {
	color:#fff;
}

/*

Gestion de la zone area

*/
#UI_area {
	background-color:#fff;
	color:#444;
	padding:15px 0;
	/*position:relative;*/
}
#UI_area a {
	color:#dd0035;
}
#UI_summary {
}
#UI_summary h2 {
	font-size:14px;
	font-weight:bold;
	background-image:url(images_base/bg/summary_h2.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:6px 10px 9px 10px;
	color:#fff;
}
#UI_summary li {
	font-size:12px;
	padding:5px 5px 5px 20px;
	background-image:url(images_base/bg/summary_li.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	border-bottom:solid 1px #e5e5e5;
}
#UI_summary a:link, #UI_summary a:visited {
	color:#666;
	text-decoration:none;
}
#UI_summary a:active, #UI_summary a:hover {
	color:#666;
	text-decoration:underline;
}
#UI_summary .summary {
}
#UI_summary .column {
	width:365px;
	padding:0 0 20px 0;
}
#UI_form {
	height:350px;
}
#UI_form h2 {
	font-size:18px;
	padding:10px 0;
}
#UI_form p {
	font-size:12px;
	line-height:18px;
	padding:0 0 5px 0;
}
#UI_form .msg {
	background-image:url(images_base/bg/form_msg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:32px;
	overflow:hidden;
	margin-bottom:10px;
}
#UI_form .msg p {
	padding:8px;
	font-size:12px;
	color:#fff;
}
#UI_form .info p {
	padding:8px 0;
	font-size:12px;
	font-weight:bold;
}
#UI_form .info p span {
	color:#DD0035;
}
#UI_form .intro {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#666;
}
#UI_form .overview {
	padding:10px 0 5px 0;
	font-size:14px;
	line-height:21px;
	font-weight:bold;
	color:#666;
}
#UI_form .legal {
	line-height:18px;
	color:#999;
}
#UI_form div .cleft span.small {
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:0px 0px 10px 0px;
	padding:0;
}
#UI_form .ccenter {
	width:465px;
	padding:0 20px;
}
#UI_ssnav li {
	display:block;
}
#UI_ssnav li a {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	background-image:url(images_base/bg/ssnav_li.png);
	background-repeat:no-repeat;
	background-position:left -32px;
	display:block;
	padding:7px 5px 9px 30px;
	border-top:solid 1px #ddd;
}
#UI_ssnav li.active a {
	text-decoration:none;
	border-top:solid 1px #fff;
	background-position:left top;
	color:#fff;
}
#UI_ssnav li li {
	display:none;
}
#UI_ssnav li.active li {
	display:block;
}
#UI_ssnav li ul {
}
#UI_ssnav li li a {
	border-top:solid 1px #eee;
	background-image:none;
	font-weight:normal;
	font-size:11px;
}
#UI_ssnav li.active li a {
	border-top:solid 1px #eee;
	color:#444;
	text-decoration:underline;
}
#UI_ssnav li.active li a.activelink {font-weight:bold;}
#UI_relateds {
	margin:20px 0 0 0;
	padding:10px;
	background-image:url(images_base/bg/relateds.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#UI_relateds h3 {
	font-size:13px;
	font-weight:bold;
	padding:0 0 5px 0;
}
#UI_relateds li {
	display:block;
}
#UI_relateds li a {
	background-image:url(images_base/bg/relateds_li.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	font-size:11px;
	line-height:14px;
	display:block;
	padding:3px 0 3px 16px;
	color:#888;
}

#UI_content {
	padding:0 20px;
}
#UI_content h2 {
	font-size:18px;
	line-height:24px;
	padding:10px 0 0 0;
	color:#dd0035;
}
#UI_content h3 {
	font-size:14px;
	line-height:18px;
	padding:5px 0 0 0;
	color:#dd0035;
	font-weight:bold;
}
#UI_content p {
	line-height:16px;
	padding:3px 0 0 0;
}
#UI_content p.overview1 {
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}
#UI_content p.overview2 {
	font-size:12px;
	font-weight:bold;
	line-height:17px;
}
#UI_content p.overview3 {
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}
#UI_content table {
	margin:10px 0 0 0;
	width:100%;
	border-bottom:solid 1px #ddd;
}
#UI_content table caption {
	background-color:#aaa;
	color:#fff;
	font-weight:bold;
	padding:5px;
}
#UI_content table th {
	border-bottom:solid 1px #ddd;
	font-weight:bold;
	padding:5px;
}
#UI_content table td {
	border-bottom:solid 1px #eee;
	padding:5px;
}
#UI_promo {
	padding:9px;
	width:225px;
	border:solid 1px #ddd;
}
#UI_promo .promos {
	width:225px;
	height:300px;
	overflow:hidden;
}
#UI_promo .promo {
	width:225px;
	height:300px;
	background-color:#db0035;
}

/*

Gestion de la zone overview

*/
#UI_overview {
	background-color:#e30037;
	background-image:url(images_base/bg/overview.gif);
	background-repeat:repeat-x;
	background-position:left top;
	/*
	min-height:200px;
	overflow:hidden;
	*/
}
#UI_overview h1 {
	display:block;
	font-size:30px;
	padding:10px 0 25px 0;
	color:#fff;
	width:740px;
}
#UI_overview h1#title {
	width:245px;
}
#UI_overview .cright {
	padding:270px 0 0 0;
	height:160px;
}
#UI_overview .visual {
	width:505px;
}
#UI_overview .home {
	padding:20px;
}
#UI_overview .home .sep {
	width:10px;
}
#UI_overview .home .offer {
	width:340px;
	height:200px;
	background-image:url(images_base/bg/overview_home_offer.png);
	background-repeat:no-repeat;
	background-position:left top;
	
}
#UI_overview .offer h2 {
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	width:120px;
}
#UI_overview .offer h2 a {
	text-decoration:none;
	color:#DD0035;
}
#UI_overview .offer .resume {
	padding:15px;
}
#UI_overview .offer .price {
	text-align:right;
}
#UI_overview .offer .price span {
	display:block;
	font-size:48px;
	line-height:48px;
}
#UI_overview .offer .links {
	background-image:url(images_base/bg/overview_home_offer_link.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:center;
}
#UI_overview .offer .links a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}


/*

Gestion du bloc breadcrumb

*/
#UI_breadcrumb {
	line-height:30px;
	font-size:11px;
	color:#fff;
	position:relative;
	z-index:50;
}
#UI_breadcrumb a {
	color:#fff;
	padding:0 16px 0 0;
	background-image:url(images_base/bg/breadcrumb_li_a.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

/*

Gestion de la zone overview

*/
#UI_getcontact {
	position:absolute;
	margin:0;
	left:0;
	top:70px;
	right:0;
}
#UI_getcontact .contener {
	background-image:url(images_base/bg/getcontact_dl.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:245px;
	height:230px;
}
#UI_getcontact dt {
	width:245px;
}
#UI_getcontact dt a {
	background-image:url(images_base/bg/getcontact_dl.png);
	background-repeat:no-repeat;
	display:block;
	width:245px;
}
#UI_getcontact dt.one {
	background-image:url(images_base/bg/getcontact_dl.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:84px;
}
#UI_getcontact dt.two a:link, #UI_getcontact dt.two a:visited {
	background-position:left -84px;
	height:70px;
}
#UI_getcontact dt.two a:active, #UI_getcontact dt.two a:hover {
	background-position:-245px -84px;
	height:70px;
}
#UI_getcontact dt.three a:link, #UI_getcontact dt.three a:visited {
	background-position:left -154px;
	height:70px;
}
#UI_getcontact dt.three a:active, #UI_getcontact dt.three a:hover {
	background-position:-245px -154px;
}
#UI_getcontact span {
	display:none;
}
/*

Gestion de la zone de gauche

*/
#UI_left {
	width:225px;
	padding:10px;
}
#UI_left h2 {
	padding:5px 0;
	font-size:18px;
	font-weight:bold;
}
#UI_left h3 {
	padding:15px 0 5px;
	font-size:16px;
	font-weight:bold;
}
#UI_left .intro {
    padding:10px 0 20px 0;
    margin-bottom:10px;
    border-bottom:solid 1px #ddd;
}
#UI_left .intro h2 {
	padding: 5px 0 0 0;
}
#UI_left .intro p {
    font-size:14px;
	padding: 5px 0 0 0;
}
/*

Gestion de la zone de droite

*/
#UI_right {
	width:225px;
	padding:20px 10px;
}
#UI_right .related {
	background-color:#46155d;
	color:#fff;
}
#UI_right .related h2 {
	padding:5px;
	font-size:16px;
	font-weight:bold;
}
#UI_right .related p {
	padding:5px;
}
#UI_right .related p.phone {
	font-size:21px;
}
#UI_right .related p.more {
	padding:10px 5px;
	background-color:#eee;
}
#UI_right .related a {
	font-size:12px;
	font-weight:bold;
	color:#46155d;
}
#UI_right .services {
    padding:20px 0 0 0;
}
#UI_right .services h2 {
	padding:5px 5px 0 5px;
	font-size:16px;
	font-weight:bold;
}
#UI_right .services p {
	padding:5px;
}
#UI_right .services p.more {
	padding:0px 5px;
}
#UI_right .services a {
	font-size:11px;
	font-weight:bold;
	color:#46155d;
}


/*

Gestion de la page d'accueil

*/

/*

Gestion de la partie basse du site

*/
#UI_bottom {
	padding:10px 0;
	height:130px;
	overflow:hidden;
}
#UI_bottom .meas a:link img, #UI_bottom .meas a:visited img {
	border:solid 1px #ccc;
}
#UI_bottom .meas a:active img, #UI_bottom .meas a:hover img {
	border:solid 1px #888;
}
#UI_bottom .meas .contener {
	width:750px;
	height:130px;
	overflow:hidden;
}
#UI_bottom .meas .mea {
	width:250px;
	padding:0;
}
#UI_newsletter {
	height:100px;
	overflow:hidden;
	padding:5px 0 0 5px;
}
#UI_newsletter h3 {
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
	color:#DD0035;
}
#UI_newsletter input {
	background-color:#e5e5e5;
	width:185px;
}
#UI_newsletter button div {
	background-color:#a1a1a1;
	padding:3px 6px;
	font-weight:bold;
	color:#fff;
}
#UI_community {
	text-align:center;
}
/*

Gestion du footer

*/
#UI_footer {
	font-size: 11px;
	color: #666;
	background-image:url(images_base/bg/footer.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#UI_footer p {
	margin: 0px;
	line-height: 1.4em;
}
#UI_footer a {
	color:#666;
}
#UI_footer .pWidth {
	padding:0;
}
#UI_footer .first a:link,
#UI_footer .first a:visited {
	text-decoration: none;
	color:#333;
}
#UI_footer .first a:active,
#UI_footer .first a:hover {
	text-decoration: underline;
}
#UI_footer .first li {
	display:block;
	float:left;
}
#UI_footer .first li a {
	display:block;
	font-weight:bold;
}
#UI_footer .first .ssnav li a {
	padding:30px 20px 0 0;
	text-transform:uppercase;
	font-size:13px;
}
#UI_footer .first .shortcut ul {
	padding:0 0 0 25px;
}
#UI_footer .first .shortcut li a {
	padding:30px 10px 28px 0;
}
#UI_footer .first .shortcut li.service {
	padding:0 10px 0 24px;
	background-image:url(images_base/icons/espace-client_grey.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#UI_footer .first .shortcut li.assistance {
	padding:0 0 0 24px;
	background-image:url(images_base/icons/assistance_grey.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#UI_footer .second {
	padding:20px 0 0 0;
}
#UI_footer .second h3 {
	font-weight:bold;
	
}
#UI_footer .second p {
	padding:25px 0 ;
}
#UI_footer .second ul {
}
#UI_footer .second li {
	padding:5px 0 0 16px;
	line-height:16px;
	background-image:url(images_base/bg/footer_second_li.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}
#UI_footer .second a {
	color:#888;
}
#UI_footer .third {
	padding:20px 0;
}
#UI_footer .third a {
	color:#888;
}
#UI_footer .providedby {
	height:100px;
	background:url("images_base/by_subvitamine.png") no-repeat center center;
}
#UI_footer #UI_copyright {
	width: 535px;
}
#UI_footer #UI_shortcuts {
	width: 325px;
	text-align:right;
}


/*

Gestion des fenêtres

*/
#UI_window {
	background:url("images_base/bg/popup_fade.png");
	position:fixed;
	top:0px;
    left:0px;
}
#UI_window .close {
    position:absolute;
    top:20px;
    right:20px;
}
#UI_window .window {
	position:absolute;
	width:500px;
}
#UI_window .top {
	background:url("images_base/bg/popup_top.png") no-repeat left top;
	height:20px;
	margin:0px;
}
#UI_window .middle {
	background:url("images_base/bg/popup_middle.png") repeat-y;
	padding:0px 20px;
	margin:0px;
}
#UI_window .area {
	height:350px;
	overflow:auto;
}
#UI_window .bottom {
	background:url("images_base/bg/popup_bottom.png") no-repeat left top;
	height:20px;
	margin:0px;
}
#UI_window h2 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom:10px;
}
#UI_window h3 {
	font-weight: normal;
	color:#009acd;
	font-size: 18px;
	margin-top:10px;
	margin-bottom:5px;
}
#UI_window a {
	color:#009acd;
}
#UI_window p {
	font-size: 11px;
	padding-bottom:5px;
}
/* Jquery slideshow */

#gallery {
	margin:0;
	width:245px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	text-align:center;
}
.galleryMenu ul{margin:0px;padding:0px;}

.galleryMenu li{
	width:20px;height:20px;
	display:block;
	float:left;
	list-style:none;
	overflow:hidden;
	text-align:center;
	padding:0px 5px 0px 0px;
}
#UI_summary .galleryMenu li{background:none;border-style:none;padding:0;}
.galleryMenu ul li.act a{cursor:default;}
#gallery a img{border:none;}
.galleryConteneur {
	width:245px; height:330px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	
}
.galleryConteneur2 {
	width:245px; height:272px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	
}
.galleryConteneur .slide, .galleryConteneur2 .slide{	
	float:left;	
	width:245px;
	text-align:left;	
}
.galleryMenu, .gallery_menu_3items {height:20px;margin:10px 0px 20px 0px;}
#gallery_menu ul {width:50px;margin:0 auto;text-align:center;}
#gallery_menu ul#troisitems {width:75px;margin:0 auto;text-align:center;}
#gallery_menu_offres {margin:5px 0px 0px 0px;}
#gallery_menu_offres ul {width:80px;margin:0 auto;text-align:center;}
.galleryMenu li a:link, .galleryMenu li a:visited {	
	background-image:url('images_base/bg/mea_dt_1.gif');
	background-repeat:no-repeat;
	background-position:center center;
	display:block;	
	height:20px;
	
}
.galleryMenu li a:hover, .galleryMenu li a:active,
.galleryMenu li.act a:link, .galleryMenu li.act a:visited {
	background-image:url('images_base/bg/mea_dt_2.gif');
	background-repeat:no-repeat;
	background-position:center center;
	height:20px;
}
.galleryMenu li img {display:none;}

/*



*/
#UI .landingpage {
	background-image:url('images_base/bg/landingpage_form.png');
	background-repeat:no-repeat;
	background-position:center top;
}
#UI .landingpage h2 {
	color:#e30037;
	font-size:21px;
}
#UI .landingpage p {
	font-size:13px;
}