/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com
   Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
  margin: 0;
  padding: 0;
  font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
  margin: 1em 0;
  padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
  margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
  cursor: pointer;
}
fieldset {
  border: none;
}
input, select, textarea {
  font-size: 100%;
  font-family: inherit;
}
/* restes de l'ancien theme en attendant mieux... */
.img-float-right {
  display:inline;
  float:right;
  margin:0 0 10px 10px;
  border:0;
}
.right {
  float: right;
  padding-left:10px;
}
#Page ul {
  list-style-type:none;
}
#Content ul li,
#LargeContent ul li{
  padding-left: 10px;
  background:transparent url(img/puce_carre.gif) no-repeat scroll left 5px;
}
#links ul {
  background: url(img/img04.gif) repeat-x left bottom; width: 240px;margin:30px auto;
}
#links li {
  padding:0;
  background: url(img/img04.gif) repeat-x left top;
  text-align:left;
}
#links a {
  display: block;
  padding: 5px 0 5px 15px;
  background: url(img/puce01.png) no-repeat left center;
  color: #0078ff;
  font-weight:bold;
  text-align:left;
  font-size:14px;
  line-height:14px;
}
#links a:hover {
  background: #80b3ff;
  color: #fff;
  text-decoration:none;
}
#Content .plan-du-site {
  margin-left:30px;
}
#Content .plan-du-site li {
  padding:5px 0 0 15px;
  background: url(img/puce01.png) no-repeat left 8px;
}
#Content .plan-du-site ul {
  margin:0;
}
#Content .plan-du-site ul li {
  padding: 2px 0 2px 10px;
  margin-left:20px;
  background: url(img/puce_carre.gif) no-repeat left center;
}
.references-page-lien {
  clear:both;
  margin:5px;
}
.references-page-lien img {

  border:0;
  margin:0 1px 1px 0;
}
#Page .reference-img{
  float:left;
}
#Page .reference-infos {
  float:left;
  padding:0 0 0 10px;
  width:424px;
}
#Page .reference-infos h2{
  margin-bottom:5px;
}
#Page .reference-infos p {
  margin:0;
}
.references-page-lien a:hover img {
  margin:1px 0 0 1px;
}
.referencesNomVille{
  clear:both;
  display:block;
  border-bottom:1px solid black;
  padding:20px 0 0 0;
}


.formulaire div {
  clear:left;
  padding:2px 0;
}
.formulaire div label {
  width:200px;
  display:block;
  float:left;
  text-align:right;
}
.formulaire div input {
  float:left;
  width:220px;
}
.formulaire .submit{
  text-align:left;
  padding-left:230px;
}
.formulaire .submit input{
  float:none;
  width:120px;
}
.formulaire .required {
  color:#ff0000;
  float:left;
  padding:0 10px;
  width:10px;
}

.submit {
  padding:10px 200px;
}
.submit input {
  float:none;
}

/* Design of creation-oueb.fr */
html, body, form {
  height:100%;
}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; color:#fff; }
img {
  border:none;
}
body {
  background-color:#FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  margin:0;
  padding:0;
  color: #444;
}
p {
  margin:10px 0;
}
a {
  text-decoration: none;
  color: #0078ff;
}
a:hover {
  text-decoration: underline;
  color: #ff6600;
  border:0;
}
#Body {
  background:#ffffff url(img/bg_body.png) repeat-x scroll left top;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -54px; /* the bottom margin is the negative value of the footer's height */
}
#Site {
  background:#ffffff url(img/bg_site.png) no-repeat scroll left top;
  width:1024px;
  margin:0 auto;
  position:relative;
}
#Header {
  width:1024px;
  height:348px;
}
#Header h1, #Header h2 {
  display:none;
}
#Menu {
  position:absolute;
  top:51px;
  left:312px;
  width:691px;
  height:34px;
}
#Menu * {
  z-index:100;
}
#Menu ul {
  padding:0;
  margin:0;
}
#Menu ul li {
  float:left;
}
#Menu li li {
  float:none;
}
#Menu li {
  list-style-type: none;
  position: relative;
  display: block;
  margin:0;
}
#Menu li a,
#Menu li a:visited,
#Menu li a:hover,
#Menu li:hover a,
#Menu li.sfhover a {
  display:block;
  padding:0;
  margin:0px;
  height:34px;
}
#Menu li a span {
  display:none;
}

