/* @override http://www.xlsoft.fr/global/styles/screen.css */

/* = RAZ
------- */

body {
margin: 0; 
padding: 0; 
font-size: 62.5%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
	body,html,p,blockquote,fieldset,input, legend {
margin: 0; 
padding: 0;
}

h1,h2,h3,h4,h5,h6 {
font-size: 1em; 
font-weight: normal;
}

em {
font-style: normal
}

ul, ol, li {
list-style: none
}

select, input, textarea, button {
border: 1px #acacac solid; 
color: #666; 
font-size: 1em; 
width: 50px;
}

form {
margin: 0; 
padding: 0;
}

#abonnementNewsletter form {
padding: 5px
}

img {
border: 0; 
margin: 0; 
padding: 0;
}

p.texte img {
float: left; 
margin: 0 10px 10px 0;
}

#colAlternate p img {
width: 170px; 
float: left; 
margin: 0 10px 10px 0;
}

html, body {
height: 100%;
}

a img {
border: 0
}

a {
text-decoration: none;
color: #01bbe6;
}

a:hover {
text-decoration: underline
}

p sup {
vertical-align: top; 
font-size: 1em;
}

.cache {
display: none;
}

/* = CLEARING */

.clear {
clear: both; 
line-height: 1%; 
visibility: hidden
}

/* = CLEARFIX */

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */

/* = LAYOUT */

body {
background: #fff url(/global/images/bgBody.gif) repeat-x;
}

#page {
width: 990px; 
margin: 0 auto; 
text-align: left; 
background: url(/global/images/bgPage.png) repeat-y;
}

/* @group header */

#header {
background: #006f95 url(/global/images/bgHeader.gif) no-repeat top left; 
height: 175px; 
position: relative;
}

/* @group menuCorpo */

.retourAccueil {
position: absolute;
left: 530px;
}
.retourAccueil a {
color: #fff;
margin: 2px 10px;
}

ul#menuCorpo {
position: absolute;
left: 590px;
}

#menuCorpo li {
display: inline; 
list-style-type: square;
}

#menuCorpo li a {
color: #fff; 
margin: 2px 10px;
}

/* @end */

/* @group menuPrincipal */

#menuPrincipal {
width: 499px; 
height: 37px; 
float: left; 
position: relative; 
left: 177px; 
top: 105px;
}

#menuPrincipal li {
display: inline;
}

#menuPrincipal li a {
text-indent: -100em; 
background: url(/global/images/navPrincipale.gif) no-repeat top left;
}

#menuPrincipal li#it1 a {
width: 87px; 
height: 37px; 
float: left; 
background-position: 0 0;
}

#menuPrincipal li#it1 a.currentPage,
#menuPrincipal li#it1 a:hover {
background-position: 0 -37px;
}

#menuPrincipal li#it2 a {
width: 98px; 
height: 37px; 
float: left; 
background-position: -87px 0px;
}

#menuPrincipal li#it2 a.currentPage,
#menuPrincipal li#it2 a:hover {
background-position: -87px -37px;
}

#menuPrincipal li#it3 a {
width: 100px; 
height: 37px; 
float: left; 
background-position: -185px 0px;
}

#menuPrincipal li#it3 a.currentPage,
#menuPrincipal li#it3 a:hover {
background-position: -185px -37px;
}

#menuPrincipal li#it4 a {
width: 107px; 
height: 37px; 
float: left; 
background-position: -285px 0px;
}

#menuPrincipal li#it4 a.currentPage,
#menuPrincipal li#it4 a:hover {
background-position: -285px -37px;
}

#menuPrincipal li#it5 a {
width: 107px; 
height: 37px; 
float: left; 
background-position: -392px 0px;
}

#menuPrincipal li#it5 a.currentPage,
#menuPrincipal li#it5 a:hover {
background-position: -392px -37px;
}

/* @end */

/* @group menuEspace */

#menuEspace {
width: 122px; 
height: 50px; 
float: right; 
position: relative; 
top: 60px; 
padding-right: 12px;
}

#menuEspace li {
width: 122px; 
height: 22px; 
margin-bottom: 2px;
}

#menuEspace li a {
width: 122px; 
height: 22px; 
text-indent: -100em; 
float: left; 
overflow: hidden; 
background: url(/global/images/navEspaces.gif) no-repeat top left;
}

