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

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #a4a4a4 url('../img/back2.jpg') top no-repeat;
	height: 100%;
}

a {
	color: #FF2020;
}

address {
	font-style: normal;
	margin-bottom: 20px;
}

#main {
	position: absolute;
	left: 50%;
	margin-left: -490px;
	width: 950px;
	height: 100%;
}

h1 {
	margin-top: 4px;
	width: 254px;
	height: 91px;
	background:url('../img/lwm.png') no-repeat !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/lwm.png');
}

h1 a {
	display: block;
	width: 254px;
	height: 91px;
	text-indent: -9999px;
}

#body {
	padding-top: 129px;
	min-height: 250px;
}

#body #column, #body #column-contact, #body ol#developpe  {
	float: left;
	width: 220px;
	padding:20px 14px;
	background: #fff url('../img/column-back.png') bottom repeat-x;
	height: 204px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3 #767676 #5b5b5b #b4b4b4;
	
}

#body #column-contact {
	background-color: #FFF;
	height: 204px;
	padding:20px 22px;
	width:205px;
	
}

#body ul#column {
	list-style-position: inside;
	list-style-image: url('../img/puce.png');
}

#body ol#column, #body ol#developpe{
	text-align: right;
	list-style-position: inside;
}

#body ol#column li{
	margin:0 5px 0px 0;
}
/*
#body ol#developpe{
	height: 204px;
	background-color:#FFFFFF;
}
*/
#body ol#column a, #body ol#developpe a{
	color: #000;
	text-decoration: none;
}

#body ol#column a:hover, #body ol#developpe a:hover {
	text-decoration: underline;
}

#body #column li, #body #developpe li {
	vertical-align: middle;
}

#body #content, #body #content-contact {
	float: right;
	padding: 10px;
	width: 676px;
	background: #000 url('../img/content-back.png') bottom repeat-x;
	opacity: 0.85;
	filter: alpha(opacity=85);
	min-height: 224px;
	margin-left: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3 #767676 #5b5b5b #b4b4b4;
	color: #fff;
}

#content-contact a{
text-decoration:none;
}

#body #content-full {
	padding: 10px;
	width: 928px;
	background: #FFF url('../img/column-back.png') bottom repeat-x;
	opacity: 0.85;
	filter: alpha(opacity=85);
	height: 200px; 
	margin-left: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #c3c3c3 #767676 #5b5b5b #b4b4b4;
}


#navbar {
	position: absolute;
	top: 102px;
	right: 0px;
	height: 21px;
	padding-right: 20px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background:url('../img/navbar-back.png') center repeat-x;
	list-style: none;
	width: 676px;
	border: 1px solid;
	border-color: #c3c3c3 #767676 #5b5b5b #b4b4b4;
}

#navbar li {
	float: left;
	text-indent: -9999px;
}

#navbar li#navbar-competences, #navbar li#navbar-clients, #navbar li#navbar-joinus, #navbar li#navbar-extranet {
	height: 21px;
	margin-left: 30px;
}

#navbar li#navbar-competences, #navbar li#navbar-competences a {
	width: 142px;
}

#navbar li#navbar-competences {
	background: url('../img/navbar-competences.png') center no-repeat;
}

#navbar li#navbar-clients, #navbar li#navbar-clients a {
	width: 64px;
}

#navbar li#navbar-clients {
	background: url('../img/navbar-clients.png') center no-repeat;
}

#navbar li#navbar-joinus, #navbar li#navbar-joinus a {
	width: 129px;
}

#navbar li#navbar-joinus {
	background: url('../img/navbar-joinus.png') center no-repeat;
}

#navbar li#navbar-extranet, #navbar li#navbar-extranet a {
	width: 93px;
}

#navbar li#navbar-extranet {
	background: url('../img/navbar-extranet.png') center no-repeat;
}

#navbar li#navbar-competences a, #navbar li#navbar-clients a, #navbar li#navbar-joinus a, #navbar li#navbar-extranet a {
	display: block;
	height: 21px;
}

#navbar li#navbar-competences a:hover {
	background: url('../img/navbar-competences-hover.png') center no-repeat;
}

#navbar li#navbar-clients a:hover {
	background: url('../img/navbar-clients-hover.png') center no-repeat;
}

#navbar li#navbar-joinus a:hover {
	background: url('../img/navbar-joinus-hover.png') center no-repeat;
}

#navbar li#navbar-extranet a:hover {
	background: url('../img/navbar-extranet-hover.png') center no-repeat;
}


