body{
margin:0;
border:none;
padding:0;
font-family: Helvetica;
font-size:12px;
color:#63636B;
background:url('../images/bg_site.png') #999999 repeat-x;
behavior:url("../csshover3.htc");
}

a.underline{
text-decoration:underline;
}

img{ behavior: url(../iepngfix.htc) }

.formulaire{
background:url('../images/bg_site_2.jpg') #dadbdc repeat-x;
}

img{
border:0;
}

.clear{
clear:both;
}

#page{
width:1020px;
margin-left:auto;
margin-right:auto;
}

/* GAUCHE */

#gauche{
width:180px;
float:left;
text-align:center;
}

#gauche form{
margin:0;
}
#gauche input{
font-size:10px;
/*color:#d0d0d0;*/
}
#gauche h1{
margin-top:5px;
margin-bottom:0px;
font-size:16px;
color:#FFF;
}

/* HEADER */

#header{
height:74px;
}
	
	/* MENU */
	
	#menu{
	width:495px;
	height:20px;	
	text-align:center;	
	float:left;	
	margin-top:6px;
	}
	#menu img{
	margin-left:20px;
	}
	
	/* ESPACE CLIENT */
	
	#login_client{
	background:url('../images/barre_v_header.jpg') left no-repeat;		
	padding-left:10px;
	width:304px;
	margin-top:-15px;
	-margin-top:-65px;
	float:right;
	}
	#login_client form{
	margin:0;
	width:240px;
	margin-left:10px;
	float:right;
	}
	#login_client a{
	color:#f0f0f0;
	font-size:10px;
	}
	.login{
	width:100px;
	height:12px;
	margin-top:0px;
	font-size:10px;	
	}
	
/* CONTENU */

#c1_gauche{
width:506px;
height:371px;
text-align:center;
float:left;
}

#c1_gauche_Actu{
width:506px;
text-align:center;
float:left;
}

#c1_gauche img{
float:left;
margin-left:20px;
}
#c1_gauche h1{
text-align:left;
color:#ee7f00;
}

#c1_gauche_Actu h1{
text-align:left;
color:#ee7f00;
}
#c1_gauche p{
text-align:left;
font-size:14px;
margin-left:40px;
margin-bottom:10px;
}
#c1_gauche_Actu p{
text-align:left;
font-size:14px;
margin-left:40px;
margin-bottom:10px;
}
#c1_gauche b {
color:#ee7f00;
font-size:16px;
}

#c1_gauche a{
color:#63636B;
font-weight:bold;
text-decoration:underlinde;
}
#c1_gauche_Actu a{
color:#4a4b2d;
font-weight:bold;
text-decoration:underlinde;
}
#c1_gauche a:hover{
color:#ee7f00;
font-weight:bold;
}
#c1_gauche_Actu a:hover{
color:#ee7f00;
font-weight:bold;
}

#c2_gauche a{
color:#63636B;
font-weight:bold;
text-decoration:underlinde;
}
#c2_gauche a:hover{
color:#ee7f00;
font-weight:bold;
}

#c1_droit{
width:314px;
height:371px;
float:right;
}

#c1_droit_Actu{
width:314px;
float:right;
}

#offre_1{
background:url('../images/offre_1_test.jpg') no-repeat;
display:none;
}
#offre_2{
background:url('../images/offre_2_test.jpg') no-repeat;
display:none;
}
#offre_3{
background:url('../images/offre_3_test.jpg') no-repeat;
display:none;
}
#offre_4{
background:url('../images/offre_4_test.jpg') no-repeat;
display:none;
}

#offre_4 p.toto{
font-size:12px;
margin-left:0px;
margin-top:0px;
width:180px;
overflow:hidden;
}

.offre_1bis{
background:url('../images/offre_1_test.jpg') no-repeat;
}

.offre_2bis{
background:url('../images/offre_2_test.jpg') no-repeat;
}

