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

body {
	margin:0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	background-color:white;
}
#global {
	position:relative;
	margin:0 auto;
	width: 980px;
	text-align:left;
}

/********************************/
/*			ENTETE				*/
/********************************/
#entete {
	position:absolute;
	top: 7px;
	left: 0;
	width: 980px;
	height: 120px;
}
#entete h1 {
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
}
#entete h1 a {
}
#entete h1 a img {
	border: none;
}
#entete #visuelentete {
	position:absolute;
	left: 223px;
	top: 0;
}

/********************************/
/*		PIED DE PAGE			*/
/********************************/
#pieddepage {
	position:relative;
	width: 757px;
	padding: 55px 0 0 223px;
	background:url(../images/menus/pieddepage.png) no-repeat left top;
}
ul#menu3 {
	position:relative;
	border-bottom:1px solid #878889;
	border-top:1px solid #878889;
	margin:1.2em 0 0 0;
	padding:0.5em 0;
}
ul#menu3 li {
	display:inline;
}
ul#menu3 li a {
	font-size: 1em;
	color: #878889;
	border-right:1px solid #878889;
	text-decoration:none;
	padding: 0 10px;
}
ul#menu3 li a:hover {
	color:#008ecd;
}

p#adressegenerale {
	position:relative;
	margin: 0;
	text-align:right;
	color:#008ecd;
	font-size:1em;
}
p#adressegenerale a {
	color:#008ecd;
	text-decoration:underline;
}
p#adressegenerale a:hover {
	text-decoration:none;
}


/********************************/
/*			MENUS				*/
/********************************/
#menus {
	position:absolute;
	top: 170px;
	left: 0;
	width:213px;
	z-index:2;
}

ul#menu1, ul#menu2 {
	position: relative;
	margin: 0;
	padding: 0;
}
ul#menu2 {
	margin-top: 15px;
}
ul#menu1 li, ul#menu2 li {
	list-style: none;
}
ul#menu1 li a, ul#menu2 li a, ul#menu2 li span {
	position:relative;
	display: block;
	margin: 0;
	padding: 13px 0 0 44px;
	width: 169px;
	height: 31px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	text-decoration: none;
	color: #878889;
	font-size: 1.1em;
}
ul#menu1 li a.couleur1 {
	border-bottom-color: #008ecd;
	background:url(../images/menus/couleur1.png) no-repeat;
}
ul#menu1 li a.couleur2 {
	border-bottom-color: #b62a79;
	background:url(../images/menus/couleur2.png) no-repeat;
}
ul#menu1 li a.couleur3 {
	border-bottom-color: #4fa600;
	background:url(../images/menus/couleur3.png) no-repeat;
}
ul#menu1 li a.couleur4 {
	border-bottom-color: #ffce00;
	background:url(../images/menus/couleur4.png) no-repeat;
}
ul#menu1 li a.couleur5 {
	border-bottom-color: #f17c0e;
	background:url(../images/menus/couleur5.png) no-repeat;
}
ul#menu2 li a.cgv {
	border-bottom-color: #878889;
	background:url(../images/menus/cgv.png) no-repeat;
}
ul#menu2 li a.groupe {
	border-bottom-color: #008ecd;
	background:url(../images/menus/groupe.png) no-repeat;
	cursor:text;
	font-weight: bold;
	color:#008ecd;
}
ul#menu2 li a.contact {
	border-bottom-color: #878889;
	background:url(../images/menus/contact.png) no-repeat;
	font-weight: bold;
}
ul#menu1 li a:hover, ul#menu2 li a:hover, ul#menu2 li.ssmenuover a {
	background-position: left -44px;
	color: white;
}

/* sous menu 2 */
ul#menu2 ul {
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 2em 0 0 0;
	background:#008ecd url(../images/menus/fssmenu2.png) repeat-x;
}
ul#menu2 li:hover ul, ul#menu2 li.sfhover ul {
	left: 213px;
	top: 0;
}
ul#menu2 ul li a {
	position:relative;
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	width: 220px;
	height:auto;
	border-bottom:1px solid #71c0e3;
	text-decoration: none;
	color: white;
	font-size: 1.1em;
}
ul#menu2 ul li a:hover {
	color: #008ecd;
	background-color: white;
	padding-left: 2em;
	padding-right: 0;
}

/********************************/
/*			CONTENU				*/
/********************************/
#contenu {
	position: relative;
	padding: 124px 0 0 0;
	margin: 0 0 -4em 223px;
	min-height:32em;
	height:auto;
	_height:32em;
	z-index:2;
}
#contenu h2 {
	position:relative;
	margin:0 0 35px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:4em;
	font-weight:bold;
	text-transform:uppercase;
}
#contenu h2 span {
	font-weight:normal;
	font-size: 0.4em;
	color:#878889;
	text-transform:none;
}
#contenu h3.slogan {
	position:relative;
	float: left;
	margin: -30px 10px 10px -25px;
	_margin: -30px 10px 10px -10px;
	width: 160px;
	height: 82px;
}
#contenu h4 {
	font-size:1.8em;
	font-weight:normal;
	margin-bottom: -0.5em;
}
#contenu h5 {
	font-size:1.4em;
	font-weight:bold;
}
#contenu p, #contenu ul {
	font-size: 1.2em;
}
#contenu ul li {
	margin-bottom:0.5em;
}