#menuEspace li#demo a {
background-position: 0 0;
}

#menuEspace li#demo a.currentPage,
#menuEspace li#demo a:hover {
background-position: -155px 0;
}

#menuEspace li#clients a {
background-position: 0 -23px;
}

#menuEspace li#clients a.currentPage,
#menuEspace li#clients a:hover {
background-position: -155px -23px;
}

/* @end */

img.logoPrint {
display: none;
}

#header #logo {
width: 150px; 
height: 150px; 
position: absolute; 
top: 25px; 
left: 0px; 
overflow: hidden; 
text-indent: -100em; 
background: url(/global/images/logo.gif);
}

#logo a {
width: 150px; 
height: 150px; 
display: block;
}

span.baseline {
display: none;
}

/* @end */

#main {
width: 918px; 
min-height: 420px; 
padding: 0 10px; 
margin: 0 0 20px 40px; 
position: relative;
}

#colA {
width: 474px; 
float: left;
}

#colB {
width: 230px; 
float: left;
}

#colC {
width: 200px; 
min-height: 200px; 
float: right;
}

/* @group news */

#news {
width: 220px; 
padding: 0px 5px; 
background: url(/global/images/bgActus.gif) no-repeat top left; 
margin-bottom: 2em; 
color: #484848;
}

#news h2 {
width: 220px; 
height: 20px; 
position: relative; 
top: -10px; 
background: url(/global/images/titNews.gif) no-repeat top left; 
text-indent: -100em; 
overflow: hidden
}

p.titreActu {
font-weight: bold; 
padding-left: 6px; 
background: url(/global/images/puceLosange.gif) no-repeat 0 4px; 
margin-bottom: 0.5em; 
color: #484848;
}

img.left {
float: left; 
margin: 0 8px 8px 0;
}

#news p, #temoignages p {
margin: 0.5em 0 1em 0;
}

ul.menuActu {
text-align: right
}

ul.menuActu a {
color: #484848;
}

ul.menuActu a:hover {
text-decoration: underline;
}

/* @end */

#temoignages {
width: 220px; 
padding: 0 5px; 
background: url(/global/images/bgActus.gif) no-repeat top left; 
margin-bottom: 2em; 
color: #484848;
}

input#btOK {
width: 25px; 
height: 17px; 
border: 0; 
background: url(/global/images/btOK.gif) no-repeat top left;
}

input#aboNewsletter {
width: 160px; 
height: 17px; 
margin: 0 5px 0 0; 
padding: 0 5px; 
background: url(/global/images/bgInputAbo.gif) no-repeat top left; 
border: 0;
}

#abonnementNewsletter p {
width: 97%; 
margin-bottom: 0.5em; 
text-align: right;
}

#abonnementNewsletter a.link {
color: #fff; 
padding-right: 15px; 
background: url(/global/images/chevronsBlanc.gif) no-repeat center right; 
line-height: 2em;
}

#secteurActivite {
width: 444px; 
padding: 5px 10px 15px 10px; 
min-height: 150px; 
float: left; 
margin: 1em 0; 
background: url(/global/images/bgSecteurActivite.gif) repeat-x;
}

#secteurActivite h2 {
width: 100%; 
height: 40px; 
float: left; 
clear: both; 
background: url(/global/images/titSecteurActivite.gif) no-repeat top left; 
text-indent: -100em; 
overflow: hidden;
}

#abonnementNewsletter {
width: 230px; 
background: url(/global/images/bgAboNewsletter.gif) no-repeat bottom left; 
margin-bottom: 2.5em;
}

#abonnementNewsletter h2 {
width: 230px; 
height: 25px; 
background: url(/global/images/titAboNewsletter.gif) no-repeat top left; 
overflow: hidden; 
text-indent: -100em;
}

#temoignages h2 {
width: 220px; 
height: 20px; 
position: relative; 
top: -10px; 
background: url(/global/images/titTemoignages.gif) no-repeat top left; 
text-indent: -100em; 
overflow: hidden
}

#footer {
background: url(/global/images/bgFooter.gif) no-repeat bottom left; 
padding-top: 25px; 
padding-bottom: 15px;
}

