/* ---------------------------------------------- */
/*  CSS CD-Clinic (11/2009)  */
/* ---------------------------------------------- */

/* RESET
-----------------------------------------------------------*/
a, img, object { margin:0; padding:0; border:0; outline:none; text-decoration:none; }

a, a:link { text-decoration:none; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(bgd-body.gif) repeat-x;
}

/* BLOCKS
-----------------------------------------------------------*/

#blockGlobal #blockHeader * { margin:0; padding:0; border:0; outline:none; text-decoration:none; }
#blockGlobal #blockFooter * { margin:0; padding:0; border:0; outline:none; text-decoration:none; }

/* blockHeader */

#blockGlobal #blockHeader {
	width:967px;
	height:169px;
	margin:10px auto 0;
	background:url(bgd-blockheader.gif) no-repeat top center;
	overflow:hidden;
}

/* Logo */
#blockGlobal #blockHeader .blockLogo {
	float:left;
	width:520px;
	height:134px;
	padding:0 0 0 30px;
	overflow:hidden;
}

#blockGlobal #blockHeader .blockLogo h1 {
	margin:7px 0 0;
}

#blockGlobal #blockHeader .blockLogo h2 {
	font-size:16px;
	color:#c90069;
	margin:0 0 0 19px;
}

#blockGlobal #blockHeader .blockLogo h1 span, 
#blockGlobal #blockHeader .blockLogo h2 span {
	display:none;
}

#blockGlobal #blockHeader .blockLogo h1 img, 
#blockGlobal #blockHeader .blockLogo h2 img {
	display:block;
}

/* Formulaire login + infos + basket */

#blockGlobal #blockHeader .blockAccount {
	float:left;
	width:417px;
	height:134px;
	color:#fff;
	font-size:12px;
	overflow:hidden;
}

/* Form */
#blockGlobal #blockHeader .blockAccount .blockLogin {
	float:left;
	margin:8px 0 0 40px;
	position:relative;
	width:208px;
}
* html #blockGlobal #blockHeader .blockAccount .blockLogin { margin-left:18px; }

#blockGlobal #blockHeader .blockAccount .blockLogin h3 {
	margin:4px 0 0;
}

#blockGlobal #blockHeader .blockAccount .blockLogin h3 span {
	display:none;
}

#blockGlobal #blockHeader .blockAccount .blockLogin h3 img {
	display:block;
}

#blockGlobal #blockHeader .blockAccount .blockLogin label {
	font-size:11px;
	display:block;
	margin:1px 0;
}

#blockGlobal #blockHeader .blockAccount .blockLogin input {
	border:1px solid #000;
	padding:1px;
	background:#fff;
	width:140px;
}

#blockGlobal #blockHeader .blockAccount .blockLogin .submit {
	border:0;
	padding:0;
	background:none;
	width:auto;
	position:absolute;
	top:72px;
	left:148px;
}

#blockGlobal #blockHeader .blockAccount .blockLogin .name {
	margin:2px 0 5px;
}

#blockGlobal #blockHeader .blockAccount .blockLogin a.headerInformations {
	display:block;
	margin:0 0 2px;
	color:#fff;
	background:url(fleche-infos.gif) no-repeat left center;
	padding:0 0 0 21px;
	margin:0 0 0 10px;
}

#blockGlobal #blockHeader .blockAccount .blockLogin a.btLogout {
	display:block;
	margin:0 0 2px;
	color:#ffcc00;
	background:url(picto-deconnexion.gif) no-repeat left center;
	padding:0 0 0 15px;
	margin:5px 0 0;
}

/* Liens + Panier */
#blockGlobal #blockHeader .blockAccount .blockBasket {
	float:left;
	width:168px;
	margin:10px 0 0;
}

#blockGlobal #blockHeader .blockAccount .blockBasket .btnSignUp, 
#blockGlobal #blockHeader .blockAccount .blockBasket .btnPassForgot {
	color:#fff;
	display:block;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:14px;
	text-decoration:none;
	margin:0 0 9px 22px;
}

#blockGlobal #blockHeader .blockAccount .blockBasket .btnSignUp span {
	background:url(icon_inscription.gif) no-repeat left center;
	padding:0 0 0 35px;
}

#blockGlobal #blockHeader .blockAccount .blockBasket .btnPassForgot span {
	background:url(icon_passforgot.gif) no-repeat 10px center;
	padding:0 0 0 35px;
}

#blockGlobal #blockHeader .blockAccount .blockBasket .basket {
	margin:8px 0 0;
}

#blockGlobal #blockHeader .blockAccount .blockBasket .basket .picto {
	float:left;
}

#blockGlobal #blockHeader .blockAccount .blockBasket .basket .myBasket {
	color:#c90069;
	text-decoration:underline;
	display:block;
}

/* MENU HEADER */

#blockGlobal #blockHeader .blockHeaderMenu {
	height:35px;
	clear:both;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	list-style:none;
	height:33px;
	text-align:center;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	line-height:33px;
	font-weight:bold;
	background:url(bgd-blockheadermenu_separ.gif) no-repeat right center;
	margin:0 0 0 -4px;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li.first {
	margin:0;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li.last {
	background:none;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li a {
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 23px;
}
* html #blockGlobal #blockHeader .blockHeaderMenu ul li a {
	padding:0 25px;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li a:hover {
	background:url(bgd-blockheadermenu_hover.gif) repeat-x;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li .pro {
	color:red;
	font-size:13px;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li.command a span {
	display:block;
	background:url(icon_blockheadermenu_command.gif) no-repeat left center;
	padding:0 0 0 34px;
	color:#c90069;
}

#blockGlobal #blockHeader .blockHeaderMenu ul li.command a:hover span {
	background:url(icon_blockheadermenu_command_hover.gif) no-repeat left center;
	color:#fff;
}


/* blockCenter Contenu
----------------------------------------------------------------*/

#blockGlobal #blockCenter {
	width:967px;
	margin:0 auto;
	background:#2a2829;
	/*padding:7px;*/
	color:#fff;
	overflow:hidden;
}

/* ANIM FLASH */
#blockGlobal #blockCenter .blockAnim, 
#blockGlobal #blockCenter #anim-header {
	width:967px;
	height:130px;
	margin:0 auto;
	background:#2a2829;
}

/* Tableau conteneur page */
#blockGlobal #blockCenter .tabContent {
	width:967px !important;
}
#blockGlobal #blockCenter .tabContent td {
	width:auto !important;
}