#contenu p.sloganbottom {
	text-align:center;
	font-size: 1.8em;
	font-weight:bold;
}

#contenu a {
	text-decoration:underline;
}
#contenu a:hover {
	text-decoration:none;
}

#contenu #colonne1, #contenu #colonne2 {
	position:relative;
	float: left;
	width: 365px;
}
#contenu #colonne1 {
	padding-left: 25px;
	width: 340px;
	padding-right: 10px;
	border-right-width:1px;
	border-right-style: solid;
}
#contenu #colonne2 {
	padding-left: 10px;
	margin-left: -1px;
	border-left-width:1px;
	border-left-style: solid;
}

/* custom colors */
#contenu.groupe h2,
#contenu.groupe h3,
#contenu.groupe h4,
#contenu.groupe h5,
#contenu.groupe p.sloganbottom,

#contenu.transport h2,
#contenu.transport h3,
#contenu.transport h4,
#contenu.transport h5,
#contenu.transport p.sloganbottom
{
	color:#008ecd;
}
#contenu.distribution h2,
#contenu.distribution h3,
#contenu.distribution h4,
#contenu.distribution h5,
#contenu.distribution p.sloganbottom
{
	color:#f17c0e;
}
#contenu.location h2,
#contenu.location h3,
#contenu.location h4,
#contenu.location h5,
#contenu.location p.sloganbottom
{
	color:#b62a79;
}
#contenu.logistique h2,
#contenu.logistique h3,
#contenu.logistique h4,
#contenu.logistique h5,
#contenu.logistique p.sloganbottom
{
	color:#4fa600;
}
#contenu.emballage h2,
#contenu.emballage h3,
#contenu.emballage h4,
#contenu.emballage h5,
#contenu.emballage p.sloganbottom
{
	color:#ffce00;
}
#contenu.amenagement h2,
#contenu.amenagement h3,
#contenu.amenagement h4,
#contenu.amenagement h5,
#contenu.amenagement p.sloganbottom
{
	color:#ffce00;
}
#contenu.emballageam h2,
#contenu.emballageam h3,
#contenu.emballageam h4,
#contenu.emballageam h5,
#contenu.emballageam p.sloganbottom
{
	color:#ffce00;
}
#contenu.groupe #colonne1, #contenu.transport #colonne1 {
	border-right-color: #008ecd;
}
#contenu.groupe #colonne2, #contenu.transport #colonne2 {
	border-left-color: #008ecd;
}
#contenu.location #colonne1 {
	border-right-color: #b62a79;
}
#contenu.location #colonne2 {
	border-left-color: #b62a79;
}
#contenu.logistique #colonne1 {
	border-right-color: #4fa600;
}
#contenu.logistique #colonne2 {
	border-left-color: #4fa600;
}
#contenu.emballage #colonne1, #contenu.emballageam #colonne1{
	border-right-color: #ffce00;
}
#contenu.emballage #colonne2, #contenu.emballageam #colonne2 {
	border-left-color: #ffce00;
}
#contenu.amenagement #colonne1, #contenu.distribution #colonne1 {
	border-right-color: #f17c0e;
}
#contenu.amenagement #colonne2, #contenu.distribution #colonne2 {
	border-left-color: #f17c0e;
}
#contenu.groupe ul, #contenu.transport ul {
	list-style-image:url(../images/puce-transport.png);
}
#contenu.location ul {
	list-style-image:url(../images/puce-location.png);
}
#contenu.logistique ul {
	list-style-image:url(../images/puce-logistique.png);
}
#contenu.emballage ul, #contenu.emballageam ul {
	list-style-image:url(../images/puce-emballage.png);
}
#contenu.amenagement ul , #contenu.distribution ul {
	list-style-image:url(../images/puce-amenagement.png);
}

#contenu.groupe a, #contenu.transport a {
	color:#008ecd;
}
#contenu.location a {
	color:#008ecd;
}
#contenu.logistique a {
	color:#008ecd;
}
#contenu.emballage a, #contenu.emballageam  a  {
	color:#008ecd;
}
#contenu.amenagement a, #contenu.distribution a  {
	color:#008ecd;
}

/********************************/
/*			GENERAL				*/
/********************************/
.invisible {
	position:absolute;
	left: -999em;
}
.leon {
	clear:both;
}


/********************************/
/*		SPECIFIQUE				*/
/********************************/
#plan img {
	border: none;
}
#plan span {
	position:absolute;
	display:block;
	width: 150px;
	bottom: 80px;
	right: 30px;
	color: black;
}
#plan a:hover span {
	color:#008ecd;
}
#chiffres {
	position:relative;
	margin:0 0 0 40px;
	padding:20px 0 0 0;
	width: 700px;
	height:450px;
	text-align:center;
	background:url(../images/f-chiffres50.jpg) no-repeat;
	font-size:1.4em;
	line-height:1.8em;
}
#chiffres strong {
	color:#008ecd;
}