/* Feuille de style du site ypconcept */

/* ----------------- styles globaux (body, titre, liste, paragraphes, ...) -----------------*/
* html body	{
	text-align: center;
	padding:0;margin:0;
}
body {
	color: #404040;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1em;
	margin:0;
	background: #fff;
}

a:link, a:visited {	color: #2982b7;	text-decoration:none ;}
a:hover, a:active {text-decoration:underline;}
acronym, abbr {cursor:help;}
ul, p, fieldset, form, legend,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
fieldset, img {border-style:none;}
h1 {
	color: #00254e;	
	font-size: 0.95em;
	font-family:arial,verdana,sans-serif;
	text-transform:uppercase;
}
h1 span {display:block;}
h2,h3,h4,h5,h6 {color:#2982b7;}
h2 {font-size:1.5em;margin:30px 0px 20px 0px;}
div#pro_froidindustriel h2, div#pro_sav h2, div#par_sav h2,
div#par_clim h2 {margin:0px 0px 20px 0px;}
#pro_locations h2 {margin:0px 0px 10px 0px;}
h3 {font-size:1.1em;margin:0px 0px 10px 0px;}
h3.red, .red, a.red:link, a.red:visited {color:#be2a3e;}
h3.underline {text-decoration:underline;margin:0px 0px 30px 0px;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;overflow:hidden;height:0px;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter, div#content p.aligncenter {text-align:center;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.leftimg {float:left;padding:0px 10px 10px 0px;}
.rightimg {float:right;padding:0px 0px 10px 10px;}
.small {font-size:0.9em;}
.margeT10 {margin-top:10px;}
.margeT15 {margin-top:15px;}
.margeT20 {margin-top:20px;}
.margeT30, div#content p.margeT30 {margin-top:30px;}
.margeT40 {margin-top:40px;}
.margeB40 {margin-bottom:40px;}
.margeTB5 {margin:5px 0px;}
.margeL15 {margin-left:15px;}
.margeL30, div#content ul.margeL30 {margin-left:30px;}
.margeL120 {margin-left:120px;}
.margeB10 {margin:0px 0px 10px 0px;}
.margeB15 {margin:0px 0px 15px 0px;}
.margeB20 {margin:0px 0px 20px 0px;}
.paddingT30 {padding-top:30px;}
.paddingT60 {padding-top:60px;}
.paddingT175 {padding-top:175px;}
.paddingL160 {padding-left:160px;}
.margeLR15 {margin-left:15px;margin-right:15px;}
.note {
	font-size:x-small;
	font-style:italic;
}
span.uppercase, p.uppercase {text-transform:uppercase;}
span.souligne {text-decoration:underline;}
.size1 {font-size:1.1em;}
.size2 {font-size:1.2em;}
.size3 {font-size:1.3em;}
.size4 {font-size:1.4em;}
span.bleu, .bleu {color:#012a52;}
.bleu2 {color:#2982b7;}
.green {color:#709d2c;}
p.green a:link, p.green a:visited {text-decoration:underline;color:#709d2c;}
p.bleu a:link, p.bleu a:visited {text-decoration:underline;color:#012a52;}
/* ----------------- Layouts -----------------*/
.preview_img{
	margin:0;
	padding:0;
	position:absolute;
	background:#000;
	border:2px solid #000;
	display:none;
	}

#container {
	text-align: left;
	width:980px;
	margin:0 auto;
	background:#fff url('../images/bg/bg_main.jpg') no-repeat;
}
#container2 {
	text-align: left;
	width:980px;
	margin:0 auto;
	background:#fff url('../images/bg/bg_header_ypconcept.jpg') no-repeat;
}
#home {
	text-align: left;
	width:980px;
	margin:0 auto;
	background:#fff url('../images/bg/bg_main_home.jpg') no-repeat;
	height:580px;
}
html > body #home {
	height:auto!important;
	min-height:580px;
}
#home #header {height:520px;}
/* ----------------- Homepage -----------------*/
#zone1 {
	position:absolute;
	top:254px;
	left:140px;
}
#zone2 {
	position:absolute;
	top:254px;
	left:400px;
}
#zone3 {
	position:absolute;
	top:254px;
	left:650px;
}
/* ----------------- Header -----------------*/
#header {
	position:relative;
	height:280px;
}
#header h1 {
	margin:45px 0px 0px 220px;
	position:absolute;
}
#header span#bg_header {
	position:absolute;
	right:0;
}
#header div#logo {
	position:absolute;
}
#logo {
 margin:0px 0 0 10px;
}
#home #header #logo {padding:30px 0px 0px 80px;}
#home #header h1 {
	margin:85px 0px 0px 320px;
	position:absolute;
}
/* ----------------- Content -----------------*/
#content {
	padding:30px 0px 0px 45px;
	font-size:0.75em;
	width:920px;	
}
div#content div#pro {
	background:transparent url('../images/bg/bg_content_pro.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#pro_froidindustriel {
	background:transparent url('../images/bg/bg_content_pro2.png') no-repeat;
	padding:70px 0px 0px 35px;
}