#blockGlobal #blockCenter .pageContent {
	width:635px !important;
	float:left;
	overflow:hidden;
	padding:0 0 0 10px;
	margin:10px 12px 0 0;
}
#blockGlobal #blockCenter .sidebar {
	float:left;
	width:300px !important;
	padding:0 !important;
	margin:10px 0;
	overflow:hidden;
}
#blockGlobal #blockCenter .pageContentPro {
	width:705px !important;
}
#blockGlobal #blockCenter .sidebarPro {
	width:228px !important;
}

#blockGlobal #blockCenter .column-1 {
	float:left;
	width:712px;
	margin:0 0 0 7px;
}

#blockGlobal #blockCenter .column-2 {
	float:left;
	width:228px;
	margin:20px 3px 0 10px;
}

* html #blockGlobal #blockCenter .column-1 { margin-left:0; }
* html #blockGlobal #blockCenter .column-2 { margin-left:3px; }

#blockGlobal #blockCenter .column-2 .block {
	margin:0 0 14px;
}

#blockGlobal #blockCenter .blockEdito {
	margin:0 0 12px;
	padding:20px;
}

#blockGlobal #blockCenter .blockEdito p {
	line-height:18px;
	margin:0 0 8px;
	text-align:justify;
}

#blockGlobal #blockCenter .blockEdito p strong {
	color:#c90069;
}

#blockGlobal #blockCenter .blockEdito a {
	color:#c90069;
	font-weight:bold;
}

#blockGlobal #blockCenter .blockContent {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #666;
}

#blockGlobal #blockCenter .blockContent h2, 
#blockGlobal #blockCenter .blockContent .bigTitle {
	font-size:22px;
	font-weight:normal;
	background:url(cd-titre.gif) no-repeat 10px center;
	padding:0 0 0 40px;
	margin:0 0 14px;
}

/* Pack en home */

#blockGlobal #blockCenter .blockPacks .pack {
	margin:0 0 0 20px;
	float:left;
	width:150px;
	height:170px;
}

#blockGlobal #blockCenter .blockPacks .pack a {
	display:block;
	width:150px;
	height:170px;
	background:url(cd-clinic_packs_01.gif) no-repeat;
}

#blockGlobal #blockCenter .blockPacks .pack a span {
	display:none;
}

#blockGlobal #blockCenter .blockPacks .pack-2 a { background-image:url(cd-clinic_packs_02.gif); }
#blockGlobal #blockCenter .blockPacks .pack-3 a { background-image:url(cd-clinic_packs_03.gif); }
#blockGlobal #blockCenter .blockPacks .pack-4 a { background-image:url(cd-clinic_packs_04.gif); }

#blockGlobal #blockCenter .blockPacks .pack a:hover {
	background-position:0 -170px;
}

#blockGlobal #blockCenter .blockPacksInfo {
	margin:12px 0;
	text-align:center;
}

#blockGlobal #blockCenter .blockPacksInfo a {
	color:#fff;
	text-decoration:underline;
}

/* Tableau tarifs en home */

#blockGlobal #blockCenter .tabPrices {
	width:660px;
	margin:10px auto;
}

#blockGlobal #blockCenter .tabPrices td {
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

#blockGlobal #blockCenter .tabPrices thead td {
	background:#c90069 url(bgd-tabprices_arrow_down.gif) no-repeat bottom center;
	color:#fff;
	padding-bottom:12px;
	font-weight:bold;
}

#blockGlobal #blockCenter .tabPrices thead td.nobg {
	background-position:left bottom;
	padding:5px;
}

#blockGlobal #blockCenter .tabPrices tbody td {
	background:#fff;
	color:#333;
	border-bottom:1px solid #2a2829;
}

/* blockFooter
----------------------------------------------------------------*/

#blockGlobal #blockFooter {
	width:967px;
	margin:0 auto 30px;
	background:url(bgd-blockfooter.gif) no-repeat top center;
	padding:65px 0 0;
	font-size:11px;
}

#blockGlobal #blockFooter .block {
	float:left;
	width:216px;
	margin:0 0 0 25px;
}
* html #blockGlobal #blockFooter .block { margin-left:18px; }

#blockGlobal #blockFooter .block-3 {
	width:250px;
}
#blockGlobal #blockFooter .block-4 {
	width:160px;
}

#blockGlobal #blockFooter .block h3 {
	color:#ff0066;
	margin:0 0 10px;
	font-size:13px;
}

#blockGlobal #blockFooter .block ul li {
	background:url(mini-fleche.gif) no-repeat left center;
	padding:0 0 0 11px;
	list-style:none;
}

#blockGlobal #blockFooter .block ul li a {
	color:#333;
}

#blockGlobal #blockFooter .blockMentions {
	margin:25px 0 0;
	text-align:center;
}

#blockGlobal #blockFooter .blockMentions a {
	color:#333;
}

#blockGlobal #blockFooter .blockMentions h2 {
	color:#ff0066;
	font-size:13px;
}

/* Commons
----------------------------------------------------------------*/

.clearBoth { clear:both; }