.offre_3bis{
background:url('../images/offre_3_test.jpg') no-repeat;
}

.offre_4bis{
background:url('../images/offre_4_test.jpg') no-repeat;
}

.valeur_1{
background:url('../images/valeur_1_test.jpg') no-repeat;
}

.valeur_2{
background:url('../images/valeur_2_test.jpg') no-repeat;
}

.valeur_3{
background:url('../images/valeur_3_test.jpg') no-repeat;
}

#valeur_1{
background:url('../images/valeur_1_test.jpg') no-repeat;
display:none;
}

#valeur_1_version_stat{
background:url('../images/valeur_1_test.jpg') no-repeat;
display:block;
}

/*.valeur_2{
background:url('../images/valeur_2_test.jpg') no-repeat;
}*/

#valeur_2{
background:url('../images/valeur_2_test.jpg') no-repeat;
display:none;
}

#valeur_2_version_stat{
background:url('../images/valeur_2_test.jpg') no-repeat;
display:block;
}

/*.valeur_3{
background:url('../images/valeur_3_test.jpg') no-repeat;
}*/

#valeur_3{
background:url('../images/valeur_3_test.jpg') no-repeat;
display:none;
}

#valeur_3_version_stat{
background:url('../images/valeur_3_test.jpg') no-repeat;
display:block;
}

#c1_droit span{
font-weight:bold;
color:#ee7f00;
}

#c1_droit a{
color:#ee7f00;
}

#c2_gauche{
background:url('../images/barre_v.jpg') right no-repeat;
width:410px;
float:left;
}
#c2_droit{
width:410px;
float:right;
}	
		
.titre{
margin-top:10px;
text-align:center;
}

.text{
margin-left:20px;
margin-right:20px;
font-size:14px;
}

.text span{
font-weight:bold;
color:#ee7f00;
}

.plus{
text-align:right;
margin-right:20px;
}

.formulaire_error{
text-align:left;
font-size:10px;
color:#ee7f00;
margin-left:10px;
border-top:1px dotted;
}

#contenu_2 {
position:relative;
top:365px;
left:195px;
top:0px\9;
left:15px\9;
width:680px;
height:210px;
}

#contenu_2_bis {
position:relative;
top:0px;
left:0px;
width:1000px;
width:800px\9;
height:210px;
}

#contenu_2_haut_gauche {
position:absolute;
top:0px;
left:0px;
width:320px;
height:98px;
overflow:hidden;
}

#contenu_2_bas_gauche {
position:absolute;
top:112px;
left:0px;
width:320px;
height:98px;
overflow:hidden;
}

#contenu_2_haut_droite {
position:absolute;
top:0px;
left:360px;
width:320px;
height:98px;
overflow:hidden;
}

#contenu_2_bas_droite {
position:absolute;
top:112px;
left:360px;
width:320px;
height:98px;
overflow:hidden;
}

#contenu_2_barre_gauche {
position:absolute;
top:99px;
left:0px;
width:320px;
color:#FFFFFF;
margin:0;
}

#contenu_2_barre_droite {
position:absolute;
top:99px;
left:360px;
width:320px;
color:#FFFFFF;
margin:0;
}

#contenu_2 .link_normal {
color:#656766;
}

#contenu_2 .link_normal:hover {
text-decoration:underline;
}

#contenu_2 .link_white {
color:#FFFFFF;
font-weight:bold;
}

#contenu_2 .link_white:hover{
text-decoration:underline;
}

/* ACTUALITES */

.readNews {
color:#FFFFFF;
font-weight:bold;
}

#contenu_2 a:hover.readNews{
text-decoration:underline;
}

.actualite{
width:480px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
}
.actualite span{
font-weight:bold;
color:#ee7f00;
font-size:14px;
}
.actualite h1{
color:#FFF;
font-size:16px;
margin:0;
}
.actualite p{
margin:0;
font-size:14px;
}
.actualite_g{
float:left;
}
.actualite_d{
float:right;
width:370px;
}

