/*--------------------------------------------------------------*/
/*		   G�n�ral	    										*/

* {
	margin:				0px;
	padding:			0px;
}

body {
	font-size:			12px;
	color:				#633757;
	font-family:		verdana,arial,sans-serif;
	text-align:			center;
	/*	pour avoir la frise qui passe sous le menu egalement sur toute la largeur de la page	*/
	background:			url(../images/background_menu.png) repeat-x 0px 178px;
}


#conteneur_page {
	width:				990px;
	text-align: 		left;
	margin:				0px auto;
	position : 			relative;
}


li {
	list-style: 		none;
}

a {
	color:				#4c1d4c;
	text-decoration: 	none;
}

a img {
	border:				none;
}

.gras {
	font-weight: 		bold;	
}

.error_msg {
	color: 				#f00;
	text-align: 		center;
}

.success_msg {
	color: 				#990;
	text-align: 		center;
}

.form_error {
	border:				2px solid #f99;
	background:			#fee;	
}

hr.spacer {
	clear:				both;
	visibility: 		hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;   /* for IE/Mac */
}


/*--------------------------------------------------------------*/
/*		   Header	    										*/

#header {
	background:			url(../images/header.jpg) no-repeat;
	/*	hauteur reelle: height + padding-top + padding-bottom => 152 + 26 + 0 => 178px	*/
	height:				152px;
	padding:			26px 0px 0px 30px;
	margin:				0px 16px 0px 15px;
}

#background_header {
	position:			absolute;
	left :				0px;
	height:				178px;
	width:				100%;
	background:			url(../images/header_spacer.jpg) repeat-y #7D5A77 center;
}

#header img {
	float:				left;
}	

#header .texte {
	margin:				10px 40px 0px 380px;
	font-size:			18px;
	line-height: 		22px;
	color:				#744e74;
}

#menu {
	background:			url(../images/background_menu.png) repeat-x;
	height:				27px;
	line-height:		27px;
	margin:				0px 15px 0px 15px;
	text-transform: 	uppercase;
}

#menu li {
	display:			block;
	float:				left;
}

#menu li.separator {
	font-size:			10px;
	color:				#663C5B;
}

#menu li a {
	position:			relative !important;
	position:			static;
	color:				#fff;
	font-weight: 		bold;
	display:			block;
	height:				27px !important;
	height:				auto; /* pour IE6 */
	line-height:		27px;
	padding:			0px 9px;
	font-size:			10px;
	z-index: 			1000;
}

#menu li a:hover {
	background:			url(../images/background_menu_hover.png) repeat-x;
}

/*--------------------------------------------------------------*/
/*		   Footer	    										*/

#footer {
	height:				45px !important;
	height:				50px;
	line-height:		15px;
	font-size:			10px;
	margin:				5px 15px;
	padding:			15px 5px;
	clear: 				both;
	color:				#C0C0C0;
}

#footer a {
	color:				#C0C0C0; /*#4c1d4c;*/
}

#footer li {
	float:				right;
}

#footer li.separator {
	font-size:			9px;
	padding:			0px 10px;
}

#footer li a {
	color:				#4c1d4c;
}

#footer li a:hover {
	text-decoration: 	underline;
}

#footer a:hover {
	 text-decoration:underline ; 
}
/*--------------------------------------------------------------*/
/*		   Contenu	    										*/

#contenu {
	padding:			0px 15px;
	margin-bottom: 		5px;
}

/*--------------------------------------------------------------*/
/*		   Menu contextuel 										*/

#contextMenu {
	position:			absolute;
	right:				15px;
	width: 				317px;
}

/* Carnet */
#carnet {
	background:			url(../images/pageWithContextMenu/menu/carnet_middle.png) repeat-y 17px 0;
}

#carnet .content_carnet {
	background:			url(../images/pageWithContextMenu/menu/carnet_top.png) no-repeat;
	height:				auto !important;
	height:				155px;
	min-height:			155px;
}

#carnet #bottom_carnet {
	background:			url(../images/pageWithContextMenu/menu/carnet_bottom.png) no-repeat 17px 0;
	height:				57px; /* 62 */
	width: 				237px; /* 317 */
	text-align:			right;
	padding:			5px 80px 0 0;
	margin-bottom:		10px;
}

#carnet #bottom_carnet img {
	padding:			0 0 5px 0;
}

/*--------------------------------------------------------------*/
/*		  Conteneurs a utiliser avec le Menu contextuel			*/

#pageWithContextMenu {
	background:			url(../images/pageWithContextMenu/content/back_content.png) repeat-y 0 0;
	height:				auto !important;
	height:				500px;
	min-height:			500px;
	padding:			15px 340px 25px 45px;
	width:				575px;
}

#pageWithContextMenu .title {
	height: 			35px;
	margin-bottom:		20px;
	margin-left:		-10px;
}

#pageWithContextMenu .highlighted {
	margin:				0px 0px 25px 0px;
	width: 				575px;
}

#pageWithContextMenu .highlighted .top {
	background:			url(../images/pageWithContextMenu/content/top_intro.png) no-repeat;
	font-size:			0px;
	height: 			10px;
}

#pageWithContextMenu .highlighted .content {
	background-color: 	#d7ccd5;
	font-weight: 		bold;
	line-height:		16px;
	padding:			10px;
	text-align:			justify;
}

#pageWithContextMenu .highlighted .content span {
	font-weight: 		normal;
}

#pageWithContextMenu .highlighted .bottom {
	background:			url(../images/pageWithContextMenu/content/bottom_intro.png) no-repeat;
	font-size:			0px;
	height: 			10px;
}

#pageWithContextMenu_bottom {
	background:			url(../images/pageWithContextMenu/content/bottom_content.png) no-repeat;
	height: 			15px;
}

#pageWithContextMenu .subContent {
	padding:			0px 12px 0px 13px;
	width:				550px;
}

#pageWithContextMenu .subContent .top {
	background:			url(../images/pageWithContextMenu/content/bg_subContentTop.png) no-repeat;
	font-size:			0px;
	height:				10px;
}

#pageWithContextMenu .subContent .bottom {
	background:			url(../images/pageWithContextMenu/content/bg_subContentBottom.png) no-repeat;
	font-size:			0px;
	height:				15px;
}

#pageWithContextMenu .subContent .content {
	background:			url(../images/pageWithContextMenu/content/bg_subContent.png) repeat-y;
	padding:			0px 15px;
}

#pageWithContextMenu .subContent .content .subTitle {
	background:			url(../images/pageWithContextMenu/content/puce_subContentTitle.png) no-repeat;
	font-size: 			13px;
	font-weight: 		bold;
	height:				15px;
	line-height:		15px;
	margin-bottom:		15px;
	padding-left:		20px;
}

