body
{
	background-image: url('./images/background.png');
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Times, serif;
}
img
{
	border: 0px;
}
a
{
	color: #000000;
	text-decoration: none;
}
a:hover
{
	color: #c4c4c4;
	text-decoration: none;
}
div#bande_haut
{
	background-image: url('./images/bande_haut.png');
	background-repeat: no-repeat;
	width: 1030px;
	height: 13px;
	margin: auto;
}
div#header_corps
{
	width: 1030px;
	margin: auto;
}
div#header
{
	background-image: url('./images/header.png');
	background-repeat: no-repeat;
	width: 544px;
	height: 289px;
	float: left;
}
div#last-crea
{
	background-image: url('./images/last_crea.png');
	background-repeat: no-repeat;
	width: 59px;
	height: 289px;
	float: left;
}
div#block_last-crea
{
	background-image: url('./images/back_last-crea.png');
	background-repeat: repeat-y;
	width: 427px;
	height: 289px;
	float: left;
}
div#title_last-crea
{
	background-image: url('./images/title_last-crea.png');
	background-repeat: repeat-y;
	width: 427px;
	height: 29px;
}
div#content_last-crea
{
	width: 427px;
	height: 207px;
}
div#photo_last-crea
{
	width: 181px;
	float: left;
}
div#comment_last-crea
{
	width: 222px;
	float: left;
	padding-left: 2px;
}
div#bottom_last-crea
{
	background-image: url('./images/bottom_last-crea.png');
	background-repeat: repeat-y;
	width: 427px;
	height: 53px;
}
div#block_main
{
	width: 1030px;
	margin: auto;
}
div#block_left
{
	width: 569px;
	float: left;
}
div#block_nav
{
	width: 569px;
	height: 61px;
}
div#nav_home
{
	width: 91px;
	height: 61px;
	float: left;
}
div#nav_portfolio
{
	width: 101px;
	height: 61px;
	float: left;
}
div#nav_offres
{
	width: 106px;
	height: 61px;
	float: left;
}
div#nav_equipe
{
	width: 92px;
	height: 61px;
	float: left;
}
div#nav_devis
{
	width: 78px;
	height: 61px;
	float: left;
}
div#nav_contacts
{
	width: 101px;
	height: 61px;
	float: left;
}
div#title_content
{
	background-image: url('./images/title_content.png');
	background-repeat: no-repeat;
	width: 569px;
	height: 36px;
}
div#back_content
{
	background-image: url('./images/back_content.png');
	background-repeat: repeat-y;
	width: 519px;
	padding-left: 20px;
	padding-right: 30px;
	font-size: 12px;
}
div#back_content a
{
	font-size: 12px;
	color: #216de4;
	text-decoration: none;
}
div#back_content a:hover
{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
div#back_content div.titre_news
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
div#back_content div.date_news
{
	font-size: 9px;
	color: #216de4;
}
div#back_content div.date_news a
{
	font-size: 9px;
	color: #216de4;
	text-decoration: none;
}
div#back_content div.date_news a:hover
{
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}
div.separ
{
	width: 90%;
	height:10px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px dashed #216de4;
	margin: auto;
	margin-bottom: 10px;
}
div#bottom_content
{
	background-image: url('./images/bottom_content.png');
	background-repeat: no-repeat;
	width: 569px;
	height: 16px;
	padding-top: 6px;
	text-align: center;
	color: #ffffff;
}
div#bottom_content a
{
	color: #ffffff;
	text-decoration: none;
}
div#bottom_content a:hover
{
	color: #ffffff;
	text-decoration: none;
}
div#block_middle
{
	width: 236px;
	padding-top: 15px;
	float: left;
}
div#block_hardpack
{
	width: 217px;
	height: 182px;
}
div#block_digitalpack
{
	margin-top: 34px;
	width: 217px;
	height: 182px;
}
div#block_basepack
{
	margin-top: 34px;
	width: 217px;
	height: 182px;
}
div#block_right
{
	width: 212px;
	float: left;
}
div#block_membre
{
	background-image: url('./images/block_membre.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 15px;
}
div#block_login_off
{
	background-image: url('./images/block_login_off.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 90px;
	padding-top: 54px;
	font-size: 10px;
}
div#block_login_off a
{
	color: #000000;
}
div#block_login_off a:hover
{
	color: #216de4;
}
div#block_login_off input
{
	width: 118px;
	height: 16px;
	border: 1px solid #c4c4c4;
	font-size: 9px;
	font-weight: bold;
	padding-left: 2px;
}
div#block_login_on1
{
	background-image: url('./images/block_login_on_1.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 19px;
}
div#block_login_on2
{
	background-image: url('./images/block_login_on_2.png');
	background-repeat: repeat-y;
	width: 212px;
	font-size: 11px;
	padding-left: 5px;
}
div#block_irc
{
	width: 212px;
	height: 53px;
}
div#block_partners
{
	background-image: url('./images/block_partners.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 57px;
}
div#title_partners
{
	background-image: url('./images/title_partners.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 15px;
}
div#back_partners
{
	background-image: url('./images/back_partners.png');
	background-repeat: repeat-y;
	width: 212px;
}
div.content_partners
{
	width: 210px;
	padding-left: 2px;
}
div.separ_partners
{
	background-image: url('./images/back_partners.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 1px;
}
div#bottom_partners
{
	background-image: url('./images/bottom_partners.png');
	background-repeat: no-repeat;
	width: 212px;
	height: 15px;
	margin-bottom: 20px;
}
div#bande_bas
{
	background-image: url('./images/bande_bas.png');
	background-repeat: no-repeat;
	width: 1030px;
	height: 20px;
}
/*
INFOS BULLE
*/
a.info
{
	position: relative;
	color: black;
	/*text-decoration: none;*/
	border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span
{
	display: none; /* on masque l'infobulle */
}
a.info:hover
{
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	color: black;

	cursor: help;  /*on change le curseur par défaut en curseur d'aide */
}
a.info:hover span
{
	width: 300px;
	color: #ffffff;
	padding: 5px;
	text-align:left;
	background-color: #216de4;
	border: 1px solid #ffffff;

	display: inline; /* on affiche l'infobulle */
	position: absolute;

	/*white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 30px; /* on positionne notre infobulle */
	left: 20px;
}