/*
Titre:      CSS global : www.inncomm.fr
Auteur:     Remy Grauwin - contact@arsiteo.com
*/


/* ---[ INSTRUCTIONS NOMINALES ]--- */

body         {
	color: #000;
	font-size: 12px;
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	background-color: #ff8503;
	background-image: url("../images/structure/lame.gif");
	background-repeat: repeat-y;
	background-position: center top
	}




* {
	margin: 0;
	padding: 0;
	}


p   {
	margin: 0;
	padding: 0;
	}
	
.gris   {
	color: #ccc
	}
.bleu {
	color: #877cb9
	}

.encadre    {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-bottom: 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	}

.espacement-haut    {
	margin-top: 12px;
	}
	
.chapo   {
	margin-bottom: 14px;
	}
/* ---[ CONTAINER ]--- */


#container               {
	background-image: url(../images/structure/colonne.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	margin: 0 auto;
	position: relative;
	width: 800px;
	height: auto
	}


	
	
/* ---[ STRUCTURE ]--- */

/* ---[ En-tete ]--- */

#entete   {
	position: relative;
	width: 800px;
	height: 144px
	}

#navigation   {
	background-image: url(../images/navigation/entete.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: 0;
	left: 0;
	width: 600px;
	height: 144px
	}
	
#navigation li a     {
	margin: 0;
	padding: 0;
	float: left;
	}
	
h1     {
	text-indent: -9999px;
	padding: 0;
	width: 170px;
	height: 60px
	}



h1 a  {
	text-decoration: none;
	display: block;
	width: 170px;
	height: 60px
	}


/* --->>> navigation 1 (bas) <<<--- */	

#nav-bas    {
	position: absolute;
	bottom: 0px;
	right: 4px;
	width: 468px;
	height: 29px
	}

#nav-bas li    {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0
	}


/* ---libelle inncomm--- */	
#navinncomm    {
	background-image: url(../images/navigation/inncomm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 100px;
	
	}

a#navinncomm:hover, a.active#navinncomm     {
	background-image: url(../images/navigation/inncomm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

/* ---libelle projet--- */	
#navprojet   {
	background-image: url(../images/navigation/projet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 102px;
	}

a#navprojet:hover, a.active#navprojet    {
	background-image: url(../images/navigation/projet.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 29px;
	}

/* ---libelle prestations--- */	
#navprestations   {
	background-image: url(../images/navigation/prestations.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 129px;
	}

a#navprestations:hover, a.active#navprestations    {
	background-image: url(../images/navigation/prestations.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 29px;
	}

/* ---libelle philosophie--- */	
#navphilosophie  {
	background-image: url(../images/navigation/philosophie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	width: 137px;
	}

a#navphilosophie:hover, a.active#navphilosophie   {
	background-image: url(../images/navigation/philosophie.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 29px;
	}


/* --->>> navigation 2 (haut) <<<--- */	
#nav-haut  {
	position: absolute;
	top: 0;
	right: 4px;
	width: 199px;
	height: 30px
	}

#nav-haut li   {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}


/* ---libelle blog--- */	
#navblog {
	background-image: url(../images/navigation/blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 47px;
	}

a#navblog:hover, a.active#navblog   {
	background-image: url(../images/navigation/blog.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	}

/* ---libelle ressources--- */	
#navressources {
	background-image: url(../images/navigation/ressources.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 89px;
	}

a#navressources:hover, a.active#navressources  {
	background-image: url(../images/navigation/ressources.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	}

/* ---libelle contact--- */	
#navcontact {
	background-image: url(../images/navigation/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 63px;
	}

a#navcontact:hover, a.active#navcontact  {
	background-image: url(../images/navigation/contact.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	}

/* ---Newsletter--- */	
#newsletter      {
	background-color: #877cb9;
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 144px
	}


#zooformulaire     {
	color: #333333;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	position: relative;
	top: 36px;
	left: 44px;
	width: 122px
	}


#consigneformulaire        {
	color: #fff;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-align: right;
	width: 120px;
	height: 11px
	}


#saisiformulaire            {
	color: #877cb9;
	font-size: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 100%;
	background-color: #fff;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 120px;
	height: 15px;
	vertical-align: middle;
	border: solid 1px #ccc
	}



#bouton      {
	color: #fff;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #aba1d8;
	float: right;
	border: solid 1px #aba1d8
	}


	
/* ---[ Scope ]--- */

#scope    {
	position: relative;
	width: 800px;
	height: 216px;
	border: 0;
	margin: 0;
	padding: 0;
	}


/* ---visuel--- */

#visuel     {
	background: url(../images/visuelscope/rotator.php) no-repeat left top;
	position: relative;
	top: 0;
	left: 0;
	width: 600px;
	height: 216px
	}


/* ---menu--- */
#menu       {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 216px
	}



.infomenu {
	position: absolute;
	left: -9000px;
	}

#listemenu         {
	background-image: url(../images/menu/listemenu-fond.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 216px
	}



#listemenu  li    {
	display: inline;
	}

#listemenu  li a     {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
/* ---:::: MENU-ACCUEIL ::::--- */
/* ---MENU-ACCUEIL--- */

#body-accueil #rub-indicateur  {
	background-image: url(../images/menu/accueil/indic-acces_direct.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	height: 37px;
	border: 0
	}


#body-accueil #menu-1       {
	background-image: url(../images/menu/accueil/menu-formations.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px
	}


#body-accueil a#menu-1:hover, #body-prestations a.active#menu-1       {
	background-image: url(../images/menu/accueil/menu-formations.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 36px
	}


#body-accueil #menu-2     {
	background-image: url(../images/menu/accueil/menu-accompagnement.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px
	}


