@charset "UTF-8";
/* CSS Document */

body  {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FBFBFB;
	background-image: url(images/corps/body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}




a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #A5E100;
	text-decoration: none;
}
a:hover {
	color: #A5E100;
	text-decoration: none;
}
a {
	font-weight: bold;
}



h1 {
	color: #444;
}
h2 {
	font-size:22px;
	color: #666;
}



.thrColFixHdr #container {
	width: 988px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #000;
	background-color: #2483A5;
	
} 
#entete{
	padding: 0;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	background-color: #DDDDDD;
	background-image: url(images/corps/header.jpg);
	height: 214px;
	width: 990px;
	margin-top: -1px;
	margin-right: -1px;
	margin-left: -1px;	
	}
#sous_entete{
	background-image: url(images/corps/sous_menu.jpg);
	height: 52px;
	width: 988px;
	margin-bottom: -21px;
	padding-top: 0px;
	clear: both;
}
.menu_horizontal {
	background-image: url(images/corps/menu.jpg);
	height: 50px;
	float: left;
	
}
#menu_horizontal_accueil{background-position: 0px 0px; width:200px;}
.hover #menu_horizontal_accueil{background-position: 0px -50px; width:200px;}

#menu_horizontal_raisons{background-position: -200px 0px; width:270px;}
.hover #menu_horizontal_raisons{background-position: -200px -50px; width:270px;}

#menu_horizontal_conso{background-position: -470px 0px; width:285px;}
.hover #menu_horizontal_conso{background-position: -470px -50px; width:285px;}

#menu_horizontal_chauffe{background-position: -755px 0px; width:233px;}
.hover #menu_horizontal_chauffe{background-position: -755px -50px; width:233px;}

.menu {
	width: 200px;
	margin-bottom:15px;
}
.menu .titre {
	width: 184px;
	background-image: url(images/corps/titre-menu.gif);
	height: 34px;
	background-position: -34px;
	background-repeat: repeat-x;
	margin-right: 8px;
	margin-left: 8px;
}
.menu .titre .titre_droite {
	background-image: url(images/corps/titre-menu.gif);
	float: right;
	height: 34px;
	width: 8px;
	margin-right: -8px;
	background-repeat: no-repeat;
	background-position: right -68px;
}
.menu .titre .titre_gauche {
	background-image: url(images/corps/titre-menu.gif);
	float: left;
	height: 26px;
	width: 170px;
	background-repeat: no-repeat;
	background-position: left 0px;
	margin-left: -8px;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 16px;
	color: #444;
}
.menu .contenu {
	width: 180px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #184250;
	color: #FFF;
	padding: 10px;
	background-image: url(images/corps/menu_footer.gif);
	
}
.thrColFixHdr #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.thrColFixHdr #mainContent {
	width: 480px;
	margin-top: 0px;
	margin-right: 244px;
	margin-bottom: 0px;
	margin-left: 243px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #96E3E9;
	background-image: url(images/corps/footer_content.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom:10px;
} 
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#DDDDDD;
} 
.thrColFixHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#grand_footer{
	background-image: url(images/corps/footer.jpg);
	height: 209px;
	clear: both;
	margin-top: -1px;
	}
#grand_footer #bloc_footer_droite{
	background-image: url(images/corps/footer_bloc.jpg);
	background-repeat: no-repeat;
	background-position: right -84px;
	float: right;
	height: 32px;
	width: 250px;
	text-align: left;
	padding-top: 10px;
}
#grand_footer #bloc_footer_gauche{
	background-image: url(images/corps/footer_bloc.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	float: left;
	height: 32px;
	width: 650px;
	padding-top: 10px;
	padding-left: 40px;
	text-align: left;
}
#grand_footer #bloc_footer{
	background-image: url(images/corps/footer_bloc.jpg);
	background-repeat: repeat-x;
	background-position: -42px;
	height: 42px;
	width: 990px;
	margin: auto;
}
#grand_footer #contenu_footer{
	text-align: left;
	margin: auto;
	width: 850px;
	color: #FFF;
}
#grand_footer #contenu_footer span{
	text-align: left;
	margin: auto;
	width: 850px;
	color: #b2dd2a;
	font-weight: bold;
}

#sous_entete a, #sous_entete a:visited {
	font-weight: normal;
	font-variant: normal;
}
#contenu_footer a, #contenu_footer a:visited {
	font-weight: normal;
	color: #FFF;
	font-variant: normal;
}
#contenu_footer a:hover {
	color: #A5E100;
	text-decoration: none;
}










