﻿body
{
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #555;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #535552;
}

table
{
	border-style: none;
}


table.test th, .total
{
	background-color: #0075A0;
	color: #FFFFFF;
	font-weight: bold;
}

table.test tr.alternate
{
	background-color: #EEEEEE;
}

iframe
{
	/*border: none 0px #FFF;*/
}

#main
{
	background-image: url(/_images/background.jpg);
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 20px;
	width: 860px;
}

#content
{
	background: #FFFFFF url(/_images/fond.gif) repeat-x scroll bottom;
}

#banniere
{
	height: 187px;
	position: relative;
}

#banniere_anime
{
	margin: 0px;
	padding: 0px;
	height: 115px;
}

#logo
{
	background-image: url(/_images/banniere1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 177px;
}

#menu
{
	position: absolute;
	top: 0px;
	left: 203px;
	font-size: 11px;
	width: 657px;
	height: 177px;
}

#containerEspaceClient
{
	position: absolute;
	top: 0; /*-68px;*/
	right: 0px;
}

#menu a.menuitem
{
	float: left;
	width: 94px;
	height: 45px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(/_images/menuitem.jpg) repeat-x bottom left;
	padding-top: 17px;
}

#menu div.text
{
	/*padding-top: 15px;*/
}

a
{
	/*color: #0075A0;*/ /*color:#4FA828;*/
	color: #3899B9;
	font-weight: bold;
	text-decoration: underline;
}

a:hover, a:active, a:focus
{
	border-style: none;
	border-width: 0;
}

form
{
	margin: 0px 0 0 0;
	background-color: #FFF;
}

.cadre, .cadre_border0
{
	/*margin: 15px 15px 15px 15px;*/
	margin: 0px;
	padding: 0px;
}

.cadre
{
	border: solid 1px #777;
}

.cadre h3
{
	margin: 0px -15px 15px -15px;
}

.inner
{
	display: block;
	z-index: 30;
	position: relative;
	padding: 0px 15px 0px 15px;
	margin: 0px;
}

.rounded, .rounded_right
{
	padding-top: 20px;
	padding-bottom: 20px;
}

.dotted
{
	border: dotted 1px #000;
}

.highlight
{
	color: Red;
	font-weight: bold;
}

.minifont
{
	font-size: xx-small;
}

ul.nopuce
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.nopuce li
{
	padding-bottom: 15px;
}


table.bordered, table.bordered td
{
	border: solid 1px #000;
	border-collapse: collapse;
}

#footer
{
	clear: both;
	color: #999;
	font-size: xx-small;
	padding: 20px 15px 10px 15px;
}

#footer hr
{
	color: white;
	background-color: white;
	height: 2px;
	border: 0;
}

h3
{
	color: #000;
	font-size: 14px;
	padding: 0px 0px 0px 5px;
	border-bottom: solid 4px #ff5050;
	text-transform: uppercase;
}

h4
{
	font-size: 1.2em;
	text-decoration: underline;
}

a img
{
	border-style: none;
}

#nav
{
	width: 175px;
	float: left;
	display: inline; /* correction bug ie6 */
	font-size: 10px;
	margin-left: 0px;
	background-color: #EEE;
}

.nav_inner
{
	background-color: #EEE !important;
	padding-left: 8px;
}

#nav ul
{
	margin: 0;
	padding: 0;
}

#nav li
{
	list-style-type: none;
}

#nav a
{
	margin: 0;
	padding: 0 5px 0 5px;
	display: block; /*font-weight: bold;*/
	font-weight: normal;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	margin-bottom: 3px;
}

#nav a:hover
{
	/*padding-left: -5px;*/
}

#nav a:hover, #nav a:hover span.product
{
	color: #FFF;
}

#nav a span.product
{
	color: #000;
	font-weight: bold;
}

#nav h4
{
	padding: 0 5px 0 5px;
	text-transform: uppercase;
	font-size: 11px;
}

#page
{
	float: right;
	display: inline; /* correction bug ie6 */
	width: 670px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: justify;
}

#page h1
{
	color: #000;
	text-align: right;
	font-style: italic;
	font-size: 18px;
}

.pageproduit
{
	margin: 0 15px 15px 15px;
}

.pageproduit h5
{
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

ul.nomargin
{
	padding-left: 15px;
	margin-left: 0px;
}

.left_block, .right_block
{
	width: 317px; /* 680 - margin-left - margin-right - 4 * border-size */
}

.left_block
{
	float: left;
	display: inline; /* correction bug ie6 */
	margin: 0 0 15px 15px;
}

.right_block
{
	float: right;
	display: inline; /* correction bug ie6 */
	margin: 0 15px 15px 0;
}

.bottom_block, .large_block, .top_block
{
	/*clear:both;*/
	float: left;
	display: inline; /* correction bug ie6 */
	width: 648px;
}

.bottom_block
{
	margin: 0 0 0 15px;
}

.large_block
{
	margin: 0 0 15px 15px;
}

.top_block
{
	margin: 0 0 0 15px;
}

.header
{
	height: 185px;
	background-color: Red;
}

.fixedheight
{
	height: 320px;
	vertical-align: top;
}

strong
{
	color: #000;
}

.underline
{
	text-decoration: underline;
}


.tip
{
	width: 200px;
}

.tip-title
{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
	margin: 0;
	padding: 8px 8px 4px 8px;
	background: url(/_images/tip.png) top left;
}

.tip-text
{
	color: #FFF;
	padding: 0px 8px 8px 8px;
	background: url(/_images/tip.png) bottom right;
}

/* ----- solution globale ----- */

.solutionglobale h3
{
	border-bottom-color: #0075A0;
	background: #FFF url(/_images/solutionglobale/cubes.jpg) no-repeat top left;
	padding-left: 55px;
	height: 1.4em;
}

.solutionglobale a
{
	color: #0075A0;
}

#nav.solutionglobale h4
{
	color: #0075A0;
}

#nav.solutionglobale a:hover
{
	background-color: #0075A0;
}

.hsolutionglobale
{
	background: #FFF url(/_images/solutionglobale/header.jpg) no-repeat top right;
	padding-top: 15px;
	color: #0075A0;
}

.hsolutionglobale h2
{
	font-size: 18px;
	text-transform: uppercase;
}

/* ----- outils experts peripherique ----- */

.outilsexperts h3
{
	border-bottom-color: #4AAF20;
	background: #FFF url(/_images/outilsexperts/cubes.jpg) no-repeat top left;
	padding-left: 55px;
	height: 1.4em;
}

.outilsexperts a
{
	color: #4AAF20;
}

#nav.outilsexperts h4
{
	color: #4AAF20;
}

#nav.outilsexperts a:hover
{
	background-color: #4AAF20;
}

.houtilsexperts
{
	background: #FFF url(/_images/outilsexperts/header.jpg) no-repeat top right;
	padding-top: 15px;
	color: #4aaf20;
}

.houtilsexperts h2
{
	font-size: 16px;
	text-transform: uppercase;
}

/* ----- solution entreprises ----- */

.solutionentreprises h3
{
	border-bottom-color: #FC2630;
	background: #FFF url(/_images/solutionentreprises/cubes.jpg) no-repeat top left;
	padding-left: 55px;
	height: 1.4em;
}

.solutionentreprises a
{
	color: #FC2630;
}

#nav.solutionentreprises h4
{
	color: #FC2630;
}

#nav.solutionentreprises a:hover
{
	background-color: #FC2630;
}

.hsolutionentreprises
{
	background: #FFF url(/_images/solutionentreprises/header.jpg) no-repeat top right;
	padding-top: 15px;
	color: #FC2630;
}

.hsolutionentreprises h2
{
	font-size: 16px;
	text-transform: uppercase;
}

/* ---- ---- */
.admin
{
	position: absolute;
	margin: 5px;
	padding: 10px;
	left: 0;
	top: 0;
	background-color: #000;
	color: #FFF;
	z-index: 999;
}

.admin h2
{
	display: block;
	text-align: center;
	text-decoration: underline;
	margin-top: 5px;
	color: #4ba647;
	cursor: move;
}

.admin ul
{
	padding-left: 0;
	list-style-type: none;
}

.admin a
{
	color: #FFF;
	text-decoration: none;
}

.admin a[disabled]
{
	color: #666 !important;
}

/* ---- Témoignages ---- */

.temoignages
{
	background: #FFF url(/_images/temoignage.jpg) no-repeat top left;
	padding: 190px 15px 15px 15px;
}

/* ---- Mot de passe ---- */

.motdepasse
{
	background-color: #c4defd;
}