#body-accueil a#menu-2:hover, #body-prestations a.active#menu-2   {
	height: 36px;
	background-image: url(../images/menu/accueil/menu-accompagnement.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}


#body-accueil #menu-3    {
	background-image: url(../images/menu/accueil/menu-conseil.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px
	}


#body-accueil a#menu-3:hover   {
	background-image: url(../images/menu/accueil/menu-conseil.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 36px
	}

	
#body-accueil #menu-4     {
	background-image: url(../images/menu/accueil/menu-annuaire.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px
	}


#body-accueil a#menu-4:hover     {
	background-image: url(../images/menu/accueil/menu-annuaire.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 36px
	}

	
	
#body-accueil #menu-5    {
	background-image: url(../images/menu/accueil/menu-abc.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px
	}


#body-accueil #menu-5:hover     {
	background-image: url(../images/menu/accueil/menu-abc.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 35px
	}




/* ---[ Content ]--- */

#content    {
	position: relative;
	width: 800px;
	height: auto
	}


#editorial       {
	position: relative;
	top: 0;
	left: 0;
	width: 600px;
	height: auto
	}



#chemin        {
	color: #999;
	font-size: 10px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	margin-left: 12px;
	width: 500px;
	height: 20px
	}


#chemin a:link, #chemin a:visited          {
	color: #999;
	text-decoration: none
	}



#chemin a:hover          {
	color: #000
	}



/* ---[ Zone d'édition ]--- */

#textuel           {
	color: #000;
	line-height: 1.5em;
	margin-left: 20px;
	width: 554px
	}




#signature         {
	color: #000;
	background-image: url(../images/editorial/inncomm-signature.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 554px;
	height: 60px
	}


 h2          {
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding-top: 8px;
	padding-bottom: 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	}

#body-accueil h2 a:link, #body-accueil h2 a:visited        {
	color: #000;
	font-size: 22px;
	font-weight: normal;
	text-decoration: none
	}

	
#body-accueil h2 a:hover       {
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	background-color: #dcd6f5
	}

	
	
h3        {
	color: #877cb9;
	font-size: 18px;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 3px
	}
	
#body-accueil h3.exergueprestations       {
	margin-top: 0px;

	}

h4           {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-top: 12px;
	}



h5          {
	color: #666;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin-top: 6px
	}


#exergue1             {
	margin-top: 12px;
	padding-bottom: 12px;
	position: relative;
	width: 554px;
	border-bottom: 1px solid #ccc
	}


#exergue1 a:link, #exergue1 a:visited   {
	color: #f93;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none
	}

#exergue1 a:hover    {
	color: #f93;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 2px solid #f93
	}


#exergue1 a.savoirplus:link, #exergue1 a.savoirplus:visited, #exergue2 a.savoirplus:link, #exergue2 a.savoirplus:visited   {
	color: #bfb5ea;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0
	}

#exergue1 a.savoirplus:hover, #exergue2 a.savoirplus:hover       {
	color: #bfb5ea;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 2px solid #bfb5ea
	}




#exergue_approche              {
	margin-right: 12px;
	width: 270px
	}


	
#exergue_prestations               {
	position: absolute;
	top: 0;
	left: 284px;
	width: 270px
	}





#exergue2             {
	margin-top: 12px;
	padding-bottom: 12px;
	position: relative;
	width: 554px;
	border-bottom: 1px solid #ccc
	}
	
#exergue_annuaire {
	margin-top: 12px;
	padding-bottom: 12px;
	position: relative;
	width: 554px;
	}

.vignette-portrait  {
	background-color: #f2f2f2;
	margin-right: 12px;
	width: 80px;
	height: 90px;
	float: left
	}

.defloateur {
	visibility: hidden;
	clear: both
	}





/* ---Colonne laterale--- */
#lateral       {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: auto
	}



#textuel-lateral             {
	font-size: 11px;
	text-align: right;
	position: absolute;
	top: 20px;
	left: 22px;
	width: 146px
	}



.titrelateral              {
	color: #877cb9;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	margin-top: 16px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc
	}



/* ---[ Pied ]--- */

#pied         {
	color: #fff;
	background-image: url("../images/pied/pied.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 30px;
	position: relative;
	width: 800px;
	height: 180px
	}



#pied-float1, #pied-float2, #pied-float3, #pied-float4, #pied-float5, #pied-float6     {
	color: #fff;
	display: inline;
	margin-top: 38px;
	float: left
	}

#pied-float1  {
	margin-left: 20px;
	width: 80px
	}

#pied-float2 {
	margin-left: 33px;
	width: 162px
	}
	
#pied-float3  {
	margin-left: 33px;
	width: 124px
	}

#pied-float4  {
	margin-left: 33px;
	width: 110px
	}

#pied-float5 {
	margin-left: 33px;
	width: 78px
	}
	
#pied-float6 {
	margin-left: 33px;
	width: 56px
	}
	
#pied dt  {
	font-size: 13px;
	margin-bottom: 10px
	}
	
#pied dd   {
	font-size: 12px
	}
	
#pied a, #pied a:visited    {
	color: #fff;
	text-decoration: none
	}
	
#pied a:hover     {
	color: #ffb310;
	text-decoration: none
	}




#mentions          {
	color: #ccc;
	font-size: 10px;
	background-color: #877cb9;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	height: 18px
	}


#mentions a:link, #mentions a:visited      {
	color: #fff;
	text-decoration: none
	}


	
#mentions a:hover       {
	color: #fff;
	text-decoration: none;
	background-color: #f60;
	padding: 4px 4px 2px;

	}