body, div, img, ul, li, h1, h2, h3, h4 a, input, textarea {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #785233;
}

body {
	/*background-color: #472311;*/
	margin: 13px 0px 33px 0px;
	background: #D0DBDC url(../images/bg2.gif) repeat-x top left;
	/*background-color: #c5d3d4;*/
}

:-moz-any-link:focus {outline: none;}

body#index {
	margin: 0px;
}

#level0 {
	margin: 0px auto;
	width: 896px;
	background-image: url(../images/shadow_coter.png);
	background-repeat: repeat-y;
	position: relative;	
}

body#index #level0 {
	width: 955px;
	height: 623px;
	background-image: none;
	margin: 0px auto;
	padding: 0px;
}

body#flash_update #level0 {
	background-image: none;
	background-color: #FFFFFF;
	padding: 10px 15px;
}

#menu {
	background: transparent url(../images/menu_pattern.png) no-repeat right top;
	height: 102px;
	width: 858px;
	padding: 16px 20px 0px 18px;
	behavior: url(../js/iepngfix.htc);
}

#video {
	float: left;
	width: 610px;
	height: 180px;
	background-color: #572700;
	margin: 0px 0px 5px 12px;
}

html>body #video {
	margin-left: 25px;
}


html>body #temoignage {
	margin-right: 28px;
}

#level1 {
	clear: both;
	margin-bottom:79px;
}

.both {
	clear: both;
}



	/***************************/
	/* RIGHT PANEL STARTS HERE */
	/***************************/
	#right_panel {
		float: right;
		background-image: url(../images/right_panel_pattern.jpg);
		background-repeat: no-repeat;
		width: 228px;
		height: 150px;
		margin: 0px 14px 0px 0px;
	}
	html>body #right_panel {
		margin-right: 28px;
	}
	/***************************/
	/* RIGHT PANEL STARTS HERE */
	/***************************/


/* navigation services */
#temoignage 
{
	width: 228px;
	background-color: #D81E05;
	float: right;
	
	/* padding:10px 0 0 0;
	height: 170px; */
	padding:0;
	height: 174px; /* 180 */
	padding-top:6px;
}

#temoignage a
{
	display:block;
	width:200px;
	height:17px;
	background-repeat:no-repeat;
	background-position:8px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:28px;
	line-height:17px;
}

#temoignage a:hover { background-color:#e3604e; }
#temoignage #nav_conception { background-image:url(../images/icons/nav-conception.gif); }
#temoignage #nav_analyse { background-image:url(../images/icons/nav-analyse.gif); }
#temoignage #nav_optimisation { background-image:url(../images/icons/nav-optimisation.gif); }
#temoignage #nav_cms { background-image:url(../images/icons/nav-cms.gif); }
#temoignage #nav_commerce {	background-image:url(../images/icons/nav-e-commerce.gif); }
#temoignage #nav_prog_applic { background-image:url(../images/icons/nav-application.gif); }
#temoignage #nav_seo { background-image:url(../images/icons/nav-indexation.gif); }
#temoignage #nav_hebergement { background-image:url(../images/icons/nav-hebergement.gif); }
#temoignage #nav_design { background-image:url(../images/icons/nav-designgraphique.gif); }
#temoignage #nav_traduction { background-image:url(../images/icons/nav-redaction-traduction.gif); }