div#content div#pro_froidcommercial {
	background:transparent url('../images/bg/bg_content_pro_com.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#pro_construc_iso {
	background:transparent url('../images/bg/bg_content_pro_constr.png') no-repeat;
	padding:70px 0px 0px 35px;
}

div#content div#pro_brumisation {
	background:transparent url('../images/bg/bg_content_pro_brum.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#pro_clim {
	background:transparent url('../images/bg/bg_content_pro_clim.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#pro_materiel {
	background:transparent url('../images/bg/bg_content_pro_mater.png') no-repeat;
	padding:70px 0px 0px 10px;
}
div#content div#pro_sav {
	background:transparent url('../images/bg/bg_content_pro3.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#pro_locations {
	background:transparent url('../images/bg/bg_content_pro4.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#par_sav {
	background:transparent url('../images/bg/bg_content_parsav.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#par_clim1 {
	background:transparent url('../images/bg/bg_content_parclim1.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#par_clim2 {
	background:transparent url('../images/bg/bg_content_parclim2.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#par {
	background:transparent url('../images/bg/bg_content_particulier.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#ypconcept {
	background:transparent url('../images/bg/bg_content_ypc.png') no-repeat;
	padding:70px 0px 0px 35px;
}

div#content div#partenaires {
	background:transparent url('../images/bg/bg_content_partenaires.png') no-repeat;
	padding:110px 0px 0px 15px;
}
div#content div#faq_content {
	background:transparent url('../images/bg/bg_content_faq.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#contact_content {
	background:transparent url('../images/bg/bg_content_contact.png') no-repeat;
	padding:70px 0px 0px 35px;
}
div#content div#faq_content h2 {
	margin:0px 0px 15px 0px;
	font-size:1.3em;
}
div#content div#faq_content h2.margeT20{margin-top:20px;}
div#content div#faq_content p {
	margin:0;
}
div#content div#faq_content p.question {
	margin:10px 0px 0px 0px;
}
div#content div#faq_content p.reponse {
	text-indent:15px;
}
#content .col1 {width:620px;margin-bottom:30px;}
#content .col2 {width:225px;margin-bottom:30px;}
#content .col3 {width:215px;}
#content .col4 {width:370px;}
#content .col5 {width:845px;margin-bottom:30px;}
#content .col6 {width:295px;}
#content .col7 {width:255px;}
#content .col8 {width:210px;}
#content .col9 {width:185px;}
#content .col10 {width:320px;}
#content .col11 {width:140px;}
#content .col12 {width:465px;}

#content .col13 {width:140px;}
#content .col14 {width:200px;}
#content .col15 {width:250px;}
#content .col16 {width:425px;}
#content p {margin:0px 0px 10px 0px;text-align:justify;}
#content ul {
	list-style-type:none;
	margin:0px 0px 20px 0px;
}
ul.puce1 {
	list-style-type:none;
	margin:0px 0px 20px 5px;
}
ul.puce1 li {
	background:url('../images/icones/puce1.png') no-repeat 0 6px;
	padding:0px 0px 5px 10px;
}
ul.listesmall {
	font-size:0.9em;
}
ul.listesmall li {
	padding:0px 0px 5px 0px;
}

