/* 
 Feuille de style global.css
 Gère les styles basiques (taille de blocs, agencement des élements, styles divers...)
 conception Agence Cosmic Communication 2009 (www.agencecosmic.com)
 Dernière mise à jour : 20 mai 2009
 Version 1.16
*/
/* Conteneur principal */
#home_page #wrapper {
	background: #fff url(../../images/thermor/bg/home/4.jpg) no-repeat top left;
}
#home_page #header {
	position: relative;
	z-index: 8;
}
#home_page #content {
	position: relative;
	padding: 178px 0 0;
	z-index: 5;
	width: 726px;
}
/* Header */
/* Logo Thermor */
#header h1#logo {
	float: left;
	font-size: 1.2em;
	width: 270px;
	height: 49px;
	padding: 7px;
	color: #ca1a1d;
	position: relative;
}
#header h1#logo img {
	position: absolute;
	top: 6px;
	left: 6px;
	border: 1px solid #fff;
}
#home_page #topmenu {
	width: 394px;
}
/* Menu du haut*/
#home_page #accessibility {
	left: 596px;
}
/* Menu accessibilité*/
/* Lorsque JS Activé > Gère la position des élements */
#home_page #wrapper {
	overflow: hidden;
}
#home_page .morphBg div {
	position: absolute;
	top: 0;
	left: 0;
	width: 976px;
	height: 538px;
	background-color: #fff;
}
/* Liste des images affichées dans le fond de page */
#home_page .morphBg #overlay1 {
	background: #fff url(../../images/thermor/bg/home/4.jpg) no-repeat top left;
}
#home_page .morphBg #overlay2 {
	background: #fff url(../../images/thermor/bg/home/1.jpg) no-repeat top left;
}
#home_page .morphBg #overlay3 {
	background: #fff url(../../images/thermor/bg/home/3.jpg) no-repeat top left;
}
#home_page .morphBg h3 {
	font-family: "Georgia", Verdana, Arial, sans-serif;
	font-weight: normal;
	left: 166px;
	line-height: 1.3em;
	position: relative;
	top: 80px;
	width: 500px;
}
#home_page .morphBg h3 strong {
	font-weight: normal;
	color: #C81B1D;
}
#home_page .morphBg h3 span {
	padding-left: 50px;
}
/* Barre latérale (Conteneur du bloc focus produit) */
#home_page #sidebar {
	padding-top: 77px;
	width: 224px;
  height: 421px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
}
/* Bloc focus */
#home_page .focus {
	background-image: none;
	margin-top: 0;
	padding: 11px 0 0 0;
	width: 213px;
  bottom:100px;
  position:absolute;
}
#home_page div.fadingnews {
	background: transparent url(../../images/thermor/bg/roundedbg5.png) no-repeat left bottom;
	padding: 10px 0;
	position: relative;
}
#home_page div.fadingnews div .productillustr {
	text-align: center;
	display: block;
}
#home_page div.fadingnews div h4,
#home_page div.fadingnews div p {
	padding: 2px 18px;
}
#home_page .focus div.fadingnews {
	padding-top: 5px;
	padding-bottom: 5px;
}
#home_page .focus {
	background: transparent url(../../images/thermor/bg/roundedbg5.png) no-repeat left top;
}
/* Bloc focus lorsque JS est activé */
#home_page .jsApplied .fadingnews,
#home_page .focus div.fadingnews *,
#home_page .focus.jsApplied {
	z-index: 3;
	background-image: none;
	background-color: transparent;
}
#home_page .focus.jsApplied * {
	background-image: none;
}
#home_page .focus.jsApplied .fadingnews {
	position: relative;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#home_page .focus.jsApplied div.fadingnews div {
	position: absolute;
	top: 1px;
	width: 213px;
	margin: 0;
}
#home_page .focus div.fadingnews div {
	margin-top: 0;
}
#home_page .focus div.fadingnews div a {
	font-style: normal;
}
#home_page .newFocus div {
	background: transparent url(../../images/thermor/bg/roundedbg5.png) no-repeat scroll left bottom;
}
#home_page .focus h4 {
	background-image: none;
	padding: 6px 5px 5px 0;
}
#home_page .focus p {
	padding: 0;
	font-size: 1.0em;
}
/* Blocs colorés de la homes (particuliers, installateurs, prescripteurs) */
.blocHome {
	float: left;
	display: inline;
	margin-right: 15px;
	padding: 10px;
	width: 207px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: top left;
}
.blocHome h4 {
	line-height: 1.2em;
	font-weight: normal;
	font-family: Georgia;
	font-size: 2.5em;
	height: 145px;
	border-bottom: 1px dotted #fff;
	margin-bottom: 5px;
	background: transparent url(../../images/thermor/icons/iconshome.gif) no-repeat 0 100%;
}
.blocHome h4,
.blocHome h4 a,
.blocHome p a:hover {
	color: #fff;
	text-decoration: none;
}
.blocHome p a {
	display: block;
	line-height: 1.2em;
	font-size: 1.1em;
	padding-left: 13px;
	background: transparent url(../../images/thermor/lists/arrow.png) no-repeat 0 4px;
	color: #fff;
}
#home_page .contact a,
#home_page .contact a:hover {
	background: transparent url(../../images/thermor/bg/contact_home.gif) no-repeat left top;
	bottom: 15px;
	position: absolute;
	right: 10px;
	width: 140px;
	padding-top: 0.75em;
}
.blocHome h4 a:hover {
	text-decoration: underline;
}
/* Bloc particulier */
#particulier_homebloc {
	background-image: url(../../images/thermor/bg/homeblocks_1.png);
}
#particulier_homebloc *,
#particulier_homebloc_alternate * {
	background-color: #ca1a1d;
}
/* Bloc installateur */
#installateur_homebloc {
	background-image: url(../../images/thermor/bg/homeblocks_2.png);
}
#installateur_homebloc *,
#installateur_homebloc_alternate * {
	background-color: #eaac0d;
}
#installateur_homebloc.blocHome h4,
#installateur_homebloc_alternate.blocHome h4 {
	background-position: 50% 100%;
}
/* Bloc prescripteur */
#prescripteur_homebloc {
	background-image: url(../../images/thermor/bg/homeblocks_3.png);
}
#prescripteur_homebloc *,
#prescripteur_homebloc_alternate * {
	background-color: #c1b6a4;
}
#prescripteur_homebloc.blocHome h4,
#prescripteur_homebloc_alternate.blocHome h4 {
	background-position: 100% 100%;
}
/* Bloc contact */
#home_page .contact {
	height: 0;
	width: 0;
}
/* Home particulier */
div#wrapper.home_installateur1 {
	background: #FFFFFF url(../../images/thermor/bg/home2/cartonman.jpg) no-repeat scroll 100% 5.4em;
}
div#wrapper.home_prescripteur1 {
	background: #FFFFFF url(../../images/thermor/bg/home2/prescripteurs.jpg) no-repeat scroll 100% 5.4em;
}
/* Focus dans la partie content */
#content .focus {
	width: 242px;
	background-image: url(../../images/thermor/bg/roundedbg6.png);
}
#content .focus div {
	background-image: url(../../images/thermor/bg/roundedbg6.png);
}
#content .focus h4 {
	background-image: none;
	padding: 6px 5px 5px 5px;
}
#content .focus h4 a {
	text-decoration: underline;
}
#content .focus h4 a:hover {
	text-decoration: none;
}
#content .focus p,
#content .focus p a {
	font-style: normal;
}
#home_particulier_page #content .introtext .focus p {
	font-size: 1.3em;
	font-family: Lucida,Verdana,Arial,"Lucida Grande",Tahoma,Helvetica,sans-serif;
	padding: 5px 11px;
}
#home_particulier_page #content .homepartheight {
	min-height: 320px;
	position: relative;
}
#home_particulier_page #content .introtext .* > #home_particulier_page #content .introtext {
	height: auto;
}
/* Pre-home installateur */
#home_particulier_page #content .introtext, #home_particulier_page #content .introtext .colonne1 {
	background: none;
	margin: 0;
	padding: 0 0 8px 0;
 	 width: 941px;
  	color: #6B6B6B;
  	overflow: hidden;
}
#home_particulier_page #content .introtext h2 {
  color: #AD181A;
  font-weight: normal;
  font-size: 3.2em;
  margin: 0 0 20px 0;
  margin-bottom:10px;
}
#home_particulier_page #content .introtext h3 {
  font-weight: normal;
  font-size: 1.9em;
  margin-bottom: 6px;
}
#home_particulier_page #content .introtext h3.h3rouge {
  font-weight: bold;
  font-size: 1.3em;
  margin: 0;
}
#home_particulier_page #content .fiche-details-pratiques h4 {
  font-weight: bold;
  font-size: 1.3em;
  margin: 10px 0 5px 0;
  color: #C81B1D;
}
#home_particulier_page #content .introtext p {
	font-family:Lucida,Verdana,Arial,"Lucida Grande",Tahoma,Helvetica,sans-serif;;
	font-size: 1.2em;
	line-height: 1.6em;
	background: none;
	padding-top: 0;
	padding-left: 0;
}
#home_particulier_page #content .introtext p strong {
	font-weight: normal;
	color: #C81B1D;
}
#home_particulier_page #content .introtext .focus {
	position: absolute;
	bottom: 0;
	left: 0;
}
#home_particulier_page .col1 {
	margin-right:10px;
	float: right;
	width:242px;
}
#home_particulier_page .col2 {
	width: 328px;
}
#home_particulier_page .col1 .midblock {
	width: auto;
}
#home_particulier_page .col2 .simpleblock {
	width: 156px;
	background: transparent url(../../images/thermor/bg/roundedbg7.png) no-repeat scroll left top;
	float: left;
	margin-bottom: 10px;
	padding-top: 5px;
}
#home_particulier_page .col2 .simpleblock.last .contact {
	padding-top: 7px;
	margin: 0;
}
#home_particulier_page .col2 .simpleblock div {
	background: #E9E9E9 url(../../images/thermor/bg/roundedbg7.png) no-repeat scroll right bottom;
	padding: 10px 0 3px 5px;
}
#home_particulier_page .col2 .simpleblock div p {
  margin-bottom: 0;
}
#home_particulier_page .col2 .simpleblock.last .contact p {
	background: #E9E9E9 url(../../images/thermor/bg/roundedbg7.png) no-repeat scroll right bottom;
	padding: 0 0 7px 0;
	margin: 0;
	padding: 0;
}
#home_particulier_page .col2 .simpleblock.last {
	padding: 0 0 0 5px;
	background-image: none;
	background-color: transparent;
	margin-left: 5px;
}
#home_particulier_page .col2 .simpleblock.last div {
	background-position: top left;
	padding-bottom: 0;
}
#home_particulier_page .col2 .simpleblock .contact a {
	background: transparent url(../../images/thermor/bg/contact_home2.gif) no-repeat 0 -5px;
	padding: 6px 30px 39px 21px;
	text-decoration: none;
	font-style: normal;
	height: 6.8em;
	font-size: 1.05em;
	line-height: 1.0em;
	font-style: normal;
	font-weight: bold;
}
#home_particulier_page .col2 .simpleblock .contact a:hover {
	text-decoration: underline;
}

