html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

img, div { behavior: url(iepngfix.htc) }

/* globals */
body					{ background-color: #FFFFFF; color: #333; font: 12px Arial, "Lucida Grande","Lucida Sans Unicode", Verdana,sans-serif; height: 100%; min-height: 100%; line-height:1.5; }

h1, h2, h3, h4, h5, h6	{ font-weight: bold; color: #1E1B1A; }

ul { list-style-image:none; list-style-position:outside; list-style-type:disc;}

h3 { color: #333366; font: 16px; font-weight: bold; font-size:1.5em; padding: 0 0 10px 0;}

.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

a:hover {color:#4D4D80;text-decoration:underline;}
a {color:#4D4D80;font-weight:bold;text-decoration:none;}


/* structure */
#wrapper				{ min-height: 100%; position: relative; }
#main					{ padding-top: 30px; z-index: 0; *z-index: -1; width:900px; margin:0 auto; position:relative; height:800px; }
#container				{ width:600px; float:left;}
#content				{ margin:0; width:660px; overflow:hidden; }
#content-realisation { margin:0; width:740px; overflow:hidden; }
.rightbloc				{ width:240px; float:right;  position:relative;}
.fixed					{ width:900px; margin:0 auto;}
.paddding_blank			{ height:25px;}
.rightbloc-realisation	{ width:160px; float:right;  position:relative;margin-right:10px;}
		
/* header */
#header					{ background: #1e1b1a; border-left: 2px solid #383332; border-right: 2px solid #383332; border-bottom: 2px solid #383332; padding: 0 0 20px 0; margin-left:auto; margin-right:auto; width:900px; height:60px;}
#logo					{ padding-top:12px; padding-left:15px;}
div#logo a				{ background:transparent url(../images/mobicrea_logo.png) no-repeat scroll left top; display:block; height:42px; margin:0; overflow:hidden; padding-top:0; text-indent:-9999em; width:271px; }

#marque					{ width: 360px;  padding-left:10px; float:left;}
.blog-description		{ line-height: 1em; display: block; font-size: 11px; font-weight: bold; color: #7d716d; margin: 0; padding: 5px 0 0 5px; text-transform: uppercase; }

/* navigation */
#nav    { float:right; }
ul#menu { float:right;margin:57px 10px 0;overflow:hidden; padding:0px; }
ul#menu li { display: inline; }

/*
ul#menu li a {display: block; float: left; height: 32px; background-image: url(../images/sprite.png); text-indent: -9999px; }

ul#menu li a.accueil { width: 134px; background-position: 0 0;}
ul#menu li a.nosrealisations {width: 168px; background-position: -134px 0;}
ul#menu li a.contacts { width: 149px; background-position: -302px 0;}

ul#menu li a.accueil:hover, ul#menu li a.accueil.selected {background-position: 0 -32px;}
ul#menu li a.nosrealisations:hover, ul#menu li a.nosrealisations.selected {background-position: -134px -32px;}
ul#menu li a.contacts:hover, ul#menu li a.contacts.selected {background-position: -302px -32px;}	
*/

ul#menu li a {display: block; float: left; height: 31px; background-image: url(../images/menu.png); text-indent: -9999px; }

ul#menu li a.accueil { width: 142px; background-position: 0 0;}
ul#menu li a.nosrealisations {width: 168px; background-position: -142px 0;}
ul#menu li a.contacts { width: 141px; background-position: -310px 0;}

ul#menu li a.accueil:hover, ul#menu li a.accueil.selected {background-position: 0 -31px;}
ul#menu li a.nosrealisations:hover, ul#menu li a.nosrealisations.selected {background-position: -142px -31px;}
ul#menu li a.contacts:hover, ul#menu li a.contacts.selected {background-position: -310px -31px;}	


/* Bloc droite Bleu */
#block_blue_header { background:transparent url(../images/blue_header.png) no-repeat scroll 0 0; overflow:hidden; height:25px;}
#block_blue_header h4 {color: #FFFFFF; font-size: 11px ; font-weight: bold; padding: 6px 5px 0px 7px;}
.block_blue_column { background:transparent url(../images/blue_column.png);width:235px;}
.block_blue_footer { background:transparent url(../images/blue_footer.png) no-repeat scroll 0 0; overflow:hidden; height:13px;}


/* Bloc droite Gris */
#block_grey_header { background:transparent url(../images/grey_header.png) no-repeat scroll 0 0; overflow:hidden; height:25px;}
#block_grey_header h4 {color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 6px 5px 0px 7px;}
.block_grey_column { background:transparent url(../images/grey_column.png);width:235px;}
.block_grey_footer { background:transparent url(../images/grey_footer.png) no-repeat scroll 0 0; overflow:hidden; height:13px;}
#block_content {width:220px; padding: 10px 10px 5px 10px}

/* Bloc droite Gris petit*/
#block_grey_header_small { background:transparent url(../images/grey_header_small.png) no-repeat scroll 0 0; overflow:hidden; height:25px;}
#block_grey_header_small h4 {color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 6px 5px 0px 7px;}
.block_grey_column_small { background:transparent url(../images/grey_column_small.png);width:160px;}
.block_grey_footer_small { background:transparent url(../images/grey_footer_small.png) no-repeat scroll 0 0; overflow:hidden; height:13px;}
#block_content_small {width:160px; padding: 10px 10px 5px 10px}


/* Bloc centre Gris */
#block_grey_header_large { background:transparent url(../images/grey_header_large.png) no-repeat scroll 0 0; overflow:hidden; height:25px;}
#block_grey_header_large h4 {color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 6px 5px 0px 7px;}
.block_grey_column_large { background:transparent url(../images/grey_column_large.png);width:650px;}
.block_grey_footer_large { background:transparent url(../images/grey_footer_large.png) no-repeat scroll 0 0; overflow:hidden; height:13px;}
#block_content_large {width:650px; padding: 10px 10px 5px 10px}

#block_blue_header_large { background:transparent url(../images/blue_header_large.png) no-repeat scroll 0 0; overflow:hidden; height:25px;}
#block_blue_header_large h4 {color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 6px 5px 0px 7px;}

.content_body{ font: 12px; padding:10px 10px 20px 20px; }
.img_product	{width:32px; height:32px; border:0px; padding: 0 5px 0 5px; }

/* Bloc carrousel */
.carrousel {
/*background:#FFFFFF url(../images/content-bg.jpg) repeat-x scroll 0 0;*/
border:1px solid #CCCCCC;
height:250px;
margin:0 10px 10px 0;
padding:10px;
}	
#controls				{ position: absolute; float: left; z-index: 10; width: 630px; padding-top: 75px; }
#controls .next, #controls .prev	{ text-indent: -9000px; width: 30px; height: 30px; display: block; }
#controls .prev			{ background: url(../images/prev.png) no-repeat; float: left; }
#controls .next			{ background: url(../images/next.png) no-repeat; float: right; }

#featured-slideshow		{ position: relative; height: 250px; margin-right: 20px; }			
.featured-article		{ display:block; height:250px; text-decoration:none !important; width:630px;}

#footer-content		{ background: #999999; margin-left:auto; margin-right:auto; width:900px;}
.footer_text		{ text-align: center; padding:5px 0 5px 0;  color:#FFFFFF; font-size: 9px; float:left; width:830px;}
.footer_picto		{ padding-top:5px;}


div#block_content ul { font-size:12px; padding:0 0 0 12px;}
div#block_content li { padding:2px 0 2px 0;}

div#block_content_product ul { font-size:11px; padding:0 0 0 10px;}
div#block_content_product li { list-style-type:none; padding:5px 0 10px 0;  background: url(../images/dot_line.png) repeat-x scroll 0 0; background-position: bottom}
div#block_content_product a { text-decoration: none; color: #333; }

.content_degrad		{ padding:10px 10px 10px 10px; margin-left:auto;  margin-right:35px; }
.content_degrad_b1  {font-size: 12px; float:left;width:190px; background:transparent url(../images/dot_grey.png)repeat-y scroll 0 0; background-position: top right;padding-right:10px;padding-left:10px; height:240px;}
.content_degrad_b2  {font-size: 12px; float:left;width:190px;background:transparent url(../images/dot_grey.png)repeat-y scroll 0 0; background-position: top right;padding-right:10px;padding-left:10px;  height:240px;}
.content_degrad_b3  {font-size: 12px;float:right;width:190px;padding-right:10px;}

.content_degrad_gauche  {font-size: 12px; float:left;width:300px; background:transparent url(../images/dot_grey.png)repeat-y scroll 0 0; background-position: top right;padding:10px 10px 0 10px;  display: inline-block;}
.content_degrad_droite  {font-size: 12px;float:right;width:285px; padding:10px 10px 0 0; padding-right:10px;  display: inline-block;}


#content_page  { padding:10px 10px 10px 10px; margin-left:auto; margin-right:auto; margin-right:25px; background:transparent url(../images/bg_degrad.png) repeat-x scroll 0 0; background-position: bottom;} 
.text_presentation {padding-left:20px;}
#content_page ul {padding-left:20px;}

.block_home_bottom {padding-top:10px; margin-left:auto; margin-right:auto; width:900px;}
.block_home_bottom_left 	{padding:5px 10px 5px 0; float:left;width:400px; background:transparent url(../images/dot_grey.png)repeat-y scroll 0 0; background-position: top right;
  height:105px;}
.block_home_bottom_right 	{float:right;width:430px;padding-right:20px;}

.caracteristique {float:left;margin-top:15px;margin-left:5px;}
.caracteristique_appliname{float:left; margin-top:35px;margin-left:15px;font-size:18px;}
.caracteristique_slideshow{float:right;background-image: url('../images/iphone.png');background-repeat:no-repeat;width:370px; height:450px;}
.caracteristique_slideshow_img{margin-top:70px;margin-left:53px;width:194px;height:279px;}
.caracteristique_dispoAppStore{margin-top:40px; margin-left:68px;}

.appiconlist{float:left;font-size:9px;margin-left:3px;}