/* fin navigation services */



	/***********************/
	/* CONTENT STARTS HERE */
	/***********************/
	#content {
		float: left;
		margin: 0px 0px 0px 12px;
		width: 610px;
		min-height: 270px;
		background-image: url(../images/submenu_pattern.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		z-index: 6;
		position: relative;
	}
	html>body #content {
		margin-left: 25px;
	}
	/* SUBMENU */
	#content #submenu {
		width: 164px;
		float: left;
		margin: 0px 0px 20px 0px;
		background-repeat: no-repeat;
	}
	#content #submenu ul {
		list-style-type: none;
		margin: 10px;
	}
	#content #submenu li {
		list-style-type: none;
		line-height: normal;
		margin: 0px;
		font-size: 10px;
		padding: 5px 8px 2px 8px;
		border-bottom: 1px solid #CFD5D8;
	}
	#content #submenu li a {
		color: #5C6F7B;
		text-decoration: none;
		line-height: normal;
	}
	#content #submenu li a:hover {
		color: #748791;
	}
	/* THE CONTENT */
	#content #the_content {
		width: 370px;
		float: right;
		margin: 0px 10px 20px 0px;
	}
	html>body #content #the_content {
		margin-right: 30px;
	}
	#content #the_content h1 {
		font-size: 20px;
		height: 24px;
		padding:0px;
		color: #572700;
		margin: 10px 0px 0px -7px;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	body#flash_update #level0 h1 {
		
	}
	#content #the_content h2 {
		margin: 10px 0px;
		color: #990000;
		font-size: 11px;
		font-weight: bold;
	}
	#content #the_content h3.date {
		margin: -10px 0px 0px 0px;
		font-size: 11px;
	}
	
	#content #the_content h4 {
		padding: 0px 0 0 20px;
		color: #ffffff;
		text-transform:uppercase;
		font-size: 13px;
		font-weight: bold;
		background-image:url(../images/titres/bg_titreh4.gif);
		background-repeat:no-repeat;
		width:370px;
		height:29px;
		line-height:29px;
		margin:30px 0 20px;		
	}
		
	#content #the_content p {
		font-size: 11px;	
		line-height: 16px;
		color: #785233;
	}
	#content #the_content ul {
		margin: 0px 0px 0px 20px;
	}
	#content #the_content a, body#flash_update #level0 a {
		color: #406788;
		text-decoration: none;
	}
	#content #the_content a:hover, body#flash_update #level0 a:hover {
		color: #406788;
		text-decoration: underline;
	}
	#content #the_content img.solutions {
		float: left;
		margin: 0px 25px 10px 15px;
	}
	#content #the_content img.left {
		float: left;
		margin: 0px 15px 10px 0px;
	}
	#content #the_content img.right {
		float: right;
		margin: 0px 0px 10px 15px;
	}
	#content #the_content td.indent {
		vertical-align: top;
		padding: 0px 2px 0px 0px;
	}
	
		/* NOUVELLES */
		#content #the_content div.nouvelles, #content #the_content div.nouvelles_active {
			padding: 0px 10px;
			margin: 10px 0px 10px 0px;
			border: 1px solid #FFFFFF;
		}
		#content #the_content div.nouvelles_active {
			background-color: #F7F6F2;
			border-color: #572700;
		}
		#content #the_content div.nouvelles h2, #content #the_content div.nouvelles_active h2 {
			font-size: 13px;
		}
	
	
	/* IMG soumission */
	#Soumission{
		background-image:url(../images/obtenez-evaluation.gif);
		background-repeat:no-repeat;
		display:block;
		height:29px;
		width:287px;
	}
	
	#Soumission:hover {
		background-image:url(../images/obtenez-evaluation-over.gif);
	}
		
		
	/*********************/
	/* CONTENT ENDS HERE */
	/*********************/



/**********************/
/* FOOTER STARTS HERE */
/**********************/
/*#footer {
	width: 872px;
	height: 110px;
	background-image: url(../images/footer_pattern.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: right;
	padding: 0px 24px 12px 0;
	margin: -70px 0px 0px 0px;
}*/

#footer {
	width: 896px;
	height: 120px;
	background: transparent url(../images/footer_pattern.png) no-repeat left bottom;
	text-align: right;
	clear:both;
	position: absolute;
	bottom: -32px;
	left: 0;
}


/*html>body #footer {
	margin-top: -90px;
}*/
/********************/
/* FOOTER ENDS HERE */
/********************/




/**************************/
/* COPYRIGHTS STARTS HERE */
/**************************/
#copyright {
	margin: 40px auto 0 auto;
	clear:both;
	width: 866px;
}
#copyright *, #copyright a {
	font-size: 10px;
	color: #7da3a6;
	text-decoration: none;
}
#copyright a:hover {
	color: #395B70;
}
#copyright ul#credits {
	float: left;
}

