/*
Titre:      CSS : www.cibles-et-biens.com
Auteur:     Remy Grauwin - contact@arsiteo.com
*/


/* --------------------------------- INSTRUCTIONS NOMINALES --------------------------------- */


* {
	margin: 0;
	padding: 0;
	}


p   {
	margin: 0;
	padding: 0
	}

	
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* --------------------------------- LOGO - RETOUR ACCUEIL --------------------------------- */

h1   {
	padding: 0;
	text-indent: -9999px;
	width: 200px;
	height: 104px
	}

h1 a {
	text-decoration: none;
	display: block;
	width: 200px;
	height: 104px
	}

/* --------------------------------- DESIGN EDITORIAL (div #texte) --------------------------------- */

#texte a, #texte a:visited    {
	color: #39c;
	text-decoration: underline
	}



#texte a:hover       {
	color: #39c;
	text-decoration: none;
	border-bottom: none
	}

	
#texte p   {
	margin: 10px 0 0
	}


.marge-top  {
	margin: 10px 0 0;
	}
	
	
	
#texte h1 {
	color: #902065;
	font-size: 18px;
	font-weight: bold;
	}

h2   {
	color: #902065;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin: 12px 0 14px
	}


h2 span        {
	color: #000;
	text-decoration: none
	}
	

#body-accueil h3      {
	color: #000;
	font-size: 13px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #bdbdbd
	}


#body-accueil h3.bas       {
	color: #000;
	font-size: 13px;
	font-weight: normal;
	margin-top: 10px;
	border: 0
	}


h3     {
	color: #902065;
	font-size: 14px;
	font-weight: bold;
	margin-top: 26px;
	margin-right: 0;
	margin-left: 0;
	border-bottom: 1px solid #bdbdbd
	}


h4     {
	color: #39c;
	font-weight: bold;
	margin-top: 10px
	}

.sous-titre               {
	color: #666;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic
	}


#texte ul   {
	line-height: 18px;
	list-style-type: none;
	margin: 10px 0 0
	}

#texte ul li  {
	margin-left: 16px
	}

	
#texte dl   {
	line-height: 18px;
	margin: 10px 0 0
	}
	
#texte dl dt   {
	margin-bottom: 6px
	}


#texte dl dd    {
	margin-left: 16px
	}

#cadre   {
	margin-top: 26px;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 12px;
	border-top: 1px solid #ccc
	}


#texte #cadrebords         {
	display: block;
	margin-top: 26px;
	padding: 6px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	}




#body-qui #encadre         {
	color: #666;
	font-size: 11px;
	display: block;
	margin-top: 26px;
	padding: 6px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
	}


/* --- Claims accueil --- */
#body-accueil #claims-accueil   {
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 630px;
	height: 139px
	}


#body-accueil #claims-accueil li  {
	margin-left: 0px
	}
	
#claims-accueil li a  {
	text-indent: -9999px;
	display: block;
	padding: 0;
	}


#claim1 a, #claim1 a:visited {
	background-image: url("../images/claims-accueil.gif");
	background-repeat: no-repeat;
	background-position: left 0;
	padding: 0;
	width: 630px;
	height: 47px;
	border-bottom: 0 none
	}




#claim1 a:hover {
	background-image: url("../images/claims-accueil.gif");
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 0;
	width: 630px;
	height: 47px
	}

	

#claim2 a, #claim2 a:visited                {
	background-image: url("../images/claims-accueil.gif");
	background-repeat: no-repeat;
	background-position: left -47px;
	padding: 0;
	width: 630px;
	height: 47px;
	border-bottom: 0
	}




#claim2 a:hover              {
	background-image: url("../images/claims-accueil.gif");
	background-repeat: no-repeat;
	background-position: right -47px;
	padding: 0;
	width: 630px;
	height: 47px
	}



#claim3 a, #claim3 a:visited                {
	background-image: url("../images/claims-accueil.gif");
	background-repeat: no-repeat;
	background-position: left -94px;
	padding: 0;
	width: 630px;
	height: 45px;
	border-bottom: 0
	}


#claim3 a:hover  {
	background-image: url("../images/claims-accueil.gif");
	background-repeat: no-repeat;
	background-position: right -94px;
	padding: 0;
	width: 630px;
	height: 45px
	}



