/* CSS Document CO2ACTIV*/

body {
background:#fff url("../Images/bg-body.png") repeat-x top left;
color:#333;
font-family:Helvetica, arial, Verdana, sans-serif;
font-size:100.1%;
text-align:center;
margin:0;
padding:0;
}

.clr {
clear:both;
}

a{ text-decoration:underline; color:#333;}

a:hover { text-decoration:none; color:#000;}

a:focus{ text-decoration:blink;}

a:active{ text-decoration:none; color:#00662c;}

a.link-vert {color:#00662c;}


#container {
width:946px;
text-align:left;
margin:0 auto;
}

/*#top a {
display:block;
height:77px;
width:100px;
margin-left:20px;
background:url("../Images/logo-top.png") no-repeat bottom left;
}*/
#top a {
display:block;
height:37px;
width:170px;
margin-left:4px;
background:url("../Images/logo-co2activ-top.png") no-repeat bottom left;
}

#top span {
display:none;
}

#content {
width:946px;
margin:0;
}

#top-content {
width:946px;
background:url("../Images/top.png") no-repeat top left;
height:16px;
margin:0;
}

#center {
width:946px;
background:url("../Images/bg-content.png") repeat-y top left;
padding:2px 20px 2px 20px;
}

#bottom-content {
width:946px;
background:url("../Images/bottom.png") no-repeat bottom left;
height:22px;
}

#col-left {
float:left;
width:660px;
margin-top:10px;
text-align:justify;
font-size:12px;
/*letter-spacing:-0.1px;*/
}

.img-societe{ 
float:left; 
margin:5px; 
width:150px;
}

h1{ 
margin:20px 0;
font-size:15px;
font-weight:bold;
color:#00662c;
background-repeat:no-repeat;
background-position:top left;
height:30px;
}

h2{ 
margin:2px 0;
font-size:14px;
font-weight:bold;
}

h3{ 
margin:0; 
padding:0;
font-size:12px;
font-weight:bold;
height:30px;
background-repeat:no-repeat;
background-position:top left;
}
h1 span, h2 span,h3 span{display:none;}

h3.votreachat{
background-image:url("../Images/titre-cequenouscompensons.png");
}

h3.projetmisenoeuvre{
background-image:url("../Images/titre-projetmisenoeuvre.png");
}


h1.pourquoi{
background-image:url("../Images/titre-pourquoi.png");
margin: 2px 0;
}
h1.lesentreprises{
background-image:url("../Images/titre-lesentreprises.png");
margin: 2px 0;
}
h1.rechauffement{
background-image:url("../Images/titre-rechauffement.png");
margin: 2px 0;
}
h1.compensation{
background-image:url("../Images/titre-compensationCO2.png");
margin: 2px 0;
}
h1.quisommesnous{
background-image:url("../Images/titre-quisommesnous.png");
margin: 2px 0;
}
h1.contact{
background-image:url("../Images/titre-contact.png");
margin: 2px 0;
}
h1.faq{
background-image:url("../Images/titre-faq.png");
margin: 2px 0;
}





#bloc-votreachat
{
padding:15px 10px 1px 10px;
background:#daf0f8 url("../Images/arrondi-haut.png") no-repeat top left;
}
#bloc-projetmisenoeuvre
{
padding:3px 10px 5px 10px;
background:#cae0e8 url("../Images/arrondi-bas.png") no-repeat bottom left;
}

#col-left p{ 
margin-top:0;
}

#contenu-projet{
float:left; 
width:460px;
}

.visuels-projets{
display:block; 
width:160px; 
height:170px; 
float:right;
padding:5px;
margin-left:5px;
background: url("../Images/bg-visuels.png") no-repeat top left;
}

.visuels{
width:150px; 
height:150px;
background:#ccc; 
}

.visuels-projets a{
display:block; 
padding-top:5px;
}


.liste-verte,.liste-rouge
{
list-style-position:inside;
padding-left:0;
margin:5px 0 5px 15px;
}

.liste-verte li {
 font-size: 100%;
 list-style-type:none;
 background-image:url(../Images/puce.png);
 background-repeat:no-repeat;
 background-position:0 -4px;
 padding-left:19px;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 2px;

} 
.liste-rouge li {
 font-size: 100%;
 list-style-type:none;
 background-image:url(../Images/puce-rouge.png);
 background-repeat:no-repeat;
 background-position:0 -4px;
 padding-left:19px;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 2px;
} 

#col-right {
float:left;
width:225px;
margin-left:15px;
}
#planete{ width:225px; text-align:right;}
#col-right #search{
background:url("../Images/bg-search.png") no-repeat top left;
width:218px;
height:81px;
margin-left:5px;
}

#col-right .input-search
{
margin-left:43px;
margin-right:13px;
margin-top:48px;
padding:0;
padding-left:2px;
height:19px;
line-height:19px;
font-size:80%;
border:none;
}

.btn-search
{
width:26px;
height:26px;
background:#46b4db url("../Images/btn-search.png") no-repeat ;
border:0px;
color:#fff;
font-weight:bold;
font-size:60%;
text-align:center;
text-transform:uppercase;
}
.btn-search:hover
{
cursor: pointer;
background:#46b4db url("../Images/btn-search-hover.png") no-repeat ;
}

#menu{ 
margin:20px 0;
}

#menu ul, #menu li {
margin:0;
padding:0;
list-style-type:none;
}
#menu li a{
display:block;
height:26px;
width:234px;
}
#menu li a:hover,#menu li a:focus{
}

#menu li a span{
display:none;
}

#menu li a.InfoPourquoi{ background:url("../Images/InfoPourquoi.png") no-repeat ;}
#menu li a.InfoPourquoi:hover,
#menu li a.InfoPourquoi:focus{ background:url("../Images/InfoPourquoiOn.png") no-repeat ;}

#menu li a.InfoEntreprises{ background:url("../Images/InfoEntreprise.png") no-repeat ;}
#menu li a.InfoEntreprises:hover,
#menu li a.InfoEntreprises:focus{ background:url("../Images/InfoEntrepriseOn.png") no-repeat ;}

#menu li a.InfoRechauffement{ background:url("../Images/InfoRechauffement.png") no-repeat ;}
#menu li a.InfoRechauffement:hover,
#menu li a.InfoRechauffement:focus{ background:url("../Images/InfoRechauffementOn.png") no-repeat ;}

#menu li a.InfoCompensation{ background:url("../Images/InfoCompensation.png") no-repeat ;}
#menu li a.InfoCompensation:hover,
#menu li a.InfoCompensation:focus{ background:url("../Images/InfoCompensationOn.png") no-repeat ;}

#menu li a.InfoContact{ background:url("../Images/InfoContact.png") no-repeat ;}
#menu li a.InfoContact:hover,
#menu li a.InfoContact:focus{ background:url("../Images/InfoContactOn.png") no-repeat ;}

#menu li a.InfoQui{ background:url("../Images/InfoQui.png") no-repeat ;}
#menu li a.InfoQui:hover,
#menu li a.InfoQui:focus{ background:url("../Images/InfoQuiOn.png") no-repeat ;}

#menu li a.InfoFaq{ background:url("../Images/InfoFaq.png") no-repeat ;}
#menu li a.InfoFaq:hover,
#menu li a.InfoFaq:focus{ background:url("../Images/InfoFaqOn.png") no-repeat ;}







#footer {
color:#999;
font-size:10px;
text-align:center;
}

#footer p {
margin:0;
padding:0;
}

#footer ul {
list-style-type:none;
margin:0;
padding:0;
}

#footer li {
display:inline;
}

#footer a,#footer li a {
color:#999;
text-decoration:none;
padding:0 3px;
}

#footer a:hover,#footer li a:hover{
color:#000;
}

#footer a:focus,#footer li a:focus { background:#000;color:#fff;}

/**/
#container-terre{
border:Dotted 1px transparent;
height:500px;
background:url("../Images/bg-terre.png") no-repeat top center;
}
#div-erreur{
margin:140px auto;
width:421px;
height:153px;
background:url("../Images/cartouche-erreur.png") no-repeat top left;
padding-top:5px;
}
#erreur{
text-align:left;
width:260px;
margin-left:144px;
padding-top:5px;
}
#erreur p{ color:#990000;}
#erreur .input-search
{
margin-left:20px;
padding:0;
padding-left:6px;
padding-right:4px;
padding-top:4px;
height:27px;
width:167px;
font-size:13px;
border:0px #fff;
background:url("../Images/bg-search-erreur.png") no-repeat top left;
}
.retour span{display:none;}
.retour{ display:block; margin-top:10px; width:260px; text-align:right; height:21px;background:url("../Images/btn-retour.png") no-repeat top right;}

.tab-list-entreprise{ border:solid 1px #cae0e8; margin:5px auto;}