#copyright ul#membre_footer {
	float: left;
	margin: 5px 0 0 50px;
}

#copyright ul#quick_links {
	float: right;
}
#copyright ul {
	text-align: right;
	list-style-type: none;
	margin: 0px;
}
#copyright li {
	list-style-type: none;
	display: inline;
	margin: 0px;
}
#copyright li.separator {
	margin: 0px 3px;
}
/************************/
/* COPYRIGHTS ENDS HERE */
/************************/




/* FORMULAIRE */
#content #the_content fieldset {
	border: 1px solid #CED9DD;
	padding: 5px 20px 15px 20px;
	margin: 10px 0px;
}
#content #the_content legend {
	font-size: 12px;
	font-weight: bold;
	color: #7B98A4;
	padding: 0px 8px;
}
#content #the_content input, #content #the_content textarea {
	border: 1px solid #AABCC4;
	padding: 0px 2px;
}
#content #the_content input:hover, #content #the_content textarea:hover {
	border-color: #7B98A4;
	
}
#error {
	color: #CC3300;
	background-color: #FFFFCC;
	border: 1px solid #CC3300;
	padding: 8px 10px;
	display: none;
}
#error p {
	margin:0px;
}






/* TITRES */
h1.analyseetstrategie {
	background-image: url(../images/titres/t_analysestrategie.gif);
}
h1.avislegal {
	background-image: url(../images/titres/t_avislegal.gif);
}
h1.bill {
	background-image: url(../images/titres/t_bill.gif);
}
h1.bulletinmegavolt {
	background-image: url(../images/titres/t_bulletinmegavolt.gif);
}
h1.bureaux {	
	background-image: url(../images/titres/t_bureaux.gif);
}
h1.commandites {
	background-image: url(../images/titres/t_commandites.gif);
}
h1.commerceenligne {
	background-image: url(../images/titres/t_commerceenligne.gif);
}
h1.conceptionsiteweb {
	background-image: url(../images/titres/t_conceptionsiteweb.gif);
}
h1.contacteznous {
	background-image: url(../images/titres/t_contacteznous.gif);
}
h1.emploi {
	background-image: url(../images/titres/t_emploi.gif);
}
h1.clients {
	background-image: url(../images/titres/t_clients.gif);
}
h1.equipes {
	background-image: url(../images/titres/t_equipes.gif);
}
h1.erep {
	background-image: url(../images/titres/t_erep.gif);
}
h1.gestioncontenu {
	background-image: url(../images/titres/t_gestioncontenu.gif);
}
h1.hebergement {
	background-image: url(../images/titres/t_hebergement.gif);
}
h1.honneurs {
	background-image: url(../images/titres/t_honneurs.gif);
}
h1.indexation {
	background-image: url(../images/titres/t_indexation.gif);
}
h1.intranetextranet {
	background-image: url(../images/titres/t_intranetextranet.gif);
}
h1.nosservices {
	background-image: url(../images/titres/t_nosservices.gif);
}
h1.nossolutions {
	background-image: url(../images/titres/t_nossolutions.gif);
}
h1.nouvelles {
	background-image: url(../images/titres/Archives-des-nouvelles.jpg);
}
h1.optimisation {
	background-image: url(../images/titres/t_optimisation.gif);
}
h1.parcours {
	background-image: url(../images/titres/t_parcours.gif);
}
h1.presse {
	background-image: url(../images/titres/t_presse.gif);
}
h1.programmation {
	background-image: url(../images/titres/t_programmation.gif);
}
h1.references {
	background-image: url(../images/titres/t_references.gif);
}
h1.telechargement {
	background-image: url(../images/titres/t_telechargements.gif);
}
h1.vision {
	background-image: url(../images/titres/t_vision.gif);
}
h1.solutionswebpme {
	background-image: url(../images/titres/solutionwebpme.jpg);
}
h1.nomdedomaine {
	background-image: url(../images/titres/t_nomdedomaine.gif);
}
h1.formulaireEvaluation {
	background-image: url(../images/titres/t_demandeEvaluation.gif);
}
h1.designgraphique {
	background-image: url(../images/titres/design-graphique.jpg);
}
h1.traduction {
	background-image: url(../images/titres/redaction_traduction.jpg);
}
h1.mission {
	background-image: url(../images/titres/t_mission.jpg);
}