#home_particulier_page .col2 .simpleblock {
  padding: 5px 0;
}
#home_particulier_page .col2 .simpleblock h4 {
	background-image: url(../../images/thermor/icons/filetypes.png);
	background-position: -266px -313px;
	background-repeat: no-repeat;
	color: #C81B1D;
	font-size: 1.2em;
	margin: 0;
	padding: 6px 5px 14px 21px;
	width: 226px;
}
#home_particulier_page .col2 .simpleblock h4 a {
  font-style: normal;
  font-weight: normal;
  font-size: 1.5em;
  color: #606060;
  text-decoration: none;
}
#home_particulier_page .col2 .simpleblock h4 a:hover {
  text-decoration: underline;
}

#home_particulier_page .col2 {
	padding-left: 5px;
}
/* Bloc choisir le bon produit */
#home_particulier_page .col1 {
	margin: 20px 50px 15px 15px;
	padding-top: 5px;
	-moz-border-radius: 5px; /* FF1+ */
  	-webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px;
	background-color: #E9E9E9;
	height:75px;
}
#home_particulier_page .col1 #bienchoisir img {
  float: left;
}
#home_particulier_page .col1 #bienchoisir {
	width: 232px;
  color: #606060;
}
#home_particulier_page .col1 #bienchoisir div {
	float: left;
  margin: 5px 0 5px 10px;
}
#bienchoisir img.illustr {
	border: none;
	margin: 0 5px 0 0;
}
#bienchoisir h4 {
	background-image: url(../../images/thermor/icons/filetypes.png);
	background-position: -266px -313px;
	background-repeat: no-repeat;
	color: #C81B1D;
	font-size: 1.2em;
	margin: 0;
	padding: 6px 5px 5px 21px;
}
#bienchoisir h4 a {
  font-style: normal;
  font-weight: normal;
  font-size: 1.5em;
  color: #606060;
  text-decoration: none;
}
#bienchoisir h4 a:hover {
  text-decoration: underline;
}
#bienchoisir ul li, .fiche-details-pratiques .redbutton,
.fiche-infos-complementaires .redbutton {
	margin: 3px 0 15px 1px;
	padding: 4px 0 0 0;
	width: 260px;
	background: transparent url(../../images/thermor/bg/roundedbg12.png) no-repeat top left;
}
#content .introtext .fiche-infos-complementaires .redbutton span {
  background:transparent url(../../images/thermor/bg/roundedbg12.png) no-repeat scroll left bottom;
  color: white;
  display: block;
  padding: 0 0 4px 6px;
}
#bienchoisir ul li a, .fiche-details-pratiques .redbutton a {
	color: #fff;
	font-style: normal;
	text-decoration: none;
	padding: 0 6px 4px 6px;
	float: left;
	width: 248px;
	background: transparent url(../../images/thermor/bg/roundedbg12.png) no-repeat bottom left;
}
#bienchoisir ul li a:hover {
	text-decoration: underline;
}
#home_page .focus.jsApplied .fadingnews .roundedImg {
	width: 293px;
	height: 300px;
	position: absolute;
	top: -128px;
	left: -24px;
	z-index: 10;
	background: transparent url(../../images/thermor/bg/overimg.png) no-repeat top left;
}

