/*
CSS Grandear
Réalisation Jmtconseils - Jean-Marc Tora
*/



html {
	margin: 0;
	padding: 0;
}

body {
padding: 0;
margin: 0;
text-align: center;
	background-image: url(../IMG/css/body_bg.png);
	background-repeat: repeat;
	background-color: #cbc4b4;
/*background: url(../IMG/css/bg.jpg) #6E7389 repeat-x ;*/
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
color: #757575;
}

ul, li { /* tous les elements du site */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

li { list-style: none; }

li a { text-decoration: none; }

p {margin-bottom: 10px;
}

a img,:link img,:visited img,:hover img,:active img { border:none }
a  { color: #E75236; text-decoration: underline;  }
a:hover  { color: #E75236; text-decoration: none;  }
a.fleche {
margin: 5px 0px 0px 10px;
padding-left: 15px;
background-image: url(../IMG/css/puce-a.png);
background-repeat: no-repeat;
/*background-position: 0 .5em;*/
}
a.fleche:hover { color: #a90f25; }

img { border:none }
img.droite, img.spip_logos {margin-right: 5px; }


.horschamps {
display: none; 
}

.spacer {
clear:both;
}

.center { text-align: center; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
width: 950px;
text-align: left;	
color: #4d422a;
}





/*  ------------------------------------------
/*  Sommaire
/*  ------------------------------------------
*/

#haut-sommaire { 
height: 1px;
background-color: transparent;
width: 768px;
}

img.grandear {margin: 10px 0px 0px 25px; }





/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------
*/

#entete { width: 100%;
height: 110px;
background-color: #FFFFFF;
background-image: url(../IMG/css/bg_entete-haut.jpg);
background-position: top right; 
background-repeat: no-repeat ;
}

#logo { width: 180px; height: 80px; float: left;
margin: 5px 0px 0px 15px; }

h1.accroche {
margin: -5px 0px 0px 580px;
color: #000;
font-size: 16px;}

#entete-nom-statut {
width: 380px; height: 20px; float: right;
text-align: right;
margin: 0px 10px 0px 0px;
color: #cbc4b4;}


/* Zone Recherche */


div.bandeau-haut-recherche{ 
margin: 6px 0px 0px 340px;
width:405px;
height:21px;
/*background-color: #6889CE; */
float: left;
color: #000000;
}



            /* Barre de recherche  */
div.recherche { 
width:160px;
height:20px;
float:left;
margin-top: 2px; 
}

div.bandeau-haut { 
text-align:left; color: #000;
width:220px;
height:20px;
float:left;
margin-top: 2px; 
margin-left: 15px;
}

div.bandeau-haut a {
color: #000;
text-decoration: none;
}

.mot-recherche {
margin-left: 20px;
margin-right: 5px;
color: #000;
font-size: 10px;
}

input.input { font: 10px Arial, Helvetica, sans-serif;color: #A2A4A0; background-color: white; border: 1px solid #A2A4A0; width:110px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000;
background-color:  transparent; border: 1px solid transparent;  
margin-left:1px; width:45px;}
form.recherche { margin-bottom : 0px; height:25px; width:160px; padding-left: 1px;}  




/*  ------------------------------------------
/*  Article
/*  ------------------------------------------
*/

#gauche {
width: 100%;
float: left;
}

#droit {
float: right;
width: 70px;
height: 200px;
background: white; 
margin: 0px 0px 0px 0px;
}

#conteneur {
float: right;
width: 770px;
margin-left: 0px;
/*margin-bottom: 20px;*/
}

#contenu {
width: 770px;
background: white;
height: 320px;
padding-bottom: 10px;
overflow:hidden;
background-image: url(../IMG/css/bg_conteneur.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}
html>body #contenu {
height: auto;
min-height: 320px;
overflow:hidden;
} 

#texte {
width: 675px;
background-color: #FFF;
/*padding: 2px 10px 3px 5px;*/
margin: 2px 10px 3px 15px;
font-size: 12px;
}

#texte ul  {
margin-left: 20px;
}

#texte ul li {
padding-left: 15px;
background-image: url(../IMG/css/puce-li.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* Page Méthode IFM */
#texte #ifm {
width: 650px;
height: 413px;
background-image: url(../IMG/css/methode-ifm.jpg);
background-repeat: no-repeat;
background-position:right top;
}

#texte #ifm p{ width: 500px; }


/******* Page Article  les consultants par métier *****************/
/*.page_metier #contenu {
height: 520px;
}

html>body .page_metier #contenu {
height: auto;
min-height: 520px;
} */