#pageWithContextMenu .subContent .content dl {
	padding-left:		15px;
}

#pageWithContextMenu .subContent .content dt {
	font-size:			10px;
	line-height:		12px;
	margin-bottom: 		10px;
}

#pageWithContextMenu .subContent .content dt span {
	color:				#cfc831;
	float:				left;
	font-size:			20px;
	height:				12px;
	line-height:		9px;
	margin-right:		3px;
}

#pageWithContextMenu .subContent .content dd {
	padding-left:		20px;
}

#pageWithContextMenu .subContent .content dd li {
	list-style: 		square inside;
	color:				#be096c;
}

#pageWithContextMenu .subContent .content dd li span {
	color:				#633757;
	font-size: 			10px;
}

/*--------------------------------------------------------------*/
/*		    			   Homepage		                        */


/*** Structure ***/
#homepage {
	background			: transparent url(../images/homepage/bg_content.png) repeat-y;
	position			: relative;
	padding				: 103px 35px 10px 35px;
}

div#bottom {
	background			: transparent url(../images/homepage/bottom_content.png) no-repeat;
	height				: 15px;
}


/*** Titre ***/
#homepage h1 {
	background			: url(../images/homepage/header_flash_2.png) no-repeat;
	height				: 94px;
	left				: 1px !important;
	left				: -33px; /* For IE 6 */
	position			: absolute;
	text-indent			: -5000px;
	top					: 0;
	width				: 610px;
}


/*** Zone flash ***/
#preamble {
	clear				: both;
	clear				: none !ie;
	height				: 160px;
	width				: 890px;
}


/*** Zone d'informations en dessous du flash ***/
#homepage div#info {
	background			: url(../images/homepage/bg_info.png) repeat-x;
	border-top			: 3px solid #633757;
	color				: #be096c;
	font-size			: 9px;
	margin				: 1px 0 0 0;
	width				: 890px;
}

#homepage div#info div {
	height				: 28px;
	line-height			: 28px;
	margin				: 0 0 0 30px;
}

#homepage div#info p {
	float				: left;
}	

#homepage div#info p.ico {
	background			: url(../images/homepage/info_ico.png) no-repeat;
	float				: left;
	height				: 28px;
	margin				: 0 0 0 3px;
	width				: 25px;
}


/*** Texte introduction de la homepage ***/
#homepage div#quickSummary,
#homepage div#links {
	color				: #857b84;
	font-size			: 9px;
	text-align			: justify;
}

#homepage div#quickSummary {
	background			: #fff url(../images/homepage/bg_bottom_summary.png) repeat-x bottom;
	padding				: 0 0 8px 0;
}

#homepage div#quickSummary b {
	color				: #5a3a57;
	text-transform		: uppercase;
}

/* En savoir plus */
#homepage div#quickSummary .more {
	color				: #5a3a57;
	text-align			: right;
}

#homepage div#quickSummary .more a {
	text-decoration		: underline;
}


/*** Liens en bas de page ***/
#homepage div#links {
	margin				: 10px 0 0 0;
}

#homepage div#links b {
	text-transform		: uppercase;
}

#homepage div#links a {
	color				: #857b84 ;
}


/*** Zoom sur ***/
#homepage div#zoom {
	float				: right;
	margin				: -90px 0 0 0;
	position			: relative;
	width				: 185px;
}

/* Structure */
#homepage div#zoom h2 {
	background			: transparent url(../images/homepage/bg_zoom_sur.png) no-repeat;
	height				: 23px;
	position			: absolute;
	text-indent			: -5000px;
	width				: 186px;
}

#homepage div#zoom div.content {
	background-color	: #d7ccd5;
	margin				: 13px 0 0 2px;
	min-height			: 61px;
	padding				: 13px 3px 3px 3px;
	padding				: 26px 3px 3px 3px !ie;
	width				: 177px;
}

/* Logo */
#homepage div#zoom .logoContainer {
	background			: url(../images/homepage/bg_logo_nc.png) no-repeat;
	float				: left;
	height				: 46px;
	position			: relative;
	width				: 46px;
}

#homepage div#zoom .logoContainer .logo {
	height				: 46px;
	position			: absolute;
	text-align			: center;
	top					: 0;
	width				: 46px;
}

#homepage div#zoom .logoContainer .logo img {
	height				: 37px;
	margin				: 4px;
	width				: 38px;
}

#homepage div#zoom .logoContainer .effet {
	background			: url(../images/homepage/fg_logo_nc.png) no-repeat;
	height				: 46px;
	width				: 46px;
	position			: absolute;
	top					: 0;
}

/* Contenu */
#homepage div#zoom p.title,
#homepage div#zoom p.text {
	color				: #000;
	margin				: 0 0 0 50px;
}

#homepage div#zoom p.title {
	font-size			: 14px;
	font-weight			: bold;
}

#homepage div#zoom p.text {
	font-size			: 10px;
	line-height			: 15px;
}

#homepage div#zoom p.more {
	clear				: both;
	color				: #633757;
	font-size			: 10px;
	text-align			: right;
}

/* En savoir plus */
#homepage div#zoom p.more a {
	text-decoration		: underline;
}



/*--------------------------------------------------------------*/
/*		   Home - Metiers	    							*/

#metierContainer {
	padding:			20px 0 20px 0;
	width:				890px;
}

#metierContainer  dl.metier {
	background:			url(../images/homepage/bg_metier.png) no-repeat;
	float:				left;
	height:				148px;
	margin:				0 35px 0 0;
	padding:			2px 2px 5px 2px;
	width:				146px;
}

#metierContainer  dl.last {
	margin:				0;
}

#metierContainer  dl.conseil,
#metierContainer  dl.conseil a {
	color:				#990;
}

#metierContainer  dl.creation_graphique,
#metierContainer  dl.creation_graphique a {
	color:				#a75087;
}

#metierContainer  dl.developpement,
#metierContainer  dl.developpement a {
	color:				#633757;
}

#metierContainer  dl.referencement,
#metierContainer  dl.referencement a {
	color:				#5a6798;
}

#metierContainer  dl.hebergement,
#metierContainer  dl.hebergement a {
	color:				#be096c;
}

#metierContainer  dl.metier dt {
	font-weight:		bold;
	height:				15px;
	padding:			10px 3px 5px 5px;
}

#metierContainer  dl.metier dd.bande {
	height:				12px;
	width:				146px;
}

#metierContainer  dl.conseil dd.bande {
	background:			url(../images/homepage/bande_conseil.png) no-repeat;
}

#metierContainer  dl.creation_graphique dd.bande {
	background:			url(../images/homepage/bande_creation.png) no-repeat;
}

#metierContainer  dl.developpement dd.bande {
	background:			url(../images/homepage/bande_developpement.png) no-repeat;
}