#footer {
	float:left;
	margin-top: 103px;
	height: 21px;
	width: 100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background:url('../img/navbar-back.png') repeat-x;
	list-style: none;
	border: 1px solid;
	border-color: #c3c3c3 #767676 #5b5b5b #b4b4b4;
}

#footer li {
	float: right;
	text-indent: -9999px;
	margin-right: 20px;
}

#footer li#footer-contact, #footer li#footer-contact a {
	display: block;
	width: 37px;
	height: 21px;
}

#footer li#footer-contact {
	background: url('../img/footer-contact.png') center no-repeat;
}

#footer li#footer-blog, #footer li#footer-blog a {
	display: block;
	width: 67px;
	height: 21px;
}

#footer li#footer-blog {
	background: url('../img/footer-blog.png') center no-repeat;
}

#footer li#footer-contact a:hover {
	background: url('../img/footer-contact-hover.png') center no-repeat;
}

#footer li#footer-blog a:hover {
	background: url('../img/footer-blog-hover.png') center no-repeat;
}

/* CLASS */

.list {
	margin-left: 20px;
}

.footme {
	margin-top: 150px;
}

.float-left {
	float: left;
	width: 209px;
	padding: 20px;
	height: 160px;
}

.bigMe {
	font-size: 17px;
	margin:10px 0 20px 0px;
}


#selected {
	font-weight: bold;
}

/* FORM */

form#extranet label {
	display: block;
	width: 390px;
	text-align: right;
	margin: 10px;
}


form#extranet input, form#extranet textarea {
	background: #DDDDDD;
	border: 1px solid #303030;
	width: 100px;
}

form#extranet #ok {
	margin-right: 10px;
	width: 80px;
}

form#extranet input:focus, form#extranet textarea:focus {
	background: #FFFFFF;
	border: 1px solid #FF8080;
}

form#extranet p {
	width: 390px;
	margin: 10px;
	text-align: right;
}

form#contact label {
	display: block;
	width: 420px;
	text-align: right;
	margin: 10px;
}

form#contact input, form#contact textarea {
	background: #DDDDDD;
	border: 1px solid #303030;
	width: 200px;
}

form#contact #ok {
	width: 80px;
}

form#contact p {
	margin: 10px;
	text-align: center;
}

form#carriere label {
	display: block;
	width: 420px;
	text-align: right;
	margin: 10px;
}

form#carriere input, form#carriere textarea {
	background: #DDDDDD;
	border: 1px solid #303030;
	width: 200px;
}

form#carriere #ok {
	width: 80px;
}

form#carriere p {
	margin: 10px;
	text-align: center;
}

/* REFERENCES */

#references {
	list-style: none;
}

#references li#ref-sg {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-sg a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-sg.png') no-repeat;
	background-position: -13px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-sg a:hover {
	margin: 0 auto;
	background-position: 7px 0px;
	width: 80px;
	height: 65px;
}

#references li#ref-danone {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-danone a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-danone.png') no-repeat;
	background-position: -13px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-danone a:hover {
	margin: 0 auto;
	background-position: 7px 0px;
	width: 80px;
	height: 65px;
}

#references li#ref-lv {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-lv a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-lv.png') no-repeat;
	background-position: -13px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-lv a:hover {
	margin: 0 auto;
	width: 80px;
	background-position: 7px 0px;
	height: 65px;
}

#references li#ref-accor {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-accor a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-accor.png') no-repeat;
	background-position: -13px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-accor a:hover {
	margin: 0 auto;
	background-position: 7px 0px;
	width: 80px;
	height: 65px;
}

#references li#ref-sncf {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-sncf a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-sncf.png') no-repeat;
	background-position: -20px -3px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-sncf a:hover {
	margin: 0 auto;
	background-position: 0px 10px;
	width: 80px;
	height: 65px;
}

#references li#ref-demeco {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-demeco a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-demeco.png') no-repeat;
	background-position: -20px -3px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-demeco a:hover {
	margin: 0 auto;
	background-position: 0px 10px;
	width: 80px;
	height: 65px;
}

#references li#ref-pernod {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-pernod a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-pernod.png') no-repeat;
	background-position: -20px 2px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-pernod a:hover {
	margin: 0 auto;
	background-position: 0px 15px;
	width: 80px;
	height: 65px;
}

#references li#ref-kookai {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-kookai a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-kookai.png') no-repeat;
	background-position: -20px 10px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-kookai a:hover {
	margin: 0 auto;
	background-position: 0px 23px;
	width: 80px;
	height: 65px;
}

