/* style  */            
/* Inov'strategie style */           


BODY{
  text-align: center;
  color: #767676;
  font-family: "verdana", Arial, Geneva, Helvetica, sans-serif;
  margin: 0;
}

.site {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
#content {
  position: relative;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.floatleft{
  float: left;
}
img.right {
  float: right;
  clear: right;
  margin-left: 15px;
}
.clearboth{
  clear:both;
}
.clearleft{
  clear:left;
}
.clearright{
  clear:right;
}

.list-emploi,.list-formation{
  background-color: #EAE9E9;
  width: 100%;
  margin-bottom: 5px;
}
.list, .emploi, .formation, .managers{
  position:relative;
  background: url(imgs/P-list.gif) no-repeat 0 4px;
  margin-left: 20px;  
  padding-left: 20px;
  font-size: 11px;
}
.managers{
  background-color: #EAE9E9;
  margin-bottom: 5px;
}
.sslist{
  position:relative;
  background: url(imgs/P-sslist.gif) no-repeat 0 5px;
  margin-left: 40px;  
  padding-left: 10px;
  font-size: 10px;
}
.emploi, .formation{
  margin-left: 0px;
  background-position: 5px 5px;
  line-height: 17px;
  padding-right: 5px;
}
.emploi{
  width: 480px;
}
.dep{
  float: right;
  line-height: 17px;
  padding-right: 5px;
  padding-left: 20px;
  background-color: #EAE9E9;
}

.titre {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #7A6EAC;
  margin-bottom: 10px;
  width: 100%;
  color: #7A6EAC;
}
.titre a:link,.titre a:visited,.titre a:active {
  color: #7A6EAC;
  text-decoration: none;
}
.titre a:hover {
  color: #767676;
  text-decoration: none;
}
.sstitre{
  position: relative;
  text-align: left;
  line-height: 15px;
  font-size: 11px;
  border-bottom: 1px solid #A6A8AA;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}
.gras{
  font-weight: bold;
}
.supp{
  font-size: 8px;
}
a:link,a:visited,a:active{
  color: 7A6EAC;
  text-decoration: underline;
}
a:hover{
  color: 7A6EAC;
  text-decoration: none;
}
.text{
  font-size: 11px;
  text-align: justify;
  padding-bottom: 10px;
}
.sign{
  font-size: 11px;
  color: #7A6EAC;
}
.cibletitre{
  position: relative;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  padding-top: 15px;
  margin-bottom: 15px;
  color: #7A6EAC;
  border-bottom: 1px solid #7A6EAC;
  margin-left: 55px;
}
.majortext{
  font-size:12px;
  font-weight: bold;
  padding-bottom: 20px;
  text-align: justify;
}
.mention{
  font-size: 10px;
  border-top: 1px solid #A6A8AA;
  text-align: justify;
  margin-bottom: 15px;
}

.ENTETE{
  position: relative;
  background: url(imgs/BG-entete.gif) repeat-x;
  height: 210px;
}

#POPUP .ENTETE{
  position: relative;
  background: url(imgs/PU-bandeau.jpg) no-repeat;
  height: 132px;
}

.MENU {
  position: absolute;
  background: url(imgs/BG-menu.gif) repeat-x;
  height: 21px;
  width: 100%; /* correction pour Opera */
  left: 0;
  top: 190px;
  border-top: #FFF 1px solid;
  z-index:2;
}
#POPUP .MENU{
  top: 132px;
  border-top: #FFF 1px solid;
}

.MENU #content {
  position: relative;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.MENU .ITEMS {
  position: relative;
  width: 500px;
}

.MENU dl, .MENU dt, .MENU dd, .MENU ul, .MENU li {
margin: 0;
padding: 0;
list-style-type: none;
}