#texte .callaction  a,  .callaction  a.visited     {
	color: #39c;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	border-bottom: 0 none;
	border-left: 4px solid #39c
	}



#texte .callaction a:hover      {
	color: #902065;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	border-bottom: 0;
	border-left: 4px solid #902065
	}



/* --- Liste processus --- */
#body-prestations #liste-processus   {
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc
	}

#body-prestations #liste-processus li            {
	display: inline;
	list-style: none
	}

#body-prestations #liste-processus a, #body-prestations #liste-processus a.visited             {
	text-decoration: none;
	padding-bottom: 3px;
	border-style: none
	}


#body-prestations #liste-processus a:hover, #body-prestations #liste-processus a.active           {
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 3px solid #ccc
	}
	
	
/* --- Liste Votre situation --- */








#body-projet #liste-situation              {
	color: #000;
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc
	}



#body-projet #liste-situation li            {
	display: inline;
	list-style: none
	}

#body-projet #liste-situation a, #body-projet #liste-situation a.visited              {
	color: #000;
	text-decoration: none;
	padding-bottom: 3px;
	border-style: none
	}



#body-projet #liste-situation a:hover, #body-projet #liste-situation a.active             {
	color: #902065;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 3px solid #ccc
	}





dl.liste-contacts dd           {
	padding-bottom: 4px
	}



#lienlexique             {
	font-size: 12px;
	font-style: italic;
	text-align: right;
	padding-right: 20px
	}

	
#lienlexique  a            {
	font-style: italic;
	text-align: right;
	padding-top: 2px;
	border-top: 1px solid #39c
	}



#encarts a, #encarts a:visited    {
	color: #fff;
	text-decoration: underline
	}



#encarts a:hover       {
	color: #902065;
	text-decoration: none
	}
	
	



/* --------------------------------- STRUCTURE --------------------------------- */


body         {
	color: #000;
	font-size: 13px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px;
	background-color: #391508
	}






#metacontainer    {
	background-image: url(../images/structure/ruban-fond.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 20px auto;
	width: 900px;
	height: auto
	}


#container {
	background-image: url(../images/structure/top-fond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 900px;
	height: 100%
	}


/* --- Lateral --- */
	
#lateral       {
	position: absolute;
	top: 0;
	left: 0;
	width: 222px;
	height: auto
	}


#logo                   {
	background-image: url(../images/structure/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: 0;
	left: 0;
	width: 222px;
	height: 200px
	}




/* --- Implantations --- */
#implantations        {
	color: #000;
	font-size: 16px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-image: url("../images/lateral/implantations.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 6px;
	padding-top: 20px;
	position: relative;
	width: 222px;
	height: auto
	}



#implantations p        {
	margin-top: 6px;
	margin-left: 46px
	}


#implantations p  a      {
	margin-right: 10px
	}


#implantations p  a, #implantations p  a :visited      {
	color: #333;
	text-decoration: none
	}



#implantations p  a:hover    {
	color: #902065;
	text-decoration: none;
	}


#body-qui h2.villes   {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none
	}

	
#body-qui h2.villes span   {
	color: #ccc
	}


#body-qui h2.villes a, #body-qui h2.villes a :visited    {
	color: #000;
	font-weight: bold;
	text-decoration: none
	}
	
#body-qui h2.villes a:hover, #body-qui h2.villes a.active       {
	color: #902065;
	font-weight: bold;
	text-decoration: none;
	}





/* --- Call to action --- */
#ciblesetbiens      {
	margin-top: 57px;
	position: relative;
	width: 222px;
	height: auto
	}


	
/* --- Corpus Editorial --- */


#corpus                      {
	position: relative;
	left: 222px;
	width: 678px;
	height: auto
	}



#ville                      {
	background-image: url("../images/structure/silhouette-ville.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999px;
	position: relative;
	width: 678px;
	height: 80px
	}


/* --- Call to blog --- */
#ville a                {
	text-decoration: none;
	background-image: url("../images/call-blog/call-blog.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	position: relative;
	top: -5px;
	left: 530px;
	width: 50px;
	height: 34px
	}



