body { 
	background: url(/images/bg.png) #d9d9d9 top center;
	font-family:Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
}

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

p, li { margin-bottom:12px; }
p { font-size:12px; }
ul { font-size:12px; }
h1 { font-size:36px; line-height:40px;}
h2 { font-size:24px;}
h3 { font-size:18px;}
h4 { font-size:12px; }
h1, h2, h3 { text-transform:uppercase; }
h1, h2, h3, h4, h5, h6 { margin-bottom:12px;}
h1, h2, h3, h4, h5, h6, p, li {line-height:125%;}
object {margin-bottom:12px;}

textarea {font-family:Arial, Helvetica, "Lucida Grande", Verdana, sans-serif; font-size:12px;}

.clearfix { clear:both;}
.wrapper { width:960px;margin:0 auto; position:relative; padding:0 33px;}
.ontop { width:960px;margin:0 auto; position:relative;padding:0 33px;z-index:10000;}
#main-wrap {padding:0 33px 35px 33px;background:url(/images/marks.png) bottom center no-repeat;display:block;}
.erreur {color:#f00;}
.message {color:#090;}

.orange-button, .black-button, .gray-button {margin-top:18px;}
.orange-button a, .black-button a, .gray-button a {
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	color:white !important;
	padding:3px 10px;
	margin-bottom:12px;
	letter-spacing:0px;
}
.orange-button a {
	background: url(/images/button-orange.png) #fd6f10 top center repeat-x;
	border:1px solid #fc7d1d;
}
.black-button a, .gray-button a:hover {
	background: url(/images/button-black.png) #363636 top center repeat-x;
	border:1px solid #575757;
}
.gray-button a {
	background: url(/images/button-gray.png) #b1b1b1 top center repeat-x;
	border:1px solid #b6b6b6;
}


#header {background: url(/images/header-bg.png) repeat-x;height:100px;}

#nav {
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	left: 363px;
	top:71px;
	font-size:14px;
	width:631px;
	height:35px;
	line-height:32px;
	background: url(/images/nav.png);
}

.en #nav {background-image:url(/images/en/nav.png);}

#nav a:hover { text-decoration:none; }
#nav a, #nav a:visited { color:#898989; }
#nav li {position:absolute; height:35px; top:0;}
#nav li ul {display:none; position:absolute; top:35px;left:0;}
#nav li ul li {position:relative;height:25px;}
#nav li:hover ul {display:block; text-transform:none; font-weight:normal;}
#nav li:hover ul li {margin:0; padding:0; border-top:1px solid white;}
#nav li:hover ul li:first-child {border-top:none;}
#nav li:hover ul li a{color:black; padding-left:7px;line-height:25px;display:block;}
#nav li:hover ul li a:visited {color:black;}
#nav li:hover ul li a:hover {text-decoration:underline;}
#nav li.a-propos-main:hover ul li a:hover {background:#c2cd2a;}
#nav li.nos-services:hover ul li a:hover {background:#efc900;}
#nav li:hover ul li {display:block; clear:both;}
#nav li.a-propos-main a.main {
	text-indent:-9999px;
	width:96px;height:35px;
	display:block;float:left;
}
#nav li.a-propos-main { background:url(/images/nav.png) 0 0 no-repeat; }
.en #nav li.a-propos-main {background-image:url(/images/en/nav.png);}

#nav li.a-propos-main:hover ul {width:96px;background:url(/images/sous-menu-vert.png);}
#nav li.a-propos-main:hover ul li a {width:89px;}
#nav li.chaine-graphique {left:96px;}
#nav li.chaine-graphique a.main {
	text-indent:-9999px;
	width:177px;height:35px;
	display:block;float:left;
}
#nav li.chaine-graphique { background:url(/images/nav.png) -96px 0 no-repeat; }
.en #nav li.chaine-graphique {background-image:url(/images/en/nav.png);}
#nav li.nos-services {left:273px;}
#nav li.nos-services a.main {
	text-indent:-9999px;
	width:127px; height:35px;
	display:block;float:left;
}
#nav li.nos-services { background:url(/images/nav.png) -273px 0 no-repeat; }
.en #nav li.nos-services {background-image:url(/images/en/nav.png);}
#nav li.nos-services:hover ul {width:127px;background:url(/images/sous-menu-jaune.png);}
#nav li.nos-services:hover ul li a{width:120px;}