input, textarea {
	font-size: 16px;
	height: 25px;
	border: 1px solid #d7d8d9;
	width: 430px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #F3F3F3;
	color: #b2dd2a;
	padding-top:8px;
	margin-bottom:8px;
	background-color: #1d1d1d;
	color: #CCC;
	background-image: url(images/corps/noir.gif);
	background-repeat: repeat-x;
	background-position: top;
}
textarea {
	height:110px;
	padding:3px;
	width: 444px;
	background: #F3F3F3;
	color: #828282;	
}

fieldset{
	-moz-border-radius:4px;
	-khtml-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border: 1px solid #666;
	background-color: #bbce48;
	color: #4b4b4b;
	background-image: url(images/corps/vert.gif);
	background-repeat: repeat-x;
	background-position: top;}
legend{
	font-size:24px;
	margin:10px;
	padding:6px;
	}	
	



.bloc_idee {
	border: 1px solid #d7d8d9;
	width: 460px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	padding: 10px;
	font-size: 15px;
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 22px;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
}
.bloc_auteur {
	border: 1px solid #d7d8d9;
	margin-bottom: 10px;
	font-size: 12px;
	height: 15px;
	padding-top: 5px;
	padding-left: 6px;
	background-repeat: repeat-x;
	background-position: top;
}

.bloc_vert .bloc_idee {
	background-color: #bbce48;
	color: #4b4b4b;
	background-image: url(images/corps/vert.gif);
}
.bloc_bleu .bloc_idee {
	background-color: #48a4ce;
	color: #4b4b4b;
	background-image: url(images/corps/bleu.gif);
}
.bloc_vert .bloc_auteur, .bloc_bleu .bloc_auteur {
	background-color: #1d1d1d;
	color: #CCC;
	background-image: url(images/corps/noir.gif);
}
.bloc_noir .bloc_idee {
	background-color: #1d1d1d;
	color: #CCC;
	background-image: url(images/corps/noir.gif);
}
.bloc_noir .bloc_auteur {
	background-color: #bbce48;
	color: #4b4b4b;
	background-image: url(images/corps/vert.gif);
}
.bloc_noir_bleu .bloc_idee {
	background-color: #1d1d1d;
	color: #CCC;
	background-image: url(images/corps/noir.gif);
}
.bloc_noir_bleu .bloc_auteur {
	background-color: #48a4ce;
	color: #4b4b4b;
	background-image: url(images/corps/bleu.gif);
}

.bloc_vert .bloc_auteur a {
	color: #bbb;
}


.etoile, .etoile_noir, .etoile_demi {
	background-image: url(images/icones/etoiles.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 25px;
	width: 26px;
}
.etoile_noir{background-position: 0px -50px;}
.etoile_demi{background-position: 0px -25px;}







.boxe_erreur, .boxe_valide, .boxe_bleu, .boxe_blanc, .boxe_information, .boxe_question {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 15px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px
}
.boxe_erreur {
	background-color: #ffd5d5;
	background-image: url(http://sitefreez.com/images/icones/icones16/delete.png);
	border: 1px solid #ffacad;
	color: #cf3233;
}
.boxe_valide {
	background-color: #cdefa6;
	background-image: url(http://sitefreez.com/images/icones/icones16/accept.png);
	border: 1px solid #9bcc54;
	color: #648434;
}


.btn_menu {
	color: #333;
	background-color: #1B4150;
	background-image: url(images/corps/btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 33px;
	width: 184px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
.hover .btn_menu {
	color: #000;
	background-color: #1B4150;
	background-image: url(images/corps/btn.gif);
	background-repeat: no-repeat;
	background-position: center -39px;
	height: 33px;
	width: 184px;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}


.box_degres {
	background-image: url(images/autre/bulle_degres.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 83px;
	width: 129px;
	color:#474747;
	font-size:45px;
	font-weight:bold;
	text-align:right;
	padding-right:60px;
	padding-top:28px;
}
.box_intro{
	background-image: url(images/autre/bord_droit.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:68px;
	float:right;
	background-color:#defdff;
	width:310px;
	margin-top:34px;
	color:#008cbf;
	padding-top:8px;
	padding-left:10px;
	font-family: "Myriad Pro", Arial, Verdana, sans-serif;
	font-size:15px;
}
.btn_chauffe{
	background-image: url(images/autre/je_chauffe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:absolute; 
	margin-top:54px; 
	margin-left:50px;
	height:38px;
	width:160px;
}
.hover .btn_chauffe{
	background-position: left -39px;
}



.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/corps/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/corps/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/corps/tt_bottom.gif) top right no-repeat; overflow:hidden}