/* --- Chemin --- */
#chemin                        {
	color: #999;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
	padding-left: 21px
	}




/* --- Editorial --- */

#editorial                        {
	background-color: #fff;
	position: relative;
	width: 678px;
	height: auto
	}



#texte                        {
	line-height: 20px;
	background-color: #fff;
	margin-left: 21px;
	width: 639px;
	height: auto
	}




/* --- Encarts --- */

#encarts   {
	background-image: url(../images/structure/top-encarts.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	width: 678px;
	height: 100px
	}

#encart1  {
	margin-right: 38px;
	width: 180px;
	float: left
	}

#encart2  {
	margin-right: 28px;
	width: 180px;
	float: left
	}
	
	
#encart3      {
	padding-left: 30px;
	width: 180px;
	float: left;
	border-left: 1px solid #bdbdbd
	}


/* --- Titre lien "Contactez-nous --- */
#encart3 dt a, #encart3  dt a:visited        {
	color: #902065;
	text-decoration: none
	}


#encart3  dt a:hover         {
	color: #fff;
	font-weight: bold;
	text-decoration: none
	}




#encart3 dd a, #encart3 dd a:visited        {
	color: #fff;
	text-decoration: none
	}



#encart3 dd a:hover       {
	color: #fff;
	font-weight: bold;
	text-decoration: underline
	}




#encarts dt   {
	color: #902065;
	font-size: 13px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin-bottom: 6px
	}

#encart3 dt    {
	color: #902065;
	font-size: 15px;
	font-family: "Trebuchet MS";
	margin-bottom: 6px
	}


#encarts dd  {
	color: #fff;
	font-size: 12px;
	line-height: 15px
	}
	

/* --- Telephone --- */
#telephone   {
	background-image: url("../images/structure/telephone.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin-top: 20px;
	margin-bottom: 14px;
	width: 160px;
	height: 23px
	}







#encart1 {
	margin-left: 19px;
	}

/* --- Pied de page --- */

#pied                 {
	background-image: url(../images/structure/pied-fond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 900px;
	height: 79px
	}



#pied   ul              {
	color: #fff;
	font-size: 11px;
	text-align: left;
	list-style-type: none;
	margin-top: 30px;
	width: 678px;
	float: right;
	border-top: 1px solid #fff
	}


#pied   ul li              {
	padding-top: 6px;
	text-align: right;
	padding-right: 30px
	}
/* --- IE8-Vista : padding-top déplacé de ul sur li --- */



/*---------------------------------  NAVIGATION  ---------------------------------*/

#navigation                    {
	width: 678px;
	height: 94px
	}
	
	

#navigation li       {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 94px
	}
	
	
	
#navigation a     {
	float: left;
	text-indent: -9999px
	}	


/* --- votre projet --- */
#nav-projet a  {
	background-image: url(../images/navigation/nav-projet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 131px;
	height: 94px
	}

#nav-projet a:hover, #nav-projet a.active  {
	background-image: url(../images/navigation/nav-projet-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 131px;
	height: 94px
	}
	

/* --- nos prestations --- */
#nav-prestations a  {
	background-image: url(../images/navigation/nav-prestations.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 137px;
	height: 94px
	}

#nav-prestations a:hover, #nav-prestations a.active  {
	background-image: url(../images/navigation/nav-prestations-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 137px;
	height: 94px
	}
	

/* --- nous mandater --- */
#nav-mandater a  {
	background-image: url(../images/navigation/nav-mandater.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 133px;
	height: 94px
	}

#nav-mandater a:hover, #nav-mandater a.active  {
	background-image: url(../images/navigation/nav-mandater-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 133px;
	height: 94px
	}
	

/* --- qui sommes-nous ? --- */
#nav-qui a  {
	background-image: url(../images/navigation/nav-qui.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 164px;
	height: 94px
	}

#nav-qui a:hover, #nav-qui a.active  {
	background-image: url(../images/navigation/nav-qui-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 164px;
	height: 94px
	}
	

/* --- nos contact --- */
#nav-contact a  {
	background-image: url(../images/navigation/nav-contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 113px;
	height: 94px
	}


