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

* {
	margin: 0;
	padding: 0;
}
html{	
	margin: 0;
	padding: 0;
}

body {
	text-align:center;
	font-size: 13px;
	font-family:"lucida grande",verdana,sans-serif;
	font-weight:lighter;
	color: #FFFFFF;
	background:#191919 url(../images/habillage/bg_body.png) 0 0 repeat-x;
}

.center {
	margin: 0 auto;
	width: 960px; 
	text-align: left;
}

.mentions_legales {
	background:#191919 url(../images/habillage/bg_body_mentions.png) 0 0 repeat-x;
}

.clr{
	clear:both;
}

.left{
	float:left;
	margin:0;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border :0;
}

a img, img a{
	border:0;
	list-style:none;
}

a {color: #FFFFFF;}
a:hover {color: #999999;}
input.text {font-size:11px; width:125px; color:#333; border:1px solid #999;}

#global {
	float: left;
	width:960px;
}

#top { 
	height: 120px; 
	float: left;
	width: 960px;
}

#logo {
	float:left; 
	width:250px;
}

/* Animation Flash */
#flash_animation_home {
	z-index: 1;
	float:left;
}

#top_right{
	width: 300px; 
	float:right;
	text-align:right;
	padding:65px 20px 0 0;
	color: #8D9196;
	font-size:11px;
}

#top_right a{
	color: #628FB5;
	padding-left:10px;
	text-decoration:none;
}

#top_right a:hover{
	color: #446681;
	text-decoration:underline;
}

/* Menu  */

#menu {
	float:right;
	margin-top:50px;
	width:690px;
}

#menu li{
	float: left;
	list-style:none;
	text-align:center;
	padding-right:35px;
	margin:0 0 10px;
}

#menu li a{
	color:#FFFFFF;
	text-decoration:none;
}

#menu li a:hover, #menu li.active{
	color:#66CC00;
	text-decoration:none;
}

/* Content */
#content, #content_index{
	width: 940px; 
	float: left;
}

#content {
	padding:20px 0 0 20px;
	height:510px;
}

#content_glossaire {
	overflow:auto;
	height:490px;
	width:900px;
	padding-right:30px;
}

#content_environnement_wrapper {
  background : url('../images/visuels/engagement_environnement.jpg') 0 0 no-repeat;
  width:900px;
  height:490px;
}

#content_environnement {

  background-image : url('../images/visuels/engagement_environnement.jpg');

  background-repeat : no-repeat;

  background-attachment:scroll !important;

  /background:none !important;
  overflow:auto;
  height:490px;
	width:840px;
	padding:0 30px;
}

#content_environnement h1 {
  font-size:35px;
  line-height:45px;
  margin:30px 0;
  color:#184507;
}

#content_environnement h2 {
  font-size:25px;
  margin:0 0 13px;
  line-height:35px;
  color:#14255B;
}

#content #content_environnement p {
  font-size:15px;
  font-weight:bold;
  display:block;
  color:#000;
  line-height:25px;
  margin: 0 0 25px;
}

#content_index {
	padding:0 0 0 20px;
	height:530px;
}

#content_left, #content_left_index {
	width: 520px; 
	float: left;
	line-height:22px;
}

#content_left {
	padding:30px 0 20px 0;
}

#content_left_index {
	padding:50px 0 20px 0;
	text-align:center;
}

#content_left.infographie {
	width: 460px; 
}

#content_left.contact p{ 
	margin-bottom:0;
}

#content_left.contact {
	width: 695px;
	line-height:20px;
}

#content.mentions {
	font-size:11px;
	line-height:13px;
}

#content_left p, #content_left_index p, #content.mentions p{
	margin-bottom:15px;
}

#content_left li{
	font-size:16px;
	list-style:none;
	line-height:30px;
	font-weight:normal;
}

#content_left li a{
	background:url(../images/habillage/fleche_grise.gif) left center no-repeat;
	text-decoration:none;
	padding-left:25px;
}

#content_left li a:hover{
	background:url(../images/habillage/fleche_verte.gif) left center no-repeat;
	text-decoration:none;
	color:#66CC00;
}

#content_right {
	width: 420px; 
	float: left;
	text-align:center;
}

#content_right.infographie {
	width: 480px; 
}

#content_right.contact {
	width: 245px; 
}

#bas_page{  
	float: left;
	width:960px;
	margin-top:15px;
	font-size:11px;
	height:177px;
}

p.size_ie {
  width:180px;
}

#module_large, .module_petit{
	height:162px;
	padding:15px 0 0 20px;
	color:#CCCCCC;
	float:left;
	margin-right:10px;
}

#module_large{
	width:290px;
	height:155px;
	background: #101010 url(../images/habillage/bg_module_contact.png) right 10px no-repeat;
}

#module_large.new {
  width:230px;
}

.module_petit{
	width:200px;
	background: url(../images/habillage/bg_module.gif) 0 0 no-repeat;
}

.module_petit{
	padding-left:10px;
}

#glossaire{
  width:195px;
  padding-left:10px;
}

#glossaire a, #module_large a, #imprim_vert a{
	color:#66CC00;
}

#imprim_vert a{
	text-decoration:none;
}

#glossaire a:hover, #module_large a:hover, #imprim_vert a:hover {
	color:#FFFFFF;
}

#imprim_vert {
  width:265px;
  background: #101010 url('../images/habillage/logo_imprim_vert_v2.png') 10px 10px no-repeat;
  height:170px;
  color:#ccc;
  float:left;
  display:inline-block;
}

#imprim_vert p.imprim_vert {
  padding:34px 10px 8px 94px;
}

.qr_code {background: transparent url('../images/habillage/QRcode.png') 195px 10px no-repeat; padding:32px 87px 0px 0; height:54px; margin:-10px 0 0}
.qr_code p {margin:0 0 5px !important; text-align:right}
.qr_code strong {
  font-size:12px;
  font-weight:bold;
  color:#999;
}

#bas_page p{  
	margin-bottom:15px;
}

#bas_page p:last-child{  
	margin-bottom:0;
}

#footer{ 
	float: left;
	height:24px;
	padding-top:36px;
	text-align:right;
	color:#999999;
	width: 960px;
	font-size:11px; 
}

#footer a{ 
	color:#404040;
	text-decoration:none;
	background: url(../images/habillage/separateur_footer.gif) left center no-repeat;
	padding-left:10px;
	margin-left:10px;
	height:24px;
	line-height:24px;
}

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

#copyright { 
	padding:10px 0; 
	float: left;
	color:#000000;
	text-align:center;
	font-size:10px;
	width: 960px; 
}

#copyright a{ 
	color:#000000;
	text-decoration:none;
}

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

label{
	font-size:12px;
}

.small {
	width:55px;
}

.medium {
	width:175px;
	margin-bottom:2px;
}

.error {
	color:#66CC00;
	font-weight:bold;
}

.large {
	width:250px;
}

#divid1, #divid2, #divid3, #divid4, #divid5, #divid6 {
	font-size:13px;
	line-height:22px;
	padding-left:25px; 
	color:#66CC00;
}