#associe-metier {
width: 235px;
height: 195px;
/*background-color:#3F9;*/
margin: 0px 0px 15px 150px;
text-align: center;
}

.consultant-metier {
float: left;
width: 130px;
height: 195px;
/*background-color: #FC0;*/
margin: 0px 5px 10px 0px;
text-align: center;
}

.consultant-metier i{ font-size: 9px; }
.consultant-metier strong{ font-size: 9px; }

/**************** Page Références ******************/
#reference img {margin: 0px 10px 20px 0px; }


/* Fil d'Ariane */
#hierarchie {
width: 760px;
margin: 1px 0px 4px 0px;
font-size: 10px; 
color: #4d422a;
padding: 3px 0px 3px 10px;
background-repeat: no-repeat;
background-position:0px 50%;
background: white;
	}
	
#hierarchie a {
color: #4d422a;
text-decoration: none;
 }
 
#hierarchie a:hover {
text-decoration: underline;
}

a.info { color: #e75236; font-style: italic; font-size: 10px; margin-left: 460px; font-weight:bold; margin-top: 30px; }

   /* Colonne gauche */


   /*  Colonne droite **/
#droit img {margin-bottom: 1px; }




  /* Colonne centrale  **/
#conteneur h1 {
font-size: 14px ;
line-height: 30px;
/*width: 433px;*/
margin-bottom: 10px;
margin-top: 0px;
/*padding: 6px 0px 2px 25px;*/
/*background-color: black;*/
color: #cbc4b4;
text-transform:uppercase;
}

#conteneur h2 {
font-size: 14px ;
line-height: 30px;
text-align: center;
}

#conteneur h3 {
font-size: 14px ;
line-height: 16px;
/*color: #01539E;*/
margin-bottom: 10px;
margin-top: 10px;
padding:0px 0px 0px 20px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../IMG/css/puce3.jpg);
}

#conteneur #documents_joints h3 {
line-height: 30px;
padding:0px 0px 0px 30px;
background-image: url(../IMG/css/document-joint.jpg);
}

#conteneur h4 {
font-size: 12px ;
line-height: 16px;
color: #F55743;
}

#conteneur ul li {
list-style-image:  url(../IMG/css/puce-li.gif);
margin-left: -20px;
line-height: 20px;
}

#texte-sommaire #gamme-descro ul li { list-style-image: none; background-image: none; padding-left: 1px; }

/******* Page Sous Rubrique Associés ********************/
ul#associe { margin: 0px 0px 0px 50px; }
ul#associe li {
display: inline;
list-style-type: none;
padding-right: 60px;
font-weight: normal;
font-size: 10px;
list-style-image:none;
background-image: none;
} 

ul#associe li.bernard { padding-right: 80px; }

/* Colonne droite */
#droit p {padding: 0px 3px 0px 5px;}
#droit ul li { 
margin: 0; padding: 0;
padding-left: 15px;
background-image: url(../IMG/css/puce-li.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;}

#droit a.info { color: #e75236; font-style: italic; margin-left: 85px; font-weight:bold; margin-top: 30px; }

/* Page recherche */
#page_recherche h3 {
margin: 0px 0px -10px 0px;
}

#page_recherche #contenu {
margin-right: 10px;
}

/* -------------------------------------------
/* Menu vertical
/* -------------------------------------------
*/
#navcontainer { /*width: 150px;*/ }

#navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer ul li.rub { text-transform: uppercase; }

#navcontainer ul .subMenu li{
width: 120px;}


#navcontainer a {
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover {
background-color: #369;
color: #fff;
}

#navcontainer ul.subMenu li a { text-transform: capitalize;
padding-left: 10px;} 








/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------
*/
#footer-haut {
background-color: transparent;
width: 100%;
height: 10px;
background-image: url(../IMG/css/bg_footer-haut.png);
background-repeat: no-repeat;
background-position: 100% 100%;
}

#footer {
color: #cbc4b4;
/*margin-top: 5px;*/
/*padding: 2px 0px 5px 0;*/
text-align: center;
width: 100%;
height: 55px;
background-color: #666;
background-image: url(../IMG/css/bg_footer.png);
background-repeat: no-repeat;
background-position: 100% 100%;}

#footer p.center {
	margin: 0px 0px 10px 57px;
	padding-top: 5px;
}

#footer a {
color: #cbc4b4;
text-decoration: none;
}

#footer-left {
float:left; 
margin: 10px 0px 0px 16px; }

#footer-right {
float:right; 
margin: 10px 82px 0px 0px; }