div#carte {
	background:url('../images/bg/vertical_sep.png') no-repeat top left;
	width:240px;
	padding:0px 0px 0px 15px;
	height:560px;
	margin-top:50px;
}
html>body #carte {height:auto!important;min-height:560px;}
div#contact_colright {
	background:url('../images/bg/vertical_sep2.png') no-repeat top left;
	width:240px;
	padding:0px 0px 0px 15px;
	height:280px;
	margin-top:50px;
}
html>body #contact_colright {height:auto!important;min-height:280px;}
div.sepH {
	height:1px;
	background-color:#8cbdda;
	overflow:hidden;
}
#colright_pro, div#colright_particulier {
	margin:20px 0px 0px 0px;
}
div.box {
	padding:8px 0px 0px 10px;
	background:transparent url('../images/box.png') no-repeat;
	width:341px;
	height:95px;
}
/* ----------------- Navigation principale -----------------*/
ul#nav {
	 list-style-type:none;
	 margin: 0px 0px 0px 15px;
	 position:absolute;
	 top:247px;
}
ul#nav li {
	float:left;
	display:block;
	padding:0;
}
ul#nav li a:link, ul#nav li a:visited{
	font-size:1px;
	text-decoration:none;
	text-indent:-9000px;
	display:block;
	height:29px;
}
ul#nav li#accueil {
	background:transparent url(../images/nav/nav1.png) no-repeat scroll 0%;
	width:98px;
}
li#prof a{
	background:transparent url(../images/nav/nav2.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:96px;
}
li#particulier {
	background:transparent url(../images/nav/nav3.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:96px;
}
li#ypc {
	background:transparent url(../images/nav/nav4.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:96px;
}
li#partenaires {
	background:transparent url(../images/nav/nav5_ancien.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:96px;
}
li#contact {
	background:transparent url(../images/nav/nav6_ancien.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:96px;
}
li#faq {
	background:transparent url(../images/nav/nav7.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:98px;
}
ul#nav li.active {
	background-position:0 -29px;
}
ul#nav li.active a{
	background-position:0pt -29px;
	width:96px;
}
/* ----------------- Navigation secondaire -----------------*/

div#liste_secondaire div {
	width:184px;
	height:17px;line-height:17px;
	border:solid 1px #dbdedf;
	background:#fff;
	text-align:center;
	padding:2px 0;
	margin:0px 0px 5px 2px;
}

div#liste_secondaire div.margeT30 {margin-top:30px;}
div#colright_pro div#liste_secondaire div#hoverfirst {
	background:transparent url(../images/nav/subnavpro1_hover.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:24px;
	border-style:none;
	color:#fff;
	font-weight:bold;
	padding:6px 0px 0px;
	margin:0px;
	display:block;
}
div#colright_particulier div#liste_secondaire div#hoverfirst {
	background:transparent url(../images/nav/subnavpar1_hover.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:24px;
	border-style:none;
	color:#fff;
	font-weight:bold;
	padding:6px 0px 0px;
	margin:0px;
	display:block;
}
div#liste_secondaire div#hoverfirst a:link, 
div#liste_secondaire div#hoverfirst a:visited,
div#liste_secondaire div#hoverlast a:link, 
div#liste_secondaire div#hoverlast a:visited,
div#liste_secondaire div.hover a:link,
div#liste_secondaire div.hover a:visited {color:#fff;}