#metierContainer  dl.referencement dd.bande {
	background:			url(../images/homepage/bande_referencement.png) no-repeat;
}

#metierContainer  dl.hebergement dd.bande {
	background:			url(../images/homepage/bande_hebergement.png) no-repeat;
}

#metierContainer  dl.metier dd.list {
	font-size:			11px;
	height:				96px;
	letter-spacing:		-1px;
	line-height:		15px;
	padding:			10px 3px 0px 5px;
	position:			relative;
}

#metierContainer  dl.metier dd.list a.graine {
	bottom:				5px;
	display:			block;
	height:				36px;
	position:			absolute;
	right:				5px;
	width:				34px;
}

#metierContainer  dl.conseil dd.list a.graine {
	background:			url(../images/homepage/bt_conseil.png) no-repeat;
}

#metierContainer  dl.creation_graphique dd.list a.graine {
	background:			url(../images/homepage/bt_creation.png) no-repeat;
}

#metierContainer  dl.developpement dd.list a.graine {
	background:			url(../images/homepage/bt_developpement.png) no-repeat;
}

#metierContainer  dl.referencement dd.list a.graine {
	background:			url(../images/homepage/bt_referencement.png) no-repeat;
}

#metierContainer  dl.hebergement dd.list a.graine {
	background:			url(../images/homepage/bt_hebergement.png) no-repeat;
}


/*--------------------------------------------------------------*/
/*		   Actualite - Liste									*/

#liste_actualites {
	float:				right;	
	background:			url(../images/background_liste_element.png) no-repeat;
	height:				470px;
	width:				283px;
	margin-top:			-28px;
	margin-left:		-3px;
	padding:			55px 7px 10px 0px;
	font-size:			11px;
}

#liste_actualites li {
	margin:				2px 0px;
}

#liste_actualites .actualite_mois {
	background:			url(../images/liste_element_mois.png) no-repeat;
	height:				20px;
	color:				#fff;
	font-size: 			14px;
	font-weight: 		bold;
	padding-left:		10px;
	line-height: 		20px;
	margin:				0px 0px 10px 5px;
}

#liste_actualites .apercu_actualite {
	height:				60px;
	border-bottom:		1px solid #4c1d4c;
	margin-left:		10px;
	padding:			10px 5px;
}

#liste_actualites .apercu_actualite span.date {
	border:				1px solid #4c1d4c;
	padding:			0px 5px;
	margin-bottom:		-14px;
	display: 			block;
	width:				52px;
}

#liste_actualites p.titre,
#liste_actualites p.sous_titre {
	margin-left:		95px;
}

#liste_actualites p.titre {
	text-transform: 	uppercase;
	font-weight: 		bold;
}

#liste_actualites .apercu_actualite p.suite {
	margin-top:			1px;
	margin-left:		95px;
}

#liste_actualites .apercu_actualite p.suite a {
	color:				#fff;
	font-weight: 		bold;
	padding-right:		15px;
	line-height:		16px;
	background:			url(../images/tilemap_puce.gif) no-repeat 100% 0px;
}

#liste_actualites .apercu_current_actualite {
	height:				58px;
	background:			url(../images/background_apercu_current_element.png) 100% 100%;
	padding:			10px 5px 13px 15px;
}

#liste_actualites .apercu_current_actualite span.date {
	border:				1px solid #c8ca2a;
	font-size:			11px;
	padding:			0px 5px;
	margin-bottom:		-14px;
	display: 			block;
	width:				52px;
}

#liste_actualites .apercu_current_actualite p.titre a {
	cursor:				default;
}

#liste_actualites .apercu_current_actualite p.suite {
	display:			none;
}

#liste_actualites p.photo img {
	width: 				40px;
	height:				40px;
}

#liste_actualites p.photo {
	background:			url(../images/background_photo_list.png) no-repeat bottom right;
	width:				44px;
	height:				43px;
	float:				left;
	margin-top:			19px;
	margin-left: 		10px;
}

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

#conteneur_article {
	margin:				0px 290px 0px -3px;
	background:			url(../images/background_article.png) repeat-y;
}

#contenu_article {
	position: 			relative;
	top: 				-7px;
	margin: 			0px 20px 0px 25px;
	padding-bottom:		0px !important;
	padding-bottom:		5px;
}

#footer_article {
	background:			url(../images/footer_article.png) no-repeat;
	height:				5px;
	font-size:			0px;
}

.pagination {
	margin-top:			5px;
	color:				#990;
}

.pagination .previous {
	float:				left;	
}

.pagination .next {
	float:				right;	
}

.pagination .inactive {
	color:				#999;	
}

.pagination .all {
	margin:				0px 150px;	
	text-align:			center;
}


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


#header_actualite {
	background:			url(../images/background_actualite.png) no-repeat;
	padding:			70px 84px 30px 16px;
	height:				173px;
}

#header_actualite img {
	width: 				auto !important;
	height:				auto !important;
	max-width:			140px;
	max-height: 		165px;
	border:				1px solid #79556e;
	float:				left;
	/* For IE 6 */
	width:				140px;
	height:				165px;
}

#header_actualite div.texte {
	margin-left:		175px;
}

#header_actualite span.date {
	background:			url(../images/tilemap_puce.gif) no-repeat 3px -32px;
	height:				14px;
	font-size:			10px;
	line-height:		12px;
	margin-left:		30px;
	padding:			0px 3px 0px 15px;
	border:				1px solid #c8ca2a;
}

#header_actualite p.titre {
	color:				#990;
	font-size:			24px;
	line-height:		30px;
	padding-left:		30px;
	background:			url(../images/puce_titre.gif) no-repeat 3px 7px;
	margin:				20px 0px;
}

#header_actualite div.synopsis {
	font-size:			12px;
	font-weight: 		bold;
}


/*--------------------------------------------------------------*/
/*		   Static - Page										*/

#conteneur_static {
	margin:				0px 0px 0px -3px;
	background:			url(../images/background_static.png) repeat-y;
}

#contenu_static {
	padding:			65px 24px 0px 36px;
}

#footer_static {
	background:			url(../images/footer_static.png) no-repeat;
	height:				5px;
	position:			relative;
	top:				5px;
	font-size:			0px;
}


#conteneur_static .positionnement {
	background:			url(../images/background_positionnement.png) no-repeat;
}

#conteneur_static .demarche {
	background:			url(../images/background_demarche.png) no-repeat;
}

#conteneur_static .equipe {
	background:			url(../images/background_equipe.png) no-repeat;
}

#conteneur_static .references {
	background:			url(../images/background_references.png) no-repeat;
}

#conteneur_static .contacts {
	background:			url(../images/background_contacts.png) no-repeat;
}

#conteneur_static .recrutement {
	background:			url(../images/background_recrutement.png) no-repeat;
}