#home_installateur_page.homepage #wrapper,
#home_installateur_identifie_page.homepage #wrapper,
#home_installateur_argent_page.homepage #wrapper,
#home_installateur_or_page.homepage #wrapper {
	background:#FFFFFF url(../../images/thermor/bg/home2/cartonman.jpg) no-repeat scroll 100% 5.4em;
}


.dotseparator {
  clear: both;
  height: 15px;
  background: transparent url(../../images/thermor/bigdot.png) repeat-x top left;
}

#home_particulier_page #content .introtext .colonne1 {
  float: left;
margin-top:35px;
  width:550px;
}

#home_particulier_page #content .introtext .generalcontent {
  margin-top: 50px;
  padding-top: 90px;
  width: 360px;
}
#home_particulier_page #content .introtext .colonne2 {
  float: right;
}

#home_particulier_page .largeblock {
  margin-left: 170px;
}

.fiche-reference {
  font-size: 1.9em;
  margin: 10px 0 25px 0;
}

.fiche-details-pratiques {
  padding-bottom: 35px;
  width: 315px;
}

.fiche-infos-complementaires {
  width: 315px;
  border-top: 1px dotted #6B6B6B;
  padding-top: 17px;
}

form table.calendriertable {
  border-spacing: 1px;
  border-collapse: separate;
  background-color: transparent;
}
form table.calendriertable tr.entete {
  height: 40px;
}