#nav-contact a:hover, #nav-contact a.active  {
	background-image: url(../images/navigation/nav-contact-on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 113px;
	height: 94px
	}
	
	
	

/* --- Vous etes --- */
#vousetes        {
	text-indent: -9999px;
	width: 222px;
	height: auto
	}


#vousetes dt                   {
	background-image: url(../images/lateral/vousetes.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 222px;
	height: 24px
	}

#vous-particulier a                  {
	background-image: url(../images/lateral/particulier.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 160px;
	height: 27px
	}


#vous-particulier a:hover, #vous-particulier a.active  {
	background-image: url(../images/lateral/particulier-on.gif);
	}



#vous-professionnel a                  {
	background-image: url(../images/lateral/professionnel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 160px;
	height: 28px
	}


#vous-professionnel a:hover, #vous-professionnel a.active  {
	background-image: url(../images/lateral/professionnel-on.gif);
	}


#vous-investisseur a                  {
	background-image: url(../images/lateral/investisseur.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 160px;
	height: 21px
	}


#vous-investisseur a:hover, #vous-investisseur a.active   {
	background-image: url(../images/lateral/investisseur-on.gif)
	}


/* --- Sticker call to action --- */


#stickercall              {
	text-indent: -9999px;
	position: relative;
	top: 8px;
	left: 0;
	width: 222px;
	height: 109px
	}






#stickercall a, #stickercalla:visited     {
	background-image: url("../images/lateral/stickercall2.gif");
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 222px;
	height: 109px
	}


#stickercall a:hover     {
	background-image: url("../images/lateral/stickercall2.gif");
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	width: 222px;
	height: 109px
	}



#ciblesetbiens ul        {
	color: #4b383a;
	list-style-type: none;
	margin-top: 10px;
	margin-left: 50px
	}


#stickermail        {
	font-size: 11px
	}

#stickermail a, #stickermail a:visited       {
	color: #4b383a;
	text-decoration: none
	}


#stickermail a:hover      {
	color: #902065;
	text-decoration: underline
	}


/* --------------------------------- LIENS --------------------------------- */
	

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


#chemin a:hover     {
	color: #333;
	text-decoration: none
	}
	
#pied a, #pied a:visited    {
	color: #fff;
	text-decoration: none
	}



#pied a:hover         {
	color: #000;
	text-decoration: underline
	}




/* --------------------------------- MENTIONS --------------------------------- */
#mentions      {
	color: #9b9989;
	background-color: #391508;
	padding-bottom: 12px;
	width: 100%
	}



	
#mentions  ul            {
	color: #9b9989;
	font-size: 11px;
	background-color: #391508;
	text-align: left;
	list-style-type: none;
	padding-top: 8px;
	width: 100%;
	float: right
	}



#mentions  ul li              {
	text-align: right;
	padding-right: 30px
	}

#mentions a, #mentions a:visited     {
	color: #9b9989;
	text-decoration: none;
	background-color: #391508
	}


#mentions a:hover    {
	color: #fff;
	text-decoration: none;
	background-color: #391508
	}


/* --------------------------------- TABLEAU COMPARATIF --------------------------------- */

/* --- Design editorial --- */
#tableau-comparatif h2      {
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px
	}


#tableau-comparatif h2 span      {
	color: #ccc;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px
	}


tr#rang-prestations td h3       {
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	background-color: #e1e1e1;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border-width: 0
	}


#tableau-comparatif  ul   {
	list-style-type: none;
	margin: 10px 0 0
	}
	
#tableau-comparatif ul li    {
	list-style-type: none;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0
	}


#tableau-comparatif table a, #tableau-comparatif table a:visited    {
	color: #39c;
	text-decoration: underline
	}


#tableau-comparatif table a:hover       {
	color: #39c;
	text-decoration: none;
	border-bottom: none
	}


/* --- Design Cellule --- */
#tableau-comparatif       {
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff
	}


	
#tableau-comparatif table       {
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
	width: 1300px;
	border: solid 2px #999;
	border-collapse: collapse
	
	
	}




#tableau-comparatif table td   {
	padding: 10px;
	width: 220px;
	vertical-align: top
	}





/* ---  Rangs  ---  */
tr#rang-prestations    {
	color: #900;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
	vertical-align: top
	}