*{ margin:0; padding:0;}
p {margin: 0 0 10px 0;}
img{ border:0px; }

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
background: url(files/interface/background.jpg) center;

}
#conteneur {
position: relative;
width:1008px;
margin: 0 auto;
}

#header {padding:15px 14px 0px 14px;
height: 177px;
/*height:300px;*/
/*padding-top:30px;*/
background-image:url(files/interface/banniere.png);
background-repeat:no-repeat;
overflow:hidden;
}
#header img{ margin-bottom:0px; padding:0; }
.pub{
position:relative;
right:25px;
top:30px;
}

/* logo OP Entreprise */
.logo_observatoire img
{
	margin-top:25px;
	margin-right:25px;	
}

/* logo CNCIOB */
.logo_cnciob img
{
	margin-top:40px;
}

/* logo télécharger PDF */
.logo_telecharger_pdf a img
{
	position:absolute;
	margin-left:100px;
}


/*****************************************************/
/***************** ESPACE MEMBRE *********************/
/*****************************************************/

#titre_vos_fichiers
{
	border:none;
	height:100px;	
	width:420px;
}

#titre_vos_fichiers h3
{
	float:left;
}

#titre_vos_fichiers img
{
	float:right;	
}
/*#haut {
height: 18px;
background-image:url(files/interface/menu.jpg);
background-repeat:repeat-x;
text-align:center;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
color:#FFFFFF;
line-height:18px;
font-weight:bold;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
color: #003867;
text-decoration: none;
margin-left:5px;
margin-right:5px;
}
.menuhaut a:hover {
color:#FFFFFF;
text-decoration: none;
}*/
/*.cncef{}
a.cncef { color:#FFFFFF; background-color:#023867;}
.cncef a:hover{ color:#95a1b9;}

.cncif{ background-color:#b10135; color:#FFFFFF; border:solid 1px blue;}
.cncif a{ color:#FFFFFF;}
.cncif a:hover{ color:#003867;}

.anhisf{ }
a.anhisf { color:#FFFFFF;background-color:#0058cb;}
.anhisf a:hover{ color:#003867;}*/

#contenu{  
background-image:url(files/interface/fond_contenu.png);
background-repeat:repeat-y;
}
.titre{
color:#6883A7;
font-size:40px;
text-align:right;
width:500px;
padding-left:78px;
border-bottom:6px solid #6883A7;
text-transform:uppercase;
text-align:left;
}
#centre {
/*float:left;*/
margin-left:14px;
width: 775px;
/*margin-right: 160px;*/
font-size:12px;

font-style:normal;
  line-height: 16px;
  text-align:justify;
  min-height:890px;
}
#centre li{
list-style:square;
margin-left:40px;
}
#centre a{ color:#6883A7;}
#centre a:hover{ color:#003366;}


#droite{ 
position: absolute;
/*float:right;*/
right:0;
top:200px;;
width: 186px;
margin-right:28px;
}
#droite h3{ color:#ffffff; }
#droite a{ color:#ffffff; font-size:12px; text-transform:uppercase; text-decoration:none;}
#droite a:hover{ color:#B10034; font-size:12px; text-transform:uppercase;}

#login{
background-image:url(files/interface/membre.jpg);
background-repeat:no-repeat;
width:175px;
height:120px;
margin-left:2px;
padding:4px 4px;
font-size:10px;
}
#login p{ margin:0; padding:0; color:#003867; font-weight:bold; }
#login label{ text-align:right; width:162px; display:block; margin:0; padding:0;}
#login input{ font-size:11px; width:162px; margin:0; padding:0;}
#login input[type="submit"]{ width:166px; margin-top:5px;}


#pied {
clear:both;
height: 49px;
text-align:center;
line-height:49px;
background-image:url(files/interface/footer.png);
background-repeat:no-repeat;
}
#pied a {
color: #000000;
text-decoration: underline;
}
#pied a:hover {
text-decoration: none;
}


/***** FORM RECHERCHER ANNUAIRE *****/
.cssform{ margin-left:20px; margin-top:50px; padding-bottom:80px;}
.cssform p{ 
width: 450px;/**/
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 255px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
font-size:12px;
}

