﻿@charset "utf-8";
/* Médiabat Css */
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #d7d6d6;
	/*background-color:#000066;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	-webkit-text-size-adjust: none;
}
#div-general {
	background-image: url(../images/v17/interface/back_general.jpg);
	background-repeat: repeat-x;
}
#div-general2014 {
	background-color: #FFFFFF;
}
#div-header-fond {
	background-image: url(../images/v17/interface/back_general.jpg);
	background-repeat: repeat-x;
}
/*____________________________ HEADER ______________________________*/

#div-header-fond {
	background-image: url(../images/v17/interface/back_general.jpg);
	background-repeat: repeat-x;
}
#div-header {
	max-width: 985px;
	height: 219px;
	background-image: url(../images/v17/interface/back-header.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0 0 0 15px;
}
#div-logo {
	background-image: url(../images/v17/interface/logo.jpg);
	background-repeat: no-repeat;
	width: 332px;
	height: 105px;
	float: left;
	margin: 11px 0 0 20px;
	padding: 0 0 0 0;
}
#div-logo a {
	width: 332px;
	height: 105px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
 border::none;
	display: block;
}
#div-flags {
	width: 16px;
	float: left;
	padding: 15px 0 0 0;
	margin: 0;
}
#div-promo {
	width: 597px;
	height: 217px;
	float: right;
	padding: 0 7px 0 0;
	margin: 0 0 0 0;
	/*background-image:url(../images/v18/standarddown.gif);*/
	/*background-image:url(../images/v17/header-boutique.jpg);
	background-image:url(../images/v17/header-boutique.jpg);*/
	/*background-image:url(../images/v18/boutique-v2.jpg);*/
	background-image: url(../images/images2014/MediabatCom-Bandeau-Acheter-Decembre-2014.gif);
	background-repeat: no-repeat;
}
#div-promo-uk {
	width: 577px;
	height: 218px;
	float: right;
	padding: 0 27px 0 0;
	margin: 0 0 0 0;
	background-image: url(../images/uk/header-2013.jpg);
	background-repeat: no-repeat;
}
#swf-promo {
	width: 520px;
	height: 129px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#div-promo a {
	width: 336px;
	height: 218px;
	border: none;
	text-decoration: none;
	display: block;
	border: none;
	float: right;
}
/*___________________ CONTENU ------------------------*/
#div-general-content {
	background-image: url(../images/v17/interface/back_content.jpg);
	background-repeat: repeat-y;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#div-general-content2014 {
	background-color: #FFF;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#div-content {
	width: 970px;
	background-image: url(../images/v17/interface/back_general_content.jpg);
	background-repeat: no-repeat;
	padding: 10px 15px 0 15px;
	margin: 0 0 0 0;
}
#div-content2014 {
	max-width: 970px;
	background-color: #FFF;
	padding: 10px 15px 0 15px;
	margin: 0 0 0 0;
}
.div-gche {
	max-width: 441px;
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
}
.div-gche p.p-chapeau-contact {
	font-size: 14px;
	color: #003399;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: justify;
}
.div-gche p.p-sous-chapeau {
	font-size: 12px;
	color: #003399;
	margin: 0;
	padding: 0;
	text-align: justify;
	font-weight: 900;
}
.div-dte {
	max-width: 441px;
	float: right;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
}
.div-dte h2.h2-fond-bleu, .div-gche h2.h2-fond-bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #3b5998;
	text-align: left;
	padding: 5px 10px;
	margin: 0;
	color: #fff;
}
.div-texte-gche {
	max-width: 404px;
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 12px 0 25px;
}
.div-texte-gche-general {
	max-width: 661px;
	float: left;
	display: block;
}
.div-texte-gche-general h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*background-color:#3b5998;*/
	text-align: left;
	padding: 5px 10px;
	margin: 0;
	color: #fff;
}
.div-texte-gche-general h2.h2-titre-fonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #3b5998;
	text-align: left;
	padding: 5px 10px;
	margin: 0;
	color: #fff;
}
.div-texte-dte-general {
	max-width: 254px;
	float: right;
	display: block;
}
.div-texte-dte-general ul.ul-num {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}
.div-texte-dte-general ul.ul-num li {
	margin: 0;
	padding: 0 0 0 20px;
 line-heig ht:15px;
}
.div-texte-dte-general ul.ul-num li.li-un {
	background-image: url(../images/ecrans/voir-01.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	line-height: 19px;
}
.div-texte-dte-general ul.ul-num li.li-deux {
	background-image: url(../images/ecrans/voir-02.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	line-height: 19px;
}
.div-texte-dte-general ul.ul-num li.li-trois {
	background-image: url(../images/ecrans/voir-03.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	line-height: 19px;
}
.div-texte-dte-general ul.ul-num li.li-quatre {
	background-image: url(../images/ecrans/voir-04.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	line-height: 19px;
}
.div-texte-dte-general ul.ul-num li.li-cinq {
	background-image: url(../images/ecrans/voir-05.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	line-height: 19px;
}
.div-texte-gche-general-noir {
	width: 658px;
	float: left;
	display: block;
	background-color: #f1f5f8;
	border: 1px solid #e6eaec;
	margin: 10px 0 0 0;
	padding: 0;
}
.div-texte-gche-unique {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #f1f5f8;
	border: 1px solid #e6eaec;
}
.div-texte-gche-unique p {
	margin: 0;
	padding: 2px 10px;
}
.div-texte-gche-unique h2 {
	margin: 0;
	padding: 2px 10px;
	font-size: 16px;
	background-color: #CCCC00;
}
.div-texte-gche-double {
	display: block;
	margin: 0 14px 10px 0px;
	padding: 0;
	background-color: #f1f5f8;
	border: 1px solid #e6eaec;
}
.div-texte-gche-double2 {
	display: block;
	margin: 0 14px 10px 0px;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #e6eaec;
}
.div-texte-gche-double p {
	padding: 0 5px 5px 5px;
	margin: 0;
	text-align: justify;
}
.div-texte-gche-double p.p-chapeau {
	text-align: justify;
	padding: 0 5px 5px 5px;
	color: #003366;
	text-align: justify;
	font-size: 12px;
	font-weight: 800;
}
.div-texte-gche-noir {
	max-width: 312px;
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #f1f5f8;
	border: 1px solid #e6eaec;
}
.div-texte-gche-dte-noir {
	max-width: 312px;
	float: right;
	display: block;
	margin: 0 18px 10px 0;
	padding: 0;
	background-color: #f1f5f8;
	border: 1px solid #e6eaec;
}
.div-texte-gche-noir img {
	display: block;
	padding: 0;
	margin: 0;
	border: none;
}
.div-texte-gche-noir a {
	margin: 0;
	padding: 0;
	border: none;
}
.div-texte-gche-noir h2, .div-texte-gche-dte-noir h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #e6eaec;
	text-align: left;
	padding: 5px 10px;
	margin: 0;
	color: #003366;
}
.div-texte-gche-noir p, .div-texte-gche-dte-noir p {
	margin: 0;
	padding: 2px 5px;
	text-align: justify;
}
.div-texte-gche-noir p.p-chapeau, .div-texte-gche-dte-noir p.p-chapeau {
	text-align: justify;
	padding: 0 5px 5px 5px;
	color: #003366;
	text-align: justify;
	font-size: 12px;
	font-weight: 700;
}
.div-texte-gche-noir ol li {
	margin: 0;
	padding: 0 5px 10px 0;
}
.div-texte-dte {
	max-width: 396px;
	float: right;
	margin: 0 0 0 0;
	padding: 0 30px 0 15px;
}
.imagesurvol {
	border: 1px solid #D5D5D5;
	transition: all 0.3s ease-out;
}
.imagesurvol:hover {
	border: 1px solid #D5D5D5;
	-webkit-box-shadow: 0 0 10px 2px #D4D4D4;
	box-shadow: 0 0 10px 2px #D4D4D4;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	transform: rotate(0deg) scaleX(1.09) scaleY(1.09);
	-webkit-transform: rotate(0deg) scaleX(1.02) scaleY(1.02);
}
.div-texte-dte-noir {
	max-width: 252px;
	float: right;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #f1f5f8;
	border: 1px solid #e6eaec;
}
.div-texte-dte-noir h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #3b5998;
	text-align: left;
	padding: 5px 10px;
	margin: 0;
	color: #fff;
}
.div-texte-dte-noir p {
	padding: 5px;
	margin: 0;
	text-align: justify;
}
.div-texte-dte-noir p.p-chapeau {
	text-align: justify;
	padding: 0 5px 5px 5px;
	color: #003366;
	text-align: justify;
	font-size: 12px;
	font-weight: 100;
}
.div-texte-dte-noir ol {
	margin : 0 10px;
}
.div-texte-centre {
	max-width: 918px;
	margin: 0 auto;
	padding: 0 0 0 0;
	display: block;
}
#div-iframe {
	max-width: 830px;
	margin: 0 auto;
}
#div-promo-texte {
	max-width: 918px;
	height: 306px;
	padding: 0px 0 30px 0;
	margin: 0;
}
.div-texte-centre-bord {
	max-width: 918px;
	margin: 2px auto;
	padding: 0 0 0 0;
	border-width: 1px 0;
	border-style: dashed;
	border-color: #CCCCCC;
}
.div-texte-centre-680 {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 0 0 0;
}
.div-centre {
	margin: 0 auto;
	text-align: center;
	color: #000000;
	display: block;
	width: 750px;
}
/*///////////////////////////////////////////////////////////////////////////*/
#div-mediabat {
	background-image: url(../images/images2010/produits/mediabat-grd.jpg);
	background-repeat: no-repeat;
	max-width: 918px;
	/*height:500px;*/
	margin: 0 auto 2px auto;
	padding: 85px 0 0 0;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #d7d7d7;
}
#div-anim-mediabat {
	background-image: none;
	background-repeat: no-repeat;
	max-width: 918px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #d7d7d7;
}
#div-electricite {
	max-width: 531px;
	height: 397px;
	background-image: url(../images/v17/logiciel-electricite.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0 0 0 0;
}
#div-electricite a {
	max-width: 300px;
	height: 322px;
	display: block;
	margin: 0 0 0 0;
	padding: 50px 206px 0 25px;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
}
#div-compta {
	max-width: 600px;
	display: block;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#div-compta p.p-mod-compta {
	background-image: url(../images/promos/module-compta/bullet.jpg);
	background-repeat: no-repeat;
	padding: 6px 0 0 0;
}
#div-compta p.p-chapeau {
	text-align: justify;
}
#div-compta span.span-titre {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 10px 10px 0px 8px;
	line-height: 18px;
}
#div-compta span.span-texte {
	display: block;
	padding: 0 0 0 30px;
}
.div-w3c {
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 100px;
}
div.div-sommaire {
	display: block;
	width: 300px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #D9ECFF;
	/*background-color:#F4F4F4;*/
	text-align: left;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
div.div-sommaire ul {
	margin: 0 0 0 0;
	padding: 0 0 3px 20px;
	list-style: circle;
	color: #00CCCC
}
p.p-justif {
	text-align: justify;
}
p.p-telechargement {
	display: block;
	font-size: 14px;
	margin: 0 0 0 0;
	padding : 20px 0 0 180px;
}
p.p-telechargementdeux {
	display: block;
	font-size: 14px;
	margin: 0 0 0 0;
	padding : 20px 00px 0 70px;
}
p.p-telechargement strong, p.p-telechargementdeux strong {
	font-size: 22px;
}
p.p-cliquez-ici {
	display: block;
	padding: 10px 0px 5px 25px;
	margin: 0 0 0 0;
}
p.p-cliquez-ici a {
	display: block;
	width : 396px;
	background-image: url(../images/v17/cliquez-ici.jpg);
	background-position: bottom;
	padding: 0px 20px 35px 0px;
	margin: 0 0 0 0;
	cursor: pointer;
}
p.p-note {
	font-size: 12px;
}
/*////////////////////// VIDEOS ///////////////*/
#div-video-pres" {
 max-width:640px;
 height:360px;
 display:block;
}
#my_video_1 {
	max-width: 640px;
	height: 360px;
	display: block;
}
#div-video-devis {
	max-width: 640px;
	height: 360px;
	display: block;/*background-image:url(http://www.mediabat.com/videos/devis-batiment.jpg);
	background-repeat:no-repeat;*/
}
.div-video-devis {
	max-width: 640px;
	height: 480px;
	display: block;
}
#div-video-tablette01 {
/*width:640px;
	height:427px;
	display:block;
	background-color:#333333;*/
}
/*/////////////////////////////// PRODUITS ////////////////*/
table.table-produits-tarifs {
	border: none;
	padding: 0;
	margin: 0;
	width: 900px;
}
table.table-produits-tarifs td {
	padding: 0;
	margin: 0;
}
table.table-produits-tarifs ol {
	margin: 0 0 0 25px;
	padding: 0 0 0 0;
	width: 200px;
}
table.table-produits-tarifs ol li {
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	color: #0099CC;
	font-size: 10px
}
table.table-produits-tarifs ol li span {
	color: #000000;
	font-size: 12px
}
table.table-produits-tarifs ol li.li-plus {
	margin: 10px 15px 0 0;
	padding: 5px 0 0 0;
	border-width: 1px 0 0 0;
	border-color: #66CCCC;
	border-style: solid;
}
table.table-produits-tarifs p {
	text-align: justify;
	padding: 0 6px;
	margin: 0;
}
#div-produit {
	width: 225px;
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-width: 0px 0px 0px 0px;
	border-color: #d7d7d7;
}
#div-produit p {
	padding: 2px 15px 2px 5px;
	margin: 0;
	text-align: justify;
}
#div-produit p.p-list {
	background-image: url(../images/images2010/a-puce.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 0 0 0 0;
	padding: 0 15px 5px 15px;
}
#produits_mediabat {
	/*background-image:url(../images/images2010/produits/mediabat.jpg);
	background-repeat:no-repeat;*/
	width: 225px;
	/*height:230px;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-width: 0px 0px 0px 0px;
	border-color: #d7d7d7;
}
#produits-scanplan {
	/*background-image:url(../images/images2010/produits/scanplan.jpg);
	background-repeat:no-repeat;*/
	width: 225px;
	/*height:230px;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-width: 0px 0px 0px 0px;
	border-color: #d7d7d7;
}
#produits-complete {
	/*background-image:url(../images/images2010/produits/pocket-pc.jpg);
	background-repeat:no-repeat;*/
	width: 225px;
	/*height:230px;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-width: 0px 0px 0px 0px;
	border-color: #d7d7d7;
}
#produits-sites {
	/*background-image:url(../images/images2010/produits/sites.jpg);
	background-repeat:no-repeat;*/
	width: 225px;
	/*height:230px;*/
	float: left;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-width: 0px 0px 0px 0px;
	border-color: #d7d7d7;
}
#div-site {
	background-image: url(../images/images2010/produits/sites-gd.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 477px;
	margin: 0 auto;
	padding: 115px 0 0 441px;
}
#div-contact-simple {
	background-image: url(../images/images2010/produits/mediabat-tous.jpg);
	background-repeat: no-repeat;
	width: 477px;
	margin: 0 auto;
	padding: 15px 0 0 441px;
}
#div-solidaire01 {
	background-image: url(../images/images2010/solidaire/karaboue-coeur-afrique.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	width: 477px;
	margin: 2px auto;
	padding: 70px 0 30px 441px;
	border-style: dotted;
	border-width: 1px 0 1px 0px;
	border-color: #d7d7d7;
}
#div-solidaire02 {
	background-image: url(../images/images2010/solidaire/resto.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	width: 477px;
	margin: 2px auto;
	padding: 70px 0 30px 441px;
	border-style: dotted;
	border-width: 1px 0 1px 0px;
	border-color: #d7d7d7;
}
#div-solidaire03 {
	background-image: url(../images/images2010/solidaire/chalmin.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	width: 477px;
	height: 379px;
	margin: 2px auto;
	padding: 70px 0 30px 441px;
	border-style: dotted;
	border-width: 1px 0 1px 0px;
	border-color: #d7d7d7;
}
p.mise-en-page-01 {
	background-image: url(../images/images2010/a-puce.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 0 0 0 0;
	padding: 0 15px 5px 15px;
}
p.p-texte-centre {
	text-indent: 20px;
	padding: 5px 20px;
	text-align: justify;
}
span.span-note {
	font-style: italic;
	font-size: 12px;
}
span.span-demo-gatuite {
	color: #FF6600;
	text-transform: uppercase;
}
/*______________________________//////////////////          TEXTES        ///////////////__________________*/
div.div-deco01 {
	width: 441px;
	background-image: url(../images/images2010/p_deco01.jpg);
	background-repeat: repeat-y;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
div.div-deco02 {
	width: 918px;
	background-image: url(../images/images2010/div_deco01_rep.jpg);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
h1.h1-titre-bleu, h2.h1-titre-bleu {
	text-align: center;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0px 5px 8px 5px;
	color: #22a7d8;
}
h1.h1-titre-bleu span {
	display: block;
	font-size: 20px;
	color: #1d7ea2;
	padding: 0 0 0 0;
}
.titre-rouge {
	display: block;
	font-size: 20px;
	color: #E30E12;
	padding: 0 0 0 0;
}
.titre-rouge-s {
	display: block;
	font-size: 20px;
	color: #E30E12;
	padding: 0 0 0 0;
	text-decoration: underline;
	text-align: center;
}
h1.h1-titre-bleu span.microdonnees {
	display: inline;
	color: #22a7d8;
}
h2.h1-titre-bleu span {
	display: block;
	font-size: 20px;
	color: #1d7ea2;
	padding: 0 0 0 0;
}
h1.h1-titre-page {
	text-align: center;
	font-size: 22px;
	/*background-image:url(../images/images2010/back-h1.jpg);
	background-color:#fff;*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0px 5px 8px 5px;
	color: #22a7d8;/*text-transform:uppercase;*/
}
h1.h1-titre-page span {
	display: block;
	font-size: 20px;
	color: #1d7ea2;
}
h1.h1-titre-contact, h2.h1-titre-contact {
	/*background-image:url(../images/general/h2-titres-pages.jpg);*/
	background-image: none;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 20px;
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #0e6484;
}
h2.h2-titre-bleu {
	display: block;
	font-size: 20px;
	color: #0cb3f2;
	padding: 0 0 0 0;
}
h2.h2-titre-bleu span {
	display: block;
}
h2.h2-titre-contact {
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #22a7d8;
	font-family: Arial, Helvetica, sans-serif;
}
h3.h3-titre-gris {
	display: block;
	font-size: 14px;
	color: #666666;
	padding: 0 0 0 0;
* margin: 0 0 0 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
h3.h1-titre-contact {
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #22a7d8;
	font-family: Arial, Helvetica, sans-serif;
}
h3.h3-titre-contact {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #22a7d8;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
h1.h1-titre-contact span, h2.h1-titre-contact span, h3.h1-titre-contact span {
	display: block;
	font-size: 20px;
	color: #1d7ea2;
}
h1.h1-titre-slide {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ligne-height: 19px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}
h2 {
	text-align: center;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
}
.orange {
	font-size: 35px;
	color: #e96d09;
	line-height: 20px;
	font-weight: bold;
}
h2.titre-page {
	text-align: center;
	background-repeat: no-repeat;
	width: 441px;
	/*	height:58px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 0px 0 0 0;
	margin: 0 auto;
}
h2.titre-page span {
	display: block;
	font-size: 16px;
}
#titre-outil-complet {
	text-align: center;
	background-image: url(../images/images2010/titre-outils-complet.jpg);
	background-repeat: no-repeat;
	width: 441px;
	height: 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 185px 0 0 0;
	margin: 0 0 0 0;
}
#titre-pocket-pc {
	text-align: center;
	background-image: url(../images/images2011/logiciel-devis-facture-pocket-titre.jpg);
	background-repeat: no-repeat;
	width: 441px;
	height: 61px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 120px 0 0 0;
	margin: 0 0 0 0;
}
#titre-scanplan {
	text-align: center;
	/*background-image:url(../images/images2011/logiciel-de-metres-scanplan-titre.jpg);*/
	background-image: url(../images/images2014/scanplan-titre.jpg);
	background-repeat: no-repeat;
	width: 441px;
	height: 61px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 100px 0 0 0;
	margin: 0 0 0 0;
}
#titre-site {
	text-align: center;
	background-image: url(../images/images2011/logiciel-devis-facture-site-internet-titre.jpg);
	background-repeat: no-repeat;
	width: 441px;
	height: 61px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 100px 0 0 0;
	margin: 0 0 0 0;
}
#titre-outil-complet span, #titre-faire-devis span, #titre-pocket-pc span, #titre-scanplan span, #titre-site span {
	display: block;
	font-size: 16px;
}
h2.titreproduit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	color: #333333;
	background-image: url(../images/images2010/h2side.png);
	background-position: -6px 0px;
	margin: 0 0 0 0;
	padding: 3px 5px;
}
h2.h2-deco-01 {
	background-image: url(../images/images2010/h2_deco_01.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 30px;
	height: 45px;
	padding: 20px 0 0 65px;
	margin: 0 0 0 0;
	text-align: center;
	color: #666666;
}
h2.h2-telecharger {
	background-image: url(../images/images2010/h2_test.jpg);
	background-repeat: no-repeat;
	line-height: 157px;
	height: 157px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
}
h2.h2-mediabat {
	background-image: url(../images/images2010/h2_mediabat.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 123px;
	height: 123px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	text-transform: uppercase;
	color: #666666;
}
h2.h2-test {
	background-image: url(../images/images2010/h2_test.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 30px;
	height: 45px;
	padding: 64px 0 0 75px;
	margin: 0 0 0 0;
	text-align: left;
	color: #666666;
}
h2.h2-produitsdeux {
	background-image: url(../images/images2010/h2_produits.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 81px;
	height: 81px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
h2.h2-location {
	background-image: url(../images/images2010/h2_location.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 30px;
	height: 263px;
	padding: 20px 0 0 65px;
	margin: 0 0 0 0;
	text-align: center;
	color: #666666;
}
h2.h2-comment-telecharger {
	background-image: url(../images/images2010/h2_comment_telecharger.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 68px;
	height: 68px;
	padding: 20px 0 0 65px;
	margin: 0 0 0 0;
	text-align: center;
	color: #666666;
}
h2.h2-c-est-quoi {
	background-image: url(../images/images2010/h2_c_est_quoi.jpg);
	background-repeat: no-repeat;
	line-height: 82px;
	height: 82px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
h2.h2-demande-offre {
	background-image: url(../images/images2010/h2_demande_offre.jpg);
	background-repeat: no-repeat;
	line-height: 80px;
	height: 80px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
h2.h2-faq {
	background-image: url(../images/images2010/h2_faq.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 30px;
	height: 116px;
	padding: 20px 0 0 65px;
	margin: 0 0 0 0;
	text-align: center;
	color: #666666;
}
h2.h2-deco-02 {
	background-image: url(../images/images2010/h2_deco_02.jpg);
	width: 918px;
	height: 64px;
	line-height: 64px;
	text-align: center;
}
h2.h2-produits {
	background-color: #d7d7d7;
	background-image: none;
	width: 860px;
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 0;
	font-size: 18px;
	display: block;
	line-height: 20px;
	text-align: center;
}
h2.h2-solidaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	padding : 0 0 10px 0;
	margin : 0 5px 20px 15px;
	font-weight: 100;
	border-style: dotted;
	border-width: 0 0px 1px 0px;
	border-color: #d7d7d7;
}
h2.h2-carousel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding : 0px 0 30px 0;
	margin : 0 0 0 0;
}
h2.h2-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	padding : 0 0 0 10px;
	margin : 6px 0 0 0;
}
.espace-plus-haut {
	padding : 50px 0 10px 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}
h3.h3-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	padding : 0 0 10px 10px;
	margin : 0 0 0 0;
	/*color:#0e6484;*/
	color: #22a7d8;
}
h4.h4-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding : 0 0 5px 10px;
	margin : 0 0 0 0;
}
h3.espace-plus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	padding : 0 0 0px 0;
	margin : 0 0 0 0;
}
h3.h3-carousel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	padding : 20px 0 10px 0;
	margin : 0 0 0 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}
h4.h4-presentation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding : 0 0 30px 0;
	margin : 0 0 2px 0;
	font-weight: 100;
	border-style: dotted;
	border-width: 0 0px 1px 0px;
	border-color: #d7d7d7;
}
p.deco-01 {
	padding: 5px 15px 5px 15px;
	margin: 0 3px 0 5px;
	background-color: #00FFFF;
	background-image: url(../images/p-deco01-back.jpg);
	background-repeat: repeat-y;
	border-width: 1px 0 1px 0;
	border-color: #f1f0f0 #FFFFFF #e3e3e3 #e3e3e3;
	border-style: solid;
}
p.deco-02 {
	padding: 5px 15px 5px 15px;
	margin: 0 3px 0 5px;
}
p.p-deco01-bas {
	background-image: url(../images/images2010/p_deco01_bas.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 441px;
	height: 35px;
	display: block;
}
p.p-deco02-bas {
	background-image: url(../images/images2010/p_deco02_bas.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 918px;
	height: 35px;
	display: block;
	clear: both;
}
p.p-deco-ul {
	background-image: url(../images/images2010/puce01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 5px 15px;
	margin: 0 0 0 10px;
}
p.p-deco-ul-float {
	background-image: url(../images/images2010/puce02.jpg);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	padding: 0 0 5px 25px;
	margin: 0 0 0 0;
	display: block;
	float: left;
	width: 195px;
}
p.p-sous-deco-ul {
	background-image: url(../images/images2010/puce02.jpg);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	padding: 0 0 5px 30px;
	margin: 0 0 0 10px;
}
p.psansmarge {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
span.span-bat {
	color: #CCCC00;
	font-weight: bold;
}
span.span-important {
	color: #0099CC;
	font-weight: bold;
	text-transform: uppercase;
}
ul {
	padding: 10px 0 10px 25px;
	margin: 0 0 0 0;
}
ul.ul-deco li {
	list-style-image: url(../images/images2010/puce01.jpg);
}
ul.ul-deco-01 {
	background-image: url(../images/p-deco01-back.jpg);
	background-repeat: repeat-y;
	padding: 5px 15px 15px 25px;
	margin: 0 3px 0 05px;
	border-width: 1px 0 1px 0;
	border-color: #f1f0f0 #FFFFFF #e3e3e3 #e3e3e3;
	border-style: solid;
}
ul.uldeco00 li, ul.ul-deco-00 li, ul.ul-deco-01 li {
	list-style-image: url(../images/images2010/puce01.jpg);
}
ul.ul-deco02 li {
	list-style-image: url(../images/images2010/puce02.jpg);
}
ol.ol-videos {
	width: 640px;
	margin: 10px auto;
}
ol.ol-videos li {
	padding: 2px 0 10px 0;
}
ol.ol-videos ol.ol-videos li {
	padding: 0 0 0 0;
}
/*/////////////////////////////   TABLE DEMANDE RAPPEL  /////////////////*/
#div-tab-rappel {
	width: 366px;
	padding: 70px 0px 0px 75px;
	background-image: url(../images/images2010/produits/mediabat-testez6.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.table_rappel {
	padding : 5px;
	margin: 0 0 0 0;
	width: 300px;
	background-color: #a0d7ec;
}
.table_rappel td {
	font-size: 12px;
	color: #996633;
}
/*///////////////////////////////  TABLE CONTACT HORIZONTAL ////////*/
#div-table_contact-horizontale {
	width: 401px;
	padding: 0 20px;
	background-image: url(../images/images2010/formulaire-rapide.jpg);
	background-repeat: no-repeat;
}
.table_contact-horizontale {
	padding: 0 0 0 0;
	margin: 0 auto;
	width: 350px;
	color: #3d2e2e;
	border: 1px #76afba solid;
}
.table_contact-horizontale td {
	width: 125px;
}
.table_contact-horizontale input.input-grat {
	width: 100px;
}
/*:///////////////////////////// FORM et TABLE CONTACT VENTE ////////////////////*/

#form-demo-com {
	margin: 20px 0 0 0;
	padding: 10px 12px 0 0;
	background-image: url(../images/v17/fleche-bulle-formulaire.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #FFFFFF;
}
#table-demo-com {
	/*background-color:#82cfed;*/
	width: 100%;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #82cfed;
	margin: 0 auto;
	padding: 15px 23px 0 10px;
}
#table-demo-com span {
	color: #CC0000;
	font-weight: bold;
	font-size: 8px;
}
#table-demo-com .table_contact_p-titre {
	color: #663333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 300px;
	display: block;
	margin: 0 auto;
}
#table-demo-com #KT_Insert1 {
	background-image: url(../images/images2010/envoyer.jpg);
	width: 179px;
	height: 37px;
	line-height: 37px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 15px;
	border: none;
	text-align: left;
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
/*/////////////////////////////   TABLE CONTACT  //////////////////////////*/
.table_contact {
	background-image: url(../images/images2010/table-contact-location-rep.jpg);
	background-position: left top;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 441px;
	color: #3d2e2e;
}
.table_contact td {
	padding: 2px 10px 5px 15px;
}
.table_contact td.td-gche {
	color: #ffffff;
	font-weight: bold;
	width: 120px;
	text-align: right;
}
.table_contact .input-cont {
	width: 200px;
}
.table_contact tr.tr-haut {
	background-image: url(../images/images2010/table-contact-haut.jpg);
	background-repeat: no-repeat;
	height: 102px;
}
.table_contact tr.tr-bas {
	height: 94px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.table_contact tr.tr-bas td {
	background-image: url(../images/images2010/table-contact-bas.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.table_contact tr.tr-bas td {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.table_contact span {
	color: #CC0000;
	font-weight: bold;
	font-size: 8px;
}
.table_contact h2 strong {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	display: block;
	font-weight: 100;
}
.table_contact span.etoile {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}
.table_contact_th {
	color: #C30;
	font-weight: bold;
}
.table_contact_th span {
	color: #CC0000;
	font-weight: bold;
	font-size: 18px;
}
.table_contact #message {
	width : 300px;
}
#KT_Insert1 {
	background-image: url(../images/images2010/envoyer.jpg);
	width: 179px;
	height: 37px;
	line-height: 37px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 15px;
	border: none;
	text-align: left;
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
div.anti-spam {
	border: 1px solid #39c6fb;
	background-color: #17bdfb;
	color: #FFFFFF;
	width: 354px;
	margin: 10px 0 2px 25px;
	padding: 5px 0;
	float: left;
}
/* ______________----------------------------_____ LIENS _______ ---------------------__________*/
a {
	color: #0cb3f2;
	text-decoration: none;
	border: none;
}
a:hover {
	color: #0cb3f2;
	text-decoration: none;
}
a.a-base {
	color: #009999;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/images2010/a-puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0 0 0 10px;
}
a:hover.a-base {
	color: #999999;
	background-image: url(../images/images2010/a-puce-hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
a:active.a-base, a:visited.a-base {
	color: #006666;
	background-image: url(../images/images2010/a-puce-visited.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
a.a-texte {
	color: #003366;
}
a:hover.a-texte {
	color: #333333;
	text-decoration: none;
}
a.a-plus {
	background-image: url(../images/images2010/a-plus-out.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 38px;
	width: 380px;
	line-height: 38px;
	padding: 0 30px 0 0;
	margin: 0 20px 10px 0;
	display: block;
	text-align: right;
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover.a-plus {
	background-image: url(../images/images2010/a-plus-over.jpg);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	text-align: right;
	color: #999999;
}
a.a-petit {
	width: 200px;
	height: 19px;
	background-image: url(../images/images2010/a-plus-petit-out.gif);
	background-repeat: no-repeat;
	display: block;
	margin-left: 280px;
	list-style: none;
	border: none;
}
a:hover.a-petit {
	background-image: url(../images/images2010/a-plus-petit-over.gif);
	background-repeat: no-repeat;
}
a.a-remplir-formulaire {
	background-image: url(../images/images2010/a-remplir-le-formulaire-out.gif);
	background-repeat: no-repeat;
	width: 145px;
	height: 19px;
	background-repeat: no-repeat;
	display: block;
	margin-left: 220px;
}
a:hover.a-remplir-formulaire {
	background-image: url(../images/images2010/a-remplir-le-formulaire-over.gif);
	background-repeat: no-repeat;
}
a.a-produits {
	background-image: url(../images/v17/cmd/a-produits.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 10px 0 0;
	padding: 2px 43px 2px 0px;
	display: block;
	height: 39px;
	line-height: 39px;
	color: #0cb3f2;
	text-decoration: none;
	text-align: right;
}
a:hover.a-produits {
	background-image: url(../images/v17/cmd/a-produits2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0 10px 0 0;
	padding: 2px 43px 2px 0px;
	display: block;
	height: 39px;
	line-height: 39px;
	color: #0cb3f2;
	text-decoration: none;
	text-align: right;
}
a.a-commander {
	background-image: url(../images/v17/commander.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	height: 44px;
	width: 270px;
	float: right;
	line-height: 44px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
a.a-renseignement {
	display: block;
	height: 44px;
	width: 270px;
	float: right;
	line-height: 44px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 0 0 0px 0;
}
a.a-achat {
	/*width: 200px;
	display:block;*/
	margin: 5px 10px;
	padding: 5px 10px;
	text-align: center;
	color: #000000;
	background-color: #ff6600;
}
a.a-centre-441 {
	display: block;
	border: none;
	margin: 0 0 0 110px;
}
a.a-btn-bleu {
	/*height:35px;*/
	width: 100px;
	display: block;
	float: left;
	margin: 0 5px 3px 5px;
	-webkit-margin-start: 20px;
	padding: 10px 5px 10px 5px;
	border: 1px solid #67b8d8;
	/*background: #82cfed;*/
	
	color: #fff!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	font-size: 12px;
	font-size: 0.8 rem;
	line-height: 12px;
	letter-spacing: normal;
	font-family: verdana, Helvetica, sans-serif;
	font-variant: small-caps;
	text-rendering: optimizeLegibility;
	cursor: pointer;
	/*Border radius*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #79c0dc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #47c4f0), color-stop(1, #178498));
	background: -moz-linear-gradient( center top, #47c4f0 20%, #178498 100% );
}
a.gche {
	margin: 0 5px 3px 30px;
}
a.double {
	width: 200px;
	float: right;
	margin: 0 35px 3px 5px;
}
a.a-btn-bleu:hover {
	background: #82cfed;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #82cfed), color-stop(1, #7bc4e0));
	background: -moz-linear-gradient( center top, #82cfed 20%, #7bc4e0 100% );
}
/*________________________---------------- IMAGES ---------------------*/

img.img_left {
	float: left;
	display: block;
	margin: 10px;
	border: none;
}
img.img_block {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
img.img-produits {
	float: left;
	margin: 0 23px 20px 0;
	padding: 2px;
	border: 1px #E5E5E5 solid;
}
img.img_float-left {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
img.img_float-right {
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
img.img-sprite-prix {
	display: block;
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
}
/*---------------------------------  FOOTER   -----------------------------------*/
#div-footer {
	width: auto;
	background-image: url(http://www.mediabat.com/images/v17/interface/back_footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 30px 0 30px 15px;
	margin: 0 0 0 0;
}
#div-footerScanplan2 {
	width: auto;
	background-image: url(http://www.mediabat.com/images/v17/interface/back_footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 30px 0 30px 0px;
	margin: 0 0 0 0;
}
#div-footer2014 {
	padding: 30px 0 0px 0px;
	margin: 0 0 0 0;
}
#div-adresse {
	background-image: url(http://www.mediabat.com/images/v17/interface/backdiv_adresse.jpg);
	background-repeat: no-repeat;
	width: 970px;
	height: 157px;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
	text-align: center;
}
#div-adresse2014 {
	width: auto;
	height: 107px;
	margin: 0 0 0 0;
	padding: 25px 0 0 0;
	text-align: center;
}
.footer-fond-2014 {
	width: 100%;
	background-image: url(http://www.mediabat.com/images/v17/interface/backdiv_adresse.jpg);
	background-repeat: repeat-x;
}
.div-cliconeplus {
	background-color: #f6f6f6;
	border-width: 1px 0;
	border-color: #F2F2F2;
	border-style: dashed;
	color: #22a7d8;
	width: 700px;
	margin: 0 auto;
	padding: 15px;
	display: block;
	text-align: center;
	line-height: 21px;
}
/*///////////////////// MENU VIDEO /////////////////*/
	
ul.menu-video {
	margin: 0 0 0 0;
	padding: 123px 0 0 0;
	border: none;
	list-style: none;
}
ul.menu-video li {
	list-style: none;
}
ul.menu-video a {
	cursor: pointer;
	;
	border: none;
	text-decoration: none;
}
ul.menu-video a.a-un {
	background-image: url(../images/images2010/a-menu-video-un.jpg);
	background-repeat: no-repeat;
	width: 177px;
	height: 62px;
	margin: 0 0 36px 0;
	padding: 0 0 0 0;
	display: block;
}
ul.menu-video a.a-deux {
	background-image: url(../images/images2010/a-menu-video-deux.jpg);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	width: 177px;
	height: 62px;
	margin: 0 0 19px 0;
	padding: 0 0 0 0;
	display: block;
}
ul.menu-video a.a-trois {
	background-image: url(../images/images2010/a-menu-video-trois.jpg);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	width: 177px;
	height: 104px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}
ul.menu-video a.a-quatre {
	background-image: url(../images/images2010/a-menu-video-quatre.jpg);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	width: 177px;
	height: 77px;
	margin: 0 0 31px 0;
	padding: 0 0 0 0;
	display: block;
}
ul.menu-video a.a-cinq {
	background-image: url(../images/images2010/a-menu-video-cinq.jpg);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	width: 177px;
	height: 77px;
	margin: 0 0 19px 0;
	padding: 0 0 0 0;
	display: block;
}
ul.menu-video a:hover.a-un, ul.menu-video a:hover.a-deux, ul.menu-video a:hover.a-trois, ul.menu-video a:hover.a-quatre, ul.menu-video a:hover.a-cinq {
	background-image: none;
}
/*/////////////////////////////// MENU //////////////////*/
#div-menu {
	width: 700px;
	height: 67px;
	float: left;
	position: absolute;
	top: 130px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
}
#menu {
	width: 700px;
	height: 67px;
	display: block;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
}
#menu li {
	width: 67px;
	height: 79px;
	float: left;
	margin: 0 5px;
	padding: 0 0 0 0;
	list-style: none;
	background-position: 0px 12px;
	font-size: 12px;
}
#menu li a {
	width: 67px;
	height: 79px;
	display: block;
	color: #6a6a67;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	background-position: 0px 12px;
}
#menu li.li-un {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-home-on.jpg);
	background-repeat: no-repeat;
}
#menu li.li-un a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-home-out.jpg);
	background-repeat: no-repeat;
}
#menu li.li-deux {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-produit-on.jpg);
	background-repeat: no-repeat;
}
#menu li.li-deux a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-produit-out.jpg);
	background-repeat: no-repeat;
}
#menu li.li-trois {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-contact-on.jpg);
	/*background-image:url(../images/images2012/tfv2012/contact-on.jpg);*/
	background-repeat: no-repeat;
}
#menu li.li-trois a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-contact-out.jpg);
	/*background-image:url(../images/images2012/tfv2012/contact-out.jpg);*/
	background-repeat: no-repeat;/*color:#FFFFFF;*/
}
/*#menu li.li-quatre{
	background-image:url(../images/images2010/a-sites-over.jpg);
	background-repeat:no-repeat;	
}
#menu li.li-quatre a{
	background-image:url(../images/images2010/a-sites-out.jpg);
	background-repeat:no-repeat;
}*/

#menu li.li-cinq {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-liens-on.jpg);
	background-repeat: no-repeat;
}
#menu li.li-cinq a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-liens-out.jpg);
	background-repeat: no-repeat;
}
#menu li.li-six {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-solidaire-on.jpg);
	/*background-image:url(../images/images2010/a-solidaire-over.jpg);*/
	background-repeat: no-repeat;
}
#menu li.li-six a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-solidaire-out.jpg);
	/*background-image:url(../images/images2010/a-solidaire-out.jpg);*/
	background-repeat: no-repeat;
}
#menu li.li-sept {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-home-on.jpg);
	background-repeat: no-repeat;
}
#menu li.li-sept a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-home-out.jpg);
	background-repeat: no-repeat;
}
#menu li.li-huit {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-logiciel-on.jpg);
	background-repeat: no-repeat;
}
#menu li.li-huit a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-logiciel-out.jpg);
	background-repeat: no-repeat;
}
#menu li.li-neuf {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-faq-on.jpg);
	/*background-image:url(../images/images2012/tfv2012/video-on.jpg);*/
	background-repeat: no-repeat;
}
#menu li.li-neuf a {
	background-image: url(http://www.mediabat.com/images/v17/interface/a-faq-out.jpg);
	/*background-image:url(../images/images2012/tfv2012/video-out.jpg);*/
	background-repeat: no-repeat;/*color:#FFFFFF;*/
}
#menu li.li-dix {
	/*background-image:url(../images/images2010/a-videos-on.jpg);*/
	background-image: url(http://www.mediabat.com/images/v17/interface/a-presse-on.jpg);
	background-repeat: no-repeat;
}
#menu li.li-dix a {
	/*background-image:url(../images/images2010/a-videos-out.jpg);*/
	background-image: url(http://www.mediabat.com/images/v17/interface/a-presse-out.jpg);
	background-repeat: no-repeat;/*color:#FFFFFF;*/
}
#menu li.li-un a:hover, #menu li.li-deux a:hover, #menu li.li-trois a:hover, #menu li.li-quatre a:hover, #menu li.li-cinq a:hover, #menu li.li-six a:hover, #menu li.li-sept a:hover, #menu li.li-huit a:hover, #menu li.li-neuf a:hover, #menu li.li-dix a:hover {
	background-image: none;
}
/*//////////////////// MENU LOCATION /////////////////////*/
#menu_location {
	list-style: none;
	width: 940px;
	height: 56px;
	/*background-image:url(../images/general/back_sous_menu.jpg);
	background-repeat:repeat-x;*/
	margin: 0 0 0 5px;
	padding: 7px 0 0 20px;
}
#menu_location li {
	/*	width:200px;*/
	display: inline-block;
	height: 38px;
	line-height: 38px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0px 1px;
	border-color: #f1f3e5;
	border-style: solid;
	font-size: 12px;
}
a.a-voir {
	background-image: url(../images/images2010/a-out-repet.jpg);
	background-repeat: repeat-x;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 0;
	margin: 6px 0 6px 0;
	display: inline-block;
	float: right;
	text-align: center;
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a.a-voir span.span-a-deb {
	background-image: url(../images/images2010/a-out-debut.jpg);
	background-repeat: no-repeat;
	width: 23px;
	height: 38px;
	display: inline-block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
a.a-voir span.span-a-fin {
	background-image: url(../images/images2010/a-out-fleche.jpg);
	background-repeat: no-repeat;
	width: 33px;
	height: 38px;
	line-height: 38px;
	display: block;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
a:hover.a-voir {
	background-image: url(../images/images2010/a-over-repet.jpg);
	background-repeat: repeat-x;
	color: #999999;
}
a:hover.a-voir span.span-a-deb {
	background-image: url(../images/images2010/a-overt-debut.jpg);
}
a:hover.a-voir span.span-a-fin {
	background-image: url(../images/images2010/a-over-fleche.jpg);
}
/***************************Fiche Produit********************************/

#TabbedPanels1 {
	/*background-image:url(../images/images2011/back-sprite.jpg); */
	background-image: url(../images/images2012/spritev17/backspritev17.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 918px;
	/*	height:650px;*/
	
	margin: 0;
	padding: 0;
}
#TabbedPanels1 h2 {
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#TabbedPanels1 h2.h2-titre-slide {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ligne-height: 19px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}
#TabbedPanels1 h3.h3-titre-slide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	padding : 0 0 10px 0;
	margin : 0 0 0 0;
}
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 700px;/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanels {
	margin: 0px 0 0px 0px !important;
	margin: 0px 0 0px 0px;
	padding-left: 0 !important;
	padding-left: 1px;
	width: 860px;
	float: left;
}
.TabbedPanels ul {
	margin: 0 0 0 40px;
}
.TabbedPanelsTabGroup {
	padding: 0px 0px 0px 20px;
}
.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align: center;
	font: normal 10px Verdana;
	background-color: none;
	background-image: url(../images/images2010/sprite/out.jpg);
	background-repeat: no-repeat;
	color: #666666;
	width: 120px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.TabbedPanelsTabHover {
	background: url(../images/images2010/sprite/selected.jpg) no-repeat 0 0;
	color: #ffffff;
	padding-bottom: 1px;
}
.TabbedPanelsTabSelected {
	background: url(../images/images2010/sprite/selected.jpg) no-repeat 0 0;
	color: #000000;
	padding-bottom: 1px;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	width: 860px;
	float: left;
}/***/
.TabbedPanelsContent {
	padding: 0 18px 0 200px; /*height:600px; overflow:auto;*/
}
.TabbedPanelsContent h2.h2-titrecolle {
	padding: 0 0 5px 0;
	margin: 0 auto;
	line-height: 20px;
	height: 20px;
}
.TabbedPanelsContentVisible {
	width: 715px;
	font: normal 10px verdana;
	color: #545454;
	padding: 10px 0 0 190px;
	overflow: auto;/*height:600px;*/
}/***/
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em; /*height:600px; */
	background-color: #EEE;
	position: relative;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #f00;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	;
	height: 410px;
}
li.padvalign1 {
	padding: 10px 0px 0px 0px;
	height: 40px;
	line-height: 20px
}
li.padvalign2 {
	padding: 10px 0px 0px 0px;
	height: 42px;
	line-height: 12px
}
.TabbedPanelsContent p {
	margin: 2px 0 2px 20px;
	font-size: 11px;
}
.TabbedPanelsContent p strong {
	font-size: 11px;
}
.TabbedPanelsContent p sup {
	font-size: 8px;
	color: #000;
}
.TabbedPanelsContent p span {
	color: #ef9a01;
	margin-bottom: 20px;
	font-weight: bold
}
/*.TabbedPanelsContent a.plus_info{ font-weight:bold;font-size:11px;color:#e92229;background:url(../images/puce.gif) no-repeat 0 1px;padding-left:5px;margin:0 40px 0 0;width:150px;}*/

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

.div-centre-tabbed {
	width: 642px;
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
.div-centre-tabbed #TabbedPanels1 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 642px;
	margin: 0;
	padding: 0;
}
.div-centre-tabbed #TabbedPanels1 h2 {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.div-centre-tabbed #TabbedPanels1 h2.h2-titre-slide {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ligne-height: 19px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	display: block;
	background-color: #4a66a0;
	color: #FFFFFF;
	width: 642px;
}
.div-centre-tabbed #TabbedPanels1 h2.h2-titre {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ligne-height: 19px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	display: block;
	background-color: none;
	color: #4a66a0;
}
.div-centre-tabbed #TabbedPanels1 h3.h3-titre-slide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	background-color: #5974ae;
	color: #FFFFFF;
	padding : 5px 0 5px 0;
	margin : 0 0 0 0;
	width: 642px;
}
.div-centre-tabbed #TabbedPanels1 h3.h3-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	background-color: none;
	color: #5974ae;
	padding : 0 0 5px 0;
	margin : 0 0 0 0;
}
.div-centre-tabbed h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5974ae;
	padding : 0 0 5px 0;
	margin : 0 0 0 0;
}
.div-centre-tabbed .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 642px;/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.div-centre-tabbed .TabbedPanels {
	margin: 0 0 0 0 !important;
	margin: 0px 0 0px 0px;
	width: 641px;
	float: left;
}
.div-centre-tabbed .TabbedPanels ul {
	margin: 0 0 0 0;
}
.div-centre-tabbed .TabbedPanelsTabGroup {
	padding: 0px 0px 0px 0px;
}
.div-centre-tabbed .TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align: center;
	font: normal 10px Verdana;
	background-color: #CCCCCC;
	background-image: none; /*background-image:url(../images/images2010/sprite/out.jpg);*/
	background-repeat: no-repeat;
	color: #666666;
	width: 127px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #334d84;
}
.div-centre-tabbed .TabbedPanelsTabHover {
	background-color: #334d84;
	color: #ffffff;
	padding-bottom: 0px;
}
.div-centre-tabbed .TabbedPanelsTabSelected {
	background-color: #3b5998;
	color: #ffffff;
	padding-bottom: 0px;
}
.div-centre-tabbed .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.div-centre-tabbed .TabbedPanelsContentGroup {
	clear: both;
	width: 642px;
	float: left;
}/***/
.div-centre-tabbed .TabbedPanelsContent {
	padding: 0 10px 0 10px; /*height:600px; overflow:auto;*/
}
.div-centre-tabbed .TabbedPanelsContent h2.h2-titrecolle {
	padding: 0 0 5px 0;
	line-height: 20px;
	height: 20px;
}
.div-centre-tabbed .TabbedPanelsContentVisible {
	width: 642px;
	font: normal 10px verdana;
	color: #545454;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: auto;
	background-color: #f1f5f8;
}/***/
.div-centre-tabbed .VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em; /*height:600px; */
	background-color: #EEE;
	position: relative;
}
.div-centre-tabbed .VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
}
.div-centre-tabbed .VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #f00;
	border-bottom: solid 1px #999;
}
.div-centre-tabbed .VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	;
	height: 410px;
}
.div-centre-tabbed li.padvalign1 {
	padding: 10px 0px 0px 0px;
	height: 42px;
	line-height: 20px;
}
.div-centre-tabbed li.padvalign2 {
	padding: 10px 0px 0px 0px;
	height: 42px;
	line-height: 20px;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: #334d84;
}
.div-centre-tabbed .TabbedPanelsContent p {
	margin: 2px 0 2px 20px;
	font-size: 11px;
}
.div-centre-tabbed .TabbedPanelsContent p strong {
	font-size: 11px;
}
.div-centre-tabbed .TabbedPanelsContent p sup {
	font-size: 8px;
	color: #000;
}
.div-centre-tabbed .TabbedPanelsContent p span {
	color: #ef9a01;
	margin-bottom: 20px;
	font-weight: bold
}
.div-centre-tabbed p.p-sprite {
	background-image: url(../images/images2010/sprite/a-puce.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding: 2px 0px 2px 18px;
	margin: 0 0 0 30px;
	width: 570px;
	text-align: justify;
}
.div-centre-tabbed p.p-chapeau {
	text-align: justify;
	padding: 0 10px 5px 0px;
	color: #003366;
	text-align: justify;
	font-size: 12px;
	font-weight: 800;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////*/

.div-centre-tabbed-large {
	width: 642px;
	float: left;
	display: block;
	margin: 10px 0 10px 0;
	padding: 0;
	background-color: #f1f5f8;
	border: 1px solid #CCCCCC;
}
.div-centre-tabbed-large #TabbedPanels1 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 642px;
	margin: 0;
	padding: 0;
}
.div-centre-tabbed-large #TabbedPanels1 h2 {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ligne-height: 19px;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	display: block;
	background-color: #4a66a0;
	color: #FFFFFF;
	width: 642px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide span.span-light {
	background-color: #FFFF33;
	ligne-height: 19px;
	color: #333333;
	padding: 8px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide span.span-lightplus {
	background-color: #FFCC00;
	ligne-height: 19px;
	color: #333333;
	padding: 8px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide span.span-complete {
	background-color: #FF9900;
	ligne-height: 19px;
	color: #333333;
	padding: 8px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide span.span-reseau {
	background-color: #FF6633;
	ligne-height: 19px;
	color: #333333;
	padding: 8px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide span.span-compta {
	background-color: #95cce1;
	ligne-height: 19px;
	color: #333333;
	padding: 8px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre-slide span.span-scanplan {
	background-color: #FF9900;
	ligne-height: 19px;
	color: #333333;
	padding: 8px;
}
.div-centre-tabbed-large #TabbedPanels1 h2.h2-titre {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ligne-height: 19px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	display: block;
	background-color: none;
	color: #4a66a0;
}
.div-centre-tabbed-large #TabbedPanels1 h3.h3-titre-slide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	background-color: #5974ae;
	color: #FFFFFF;
	padding : 5px 0 5px 0;
	margin : 0 0 0 0;
	width: 642px;
}
.div-centre-tabbed-large #TabbedPanels1 h3.h3-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	background-color: none;
	color: #5974ae;
	padding : 0 0 5px 0;
	margin : 0 0 0 0;
}
.div-centre-tabbed-large h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5974ae;
	padding : 0 0 5px 0;
	margin : 0 0 0 0;
}
.div-centre-tabbed-large .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 642px;/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.div-centre-tabbed-large .TabbedPanels {
	margin: 0 0 0 0 !important;
	margin: 0px 0 0px 0px;
	width: 642px;
	float: left;
}
.div-centre-tabbed-large .TabbedPanels ul {
	margin: 0 0 0 0;
}
.div-centre-tabbed-large .TabbedPanelsTabGroup {
	padding: 0px 0px 0px 0px;
}
.div-centre-tabbed-large .TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align: center;
	font: normal 10px Verdana;
	background-color: #CCCCCC;
	background-image: none; /*background-image:url(../images/images2010/sprite/out.jpg);*/
	background-repeat: no-repeat;
	color: #666666;
	width: 90px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #334d84;
}
.div-centre-tabbed-large .TabbedPanelsTabHover {
	background-color: #334d84;
	color: #ffffff;
	padding-bottom: 0px;
}
.div-centre-tabbed-large .TabbedPanelsTabSelected {
	background-color: #3b5998;
	color: #ffffff;
	padding-bottom: 0px;
}
.div-centre-tabbed-large .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.div-centre-tabbed-large .TabbedPanelsContentGroup {
	clear: both;
	width: 642px;
	float: left;
}/***/
.div-centre-tabbed-large .TabbedPanelsContent {
	padding: 0 10px 0 10px;
	width: 642px; /*height:600px; overflow:auto;*/
}
.div-centre-tabbed-large .TabbedPanelsContent h2.h2-titrecolle {
	padding: 0 0 5px 0;
	line-height: 20px;
	height: 20px;
}
.div-centre-tabbed-large .TabbedPanelsContentVisible {
	width: 642px;
	font: normal 10px verdana;
	color: #545454;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: auto;
	background-color: #f1f5f8;
}/***/
.div-centre-tabbed-large .VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em; /*height:600px; */
	background-color: #EEE;
	position: relative;
}
.div-centre-tabbed-large .VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
}
.div-centre-tabbed-large .VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #f00;
	border-bottom: solid 1px #999;
}
.div-centre-tabbed-large .VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	;
	height: 410px;
}
.div-centre-tabbed-large li.padvalign1 {
	padding: 10px 0px 0px 0px;
	height: 42px;
	line-height: 15px;
	width: 96px;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: #999999;
}
.div-centre-tabbed-large li.padvalign2 {
	padding: 10px 0px 0px 0px;
	height: 42px;
	line-height: 15px;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #999999;
}
.div-centre-tabbed-large .TabbedPanelsContent p {
	margin: 2px 0 2px 20px;
	font-size: 11px;
}
.div-centre-tabbed-large .TabbedPanelsContent p strong {
	font-size: 11px;
}
.div-centre-tabbed-large .TabbedPanelsContent p sup {
	font-size: 8px;
	color: #000;
}
.div-centre-tabbed-large .TabbedPanelsContent p span {
	color: #ef9a01;
	margin-bottom: 20px;
	font-weight: bold
}
.div-centre-tabbed-large p.p-sprite {
	background-image: url(../images/images2010/sprite/a-puce.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding: 2px 0px 2px 18px;
	margin: 0 0 0 30px;
	width: 550px;
	text-align: justify;
}
.div-centre-tabbed-large p.p-chapeau {
	text-align: justify;
	padding: 0 10px 5px 0px;
	color: #003366;
	text-align: justify;
	font-size: 12px;
	font-weight: 800;
}
.div-centre-tabbed-large p {
	width: 600px;
	text-align: justify;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}
.div-centre-tabbed-large p.p-note {
	font-size: 12px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////*/

p.p-fond-bleu {
	background-image: url(../images/images2010/sprite/a-base-puce.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 2px 0px 2px 12px;
	margin: 0 0 0 30px;
}
p.p-sprite00 {
	padding: 2px 0px 2px 18px;
	margin: 0 0 0 0;
	width: 680px;
}
p.p-sprite {
	background-image: url(../images/images2010/sprite/a-puce.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	padding: 2px 0px 2px 18px;
	margin: 0 0 0 30px;
	width: 500px;
}
a.a-jquery {
	color: #80746A;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	display: block;
}
a.a-jcontact {
	color: #745b4b;
	font-weight: bold;
	/*text-transform:uppercase;color:#80746A;*/
	font-size: 12px;
	text-align: center;
	display: block;
	width: 150px;
	height: 55px;
	margin: 20px 15px;
	padding: 10px 90px 0 10px;
	background-image: url(../images/images2014/MediabatCom-BoutonCliquezIci.png);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
}
a:hover.a-jcontact {
	color: #5b3c27;
	text-decoration: none;
}
a.a-sprite {
	color: #d06c22;
	text-decoration: underline;
}
a:hover.a-sprite {
	color: #e8731c;
}
div.div-texte-contact {
	width: 828px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/*background-image:url(../images/images2011/back-formulaire-general-v16v1.jpg);*/
	background-image: url(../images/v17/back-formulaire-general-v17.jpg);
	background-repeat: no-repeat;/*border:1px solid #990000;*/
}
div.div-form-contact {
	width: 828px;
	margin: 0 auto;
	padding: 0 0 0 0;
	/*background-image:url(../images/images2011/back-formulaire-general-v16v1.jpg);*/
	background-image: url(../images/v17/back-formulaire-general-v17.jpg);
	background-repeat: no-repeat;
}
div.div-gche-form {
	width: 352px;
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 30px 0px 0 25px;
	float: left;
}
table.table_form {
	padding: 20px 20px 110px 0;
	border: none;
	width: 335px;
	margin: 45px 20px 0 20px;
}
table.table_form td.td-gche {
	color: #fff;
	font-weight: bold;
}
table.table_form strong {
	color: #953100;
	font-size: 12px;
	margin: 2px 0 10px 0;
	display: inline-block;
}
table.table_form td.anti-spam {
	border: 1px solid #39c6fb;
	background-color: #17bdfb;
	padding : 5px 0;
}
#formsprite {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 400px;
}
table.table-sprite {
	width: 400px;
	float: right;
	background-color: none;
	padding: 10px 0 0 20px;
}
div.div-demo-sprite {
	background-image: url(../images/images2010/sprite/back-demo-gratuite.jpg);
	background-repeat: no-repeat;
	width: 620px;
	float: right;
	background-color: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.div-contact-sprite {
	background-image: url(../images/images2010/sprite/back-form-sprite.jpg);
	background-repeat: no-repeat;
	width: 620px;
	float: right;
	background-color: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.div-texte-sprite {
	width: 220px;
	float: left;
	padding: 20px 0 0 0;
}
div.div-dte-form {
	width: 369px;
	display: block;
	margin: 0 0 0 0;
	padding: 30px 28px 0 15px;
	float: right;
}
div.div-ext-iframe {
	width: 369px;
	display: block;
	margin: 95px 0 0 0;
	padding: 0 25px 105px 0px;
	float: right; /*//border:1px solid #003399;*/
}
h2.h2-form {
	background-color: #80cdeb;
	color: #553806;
	font-size: 22px;
	background-image: url(../images/images2010/sprite/deco-titre.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 13px 0 15px 0;
	margin: 0 0 15px 0;
}
h2.h2-form span {
	color: #5e3f09;
	font-size: 17px;
	display: block;
}
h3.h3-form {
	background-color: #80cdeb;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
}
p.p-form {
	background-color: #80cdeb;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}
/*////////////////////////   CONTACT BATIMAT ////////////////*/
.div-texte-batimat {
	width: 838px;
	margin: 0 auto;
	padding: 0 40px;
}
.div-ext-form-batimat {
	width: 323px;
	height: 466px;
	background-image: url(../images/promos/back-form-contact-batimat02.jpg);
	display: block;
	margin: 0;
	padding: 80px 23px 0 32px;
	float: right;
	border: none;
}
.div-gche-form-batimat {
	width: 323px;
	height: 391px;
	background-image: url(../images/promos/back-form-contact-batimat01.jpg);
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 70px 23px 0 42px;
}
.div-gche-form-batimat ul li {
	list-style: square;
}
#table-batimat {
	font-weight: bold;
	font-size: 12px;
}
#table-batimat td.td-message {
	color: #CC6600;
}
#table-batimat span.etoile {
	color: #CC6600;
}
#table-batimat td.td-un {
	font-size: 12px;
	width: 100px;
}
#table-batimat input {
	width: 200px;
}
#table-batimat #KT_Insert1 {
	width: 109px;
	background-image: url(../images/promos/back-cmd-valider-form-batimat.jpg);
	cursor: pointer;
}
/*//////////////////////////////// TVA 7 /////////////////////////*/

.div-tva-texte {
	width: 808px;
	margin: 0;
	padding: 0 40px 15px 70px;
	background-image: url(../images/promos/tva7/tva-rep-content.jpg);
	background-repeat: repeat-y;
}
.div-tva-texte p {
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	color: #333333;
	text-align: justify;
}
/*///////////////////////// TOUR FRANCE VOILE //////////////////*/
#div-texte-tfv1 {
	width: 918px;
	height: 822px;
	border-width: 0 0 1px 0;
	border-color: #00CCCC;
	border-style: dashed;
	background-image: url(../images/images2012/tfv2012/mediabat-tour-france-voile-2012.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: 90px 0px;
	margin: 0;
	padding: 0 0 0 0;
}
#div-texte-tfv2 {
	clear: both;
	width: 918px;
	border-width: 1px 0 1px 0;
	border-color: #00CCCC;
	border-style: dashed;
	/*background-image:url(../images/images2012/tfv2012/mediabat-martinez-abati-moures.jpg);
	background-repeat:no-repeat;
		background-position:0px 90px ;
	*/
	background-color: #FFFFFF;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
}
#div-texte-tfv2 .div-texte-centre {
	margin: 0 0 0 0;
	padding: 0 0;
	width: 878px
}
#div-texte-tfv2 .div-texte-centre p {
	padding: 0 20px;
	text-align: justify;
}
#div-texte-tfv3 {
	width: 918px;
	border-width: 1px 0 0 0;
	border-color: #00CCCC;
	border-style: dashed;
	background-color: #FFFFFF;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
}
#div-texte-tfv3 .div-texte-gche p, #div-texte-tfv3 .div-texte-dte p {
	text-align: justify;
}
#div-texte-tfv3 .div-texte p {
	font-size: 14px;
	font-weight: bold;
	padding: 25px;
}
.div-texte-tfv4 {
	width: 918px;
	border-width: 1px 0 0 0;
	border-color: #00CCCC;
	border-style: dashed;
	background-color: #FFFFFF;
	margin: 20px auto 0 auto;
	padding: 20px 0 0 0;
}
.div-texte-tfv4 .div-pti-gche {
	width: 280px;
	float: left;
	padding: 0 15px 0 5px;
	margin : 10px 0 10px 0;
	text-align: justify;
}
.div-texte-tfv4 p, .div-texte-tfv4 h4 {
	text-align: justify;
}
.div-texte-tfv4 p, .div-texte-tfv4 p {
	padding: 0 0 0 0;
	margin : 0 0 0 0;
}
.div-dte-presse {
	width: 400px;
	float: left;
	margin: 0 0 0 260px;
	padding: 0 0 0 0;
	text-align: justify;
}
.div-dte-presse p {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
}
#div-telepdf {
	float: right;
}
/*//////////////////////  LITTLE FORMULAIRE ////////////////*/

