@charset "utf-8";
body {margin:0; padding:0; width:100%; background:#f1f1f1; }
html {padding:0; margin:0;}
h1{font: normal 26px Helvetica, sans-serif;color:#000;}
h2{font: normal 24px Helvetica, sans-serif;color:#000;}
h3{font: normal 24px Helvetica, sans-serif;color:#000;}
a { font: normal 14px Helvetica, sans-serif;text-decoration:none;float:none;}
a:hover { text-decoration:underline;cursor:pointer;}
img {border:none;}
p {cursor:default;}

/* main */
.main { padding:0; }
/********** header **********/
.blok_header { margin:0; padding:0; background:url('images/back.jpg');}
.header { width:auto;height:150px; padding:0;background:url('images/header.png') no-repeat;}
.contheader {width:960px;height:150px;margin:0 auto;background:url('images/sousheader.png') no-repeat;}
.intranet {float:right;margin-right:20px;}
.intranet img{width:50px;opacity:0;}
/* logo */
.logo { padding:0; margin:30px 0 0 0px; float:left;width:500px;}
/* infos */
.coordonees{float:right;width:160px;height:100px;text-align: center;padding-right:5px;padding-top:0px;margin-top:40px;margin-right:0px;
background:url('images/petitcadre2.png') no-repeat;}
.coordonees a {color:#000;text-decoration:none;font: normal 14px Arial, Helvetica, sans-serif;}
.coordonees a:hover {color:#000;text-decoration:underline;font: normal 14px Arial, Helvetica, sans-serif;}
.coordonees p{margin:0;padding:0;}
.coordonees img{margin:0;padding:0;}
/* menu */	
.menu_resize {text-align:left;height:40px;margin:0 auto; border:none;background:url('images/barre.png') repeat-x;}
.sousmenu_resize {width:960px;height:20px; margin:0 auto; padding:0;}
#menu {width:960px;list-style-type:none;margin:0 auto;padding:0;border:0;}
#menu li{float:left;margin: 0;padding:0px;border: 0;}
/* menu microsoft */ 
.menus_details{width:600px;}
.menus_details img{width:100px;}
.event{background:url('images/event.png') no-repeat;width:300px;height:60px;z-index:300;position:absolute;margin-left:400px;cursor:pointer;}
.event p{color:#363636;font:normal 14px helvetica;margin:0;padding:10px;text-align:center;cursor:pointer;}
.pub{color:#000;font:bold 14px helvetica;padding:10px;text-align:center;cursor:pointer;margin-top:-14px;padding:0px;}
.pub a{color:#000;}
/* .menu_resize { width:960px;margin:0 auto; padding:0; background:#1f1f1f;}
.menu { padding:0; margin:0; width:900px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 10px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #000;}
.menu ul li a:hover { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}
.sous-menu{display:none;}
.menu ul li a:hover.sous-menu {display:block;}
.menu ul li a.active { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;} */
.top_text { background:#f1f1f1;  width:100%; margin:20px auto 20px auto; padding:0;}
.top_text p { font: normal 12px Arial, Helvetica, sans-serif;  padding:5px; margin:0; line-height:1.8em;}
.top_text h2 { text-align:left;font: normal 16px Arial, Helvetica, sans-serif;  padding-top:15px; margin-top:15px; }
.top_text a {color:#1f1f1f; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.top_text a:hover {color:#1f1f1f; font: bold 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
.top_text img { float:left; margin:5px 10px; padding:0;}
.top_text .block {background:#fff;display:inline;border:1px solid #ddd;  width:280px; height:210px;float:left; padding:5px; -moz-box-shadow:0px 5px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;}
.top_text .block p {text-align: justify;}
.top_text .block a{float:right;}
.top_text .block h2{margin-top:10px;}
.blockplus img{width:200px;margin:10px 10px 0 -5px;padding:0;}
.blockplus .imgtitre{width:100px;margin:10px 10px 0 -5px;padding:0;}
.blockplus {border-bottom:1px solid #ddd;  width:600px; float:left; padding:5px; margin:0 0 0 7px;}
.blockplus a{border-bottom:1px solid #ddd;}
.blockplus p{background:#f5f5f5;}
.blockplus a:hover{border-bottom:1px solid #ddd;text-decoration:underline;}
.blockdetail {width:600px; float:left; padding:5px; margin:0 0 0 5px;}
.blockdetail img{width:150px;margin:10px 10px 0 -5px;padding:0; }
.blockdetail a{font: normal 12px Arial, Helvetica, sans-serif;float:right;margin:30px 0px; }
.blockdetail a:hover{font: normal 12px Arial, Helvetica, sans-serif;float:right;margin:30px 0px;text-decoration:underline; }
.blockdetail p{font: normal 12px Arial, Helvetica, sans-serif;text-align:left;margin:30px 0px; }
.blockdroite{width:100%;height:100%;background:#fff;}
.blockright {overflow:auto;background:#fff;text-align:left;float:right;border:1px solid #ddd;  width:280px; padding:5px; margin:0 0 13px 7px;-moz-box-shadow:0px 5px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;}
.blockright img{text-align:center;margin-right:20px;padding:0;}
.block3{float:right;background:#f1f1f1;  width:960px; margin:20px 0 20px 0; padding:0;}
.blockbas{display:inline;text-align:left;float:left;border:1px solid #ddd;  width:240px; height:170px; padding:5px; margin:0 0 0 7px;}
.blockbas img{text-align:center;width:50px;margin-right:10px;padding:0;}
.block1{text-align:left;float:left;background:#f1f1f1;  width:610px; margin:20px 0 20px 0; padding:0;}
.block1 p {text-align:justify;font: normal 14px Helvetica, sans-serif; padding:5px; margin:0px 0px 0px 0px; line-height:1.8em;background:#f5f5f5;}
.block1 p a {font: normal 14px Arial, Helvetica, sans-serif;float:left;color:#5f81aa;text-align:left;margin:0;padding:0;}
.block1 p a:hover {font: normal 14px Arial, Helvetica, sans-serif;float:left;color:#5f81aa;text-align:left;margin:0;padding:0; text-decoration:underline;}
.block1 a {margin:0;float:right;color:#5f81aa; font: normal 14px Arial, Helvetica, sans-serif; text-decoration:none;padding:5px;}
.block1 a:hover {margin:0;float:right;color:#5f81aa; font: normal 14px Arial, Helvetica, sans-serif; text-decoration:underline;padding:5px;}
.block1 img { float:left; margin:5px 30px 5px 0px; padding:0;}
.block1 h1 {font: normal  Helvetica, sans-serif;margin:0;padding:0;float:left;}
.block1 h2 {font: normal  Helvetica, sans-serif;   sans-serif;margin:0;padding:0;}
.block1 h3 {font: normal  Helvetica, sans-serif;   sans-serif;margin:0;padding:0;}
.block1 hr {margin:0;padding:0;color:#1f1f1f;}
#contenums {font-family: Helvetica;font: normal 14px Helvetica, sans-serif;line-height:1.8em;}
#contenums li {margin:0 0 0 50px;font-family:Helvetica;font: normal 14px Helvetica, sans-serif;line-height:1.8em;}
#contenums h4 {color:#000;font-family:Helvetica;font: italic 18px Helvetica, sans-serif;margin:0;padding:0;}
#contenums a {font-family:Helvetica;font: normal 14px Helvetica, sans-serif;line-height:1.8em;margin:0;}
#contenums hr {border:none;border-top:1px #ccc dashed;margin:0;padding:0;}
#contenums .block1 div:hover{background:#d0d0ce;cursor:pointer;}
.contentplayer{width:570px; margin:20px 0 20px 0; padding:20px;border:1px solid #ddd;background:#fff;}
.contentgoogle{width:600px; margin:0px 0 0px 0; padding-bottom:10px;border:1px solid #ddd;background:#fff;}
.contentgoogle2{width:600px; height:230px;margin:10px 0 20px 0; padding:0px;border:1px solid #ddd;background:#fff;}

.contentgoogle div {margin-left:10px;}
.contentgoogle2 div {margin-left:35px;}
.icogoogle{  padding:0 3px;width:80px;height:110px;display:inline;float:left;cursor:pointer;}
.icogoogle2{ padding:0 30px ;width:80px;height:110px;display:inline;float:left;cursor:pointer;}
#menus_details2 img {text-align:left;width:50px;margin:-10px 0 0 0;padding:0px;}
#menus_details2 {width:auto;height:70px;text-align:left;margin-bottom:30px;float:left;border:1px solid #ddd;background:#fff;}
#menus_details2 a {border:none;text-decoration:none;}
#menus_details2 p {background:none;}
#gmail {width:600px;margin:110px 20px 0 20px;font:normal 12px Helvetica;padding:0px;}
#gmail hr{width:500px;}
#docs {width:600px;margin:110px 20px 0 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#docs hr{width:500px;}
#cal {width:600px;margin:110px 20px 0 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#cal hr{width:500px;}
#sites {width:600px;margin:110px 20px 0 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#sites hr{width:500px;}
#video {width:600px;margin:110px 20px 0 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#video hr{width:500px;}
#talk {width:600px;margin:110px 20px 0 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#talk hr{width:500px;}
#divsecumail {width:550px;margin:110px 20px;font:normal 12px Helvetica;padding:0px;}
#divsecumail hr{width:500px;}
#divsecuweb {width:550px;margin:110px 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#divsecuweb hr{width:500px;}
#divarchi{width:550px;margin:110px 20px;font:normal 12px Helvetica;padding:0px;display:none;}
#divarchi hr{width:500px;}
#price {margin:20px 20px;border:1px solid #ccc; background:#ddd;text-align:center;}
.player{width:520px;display:block;height:330px;margin:0 auto;}
.block1 li {margin:0;padding:0;}
.block2{float:right;background:none;  width:280px; margin:20px 0 20px 0;}
.block2 p ,.block3 p{margin-left:650px;font: normal 12px Arial,   sans-serif;  padding:5px; margin:0; line-height:1.8em;}
.block2 a ,.block3 a{color:#5f81aa; font: bold 12px Arial,   sans-serif; text-decoration:none; float:right;}
.block2 a:hover ,.block3 a:hover{color:#5f81aa; font: bold 12px Arial,   sans-serif; text-decoration:underline; float:right;}
.block2 img,.block3 img{ float:left; margin:13px 10px 0 0; padding:0;}
.inner {background:#e5e5e5;}
.inner h2{text-align:center; font: bold 20px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:20px 0px 0px 0px;}
.inner p{text-align:center;padding-bottom:40px;}
#content{margin:0px auto;width:960px;}
#content h2 {font: normal Arial, Helvetica, sans-serif;margin:0;padding:0;}
.content{margin:0px auto;width:960px;}
.content h2 {font: normal Arial, Helvetica, sans-serif;margin:0;padding:0;}


.produitsms{float:left;text-align:left;width:220px;height:120px;margin:0 30px 40px 40px;display:inline;}
.produitsms img{float:left;width:220px;margin:0 0 5px 0;}
.produitsms div:hover{background:#d0d0ce;}
/********** body **********/
.body_resize { margin:0; padding:0;  background:#fff; border-top:1px solid #e6e6e6;}
.body { width:960px;  margin:0 auto; padding:10px 30px;}
.body h2 { border-bottom:1px solid #dedede; font: bold 20px Arial, Helvetica, sans-serif; margin:0;  padding:10px 5px;}
.body h2 span {  font: normal 11px Arial, Helvetica, sans-serif;}
.body h3 { font: bold 12px Arial, Helvetica, sans-serif; border-bottom:1px solid #dedede;  margin:0;  padding:10px 5px;}
.body img { float:left; padding:0; margin:0px 0px;}
.body img.port { float:left; padding:0; margin:0px 0px;}
.body img.floated { float:right; padding:0; margin:0 0px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif;  line-height:1.8em; padding:5px 5px; margin:0;}
.body p span {  font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none; color:#0db8d5; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body a:hover { text-decoration:underline; color:#0db8d5; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body_small { width:340px; float:right; margin:5px 0 5px 15px; padding:0;}
.body_big { width:560px; float:left; margin:5px 0 5px 5px; padding:0;}
.body .block2 { width:270px; margin:5px; padding:0; float:left;}
.block1 table{float:none;}
.block1 table td{border:none;float:none;}
.block1 table tr{border:none;width:400px;float:none;}
.block1 table img{width:80px;border:none;float:none;}
.block1 table span{font:normal 6px;border:none;width:200px;float:none;}
.logoenterprise {width:620px;padding:0 20px;}
.logoenterprise img {float:none;}


.detailsfooter p{margin:0;padding:0;}
.detailsfooter hr{margin:0;padding:0;}

.inscription{width:400px;margin:0 auto;}
.inscription form{background:url('images/fondform.jpg');-moz-box-shadow:0px 5px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;}

/* END_bloga*/
/*************footer**********/
.footer {padding:1px 0 0 10px;width:auto; height:30px; margin:0 auto; background:#000;text-align:center; }
.footer_resize { text-align:center;margin:0 auto; padding:0 0 0 0; width:960px;}
.footer p {text-align:center; font:normal 11px  Arial, Helvetica, sans-serif; color:#cccccc;}
.footer a { font: normal 11px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:none; padding:0; margin:0;}
.footer a:hover { font: normal 11px Arial, Helvetica, sans-serif; color:#cccccc; text-decoration:underline; padding:0; margin:0;}
.footer img { margin:0; padding:0;height:15px;}
.footer p.leftt { text-align:left; width:310px; margin:0; padding:0 0 0 0; float:right;} 
.blockrss{width:600px;text-align:justify;}
.blockrss a{color:#5f81aa;font: normal Helvetica, sans-serif;float:none;}
.rss {color:#000;font: normal Helvetica, sans-serif;}
.rss p{color:#000;font: normal Helvetica, sans-serif;margin:10px;}
.rss a{color:#5f81aa;font: normal Helvetica, sans-serif;float:none;}
.rss a:hover{font: normal Helvetica, sans-serif;text-decoration:underline;}
.rss h3{font: normal 20px Helvetica, sans-serif;}
.date{margin:0;padding:0;font: normal 11px Helvetica, sans-serif;float:right;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/*princing*/


.tabs{margin-left:100px;}
.tabs td{float:left;height:27px;width:200px;text-align:center;padding:10px 0 0 5px;cursor:pointer;}
.tabs a{color:#fff;text-decoration:none;font:normal 12px Helvetica;}
.w1{background:url('images/arrowP1.png') no-repeat;}
.w1:hover{background:url('images/arrowselect.png') no-repeat;}
.w2{background:url('images/arrowP2.png') no-repeat;margin-left:-30px;}
.w2:hover{background:url('images/arrowselect.png') no-repeat;}
.w3{background:url('images/arrowP3.png') no-repeat;margin-left:-30px;}
.w3:hover{background:url('images/arrowselect.png') no-repeat;}
.w4{background:url('images/arrowP4.png') no-repeat;margin-left:-30px;}
.w4:hover{background:url('images/arrowselect.png') no-repeat;color:#000;}
.arrowselect{background:url('images/arrowselect.png') no-repeat;}
.arrowselect a{color:#fff;}
#form1,#form2 ,#form3 ,#form4{margin-left:150px;font:normal 16px Helvetica;width:650px;text-align:right;height:550px;}
#form1 td,#form2 td{padding:7px 0;}
#form1 p{text-align:center;margin:0 auto;}
#form1 a{color:#000;float:left;}
#form2 {font:normal 16px Helvetica;text-align:right;width:650px;margin:0 auto;display:none;height:550px;}
#form3 {font:normal 12px Helvetica;text-align:left;width:730px;margin:0 auto;display:none;height:550px;}
#form3 td, #form3 tr{margin:0px;border:none;padding:5px 8px;}
#form3 th{margin:0px;border:none;padding:5px 8px;font:italic 14px Helvetica;}
#form3 input {text-align:right;}
#form3 th{background:#ff7f01;}
.sub_row,.total_row,.subtotal_row{background:#ffa201;font:italic 14px Helvetica;}

#ThirdNext {display:none;}
.GAPE{text-align:center;display:none;}
#form3 #2,#form3 #4{display:none;}
#form3 table{border-collapse:collapse;cellspacing:0;cellpadding:0;}
#form4 {display:none;}
#chart {margin-left:-50px; width:700px; height:500px;visibility:hidden;}
