/***************************
			INITIALISATION
***************************/

* { margin:0; padding:0;}

img,fieldset { border:0 }

ol,ul { list-style : none; }

table { border-collapse : collapse; border-spacing : 0; }

/***************************
			GENERAL
***************************/

html
{
	height: 100%;
	text-align : center;
}

body 
{
	height: 100%;
	font : 80%/1.5 Arial, "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; color : #333;
	color: #555555;
	text-align : justify;
	background: url('../img/body_back.png') center repeat-y;
}

a {
	color: #a51625;
}

p {
	margin-top: 5px;
}

h2 {
	font-size: 16px;
	border-bottom: 2px solid #a51625;
	margin-bottom: 20px;
}

h2.zoom-sur {
	padding-left: 25px;
}

h2.who-are-we {
	padding-left: 5px;
}

h3 {
	margin: 20px 0px 0px 0px;
	font-size: 14px;
}

h6 {
	margin: 20px 0px 0px 0px;
	font-size: 14px;
}

div.zoom-sur {
	position: absolute;
	top: 10px;
	left: -15px;
	float: left;
	background: url('../img/zoom_sur.png') left top no-repeat;
	width: 50px;
	height: 50px;
	z-index: 300;
}

div.who-are-we {
	position: absolute;
	top: 3px;
	left: -10px;
	float: left;
	background: url('../img/who_are_we.png') left top no-repeat;
	width: 22px;
	height: 53px;
}

div#main {
	position: relative;
	margin: auto;
	width: 900px;
	min-height: 100%;
	background: #FFF;
	padding-bottom: 150px;
}

div#corp {
	position: relative;
	height: 20px;
	background: #a51625;
	border: 1px solid black;
}

div#corp #corp-hover {
	float: right;
	width: 100px;
	height: 20px;
	background: url('../img/corp_logo.png');
	text-indent: -9999px;
}

#corp #corp-menu {
	display: none;
	width: 100px;
	position: absolute;
	right: -1px;
	padding-top: 20px;
}

#corp #corp-menu li {
	margin: 0px;
	border-top: 1px solid black;
	width: 100%;
	height: 30px;
	background: #fff;
	vertical-align: bottom;
}

#corp #corp-menu li a {
	position: absolute;
	padding: 5px;
	width: 90px;
	height: 20px;
}

#corp #corp-menu li a:hover {
	background: #a51625;
	color: #fff;
}

div#header {
	width: 900px;
	padding-top: 20px;
	background : transparent url('../img/header_back.png') repeat-x;
	height: 147px;
}

div#ban {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 230px;
}

div#wave-in {
	width: 900px;
	height: 78px;
	background : url('../img/wave_in.png') no-repeat;
	text-indent: -9999px;
}

/***************************
		TITRE LOGO
***************************/

h1 {
	background : url('../img/solution_logo.png') no-repeat;
}

h1 a { 
	display : block;
	width : 328px; 
	height : 111px; 
	text-indent : -9999px; 
	outline:none;
}


/***************************
			LANGUES
***************************/

ul#navlang {
	float: right;
}

ul#navlang li { 
	width: 16px;
	height: 16px;
	float: left;
	font-size: 10px;
	margin-right: 5px;
	text-align: center;
}

ul#navlang li#lng_fr {
	background : url('../img/fr.png') no-repeat;
}


ul#navlang li#lng_en {
	background : url('../img/en.png') no-repeat;
}

ul#navlang li#lng_es {
	background : url('../img/es.png') no-repeat;
}

ul#navlang li#lng_pt {
	background : url('../img/pt.png') no-repeat;
}

ul#navlang li#lng_de {
	background : url('../img/de.png') no-repeat;
}

ul#navlang li#lng_it {
	background : url('../img/it.png') no-repeat;
}

ul#navlang li#lng_cn {
	background : url('../img/cn.png') no-repeat;
}

ul#navlang li a { 
	display:block;
	padding-top: 13px;
	color: #575757;
	text-decoration: none;
}

/***************************
		LOGIN
***************************/

form#form_ident {
	width: 420px;
	text-align: right;
	display: block;
	float: right;
	margin-right: 30px;
}