/* MINI ACTU */

.actu{
width:350px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}
.actu h1{
color:#FFF;
font-size:12px;
margin:0;
}
.actu p{
margin:0;
}
.actu_g{
float:left;
}
.actu_d{
float:right;
width:300px;
}

.actu_d span{
font-weight:bold;
color:#ee7f00;
}
	
.idee{
width:350px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}
.idee h1{
color:#FFF;
font-size:14px;
margin:0;
}
.idee p{
margin:0;
}
.idee_g{
float:left;
width:100px;
text-align:center;
}
.idee_d{
float:left;
width:250px;
}
	
/* FOOTER */	

#footer{
position:relative;
top:393px;
left:170px;
top:20px\9;
left:0px\9;
width:700px;
height:215px;
}

#footer_link{
color:#f0f0f0;
position:absolute;
top:170px;
left:58px;
}

#footer_link a:hover{
text-decoration:underline;
}

#footer_barre {
position:absolute;
top:150px;
left:2px;
width:690px;
}

/* MODULE FOOTER */

#module_footer_1 {
position:absolute;
top:0px;
left:0px;
background-image:url('../images/pave-gris.png');
width:147px;
height:146px;
}

#module_footer_2 {
position:absolute;
top:0px;
left:182px;
background-image:url('../images/pave-gris.png');
width:147px;
height:146px;
}

#module_footer_3 {
position:absolute;
top:0px;
left:364px;
background-image:url('../images/pave-gris.png');
width:147px;
height:146px;
}

#module_footer_4 {
position:absolute;
top:0px;
left:546px;
background-image:url('../images/pave-gris.png');
width:147px;
height:146px;
}

.module_1_title {
padding-top:10px;
padding-left:19px;
}

.module_2_3_title {
padding-top:10px;
padding-left:25px;
}

.module_4_title {
padding-top:10px;
padding-left:12px;
}

.module_barre_hor {
position:absolute;
top:35px;
left:15px;
width:115px;
}

.module_text {
position:absolute;
top:45px;
left:10px;
font-size:9px;
}

#module_text_ajax_1 {
position:absolute;
top:45px;
left:10px;
margin-right:10px;
font-size:10px;
text-align:jusitify;
}

#module_text_ajax_2 {
position:absolute;
top:48px;
left:10px;
margin-right:10px;
font-size:10px;
text-align:jusitify;
}

.module_smiley {
position:absolute;
top:100px;
left:115px;
width:20px;
}

.module_formulaire {
position:absolute;
top:75px;
left:10px;
width:127px;
height:20px;
background-color:#FFFFFF;
}

.module_input {
padding:3px 0 0 3px;
width:100px;
border:0px;
font-size:10px;
color:#6F6F6F;
}

.module_fleche {
position:absolute;
top:1px;
left:108px;
margin:0px;
}

.module_bouton {
position:absolute;
top:105px;
left:17px;
background-image:url('../images/bouton-noir-bas.png');
width:110px;
height:21px;
}

/* FORMULAIRE */

#formulaire{
text-align:left;
width:520px;
margin-top:20px;
margin-left:30px;
}

ul#stepForm, ul#stepForm li{
margin:0;
padding:0;
}
ul#stepForm li{
list-style:none;
}

.requiredNotice{
float:right;
}
.stepHeader{
float:left;
}

#stepForm label.warning{
text-align: left;
width:auto;
padding:0;
margin:0 0 0 10px;
float: none;
clear: none;
display: inline;
color:#EF7F00;
font-size:10px; 
border:none;
border-top:1px dotted #EF7F00;
}

legend{
color:#EF7F00;
font-size:14px;
font-weight:bold;
}

#contenu_Actu{
	overflow-y:auto;
    height:260px;
}

