/* CSS Document */
h1,h2,h3 {
    font-family:Arial, Helvetica, sans-serif;
    margin:0px;
    padding-bottom : 5px;
}

h1 {
    color:#6699CC;
    font-size:16px;
    font-variant:small-caps;
    
}

h2 {
    color:#OC4E88;
    font-size:24px;
    font-style:normal;
    font-weight:300;
}

h3 {
    color:#6FB72B;
    font-size:12px;
    font-style:bold;
}

a {
    color:#0C4E88;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
a.top {
    color:white;
}

a.menu {
    text-decoration: none;
    padding-top: 2px;
    color:#003366;
}

a.menu-left {
    position:absolute;
    left:10px;
    text-decoration: none;
    padding-top: 2px;
    color:#003366;
}

table#title-table {
    height: 100%;
    width: 100%;
    padding: 0px;
    border-spacing: 0px;
}

div#container-title {
	top:100px;
	left:0px;
	width:500px;
	height:80px;
}

p,div, ul {
    font-family:Arial, Helvetica, sans-serif;
    color:#003366;
    font-size:12px;
    margin: 0px;
}

p.normal {
    padding-bottom : 15px;
}

div.menu-text-div {
    position:absolute;
    font-weight: normal;
    font-size: 12px;
    font-variant:normal
}

p.small {
    font-size:9px;
}

ul.niveau1 {
    list-style-image: none;
    list-style-type: none;
}
ul.niveau2 {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    list-style-type: disc;
    list-style-position: outside;
}


body {
    background-color: #999999;
}

/************************************************/
/* Content
/************************************************/
#content-region {
    position:relative;
    top:0px;
    left:0px;
    height:*; 
}

#content-spacer {
    position:absolute;
    top:220px;
    left:950px;
    width:30px;
    height:420px;
    background:#B9D3E3;
}

#content-container {
    border:1px;
    position:absolute;
    top:220px;
    left:0px;
    width:980px;
    height:*; 
}

div.container{
    position: relative;
    margin: 0 auto;
    width: 980px;
    height:640px;
    border: 1px;
    background-color: #FFFFFF;
    vertical-align: top;
}

/************************************************/
/* Top area
/************************************************/

#top-menu-section-container {
    position:absolute;
    top:0px; 
    width:980px; 
    height:20px; 
    background-image: url(common/images/bande-haut.jpg);
}

#top-menu-section-links {
    font-size:11px;
    color: #FFFFFF;
    border-width: 0;
    margin-right: 30px;
}

#logo-section-spacer {
    position:absolute;
    top:20px;
    width:32px;
    height:150px;
    background:#799EB9;
}

#logo-section-container {
    position:absolute;
    top:20px;
    left:32px;
    width:205px;
    height:150px;
}

#top-menu-region {
    position:absolute;
    top:20px;
    left:245px;
    width:735px;
    height:200px;
    background-image:url(common/images/bg-avec-points.jpg);
}

/************************************************/
/* Bottom region
/************************************************/

#bottom-region-div {
    position:relative;
}

div.bottom-region-element {
    border-width: 0;
    text-align: center;
    font-size:11px;
}

#bottom-region-copyright {
    font-size:10px;
}


/************************************************/
/* Left Menu Elements
/************************************************/
div.left-menu-block{
    left:0px;
    width:32px;
}

#left-menu-blocks-container {
    position:absolute;
    top:170px;
    height:360px;
    background:#D0DDD5;
}

#left-menu-blocks-spacer {
    position:relative;
    top:0px;
    height:20px;
    background:#B1C7CC;
    border-bottom-width: 2px;
    border-color: #FFFFFF;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-top-style: solid;
}

#left-menu-blocks-links {
    position:absolute;
    top:24px;
    height:316px;
}

div.left-menu-element-prefix {
	position:absolute;
	left:0px;
	width:100%;
	height:20px; 
	background:#DDE7D4; 
	border:solid #FFFFFF 2px; 
	border-top-style:none; 
	border-left-style:none;
}

div.left-menu-element {
	position:absolute;
	left:0px;
	width:100%;
	height:20px;
	background:#DDE7D4;
	border:solid #FFFFFF 2px;
	border-top-style:none;
}