.cssform label{ 
font-weight: bold;
font-size:12px;
float: left;
margin-left: -255px; /*width of left column*/
width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"],.cssform textarea { /*width of text boxes. IE6 does not understand this attribute*/
width: 350px;
}
.cssform input[type="file"]{width: 350px;}
.cssform select{
width: 350px;
font-size:10px;
/*height: 150px;*/
}
.cssform em{ color:#003399; font-size:10px; font-weight:normal;}


/***** liste annuaire *****/
.liste_annuaire{ margin:20px;}
.liste_annuaire img{ margin:5px;}
.liste_annuaire strong{ color:#023867; font-size:14px;}
.liste_annuaire em{ color:#023867; }

hr {
color: #023867;
background-color: #023867;
height: 2px;
border: 0;
width:60%;
margin-left:155px;
margin-top:40px;
}

/*** FORM connexion ***/
.connexion { margin-left:185px; margin-top:20px; width:400px; padding-bottom:300px;}
.connexion fieldset { border:3px solid #023867;  padding:20px; }
.connexion legend { font-size:16px; color:#023867; margin-bottom:20px;}
.connexion label { width:100px; display:block; float:left;}
.connexion input { display:block; }
.connexion #message{ color:#FF0000; font-style:italic;}

/**** FICHIER ****/
.fichier { margin:20px; padding-bottom:300px;}
.fichier h3 { font-size:30px; font-weight:normal; color:#023867; margin-bottom:0px;}
.fichier h4.ligne_fichier { border-bottom:1px dashed gray; line-height:30px;  margin: 0 0 0px 0;}
p.ligne_fichier{ margin-bottom:2px; margin-left:20px;}
.fichier .ligne_fichier strong { width:630px; display:block; float:left; font-size:12px;color:#666666;font-style:italic; color:#003c72;}
#centre .fichier .ligne_fichier a{ display:block; color:#023867; overflow:hidden;}
#centre .fichier .ligne_fichier a:hover{ display:block; color:gray;}
/*SS DOSSIER*/
.ligne_fichier_ss{ margin-left:20px;}
.fichier .ligne_fichier_ss strong { width:610px; display:block; float:left; font-size:12px;color:#666666;font-style:italic; color:#003c72;}
p.ligne_fichier_ss{ margin-bottom:2px; margin-left:40px;}
#centre .fichier .ligne_fichier_ss a{ display:block; color:#023867; overflow:hidden;}
#centre .fichier .ligne_fichier_ss a:hover{ display:block; color:gray;}

/********** CONTACT CNCEF *****/
#cont_txt{  width:180px; font-family:Arial, Helvetica, sans-serif;}
#cont_txt h1{ background-color:#003867; width:180px; color:#FFFFFF; font-size:14px; margin:0px 0px; padding:5px 5px; border:1px solid #003867; text-align:center;}
#cont_txt p{ background-color:#E3E4E4; width:180px; color:#000000; font-size:10px; margin:0px 0px; padding:5px 5px; border:1px solid #003867;}
#cont_txt a{ color:#003867; text-decoration:none;}


#signature 
{
	color:#000;
	text-align:center;	
}

#signature a
{
	color:#000;	
}

/* ### Logo supplémentaire ###*/
#logo_sup
{
	border:1px solid #cccccc;	
	margin-right:5px;
	padding-bottom:15px;
	padding-left:45px;
	margin-bottom:10px;
	padding-top:5px;
}

#logo_sup .logo_anim_patrimonia
{
	margin-left:-21px;
}

#logo_anim_patr
{
 	margin-top:-15px; 	
	margin-right:5px;
	padding-bottom:15px;
	padding-left:0px;	
	margin-bottom:-15px;
	padding-top:5px;
}


/* #### LIEN -> ACCUEIL ### */

.accueil
{
  margin-top:-30px; 
  text-align:right;	
  margin-right:25px;
}

.accueil_cnciob 
{
	text-align:right;
	margin-right:25px;
	margin-top:5px;	
}

.accueil a, .accueil_cnciob a
{
	text-decoration:none;
	color:#003867;		
	text-transform:uppercase;
    font-size:14px;	
    font-weight:bold;	
	color:#000;
}

.accueil a:hover, .accueil_cnciob a:hover
{
	text-decoration:underline;	
}