@charset "utf-8";
/* CSS Document */



body{ margin:0; padding:0; text-align:left;}
body.bgAccueil{background:url(/img/body/bg-tonictech.png) #FFF top left repeat-x;}
body.bgPages{background:url(/img/body/bg-tonictech2.png) #FFF top left repeat-x;}
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFF; font-weight:200; margin:0;}
h2{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:15px; color:#0998d2;  margin:0;}
p{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; line-height:22px; color:#b9bbbf; margin:10px 0; text-align:justify;}

.clear{ clear:both;	}

#container{ width:900px; margin:0 auto; padding:0;}
#container #header{ width:900px; margin:0; padding:0;}
#container #header.bgAccueil{ height:427px; background:url(/img/header/bg-tonictech-header.png) top left no-repeat;}
#container #header.bgPages{ height:126px; background:url(/img/header/bg-tonictech-header2.png) top left no-repeat;}
#container #header #top{ width:900px; margin:0; padding:0;}
#container #header #top #topLeft{ width:366px; height:70px; margin:0; padding:0; float:left; padding:37px 0 0 27px;}
#container #header #top #topLeft a img{ border:0;}
#container #header #top #topRight{width:507px; height:107px; margin:0; padding:0; float:right;}
#container #header #top #topRight ul{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; float:left;}
#container #header #top #topRight ul li{ width:101px; height:107px; margin:0; padding:0; text-align:center; float:left; list-style-type:none; text-transform:uppercase; line-height:123px; }
#container #header #top #topRight ul li#nav-accueil a{ background:url(/img/header/menu/btn-accueil.png) top center no-repeat; text-decoration:none; color:#004c6d; display:block; padding:0;}
#container #header #top #topRight ul li#nav-accueil a:hover{ background:url(/img/header/menu/btn-accueil-hover.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-accueil.actif{ background:url(/img/header/menu/btn-accueil-actif.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-nous a{ background:url(/img/header/menu/btn-nous-hover.png) top center no-repeat; text-decoration:none; color:#004c6d; line-height:123px; display:block; padding:0;}
#container #header #top #topRight ul li#nav-nous a:hover{ background:url(/img/header/menu/btn-nous.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-nous.actif{ background:url(/img/header/menu/btn-nous-actif.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-services a{background:url(/img/header/menu/btn-services-hover.png) top center no-repeat; text-decoration:none; color:#004c6d; line-height:123px; display:block; padding:0;}
#container #header #top #topRight ul li#nav-services a:hover{ background:url(/img/header/menu/btn-services.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-services.actif{ background:url(/img/header/menu/btn-services-actif.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-realisations a{background:url(/img/header/menu/btn-realisations-hover.png) top center no-repeat; text-decoration:none; color:#004c6d; line-height:123px; display:block; padding:0;}
#container #header #top #topRight ul li#nav-realisations a:hover{ background:url(/img/header/menu/btn-realisations.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-realisations.actif{ background:url(/img/header/menu/btn-realisations-actif.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-opportunites a{ width:103px; background:url(/img/header/menu/btn-opportunites-hover.png) top center no-repeat; text-decoration:none; color:#004c6d; line-height:123px; display:block; padding:0;}
#container #header #top #topRight ul li#nav-opportunites a:hover{ width:103px;background:url(/img/header/menu/btn-opportunites.png) top left no-repeat;}
#container #header #top #topRight ul li#nav-opportunites.actif{ width:103px;background:url(/img/header/menu/btn-opportunites-actif.png) top left no-repeat;}


#container #header #bottom{ width:900px; margin:0; padding:0;}
#container #header #bottom #bottomLeft{ width:474px; height:160px; margin:0; padding:150px 10px 10px 10px; float:left; }
#container #header #bottom #bottomLeft ul{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:0;}
#container #header #bottom #bottomLeft ul li{ background:url(/img/header/puce-arrow.png) 0 7px no-repeat; margin:0; padding:0 0 10px 20px; color:#FFF; list-style-type:none;}
#container #header #bottom #bottomRight{width:406px; height:320px; margin:0; padding:0; float:right;}

#container #contenu{ width:900px; margin:0; padding:0;}
#container #contenu #titreContenu{ width:900px; height:37px; background:url(/img/contenu/bg-titre.png) top left no-repeat; margin:0; padding:0;}
#container #contenu #titreContenu h1{ font-family:"Georgia", "Arial", "sans-serif"; display:inline-block; font-size:24px; background:#004c6d; padding:4px 15px;}
#container #contenu #contenuLeft {width:270px; height:500px; float:left; padding:0; margin:0;}
#container #contenu #contenuLeft.pages {width:300px; padding-top:47px; margin:0;}
#container #contenu #contenuLeft.pages h1 {font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:45px; color:#00adee; margin:10px 0; text-align:left; border-bottom:1px solid #004c6d;}
#container #contenu #contenuLeft.pages h2 {font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:16px; color:#004c6d; margin:10px 0; text-align:left;}
#container #contenu #contenuLeft.pages ul{ padding:0;  margin:0;}
#container #contenu #contenuLeft.pages ul li{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:0; margin:0px 0 0 0; text-align:left; list-style-type:none;}
#container #contenu #contenuLeft.pages ul li a{color:#000; text-decoration:none;}
#container #contenu #contenuLeft.pages ul li a:hover{color:#00adee; text-decoration:underline;}
#container #contenu #contenuRight {width:630px; float:right; padding:0; margin:0; }
#container #contenu #contenuRight.pages {width:582px; padding-top:56px; margin-left:5px; margin-top:0px; vertical-align:top;}
#container #contenu #contenuRight.pages #titre {width:582px; height:52px; background:url(/img/contenu/bg-titre-pages.png) top left repeat-x;}
#container #contenu #contenuRight.pages #titre #titreLeft {width:340px; height:52px; float:left; padding:0 0 0 10px; margin:0;}
#container #contenu #contenuRight.pages #titre #titreLeft h3 {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:22px; color:#949494; line-height:52px; font-weight:bold; margin:0; padding:0;}
#container #contenu #contenuRight.pages #titre #titreRight {width:222px; height:52px; float:right; padding:0 10px 0 0; margin:0; text-align:right;}
#container #contenu #contenuRight.pages #titre #titreRight h3 {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:22px; color:#949494; line-height:52px; font-weight:bold; margin:0; padding:0;}
#container #contenu #contenuRight.pages #viewer {width:582px; height:300px; padding:0; margin-top:5px;}
#container #contenu #contenuRight.pages #infos {width:582px; padding:0; margin-top:5px;}
#container #contenu #contenuRight.pages #infos h4 {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#2d2d2d; line-height:14px; font-weight:bold; margin:0; padding:0;}
#container #contenu #contenuRight.pages #infos p {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#00adee; line-height:15px; margin:0; padding:0;}
#container #contenu #contenuRight p{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#000; margin:10px 0; text-align:justify;}
#container #contenu #contenuRight ul{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:0;}
#container #contenu #contenuRight ul li{ background:url(/img/contenu/puce-arrow-blue.png) 0 7px no-repeat; margin:0; padding:0 0 10px 20px; color:#000; list-style-type:none;}
#container #contenu #contenuRight a{color:#000; text-decoration:none;}
#container #contenu #contenuRight a:hover{color:#00adee; text-decoration:underline;}


#container #contenu #contenuFull {width:900px; float:right; padding:0; margin:0;}
#container #contenu #contenuFull.pages {width:900px; padding-top:56px; margin-left:5px;}
#container #contenu #contenuFull.pages #titre {width:582px; height:52px; background:url(/img/contenu/bg-titre-pages.png) top left repeat-x;}
#container #contenu #contenuFull.pages #titre #titreLeft {width:340px; height:52px; float:left; padding:0 0 0 10px; margin:0;}
#container #contenu #contenuFull.pages #titre #titreLeft h3 {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:22px; color:#949494; line-height:52px; font-weight:bold; margin:0; padding:0;}
#container #contenu #contenuFull.pages #titre #titreRight {width:222px; height:52px; float:right; padding:0 10px 0 0; margin:0; text-align:right;}
#container #contenu #contenuFull.pages #titre #titreRight h3 {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:22px; color:#949494; line-height:52px; font-weight:bold; margin:0; padding:0;}
#container #contenu #contenuFull.pages #viewer {width:582px; height:300px; padding:0; margin-top:5px;}
#container #contenu #contenuFull.pages #infos {width:582px; padding:0; margin-top:5px;}
#container #contenu #contenuFull.pages #infos h4 {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#2d2d2d; line-height:14px; font-weight:bold; margin:0; padding:0;}
#container #contenu #contenuFull.pages #infos p {font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#00adee; line-height:15px; margin:0; padding:0;}
#container #contenu #contenuFull.pages h1 {font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:45px; color:#00adee; margin:10px 0; text-align:left; border-bottom:1px solid #004c6d;}
#container #contenu #contenuFull.pages h2 {font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size:16px; color:#004c6d; margin:10px 0; text-align:left;}
#container #contenu #contenuFull p{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; color:#000; margin:10px 0; text-align:justify;}
#container #contenu #contenuFull ul{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:0;}
#container #contenu #contenuFull ul li{ background:url(/img/contenu/puce-arrow-blue.png) 0 7px no-repeat; margin:0; padding:0 0 10px 20px; color:#000; list-style-type:none;}
#container #contenu #contenuFull a{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; color:grey; border:0; margin-top:6px; font-weight:bold;}
#container #contenu #contenuFull a:hover{color:#00adee;}

#containerFooter{ display:block; height:300px; margin:0; padding:0; text-align:left; background:url(/img/footer/bg-footer.png) #FFF top left repeat-x;}
#containerFooter #footer{ width:900px; margin:0 auto; padding:0; border-bottom:1px solid #004d6d;}
#containerFooter #footer #titreFooter{ width:900px; height:37px; margin:0; padding:0;}
#containerFooter #footer #titreFooter h1{ font-family:"Georgia", "Arial", "sans-serif"; display:inline-block; font-size:24px; background:#004c6d; padding:4px 15px; }
#containerFooter #footer #boxContenu{ width:900px; margin:0; padding:0;}
#containerFooter #footer #boxContenu #box1{ width:313px; float:left; margin:0; padding:20px 0 0 0;}
#containerFooter #footer #boxContenu #box1 h1{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; border-bottom:1px solid #004d6d; color:#00adee; font-weight:bold;}
#containerFooter #footer #boxContenu #box1 ul{ padding:0;}
#containerFooter #footer #boxContenu #box1 ul li{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:0; margin:10px 0 0 0; text-align:left; list-style-type:none;}
#containerFooter #footer #boxContenu #box1 ul li a{color:#000; text-decoration:none;}
#containerFooter #footer #boxContenu #box1 ul li a:hover{color:#00adee; text-decoration:underline;}

#containerFooter #footer #boxContenu #box2{ width:172px; float:left; margin:0 20px; padding:20px 0 0 0;}
#containerFooter #footer #boxContenu #box2 h1{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; border-bottom:1px solid #004d6d; color:#00adee; font-weight:bold;}
#containerFooter #footer #boxContenu #box2 ul{ padding:0;}
#containerFooter #footer #boxContenu #box2 ul li#nav-facebook{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000; padding:0; margin:10px 0 0 0; text-align:left; list-style-type:none;}
#containerFooter #footer #boxContenu #box2 ul li#nav-facebook a{ display:block; height:29px; background:url(/img/footer/facebook.png) top left no-repeat; padding-left:35px; color:#707070; text-decoration:none; line-height:29px; font-weight:bold;}
#containerFooter #footer #boxContenu #box2 ul li#nav-facebook a:hover{color:#00adee; text-decoration:underline;}
#containerFooter #footer #boxContenu #box2 ul li#nav-twitter{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000; padding:0; margin:10px 0 0 0; text-align:left; list-style-type:none;}
#containerFooter #footer #boxContenu #box2 ul li#nav-twitter a{ display:block; height:29px; background:url(/img/footer/twitter.png) top left no-repeat; padding-left:35px; color:#707070; text-decoration:none; line-height:29px; font-weight:bold;}
#containerFooter #footer #boxContenu #box2 ul li#nav-twitter a:hover{color:#00adee; text-decoration:underline;}
#containerFooter #footer #boxContenu #box2 ul li#nav-fluxrss{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000; padding:0; margin:10px 0 0 0; text-align:left; list-style-type:none;}
#containerFooter #footer #boxContenu #box2 ul li#nav-fluxrss a{ display:block; height:29px; background:url(/img/footer/fluxrss.png) top left no-repeat; padding-left:35px; color:#707070; text-decoration:none; line-height:29px; font-weight:bold;}
#containerFooter #footer #boxContenu #box2 ul li#nav-fluxrss a:hover{color:#00adee; text-decoration:underline;}

#containerFooter #footer #boxContenu #box3{ width:375px; float:left; padding:20px 0 0 0;}
#containerFooter #footer #boxContenu #box3 h1{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; border-bottom:1px solid #004d6d; color:#00adee; font-weight:bold;}
#containerFooter #footer #boxContenu #box3 #boxPhone{ width:375px; margin:0; padding:0; border-bottom:1px solid #004d6d; float:left;}
#containerFooter #footer #boxContenu #box3 #boxPhone #phone1{ width:187px; height:55px; margin:0; padding:0; float:left; text-align:center;}
#containerFooter #footer #boxContenu #box3 #boxPhone #phone1 h1{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#707070; border:0; margin-top:6px;}
#containerFooter #footer #boxContenu #box3 #boxPhone #phone1 h2{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#00adee;}
#containerFooter #footer #boxContenu #box3 #boxPhone #phone2{ width:188px; height:55px; margin:0; padding:0; float:right; text-align:center;}
#containerFooter #footer #boxContenu #box3 #boxPhone #phone2 h1{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#707070; border:0; margin-top:6px;}
#containerFooter #footer #boxContenu #box3 #boxPhone #phone2 h2{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#00adee;}

#containerFooter #footer #boxContenu #box3 #boxMailing{width:375px; height:85px; margin:0; padding:0; float:left;}
#containerFooter #footer #boxContenu #box3 #boxMailing p{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:30px; padding:0; margin:0; text-align:center; }
#containerFooter #footer #boxContenu #box3 #boxMailing{ width:375px; margin:0; padding:0; float:left;}
#containerFooter #footer #boxContenu #box3 #boxMailing #mail1{ width:300px; height:35px; margin:0; padding:0; float:left; text-align:center;}
#containerFooter #footer #boxContenu #box3 #boxMailing #mail2{ width:75px; height:35px; margin:0; padding:0; float:left;}
#containerFooter #footer #boxContenu #box3 #boxMailing #mail2 a{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; color:#707070; border:0; margin-top:6px; font-weight:bold;}
#containerFooter #footer #boxContenu #box3 #boxMailing #mail2 a:hover{color:#00adee;}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */