#comingsoon{
	position:absolute;
	width:100%;
	height:100%;
	background-image: url("../img/comingsoon.png");	
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9999;
}

body {
	margin:0;
	padding:0;
	top:0;
	font-family: Arial;	
	font-size: 12px;
	font-weight: normal;
	background: url('../img/background.gif') repeat;
}

div, img {
	margin:0px;
	padding:0px;
	border:0px;
}

div.clearboth {
	clear:both;	
}

h1, h2 {
	color:white;
}

h3 {
	color:#474DB7;	
}

a {
	color: white;
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

	a.blacklnk {
		color: black;
	}

div#main {
	width: 1032px;
	margin: auto;
	background: url('../img/bckgndmain.gif') repeat-x;
	background-color:#828BE4;
}

	div#banner {
		position:relative;
		width:100%;
	}
	
		img#toplogo {
			float:left;
		}
		
		img#enflag {
			position:absolute;
			left:700px;
			top:20px;
		}
		
		img#frflag {
			position:absolute;
			left:730px;
			top:20px;
		}
		
		div#loginblock {
			width:223px;
			height:121px;
			background: url('../img/loginblock.png') no-repeat;
			float:right;
			text-align:right;
		}
		
			div#loginblock input {
				width:100px;
				padding-right:6px;
				height:12px;
			}

			div#loginblock label {
				width:100px;
				line-height:25px;
			}

			div#loginblock span {
				font-weight:bold;
			}

			div#loginblock span:hover {
				cursor:pointer;
			}

		div#menu {
			width:504px;
			height:54px;
			background: url('../img/menu.png') no-repeat;
			float:right;
		}
		
			div#menu a {
				float:right;
				height:54px;
			}
			

			a#menu_contact {
				background: url('../img/menu_contact_off.png') no-repeat;
				width:107px;
			}

			a#menu_blog {
				background: url('../img/menu_blog_off.png') no-repeat;
				width:73px;
			}

			a#menu_porto {
				background: url('../img/menu_porto_off.png') no-repeat;
				width:119px;
			}

			a#menu_accueil {
				background: url('../img/menu_accueil_off.png') no-repeat;
				width:105px;
			}

			a#menu_home {
				background: url('../img/menu_home_off.png') no-repeat;
				width:105px;
			}

			

			a#menu_contact:hover {
				background: url('../img/menu_contact_over.png') no-repeat;
			}

			a#menu_blog:hover {
				background: url('../img/menu_blog_over.png') no-repeat;
			}

			a#menu_porto:hover {
				background: url('../img/menu_porto_over.png') no-repeat;
			}

			a#menu_accueil:hover {
				background: url('../img/menu_accueil_over.png') no-repeat;
			}
			
			a#menu_home:hover {
				background: url('../img/menu_home_over.png') no-repeat;
			}

	div#content {
		position:relative;
		min-height:548px;
 		height:auto !important;
 	 	height:548px;
	}
		
	/* ACCUEIL */
	
		div.cadre {
			background: url('../img/cadre.png') no-repeat;
			width:377px;
			height:145px;
			position:absolute;
			text-align:center;
		}
			
		div#marketing {
			position:absolute;
			left:0px;
			background: url('../img/marketing.png') no-repeat;
			width:391px;
			height:100%;
		}
		
			div#marketing:hover {
				cursor:pointer;
			}
		
			div#marketing div.cadre {
				top:360px;
				left:10px;
			}
				
		div#web {
			position:absolute;
			left:345px;
			background: url('../img/web.png') no-repeat;
			width:375px;
			height:100%;
		}
			
			div#web:hover {
				cursor:pointer;
			}
		
			div#web div.cadre {
				top:375px;
				left:0px;
			}
		
				
		div#mobile {
			position:absolute;
			left:635px;
			float:left;
			background: url('../img/mobile.png') no-repeat;
			width:389px;
			height:100%;
		}
		
			div#mobile:hover {
				cursor:pointer;
			}
		
			div#mobile div.cadre {
				top:350px;
				left:0px;
			}
		
	/* PORTOFOLIO & CONTACT */

		div#porto_selection {
			position:relative;
			width:529px;
			float:left;
			color:white;
			font-size:14px;
		}
	
			div#porto_marketing {
				position:absolute;
				top:120px;
				left:60px;
				background: url('../img/portofolionotselected.png') no-repeat;
				width:100%;
				height:70px;
				padding:22px 45px;
				font-size:20px;
				font-weight:bold;
				color:#363A77;
				cursor:pointer;
			}
			
			div#porto_marketing:hover {
				background: url('../img/portofolioover.png') no-repeat;
				padding:22px 75px;
			}
	
			div#porto_web {
				position:absolute;
				top:175px;
				left:100px;
				background: url('../img/portofolionotselected.png') no-repeat;
				width:100%;
				height:70px;
				padding:22px 65px;
				font-size:20px;
				font-weight:bold;
				color:#363A77;
				cursor:pointer;
			}
			
			div#porto_web:hover {
				background: url('../img/portofolioover.png') no-repeat;
				padding:22px 75px;
			}
	
			div#porto_mobile {
				position:absolute;
				top:230px;
				left:40px;
				background: url('../img/portofolionotselected.png') no-repeat;
				width:100%;
				height:70px;
				padding:22px 60px;
				font-size:20px;
				font-weight:bold;
				color:#363A77;
				cursor:pointer;
			}
			
			div#porto_mobile:hover {
				background: url('../img/portofolioover.png') no-repeat;
				padding:22px 75px;
			}
			
			div#porto_listing {
				width:190px;
				height:167px;
				position:absolute;
				top:268px;
				left:320px;
				background: url('../img/bckgndlisting.png') repeat-x;
				display:none;
			}
			
				ul#porto_itemul {
					color:white;
					cursor:pointer;
					z-index:3000;
				}
			
		div#porto_item {
			width:477px;
			height:521px;
			position:absolute;
			left:530px;
			top:20px;
			background: url('../img/portocontent.png') no-repeat;
			color:white;
			text-align:center;
		}
		
			div#porto_item input, div#porto_item textarea {
				width: 300px;
				border: 1px solid #000000;
				background-color: #656cba;
				color: #FFFFFF;
			}
		
			img#porto_itemimg {
				margin-top:25px;
			}
			
			h2#porto_itemtitle, div#porto_itemdesc {
				margin : 5px 15px;
			}
			
		 	a#porto_itemlink {
		 		position:absolute;
		 		color:white;
		 		font-size:18px;
		 		top:470px;
		 		width:477px;
		 		text-align:center;
		 		left:0px;
		 	}
		 	
		 	
		 	
	span.contactsend {
		position:absolute;
		bottom:28px;
		left:0;
		width:100%;
		text-align:center;
		font-size:16px
	}
	
	span.contactsend:hover {
		cursor:pointer;
	}
			

		
		
	
	div#lastcreation {
		position:relative;
		background: url('../img/backlastcreation.png') repeat-x;
		width:100%;
		height:207px;
	}
		
		div#lastcreationtitle {
			background-color:#474DB7;
			position:absolute;
			font-size:16px;
			color:white;
			padding: 5px 20px;
			top:-12px;
		}
		
		div#lascreationcontent {
			width:100%;
			margin: 0px 20px;
			padding-top:50px;
		}
		
			div.lastcreationimg {
				float:left;
				width:164px;
				text-align:center;
			}
			
			div.lastcreationtext {
				float:left;
				width:164px;
			}
			
				div.lastcreationtext a {
					color: #474DB7;
				}
			
	div#footer {
		text-align: center;
		margin-top: 5px;
	}
			
		div#footer a {
			color: #000000;
		}