#left-menu-region-container {
    position:absolute;
    left:32px;
    top:170px;
    width:168px;
    height:360px;
    background:#E6EDE0;
}

#left-menu-region-coin {
    position:absolute;
    left:0px;
    top:0px;
    width:166px;
    height:20px;
    background:#DDE7D4;
    border: solid #FFFFFF 2px;
}

#left-menu-region-links {
    position:absolute;
    left:0px;
    top:24px;
    width:166px;
    height:316px;
}

#left-menu-region-bottom {
    position:absolute;
    left:0px;
    top:340px;
    width:168px;
    height:20px;
}

#left-menu-blue-bottom {
    position:absolute;
    top:530px;
    width:32px;
    height:110px;
    background:#799EB9;
}

/************************************************/
/* Login Page
/************************************************/
div.login-form-input-label {
	display:inline;
	min-width:100px;
	padding-right:7px;
}

div.login-form-input-field {
    display: inline;
    padding-right: 5px;
}

#login-form-text-div {
    padding-bottom: 15px;
}

#login-form-not-register {
    display: block;
    padding-top:10px;
}

/************************************************/
/* Registration Form
/************************************************/
label {
    vertical-align: middle;
}

.client-form-element {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	vertical-align:middle;
}

.client-form-attributes {
    padding-bottom: 25px;
    border: none;
    height: auto;
    vertical-align: middle;
}

#client-form-association-interets {
    height:150px;
}

#client-form-association-interets-field {
    left:150px;
}

#client-form-association-industrie-field {
    left:150px;
}


td.td-label {
    width: 150px;	
}

table.attributes {
	border-style: solid;
	border-width: 1px;
}


p.required-legend {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 11px;
    font-style: italic;
		
}


/************************************************/
/* Nouvelles
/************************************************/

ul.liste-nouvelles {
    font-size: 14px;
    font-weight: bold;
    list-style-type: none;
}

div.nouvelle {
    font-size: 12px;
    display : block;
    margin : 3px 3px 3px 3px;

}

div.nouvelle div.nouvelle-titre {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

div.nouvelle div.nouvelle-date-publication {
    font-style: italic;
    padding-bottom: 10px;
}

div.nouvelle div.nouvelle-texte {
    
}

/************************************************/
/* Section securisee
/************************************************/
ul.document {
    list-style-type: disc;
}


/************************************************/
/* Forms
/************************************************/
.required {
    color: #FF0000;
}

/************************************************/
/* Error messages
/************************************************/

.error {
    color: #C00;
}

ul#content-body-messages {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-weight: bold;
    color: #003366;
}

/************************************************/
/* Error messages
/************************************************/
div#temoignages-container {

}

div.temoignage {
    padding-top:8px;
}

div.temoignage-simple {

}

div.temoignage-simple-photo {
    display: inline;
}

div.temoignage-simple-description {
    display: inline;
    position: absolute;
    left: 90px;
}

div.temoignage-simple-photo img {
    height: 100px;
}

div.temoignage-simple-nomTemoin {
    font-size:14px;
    font-weight:bold;
}

div.temoignage-simple-titreTemoin {
    font-size:11px;
}

div.temoignage-simple-compagnie {
   font-size:14px;
}

div.temoignage-complet {
}

div.temoignage-complet-logo a img {
  border: none;
}

td.temoignage-complet-domaines h2 {
    font-size:12px;
    font-weight:bold;
}


td.temoignage-complet-domaines {
  vertical-align:top;
}

td.temoignage-complet-domaines div {
    font-size:10px;
}

td.temoignage-complet-secteurs {
  vertical-align:top;
  padding-left: 100px;
}

td.temoignage-complet-secteurs h2 {
    font-size:12px;
    font-weight:bold;
}

td.temoignage-complet-secteurs div {
    font-size:10px;
}

div.button-close {

}

div.temoignage-complet-texte {
    text-align: justify;
    padding-top:8px;
}
div.temoignage-complet-texte p {
    padding-top: 4px;
}



div.temoignage-complet-logo {
    float: right;
    padding-left: 8px;
    padding-bottom: 4px;
}

table.temoignage-complet-domaines-secteurs {
    padding-top : 8px;
    padding-bottom : 6px;
}