/* DEFINITIONS GENERALE */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
#modal_overlay { background-color:#000; }
.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 */
/* FIN DEFINITIONS GENERALE */

html, body {
	font-size: 11px;
	line-height: 18px;
	font-family: Arial;
	color: #3d3d3d;  
}

blockquote {
  margin-left:20px;
}

/* LAYOUT */
#container {
  width:960px;
  margin: 0 auto 0 auto;
  position: relative;
  background: #e2e2e2 url(../images/tile.png) repeat-x 0 241px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}


#header {
  width: 100%;
  height: 241px;
  position: relative;
}

#containeracc {
  width:960px;
  margin: 0 auto 0 auto;
  position: relative;
  background: #e2e2e2 url(../images/tile.png) repeat-x 0 123px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

#headeracc {
  width: 100%;
  height: 123px;
  position: relative;
}

#content {
  width: 100%;
  position: relative;  
}

#partnercol {
  float: left;
  display: inline;
  position: relative;
  width: 210px;
  height: 500px;
  background: transparent url(../images/partenaires.png) no-repeat 10px 0;
}

div#partnercol div.textactu {
  margin-left: 0;
  width: auto;
}

#contentcol {
  float: left;
  display: inline;
  position: relative;
  width: 767px;
  border-right: 1px solid #dedede;
}

#menucol {
  float: left;
  display: inline;
  position: relative;
  width: 191px;
  border-left: 1px solid #dedede;
  margin-left: -1px;
}

#footer {
  width: 680px;
  height: 150px;
  position: relative;
  background: #fff url(../images/footer.png) no-repeat 0 0;
  margin-left: -1px;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  color: #dedede;
  padding: 10px 180px 0 110px;
  font-size: 10px;
}

#acc {
  position: relative;
  width: 539px;
  height: 345px;
  margin: 0 0 0 18px;
}

div.title {
  position: absolute;
  top: 60px;
  right: -1px;
  width: 205px;
  height: 70px;
  background: transparent url(../images/fondpicto.png) no-repeat 0 0;
  border-right: 1px solid #fff;
  z-index: 2;
}

div.title h1 {
  position: absolute;
  top: 15px;
  right: 85px;
  color: #888;
  font-family: Tahoma;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: bold;
  width: 110px;
  overflow: hidden;
}

#capnews {
  font-size: 15px;
  color: #777;
  font-weight: bold;
  height: 25px;
  margin: 20px 20px 0 20px;
  background: transparent url(../images/sep.png) no-repeat bottom right;
}
#capnnewsnav {
  margin: 5px 20px 0 20px;
}
#capnnewsnav a {
  float: left;
  display: inline;
  border: 1px solid #666;
  padding: 2px;
  width: 10px;
  height: 10px;
  font-size: 11px;
  color: #666;
  line-height: 10px;
  text-align: center;
  text-decoration: none;
  margin: 2px;
}
#capnnewsnav a:hover, #capnnewsnav a.sel {
  background-color: #99CC00;
  color: #fff;
  border: 1px solid #fff;
}
div.vignetteactu {
  float: left;
  display: inline;
  width: 102px;
  height: 95px;
  margin: 5px;
  padding: 8px 0 0 9px;
  background: transparent url(../images/vignetteactu.png) no-repeat 0 0;
}
.textactu {
	margin:0;
  width: 580px;
  float:left;
  display: inline;
}

div.zactu {
  height: 270px;
  overflow: auto;  
}

div.blocnews div.vignetteactu {
  margin: 0 10px 0 10px;
  float: left;
  display: inline;
}
.vignetteactutextactu {
	float: left;
}
div.blocnews h1 {
  font-size: 14px;
  font-weight: bold;
  font-family: Tahoma;
  color: #99CC00;
}

.vproduct {
  float:left;
  display: inline;
  width: 175px;
  height: 173px;
  background: transparent url(../images/vignetteprod.png) no-repeat 0 0;
  margin: 10px 20px 0 30px;
  position: relative;
  padding: 17px 0 0 19px;
}
.vproduct:hover {
  background: transparent url(../images/vignetteprodon.png) no-repeat 0 0;
}

.vproduct a {
  position: absolute;
  display: block;
  width: 194px;
  height: 190px;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background:transparent url(../images/blank.gif) repeat 0 0;
}

