.alert {font-weight: bold; color: #EF7B00 !important;}
.alignleft {text-align: left !important;}
.aligncenter {text-align: center !important;}
.alignright {text-align: right !important;}
.alert {color: red !important;}
img.alignleft {float: left;}
img.alignright {float: right;}
.clear {clear: both; margin: 0; font-size:1px;}
form {margin: 0; padding: 0}
p {padding: 0; margin: 5px 0;}
a img {border-style: none;}
.marge {margin-left: 15px;}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: url(images/fond.jpg) repeat center top;
	margin: 0;
	padding: 0;
}
input, textarea, select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
a {
	color: #000;
	outline: 0;
}
a.hidden {
	color: #ccc;
	cursor: default;
}
a:hover {
	text-decoration: none;
}
#document {
	width: 1000px;
	margin: auto;
	background: url(images/document.png) repeat-y 18px top;
}
#corps {
	width: 956px;
	margin: auto;
}
.fondCorps {
	background: url(images/corps.png) repeat-y 725px 0;
}

/*****************/
/* colonneGauche */
/*****************/
#colonneGauche {
	float: left;
	width: 720px;
}

/*****************/
/* colonneDroite */
/*****************/
#colonneDroite {
	float: right;
	text-align: center;
	width: 228px;
	border-left: 1px solid #ccc;
	margin-top: 25px;
}


/***************/
/* bandeauHaut */
/***************/
#bandeauHaut {
	background: url(images/bandeauHaut.png) no-repeat center top;
}
#bandeauHautInner {
	height: 90px;
	background: url(images/bandeauHautInner.png) repeat-x center top;
	width: 955px;
	margin-left: 23px;
}
#bandeauHautInner h1 {
	margin: 0;
	padding: 15px 10px 0 20px;
	float: left;
}
#bandeauHautInner object {
	float: left;
}
#bandeauHautInner span {
	padding: 10px 20px 0 0;
	float: right;
}
#menu {
	width: 957px;
	margin-left: 22px;
	margin-bottom: 7px;
	height: 32px;
	background: url(images/menu.png) repeat-x left top;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
h2 {
	padding: 0;
	margin: 0 0 0 22px;
	background: repeat-x left top;
	width: 957px;
	height: 52px;
}
.LOGICIEL h2 {background-image: url(images/h2_LOGICIEL.png)}
.FORMATION h2 {background-image: url(images/h2_FORMATION.png)}
.EXPERTISE h2 {background-image: url(images/h2_EXPERTISE.png)}
.PLAN h2 {background-image: url(images/h2_PLAN.png)}
.IMAGE h2 {background-image: url(images/h2_IMAGE.png)}
#sousMenu {
	float: left;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	position: relative;
}
#sousMenu li {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0 10px;
}
#sousMenu span {
	font-size: 12px;
	font-weight: bold;
}
#sousMenu ul {
	background-color: #ccc;
	border-top: 1px solid #999;
	margin: 0;
	padding: 0;
	position: absolute;
}
#sousMenu ul li {
	float: none;
	margin: 0;
}
#sousMenu ul li a {
	display: block;
	border-bottom: 1px solid #999;
	text-decoration: none;
	padding: 2px 5px;
	width: 150px;
}
#sousMenu ul li a:hover {
	background-color: #333;
	color: #fff;
}
/*#sousMenu span.selected {} plus bas*/
#infoClient {
	float: right;
	font-size: 11px;		
	padding: 5px 20px 0 0;
	color: #000;
	text-align: right;
}
#bandeauHautBottom {
	height: 53px;
	background: url(images/bandeauHautBottom.png) repeat-x center top;
	width: 957px;
	margin-left: 22px;
}
#panier {
	float: right;
	background: url(images/panier.png) no-repeat 60px 12px;
	height: 53px;
	width: 231px;
	font-size: 11px;		
}
#panier img {
	float: left;
}
#panier strong {
	display: block;
	text-align: right;
	padding: 10px 8px 0 0;
}
#panier em {
	display: block;
	padding: 5px 0 0 60px;
}
#armoire {
	float: right;
	height: 53px;
	width: 231px;
	font-size: 11px;		
}
#armoire img {
	float: left;
}
#armoire strong {
	display: block;
	padding: 10px 8px 0 0;
	text-indent: 8px;
}
#armoire em {
	display: block;
	padding: 5px 0 0 60px;
}

