﻿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: "" "";}
/*---------------------------------------------------------------------------------------------------------*/
*{behavior: url(../js/ie-css3.htc);}
body{background-color:#ebebeb;}
@font-face {font-family :'AVG2'; src:url('../font/AVG2.ttf') format('truetype'); }
h2{font-family:"Didact Gothic", sans-sérif;}
a{
	color: #000000;
	text-decoration: none;
}
li{list-style-type:none;}

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; -webkit-border-radius:4px; border-radius:4px; border:1px solid #DDD;}
			ul#navigation li a.selected{background-color:#F6F6F6; border-radius:4px; -webkit-border-radius:4px; border:1px solid #DDD;}
			ul#navigation li a.select:hover{background-color:#F6F6F6; border-radius:4px; -webkit-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:hover{background-color:#efefef;}
			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 a:hover{background-color:#efefef; 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.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.kinephoto_mini{background:url(../img/icone/kinephoto_mini_nav.png) no-repeat;}
				div#submenu span.cmsmobile_mini{background:url(../img/icone/cmsmobile_mini_nav.png) no-repeat;}
				div#submenu span.qa_mini{background:url(../img/icone/qa_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:338px; background:#323232 url(../img/fond_header.png) repeat-x; position:relative;}

	div#slide{width:950px; height:270px; margin:0 auto; background:url(../img/fond_slide.png) no-repeat; background-position:top; overflow:hidden; position:relative;}
		a.btn_slide{position:absolute; z-index:5;}
		div#slide a.next{width:57px; height:62px; top:108px; right:0px; background:url(../img/fle_slide_right.png) no-repeat; background-position:top;}
		div#slide a.prev{width:57px; height:62px; top:108px; left:0px; background:url(../img/fle_slide_left.png) no-repeat; background-position:top;}
		div#slide a.next:hover{background-position:bottom;}
		div#slide a.prev:hover{background-position:bottom;}
		div#slide a.fle_actif{background-position:bottom}
		
		div#slide div#content{width:1900px; height:270px; position:absolute;}
			ul#nav_slide li.btn_interactif{top:0px; left:96px; margin-top:10px; -webkit-box-shadow: 0px 0px 7px 0px #232323; box-shadow: 0px 0px 7px 0px #232323; behavior: url(../js/ie-css3.htc);}
			ul#nav_slide li.btn_marketing{top:0px; right:96px; margin-top:10px; -webkit-box-shadow: 0px 0px 7px 0px #232323; box-shadow: 0px 0px 7px 0px #232323; behavior: url(../js/ie-css3.htc);}
			div#interactif_mobile{width:950px; height:270px; float:left; position:relative;}
				p.accroche{top:45px; left:35px; position:absolute; font-family: 'Aldrich', sans-serif; font-weight:700; margin-bottom:8px; color:#FFFFFF; font-size:2.0em; line-height:1.3em; text-shadow:0px 0px 10px #000000; filter:dropshadow(color=#000000, offx=0, offy=0);}
			div#marketing_mobile{width:950px; height:270px; float:left;  position:relative;}
				img.marketingmobile{position:absolute; bottom:-2px; right:0px; display:block;}
				img.interactifmobile{position:absolute; bottom:-2px; right:0px; display:block;}
			div#interactif_mobile ul{position:absolute; top:137px; left:85px; line-height:20px;}
				div#interactif_mobile ul li{color:#FFF; font-family:arial, sans-serif; font-size:17px; font-weight:bold;}	
			div#marketing_mobile ul{position:absolute; top:137px; left:85px; line-height:20px;}
				div#marketing_mobile ul li{color:#FFF; font-family:arial, sans-serif; font-size:17px; font-weight:bold;}	

	ul#nav_slide{width:950px; height:68px; margin:0 auto; position:relative; overflow:hidden; background-position:top;}
		ul#nav_slide li{width:284px; height:58px; position:absolute; -webkit-border-radius:7px 7px 0px 0px; border-radius:7px 7px 0px 0px; cursor:pointer; background:#424242;}
		ul#nav_slide li:hover{width:284px; height:58px; position:absolute; -webkit-border-radius:7px 7px 0px 0px; border-radius:7px 7px 0px 0px; cursor:pointer;
			background: #d50118;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #d50118 0%, #7c010d 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d50118), color-stop(100%,#7c010d));
			background: -webkit-linear-gradient(top,  #d50118 0%,#7c010d 100%);
			background: -o-linear-gradient(top,  #d50118 0%,#7c010d 100%);
			background: -ms-linear-gradient(top,  #d50118 0%,#7c010d 100%);
			background: linear-gradient(top,  #d50118 0%,#7c010d 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50118', endColorstr='#7c010d',GradientType=0 );
			behavior: url(../js/ie-css3.htc);
		}
		ul#nav_slide li.select{width:284px; height:58px; position:absolute; -webkit-border-radius:7px 7px 0px 0px; border-radius:7px 7px 0px 0px; cursor:pointer;
			background: #d50118;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjViMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #d50118 0%, #7c010d 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d50118), color-stop(100%,#7c010d));
			background: -webkit-linear-gradient(top,  #d50118 0%,#7c010d 100%);
			background: -o-linear-gradient(top,  #d50118 0%,#7c010d 100%);
			background: -ms-linear-gradient(top,  #d50118 0%,#7c010d 100%);
			background: linear-gradient(top,  #d50118 0%,#7c010d 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50118', endColorstr='#7c010d',GradientType=0 );
			behavior: url(../js/ie-css3.htc);
		}
		ul#nav_slide li a{font-family: 'arial', sans-serif; color:white; line-height:58px; font-size:1.4em; text-align:center; display: block; font-weight:bold;}
		span a.btn_radio{text-indent:-2000px; background:url(../img/btnradio.png) no-repeat; height:65px; width:65px; position:absolute; top:2px; left:445px;}

div#btn{width:100%; height:80px; background-color:#d2d2d2; overflow:hidden;}	
	ul#btn_js{width:950px; margin:0 auto; height:100px; overflow:hidden; position:relative;}
		ul#btn_js span{color:#F00;}
		ul#btn_js span.deco{width:60px; height:32px; background:url(../img/deco_fleche.png) no-repeat; top:37px; left:113px; position:absolute;}	
		ul#btn_js li{width:284px;height:27px; font-size:13px;text-align:center;line-height:15px;padding-top:10px;}
			ul#btn_js li.select_interactif{top:-85px; left:96px; background-color:#FFF; position:absolute; -webkit-border-radius:0px 0px 7px 7px; border-radius:0px 0px 7px 7px; -webkit-box-shadow: 0px 0px 7px 0px #0a0a0a; box-shadow: 0px 0px 7px 0px #0a0a0a;}
			ul#btn_js li.select_marketing{top:-85px; right:96px; background-color:#FFF; position:absolute; -webkit-border-radius:0px 0px 7px 7px; border-radius:0px 0px 7px 7px; -webkit-box-shadow: 0px 0px 7px 0px #0a0a0a; box-shadow: 0px 0px 7px 0px #0a0a0a;}
			#infobulle{position:absolute; background-color:#2c2c2c; border-radius:3px; width:140px; height:35px; color:#CCC; z-index:10; padding:5px; font-size:13px; text-align:center; line-height:16px; font-weight:bold;}
				#infobulle span.puce{top:-10px; left:68px; width:16px; height:10px; background:url(../img/deco_infobulle.png) no-repeat; position:absolute;}
				#infobulle span{color:#ff0000;}
		
div#solution{width:100%; height:auto; overflow:hidden; background:url(../img/fond_solution.jpg) repeat-x; background-position:top;}
	div#solution div#content{width:950px; height:auto; padding:0px 26px 0px 26px; margin:0 auto; overflow:hidden; position:relative;}
			div#solution h2{font-size:20px; font-weight:bold; margin-bottom:12px; padding-bottom:10px; border-bottom:1px dashed #000000;}
			/*div.box_solution_spe h2{color:#FFF;}*/
			div#solution h2 a.hover_h2js{color:#D60018;}
			div#solution img{width:66px; float:left; padding-right:12px;}
			div#solution p{width:362px; height:auto; color:#282828; text-align:justify; font-size:13px; line-height:18px; float:left; font-family:"Droid Sans", sans-serif;}
			div#solution a.voir{width:21px; height:21px; position:absolute; bottom:5px; right:10px; background:url(../img/ensavoirplus.jpg) no-repeat;}
				div#solution a.voir:hover{width:21px; height:21px; background:url(../img/ensavoirplus.jpg) no-repeat; background-position:right;}
		div#solution div#content div#col_left{width:464px; height:auto; border-right:1px solid #b9b9b9; float:left; padding-right:10px;}
			div#solution img.deco_ombre{width:464px; height:27px; display:block;}
			div#col_left div.box_solution{width:440px; height:auto; overflow:hidden; position:relative; background-color:#FFF; border:1px solid #c3c3c3; padding:12px 12px 30px 12px; margin-top:10px; -webkit-border-radius:10px; border-radius:10px;}
			div.box_solution h2 span.picto_news{background:url(../img/picto_news.png) no-repeat; width:79px; height:17px; position:absolute; right:10px; top:13px;}
		div#solution div#content div#col_right{width:464px; height:auto; padding-left:10px; border-left:1px solid #FFF; float:left;}
			div#col_right div.box_solution{width:440px; height:auto; overflow:hidden; position:relative; background-color:#FFF; border:1px solid #c3c3c3; padding:12px 12px 30px 12px; margin-top:10px; -webkit-border-radius:10px; border-radius:10px;}
			/*div#col_right div.box_solution_spe a.voir:hover{background-color:#FFF; color:#000;}*/
			/*div#col_right div.box_solution_spe p{width:320px; height:auto; color:#d3d3d3; text-align:justify; font-size:13px; line-height:17px; float:left;}*/
			div#col_right div.box_solution_spe{width:440px; height:auto; overflow:hidden; position:relative; background-color:#FFF; border:1px solid #c3c3c3; padding:12px 30px 25px 12px; margin-bottom:10px; -webkit-border-radius:10px; border-radius:10px;
				/*background: #ffdfe3;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTI5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #ffdfe3 0%, #ffb3bc 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdfe3), color-stop(100%,#ffb3bc));
				background: -webkit-linear-gradient(top,  #ffdfe3 0%,#ffb3bc 100%);
				background: -o-linear-gradient(top,  #ffdfe3 0%,#ffb3bc 100%);
				background: -ms-linear-gradient(top,  #ffdfe3 0%,#ffb3bc 100%);
				background: linear-gradient(top,  #ffdfe3 0%,#ffb3bc 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfe3', endColorstr='#ffb3bc',GradientType=0 );
				behavior: url(../js/ie-css3.htc);*/
				background: #ffcbcb;
			}
			

div#footer{
	width: 100%;
	height: 220px;
	background-color: #1d1d1d;
	margin-top: 50px;
	padding-top: 10px;
}
			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:auto; 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;}
div#submenu {
}