#Menu li a.MenuAccueil {
  width:141px;
  background:transparent url(img/menu.png) no-repeat scroll 0 0;
}
#Menu li a:hover.MenuAccueil { background:transparent url(img/menu.png) no-repeat scroll 0 -34px; }
#Menu li a.MenuSociete {
  width:125px;
  background:transparent url(img/menu.png) no-repeat scroll -141px 0;
}
#Menu li a:hover.MenuSociete, #Menu li:hover a.MenuSociete, #Menu li.sfhover a.MenuSociete
{ background:transparent url(img/menu.png) no-repeat scroll -141px -34px; }


#Menu li a.MenuOffres {
  width:122px;
  background: url(img/menu.png) no-repeat scroll -266px 0;
}
#Menu li a:hover.MenuOffres, #Menu li:hover a.MenuOffres, #Menu li.sfhover a.MenuOffres
{ background: url(img/menu.png) no-repeat scroll -266px -34px; }

#Menu li a.MenuReferences {
  width:162px;
  background:transparent url(img/menu.png) no-repeat scroll -388px 0;
}
#Menu li a:hover.MenuReferences, #Menu li:hover a.MenuReferences, #Menu li.sfhover a.MenuReferences
{ background:transparent url(img/menu.png) no-repeat scroll -388px -34px; }
#Menu li a.MenuContact {
  width:141px;
  background:transparent url(img/menu.png) no-repeat scroll -550px 0;
}
#Menu li a:hover.MenuContact, #Menu li:hover a.MenuContact, #Menu li.sfhover a.MenuContact
{ background:transparent url(img/menu.png) no-repeat scroll -550px -34px; }
#Menu ul ul {
  display: none;
  position: absolute;
  left:-50px; top:34px;
  margin:0; padding:0 50px 50px 50px;
  z-index:101;
}
#Menu li li {
  margin:0; padding:0;
  height:26px;
}
#Menu li li a,
#Menu li li a:visited,
#Menu li li a:hover{
  display:block;
  width:216px;
  height:26px !important;
  color:#fff;
  background:#f60;
  text-decoration:none;
  text-align:left;
  vertical-align: middle;
  font:normal 16px/26px Verdana, Arial, Helvetica, sans-serif !important;
  padding:0;
  margin:0;
  border-top:1px solid #fff;
}
#Menu li li a:hover {
  color:#f60;
  background:#fff;
}
#Menu li li a.last{
  border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -khtml-border-radius:0px 0px 6px 6px;
}
#Menu li li a span{
  display:block;
  margin:0;
  padding:0 0 0 10px;
  height:26px;
}
#Menu ul li:hover ul,
#Menu ul li.sfhover ul {
  display: block;
  width:216px; height:26px;
}
#Page {
  width:1024px;
  padding:0 0 20px 0;
  margin:0;
}
#Page h1 {
  margin-top:0;
  color:#a00;
  font:bold 26px/28px Verdana, Arial, Helvetica, sans-serif;
  font-style:italic;
  letter-spacing:-1px;
}
#Page h2 {
  color:#444;
  font:normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
  margin:18px 0;
  letter-spacing:1px;
}
#Page p {
  color:#444;
  font:normal 14px/21px Verdana, Arial, Helvetica, sans-serif;
  margin:14px 0;
}
#SideBar {
  width:300px;
  padding:0 10px;
  float:left;
  text-align:center;
}
.ContactSideBar {
  padding:0;margin:10px auto;
  width:280px;
  background:url(img/fond_contact_sidebar.png) no-repeat scroll left top;
}
.ContactSideBar span {
  display:block;
  width:260px;
  padding:10px;
  color:#333;
  font-size:16px;
  font-weight:bold;
  text-align:left;
}
.ContactSideBar b {
  display:block;
  width:260px;
  padding:0 10px 10px 10px;
  color:#a00;
  font-size:26px;
  line-height:26px;
  font-weight:normal;
  font-style:italic;
  text-align:right;

}
#Content {
  width:680px;
  padding:0 16px 10px 0;
  float:left;
  z-index:50;
}
#LargeContent {
  width:984px;
  padding:0 20px;
  z-index:50;
}
.is4ref {
  display:none;
}
.CombleVide {
  height:100px;
}
/* Sticky Footer by Ryan Fait : http://ryanfait.com/ */
#Footer, #Push {
	height: 54px; /* .push must be the same height as .footer */
}
#Footer {
  background-color:#a00;
  width:100%;
  color:#fff;
}
#Footer p {
  font-size:15px;
  font-weight:bold;
  padding:5px;
  margin:0;
  text-align:center;
}
#Footer strong {
  display:block;
  font-size:12px;
  margin:0;
  text-align:center;
  color:#ddd;
}
#Footer strong a,
#Footer strong a:visited {
  color:#ddd;
  border-bottom:1px solid #ddd;
  text-decoration:none;
}
#Footer strong a:hover {
  color:#fff;
  text-decoration:none;
}
.infos-liberte {
  clear:both;
  font-size:.8em;
  width:80%;
  padding:10px 0;
}
.RssAccueil {
  width:320px;
  float:left;
  padding-right:20px;
}
.RssAccueil h2 {
  border-bottom:1px solid #444;
}
.rss-box {
  width:320px;
}
.rss-box h3 {
  margin:20px 0 0 0;
  color:#a00;
}
.rss-box h4 {
  margin:0;
  font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
  color:#444;
  text-align:right;
}
.rss-box p {
  clear:both;
  margin:0;
}
.rss-box p a {
  text-align:right;
  font-size:12px;
}
#faq_accordion {
  margin: 18px 0;
}
#Page .accordion_toggle {
  display: block;
  height: 30px;
  width: 660px;
  background:#72b5ff url(img/accordion_toggle.png) no-repeat top right;
  padding: 0 10px 0 10px;
  line-height: 30px;
  color: #ffffff;
  text-decoration: none;
  outline: none;
  font:normal 14px/30px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  margin: 0;
  letter-spacing:0;
}
#Page .accordion_toggle_active {
  background: #aa0000 url(img/accordion_toggle_active.png) no-repeat top right;
  color: #ffffff;
}
#Page .accordion_content {
  background-color: #f0f0f0;
  color: #444444;
  overflow: hidden;
  padding:0 10px 10px 10px;
  margin: 0;
}
#Page .accordion_content h3 {
  padding:10px 0 0 0;
  margin:0;
  font:bold 16px/16px Verdana, Arial, Helvetica, sans-serif;
  color:#cc0000;
 }