form#form_ident input {
	width : 65px;
	height : 15px;
	color:#7A7A7A; 
	border: 1px solid #ccc;
	background-color:#fff;
	font: 11px Arial, Tahoma, Verdana, sans-serif; color:#6C6C6C;
}

form#form_ident input[type="submit"] {
	width: auto;
	height: 19px;
	color: #fff;
	background: #a51625;
	font-weight: bold;
	padding-bottom: 3px;
}

.smallred {
	font-size: 11px;
	font-weight: bold;
	color: #a51625;
}

/***************************
			MENU
***************************/

#menu {
	position: absolute;
	top: 163px;
}

#menu li, #menu ul, #menu h6 {
		float: left;
}

/* Première partie du menu */

#menu h6#besoins {
	margin: 0px;
	width: 89px;
	height: 26px;
	background: url('../img/es/menu_besoins.png') no-repeat;
	text-indent: -9999px;
}

#menu #agence {
	width: 89px;
	height: 26px;
	background: url('../img/es/menu_agence.png') no-repeat;
	margin-right: 4px;
}

#menu #agence a:hover {
	background: url('../img/es/menu_hover_agence.png') no-repeat;
}

#menu #agence a.selected {
	background: url('../img/es/menu_selected_agence.png') no-repeat;
}

#menu #agence a:hover.selected {
	background: url('../img/es/menu_selected_agence.png') no-repeat;
}

#menu #editeur {
	width: 89px;
	height: 26px;
	background: url('../img/es/menu_editeur.png') no-repeat;
	text-indent: -9999px;
	margin-right: 4px;
}

#menu #editeur a:hover {
	background: url('../img/es/menu_hover_editeur.png') no-repeat;
}

#menu #editeur a.selected {
	background: url('../img/es/menu_selected_editeur.png') no-repeat;
}

#menu #editeur a:hover.selected {
	background: url('../img/es/menu_selected_editeur.png') no-repeat;
}

#menu #annonceur {
	width: 89px;
	height: 26px;
	background: url('../img/es/menu_annonceur.png') no-repeat;
	text-indent: -9999px;
	margin-right: 4px;
}

#menu #annonceur a:hover {
	background: url('../img/es/menu_hover_annonceur.png') no-repeat;
}

#menu #annonceur a.selected {
	background: url('../img/es/menu_selected_annonceur.png') no-repeat;
}

#menu #annonceur a:hover.selected {
	background: url('../img/es/menu_selected_annonceur.png') no-repeat;
}

#menu #agence a, #menu #editeur a, #menu #annonceur a {
	display: block;
	width: 89px;
	height: 26px;
	text-indent: -9999px;
	outline:none;
}

/* Second partie du menu */

#menu h6#solutions {
	width: 96px;
	height: 26px;
	background: url('../img/es/menu_solutions.png') no-repeat;
	text-indent: -9999px;
	margin: 0px;
	margin-right: 4px;
	margin-left: 15px !important;
	margin-left: 0px;
}

#menu #adserving {
	width: 96px;
	height: 26px;
	background: url('../img/es/menu_adserving.png') no-repeat;
	text-indent: -9999px;
	margin-right: 4px;
}

#menu #adserving a:hover {
	background: url('../img/es/menu_hover_adserving.png') no-repeat;
}

#menu #adserving a.selected {
	background: url('../img/es/menu_selected_adserving.png') no-repeat;
}

#menu #adserving a:hover.selected {
	background: url('../img/es/menu_selected_adserving.png') no-repeat;
}

#menu #tracking {
	width: 96px;
	height: 26px;
	background: url('../img/es/menu_tracking.png') no-repeat;
	text-indent: -9999px;
	margin-right: 4px;
}

#menu #tracking a:hover {
	background: url('../img/es/menu_hover_tracking.png') no-repeat;
}

#menu #tracking a.selected {
	background: url('../img/es/menu_selected_tracking.png') no-repeat;
}

#menu #tracking a:hover.selected {
	background: url('../img/es/menu_selected_tracking.png') no-repeat;
}

#menu #webanalytics {
	width: 96px;
	height: 26px;
	background: url('../img/es/menu_webanalytics.png') no-repeat;
	text-indent: -9999px;
	margin-right: 4px;
}

