html, body {
	margin: 0;
	font-family: Arial;
	width: 100%;
	height: 100%;
	background: url(../img_graph/fond2.jpg) bottom left repeat-x #FFF;
	background-attachment: fixed;
}

.contacts {
	position: fixed;
	z-index: 4;
	bottom: 0px;
	right: 5px;
	left: 5px;
	text-align: center;
	color: #004d93;
	font-size: 11px;
	font-weight: bold;
	background: #fff;
}

.chien {
	position: fixed;
	z-index: 4;
	bottom: 36px;
	right: 16px;
	width: 158px;
	height: 113px;
}

.marquez_petit {
	position: fixed;
	z-index: 4;
	bottom: 1px;
	right: 16px;
	width: 200px;
	height: 23px;
}

.degrade_bas {
	position: absolute;
	z-index: 99;
	bottom: 20px;
	right: 0px;
	left: 0px;
	text-align: center;
	height: 37px;
	width: 800px;
	margin: auto;
}

A {
	color: #004d93;
	text-decoration: underline;
}

.cubes {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: -50px;
	width: 248px;
	height: 192px;
	background: url(../img_graph/cube2.png) bottom left no-repeat;
}

.loader {
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -45px;
	width: 32px;
	height: 32px;
	background-color: #fff;
	padding: 9px;
	border: solid 1px #e0e1e3;
}

.contenu {
	width: 801px;
	margin: auto;
	padding: 50px 0 10px 0;
}

.logo {
	position: absolute;
	z-index: 2;
	margin-top: -25px;
	margin-left: -17px;
	width: 75px;
	height: 83px;
}

.cartouche {
	width: 627px;
	height: 201px;
	background: url(../img_graph/cartouche.png) top left no-repeat #fff;
	padding: 33px 87px 0px 87px;
}

.cartouche .petit {
	font: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #787777;
}

.cartouche .toutpetit {
	font: Arial;
	font-size: 12px;
	color: #787777;
	margin-bottom: 15px;
}

.cartouche .gros {
	font: Arial;
	font-size: 26px;
	font-weight: bold;
	color: #004c92;
	margin-bottom: 15px;
}

.btn_marquez {
	position: absolute;
	z-index: 2;
	margin-top: -26px;
	margin-left: 657px;
	width: 174px;
	height: 56px;
}

.menu {
	margin-bottom: 40px;
}

.menu UL {
	padding: 0 0 0 47px;
}

.menu LI {
	list-style: none;
	float: left;
	width: 120px;
	font: Arial;
	font-size: 18px;
	color: #004c92;
	cursor: pointer;
}

.menu LI:hover {
	text-decoration: underline;
}

.societe {
	background: url(../img_graph/puces/societe.png) top left no-repeat;
	padding: 8px 0px 0px 15px;	
}

.humanisme {
	background: url(../img_graph/puces/humanisme.png) top left no-repeat;
	padding: 8px 0px 0px 15px;		
}

.ethique {
	background: url(../img_graph/puces/ethique.png) top left no-repeat;
	padding: 8px 0px 0px 15px;	
}

.contact {
	background: url(../img_graph/puces/contact.png) top left no-repeat;
	padding: 8px 0px 0px 15px;	
}

.plus_societe {
	background: url(../img_graph/puces/plus_societe.png) bottom right no-repeat;
}

.plus_humanisme {
	background: url(../img_graph/puces/plus_humanisme.png) bottom right no-repeat;
}

.plus_ethique {
	background: url(../img_graph/puces/plus_ethique.png) bottom right no-repeat;
}



.accroche {
	font: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #787777;
}

.accroche .cliquez {
	font-size: 14px;
	color: #e8a94c;
	text-decoration: none;
	font-style: italic;
}

.accroche .appelez {
	margin-top: 12px;
	margin-bottom: 25px;
	text-align: right;
	font: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #004c92;	
}

.accroche .appelez .gris {
	color: #9b9897;	
}

.accroche .appelez .cliquez {
	font-size: 18px;
	color: #e8a94c;
	text-decoration: none;
	font-style: italic;
}

.plus_infos {
	display: none;
	background-color: #FFF;
	font: Arial;
	font-size: 12px;
	color: #787777;
	padding: 10px;
	border-top: solid 1px #004c92;
	border-left: solid 1px #004c92;
	border-right: solid 1px #004c92;
}