div.headermenu {
  position: absolute;
  top: 0;
  left: 128px;
  width: 800px;
  height: 37px;
  z-index: 20;
  padding: 0;
}
div.headermenu a {
  font-size: 13px;
  float: left;
  display: inline;
  width: 142px;
  height: 37px;
  overflow: hidden;
  margin: 0 0px 0 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0 0 15px;
}
a#m1 { background: transparent url(../images/menuh.png) no-repeat 0 0; }
a#m1:hover { background-position: 0 -37px; }
a#m2 { background: transparent url(../images/menuh.png) no-repeat -153px 0; }
a#m2:hover { background-position: -153px -74px; }
a#m3 { background: transparent url(../images/menuh.png) no-repeat -306px 0; }
a#m3:hover { background-position: -306px -111px; }
a#m4 { background: transparent url(../images/menuh.png) no-repeat -461px 0; }
a#m4:hover { background-position: -461px -148px; }

div.colmenu a {
  display: block;
  border-bottom: 1px dotted #888;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 5px 5px 20px;
  margin: 0 0 0 30px;
}
div.colmenu a:hover {
  background: transparent url(../images/main.gif) no-repeat 0 4px;
  padding-left: 20px;
}

a#linkmail {
  float: left;
  display: inline;
  width: 45px;
  height: 30px;
  background: transparent url(../images/mail.png) no-repeat 0 -2px;
}
a#linkmail:hover {
  background-position: 0 -37px;
}

a#linklock {
  float: left;
  display: inline;
  width: 44px;
  height: 30px;
  background: transparent url(../images/lock.png) no-repeat 0 -36px;
}
a#linklock:hover {
  background-position: 0 -2px;
}

div.colmenu2title {
  color: #888;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 4px solid #888;
  margin: 0 0 5px 30px;
  padding: 0 0 4px 0;
}

form#formsearch {
  background: transparent url(../images/fondmoteur.png) no-repeat 0 0;
  height: 34px;
  padding: 12px 0 0 20px;
}

a {
  text-decoration: underline;
  color: #0099CC;
}
a.bouton {
  background-color: #F77527;
  color: #0099CC;
  text-decoration: none;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 0 0 2px 20px;
  background: transparent url(../images/puce.gif) no-repeat 0 2px;
}
a.bouton:hover {
  background-position: 5px 2px;
}

a.services {
  display: block;
  background: transparent url(../images/capservices.png) no-repeat 0 0;
  width: 162px;
  height: 56px;
  margin: 0 0 0 20px;
  font-size: 13px;
  color: #888;
  line-height: 35px;
  font-family: Tahoma;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
a.services:hover {
  background-position: 0px -5px;
  line-height: 30px;
}

img.slideshowimage {
}

h1 {
  color: #1085C8;
  font-weight: bold;
  font-size: 16px;
  font-family: Arial;

}

h2 {
  color: #BCCC00;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial;
}

a.capbutton {
  float: left;
  width: 122px;
  height: 178px;
  margin-right: 12px;
}
a.capconf { background: transparent url(../images/capconfoff.jpg) no-repeat 0 0; }
a.capconf:hover { background-image: url(../images/capconfon.jpg); }
a.capphonie { background: transparent url(../images/capphonieoff.jpg) no-repeat 0 0; }
a.capphonie:hover { background-image: url(../images/capphonieon.jpg); }
a.capinfra { background: transparent url(../images/capinfraoff.jpg) no-repeat 0 0; }
a.capinfra:hover { background-image: url(../images/capinfraon.jpg); }
a.capmulti { background: transparent url(../images/capmultioff.jpg) no-repeat 0 0; }
a.capmulti:hover { background-image: url(../images/capmultion.jpg); }

a.ecodep {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 10px 10px 60px;
  text-decoration: none;
  float: right;
  width: 113px;
  height: 73px;
  background: transparent url(../images/ecodep.png) no-repeat 0 0;
}


#pg1 {
text-decoration:none;
font-size:10px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
#tagcloud {
background-color: #fff;
padding: 10px;
text-align: left;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
position: absolute;
top: 60px;
left: 0;
}
#tagcloud a {
text-decoration:none;
}
#tagcloud a:hover {
text-decoration:none;
background-color:#fff;
color:#aaa;
}
#pg1-1 {
color:#AA3406;
font-size: 16px;
}
#pg1-2 {
font-size: 14px;
color:#070089;
}
#pg1-3 {
font-size: 12px;
color:#BF2470;
}
#pg1-4 {
font-size: 10px;
color:#333333;
}
#pg1-5 {
font-size: 8px;
color:#333333;
}