.MENU dl {
  float: left;
  text-align: left;
}
.MENU dl.marge {
  float: left;
  width: 300px;
}
.MENU dt {
  background: url(imgs/P-menu-haut.gif) no-repeat 0 2px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 30px;
  color: #D7D1E6;
  width: 175px;
  cursor: pointer;
}
#POPUP .MENU dt {
  cursor: auto;
  margin-left: 10px;
  width: 400px;
}
.MENU dt a {
  color: #D7D1E6;
  text-decoration: none;
}
.MENU dt a:hover, .MENU dt a:focus {
  color: #FFF;
  text-decoration: none;
}
.MENU dd {
display: none;
margin-top: 5px;
border: #7A6EAC 1px solid;
width: 170px;
}
.MENU li, .MENU li.large {
text-align: center;
background: #7A6EAC;
line-height: 20px;
color: #FFF;
font-size: 12px;
border-bottom: #D7D1E6 1px solid;
}
.MENU li.large {
line-height: 15px;
}
.MENU li a:link,.MENU li a:visited,.MENU li a:active,.MENU li.large a:link,.MENU li.large a:visited,.MENU li.large a:active{
text-decoration: none;
background: #7A6EAC;
display: block;
width: 170px;
color: #FFF;
border: none;
}
.MENU li a:hover, .MENU li a:focus,.MENU li.large a:hover,.MENU li.large a:focus {
background: #FFF;
color: #7A6EAC;
}

.CORPS{
  position: relative;
  text-align: left;
}

.COL-GAUCHE{
  position: relative;
  display: block;
  background: url(imgs/BG-menu-gauche.gif) no-repeat;
  float: left;
  width: 280px;
  text-align: left;
}

.COL-GAUCHE .SSMENU {
  width: 280px;
  height: 223px;
  width: 250px;
  margin-top: 15px;
}
.COL-GAUCHE .SSMENU a:link, .COL-GAUCHE .SSMENU a:visited, .COL-GAUCHE .SSMENU a:active {
  color: #7A6EAC;
  text-decoration: none;
}
.COL-GAUCHE .SSMENU a:hover {
  color: #767676;
  text-decoration: none;
}
.COL-GAUCHE .SSMENU .RUB{
  font-size: 15px;
  font-weight: bold;
  margin-left: 15px;
  color: #7A6EAC;
  margin-bottom: 10px;
  }
.COL-GAUCHE .SSMENU .item {
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #767676;
  margin-left: 15px;
}
.COL-GAUCHE .SSMENU .itemactive {
  background: url(imgs/P-ssmenu.gif) no-repeat 0 2px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #767676;
  padding-left: 15px;
}
.COL-GAUCHE .SSMENU .entreprise,.COL-GAUCHE .SSMENU .immo,.COL-GAUCHE .SSMENU .collectivite,.COL-GAUCHE .SSMENU .social,.COL-GAUCHE .SSMENU .economie {
  background: url(imgs/PCT-entreprise.gif) no-repeat;
  height: 35px;
  padding-left: 35px;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #7A6EAC;
  margin-left: 15px;
}
.COL-GAUCHE .SSMENU .immo {
  background-image: url(imgs/PCT-immo.gif);
}
.COL-GAUCHE .SSMENU .collectivite {
  background-image: url(imgs/PCT-collectivite.gif);
}
.COL-GAUCHE .SSMENU .social {
  background-image: url(imgs/PCT-social.gif);
}
.COL-GAUCHE .SSMENU .economie {
  background-image: url(imgs/PCT-economie.gif);
  line-height: 15px;
}

.COL-GAUCHE .SSMENU img{
  float: left;
  border:none;
}

.COL-GAUCHE .newsletter {
  position: relative;
  background: url(imgs/BG-encart-newsletter.gif) no-repeat top right;
  float: left;
  width: 220px;
  text-align: left;
  color: #7A6EAC;
}
.COL-GAUCHE .newsletter .titre {
  position: relative;
  background: none;
  font-weight: bold;
  margin-left: 15px;
  font-style: normal;
  margin-bottom: 15px;
  border: none;
  line-height: 15px;
  padding-left: 0;
}
  
.COL-GAUCHE .newsletter .text {
  margin-left: 15px;
}

.RUBRIQUE, .ACCUEIL{
  position: relative;
  margin-left: 300px;
  text-align: left;
  padding-top: 15px;
}
.RUBRIQUE {
  width: 600px;
}

.RUBRIQUE .encart {
  position: relative;
  float:right;
  width: 200px;
  margin-top: 0px;
  color: #7A6EAC;
  background-color: #EAE9E9;
  margin-left: 15px;
  z-index: 1;
}
.RUBRIQUE .encart .titre {
  position: relative;
  background: none;
  padding-left: 0px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  border-bottom: none;
  margin-bottom: 0px;
  line-height: auto;
  padding: 5px;
}
.RUBRIQUE .encart .text {
  text-align: left;
  padding: 5px;
}
.RUBRIQUE .encart .marge {
  line-height: 10px;
  background-color: #FFF;
}