.plus_infos_btn {
	border-top: solid 1px #004c92;
	height: 21px;
	background: url(../img_graph/btn_plus.png) 50px top no-repeat #fff;
	padding: 6px 0 0 85px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
}

/* LES ITEMS */

#lesitems {
	position: absolute;
	width: 850px;
}

.item {
	float: left;
	width: 359px;
	height: 154px;
	cursor: default;	
	background-color: #FFFFFF;
}

.col1 {
	margin: 10px 65px 10px 0px;
}

.col2 {
	margin: 10px 65px 10px 0px;
}

.item .illustr1 {
	float: left;
	width: 141px;
	height: 139px;
	padding: 6px;
	border: solid 1px #e4e2e2;
	overflow: hidden;
	margin-right: 18px;
	background-color: #fff;
	cursor: pointer;
}

.item .illustr1 .illustr2 {
	width: 141px;
	height: 139px;
	overflow: hidden;
}

.item .illustr1 .illustr2 .rollhover {
	position: absolute;
	z-index: 2;
	display: none;
	width: 141px;
	height: 139px;
	overflow: hidden;
}

.item .infos {
	margin-left: 174px;
	padding: 0 6px 0 0;
}

.infos .titre {
	font: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #626262;
	margin-bottom: 15px;
}

.infos .titre1 {
	font: Arial;
	font-size: 12px;
	color: #626262;
}

.infos .description {
	display: none;
	font: Arial;
	font-size: 12px;
	color: #626262;
	text-align: justify;
}

.plus_info_contact {
	display: none;
	margin-top: 30px;
	font: Arial;
	font-size: 12px;
	color: #626262;
}

.plus_info_contact A {
	color: #e8a94c;
	text-decoration: none;
	font-weight: bold;
}




/* FORMULAIRE */

#form {
	width: 600px;
	margin: auto;
	padding: 30px;
	color: #004c92;
	font-size: 11px;
	font-weight: bold;
	border: solid 2px #004c92;
}

.input_text {
	font-size: 12px;
	border: solid 1px #004c92;
	width: 150px;
}

.input_text_long {
	font-size: 12px;
	border: solid 1px #004c92;
	width: 300px;
}

.input_textarea {
	width: 100%;
	height: 100px;
	font-size: 12px;
	border: solid 1px #004c92;
}

.bouton {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	border: solid 1px #004c92;
	background-color: #004c92;
}

.contact_recap_message {
	border: solid 1px #E2DFFC;
	background-color: #FFFFFF;
	padding: 5px;
	color: #000000;
	font-weight: normal;
	font-style: italic;
}




/* FACEBOX */

#facebox .fh {
  background:url(../img_graph/facebox/fh.png);
  height: 15px;
  padding: 0;
  border-bottom: 0;
}
#facebox .fl {
  background:url(../img_graph/facebox/fl.png);
  padding: 0;
  border-bottom: 0;
}
#facebox .fr {
  background:url(../img_graph/facebox/fr.png);
  padding: 0;
  border-bottom: 0;
}
#facebox .fb {
  background:url(../img_graph/facebox/fb.png);
  padding: 0;
  border-bottom: 0;
}

#facebox .tl {
  background:url(../img_graph/facebox/tl.png);
  padding: 0;
  border-bottom: 0;
}

#facebox .tr {
  background:url(../img_graph/facebox/tr.png);
  padding: 0;
  border-bottom: 0;
}

#facebox .bl {
  background:url(../img_graph/facebox/bl.png);
  padding: 0;
  border-bottom: 0;
}

#facebox .br {
  background:url(../img_graph/facebox/br.png);
  padding: 0;
  border-bottom: 0;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
}

#facebox .body {
/*	  background:url(../img_graph/facebox/fond_seul.png);*/
  width: 470px;
  color: #666666;
  padding: 3px;
  background-color: #FFF;
  margin-top: 7px;
}

#facebox .body .entete {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 0 3px 0;
}

#facebox .body .entete IMG {
	cursor: pointer;
	margin-top: 1px;
}

#facebox .body .corps {
	padding: 10px;
	background: #ffffff;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox .image img {
  border: solid 1px #B1B1B1;
  padding: 6px;
  margin: 0;
}

#facebox .footer {
  background:url(../img_graph/facebox/f.png);
  padding-top: 10px;
}

#facebox .footer img {
	border: 0;
}

#facebox .tl, #facebox .tr {
  height: 2px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background-color: #ffffff;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #ffffff;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}