#menu #webanalytics a:hover {
	background: url('../img/es/menu_hover_webanalytics.png') no-repeat;
}

#menu #webanalytics a.selected {
	background: url('../img/es/menu_selected_webanalytics.png') no-repeat;
}

#menu #webanalytics a:hover.selected {
	background: url('../img/es/menu_selected_webanalytics.png') no-repeat;
}

#menu #adserving a, #menu #tracking a, #menu #webanalytics a {
	display: block;
	width: 96px;
	height: 26px;
	text-indent: -9999px;
	outline:none;
}

/* Partie société du menu */

#menu #societe {
	display: block;
	width: 77px;
	height: 26px;
	background: url('../img/es/menu_societe.png') no-repeat;
	text-indent: -9999px;
	margin-left: 30px !important;
	margin-left: 10px;
}

#menu #societe a{
	display: block;
	width: 77px;
	height: 26px;
	text-indent: -9999px;
	outline:none;	
}

#menu #societe a:hover {
	background: url('../img/es/menu_hover_societe.png') no-repeat;
}

#menu #societe a.selected {
	background: url('../img/es/menu_selected_societe.png') no-repeat;
}

#menu #societe a:hover.selected {
	background: url('../img/es/menu_selected_societe.png') no-repeat;
}

/***************************
			CONTENT
***************************/

div#content {
	background: url('../img/content_home_back.png') repeat-x;
	padding: 0px 10px;
}

div.columnDouble ul, ul#list_partenaire {
	margin-left: 30px;
	list-style: url('../img/puce.png');
}
div.columnDouble ul li{
	margin: 8px 0px;
}

/***************************
			BLOCS
***************************/

.column {
	position: relative;
	margin: 6px !important;
	margin: 8px;
	width: 280px !important;
	width: 275px;
	float: right;
	background: transparent;
}

ul.listColumn {
	position: relative;
	padding-bottom: 4px;
	margin: 0px;
	margin-top: 10px !important;
	width: 275px;
}

ul.listColumn li.bloc {
	background: url(../img/ie-border.png) bottom repeat-y;
}

.border-top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 275px;
	height: 4px;
	background: url(../img/ie-border-top.png) bottom no-repeat;
	z-index:10;
}

.border-bottom {
	position: absolute;
	bottom: 4px;
	left: 0px;
	width: 275px;
	height: 4px;
	background: url(../img/ie-border-bottom.png) bottom no-repeat;
	z-index:10;
}

div.border-bottom {
	bottom: 0px;
}

.columnDouble {
	width: 580px;
	float: left;
	background: transparent;
}

.bloc {
	position: relative;
	/*margin-top: 10px;*/
	/*background: #fff;*/
	/*border: 1px solid #687C98;*/
	padding: 13px;
	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	/*-opera-border-radius: 5px;*/
	/*border-radius: 5px;*/
}

li.bloc {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.subBloc {
	width: 255px;
	margin-left: 10px;
	height: 350px;
	display: none;
}

.clear {
	clear: both;
}

div#whoarewe {width: 550px;}
div#blocactu,div#blocproduit,div#bloczoom {
	min-height: 300px;
	_height: 300px;
	background: url(../img/ie-border.png);
	position: relative;
}
div#blocactu {width:275px; margin:8px;float:right;}
div#blocactu h3 {margin:20px 10px;}
div#blocproduit {width:275px; margin:8px;float:right;}
div#bloczoom {width:275px;margin:8px;float:right;}
div#bloczoom h3 {margin:2px 0 0 10px;}
div#threeblocs {}
div#blocreferences {
	float: right;
	margin: 8px;
	height: 100%;
	width: 275px;
}
div#blocactu p,div#blocproduit p,div#bloczoom p {
	margin: 5px 10px;
}

div#footer {
	background: #555555;
}

#wave {
	width: 900px;
	height: 90px;
	background: url('../img/wave.png') no-repeat;
}

#footer {
	position: absolute;
	bottom: 0px;
}

#footer li {
	margin-right: 10px;
	display: inline;
}

#footer ul {
	padding: 10px;
}

#footer li a {
	color: #FFF;
}

.float-right {
	margin: 0px;
	padding: 10px;
	color: #FFF;
	float: right;
}