#nav li.clients { left:400px;}
#nav li.clients a.main {
	text-indent:-9999px;
	width:103px; height:35px;
	display:block;float:left;
}
#nav li.clients { background:url(/images/nav.png) -400px 0 no-repeat; }
.en #nav li.clients { background-image:url(/images/en/nav.png); }
#nav li.contact {left:503px;}
#nav li.contact a.main {
	text-indent:-9999px;
	width:128px;height:35px;
	display:block;float:left;
}
#nav li.contact { background:url(/images/nav.png) -503px 0 no-repeat; }
.en #nav li.contact { background-image:url(/images/en/nav.png); }
#nav li.a-propos-main:hover {
	background:url(/images/nav.png) 0 -35px no-repeat;
}
#nav li.chaine-graphique:hover {
	background:url(/images/nav.png) -96px -35px no-repeat;
}
#nav li.nos-services:hover {
	background:url(/images/nav.png) -273px -35px no-repeat;
}
#nav li.clients:hover {
	background:url(/images/nav.png) -400px -35px no-repeat;
}
#nav li.contact:hover {
	background:url(/images/nav.png) -503px -35px no-repeat;
}
.en #nav li.a-propos-main:hover {background-image:url(/images/en/nav.png);}
.en #nav li.chaine-graphique:hover {background-image:url(/images/en/nav.png);}
.en #nav li.nos-services:hover {background-image:url(/images/en/nav.png);}
.en #nav li.clients:hover {background-image:url(/images/en/nav.png);}
.en #nav li.contact:hover {background-image:url(/images/en/nav.png);}

#top-nav {
	text-transform:uppercase;
	color:#999;
	position:absolute;
	right:33px;
	top:10px;
	font-size:10px;
	z-index:10000;
}
#top-nav a, #top-nav a:visited {color:#999;}
#top-nav a:hover, #top-nav a:active {color:white;text-decoration:none;}
#top-nav li { display:inline; margin-left:15px;}

#content {background: #e0e0e0;width:960px;}

#sidebar {
	width:330px;
	float:left;
	height:100%;
}

#sidebar .main {
	background:url(/images/orange-bg.jpg) top left no-repeat #f60;
	padding:30px;
}

#sidebar .main p, #sidebar .main ul { color:white; font-weight:bold; font-size:13px;}

#sidebar .main ul li { padding-left:25px; background: url(/images/puce-orange.png) 0 0 no-repeat;}

#sidebar .subdiv {
	background: #cad414;
	margin-top:10px;
	padding:15px 30px;
	font-size:12px;
}

#sidebar .subdiv h3 { font-size:24px; }
#sidebar .acces-client {padding-top:24px; padding-bottom:24px;}
#sidebar .acces-client h3 { text-indent:-9999px; background:url(/images/texte/acces-client.png) no-repeat; overflow:hidden;}
.en #sidebar .acces-client h3 {background-image:url(/images/en/texte/acces-client.png);}
#sidebar .contact-button {}

#main-content{
	width:580px;
	float:right;
	padding:25px;
	z-index:1;
}

#main-content ul li {padding-left:25px; background: url(/images/puce-verte.png) 0 0 no-repeat;}

#footer { margin-top: -35px; font-size:11px; padding:20px 33px; }
#footer ul { float:left; margin-left:20px;}
#footer ul li {display:inline; margin:12px;}
#footer .copyrights { text-align:right;margin-right:15px;}