#Page .accordion_content p {
  padding:10px 0 0 0;
  margin:0;
  font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
 }
#Page .accordion_content ul {
  list-style-type:none;
  margin: 0;
}
#Page .accordion_content li {
  font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background:transparent url(img/puce_carre.gif) no-repeat scroll left 7px;
}
#Page #PackAboImgPrix {
  float:right; padding:10px 25px 0 20px;
}
.doc-pdf { margin:10px auto; width:380px; height:63px; font-size:1.1em; }
.doc-pdf td a { margin: 0; padding: 0; }
#FlashContent { width:680px; height:420px; }
#ToutesOffres {

}
#ToutesOffres li
{ display:block;width:226px;height:200px;padding:0 !important;margin:0;float:left;list-style-type:none;background:none !important; }
#ToutesOffres li a { display:block;width:226px;height:200px;padding:0;margin:0; }
#ToutesOffres li a span { display:none; }
#ToutesOffres:hover li a.TtesOffresPack
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll 0 0; }
#ToutesOffres li a.TtesOffresPack, #ToutesOffres li a.TtesOffresPack:hover
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll 0 -400px; }
#ToutesOffres:hover li a.TtesOffresMesure
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -227px 0; }
#ToutesOffres li a.TtesOffresMesure, #ToutesOffres li a.TtesOffresMesure:hover
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -227px -400px; }
#ToutesOffres:hover li a.TtesOffresDev
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -454px 0; }
#ToutesOffres li a.TtesOffresDev, #ToutesOffres li a.TtesOffresDev:hover
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -454px -400px; }
#ToutesOffres:hover li a.TtesOffresVideoSite
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll 0 -200px; }
#ToutesOffres li a.TtesOffresVideoSite, #ToutesOffres li a.TtesOffresVideoSite:hover
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll 0 -600px; }
#ToutesOffres:hover li a.TtesOffresReferencmt
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -227px -200px; }
#ToutesOffres li a.TtesOffresReferencmt, #ToutesOffres li a.TtesOffresReferencmt:hover
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -227px -600px; }
#ToutesOffres:hover li a.TtesOffresHeberg
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -454px -200px; }
#ToutesOffres li a.TtesOffresHeberg, #ToutesOffres li a.TtesOffresHeberg:hover
{ background:transparent url(img/toutes_nos_offres.jpg) no-repeat scroll -454px -600px; }

#Page .emploiOffre {
  border:1px solid #0078FF;
  padding:20px;
  overflow:auto;
}
#Page .emploiOffre h2 {
  border-bottom:2px solid #bbb;
  margin:0 0 10px 0;
  padding:0;
  color:#a00;
}
#Page .emploiOffre p {
  margin:8px 0;
}
#Page .emploiOffre .emploiOffreLeft {
  float:left;
  clear:both;
  width:230px;
  text-align:right;
  color:#333;
  padding-right:8px;
}

