* {margin:0px;padding:0px;}
body {
 background:url(img/background.png) repeat-x top #fff;
  repeat-x top left #000; font-family: Arial; overflow-x: hidden; font-size: 14px; color: #1E2F3A;
}

a { color: #0089ca; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }

.clear { clear: both; }
.hide { display: none; }

hr {border:0px;border-bottom:1px solid #FFFFFF;border-top:1px solid #A2A2A2;padding:0px;margin-top:5px;margin-bottom:10px;}

#head-login { width: 960px; height: 16px; padding: 3px 0 0 0; text-align: right; margin:0px auto; }
		#head-login a { color: black; text-decoration: none; font-size: 14px; }

	#head { width: 960px; height: 213px; margin: 0px auto;}
		#head-left { float: left; width: 575px; }
			#head-left #logo a { float: left; margin-top: 2px; display: block; width: 328px; height: 115px; background: url("img/logo.png") no-repeat; text-indent: -999px; overflow: hidden;}
			#head-left h2#introduction { float: left; margin: 10px 0 0 40px; width: 458px; height: 54px; overflow: hidden; font-size:26px; color:#FFFFFF; font-weight: normal; line-height:26px; font-family: 'Playball', cursive; text-shadow: 2px 2px 0px #000;}

#container {background:url(img/background-content.png) repeat-x top #D6D7D8; min-height:555px; margin:0px; padding: 0px;}

#content {width: 960px;  margin:0px auto;}

/* Slider home */
#slider { float: left; margin: 20px 0 0 0; width: 575px; height: 408px; overflow: hidden; }
			
#slider #slider-top { width: 575px; height: 6px; background-image: url("img/slider/slider_top.png"); background-repeat: no-repeat; background-position: 37px 0; }
			
#slider #slider-middle { width: 575px; height: 368px; background-image: url("img/slider/slider_middle.png"); background-repeat: repeat-y; background-position: 37px 0; }
#slider #slider-middle #slider-content { float: left; position: relative; width: 498px; margin: 5px 0 0 45px; height: 350px; overflow: hidden; }
#slider #slider-middle #slider-content #slider-items-container { position: absolute; float: left; height: 350px; }
			
#slider #slider-middle #slider-content #slider-items-container .slider-item { float: left; width: 498px; height: 350px; line-height: 1.4em; }
			
#slider #slider-middle #slider-content #slider-items-container .slider-item .postit { float: left; margin: 20px 20px 20px 15px; background-image: url("img/slider/postit.png"); background-repeat: no-repeat; width: 130px; height: 130px; }
#slider #slider-middle #slider-content #slider-items-container .slider-item .postit img { width: 100px; height: 100px; position: relative; top: 13px; left: 15px; border: none; }
#slider #slider-middle #slider-content #slider-items-container .slider-item .icon { float: left; background-repeat: no-repeat; padding: 0 0 0 60px; min-height: 50px; width: 400px; margin: 0 0 10px 10px; font-size: 12px; }
#slider #slider-middle #slider-content #slider-items-container .slider-item .icon.icon-home 		{ background-image: url("img/slider/icon_home.png"); }
#slider #slider-middle #slider-content #slider-items-container .slider-item .icon.icon-menu 		{ background-image: url("img/slider/icon_menu.png"); }
#slider #slider-middle #slider-content #slider-items-container .slider-item .icon.icon-agenda 	{ background-image: url("img/slider/icon_agenda.png"); }
#slider #slider-middle #slider-content #slider-items-container .slider-item .icon.icon-gallery 	{ background-image: url("img/slider/icon_gallery.png"); }
#slider #slider-middle #slider-content #slider-items-container .slider-item .icon.icon-contact 	{ background-image: url("img/slider/icon_contact.png"); }
			
#slider #slider-middle #slider-content #slider-items-container .slider-item h3 { font-size: 20px; padding: 10px 20px 20px 10px; font-weight: normal; color: #1e2f3a; line-height: 1.2em; }
#slider #slider-middle #slider-content #slider-items-container .slider-item p { padding: 10px 20px 20px 10px; font-weight: normal; color: #1e2f3a; }
			
#slider #slider-bottom { width: 575px; height: 35px; background-image: url("img/slider/slider_bottom.png"); background-repeat: no-repeat; }
#slider #slider-bottom ul#dots { margin-left: 245px; cursor: default; }
#slider #slider-bottom ul#dots li { display: inline-block; }
#slider #slider-bottom ul#dots li a { display: block; width: 11px; height: 12px; background-image: url("img/slider/dots.png"); background-repeat: no-repeat; text-indent: -999px; margin: 10px 8px 0 0; overflow: hidden; }
#slider #slider-bottom ul#dots li a:hover { background-position: 0 -12px; } 
#slider #slider-bottom ul#dots li a.active { background-position: 0 -24px; }

/* end Slider home */

/* iPhone */
#iphone { float: left; margin: -90px 0 0 10px; width: 350px; height: 625px; background-image: url("img/iphone.png"); }
#iphone #iphone-mask { position: absolute; float: left; width: 267px; height: 383px; overflow: hidden; margin: 117px 0 0 42px; }
#iphone #iphone-content { position: absolute; float: left; width: 1335px; height: 383px; background-image: url("img/iphone_content.png"); background-repeat: no-repeat; overflow: hidden;  }
/* end iPhone */

#catchy-sentence { clear: both; margin-top: 30px; width: 960px; height: 85px; overflow: hidden; text-align: center; font-size: 35px; line-height: 35px; font-weight: normal; font-family: 'Playball', cursive;text-shadow: 1px 1px 0px #fff;}

h3.title {font-size: 35px; line-height: 35px; font-weight: normal; font-family: 'Playball', cursive; color:#2E91B9; text-shadow: 1px 1px 0px #fff;}

.line {background:url(img/background.png) repeat-x top #232323; background-position:0px -789px; min-height:233px; max-height: 233px; overflow:hidden; margin:0px; padding: 0px;}

.line-content {width: 960px;  margin:0px auto;}

	#three-points { float: left; margin: 0px 0 0 60px; width: 960px; height: 233px; color: white; font-size: 12px; line-height: 1.4em; font-weight: normal; }
		#three-points .point { float: left; width: 233px; height: 233px; margin-right: 75px; }
		#three-points .point .triangle { width: 16px; height: 12px; background-image: url("img/triangle.png"); background-repeat: no-repeat; margin-left: 45%; }
		#three-points .point h3 { font-size:30px; font-weight: normal; color:#2E91B9;  font-family: 'Playball', cursive;text-shadow: 0px 1px 0px #B0B7BA;}
		
		#three-points #editez.point h3 {  margin: 10px 0 28px 75px; }
		#three-points #previsualisez.point h3 {  margin: 10px 0 28px 34px; }
		#three-points #publiez.point h3 {  margin: 10px 0 28px 66px; }

.empty {background:#EEEEEE;}

	#client-apps-container { width: 400px; float: left; margin: 40px 0 0 20px; }
		h2#discover-client-apps { font-size:30px; font-weight: normal; font-family: 'Playball', cursive;text-shadow: 1px 1px 0px #fff; margin-bottom:18px;}  
	
	#featured-apps { float: left; width: 400px; margin-top: 20px; }
			#featured-apps #featured-apps-top { background-image: url("img/featured_apps_top.png"); background-repeat: no-repeat; width: 400px; height: 9px; }
			#featured-apps #featured-apps-middle { min-height: 181px; background-image: url("img/featured_apps_middle.png"); width: 380px; padding:10px; }
			#featured-apps #featured-apps-middle .featured-app {text-align:center;color:#EEEEEE;font-size:11px;float:left;margin-left:10px;margin-bottom: 5px;}
			#featured-apps #featured-apps-middle .featured-app .thumb {position:relative; width: 75px; height:75px; overflow:hidden;}
			#featured-apps #featured-apps-middle .featured-app img {max-width: 75px;position:absolute;top:0px;left:0px;}
			#featured-apps #featured-apps-middle .featured-app a {color:#EEEEEE;font-size:11px;}
			#featured-apps #featured-apps-bottom { background-image: url("img/featured_apps_bottom.png"); background-repeat: no-repeat; width: 400px; height: 8px; }
		
		.footer-box { float: left; width: 400px; margin-top: 20px; }
			.footer-box .footer-box-top { background-image: url("img/featured_apps_top.png"); background-repeat: no-repeat; width: 400px; height: 9px; }
			.footer-box .footer-box-middle { min-height: 201px; background-image: url("img/featured_apps_middle.png"); width: 400px; }
			.footer-box .footer-box-bottom { background-image: url("img/featured_apps_bottom.png"); background-repeat: no-repeat; width: 400px; height: 8px; }
	

ul.menu {
padding-top:30px;
}
ul.menu li {float:left; margin-right: 5px;}

/* Formulaires */
form {padding: 18px;}
form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
form.plain fieldset {border: 0 !important; padding: 0 !important;}
form.basic dl {width: 100%; overflow: hidden;} /* basic layout for forms */
form.basic dl dt,
form.basic dl dd {float: left;}
form.basic dl dt {padding: 3px 5px 3px 0; width: 20%;}
form.basic dl dd {padding: 3px 0 3px 5px; width: 76%;}

label.check,
label.radio {margin-right: 5px;}
form small {color: #999;}
input.txt,
textarea {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; background: url("../../admin/images/txt.gif") repeat-x #FFFFFF; padding: 5px 2px;
}
form.basic input.txt,
form.basic textarea {width: 100%;}
input.error,
textarea.error {border-color: #d35757; background-image: url("../../admin/images/txt-error.gif");}
span.loading {background: url("../../admin/images/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;color: #910f17;font-weight:bold;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px;margin-bottom:4px;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}
form.fields td {padding-bottom:3px;}
form.fields .td-statut {font-size:10px;color:#FF0000;}
/* stylish buttons with rounded corners */
.button, .button:visited {
	background: #222 url(img/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.large.button, .large.button:visited 			{ font-size: 14px; 
												  padding: 8px 14px 9px; }
	.blue.button, .blue.button:visited		    { background-color: #2E91B9; }
	.blue.button:hover							{ background-color: #237394; }

	
.green_button {border: 1px solid #386b00; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #52801f url("../../admin/images/green/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #2f5d0b 1px 1px 0; color: #fff; cursor: pointer;}
	.green_button:hover,
	.green_button:focus,
	.green_button:active {border-color: #272727; background: #2a2a2a url("../../admin/images/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

.gray_button {border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #000 url("../../admin/images/black/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #000 1px 1px 0; color: #fff; cursor: pointer;text-decoration:none;}
	.gray_button:hover,
	.gray_button:focus,
	.gray_button:active {border-color: #272727; background: #2a2a2a url("../../admin/images/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

/* error/information messages */

.messages {background:#91A4AC;}

.msg {
	width:940px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
	margin:0px auto;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("../../admin/images/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("../../admin/images/msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("../../admin/images/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("../../admin/images/msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("../../admin/images/led-ico/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("../../admin/images/led-ico/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("../../admin/images/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("../../admin/images/led-ico/exclamation.png") 0 50% no-repeat;}
.error {color: #b70b0b;}

/* Help */
.info {padding:10px;padding-left:35px;margin:10px;border:1px dotted #CCCCCC;background:url(img/help.png) no-repeat left #EEEEEE;}

/*******************/

	#contact { float: left; margin: 40px 0 0 80px; width: 400px; padding-bottom:30px; }
		#contact h2#contact-us {  font-size:30px; font-weight: normal; font-family: 'Playball', cursive;text-shadow: 1px 1px 0px #fff;  }
		#contact p#contact-intro { font-size: 12px; line-height: 1.4em; margin-top: 20px;  }
		#contact #contact-form {  margin-top: 13px; }
		#contact #contact-form form { float: left; position: relative; margin: 0px; padding:0px; margin: 3px 0 0 14px; border: 0; }
			#contact form * { font-family: arial; color: #626262; }
			#contact form p { color: #626262; }
			#contact form input[type=text] { font-size: 12px; padding: 2px 3px 2px 3px; margin-bottom: 10px; width: 141px; background: #171717; border-top: 1px solid #0a0a0a; border-left: 1px solid #101010; border-right: 1px solid #101010; border-bottom: 1px solid #0f0f0f; }
			#contact form textarea { font-size: 14px; width: 363px; height: 90px; padding: 2px 3px 2px 3px; background: #171717; border-top: 1px solid #0a0a0a; border-left: 1px solid #101010; border-right: 1px solid #101010; border-bottom: 1px solid #0f0f0f; }
			#contact form input[type=text]:focus, 
			#contact form textarea:focus { color: white; } 
			#contact form input[type=submit] { margin-top: 10px; color: black; }
			
		.error { padding: 3px 6px 3px 6px; margin-left: 10px; width: 300px; text-align: left; background: #fbc5c5; line-height: 1.2em; border: 2px solid #6a0e0e; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #6a0e0e; font-weight: bold; font-size: 12px; }
		.error p { line-height: 2em; }
		.success { padding: 3px 6px 3px 6px; margin-left: 10px; width: 300px; text-align: left; background: #c5fbc6; line-height: 1.2em; border: 2px solid #0e6a14; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #0e6a14; font-weight: bold; font-size: 12px; }
		
		#loading-message { color: #626262; margin-left: 10px; font-size: 12px; }

#container-footer {background:url(img/background.png) repeat-x top #232323; background-position:0px -1446px; min-height:118px; max-height: 118px; overflow:hidden; margin:0px; padding: 0px;}

	#credits { width: 410px; height: 80px; color: #e3e3e3; margin: 30px auto; } 
	#credits img { float: left; margin-right: 30px; }
	#credits p { color: #e3e3e3; font-size: 12px; line-height: 1.4em; }

.article-content {width: 960px;  margin:20px auto; margin-bottom: 20px; background:#EEEEEE; border:1px solid #FFFFFF; border-radius: 10px;}

/* Pricing */
.pricing {margin:10px auto;border-collapse: separate;border:1px solid #ffffff; border-radius: 5px;}
.pricing tr.title td {width:194px; height:31px; background:url(img/prices/title-bg.jpg) repeat-x; color:#FFF;border-right:1px solid #646b7a; border-left:1px solid #9ea3b1; text-align:center; font-size:18px; text-shadow: 1px 1px 1px #000;}
.pricing tr.title td:first-child { border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
.pricing tr.title td:last-child { border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.pricing tr.thumb td {position:relative;width:194px; height:100px; padding:0px; margin:0px; background:url(img/prices/cell-bg.jpg) top left no-repeat; color:#666;border-right:1px solid #e8e9e9; border-left:1px solid #ffffff; text-align:center;}
.pricing tr.content td {width:194px; height:40px; padding-top:10px;background:url(img/prices/cell-bg.jpg) no-repeat; background-position:0px -292px; color:#666;border-right:1px solid #e8e9e9; border-left:1px solid #ffffff;border-bottom:1px solid #e9e9e9; text-align:center;}
.pricing tr.content:last-child td {border-bottom:0px;}
.pricing .check-on {display:inline-block; width:23px; height: 20px; margin-top:2px; background: url(img/prices/check.png) top left no-repeat; overflow:hidden; text-indent: -9999px;}
.pricing .check-off {display:inline-block; width:23px; height: 20px; margin-top:2px; background: url(img/prices/check.png) bottom left no-repeat; overflow:hidden; text-indent: -9999px;}
.pricing .ios {display:inline-block; width:56px; height: 60px; background: url(img/prices/ios.png) top left no-repeat; overflow:hidden; text-indent: -9999px;}
.pricing .android {display:inline-block; width:85px; height: 60px; background: url(img/prices/android.png) top left no-repeat; overflow:hidden; text-indent: -9999px;}
.pricing .ios-android {display:inline-block; width:95px; height: 60px; background: url(img/prices/ios-android.png) top left no-repeat; overflow:hidden; text-indent: -9999px;}
.pricing .price {margin-top:5px;font-size:30px; font-weight: bold; font-family: Georgia; color:#2e88c7;font-style:italic;text-shadow:1px 1px 1px #FFF; }
.pricing .by {display:inline-block; color:#999;font-size:16px; margin-top:6px;}

.pricing tr.thumb td.hover {background-position:0px -146px;}
.pricing tr.content td.hover {background-position:0px -347px;}


.pricing_contact {margin:10px auto;}
.pricing_contact td {width:196px; text-align:center;}
.pricing_contact td a {text-decoration: none; border:0px;}
.pricing_contact td .button {color:#2e88c7; width:167px; height: 49px; line-height:30px; background:url(img/prices/button.png) no-repeat; padding-right:10px;}

#contact-address {display:none;}