/* Form Buttons  */
input.buttonform{
background-color:#EF7F00;
border:1px solid #EF7F00;
cursor:pointer;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:20px;
margin:4px;
width:29px;
height:29px;
}

input.buttonform2{
background-color:#C7D20A;
border:1px solid #C7D20A;
cursor:pointer;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:20px;
margin:4px;
width:29px;
height:29px;
}

input.submitbutton, .nextbutton, .prevbutton{
background-color:#EF7F00;
padding:2px;
border:1px solid #EF7F00;
cursor:pointer;
text-align:center;
color:#FFFFFF;
font-weight:bold;
margin:4px;
float:right;
}
input.submitbutton{
background-color:#006699;
}

#contenu_autre a{
	color:#63636B;	
}

#aller img{
width:180px;
float:right;
margin-left:80px;
margin-top:-30px;
}

#codeOP{
float:right;
margin-top:13px;
margin-right:52px;
color:#EF7F00;
font-weight:bold;
font-size:14px;
}

/* New */
#espace_client_left{
position:relative;
top:-33px;
top:-45px\9;
left:14px;
left:0px\9;
background-image:url('../images/espace-client-4.png');
width:153px;
height:215px;
z-index:3;
}

#espace_client_left a:hover{
text-decoration:underline;
}

#espace_client_login {
position:absolute;
top:40px;
left:16px;
width:120px;
height:20px;
background-color:#FFFFFF;
}

#espace_client_active {
position:relative;
top:55px;
font-size:14px;
font-weight:bold;
}

#espace_client_num {
background-image:url(../images/numero_cristal_left.png);
position:absolute;
top:140px;
left:1px;
width:151px;
height:20px;
}

#menu2{
width:700px;
height:40px;	
text-align:center;	
float:left;	
}

#numero_cristal_header {
background-image:url(../images/numero_cristal_haut.png);
background-repeat:no-repeat;
width:242px;
height:100px;
position:relative;
top:5px;
left:800px;
top:-35px\9;
left:630px\9;
}

div .bouton_module {
background-image:url(../images/bouton-noir-bas.png);
width:110px;
height:21px;
position:absolute;
top:106px;
left:16px;
cursor:pointer;
}

div #module_facebook{
background-image:url(../images/facebook-bouton.png);
background-repeat:no-repeat;
margin-left:12px;
margin-top:25px;
margin-top:45px\9;
width:120px;
height:23px;
line-height:23px;
color:#63636B;
font-size:9px;
font-weight:bold;
cursor:pointer;
}

div #module_viadeo {
background-image:url(../images/viadeo-bouton.png);
background-repeat:no-repeat;
width:120px;
height:23px;
margin-left:12px;
margin-top:8px;
line-height:23px;
color:#63636B;
font-size:9px;
font-weight:bold;
cursor:pointer;
}

div #like_facebook {
margin:27px 0 0 30px;
}

div #like_google {
margin:5px 0 0 42px;
}

div#offre_electrecolo {
background-image:url(../images/electrecolo.png);
float:left;
margin-top:30px;
margin-left:82px;
width:250px;
height:239px;
}

div#offre_electreasso {
background-image:url(../images/electreasso.png);
float:left;
margin-top:30px;
margin-left:45px;
width:250px;
height:241px;
}

div#c1_gauche table {
border-collapse:collapse;
}

div#image_electreasso {
background-image:url(../images/electreasso_formulaire.png);
width:159px;
height:79px;
float:right;
display:inline;
margin-right:20px;
position:relative\9;
top:-78px\9;
}

div#image_electreasso div#text-electreasso {
font-size:9px;
line-height:10px;
font-weight:bold;
color:#86EE07;
margin-top:45px;
text-align:right;
width:100px;
height:30px;
}

table#tarifs {
border-collapse:collapse;
margin-top:10px;
}

table#tarifs th {
border:1px solid #999999;
color:#F07E00;
padding:5px;
}

table#tarifs td {
border:1px solid #999999;
padding:4px;
}