.calendrier_content a {
	text-decoration: underline;
	color: white;
}

.calendrier_content a:hover {
	text-decoration: underline;
	color: black;
}
.calendrier_content td {
	line-height: 1.3em;
	padding-left: 5px;
}

.calendrier_content td, .calendrier_content th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FFF;
	margin: 1px;
}

.calendrier_content a {
	text-decoration: underline;
	color: white;
}

.calendrier_content a:hover {
	text-decoration: underline;
	color: black;
}
.calendrier_content td {
	line-height: 1.3em;
	padding-left: 5px;
}
tr.entete, tr.entete td  {
	background-color: #CA1A1D;
}

#content form tr.entete td {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 50px;
	color: #FFF;
  text-transform: uppercase;
}

tr.sous_entete, tr.sous_entete td {
	background-color: #CA1A1D;
}

tr.sous_entete td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
}
tr.calendrier_content td span {
	padding-top: 5px;
	display: block;
}


td.vert_f, td.vert_m, td.vert_p, td.violet_f, td.violet_m, td.violet_p, td.rouge_f, td.rouge_m, td.rouge_p, td.vert2_f, td.vert2_m, td.vert2_p, td.bleu_f, td.bleu_m, td.bleu_p, td.pourpre_f, td.pourpre_m, td.pourpre_p  {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

td.vert_f {
	background-color: #59B4A3;
}

td.vert_m {
	background-color: #B2DAD0;
	color: black;
}

td.vert_p {
	background-color: #E1F0EB;
	color: black;
}

td.vert2_f {
	background-color: #006066;
}

td.vert2_m {
	background-color: #7DA3A8;
	color: black;
}

td.vert2_p {
	background-color: #CCD8DA;
	color: black;
}

.fullwidthcol {
  margin: 60px 40px 0 0;
}

#recherche_forma {
  padding-bottom: 15px;
}