#conteneur_static .apporteur_affaire {
	background:			url(../images/background_apporteur_affaire.png) no-repeat;
}

#conteneur_static .tombola_presta2009 {
	background:			url(../images/background_tombola_presta2009.png) no-repeat;
}

.tombola_presta2009_focus {
	background:			url(../images/title_tombola.png) no-repeat;
	height:				32px;
}


/*--------------------------------------------------------------*/
/*		   Temoignage - Liste									*/

#liste_temoignages {
	float:				right;	
	background:			url(../images/background_liste_element.png) no-repeat;
	height:				470px;
	width:				283px;
	margin-top:			-35px;
	margin-left:		-3px;
	padding:			55px 7px 10px 0px;
	font-size:			11px;
	text-align:			left;
}

#liste_temoignages li {
	margin:				2px 0px;
}

#liste_temoignages .apercu_temoignage {
	height:				60px;
	border-bottom:		1px solid #4c1d4c;
	margin-left:		10px;
	padding:			10px 5px;
}

#liste_temoignages p.titre,
#liste_temoignages p.sous_titre {
	margin-left:		5px;
}

#liste_temoignages p.titre {
	text-transform: 	uppercase;
	font-weight: 		bold;
}

#liste_temoignages .apercu_temoignage p.suite {
	margin-top:			1px;
	margin-left:		5px;
}

#liste_temoignages .apercu_temoignage p.suite a {
	color:				#fff;
	font-weight: 		bold;
	padding-right:		15px;
	line-height:		16px;
	background:			url(../images/tilemap_puce.gif) no-repeat 100% 0px;
}

#liste_temoignages .apercu_current_temoignage {
	height:				58px;
	background:			url(../images/background_apercu_current_element.png) 100% 100%;
	padding:			10px 5px 13px 15px;
}

#liste_temoignages .apercu_current_temoignage p.titre a {
	cursor:				default;
}

#liste_temoignages .apercu_current_temoignage p.suite {
	display:			none;
}

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

#header_temoignage {
	background:			url(../images/background_temoignage.png) no-repeat;
	padding:			70px 84px 30px 16px;
	height:				167px;
	text-align:			left;
}

#header_temoignage img {
	width:				140px;
	height:				165px;
	border:				1px solid #79556e;
	float:				left;
}

#header_temoignage div.texte {
	margin-left:		175px;
}

#header_temoignage p.titre {
	color:				#990;
	font-size:			24px;
	line-height:		30px;
	padding-left:		30px;
	background:			url(../images/puce_titre.gif) no-repeat 3px 7px;
	margin:				20px 0px;
}

#header_temoignage div.synopsis {
	font-size:			12px;
	font-weight: 		bold;
}


/*--------------------------------------------------------------*/
/*		   Contact - Liste									*/

#liste_contacts {
	float:				right;	
	background:			url(../images/background_liste_element.png) no-repeat;
	height:				470px;
	width:				283px;
	margin-top:			-35px;
	margin-left:		-3px;
	padding:			55px 7px 10px 0px;
	font-size:			11px;
}

#contact_general {
	background:			url(../images/background_cartouche.png) 100% 100%;
	margin:				5px 10px;
	padding:			10px;
}

#contacts {
	padding:			0px 10px;
}

#contacts li {
	margin:				2px 0px;
	font-size:			15px;
	font-weight: 		bold;
}

#contacts .apercu_contact {
	height:				20px;
	border-bottom:		1px solid #4c1d4c;
	margin-left:		2px;
	padding:			10px 5px;
}

#contacts p.titre {
	margin-left:		5px;
}

#contacts .apercu_current_contact {
	height:				18px;
	background:			url(../images/background_apercu_current_element.png) 100% 100%;
	padding:			10px 5px 13px 15px;
}

#contacts .apercu_current_contact p.titre a {
	cursor:				default;
}

/*--------------------------------------------------------------*/
/*		   Contact - Formulaire									*/

#header_contact {
	background:			url(../images/background_contact.png) no-repeat;
	padding:			70px 30px 30px 16px;
	height:				auto !important;
	height:				167px;
	min-height:			167px;
}

#header_plan {
	background:			url(../images/background_contact.png) no-repeat;
	padding:			60px 30px 10px 30px;
}

#header_contact img {
	width:				140px;
	height:				165px;
	border:				1px solid #79556e;
	float:				left;
	margin-right:		10px;
}

#header_contact p.titre {
	color:				#990;
	font-size:			24px;
	line-height:		30px;
	padding-left:		30px;
	background:			url(../images/puce_titre.gif) no-repeat 3px 7px;
	margin:				0px 0px 15px 155px;
}

#header_contact div.information {
	margin-bottom:		10px;	
}

#header_contact div.information p {
	font-size:			12px;
	margin:				3px 0px 2px 170px;
}

#header_contact div.information span {
	font-weight: 		bold;
	width:				50px;
	float:				left;
}

#header_contact p.description {
	margin-left:		15px;
}

#sendmail {
	margin:				0px 30px;
	padding-top:		10px;
	border-top:			1px solid #8b6f8b;
}

#sendmail input {
	width:				200px;
	margin: 			2px 0px 10px 0px;
}

#sendmail input.send {
	width:				auto;
	margin: 			10px 0px 0px 0px;
}

#sendmail textarea {
	width:				600px;
	height:				180px;	
}

/*--------------------------------------------------------------*/
/*		   la rubrique Demarche									*/

#home_demarche {
	float:				left;	
	background:			url(../images/demarche/background_demarche.png) no-repeat;
	height:				460px;
	width:				630px;
	padding:			55px 20px 5px 5px;
	color:				#000;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}

#home_demarche .droite{
	height:				430px;
	width:				270px;
	float:				right;
	padding:			10px 10px 0px 10px;
}

.grasMaj{
	font-weight: 		bold;
	text-transform:		uppercase;
	background: 		URL(../images/demarche/rond_jaune.png) no-repeat 0px 3px;
	padding-left:		10px;
}
.grasMajItalic{
	font-weight: 		bold;
	font-style:			italic;
	text-transform:		uppercase;
}
.accrocheRose{
	font-weight: 		bold;
	text-transform:		uppercase;
	color:				#BE096C;
	font-size:			12px;
	margin-bottom:				10px;
}

#home_demarche .gauche{
	height:				430px;
	width:				290px;
	float:				left;
	border-right: 		1px solid #c0c0c0;
	padding:			10px 10px 0px 30px;
}

#home_demarche .gauche p{
	text-align:			left;
	margin-top:			7px;
}
#home_demarche .gauche .mutualisation{
	background:			url(../images/demarche/fond_violet.png) no-repeat;
	width:				250px;
	height:				62px;
	padding:			13px;
	color:				#995587;
	font-size:			12px;
}

