html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: #f0f0f0;font-family:Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
table {	border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong{font-weight:bold;}
/*---------------------------------------------------------------------------------------------------------*/
*{behavior: url(../js/ie-css3.htc); }
body{background-color:#ebebeb;}  
a{color:#000; text-decoration:none;}
li{list-style-type:none;}
h2{font-size:35px; font-family:"Didact Gothic", sans-sérif; border-bottom: 1px solid #bcbcbc; height: 45px;}
h3{font-size:25px; font-family:"Pontano Sans", sans-serif; color:#C70116; letter-spacing:1px; margin-top:20px; clear:both; font-weight:normal;}
h4{font-size:18px; font-family:"Pontano Sans", sans-serif; color:#C70116; letter-spacing:1px; margin-top:20px; clear:both; font-weight:normal;}

p{font-size:14px; margin-top:7px; line-height:22px; text-align:justify; color:#000;}
div#container p{font-family:"Droid Sans", sans-serif; color:#252525;}

div#navigation{width:100%; height:79px; background:url(../img/fond_menu.jpg) repeat-x;}
	div#navigation div#content{width:950px; height:52px; margin:0 auto; padding-top:25px; position:relative;}
		h1{width:186px; height:37px; margin:7px 0px 0px 38px; float:left; text-indent:-2000px; background:url(../img/logo.png) no-repeat;}
		span.slogan{width:265px; height:19px; top:79px; left:0px; z-index:10; color:#FFF; text-transform:uppercase; font-size:10px; text-align:center; display:block; letter-spacing:0.1em; line-height:15px; font-weight:bold; background:url(../img/fond_slogan.png) no-repeat; position:absolute;}
		ul#navigation{width:605px; margin:0 auto; float:right;}
			ul#navigation li.item{width:121px; height:46px; display:block; margin-top:2px; float:left; background:url(../img/sepa_menu.jpg) no-repeat; background-position:right;}
			ul#navigation li a.item{width:115px; height:43px; margin-top:2px; margin-left:1px; display:block; line-height:46px; text-align:center;}
			ul#navigation li a:hover{background-color:#F6F6F6; border-radius:4px; border:1px solid #DDD;}
			ul#navigation li a.selected{background-color:#F6F6F6; border-radius:4px; border:1px solid #DDD;}
			ul#navigation li a.select{background-color:#F6F6F6; border-radius:4px; border:1px solid #DDD;}

		div#submenu{width:auto; height:auto; background-color:#F6F6F6; border-left:1px solid #DDD; border-bottom:1px solid #DDD; border-right:1px solid #DDD; -webkit-border-radius: 0px 7px 7px 7px; border-radius: 0px 7px 7px 7px; position:absolute; top:68px; left:467px; z-index:10; padding:10px;}	
			div#submenu ul.right{width:auto; float:left; padding-left:10px;}
			div#submenu ul.left{width:auto; border-right:1px dashed #999999; padding-right:10px; float:left;}
			div#submenu ul li{width:100%; margin-top:5px; background:none;}
			div#submenu ul li.titre{font-size:18px; color:#c70116; font-family:"Quattrocento Sans", sans-sérif; margin-top:5px;}
			div#submenu ul li a{width:100%;display:inline-block; font-size:13px; line-height:34px;}
			div#submenu ul li:hover{background-color:#efefef;}			
			div#submenu ul li a:hover{background-color:#efefef; border-radius:0px; border:none; color:#C70116;}
			div#submenu ul li a.select_sub{background-color:#efefef; border-radius:0px; -webkit-border-radius:0px; border:none; color:#C70116;}
			div#submenu2 ul li a.no_icon{border-left:2px solid #C70116; background-color:#efefef; border-radius:0px; -webkit-border-radius:0px; border:none; color:#C70116;}
			
			div#submenu img{width:52px; height:34px;}
			div#submenu span{width:52px; height:34px; display:block; float:left; margin-right:1px; z-index:5;}
				div#submenu span.qa_mini{background:url(../img/icone/qa_mini_nav.png) no-repeat;}
				div#submenu span.votesms_mini{background:url(../img/icone/votesms_mini_nav.png) no-repeat;}
				div#submenu span.tweetwall_mini{background:url(../img/icone/tweetwall_mini_nav.png) no-repeat;}
				div#submenu span.kinephoto_mini{background:url(../img/icone/kinephoto_mini_nav.png) no-repeat;}
				div#submenu span.mobapp_mini{background:url(../img/icone/mobapp_mini_nav.png) no-repeat;}
                div#submenu span.nuagedemots_mini{background:url(../img/icone/nuagedemots_mini_nav.png) no-repeat;}
				div#submenu span.cmsmobile_mini{background:url(../img/icone/cmsmobile_mini_nav.png) no-repeat;}
				div#submenu span.campagnesms_mini{background:url(../img/icone/campagnesms_mini_nav.png) no-repeat;}
				div#submenu span.jeuxsms_mini{background:url(../img/icone/jeuxsms_mini_nav.png) no-repeat;}
				div#submenu span.boitier_mini{background:url(../img/icone/boitieripad_mini_nav.png) no-repeat;}
		div#submenu2{width:130px; height:auto; background-color:#F6F6F6; border-left:1px solid #DDD; border-bottom:1px solid #DDD; border-right:1px solid #DDD; -webkit-border-radius: 0px 7px 7px 7px; border-radius: 0px 7px 7px 7px; position:absolute; top:68px; left:588px; z-index:10; padding:10px;}	
			div#submenu2 li{width:100%; margin-top:5px; background:none;}
			div#submenu2 li:hover{background-color:#efefef;}
			div#submenu2 li a{width:100%;display:inline-block; font-size:13px; line-height:34px; padding-left:5px;}
			div#submenu2 li a:hover{background-color:#efefef; border-radius:0px; border:none; color:#C70116;}


div#header{width:100%; height:135px; background-color:#282828;}
	div#temoignage{width:950px; height:135px; margin:0 auto; position:relative; overflow:hidden; position:relative;}
		div#temoignage div.slide{width:790px; height:135px; overflow:hidden; position:relative; margin-left:75px;}
			div#temoignage div.slide p{width:790px; float:left; display:block; margin-top:35px; line-height:20px; font-size:14px; text-align:center; font-style:italic; color:#ababab; }
			div#temoignage p span{font-size:13px; font-weight:normal; display:block; text-align:right; margin-top:5px;}
			div#temoignage span.left{width:50px; height:50px; bottom:35px; left:30px; position:absolute; background:url(../img/deco_tem_left.jpg) no-repeat;}
			div#temoignage span.right{width:50px; height:50px; bottom:35px; right:30px; position:absolute; background:url(../img/deco_tem_right.jpg) no-repeat;}
			
div#container{width:100%; height:auto; overflow:hidden; background:url(../img/fond_solution.jpg) repeat-x; background-position:top;}
	div#container div.content{width:950px; height:auto; margin:0 auto; overflow:hidden; background-color:#f5f5f5;}
	div#container div.casclient{}
	div#container p span{color:#000; font-weight:bold; font-size:13px;}
		div#col_left{width:717px; height:auto; background:#FFF; border-left:1px solid #d3d3d3; float:left; padding:20px 20px 20px 20px; border-right:1px solid #d3d3d3; position:relative;}
			h2 span.picto_news{background:url(../img/picto_news.png) no-repeat; width:79px; height:17px; position:absolute; right:20px; top:26px;}
			ul#entreprise{width:100%; height:auto; overflow:hidden; margin-top:15px;}
				ul#entreprise li{width:126px; height:126px; float:left; font-weight:bold; margin:0px 5px 5px 0px; padding: 5px; border: 1px solid #BCBCBC; position:relative; overflow:hidden;}
				ul#entreprise li span{color:#FFF; width:100%; height:100%; padding-top:37px; top:0px; left:0px; font-size:13px; text-align:center; display:none; background:url(../img/visuel/miniature_fond_show.png) repeat; position:absolute;}
				ul#entreprise li span a{}
			div#intro{width:100%; height:auto; padding-bottom:20px; background:url(../img/ombre_intro.jpg) no-repeat; background-position:bottom; overflow:hidden; position:relative;}
				a.btn_devis{font-size:11px; padding:5px; background-color:#000; border-radius:3px; -webkit-border-radius:3px; position:absolute; color:#FFF; bottom:20px; right:196px;}
					a.btn_devis:hover{background-color:#d60018; color:#FFF;}
				a.btn_contact{font-size:11px; padding:5px; background-color:#000; border-radius:3px; -webkit-border-radius:3px; position:absolute; color:#FFF; bottom:20px; right:300px;}
					a.btn_contact:hover{background-color:#d60018; color:#FFF; }
					div#contact_show{width:156px; height:32px; background-color:#F6F6F6; border-radius:3px; -webkit-border-radius:3px; position:absolute; top:226px; right:234px; border:1px solid #DDD; padding:5px;}
						div#contact_show p{font-size:13px; margin:0px; line-height:normal;}
							div#contact_show span.tel{background:url(../img/picto_tel.jpg) no-repeat; width:7px; height:12px; float:left; margin: 0px 3px 0px 8px; line-height: 12px;}
							div#contact_show span.email{background:url(../img/picto_mail.jpg) no-repeat; width:15px; height:11px; float:left; margin: 0px 3px 0px 0px;}
				div#intro p{width:519px; font-size:16px; margin-top:10px; margin-right:10px; padding-bottom:15px; line-height:21px; text-align: justify; color:#333; float:left;}
				div#miniature{width:188px; height:150px; margin-top:10px; background:#666; float:left; position:relative; overflow:hidden;}
					div#miniature img{width:188px; height:150px; float:left;}
					div#miniature #slide{width:10000px; height:150px; position:absolute;}
					div#miniature a{
	display: block;
	width: 188px;
	height: 150px;
	position: relative;
	float: left;
	background-image: url(../img/visuel/mowall2_max.jpg);
}
					div#miniature a span.show{display:none; top:0px; left:0px; position:absolute; width:100%; height:100%; background:url(../img/visuel/miniature_fond_show.png) repeat; font-size:12px; color:#FFF; line-height:150px; text-align:center; text-decoration:underline;}
			div.offres{width:100%; height:auto; overflow:hidden; border:1px solid #CBCDCA; margin-top:15px;}
				div.offres h4{margin:0px;}
				div.offres ul{width:328px; height:auto; overflow:hidden; margin-top:10px; background-color:whiteSmoke; padding:5px; border-radius:5px; -webkit-border-radius:5px;}
				div.offres ul li{font-size:13px; line-height:18px;}
				div.offres li.titre{width:100%; display:block; font-weight:bold;}
				div.offres div#offre_lowcost{width:338px; height:auto; padding:10px; overflow:hidden; float:left;}
				div.offres div#offre_prenium{width:338px; height:auto; padding:10px; border-left:1px solid #CBCDCA; overflow:hidden; float:left;}
			div.exemple{width:100%; height:auto; overflow:hidden; margin:10px 0px 0px 0px;}
				div.exemple img{float:left; margin-right:10px;}
				div.exemple p{width:auto; border-left:2px solid red; padding-left:5px; margin-top:0px; font-style:italic; font-size:12px;}
				div.exemple p span{font-weight:bold; font-size:14px; font-style:normal;}
			div.boitier p{width:auto; float:left; padding-left:5px; border:none;  font-size:14px; font-style:normal;}
			div.questionsms p{width:auto; float:left; border-left:2px solid red; padding-left:5px; margin-top:0px; font-style:italic; font-size:12px;}
			div.photowall p{width:316px; float:left; border-left:2px solid red; padding-left:5px; margin-top:0px; font-style:italic; font-size:12px;}
			div#media{margin-top:15px; width:100%; height:auto; overflow:hidden;}
			div#cas_clients{width:100%; height:auto; overflow:hidden;}
				div.cas_clients_box{ position:relative; float:left; margin-top:10px; display:block; margin-right:10px; margin-bottom:5px; width:336px; height:auto; overflow:hidden; border: 1px solid #cbcdca; padding:5px;}
					div#cas_clients .hover_boxjs{border:1px solid #BCBCBC;}
					div.cas_clients_box img{float:left; margin-right:5px;}
					div.cas_clients_box p{ width:250px; height:auto; overflow:hidden; font-size:12px; margin-top:5px; line-height:18px; text-align:justify; color:#000; float:left;}
					div.cas_clients_box a.show{color:#FFF; width:100%; height:100%; padding-top:37px; top:0px; left:0px; font-size:13px; text-align:center; display:none; background:url(../img/visuel/miniature_fond_show.png) repeat; position:absolute;}
			div.fb_iframe_widget{margin-top:10px;}
			p.mma{text-align:center; margin-top:30px; font-size:13px; font-style:italic;}
/*COLONNE DE DROITE -toutes pages-*/				
		div#col_right{width:170px; height:auto; background:#f5f5f5; border-right:1px solid #dfdfdf; float:left; padding:0px 10px 15px 10px; overflow:hidden;}
			div#col_right h3{font-family:"Pontano Sans", sans-serif; color:#000; letter-spacing:1px; margin-top:10px; position:relative; background-color:#E6E6E6; border-top-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px; padding:5px; border-left:2px solid #C70116;}
			div.fb-like-box{margin-top:10px;}
			div#col_right h3 span{color:#C70116;}
		div.solutions{width:100%; height:auto; overflow:hidden; margin-top:15px;}
			div.col_right{padding-bottom:10px;}
			ul.solutions{width:100%; overflow:hidden; margin-top:5px;}
				ul.solutions li{display:block; width:100%; height:26px; line-height:26px; font-size:12px; clear:both; float:left; padding:5px 0px 5px 0px; }
				ul.solutions p.titre{width:100%; display:block; font-size:16px; color:#c70116;}
				ul.solutions li:hover a{display:block; width:100%; height:26px; background-color:#e6e6e6; color:#c70116; border-top-right-radius: 27px;}
				ul.solutions li a:hover{color:#c70116;}
				ul.solutions li.select a{display:block; width:100%; height:26px; background-color:#e6e6e6; color:#c70116; border-top-right-radius: 27px;}
				ul.solutions li ul.sub li{padding:3px 0px 3px 0px; border:none;}
					ul.solutions span{width:40px; height:26px; display:block; float:left; margin-right:1px; z-index:5;}
					ul.solutions span.qa_mini{background:url(../img/icone/qa_mini_nav.png) no-repeat;}
					ul.solutions span.votesms_mini{background:url(../img/icone/votesms_mini_nav.png) no-repeat;}
ul.solutions span.nuagedemots_mini{background: url(../img/icone/nuagedemots_mini_nav.png) no-repeat;}
					ul.solutions span.tweetwall_mini{background:url(../img/icone/tweetwall_mini_nav.png) no-repeat;}
					ul.solutions span.kinephoto_mini{background:url(../img/icone/kinephoto_mini_nav.png) no-repeat;}
ul.solutions span.mobapp_mini{background: url(../img/icone/mobapp_mini_nav.png) no-repeat;}
					ul.solutions span.cmsmobile_mini{background:url(../img/icone/cmsmobile_mini_nav.png) no-repeat;}
					ul.solutions span.campagnesms_mini{background:url(../img/icone/campagnesms_mini_nav.png) no-repeat;}
					ul.solutions span.jeuxsms_mini{background:url(../img/icone/jeuxsms_mini_nav.png) no-repeat;}
					ul.solutions span.boitier_mini{background:url(../img/icone/boitieripad_mini_nav.png) no-repeat;}
		div.social{width:100%; height:auto; overflow:hidden;}
		div.actu a.btn_colright{width:160px; height:20px; background-color:#282828; padding:5px; border-radius:5px; color:#FFF; margin-top:5px; display:block; line-height:20px; font-size:15px;}
			div.actu a.btn_colright span{width:18px; height:18px; background:url(../img/puce_fleche.jpg) no-repeat; display:block; float:left; margin-right:5px;}
			div.actu a.btn_colright:hover span{width:18px; height:18px; background:url(../img/puce_fleche.jpg) no-repeat; display:block; float:left; margin-right:5px; background-position:bottom;}
div#footer{
	width: 100%;
	height: 220px;
	background-color: #1d1d1d;
	padding-top: 20px;
}
			ul#confiance li a{width:86px; height:37px; position:relative; float:left; margin-top:4px;}
			ul#confiance li a{}
			ul#confiance li a span.bg{width:82px; height:34px; background:#000; position:absolute; top:0px; display:block; border-radius:4px; -webkit-border-radius:4px;}
			ul#confiance li a:hover span.bg{width:82px; height:34px; background:#000; position:absolute; top:0px; border-radius:4px; -webkit-border-radius:4px;}				
	div#menu_footer{
	width: 950px;
	margin: 0 auto;
	height: 230px;
	overflow: hidden;
}
			div#menu_footer ul#plan_du_site{width:131px; margin-right:10px; float:left; height:auto; overflow:hidden;}
			div#menu_footer ul#confiance{width:201px; margin-right:10px; height:auto; overflow:hidden; float:left;}
			div#menu_footer ul#solution{width:176px; margin-right:10px; float:left; height:auto; overflow:hidden;}
			div#menu_footer ul#reference{width:141px; margin-right:10px; float:left; height:auto; overflow:hidden;}
			div#menu_footer ul#societe{width:121px; margin-right:10px; float:left; height:auto; overflow:hidden;}
			div#menu_footer ul#contact{width:120px; margin-right:10px; float:left; height:auto; overflow:hidden;}
			div#menu_footer ul li.titre{ margin-bottom:3px; font-size:14px; color:#efefef; font-weight:bold; float:none; width:200px;}
			div#menu_footer ul li a{font-size:12px; color:#767676; line-height:20px; height:auto; overflow:hidden;}
			div#menu_footer ul li a:hover{color:#efefef;}



ul.info{float:left; margin-top:10px; font-size:13px; font-weight:bold; line-height:17px; margin-left:10px; border-radius:2px; background-color:#F4F4F4; overflow:hidden; padding:8px; border:1px solid #CCC;}
ul.equipe{margin-top:10px; margin-bottom:15px; overflow:hidden;}
ul.equipe li{float:left; margin-right:20px;}
img.map{margin-top:10px; float:left; margin-bottom:15px}

ul.list_etape{width:100%; height:auto; overflow:hidden; font-size:14px; text-align:justify; color:#252525; font-family:"Droid Sans", sans-serif;}
ul.list_etape li{margin-bottom:10px; line-height:19px; position:relative; margin-left:35px; margin-top:10px;}
ul.list_etape li span.puce_num01{width:21px; height:21px; background:url(../img/puce_num.png) no-repeat; position:absolute; left:-35px; }
ul.list_etape li span.puce_num02{width:21px; height:21px; background:url(../img/puce_num.png) no-repeat; background-position:0px -20px; position:absolute; left:-35px; }
ul.list_etape li span.puce_num03{width:21px; height:20px; background:url(../img/puce_num.png) no-repeat; background-position:0px -41px; position:absolute; left:-35px;}
ul.list_etape li span.puce_num04{width:21px; height:21px; background:url(../img/puce_num.png) no-repeat; background-position:0px -61px; position:absolute; left:-35px;}

ul.liste_option{width:100%; height:auto; overflow:hidden; text-align:justify;}
ul.liste_option li{margin-top: 7px; font-size: 14px; line-height:19px; color:#252525; font-family: "Droid Sans", sans-serif;}
ul.liste_option li span{font-weight:bold; font-size:14px; color:#282828;}
/*cas client*/
div.casclient div#intro p{width:509px; font-size:13px; margin-top:10px; margin-left:10px; padding-bottom:15px; line-height:21px; text-align: justify; color:#333; float:left;}
ul.nav_casclient li{height:auto;}
ul.nav_casclient ul{display:none;}
ul.nav_casclient ul.sub li{margin-top:3px; margin-left:10px;}
ul.nav_casclient ul.sub li a{display:block; width:100%; height:auto; color:black; background:none; line-height:normal; }
ul.nav_casclient ul.sub li a:hover{text-decoration:underline;}
/*société*/
div#equipe{width:100%; height:auto; overflow:hidden; margin-top:10px;}
div.equipe_box{width:353px; height:auto; overflow:hidden; float:left; padding-right:5px; margin-bottom:5px;}
div.equipe_box img{margin-right:5px; float:left;}
div.equipe_box p{width:258px; font-size:12px; line-height:15px; float:left;}

ul#expertise{width:100%; margin-top:10px;}
ul#expertise li{width:100%; line-height:13px; margin-bottom:8px; font-size:15px; font-family:"Droid Sans", sans-serif; color:#252525; }
ul#expertise li p.description{margin-top:0px; display:none;}
ul#expertise li span{margin-right:5px; background:url(../img/puce.png) no-repeat; width:14px; height:13px; float:left;}

/*contact*/
img#plandacces{margin-top:10px; float:left; margin-right:10px; margin-bottom:15px;}
ul#info_contact{padding:10px; border:1px solid #cbcdca; width:154px; height:auto; overflow:hidden; margin-top:10px; font-family:"Droid Sans", sans-serif; color:#252525;}
ul#info_contact li{margin-bottom: 5px;}
ul#info_contact li a:hover{color:#C70116;}
div#formulaire{width:100%; height:auto; overflow:hidden; border-top: 1px solid #BCBCBC;}
legend{ font-size:25px; font-family:"Pontano Sans", sans-serif; color:#C70116; letter-spacing:1px; margin-top:10px; clear:both; font-weight:normal;}
div#formulaire ul{margin-top:10px;}
div#formulaire li span{margin-right:5px; margin-top:1px; background:url(../img/puce.png) no-repeat; width:14px; height:13px; float:left;}
div#formulaire li.titre{font-size:13px; margin-bottom:5px; }

----------------------------------
/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/

ul#filter { font-size: 16px; list-style: none; margin-left: 0; width: 100%; margin-top:15px; margin-bottom:15px; height:auto; overflow:hidden; }
ul#filter li a{ 
 background-color:#282828; border-radius:3px; -webkit-border-radius:3px; padding:5px; float:left; margin-right:5px; margin-bottom:5px; font-size:14px;
}
ul#filter li:last-child {border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a {color:#FFF; text-decoration:none;}
ul#filter li.current a, ul#filter a:hover {background-color:#C70116;}
ul#filter li.current{background-color:#C70116;}