#Page .emploiOffre .emploiOffreRight {
  float:left;
  width:400px;
}
#Page #EmploiOffreForm {
  padding:0;
  color:#fff;
}
#Page #EmploiOffreFormConteneur {
  padding:0 50px 20px 50px;
}
#Page .EmploiOffreForm {
 background:#0057ba url(img/fond_form_emplois.png) no-repeat scroll left top;
}
#Page .EmploiOffreForm h2 {
 color:#fff;
 padding:8px;
 margin:0;
 font-weight:bold;
 text-align:right;
 border-bottom:1px solid #fff;
}
#Page .EmploiOffreForm p {
 color:#fff;
 padding:8px;
 margin:0;
}
#Page .EmploiOffreForm p small {
 color:#ff0;
 text-align:right;
 width:100%;
 display:block;
 font-style:italic;
}
#Page .EmploiOffreForm div {
  clear:both;
  padding:4px 0;
  width:470px;
  margin:0 auto;
}
#Page .EmploiOffreForm label {
 font-size:12px;
 width:140px;
 display:block;
 float:left;
 text-align:left;
}
#Page .EmploiOffreForm  textarea,
#Page .EmploiOffreForm input {
  font-size:12px;
  width:300px;
  border:1px solid #aaa;
  padding:2px;
  text-align:left;
  background:#fff;
}
#Page .EmploiOffreForm  textarea.InputError,
#Page .EmploiOffreForm input.InputError,
#Page .EmploiOffreForm select.InputError {
  border:1px solid #f00;
  background:#faa;
}
#Page .EmploiOffreForm select {
  font-size:12px;
  width:300px;
  border:1px solid #aaa;
  padding:2px;
  text-align:left;
}
#Page .EmploiOffreForm .submit {
  text-align:center;
  padding:15px;
}
#Page .EmploiOffreForm .submit input {
  width:auto;
  border:1px solid #0078FF;
  cursor:pointer !important;
  color:#0078FF;
  background:#fff;
  font-size:14px;
  padding:2px 10px;
  outline:none;
}
#Page .EmploiOffreForm .submit #SendBusy {
  padding:1px 10px 2px 10px;
  font-size:14px;
  color:#fff;
  display:block;
}
#Page .EmploiOffreForm .submit #SendBusy img {
  vertical-align:middle;
}
#Page .EmploiOffreForm .submit input:hover {
  color:#f60;
  border:1px solid #f60;
}
#Page .EmploiOffreForm .required {
  color:#ff0;
  width:10px;
  float:left;
}
#Page .EmploiOffreForm p.EmploiOffreFormError {
  color:#ff0;
}
#EmploiOffreFormBtn {
  outline:none;
}
#Page .EmploiOffreForm .fileUpload img {
  float:left;
}
#Page .EmploiOffreForm .fileUpload input {
  width:auto;
  float:left;
}
.accessibility {
  left:-9999em;
  position:absolute;
}
#Page .actualite {
  padding:0;margin:10px auto;
  width:280px;
  background:url(img/bg_contact_fond.png) repeat-y scroll left bottom;
}
#Page .actualite h3 {
  background:url(img/bg_contact_top2.png) no-repeat scroll left top;
  color:#a00;
  padding-top:10px;
  margin:0;
}
#Page .actualite div {
  padding:10px 10px;
}
#Page .actualite p {
  text-align:left;
  padding:0;
  margin:0;
}
#Page .actualite span {
  color:#999;
  font-size:80%;
}

#Page .actualite .bottom {
  height: 62px;
  background:url(img/bg_contact_bottom2.png) no-repeat scroll left bottom;
  padding-top:0px;
}

#Page .livreOr {
  padding:0;margin:10px auto;
  width:280px;
  background:url(img/bg_livre_or_fond2.png) repeat-y scroll left bottom;
}
#Page .livreOr h3 {
  background:url(img/bg_livre_or_top2.png) no-repeat scroll left top;
  color:#a00;
  padding-top:10px;
}
#Page .livreOr div {
  padding:10px 10px;
}
#Page .livreOr p {
  text-align:left;
  padding:10px;
  margin:0;
}
#Page .livreOr span {
  color:#999;
  font-size:80%;
}
#Page .livreOr .bottom {
  height: 60px;
  background:url(img/bg_livre_or_bottom2.png) no-repeat scroll left bottom;
  padding-top:0px;
}
.titrePackPrivilege {
 clear:both;text-align:center;color:#aa0000;font-size:18px;
}
#Page ol {
  margin-left:20px;
}
#Page ol li {
  margin:5px 0;
}
.planGoogleMapPackVille {
  padding:10px 0;
}