#atout_demarche{
	width:				305px;
	height:				480px;
	background:			url(../images/demarche/fond_violet_hachure.png) no-repeat;
	float:				left;	
	margin-top:         20px;
	color:				#fff;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}

.titre_pr{
	width:				210px;
	height:				50px;
	font-size:			14px;
	font-family:		verdana,arial,sans-serif;
	background: 		URL(../images/demarche/picto.png) no-repeat 70px 26px;
	font-weight: 		bold;
	text-transform:		uppercase;
	padding-top:		25px;
	padding-left:		90px;
}
#atout_demarche img{
	padding-top:		19px;
}

#atout_demarche .lesatouts{
	padding:			0 28px;
	font-weight: 		bold;
}

#atout_demarche .lesatouts li, #home_demarche .gauche li{
	background: 		URL(../images/demarche/carre_violet.png) no-repeat 3px 11px;
	text-indent: 		15px;
	font-weight: 		normal;
	padding-top:		8px;
} 

#atout_demarche .lesatouts .txt{
	font-weight: 		normal;
	padding-top:		10px;
}


/*--------------------------------------------------------------*/
/*		   les smart page							*/

#home_smart_page{
	float:				left;	
	background:			url(../images/background_smart_page.png) no-repeat;
	height:				470px;
	width:				640px;
	padding:			15px 20px 5px 15px;
	color:				#000;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}

#home_smart_page_creation_site{
	float:				left;	
	background:			url(../images/background_smart_page2.png) no-repeat center bottom;
	height:				595px;
	width:				640px;
	padding:			15px 20px 5px 15px;
	color:				#000;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}

#home_smart_page .sp_titre, #home_smart_page_creation_site .sp_titre{
	color :				#A75087;
	font-size:			20px;
	font-family:		verdana,arial,sans-serif;/*,Bookman Old Style*/
	padding:			10px 10px;
}

#home_smart_page .sp_contenu, #home_smart_page_creation_site .sp_contenu{
	font-size:			11px;
	font-family:		verdana,arial,sans-serif;
	padding:			10px 10px;
}

#home_smart_page H2, #home_smart_page_creation_site H2{
	font-size:			11px;
	font-family:		verdana,arial,sans-serif;
	padding:			10px 10px;
}

#home_smart_page li, #home_smart_page_creation_site li{
	background: 		URL(../images/demarche/carre_violet.png) no-repeat 2px 7px;
	text-indent: 		15px;
	padding:			4px 0px;
}
#home_smart_page .sp_contenu a:hover , #home_smart_page_creation_site .sp_contenu a:hover{
	text-decoration: 	underline;
}

/*--------------------------------------------------------------*/
/*		   la rubrique Positionnement							*/

#home_positionnement{
	float:				left;	
	background:			url(../images/positionnement/background_positionnement.png) no-repeat;
	height:				440px;
	width:				631px;
	padding:			55px 20px 5px 5px;
	color:				#000;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}

#col_droite{
	width:				302px;
	height:				390px;
	background:			url(../images/demarche/fond_violet_hachure.png) no-repeat;
	float:				left;	
	margin-top:         20px;
	color:				#fff;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}

#li_jaune{
	background: 		URL(../images/demarche/rond_jaune.png) no-repeat 32px 15px;
	text-indent: 		15px;
	font-weight: 		normal;
	width:				260px;
	padding:			15px 30px;
} 
#li_violetMaj{
	background: 		URL(../images/demarche/carre_violet.png) no-repeat 32px 7px;
	text-indent: 		15px;
	padding:			4px 30px;
	text-transform:		uppercase;
} 
#li_violet{
	background: 		URL(../images/demarche/carre_violet.png) no-repeat 32px 7px;
	text-indent: 		15px;
	padding:			4px 30px;
}

#col_droite .rect_bas{
	width:				257px;
	height:				57px;
	background: 		URL(../images/positionnement/fond_rose.png) no-repeat;
	margin:				0px 25px;
	text-transform:		uppercase;
	font-size:			12px;
	padding:			15px;
	font-weight: 		bold;
}

#home_positionnement .rec_entete{
	width:				577px;
	height:				110px;
	background: 		URL(../images/positionnement/fond_violet_clair.png) no-repeat;
	margin:				10px 30px;
	font-size:			12px;
	padding:			15px;
	color:				#995587;
}
#home_positionnement .photo1{
	width:				157px;
	height:				210px;
	background: 		URL(../images/positionnement/photo1.png) no-repeat;
	top:				230px;
	left:				410px;
	position:			absolute
}
#home_positionnement .photo2{
	width:				255px;
	height:				120px;
	background: 		URL(../images/positionnement/photo2.png) no-repeat;
	margin-left:		5px;
}
#home_positionnement .bas_droit{
	width:				270px;
	height:				177px;
	float:				left;
	padding:			20px;
}
#home_positionnement .bas_gauche{
	width:				270px;
	height:				177px;
	border-right: 		1px solid #c0c0c0;
	float:				left;
	padding:			25px;
}
#li_jaune2{
	background: 		URL(../images/demarche/rond_jaune.png) no-repeat 2px 15px;
	text-indent: 		15px;
	font-weight: 		normal;
	width:				260px;
	padding:			15px 0px;
} 

/*--------------------------------------------------------------*/
/*		   			la rubrique Metiers							*/

/* *** Menu *** */
#liste_metiers {
	padding:			80px 60px 0 20px;
	width:				237px;
}

#liste_metiers a {
	background:			url(../images/metiers/menu/bg_carnet_menu.png) repeat-x;
	border-right:		1px solid #eee;
	display:			block;	
	height:				36px;
	line-height:		36px;
}

#liste_metiers a:hover {
	background:			url(../images/metiers/menu/bg_carnet_menu_hover.png) repeat-x;
}
#liste_metiers a.active {
	background:			url(../images/metiers/menu/bg_carnet_menu_hover.png) repeat-x;
}

#liste_metiers dt a {
	padding-left:		10px;
}

#liste_metiers dt a span {
	display:			block;
	font-size:			12px;
	font-weight:		bold;
	padding-left:		12px;
}

#liste_metiers dt.conseil a span {
	background:			url(../images/metiers/menu/puce_conseil.png) no-repeat;
	color:				#999900;
}

#liste_metiers dt.conseil a.active span {
	background:			url(../images/metiers/menu/puce_conseil_active.png) no-repeat;
}

#liste_metiers dt.creation_graphique a span {
	background:			url(../images/metiers/menu/puce_crea_graphique.png) no-repeat;
	color:				#935184;
}

#liste_metiers dt.creation_graphique a.active span {
	background:			url(../images/metiers/menu/puce_crea_graphique_active.png) no-repeat;
}