.ACCUEIL{
  padding-top: 40px;
}
.ACCUEIL .text, .ACCUEIL .list{
  font-size: 12px;
}
#POPUP .RUBRIQUE{
  position: relative;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 35px;
  width: 440px;
}
.RUBRIQUE .colonne{
  float:left;
  width: 275px;
  margin-right: 10px;
}
.RUBRIQUE .coltitre {
  background-color: #7A6EAC;
  color: #EAE9E9;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  padding:3px;
}

.RUBRIQUE .colonne .list{
  background: url(imgs/P-list.gif) no-repeat 0 7px;
  margin-left: 0px;  
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 11px;
  text-align: left;
}
.RUBRIQUE .colonne a:link, .RUBRIQUE .colonne a:visited, .RUBRIQUE .colonne a:active{
  color: #7A6EAC;
  text-decoration: none;
}
.RUBRIQUE .colonne a:hover{
  color: #767676;
  text-decoration: none;
}
.RUBRIQUE .floatright{
  position: relative;
  float: right;
  background-color: #EAE9E9;
  padding: 5px;
  margin-left: 15px;
  z-index: 1;
}

.REFERENCES img{
  border: none;
  margin: 10px;
}

/*.COL-DROITE{
  position: relative;
  float: right;
  width: 245px;
  height:300px;
}*/

.COL-DROITE{
  position: relative;
  float: right;
  width: 285px;
  z-index: 1;
}

.COL-DROITE .encart, .COL-DROITE .RUBencart{
  position: relative;
  width: 252px;
  margin-top: 15px;
  margin-left: 40px;
  color: #7A6EAC;
  padding: 10px;
}
.COL-DROITE .RUBencart{
  background-color: #EAE9E9;
}
.COL-DROITE .encart .titre,.COL-DROITE .RUBencart .titre{
  position: relative;
  background: url(imgs/P-titre-encart.gif) no-repeat 0 10px;
  font-size: 15px;
  padding-left: 35px;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  border-bottom: 1px solid #7A6EAC;
  margin-bottom: 10px;
  line-height: 25px;
}
.COL-DROITE .RUBencart .titre{
  border-bottom: none;
}
.PIED {
  position: relative;
  background-color: #7A6EAC;
  height: 21px;
  line-height: 21px;
  color: #D7D1E6;
  font-size: 11px;
  clear: both;
}
.PIED a:link,.PIED a:visited,.PIED a:active{
  color: #D7D1E6;
  text-decoration: none;
}
.PIED a:hover{
  color: #FFF;
  text-decoration: none;
}

/* -------------------------- */

#form{
  text-align: left;
}
#form .bloctextform{
  width: 120px;
  float: left;
  text-align: right;
  line-height: 20px;
  font-size: 11px;
  padding-right: 5px;
  display:inline;
}
#form .bloctexterror{
  margin-left: 130px;
  float: left;
  text-align: left;
  line-height: 20px;
  font-size: 11px;
  padding-right: 5px;
  display:inline;
}
#form .bloclistform{
  width: 200px;
  float: left;
  text-align: right;
  line-height: 20px;
  font-size: 11px;
  padding-right: 5px;
  clear:left;
}
#form .bloclistform2{
  width: 200px;
  float: left;
  text-align: right;
  line-height: 20px;
  font-size: 11px;
  padding-right: 5px;
}
#form .blocvideform{
  width: 143px;
  line-height: 20px;
  display:inline;
}
#form .blocform{
  font-size: 11px;
}
#form .bloctitreform{
  text-align: left;
  line-height: 15px;
  font-size: 11px;
  border-bottom: 1px solid #A6A8AA;
  width: 380px;
  font-weight: bold;
}
#form input, #form textarea, #form select{
  width: 250px;
  color: #7A6EAC;
  border: 1px solid #A6A8AA;
  font-style: italic;
}
#form input.checkbox{
  width: 15px;
  border: none;
}
#form input.button{
  width: 200px;
  background-color: #7A6EAC;
  color:#FFF;
  border: none;
  font-style: normal;
}
#form input.precision{
  width: 200px;
  color: #767676;
}
/* --------------------------*/