#form-contact-little {
	width: 252px;
	background-color: #f1f5f8;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
#form-contact-little table {
	width: 252px;
	font-size: 12px;
	padding: 0 0 0 10px;
	margin: 0;
}
#form-contact-little .p-special {
	color: #FF6600;
	font-size: 12px;
	font-style: italic;
}
#form-contact-little #KT_Insert1 {
	border: none;
	color: #27c4bf;
	background-image: url(/images/mediabat/little-contact-valider.jpg);
	width: 209px;
	height: 55px;
	line-height: 55px;
	margin: 0;
	padding: 0 50px 0 0;
	cursor: pointer;
}
table.table-little-contact {
	width: 252px;
	height: 320px;
	background-color: #f1f5f8;
	font-size: 12px;
	text-align: center;
}
/* ///////////////////////  FORM ANNUEL DES PRIX  /////////////////*/
.form-annuel-prix {
	width: 252px;
	background-color: #f1f5f8;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
.form-annuel-prix table {
	width: 252px;
	font-size: 12px;
	padding: 0 0 0 10px;
	margin: 0;
}
.form-annuel-prix .p-special {
	color: #FF6600;
	font-size: 12px;
	font-style: italic;
}
.form-annuel-prix #KT_Insert1 {
	border: none;
	color: #27c4bf;
	background-image: url(/images/mediabat/little-contact-valider.jpg);
	width: 209px;
	height: 55px;
	line-height: 55px;
	margin: 0;
	padding: 0 50px 0 0;
	cursor: pointer;
}
/*///////////////////////////// /////////////////*/
/*///////////////////////// PageS contact ////////////*
/* PAGE CARRELAGE */
#form-contact-vertical {
	width: 441px;
	height: 500px;
	padding: 0;
	margin: 0;
	background-image: url(../images/mediabat/back-blanc.jpg);
	background-repeat: repeat;/*border:1px solid #996600;*/
}
.table_contact {
	background-image: url(../images/mediabat/table-contact-rep.jpg);
	background-position: left top;
	width: 441px;
	padding: 0;
	margin: 0;
	color: #3d2e2e;
	font-size: 12px;/*border:1px solid #CCCC00;*/
}
.table_contactV2 {
	background-position: left top;
	width: 441px;
	padding: 0;
	margin: 0;
	color: #3d2e2e;
	font-size: 12px;/*border:1px solid #CCCC00;*/
}
.table_contact td {
	padding: 2px 20px 5px 20px;
	margin : 0;
}
.table_contact td.td-gche {
	color: #ffffff;
	font-weight: bold;
	width: 120px;
	text-align: right;
}
.table_contact .input-cont {
	width: 200px;
}
.table_contact tr.tr-haut {
	background-image: url(../images/mediabat/table-contact-haut.jpg);
	background-repeat: no-repeat;
	height: 102px;
}
.table_contact tr.tr-bas {
	height: 94px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.table_contact tr.tr-bas td {
	background-image: url(../images/mediabat/table-contact-bas.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.table_contact p {
	color: #FFFFFF;
	text-align: left;
}
.table_contact span {
	color: #CC0000;
	font-weight: bold;
	font-size: 8px;
}
.table_contact h2 strong {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	display: block;
	font-weight: 100;
}
.table_contact span.etoile {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}
.table_contact_th {
	color: #C30;
	font-weight: bold;
}
.table_contact_th span {
	color: #CC0000;
	font-weight: bold;
	font-size: 18px;
}
.table_contact #message {
	width : 300px;
}
.table_contact #KT_Insert1 {
	background-image: url(../images/mediabat/envoyer.jpg);
	width: 179px;
	height: 37px;
	line-height: 37px;
	margin: 5px 0 5px 0;
	padding: 0 0 0 15px;
	border: none;
	text-align: left;
	color: #009999;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
}
div.anti-spam {
	border: 1px solid #39c6fb;
	background-color: #17bdfb;
	color: #FFFFFF;
	width: 354px;
	margin: 10px 0 2px 25px;
	padding: 5px 0;
	float: left;
}
.div-reponse {
	display: block;
	border: 1px solid #29c0f9;
	background-color: #2ebcf2;
	color: #1b3c48;
	font-size: 12px;
	line-height: 16px;
	height: 415px;
	margin: 0 0 45px 0;
	padding: 25px 0 0 0;
	text-align: center;
}
.div-reponse-verticale {
	display: block;
	border: 1px solid #29c0f9;
	background-color: #ffffff;
	/*background-image:url(../images/mediabat/back-blanc.jpg);
	background-repeat:repeat;*/
	color: #1b3c48;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 45px 0;
	padding: 25px 0 0 0;
	text-align: center;
}
/*///////////////////////////       INFORMATION  ANNUEL DES PRIX      ////////////////////*/

.div-biblio-annuel {
	border: 1px solid #CCCCCC;
	padding: 15px 10px 30px 10px;
	width: 900px;
	/*height:400px;*/
	float: left;
	display: block;
	margin: 10px auto 0 auto;
}
.div-biblio-annuel ul {
	padding: 10px 0 20px 0;
	margin: 0 0 0 45px;
	height : 220px;/*border:1px solid #CCCCCC;*/
}
/* Media Queries
***********************/

.button {
	display: inline-block;
	margin: 2px 0;
	padding: 5px 15px 3px;
	border: 1px solid #336693;
	border-bottom-color: #336693;
	color: #fff!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	font: bold 12px/16px sans-serif;
	cursor: pointer;
	/*Border radius*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*Background*/
	background: #274d70; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #336693), color-stop(1, #274d70));
	background: -moz-linear-gradient( center top, #336693 20%, #274d70 100% );
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
.button:hover {
	color: #fff;
	text-decoration: none!important;
	/*Background*/
	background: #396083; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3c77ab), color-stop(1, #396083) );
	background: -moz-linear-gradient( center top, #3c77ab 20%, #396083 100% );
}
/* GREEN */

.button.green {
	border: 1px solid #467d16;
	border-bottom-color: #467d16;
	/*Background*/
	background: #447e12; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #71b02f), color-stop(1, #447e12));
	background: -moz-linear-gradient( center top, #71b02f 20%, #447e12 100% );
}
.button.green:hover {
	/*Background*/
	background: #508e1b; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #7cbc3a), color-stop(1, #508e1b));
	background: -moz-linear-gradient( center top, #7cbc3a 20%, #508e1b 100% );
}
.error_mess {
	background-color: #F2DEDE;
	color: #A94442;
	padding: 10px;
	border: 1px solid #EBCCD1;
	font-weight: bold
}
.success_mess {
	background-color: #DFF0D8;
	color: #57763D;
	padding: 10px;
	border: 1px solid #D6E9C6;
	font-weight: bold
}
.success_mess2 {
	/*border:1px solid #fdc38e;*/
	padding: 10px 0px 10px 0px;
	background-color: #fdcea3;
	background: #fdcea3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fdc38e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fdc38e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #fdc38e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #fdc38e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #fdc38e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #fdc38e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdc38e', GradientType=0 ); /* IE6-9 */
}
.success_mess3 {
	color: #e96d09;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
.tvqs {
	display: block;
	float: right;
	top: 0px;
	left: 0px;
	clear: both;
}
.tvqs2 {
	clear: both;
	display: block;
	float: right;
	top: 0px;
	right: 0px;
}
.boxorange {
	border-radius: 0px;
	padding: 15px;
	margin: 0px;
	color: #3d5aa5
	text-align: center;
	font-size: 30px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #fff 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #fff 0%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #fff 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.boxDoc1 {
	display:block;
	float:left;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	color: #000;
	text-align: center;
	
	}

.boxDoc1G {
	display:block;
	border-radius: 0px;
	padding: 15px;
	margin: 20px;
	color: #000;
	text-align: center;
	border:solid 1px #E84D11;
	width:428px;
	float:left;
	
	}
	
.boxDoc1D {
	display:block;
	border-radius: 0px;
	padding: 15px;
	margin: 20px;
	color: #000;
	text-align: center;
	border:solid 1px #E84D11;
	width:428px;
	float:right;
	
	}
	
	
	
	
	
	
/* DOWNLOAD BOUTON 1 */
.download_button {
	margin: 20px;
	margin-left: 50px;
	text-decoration: none;
	display: block;
	width: 800px;
	height: 110px;
	padding: 1px;
	border: 1px solid #1d401b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #1d401b;
	text-shadow: -1px 1px 1px #30462f;
	font-size: 16px;
}
.download_button:hover {
	margin: 20px;
	margin-left: 50px;
	text-decoration: none;
	display: block;
	width: 800px;
	height: 110px;
	padding: 1px;
	border: 1px solid #1d401b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #1d401b;
	font-size: 16px;
	box-shadow: -2px 2px 8px #330f05;
}
.download_button:active {
	margin: 25px;
	margin-left: 55px;
	text-decoration: none;
	display: block;
	width: 800px;
	height: 110px;
	padding: 1px;
	border: 1px solid #f65122;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #b43818;
	font-size: 16px;
}
.download_button .filename {
	font-size: 32px;
	margin: 10px 20px 0;
	color: #FFF;
}
.download_button .filesize {
	margin: 10px 20px 0;
}
.download_button .downloads {
	margin: 5px 20px 0;
}
.download_button .downloadicon {
	position: relative;
	float: right;
	margin: 10px;
	width: 140px;
	height: 90px;
}
 @-webkit-keyframes movedown {
 0% {
 -webkit-transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 -webkit-transform: translateY(0);
 opacity:1;
}
 100% {
 -webkit-transform: translateY(1.5em);
 opacity:0;
}
}
@-moz-keyframes movedown {
 0% {
 transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 transform: translateY(0);
 opacity:1;
}
 100% {
 transform: translateY(1.5em);
 opacity:0;
}
}
@-o-keyframes movedown {
 0% {
 -o-transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 -o-transform: translateY(0);
 opacity:1;
}
 100% {
 -o-transform: translateY(1.5em);
 opacity:0;
}
}
@keyframes movedown {
 0% {
 transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 transform: translateY(0);
 opacity:1;
}
 100% {
 transform: translateY(1.5em);
 opacity:0;
}
}
.download_button .cloud {
	width: 140px;
	height: 50px;
	background-color: #fff;
	border-radius: 30px;
	position: absolute;
	top: 40px;
}
.download_button .cloud:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	top: -30px;
	left: 70px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	box-shadow: -40px 0 0 10px #fff;
}
.download_button .cloud .arrowdown {
	background: #f65122;
	position: absolute;
	top: -10px;
	left: 60px;
	width: 10px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-animation: movedown 2s infinite linear;
	-moz-animation: movedown 2s infinite linear;
	-o-animation: movedown 2s infinite linear;
	animation: movedown 2s infinite linear;
}
.download_button .cloud .arrowdown:before, .download_button .cloud .arrowdown:after {
	top: 14px;
	content: "";
	position: absolute;
	background: #f65122;
	position: absolute;
	width: 10px;
	height: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.download_button .cloud .arrowdown:before {
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: 70% 90%;
}
.download_button .cloud .arrowdown:after {
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 30% 90%;
}
.download_button {
	background: #aedb3d; /* Old browsers */
	background: -moz-linear-gradient(top, #f65122 0%, #f65122 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aedb3d), color-stop(100%, #9fcb31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #42943e 0%, #86cc82 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f42943e 0%, #f86cc82 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f42943e 0%, #86cc82 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f42943e0%, #86cc82 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aedb3d', endColorstr='#9fcb31', GradientType=0 ); /* IE6-9 */
}	
	
	


	
/* DOWNLOAD BOUTON 2 */
.download_button2 {
	margin: 20px;
	margin-left: 50px;
	text-decoration: none;
	display: block;
	width: 300px;
	height: 40px;
	padding: 1px;
	border: 1px solid #f65122;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #b43818;
	text-shadow: -1px 1px 1px #a03314;
	font-size: 8px;
}
.download_button2:hover {
	margin: 20px;
	margin-left: 50px;
	text-decoration: none;
	display: block;
	padding: 1px;
	border: 1px solid #f65122;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #b43818;
	box-shadow: -2px 2px 8px #330f05;
}
.download_button2:active {
	margin: 25px;
	margin-left: 55px;
	text-decoration: none;
	display: block;
	padding: 1px;
	border: 1px solid #f65122;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #b43818;	
}
.download_button2 .filename {
	font-size: 16px;
	margin: 10px 20px 0;
	color: #FFF;
}
.download_button2 .filesize {
	margin: 5px 20px 0;
	font-size: 12px;
}
.download_button2 .downloads {
	margin: 5px 20px 0;
}
.download_button2 .downloadicon {
	position: relative;
	float: right;
	margin: 10px;
	width: 140px;
	height: 90px;
}
 @-webkit-keyframes movedown {
 0% {
 -webkit-transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 -webkit-transform: translateY(0);
 opacity:1;
}
 100% {
 -webkit-transform: translateY(1.5em);
 opacity:0;
}
}
@-moz-keyframes movedown {
 0% {
 transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 transform: translateY(0);
 opacity:1;
}
 100% {
 transform: translateY(1.5em);
 opacity:0;
}
}
@-o-keyframes movedown {
 0% {
 -o-transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 -o-transform: translateY(0);
 opacity:1;
}
 100% {
 -o-transform: translateY(1.5em);
 opacity:0;
}
}
@keyframes movedown {
 0% {
 transform: translateY(-1.5em);
 opacity:0;
}
 50% {
 transform: translateY(0);
 opacity:1;
}
 100% {
 transform: translateY(1.5em);
 opacity:0;
}
}

.download_button2 {
	background: #aedb3d; /* Old browsers */
	background: -moz-linear-gradient(top, #f65122 0%, #f65122 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aedb3d), color-stop(100%, #9fcb31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f65122 0%, #f65122 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f65122 0%, #ff6b01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f65122 0%, #ff6b01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f65122 0%, #ff6b01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aedb3d', endColorstr='#9fcb31', GradientType=0 ); /* IE6-9 */
}	


.roundcenter{padding-left:38%;}
.round-button {
	width:35%;
}
.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:10px solid #FFF;
    overflow:hidden;
	background: #aedb3d; /* Old browsers */
	background: -moz-linear-gradient(top, #f65122 0%, #f65122 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aedb3d), color-stop(100%, #9fcb31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f65122 0%, #f65122 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f65122 0%, #ff6b01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f65122 0%, #ff6b01 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f65122 0%, #ff6b01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aedb3d', endColorstr='#9fcb31', GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover {
	background:#F65B00;
	border:10px solid #F2A479;
}
.round-button a {
    display:block;
	float:left;
	width:100%;
	padding-top:45%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em; 
	text-align:center;
	color:#FFF;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}



