#liste_metiers dt.developpement a span {
	background:			url(../images/metiers/menu/puce_developpement.png) no-repeat;
	color:				#633757;
}

#liste_metiers dt.developpement a.active span {
	background:			url(../images/metiers/menu/puce_developpement_active.png) no-repeat;
}

#liste_metiers dt.referencement a span {
	background:			url(../images/metiers/menu/puce_referencement.png) no-repeat;
	color:				#7d90be;
}

#liste_metiers dt.referencement a.active span {
	background:			url(../images/metiers/menu/puce_referencement_active.png) no-repeat;
}

#liste_metiers dt.hebergement a span {
	background:			url(../images/metiers/menu/puce_hebergement.png) no-repeat;
	color:				#a2116a;
}

#liste_metiers dt.hebergement a.active span {
	background:			url(../images/metiers/menu/puce_hebergement_active.png) no-repeat;
}


#liste_metiers dd a {
	font-size:			11px;
	font-weight:		bold;
	padding-left:		25px;	
}

#liste_metiers dd.conseil a {
	color:				#999900;
}

#liste_metiers dd.creation_graphique a {
	color:				#935184;
}

#liste_metiers dd.developpement a {
	color:				#633757;
}

#liste_metiers dd.referencement a {
	color:				#7d90be;
}

#liste_metiers dd.hebergement a {
	color:				#a2116a;
}

#rappel_metier {
	background:			url(../images/metiers/menu/bg_rappel_metier.png) no-repeat;
	height:				165px;
	right:				-18px;
	position:			relative;
	width:				300px;
}

#rappel_metier a {
	font-size:			10px;
	font-weight:		bold;
	position:			absolute;
}

#rappel_metier a.conseil {
	color:				#999900;
	left:				50px;
	top:				25px;
}

#rappel_metier a.creation_graphique {
	color:				#935184;
	right:				10px;
	top:				25px;
}

#rappel_metier a.developpement {
	color:				#633757;
	right:				20px;
	top:				85px;
}

#rappel_metier a.referencement {
	color:				#7d90be;
	left:				95px;
	bottom:				35px;
}

#rappel_metier a.hebergement {
	color:				#a2116a;
	left:				10px;
	top:				85px;
}


/* *** */

/* *** Conteneur *** */
#header_metier {
	height:				223px;
	margin-bottom:		20px;
}

#header_metier div.title {
	height:				40px;
	margin-bottom:		10px;
}

.metier_title {
	background:			url(../images/metiers/title_metiers.png) no-repeat;
}

#header_metier div.header_conseil {
	background:			url(../images/metiers/back_content_conseil.png) no-repeat;
}

#header_metier div.header_crea_graphique {
	background:			url(../images/metiers/back_content_crea_graphique.png) no-repeat;
}

#header_metier div.header_developpement {
	background:			url(../images/metiers/back_content_developpement.png) no-repeat;
}

#header_metier div.header_referencement {
	background:			url(../images/metiers/back_content_referencement.png) no-repeat;
}

#header_metier div.header_hebergement {
	background:			url(../images/metiers/back_content_hebergement.png) no-repeat;
}


#header_metier img {
	float:				left;
}

#header_metier p.title,
#header_metier p.description {
	margin-left:		160px;
}

#header_metier p.title {
	background:			url(../images/puce_titre.gif) no-repeat;
	color:				#999900;
	font-size: 			16px;
	font-weight: 		bold;
	margin-top:			25px;
	padding-left:		20px;
	text-transform: 	uppercase;
}

#header_metier p.description {
	font-size:			12px;
	font-weight: 		bold;
	margin-top:			45px;
}

#contenu_metier {
	margin: 			0px 0px 5px 0px;
}

#contenu_metier img.contenu_metier_image {
	margin-bottom:		15px;
}

#contenu_metier .contenu_metier_title {
	color:				#be096c;
	font-size:			12px;
	font-weight: 		bold;
	margin-bottom:		20px;
}

#contenu_metier .contenu_metier_paragraphe {
	font-size:			10px;
	margin-bottom:		15px;
	text-align: 		justify;
}

/* *** */


/*--------------------------------------------------------------*/
/*			Rubrique r�f�rence									*/

/* Ref menu */
dl.ref_menu {
	font-size: 			9px;
	width:				154px;
	margin-bottom:		25px;
}

dl.ref_menu dd {
	background-color:	#efecee;
	border-bottom:		1px solid #b39da8;
	border-left:		1px solid #b39da8;
	border-right:		1px solid #b39da8;
	line-height:		21px;
	position:			absolute;
	width:				152px;
}

dl.ref_menu dt {
	background:			url(../images/references/menu/menu_first.png) no-repeat;
	display: 			block;
	height:				20px;
	line-height: 		20px;
	padding:			0 24px 0 3px;
	width:				127px;
	cursor: 			pointer;
}

dl.ref_menu ul li a {
	display: 			block;
	padding:			0 3px 0 3px;
	width:				146px;
}

dl.ref_menu ul li a:hover {
	background:			url(../images/references/menu/menu_back_hover.png) no-repeat;
}

#div_projets,
#div_secteurs {
	float:				left;
	line-height: 		20px;
	margin-left:		20px;
}

#div_projets span,
#div_secteurs span,
#div_projets .ref_menu,
#div_secteurs .ref_menu {
	float:				left;
}

#div_projets span,
#div_secteurs span {
	padding-right:		5px;
	font-weight: 		bold;
}

/**********/

#reference_carnet {
	padding:			30px 30px 0 50px;
	width:				230px;
	width:				237px;
}

#reference_carnet p {
	text-align: 		justify;
}

#reference_carnet p.entete {
	text-align:			center;
}

#reference_carnet p.entete span.title {
	background:			url(../images/demarche/picto.png) no-repeat;
	padding:			0px 0px 1px 18px;
	font-size: 			12px;
	font-weight: 		bold;
	text-transform: 	uppercase;
}

#reference_carnet p.entete span.last_rea img {
	margin:				15px 0 15px 0;
}

#reference_carnet p.secteurs {
	padding:			0 0 0 45px;
	font-size: 			10px;
}

#reference_carnet p.secteurs span {
	text-transform: 	uppercase;
	font-weight: 		bold;
}

#reference_carnet #autres_realisations p {
	float:				left;
	width:				112px;
	text-align:			center;
	padding:			5px 0 5px 0;
	font-size:			10px;
	font-weight: 		bold;
}

/**********/

.reference_title {
	background:			url(../images/references/title_references.png) no-repeat;
}

#content_reference .secteurs {
	font-weight: 		bold;
	font-size: 			18px;
}

#content_reference .titre {
	font-weight: 		bold;
}

#content_reference .url {
	margin:				0 0 25px 0;
	text-align: 		right;
}

