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


/* --- RESET --- */

* {
	margin: 0;
	padding: 0;
	}


p   {
	margin: 0;
	padding: 0
	}

	
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	
/* --- STRUCTURE --- */

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

	
	
#metacontainer       {
	background-image: url("images/ruban-fond.jpg");
	background-repeat: repeat-y;
	background-position: left top;
	margin: 20px auto;
	width: 900px;
	height: auto
	}
	
	
#container {
	position: relative;
	width: 900px;
	height: 100%
	}
	
#scope      {
	background-image: url("images/scope-relocation.jpg");
	background-position: left top;
	position: relative;
	width: 900px;
	height: 370px
	}




/* --- Logo vers site principal --- */	
#scope p        {
	text-indent: -9999px;
	position: relative;
	top: 62px;
	left: 65px;
	width: 155px;
	height: 60px
	}




#scope p a  {
	text-decoration: none;
	display: block;
	width: 155px;
	height: 60px
	}


#titre      {
	background-image: url("images/titre.jpg");
	background-position: left top;
	position: relative;
	width: 900px;
	height: 60px
	}


/* --- Sicker Call to Action --- */	
#titre p      {
	text-indent: -9999px;
	margin-left: 718px;
	width: 140px;
	height: 55px
	}


#titre p a  {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 50px
	}



#contenu    {
	background-image: url("images/fond-contenu.gif");
	background-repeat: repeat;
	background-position: left top;
	position: relative;
	width: 900px;
	height: auto
	}

#editorial       {
	margin-left: 97px;
	padding-bottom: 20px;
	position: relative;
	width: 760px;
	height: auto
	}




	
#liens     {
	background-image: url("images/top-liens.gif");
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 900px;
	height: 200px
	}



/* --- Liens sites Cibles & Biens --- */
#listing-sites     {
	position: absolute;
	top: 0;
	left: 0;
	width: 650px
	}

#listing-sites dl     {
	margin-top: 20px;
	margin-left: 100px
	}

#listing-sites dl dt    {
	color: #902065;
	font-weight: bold;
	margin-top: 10px;
	}
	
#listing-sites dl dd     {
	color: #fff;
	}

#listing-sites dl dd a, #listing-sites dl dd a:visited      {
	color: #fff;
	text-decoration: underline
	}


	
#listing-sites dl dd a:hover      {
	color: #902065;
	text-decoration: none
	}




#site-principal       {
	background-image: url("images/ensavoirplus.gif");
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	top: 85px;
	left: 650px;
	width: 250px;
	height: 100px
	}



#site-principal h4    {
	text-indent: -9999px;
	width: 200px;
	height: 100px
	}


#site-principal h4 a  {
	text-decoration: none;
	display: block;
	margin-left: 30px;
	width: 200px;
	height: 100px
	}


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

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

#pied p              {
	color: #fff;
	font-size: 11px;
	text-align: left;
	margin-top: 20px;
	padding-top: 8px;
	width: 380px;
	float: right;
	border-top: 1px solid #fff
	}

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



#pied a:hover       {
	color: #666;
	text-decoration: none
	}
	

/* --- DESIGN EDITORIAL --- */	


#contenu p {
	margin-bottom: 1em;
	}

h1  {
	color: #902065;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px
	}


h2  {
	color: #902065;
	font-size: 14px;
	font-weight: bold;
	margin: 2em 0 5px
	}

h3  {
	color: #902065;
	font-size: 14px;
	font-weight: bold;
	margin: 2em 0 5px
	}
	
	
#editorial dl   {
	margin-top: 12px
	}

	
	
#editorial dl dd   {
	margin-left: 12px
	}

	
.callaction   {
	color: #39c;
	font-size: 14px;
	line-height: 18px;
	margin-top: 24px
	}

#contenu .note  {
	color: #666;
	font-size: 12px;
	font-style: italic;
	margin-top: 2em
	}



/* --- Titre de l'include WP --- */	
.titre-actu-satellites      {
	color: #902065;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	border-bottom: 1px solid #bdbdbd
	}