#navBas {
text-align: right; 
margin-right: 20px;
}

#navBas li {
display: inline; 
margin: 0 5px;
}

#navBas li a {
color: #000; 
padding-left: 8px; 
background: url(/global/images/chevronsNoir.gif) no-repeat left center;
}

#diaporama {
width: 200px;
height: 200px;
margin: 0 0 2em 0;
border: 1px solid #01bbe6;
text-align: center;
}

#diaporama p {
}

#animationDiaporama p {
text-align: center;
}

#animationDiaporama img.vignetteDiaporama {
width: 170px; 
vertical-align:center;
}

#banniere ul {
width: 200px; 
height: 38px; 
color: #fff; 
background: url(/global/images/bgMessage.gif) no-repeat top left; 
margin: 2em 0;
}

#banniere ul li p {
text-align: center; 
font-size: 1.6em; 
line-height: 38px
}

/* PAGE INTERIEURE */

#interieure #temoignages {
width: 190px; 
padding: 0 5px; 
margin-bottom: 2em; 
color: #484848;
}

#interieure #temoignages h2 {
width: 190px; 
position: relative; 
top: -10px; 
background: url(/global/images/titTemoignages.gif) no-repeat top left; 
text-indent: -100em; 
overflow: hidden
}

#interieure #colA {
width: 125px; 
float: left;
}

#interieure #colB {
width: 580px; 
float: left;
}

#ariane {
width: 491px; 
padding: 4px;  
border-color: #005c84; 
position: absolute; 
top: -33px; 
left: 137px; 
color: #484848; 
background: url(/global/images/bgAriane.gif) repeat-x top left;
}

/* COULEURS ARIANE */

.assistance #ariane {
background: url(/global/images/bgAriane-assistance.gif) repeat-x top left;
}

.references #ariane {
background: url(/global/images/bgAriane-references.gif) repeat-x top left;
}

.revendeurs #ariane {
background: url(/global/images/bgAriane-revendeurs.gif) repeat-x top left;
}

.actualites #ariane {
background: url(/global/images/bgAriane-actualites.gif) repeat-x top left;
}

#ariane a {
color: #484848; 
margin: 0 2px;
}

#interieure #colC {
width: 200px; 
min-height: 200px; 
float: right;
}

#navSecondaire {
width: 125px; 
margin: 30px 0; 
position: relative; 
left: -10px; 
float: left; 
}

#colBa {
width: 415px; 
float: left;
}

#colBunique {
width: 485px; 
float: left;
}

#colBb {
width: 150px; 
padding: 5px 0 200px 0; 
float: right; 
background: #cef2fa url(/global/images/bgColBb.gif) no-repeat bottom right;
}

.actualites #colBb {
display: none;
}

.actualites #colBunique {
width: 485px;
}

h2#nomProduit {
font-family: "Trebuchet MS"; 
font-weight: bold; 
font-size: 2em; 
padding-left: 20px; 
margin-bottom: 1em; 
color: #115c84; 
background: url(/global/images/puceTitreProduits.gif) no-repeat top left;
}

/*COULEURS H2 */

.produits h2#nomProduit, .produits h3 {
color: #115c84;
}

.assistance h2#nomProduit, .assistance h3 {
color: #115c84;
}

.references h2#nomProduit, .references h3 {
color: #115c84;
}

.revendeurs h2#nomProduit, .revendeurs h3 {
color: #115c84;
}

.actualites h2#nomProduit, .actualites h3 {
color: #115c84;
}

#interieure #colBa p {
color: #484848; 
font-size: 1.1em; 
margin: 0.5em 0 1em 0;
}

#interieure #colBa p a  {
color: #01bbe6;
}

#interieure #colB p img {
margin: 3px 8px;
}

#interieure #colBb p img {
margin:0px;
}

#interieure #colBa ul li {
font-size: 1.1em; 
list-style: inside square; 
margin: 0.5em 0;
}

#colB h3 ,#colBa h3 {
font-family: "Trebuchet MS"; 
font-weight: bold; 
color: #115c84;
font-size: 1.5em; 
margin-bottom: 0.5em;
}

#interieure #colBunique p {
color: #484848; 
font-size: 1.1em;
margin: 0em 0 1em 0;
}