/* THEATRE MEGAVOLT */
#overlay {
	background-image:url(../images/overlay_pattern.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #080300;
}
#theatre {
	width: 994px;
	height: 640px;
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
#corner {
	width: 187px;
	height: 164px;
	display: none;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#teaser-bulletin{
	bottom: 0;
	left: 0;
}

.img_left{
	float: left;
	margin: 10px;
}

/*	FLSAH DETECTION
********************************/

#colonneGetFlash{
	width: 250px;
	margin: 20px 25px;
}

#colonneInfo{
	width: 250px;
	float: right;
	margin: 0 25px;
	
}

#colonneGetFlash ul{
	margin: 0;
	padding: 0;
}

#colonneGetFlash ul li{
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 2;
}

#colonneGetFlash h2{
	font-size: 14px;
	color: #572700;
}

#colonneInfo h2{
	font-size: 14px;
	color: #572700;
}

#colonneInfo #coordonnees_texte{
	width: 200px;
	float: right;
	margin: 0 50px 0 0;
}

#banner_flash{
	width: 600px;
	height: 108px;
	background: #fff url(../images/top-page-erreur-flash.jpg) no-repeat top left;
}




/* menu html */
.menuContact
{
	float:right;
	color:#572700;
	font-family: Interstate, "Arial Narrow", "Marker Felt", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-right:7px;
	clear:both;
}
.menuContact span
{
	color:#ED3024;
	padding-right:4px;
	padding-left:4px;
}
.menuContact a
{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#572700;
	font-family: Interstate, "Arial Narrow", "Marker Felt", Arial, Helvetica, sans-serif;
}
.menuContact a:hover
{
	color:#ED3024;
}
.headerMenu
{
	float:left;
	padding:4px 0px 0 26px;
	clear:both;
	width:780px;
}
.headerMenu #logo
{
	float:left;
}
.headerMenu #logo a
{
	text-decoration:none;
}
.headerMenu #menuPrincipal a.menu
{
	margin-top:34px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-99999999px;
	float:left;
}
.headerMenu #menuPrincipal a.menu#item1
{
	background-image:url(../images/header/bt_realisations.gif);
	margin-left:54px;
	width:133px;
	height:24px;
}
.headerMenu #menuPrincipal a.menu#item2
{
	background-image:url(../images/header/bt_services.gif);
	width:110px;
	height:24px;
}
.headerMenu #menuPrincipal a.menu#item3
{
	background-image:url(../images/header/bt_solutions.gif);
	width:117px;
	height:24px;
}
.headerMenu #menuPrincipal a.menu#item4
{
	background-image:url(../images/header/bt_entreprise.gif);
	width:142px;
	height:24px;
}
.headerMenu #menuPrincipal a:hover.menu, 
.headerMenu #menuPrincipal a.selected.menu
{
	background-position: bottom;
}


/* fix <sup> <sub> */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* prix */
#footer #footer_flash {
	padding: 24px 25px 0px 0px;
	clear:both;
	height:100px;
}

#footer #footer_flash a {
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-99999px;
	text-align:left;
	margin:0px 8px;
	display:block;
	height:79px;
	float:right;
	padding:0;
}

#footer_flash #prix_cchr_2010{
	background-image:url(../images/prix/2009-cchr.png);
	width:50px;
}
#footer_flash #prix_boomerang_2004{
	background-image:url(../images/prix/2004-boomerang.png);
	width:38px;
}
#footer_flash #prix_mercuriades_2001{
	background-image:url(../images/prix/2001-mercuriades.jpg);
	width:71px;
}
#footer_flash #prix_felix_2000{
	background-image:url(../images/prix/2000-felix.png);
	width:20px;
}
#footer_flash #prix_felix_1998{
	background-image:url(../images/prix/1998-felix-gabriel.png);
	width:54px;
}