/**************************************
* Author:	Agency.com
* Client:	Mars-pedigree (souplesse)
* Name:		Benjamin Lucas
* Start:		19/03/2008
* End:		21/03/2008

* Revision:	30/12/2008
* Name:		Chris Pirotte
=======================================
* TABLE OF CONTENTS
=======================================
* 0. BASE
---------------------------------------
* 1. COMMON
---------------------------------------
* 2. HEADING
---------------------------------------
* 3. LINK
---------------------------------------
* 4. MAIN STRUCTURE & STYLING
	= main-container
	= header
	= content-container
		= content
	= mix-zone
	= extra
	= footer
---------------------------------------
* 5. STYLING
	= header
	= content
		=contact-form
	= mix-zone
	= extra
		= product
---------------------------------------
* 6. NAVIGATION
	= main-navigation
	= sub-navigation
---------------------------------------
* 7. MISCS
**************************************
**************************************/
/* 0. BASE
------------------------------------------------- */
* {margin:0;padding:0}
body{background:#FFF; font:normal 0.625em Arial, Verdan, sans-serif; margin:0; padding:0;}
img {border:0;}
ul {font:normal 1.2em Arial, Verdana, sans-serif; list-style-type:none; margin:0 0 10px 0;}
ul li {list-style-type:none;}
ol {font:normal 1.2em Arial, Verdana, sans-serif; margin:0 0 10px 35px;}


/* 1. COMMON
------------------------------------------------- */
.trademark{font-weight:bold;}
.float-left{float:left;}
.float-right{float:right;}
.clear-all {clear:both;}
.text-align-right{text-align:right;}
.obligatory-field{color:#CC0000;font:normal 1.2em Arial, Verdan, sans-serif; margin:0; padding:0;}
img.float-right{padding: 0 0 0 10px;}


/* 2. HEADING
------------------------------------------------- */
h1 {margin:0; padding:0; }
h2 {margin:0; padding:0 0 5px 0;}
h3 {color:#000; font:bold 1.4em Arial, Verdana, sans-serif; margin:0 0 5px 0; padding:0;}
h4 {color:#666; font:bold 1.2em Arial, Verdana, sans-serif; margin:0; padding:0;}
h5 {color:#000; font:bold 1.2em Arial, Verdana, sans-serif; margin:0; padding:0;}
h6 {color:#000; font:bold 1.2em Arial, Verdana, sans-serif; margin:0; padding:0;}
.home h2 { text-align:center; margin: 0; height:30px }

/* 3. LINK
------------------------------------------------- */
a:link, a:visited {color:#000; font-weight:normal; text-decoration:underline;}
a:hover {color:#000; font-weight:normal; text-decoration:none;}
a:active {color:#000; font-weight:normal; text-decoration:underline;}


/* 4. MAIN STRUCTURE & STYLING
------------------------------------------------- */
/*main-container*/
div#main-container{background:url(../_images/background/bg_main.jpg) left top repeat-y; border:1px solid #FFF; position:relative; margin:0 auto; width:880px;}
/*header*/
div#header{background: url(../_images/background/bg_header.jpg) left top no-repeat; height:164px; margin:35px 15px 0 15px;}
/*content-container*/
div#content-container{background:#F5bc01; display:inline; float:left; margin:0 15px; width:850px;}
/*content*/
#two-colums div#content{ margin-left:40px; margin-right:425px;}
#two-colums div#content2{ margin-left:240px; margin-right:50px; font-size:1.2em}
#two-colums.regular div#content, #two-colums.maximum div#content{margin-left:250px; margin-right:30px; padding-bottom:20px;}
#two-colums.subpage div#content{margin-left:250px; margin-right:30px; padding-bottom:0;}
/*TEST BOITE*/
#two-colums.subpage div#content .testimonials div {margin:0 0 0 165px;}
#two-colums.subpage div#content .testimonials img{border:1px solid #FFF; float:left; margin:0;}
/* FIN TEST BOITE */
#one-colum div#content{margin:0 25px;}
/* mix-zone*/
#one-colum div#mix-zone{display:none;}
#two-colums div#mix-zone{float:right; margin-left:-400px; width:400px; margin-top:35px}
#two-colums.regular div#mix-zone, #two-colums.maximum div#mix-zone, #two-colums.subpage div#mix-zone{float:left; margin-left:-865px; width:250px;}
/*extra*/
div#extra{background:#DFA900 url(../_images/background/bg_content.gif) center top no-repeat; clear:left; min-height:100px; height: auto !important; height:100px;  margin:0 15px; padding:1px 0; width:850px;}
.home div#extra{ background-color:#F5BC01; clear:left; min-height:100px; height: auto !important; height:100px;  margin:0 15px; padding:1px 0; width:850px; background-image:none}
body.regular div#extra{background:#401C4E url(../_images/background/bg_up_footer_regular.gif) center top no-repeat; position:relative;}
body.maximum div#extra{background:#015123 url(../_images/background/bg_up_footer_maximum.gif) center top no-repeat; position:relative;}
/*footer*/
div#footer{background:url(../_images/background/bg_footer.gif) center bottom no-repeat; height:31px;}
.home div#footer{background:url(../_images/background/bg_footer_homepage.gif) center bottom no-repeat; height:31px;}
body.regular div#footer{background:url(../_images/background/bg_footer_regular.gif) center bottom no-repeat; height:31px;}
body.maximum div#footer{background:url(../_images/background/bg_footer_maximum.gif) center bottom no-repeat; height:31px;}


/* 5. STYLING
------------------------------------------------- */
/*header*/
div#header h1 {text-indent:-10000px;}
div#header.regular {background: url(../_images/background/bg_header_regular.jpg) left top no-repeat;}
div#header.maximum {background: url(../_images/background/bg_header.jpg) left top no-repeat;}
/*content*/
#contest-form
{
	font:normal 1.2em Arial, Verdana, sans-serif;
}
div#content p{font-size:1.2em; margin:0 0 10px 0}
div#content2 p{font-size:1em; margin:0 0 10px 0}
body.home div#content p{font-size:1.3em; margin:0 0 10px 0}
div#content img{margin:0 5px 5px 0}
div#content dl.col-left{float:left; margin:20px 0 20px 0; width:45%;}
div#content dl.col-left dt{float:left; font:bold 1.2em Arial, Verdana, sans-serif;}
div#content dl.col-left dd{display:inline; float:right; font:normal 1.2em Arial, Verdana, sans-serif; margin:0 70px 5px 0; width:170px;}
div#content dl.col-right{float:right; margin:20px 0 20px 0; width:45%;}
div#content dl.col-right dt{font:bold 1.2em Arial, Verdana, sans-serif;}
div#content dl.col-right dd{float:left; font:normal 1.2em Arial, Verdana, sans-serif; margin:0 0 5px 0; width:100%;}
div#content dl.col-right dd span{display:block; float:left; width:75%;}
div#content dl#contact-form {font:normal 1.2em Arial, Verdana, sans-serif; padding:0 0 0 120px; position:relative; width:450px; background-image:url(../_images/background/form.jpg);}
div#content dl#contact-form dt {left:0; position: absolute; top:0; font:bold 1.5em Arial, Verdana, sans-serif;}
div#content dl#contact-form dd.obligatory {color:#009A5A; font:bold 1.1em Arial, Verdana, sans-serif; padding:25px 0 0 0;}
div#content dl#contact-form dd {clear:left; margin:5px 0 5px 0; overflow:auto;}
div#content dl#contact-form dd label{float:left;}
div#content dl#contact-form dd label input {float:left; clear:left; margin:0 15px 0 0;}
div#content dl#contact-form dd label input.check-box{height:16px; margin:0 5px 0 0; padding:0 0 0 0; width:12px;}
div#content dl#contact-form dd label input.x-large-width-input{width:367px;}
div#content dl#contact-form dd label input.large-width-input{width:239px;}
div#content dl#contact-form dd label input.medium-width-input{width:200px;}
div#content dl#contact-form dd label input.small-width-input{width:110px;}
div#content dl#contact-form dd.identity{left:0; position:absolute; top:25px;}
div#content dl#contact-form dd.identity label {float:none;}
div#content dl#contact-form dd.identity label input {float:none; margin:0 5px;}
body.regular div#content ul li{background:url(../_images/background/bg_bullets_regular.gif) left 0.25em no-repeat; margin:0 0 5px 25px; padding:0 0 0 15px;}
body.maximum div#content ul li{background:url(../_images/background/bg_bullets_maximum.gif) left 0.25em no-repeat; margin:0 0 5px 25px; padding:0 0 0 15px;}
body.regular .color-text{color:#663366;}
body.maximum .color-text{color:#016029;}
/*mix-zone*/
div#mix-zone p.services_trademark {color:#000; font:normal 1.3em Arial, Verdana, sans-serif; margin:0px 50px 10px 0;}
div#mix-zone img {float:left;}
div#mix-zone p.logo {margin:60px 50px 10px 40px; }
/*product*/
div#extra dl.product{color:#000; display:inline; float:left; font:normal normal 1.3em/1.2em Arial, Verdana, sans-serif; height:150px; margin:0 0 0 40px; position:relative; width:45%;}
div#extra dl.producty{color:#000; font:normal normal 1.3em/1.2em Arial, Verdana, sans-serif; height:150px; margin:0 auto; position:relative; width:370px }
div#extra dl.producty dt{position:absolute; left:0px; top:-7px; z-index:300;}
div#extra dl.producty dd.description{position:absolute; left:207px; top:20px; width:144px; font-size:11px; color:#333333 }
div#extra dl.product dt{position:absolute; left:0px; top:-7px; z-index:300;}
div#extra dl.product dd.description{position:absolute; left:207px; top:20px; width:144px; font-size:11px; color:#333333 }
div#extra p.important {color:#FFF; font:normal 1.9em Arial, Verdana, sans-serif; margin:70px 10px 0 20px;}
div#extra p.important img {margin:-7px 10px 0 0;}
body.regular div#extra p.important, body.maximum div#extra p.important {color:#FFF; font:normal 2em Arial, Verdana, sans-serif; margin:55px 30px 0 10px; display:inline;}
body.regular div#extra p.important img, body.maximum div#extra p.important img {margin-left:0px;}
div#extra ul{position:absolute; top:-41px; margin:0 0 0 68px; padding:0;}
div#extra ul li{display:inline; margin:0 30px 0 0}


/* 6. NAVIGATION
------------------------------------------------- */
/* main-navigation */
ul#main-navigation{left:30px; list-style-type:none; position:absolute; top:17px;}
ul#main-navigation li {float:left; list-style-type:none; margin:0 15px 0 0;}
/* sub-navigation */
ul#sub-navigation {margin:35px 50px 0 25px;}
ul#sub-navigation li{margin:0 0 10px 0; padding:0; list-style-type:none;}


/* 7. MISCS
------------------------------------------------- */
hr.separator {background:#F5BC01; border:0; clear:both; color:#F5BC01; display:block; height:1px; margin:10px 10px 20px 0; overflow:hidden; padding:0;}
/*IE6.0*/
* html hr.separator{margin: 0 10px 13px 0;} /* only for IE margin problem */

/*IE7*/
*+html hr.separator{margin: 0 10px 13px 0;} /* only for IE margin problem */
/*fusion des marges */
/*http://web.covertprestige.info/test/04-blocs-imbriques-et-fusion-des-marges.html*/

.legal
{
	font-size:7px;
}
.error
{
color:#FF0000;
font-weight:bold;
}
span.maximum { color:#007F32; font-weight:bold }
span.regular { color:#512483; font-weight:bold }
.logo6 { text-align:center }
.productlogo { float:right; margin:10px 40px 0px 0px }
.button { margin-bottom:53px}
.button-try { margin-bottom:40px}
.pedigree { float:left; margin:-13px 0px 0px 40px; *margin:-25px 0px 0px 40px}
dd, dd div, dd label, dd input { overflow:hidden}

p.centered { display:block; font-size:1.3em;margin:0 0 10px; width:364px; margin:0 auto }
.new { text-align:left !important; padding:30px}
.new p{font-size:1.3em; margin:0 0 10px 0}

div#printer {display: none;}