#interieure #colBunique p a {
color: #01bbe6;
}

#interieure #colBunique ul li {
font-size: 1.1em; 
list-style: inside square;
}

#colBunique h3 {
font-family: "Trebuchet MS"; 
font-weight: bold; 
color: #115c84;
font-size: 1.5em; 
margin-bottom: 0.5em;
}

/*= NAVIGATION */
.containerNav {
background: url(../images/navGauche-haut.gif) no-repeat top left;
padding-top: 15px;
}
.sousMenu .containerNav {
background: none;
padding: 0;
}
.containerNav .sousMenu {
margin: 0px 0px; 
padding-bottom: 15px; 
background: url(/global/images/bgNavGauche.gif) no-repeat bottom left ;
}

.containerNav .sousMenu .containerNav .sousMenu {
margin: 0px 0px; 
padding-bottom: 5px; 
background: none;
}

.sousMenu li {
padding: 1px 0 3px 0;
}

.sousMenu li a {
color: #01bbe6; 
display: block;
padding-left: 20px; 
background: url(/global/images/navGauchePuce.gif) no-repeat top left;
position: relative;
}

.sousMenu li a:hover {
background: url(/global/images/navGauchePuce.gif) no-repeat 0px -50px; 
color: #005c84; 
text-decoration: none;
}

.sousMenu li a.currentPage, .sousMenu li.active a {
background: url(/global/images/navGauchePuce.gif) no-repeat 0px -50px; 
color: #005c84; 
font-weight: bold; 
text-decoration: none
}

/* ACTUS */

.blocPageActu {
width: 100%; 
float: left; 
clear: both; 
margin-top: 5px; 
margin-bottom: 0px;
}

.blocPageActu img {
margin: 0 10px 0 0;
}

p.savoirPlus {
text-align: right;
}

p.savoirPlus a {
color: #666 !important; 
margin-top: 15px; 
padding: 0 15px 2px 0; 
/*background: url(/global/images/pucePlus.gif) no-repeat right top;*/
}

.blocPageActu p.titre {
font-family: "Trebuchet MS"; 
font-weight: bold; 
font-size: 1.5em !important; 
color: #c344a6 !important; 
margin-bottom: 0.5em;
}

/*PRODUITS */

#colBunique h3 a {
}

#pubProduit {
width: 415px; 
height: 110px; 
background: url(/global/images/bgBlocInfos.gif) no-repeat top left; 
margin: 0 0 20px 0; 
position: relative;
}

#pubProduit img {
float: left; 
position: absolute; 
left: 15px; 
top: 15px;
}

#pubProduit p {
color: #115c84 !important;
}

#pubProduit p span {
color: #115c84!important;
}

#pubProduit .contenuImage {
float: left; 
width: 115px; 
height: 95px; 
margin: 10px 0 0 0;
}

#colBb h2.demonstration {
width: 150px; 
height: 30px; 
background: url(/global/images/h3_Demonstration.gif) no-repeat top left; 
text-indent: -1000em;
}

#colBb div.demoContent {
width: 130px; 
padding: 10px; 
color: #01bbe6 !important;
}

#colBb .demoContent ul {
margin: 5px 0;
}

#colBb .demoContent ul li {
list-style: inside square;
}

#colBb .demoContent a {
color: #01bbe6 !important;
}

#pubProduit .contenuTexte {
width: 290px; 
padding: 0; 
margin: 0 0 0 115px;
}

#pubProduit .contenuTexte p {
font-family: "Trebuchet MS"; 
font-weight: bold; 
color: #115c84;
font-size: 1.2em !important; 
line-height: 1.3em !important;
}

#colBb p.ficheTechnique, #colBb p.devisGratuit {
width: 150px; 
height: 70px; 
margin-top: 15px;
}

#colBb p.ficheTechnique a {
width: 150px; 
height: 70px; 
display: block; 
text-indent: -150em; 
background: url(/global/images/bt_ficheTechnique.gif) no-repeat top left;
}

#colBb p.devisGratuit a {
width: 150px; 
height: 70px; 
display: block; 
text-indent: -150em; 
background: url(/global/images/bt_devisGratuit.gif) no-repeat top left;
}

/*= LES TABLES */

table {
width: 415px;
margin: 0; 
padding: 0;
}