#bulletin {
  padding-bottom: 20px;
}

#content form #bulletin table tbody th,
#content form #bulletin label,
.the_ajax_form label {
  width: 140px;
}

#content form #bulletin input[type=text],
#content form #bulletin select,
.the_ajax_form input[type=text],
.the_ajax_form select {
  border: 1px solid lightgray;
  width: 185px;
  height: 18px;
}

.the_ajax_form label {float: left; clear:left;}
.the_ajax_form label.error { float: none; margin-left: 1ex; color: red;}
.the_ajax_form input[type=checkbox] { margin: 0.25ex 0; }

#content form #bulletin span.notintable label {
  width: auto;
}

#content form #bulletin span.notintable {
  width: 140px;
  display: inline-block;
}

#googlemaps {
  width: 690px;
  height: 600px;
  margin: 30px 100px;
}

img.floatright {
  float: right;
  margin: 0 0 15px 15px;
}
img.floatleft {
  float: left;
  margin: 0 15px 15px 0;
}
img.fullimg {
	clear: both;
}
.legende_img {
	padding-top: 5px;
	display: block;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 15px;
}
/* Accordeon sessions */

h4.trigger {
  margin-bottom: 7px;
  overflow-y: hidden;
}
h4.trigger a {
	display: block;
  text-decoration: none;
  color: #666666;
  font-size: 12px;
}

h4.trigger a:hover { color: #ccc; }
h4.active {background-position: left bottom;}
.toggle_container {
	overflow: hidden;
	clear: both;
}

#content .introtext h4.trigger a span.puce {
  background: transparent url(../../images/thermor/bt_accordion_rouge.png) no-repeat scroll 0 0;
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 5px;
  padding: 0;
}
#content .introtext h4.active a span.puce {
  background: transparent url(../../images/thermor/bt_accordion_rouge.png) no-repeat scroll 0 -15px;
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  margin-right: 5px;
  padding: 0;
}

.home-actus-left, .home-actus-right {
	float: left;
}
.home-actus-left {
	width:550px;
	margin-right: 20px;
}
.home-actus-right {
  width: 340px;
}
#home_text_video,
#home_testimonial {
  width: 340px;
  overflow: hidden;
  margin-top:25px;
  float:right;
}
#home_text_video h2,
#home_testimonial h2,
.home_actus h2{
	font-size: 1.6em;	
}
.home_actus {
  overflow: hidden;
 	margin-top:25px;	
}
.home_actus ul li {
	font-size:0.9em;
	line-height:1.4em;
	margin-left:15px;
}
.home_actus img, .home_actus > div {
	float: left;
}
.home_actus img {
	padding: 0 25px 5px 0;
}
.home_actus > div {
	width: 270px;
}
#home_testimonial {
  margin-left: 30px;
}
#home_text_video .img_right,
#home_testimonial .img_right {
  float: right;
  padding-left:5px;
}
#home_testimonial a.popup_trigger {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
#home_testimonial .testimonial_popup_text_wrapper {
  padding: 5px;
  clear: both;
  border: dashed 1px #FF0000;
}