#content_reference div.descriptif {
	width:				300px;	
	float:				left;
	padding-right:		10px;
	margin-right:		10px;
	border-right:		2px solid #7c5771;
}

#content_reference div.realisation {
	padding-left:		322px;
}

#content_reference p.titre {
	text-transform: 	uppercase;
	font-weight: 		bold;
	font-size: 			14px;
	margin-bottom:		10px;
}

#content_reference div.realisation .sous_titre,
#content_reference div.descriptif .sous_titre {
	font-weight: 		bold;
}

#content_reference div.descriptif .texte {
	margin-bottom:		10px;
}

span.brique_couleur {
	padding:			0 10px 0 10px;
	height:				10px;
	width:				5px;
}

#content_reference div.realisation span.brique_couleur {
	position: 			absolute;
	margin:				3px 0 0 -30px;
}

#content_reference div.realisation ul li {
	padding:			15px 0 0 30px;
}

#content_reference div.technologies {
	margin:				20px 0 0 0;
}

#content_reference div.technologies li {
	display: 			inline;
}

#legend {
	background:			transparent url(../images/pageWithContextMenu/content/back_content.png) repeat-y scroll 0 0;
	padding:			0px 0px 25px 30px;
}

#legend p {
	margin:				0 0 5px 0;
}

#legend li {
	display: 			inline;
	margin:				0 5px 0 0;
}

#legend span.titre {
	float:				left;
}

/*--------------------------------------------------------------*/
/*		   la rubrique Equipe  									*/

#home_equipe{
	background:			url(../images/equipe/background_equipe.png) no-repeat;
	height:				507px;
	width:				630px;
	margin-top:			5px;
	padding-left:		20px;
	float:				left;
	color:				#000;
	font-size:			10px;
}

#home_equipe .droite{
	height:				430px;
	width:				280px;
	float:				left;
	padding:			10px 10px 0px 20px;
	margin-top:			40px;
	background:			url(../images/equipe/photo.png) no-repeat bottom;
}
#home_equipe .gauche{
	height:				320px;
	width:				290px;
	float:				left;
	padding:			10px 10px 0px 5px;
	margin-top:			140px;
}

#col_droite{
	width:				302px;
	height:				360px;
	background:			url(../images/demarche/fond_violet_hachure.png) no-repeat bottom;
	float:				left;	
	margin-top:         20px;
	color:				#fff;
	font-size:			10px;
	font-family:		verdana,arial,sans-serif;
}
#col_droite .titre_pro{
	width:				250px;
	font-size:			14px;
	font-family:		verdana,arial,sans-serif;
	background: 		URL(../images/equipe/fleche.png) no-repeat 22px 26px;
	font-weight: 		bold;
	padding-top:		25px;
	padding-left:		35px;
}

#col_droite .contact{
	height:				185px;
	width:				245px;
	float:				left;
	background:			url(../images/equipe/fond_violet1.png) no-repeat right;
	top:				420px;
	left:				665px;
	z-index:			1;
	position:			absolute;
	padding:			20px;
}
#col_droite .contact ._img{
	flaot:				left;
	width:				95px;
	height:				130px;
}

#col_droite .contact .txt{
	flaot:				right;
	color:				#633757;
	font-weight: 		bold;
	width:				140px;
	margin-left:		110px;
	margin-top:			-120px;
}

#col_droite .contact .txt h3{
	margin-top:			10px;
	text-decoration: 	underline;
	font-size:			10px;
}

/*--------------------------------------------------------------*/
/*		   Style pour les articles r�dig� sous tinyMCE  		*/

#defaultStyle ul,
#defaultStyle blockquote {
	display: 			block;
	margin: 			1.12em 0;
}

#defaultStyle ul {
	margin-left: 		40px;
}

#defaultStyle li {
	display: 			list-item;
	list-style: 		url(../uploads/divers/puce1.png);
}

#defaultStyle li li {
	list-style: 		url(../uploads/divers/puce2.png);
}

#defaultStyle blockquote { 
	margin-left: 		40px; 
	margin-right: 		40px;
}

#defaultStyle :link, 
#defaultStyle :visited { 
	text-decoration: underline 
}

/*--------------------------------------------------------------*/
/*		   			Landing pages								*/

#landingPage
{
	background: 		transparent url(../images/homepage/bg_content.png) repeat-y;
	background: 		none !ie;
	position: 			relative;
	padding: 			25px 35px 10px 30px;
	overflow:			hidden;
}

#leftColumn
{
	width:				516px;
	float:				left;
}

#rightColumn
{
	width:				375px; /* 379 */
	float:				left;
	margin:				0px 0px 0px 4px;
	padding:			12px 0px 0px 0px;
	float:				left;
}

#landingPage .accroche
{
	background: 		transparent url(../images/landingPages/bg_accroche.png) no-repeat;
	width:				516px;
	height:				53px; /* 70px - padding */
	font-family:		Verdana;
	font-size:			13px;
	font-weight:		bold;
	margin:				9px 0px 0px 0px;
	padding:			17px 0px 0px 0px;
	text-align:			center;
}

#landingPage .leftZone_top
{
	background: 		transparent url(../images/landingPages/bg_purple_516_top.png) no-repeat;
	width:				516px;
	height:				6px;
	font-size:			0px;
	margin:				4px 0px 0px 0px;
}

#landingPage .leftZone_bottom
{
	background: 		transparent url(../images/landingPages/bg_purple_516_bottom.png) no-repeat;
	width:				516px;
	height:				8px;
	font-size:			0px;
}

#landingPage .leftZone_content
{
	background: 		transparent url(../images/landingPages/bg_purple_516_content.png) repeat-y;
	width:				516px;
	height:				465px; /* 493 */
	height:				463px !ie; /* 491 */
	padding:			28px 0px 0px 0px;
	overflow:			hidden;
}

#landingPage .leftZone_content dt ,
#landingPage .leftZone_content dd ,
#landingPage .leftZone_content ul ,
#landingPage .leftZone_content li
{
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

#landingPage .leftZone_content dl
{
	padding:			0px 0px 0px 0px;
}

#landingPage .leftZone_content dl
{
	width:				420px; /* 516px - padding */
	padding:			0px 0px 0px 76px;
}

#landingPage .leftZone_content dt
{
	color:				#be096c;
	font-family:		Verdana;
	font-size:			14px;
	font-weight:		bold;
}

#landingPage .leftZone_content li
{
	color:				#633757;
	font-family:		Verdana;
	font-size:			14px;
	list-style-image: 	url(../images/landingPages/puce.png);
	margin:				0px 0px 0px 14px;
	margin:				0px 0px 0px 16px !ie;
	padding:			2px 0px 0px 0px;
}

#landingPage .site_avotreimage
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_site_avotreimage.png) no-repeat;
}

#landingPage .site_surmesure
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_site_surmesure.png) no-repeat;
}