table table {
border: none !important;
}

#cours table {
border-color: #669900;
}

table th {
background-color: #ebebeb;
}

table tr td {
padding: 2px;
}

table tr td p {
margin: 0;
}

table tr td a {
color: #666;
}

.references table ul li {
display: inline; 
margin-right: 5px;
}

#diaporama table {
width: 200px;
height: 200px;
}

/*= FORMULAIRE */

fieldset {
border: none;
}
 font.required {
color: #c20101;
}

#colBb ul {
margin: 0 0 10px 0px;
float: left;
}

#colBb ul li {
padding: 0 0 0 25px;
margin: 5px 0; 
color: #01bbe6 !important; 
}

#colBb ul li a {
font-family: "Trebuchet MS"; 
color: #01bbe6 !important; 
font-size: 1.1em !important;
}

.champsAsterix {
color: #c20101; 
width: 98%; 
float: left;
}

form table {
float: left;
}

td.field_title {
width: 200px;
float: left;
}

td input.textfield, td textarea.textarea, td select .select{
width: 200px;
}

input.bt_valid {
width: 80px !important;
float: left;

margin: 15px 0 0  50px;
}

p.field_line {
width: 98%;
clear: both;
 float: left;
}

label {
width: 155px; 
float: left; 
text-align: right; 
margin: 0 5px 0 5px;
}

input.field_radio {
float: left; 
width: 10px; 
border: none; 
margin: 0px 5px;
}

p input.textfield, p .select {
width: 160px; 
float: left;
}

p .textarea {
width: 210px;
height: 140px;
}
input.email {
width: 160px;
}
input#field10.textfield {
/* input telephone */
width: 120px;
}
input#field6.textfield {
/*input code postal*/
width: 40px;
}

input.valide {
width: 80px !important;
float: left;

margin: 15px 0 0  250px;
}

span.groupeCheckbox input {
margin: 0px 7px; 
float: left;
}

/*= ESPACE CLIENT */

#authentificationClient {
width: 475px; 
height: 140px; 
background: url(/global/images/bgAuthClient.gif) no-repeat top left; 
margin: 0 0 20px 0;
padding: 5px; 
position: relative;
}

#authentificationClient input {
width: 120px;
}

#validationConnexion {
width: 80px !important;
float: none;
margin: 0 185px;
}
p.obtenirMdp {
width: 98%;
float: left;
clear: both;
margin: 15px 0 0 0;
text-align: center;
}

p.obtenirMdp a {
font-family: "Trebuchet MS";
font-weight: bold;
margin: 0 auto; 
color: #01bbe6 !important; 
font-size: 1.3em !important;
}

/*= PLAN DU SITE */

ul.siteMap0 li {
	font-family: "Trebuchet MS";
	font-weight: bold;	
	list-style: none !important;
}
ul.siteMap0 li a {
	font-family: "Trebuchet MS";
	font-size: 1.6em;
	font-weight: bold;
	color: #005c84;	
}
ul.siteMap1 li{
	background: url(/global/images/siteMapN1.gif) no-repeat 0 6px;
	margin-left: 15px;
	padding-left: 18px;
	list-style: none;
}
ul.siteMap1 li a {
	font-family: "Trebuchet MS";
	font-size: 1.3em;
	font-weight: bold;
	color: #01bbe6;
}
ul.siteMap2 li {
	background: url(/global/images/siteMapN2.gif) no-repeat 0 6px;
	margin-left: 5px;
	padding-left: 18px;
	list-style: none;
}
ul.siteMap2 li a {
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: bold;
	color: #005c84;	
}
ul.siteMap3 ul li {
	background:  url(/global/images/siteMapN3.gif) no-repeat 0px 6px;
	list-style: none;
	padding-left: 18px;
	margin-left: 5px;
	}
ul.siteMap3 li a {
	font-size: 1.0em;
	font-weight: normal;
	color: #01bbe6;
}

ul.siteMap4 ul li {
	background: url(/global/images/siteMapN4.gif) no-repeat 0 6px;
	list-style: none;
	margin-left: 5px;
	padding-left: 18px;
	color: #005c84;	
	}
ul.siteMap4 li a {
	color: #5daedb;
	font-weight: normal;
}