/**************/
/* bandeauBas */
/**************/
#bandeauBas {
	clear: both;
	height: 110px;
	background: url(images/bandeauBas.png) no-repeat center top;
}
#pied {
	margin: 0;
	padding: 30px 0 0 45px;
}
#pied a {
	text-decoration: none;
	color: #999;
	font-size: 9px;
	font-weight: bold;
	padding: 0 5px;
}
#pied a:hover {
	text-decoration: underline;
}


/********/
/* plan */
/********/
#plan {
}
#planInner {
	text-align: center;
}
#planInner img {
	margin: 0 5px;
	cursor: pointer;
}
.calquePlan {
	display: none;
	width: 100%;
	overflow: hidden;
}


/***********/
/* contenu */
/***********/
#infoAccueil {
	width: 957px;
	height: 173px;
	background: url(images/accueil.jpg) no-repeat center center;
}
#infoAccueil img {
	margin : 100px 0 0 275px;
}
#blocFiltre, #blocPromo {
	width: 697px;
	margin: 0 0 15px 15px;
	padding-top: 12px;
	background: url(images/pave100Top.png) no-repeat center top;
}
#blocFiltre table, #blocPromo table {
	margin: auto;
}
#blocFiltre a {
	text-decoration: none;
}
#blocFiltre h5 {
	margin: 5px 0 0 0;
	padding: 0;
}
#blocFiltre ul {
	margin: 0 0 5px 30px;
	padding: 0;
}
#blocFiltre td {
	vertical-align: top;
	width: 230px;
}
#blocPromo td {
	background: url(images/pave.png) no-repeat center center;
	width: 170px;
	height: 170px;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
}
.pave100 {
	padding: 0 20px 5px 20px;
	background: url(images/pave100Bottom.png) no-repeat center bottom;
}
.pave100 h4 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.pave33 {
	width: 225px !important;
	margin-bottom: 15px;
	padding-top: 12px;
	background: url(images/pave33Top.png) no-repeat center top;
}
.pave33 .paveInner {
	padding: 0 15px 10px 15px;
	background: url(images/pave33Bottom.png) no-repeat center bottom;
}
.pave50 {
	width: 335px !important;
	margin-bottom: 15px;
	padding-top: 15px;
	background: url(images/pave50Top.png) no-repeat center top;
}
.pave50 .paveInner {
	padding: 0 15px 15px 15px;
	background: url(images/pave50Bottom.png) no-repeat center bottom;
}

#titrage {
	width: 695px;
	margin-left: 15px;
	background: url(images/titrage.png) no-repeat center bottom;
	padding-bottom: 15px;
	font-size: 11px;
}
#titrage table {
	width: 670px;
	margin: auto;
}
#titrage h3 {
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	color: #343434;
	margin: 10px 0;
	padding: 0;
}
#prestations {
	width: 725px;
	background: #fff url(images/prestations.png) repeat-x center bottom;
	border-bottom: #8E8D92;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 5px;
}
#prestations img {
	margin: 0 10px;
	cursor: pointer;
	z-index: 1;
}
#calqueTarif {
	padding-bottom: 25px;
	background: url(images/calqueTarifInner.png) repeat-x center bottom;
	position: absolute;
	width: 600px;
	left: 30px;
	top: 10px;
	z-index: 10;
	display: none;
}
#calqueTarifInner {
	padding: 25px 15px 0 15px;
	background: #e4e4e4 url(images/calqueTarif.png) repeat-x center top;
}
.calque {
	text-align: left;
	position: absolute;
	display: none;
	padding-top: 103px;
	z-index: 5;
	width: 515px;
	background: no-repeat center top;
	top: 0;
	.top: 50px;
}
.cross {
	position: absolute;
	right: 0;
	top: 25px;
	cursor: pointer;
}
.LOGICIEL #prestaAPP {background-image: url(images/calqueAPP-LOG.png); left: 20px;}
.LOGICIEL #prestaFOR {background-image: url(images/calqueFOR-LOG.png); left: -165px;}
.LOGICIEL #prestaASS {background-image: url(images/calqueASS-LOG.png); left: -170px;}
.LOGICIEL #prestaELE {background-image: url(images/calqueELE-LOG.png); left: -360px;}
.FORMATION #prestaAPP {background-image: url(images/calqueAPP-FOR.png); left: 20px;}
.FORMATION #prestaASS {background-image: url(images/calqueASS-FOR.png); left: -170px;}
.FORMATION #prestaELE {background-image: url(images/calqueELE-FOR.png); left: -360px;}