#landingPage .site_respectueux
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_site_respectueux.png) no-repeat;
}

#landingPage .site_optimise
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_site_optimise.png) no-repeat;
}

#landingPage .web_moteurs
{
	margin:				0px 0px 10px 20px;
	background: 		url(../images/landingPages/picto_moteursrecherche.png) no-repeat;
}

#landingPage .web_trafic
{
	margin:				70px 0px 10px 20px;
	background: 		url(../images/landingPages/picto_acquisitiontrafic.png) no-repeat;
}

#landingPage .web_consulting
{
	margin:				70px 0px 10px 20px;
	background: 		url(../images/landingPages/picto_consulting.png) no-repeat;
}

#landingPage .ecom_gestion
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_gestion.png) no-repeat;
}

#landingPage .ecom_client
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_client.png) no-repeat;
}

#landingPage .ecom_commandes
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_commandes.png) no-repeat;
}

#landingPage .ecom_webmarketing
{
	margin:				0px 0px 34px 20px;
	background: 		url(../images/landingPages/picto_webmarketing.png) no-repeat;
}


#landingPage .leftZone_content p.price
{
	color:				#633757;
	font-family:		Verdana;
	font-size:			12px;
	float:				right;
}

#landingPage .leftZone_content img
{
	float:				right;
	margin:				0px 23px 0px 9px;
}

#landingPage .confiance
{
	background: 		transparent url(../images/landingPages/bg_confiance.png) no-repeat;
	width:				349px;
	height:				78px;
	font-family:		Verdana;
	font-size:			11px;
	margin:				0px 0px 2px 0px;
	text-align:			center;
	padding:			8px 0px 0px 0px;
}

#landingPage .confiance img
{
	margin:				6px 12px 0px 0px;
}

#landingPage .contact
{
	background: 		transparent url(../images/landingPages/bg_contact.png) no-repeat;
	width:				349px; /* 349 */
	height:				397px; /* 535 */
	font-family:		Arial;
	font-size:			13px;
	color:				#633757;
	padding:			138px 0px 0px 7px;
	
	/*background:blue;*/
}

#landingPage .contact2
{
	background: 		transparent url(../images/landingPages/bg_contact2.png) no-repeat;
}

#landingPage .contact dl
{
	margin:				0px 0px 10px 0px;
}

#landingPage .contact dd
{
	overflow:			hidden;
}

#landingPage .contact form
{
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

#landingPage .contact input ,
#landingPage .contact input.input_error
{
	width:				331px;
	color:				#888888;
	font-family:		Arial;
	font-size:			13px;
	border:				solid 1px;
}

#landingPage .contact input.input_error
{
	background: 		#ffffff url(../images/landingPages/mandatory.png) 2px 1px no-repeat;
}

#landingPage .contact input.name_first ,
#landingPage .contact input.name ,
#landingPage .contact input.input_name_error
{
	width:				160px;
	float:				left;
}

#landingPage .contact input.input_name_error
{
	width:				140px;
	padding-left:		20px;
	background: 		#ffffff url(../images/landingPages/mandatory.png) 2px 1px no-repeat;
}

#landingPage .contact input.name_first
{
	margin:				0px 7px 0px 0px;
}

#landingPage .contact textarea ,
#landingPage .contact textarea.textarea_error
{
	width:				331px;
	height:				164px;
	color:				#888888;
	font-family:		Arial;
	font-size:			13px;
	border:				solid 1px;
}

#landingPage .contact textarea.textarea_error
{
	background: 		#ffffff url(../images/landingPages/mandatory.png) 2px 1px no-repeat;
}

#landingPage .contact .mandatory
{
	width:				175px; /*193 */
	font-family:		Arial;
	font-size:			11px;
	color:				#be096c;
	padding:			0px 0px 0px 18px;
	background: 		url(../images/landingPages/mandatory.png) no-repeat;
}

#landingPage .contact .mandatory_wrap
{
	width:				193px;
	width:				180px !ie;
	float:				left;
	margin:				27px 0px 0px 5px;
	margin:				14px 0px 0px 5px !ie;
}

#landingPage .contact .bt_send
{
	width:				138px;
	height:				38px;
	margin:				5px 7px 0px 0px;
	border:				0px;
	float:				left;
}


#landingPage .compatibility
{
	width:				230px; /* 242 */
	width:				227px !ie; /* 239 */
	height:				50px; /* 68 */
	font-family:		Verdana;
	font-size:			14px;
	color:				#633757;
	padding:			18px 0px 0px 12px;
	float:				left;
}

#landingPage img.browser
{
	margin:				10px -2px 0px -1px;
	padding:			0px 0px 0px 0px;
}

#landingPage img.wbtools ,
#landingPage img.wbtools_last
{
	margin:				16px 57px 0px 0px;
	padding:			0px 0px 0px 0px;
}

#landingPage img.wbtools_last
{
	margin-right:		0px;
}

/*------------------*/
/*		Demande		*/
/*------------------*/
#landingPage img.img_demande {
	margin-top:			6px;
}

#landingPage .demande {
	padding-top:		125px;
	height:				410px;
}

#landingPage .demande dl {
	margin-bottom:		6px;
}

#landingPage .demande form select {
	border:				1px solid;
	color:				#888;
	width:				331px;
}

#landingPage .contact select.input_error {
	background: 		url(../images/landingPages/mandatory_demande.png) no-repeat;
	background-color:	#be096c !ie;
}

* html #landingPage .contact select.input_error option {
	background-color:	#fff;
}


/*--------------------------------------------------------------*/
/*		   			Landing pages confirmation 					*/

#landingPage_confirmation
{
	background: 		transparent url(../images/homepage/bg_content.png) repeat-y;
	background: 		none !ie;
	position: 			relative;
}

.landingPage_confirmation_bg
{
	height:				371px;
	padding:			0px 0px 0px 516px;
	text-align:			center;
	background: 		transparent url(../images/landingPages/bg_confirmation.png) no-repeat;
}

#landingPage_confirmation h1
{
	font-family:		Arial;
	font-size:			30px;
	font-weight:		normal;
	color:				#633757;
	padding:			40px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

#landingPage_confirmation h2
{
	font-family:		Arial;
	font-size:			15px;
	font-weight:		normal;
	color:				#633757;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 46px 0px;
}

#landingPage_confirmation p
{
	font-family:		Verdana;
	font-size:			12px;
	color:				#633757;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 10px 0px;
}

#landingPage_confirmation img
{
	margin:				12px 0px 0px 26px;
}

#landingPage_confirmation img.left
{
	margin-left:		0px;
}


/* Default style sheet for HTML 4
 * http://www.w3.org/TR/CSS21/sample.html
 * Recommendation W3C
 */
/*
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }
*/