#references li#ref-natalys {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-natalys a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-natalys.png') no-repeat;
	background-position: -20px 14px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-natalys a:hover {
	margin: 0 auto;
	background-position: 0px 27px;
	width: 80px;
	height: 65px;
}

#references li#ref-paris {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-paris a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-paris.png') no-repeat;
	background-position: -20px 22px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-paris a:hover {
	margin: 0 auto;
	background-position: 0px 35px;
	width: 80px;
	height: 65px;
}

#references li#ref-virginmobile {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-virginmobile a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-virginmobile.png') no-repeat;
	background-position: -20px 3px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-virginmobile a:hover {
	margin: 0 auto;
	background-position: 0px 16px;
	width: 80px;
	height: 65px;
}

#references li#ref-sante {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-sante a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-sante.png') no-repeat;
	background-position: -9px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-sante a:hover {
	margin: 0 auto;
	background-position: 11px 0px;
	width: 80px;
	height: 65px;
}

#references li#ref-universalmusic {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-universalmusic a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-universalmusic.png') no-repeat;
	background-position: -20px -5px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-universalmusic a:hover {
	margin: 0 auto;
	background-position: 0px 8px;
	width: 80px;
	height: 65px;
}


#references li#ref-notaire {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-notaire a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-notaire.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-notaire a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-cgad {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-cgad a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-cgad.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-cgad a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-civipol {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-civipol a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-civipol.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-civipol a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-debatetco {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-debatetco a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-debatetco.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-debatetco a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-didier-jeunesse {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-didier-jeunesse a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-didier-jeunesse.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-didier-jeunesse a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-enveloppe-rouge {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-enveloppe-rouge a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-enveloppe-rouge.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-enveloppe-rouge a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-institut-cancer {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-institut-cancer a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-institut-cancer.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-institut-cancer a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-mainh {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-mainh a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-mainh.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-mainh a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-monde {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-monde a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-monde.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-monde a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}

#references li#ref-publicis {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-publicis a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-publicis.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-publicis a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-sergent {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-sergent a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-sergent.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-sergent a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-telemarket {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-telemarket a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-telemarket.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-telemarket a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-upa {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-upa a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-upa.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-upa a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}


#references li#ref-vigneron {
	float: left;
	width: 80px;
	height: 65px;
	margin: 0px 10px;
}

#references li#ref-vigneron a {
	margin: auto;
	width: 40px;
	height: 40px;
	display: block;
	background: url('../img/ref-vigneron.png') no-repeat;
	background-position: -20px -13px;
	text-indent: -9999px;
	margin-top: 13px;
}

#references li#ref-vigneron a:hover {
	margin: 0 auto;
	background-position: 0px 0px;
	width: 80px;
	height: 65px;
}

#joinUs {
list-style: decimal;
margin:15px 0 20px;
text-align:right;
}

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

#listOffre, #listOffre a{
color: #666666;
text-decoration:none;
}

#listOffre a:hover, #listOffre a.postule{
color:#CC0000;
}

#listOffre th{
color: #333333;
}

#listOffre th a{
color: #000;
}
#listOffre input
{
width:100px;}

.bandeOffre			{ width: 860px; display: table; margin-bottom:2px; }
.bandeOffre2		{ width: 660px; display: table; margin-bottom:2px; }
.bandeOffreLabel	{ float : left;  width: 145px; height:100%; color: #ffffff; font-weight:bold; padding: 5px 0px 2px 5px; display:table-cell;}
.bandeOffreDes, .bandeOffreDes3			{ display : table-cell; float: left; width: 705px; height: 100%; color: #ffffff; padding: 5px 0px 3px 5px; }

.article input		{ border : 1px solid #000033; width: 200px; font-size: 11px; }
.article select		{ border : 1px solid #000033; font-size: 11px; }
.article textarea	{ border : 1px solid #000033; font-size: 11px; }

.bandeOffre2					{  }
.bandeOffre2 .bandeOffreLabel 	{ width: 275px; }
.bandeOffre2 .bandeOffreDes 	{ width: 575px; float : right; }

.bandeOffreDes3 input.checkbox {width:10px;}

.bandeOffre3 { width: 650px; margin:13px 5px; padding : 5px; background:#E9EEF4; }/* CSS Document */
.titre{font-size:17px;color:#ccc;margin-top:5px;padding-bottom:10px;}
.gras{
font-weight:bold;}
.pdf{
font-size:10px; font-style:italic;}

#errorBox{
	display:none;
	color:#000000;
	background: #E6C0C0;
	border: 2px #DE7A7B solid;
	width:400px;
	padding:10px;
	margin: 0px auto 20px auto;
}

.espace{
margin-left:10px;
}