.calqueInner {
	padding: 10px 0;
	background: #000 url(images/calque.png) no-repeat center bottom;
	color: #fff;
}
.calqueInner hr {
	margin: 5px 3px;
}
.calqueInner h4 {
	font-size: 16px;
	font-style: italic;
	margin: 5px 10px;
	padding: 0;
}
.calqueInner h5 {
	font-size: 13px;
	font-style: italic;
	margin: 5px 10px;
	padding: 0;
}
.calqueInner p {
	font-size: 10px;
	margin: 5px 10px;
}
.calque img {
	cursor: default;
}

.LOGICIEL .calque h4, .LOGICIEL .calque h5, .LOGICIEL .calque a,
#pied a.LOGICIEL, .LOGICIEL a:hover, .LOGICIEL .texte h3, .LOGICIEL .texte h4, .LOGICIEL .texte h5, .LOGICIEL .texte hr {color: #cb6107}

.FORMATION #sousMenu span.selected,
.FORMATION .calque h4, .FORMATION .calque h5, .FORMATION .calque a,
#pied a.FORMATION, .FORMATION a:hover, .FORMATION .texte h3, .FORMATION .texte h4, .FORMATION .texte h5, .FORMATION .texte hr {color: #a9652d}

.EXPERTISE #sousMenu span.selected,
#pied a.EXPERTISE, .EXPERTISE a:hover, .EXPERTISE .texte h3, .EXPERTISE .texte h4, .EXPERTISE .texte h5, .EXPERTISE .texte hr {color: #8c7753}

.PLAN .calque h4, .PLAN .calque h5, .PLAN .calque a,
#pied a.PLAN, .PLAN a:hover, .PLAN .texte h3, .PLAN .texte h4, .PLAN .texte h5, .PLAN .texte hr {color: #60857f}

#pied a.IMAGE, .IMAGE a:hover, .IMAGE .texte h3, .IMAGE .texte h4, .IMAGE .texte h5, .IMAGE .texte hr {color: #28909d}

.texte {
	width: 695px;
	margin-left: 15px;
}
.PLAN .texte, .ACCUEIL .texte {
	width: 925px;
}
.texte h3 {
	font-size: 20px;
	margin: 8px 0;
	padding: 0;
	color: #999;
}
.texte h4 {
	font-size: 16px;
	padding: 5px 0;
	margin: 0;
	color: #999;
}
.texte h5 {
	font-size: 14px;
	padding: 4px 0;
	margin: 0;
	color: #999;
}
.texte hr {
	border: none;
	border-top: 1px solid;
	height: 1px;
	width: 100%;
}
.texte ul {
	margin: 5px 0 0 30px;
	padding: 0;
}
.texte li {
	margin: 0;
	padding: 0;
}
p.miseEnAvant {
	text-align: right;
}
p.miseEnAvant a {
	text-decoration: none;
	padding-left: 15px;
	background: url(images/enAvant.png) no-repeat left center;
}
.LOGICIEL p.miseEnAvant a {background-image: url(images/enAvant_LOGICIEL.png)}
.FORMATION p.miseEnAvant a {background-image: url(images/enAvant_FORMATION.png)}
.EXPERTISE p.miseEnAvant a {background-image: url(images/enAvant_EXPERTISE.png)}
.PLAN p.miseEnAvant a {background-image: url(images/enAvant_PLAN.png)}
.IMAGE p.miseEnAvant a {background-image: url(images/enAvant_IMAGE.png)}