div#liste_secondaire div#subnavpro1,
div#liste_secondaire div#subnavpar1 {
	background:transparent url(../images/nav/subnavpro1.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:24px;
	border-style:none;
	color:#fff;
	padding:6px 0px 0px;
	margin:0px;
	display:block;
}
div#colright_pro div#liste_secondaire div.hover {
	background:transparent url(../images/nav/subnavpro_hover.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:24px;
	border-style:none;
	color:#fff;
	font-weight:bold;
	padding:5px 0px 0px;
	margin:0px;
	display:block;
}
div#colright_particulier div#liste_secondaire div.hover {
	background:transparent url(../images/nav/subnavpar_hover.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:24px;
	border-style:none;
	color:#fff;
	font-weight:bold;
	padding:5px 0px 0px;
	margin:0px;
	display:block;
}
div#liste_secondaire div#subnavpro2,
div#liste_secondaire div#subnavpar2 {
	background:transparent url(../images/nav/subnavpro2.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:18px;
	border-style:none;
	color:#fff;
	padding:2px 0px 0px;
	margin:0px;
	display:block;
}
div#colright_pro div#liste_secondaire div#hoverlast {
	background:transparent url(../images/nav/subnavpro2_hover.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:23px;
	border-style:none;
	color:#fff;
	font-weight:bold;
	padding:4px 0px 0px;
	margin:0px;
	display:block;
}
div#colright_particulier div#liste_secondaire div#hoverlast {
	background:transparent url(../images/nav/subnavpar2_hover.png) no-repeat scroll 0%;
	background-position:0 0px;
	width:190px;
	height:23px;
	border-style:none;
	color:#fff;
	font-weight:bold;
	padding:4px 0px 0px;
	margin:0px;
	display:block;
}
/* ----------------- Formulaires -----------------*/
#contact_content textarea {font-family:arial,verdan,tahoma,sans-serif;font-size:11px;color:#404040;}
.inputtext1, .inputtext2{
	height:15px;
	padding:2px;
	border:solid 1px #b7b7b7;
	color:#8e8e8e;
	font-size:0.75em;
	margin:0px 0px 10px 0px;
}
.inputtext1{width:173px;}
.inputtext2{width:80px;}
#contact_content fieldset#fieldset1, #contact_content fieldset#fieldset2 {margin-bottom:15px;}
#contact_content fieldset#fieldset1 label {	margin-left:30px;}
#contact_content fieldset#fieldset1 label.nomarge {	margin:0px;}
#contact_content fieldset#fieldset2 label {	color:#2982b7;margin-right:40px;}
#contact_content fieldset#fieldset3 label, #contact_content fieldset#fieldset4 label,
#contact_content fieldset#fieldset5 label, #contact_content fieldset#fieldset6 label{
	display:block;
	float:left;
	font-weight:bold;
	background:url('../images/icones/puce2.png') no-repeat 0 5px;
	padding:0px 0px 0px 15px;
}
#contact_content fieldset#fieldset3 label {	width:70px;}
#contact_content fieldset#fieldset4 label {	width:90px;}
#contact_content fieldset#fieldset5 label {	width:105px;}
#contact_content fieldset#fieldset5 select {color:#4c4c4c;font-size:11px;width:195px;}
#contact_content fieldset#fieldset6 {margin:10px 0px 10px 0px;}
#contact_content fieldset#fieldset6 label {	width:105px;}
#contact_content fieldset#fieldset6 textarea {	width:433px;height:85px;border:solid 1px #b7b7b7;}
#contact_content fieldset#fieldset7 {width:225px;}
#contact_content fieldset#fieldset8 {width:148px;}
#contact_content fieldset#fieldset9 {width:214px;}
#contact_content fieldset#fieldset7 div, #contact_content fieldset#fieldset8 div,
#contact_content fieldset#fieldset9 div {
	margin-bottom:15px;
}
textarea#recherche_occassion {	width:554px;height:66px;border:solid 1px #b7b7b7;}
#contact_content fieldset#fieldset10 input {margin-left:20px;}
#contact_content input#submit {position:relative;top:10px;}

/* ----------------- Footer -----------------*/
#footer {
	background:transparent url('../images/footer.jpg') no-repeat;
	height:14px;
	width:980px;
}
#footer_home {
	font-size:0.7em;
	text-align:center;
	color:#2982b7;
}
#footer_home span {padding-right:30px;}

/* attestation (index) */
#attestation a {color:#cb0ac0;font-size:12px;text-decoration:underline;font-weight:bold;}
#attestation  {padding:0 0 20px 0;text-align:center;}

#attest_aff {position:absolute;z-index:99;top:250px;left:300px;display:none;}

#attest_aff #fond_attest #croix { padding:2px 0px 10px 320px;}
#attest_aff #fond_attest {padding:0 0px 20px 20px;border:solid 1px #5075a0;background:transparent url(../images/fond_attestation.gif) repeat-x;}
#attest_aff #fond_attest #txt {font-size:12px;color:#012a52; width:350px;font-weight:bold;}

/* pro */
#sstitre {font-weight:bold;position:absolute;z-index:1;left:345px;top:328px;color:#be2a3e;font-size:13px;text-decoration:underline;}
.bleu2 {color:#4d98c4;font-size:12px; padding:0 0 0 20px;}
.bleu3 {color:#4d98c4;font-size:12px;}
.rouge2 {color:#be2a3e;}