/**********/
/* calque */
/**********/
.dCAT {
	display: none;
	overflow: hidden;
}
h4.hCAT {
	background: url(images/hCAT.png) no-repeat 0 0;
	padding: 0;
	margin: 5px 0 0 0;
}
h4.selected {
	background-image: url(images/hCAT_s.png);
}
h4.hCAT a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 700px;
	padding: 4px 0 2px 25px;
	font-style: italic;
	font-size: 15px;
}
h4.hCAT a:hover {
	color: #EF7B00;
}
table.tCAT {
	border-collapse: collapse;
	width: 945px;
}
table.tCAT img {
	vertical-align: bottom;
}
table.tCAT td {
	padding: 0;
	background: #E1E1E1 url(images/trCAT.png) repeat-x 0 0;
	font-size: 11px;
	font-weight: bold;
}
table.tCAT tr.alter td {
	background-image: url(images/trCAT_s.png);
	background-color: #A7A7A7;
}
table.tCAT tr.promo td {
	background-image: url(images/trCAT_p.png);
	background-color: #301005;
	color: #fff;
}
table.tCAT td.col1 {
	width: 515px;
}
table.tCAT td.col1f {
	width: 575px;
}
table.tCAT td.col2 {
	width: 60px;
}
table.tCAT td.col2f {
	width: 40px;
}
table.tCAT td.col3, table.tCAT td.col3f {
	width: 25px;
}
table.tCAT td.col3 img {
	cursor: pointer;
}
.calqueMini {
	position: absolute;
	display: none;
	color: #fff;	
	background: url(images/calqueMini.png) no-repeat center center;
	width: 190px;
	height: 70px;
	padding: 15px 5px;
	cursor: pointer;
}
table.tCAT td.col4 {
	width: 125px;
	text-align: right;
}
table.tCAT td.col4f {
	width: 85px;
	text-align: center;
}
table.tCAT td.col5 {
	text-align: right;
	width: 130px;	
}
table.tCAT td.col6 {
	text-align: center;
	width: 90px;
	height: 20px;
}
table.tCAT a {
	text-decoration: none;
	color: #000;
}
table.tCAT a:hover {
	color: #EF7B00 !important;
}
table.tCAT tr.promo a {
	color: #fff;
}
table.tCAT input.input {
	width: 20px;
	text-align: center;
	border: 1px solid #000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 2px;	
}

/*************/
/* recherche */
/*************/
#recherche {
	padding: 0;
	margin: 0 15px 0 0;
	list-style-type: none;
}
#recherche li {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 2px 0;
}
#recherche a {
	text-decoration: none;
	font-size: 11px;
	padding: 4px 25px;
	background: url(images/recherche.png) no-repeat 0 0;
	display: block;
	font-weight: bold;
}
#recherche a:hover {
	background-color: #EF7B00;;
}

/*********/
/* vente */
/*********/
#etape {
	text-align: center;
	padding: 25px 0;
}
#etape img {
	margin: 0 20px;
}
#formPanier {
	width: 90%;
	margin: auto;
}
#formPanier table {
	width: 100%;
	border-collapse: collapse;
}
#formPanier td, #formPanier th {
	border: 1px solid #000;
	padding: 1px 3px;
}
#formPanier th {
	color: #000;
	text-align: center;
	background-color: #fff;
}
#premiereVisite {
	width: 272px;
	padding: 100px 0 20px 0;
	background: url(images/bloc1ereVisite.png) no-repeat center center;
	margin-right: 30px;
	text-align: center;
}
#formLogin {
	margin-left: 20px;
	padding-top: 30px;
	background: url(images/blocDejaInscrit.png) no-repeat 0 0;
}
#formLogin p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#formLogin p label {
	width: 90px;
	float: left;
	margin-right: 5px;
}
#formCompte {
	width: 80%;
	margin: auto;
}
#formCompte fieldset {
	border: 1px solid #000;
	padding: 5px 10px;
}
#formCompte legend {
	font-weight: bold;
	border: 1px solid #000;
	padding: 2px 10px;
}
#formCompte p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#formCompte p label {
	width: 150px;
	border-bottom: 1px dotted #000;
	float: left;
	margin-right: 5px;
	padding-bottom: 2px;
}

.formCreation fieldset {
	border: 1px solid #000;
	padding: 5px 10px;
	width: 80%;
	margin: auto;
}
.formCreation legend {
	font-weight: bold;
	border: 1px solid #000;
	padding: 2px 10px;
}
.formCreation th {
	text-align: left;
	vertical-align: top;
}
.formCreation th label {
	font-weight: normal;
	display: block;
	padding-bottom: 2px;
	border-bottom: 1px dotted #000;
	width: 150px;
}

#tabloTarif {
	margin-top: 5px;
	border-collapse: collapse;
	font-size: 10px
}
#tabloTarif th, #tabloTarif td {
	border-left: 1px solid #000;
	padding: 2px 8px;
}
#tabloTarif td {
	white-space: nowrap;
	text-align: right;
}