/* COMMUN ******************************************************/

* {
	color: #FFFFFF;
	font-family: arial, "myriad pro", verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: 0;
}
br {
	font-size: 5px;
}
.Gras {
	font-weight: bold;
}
.Home {
	background: url(../../img/home/bg.gif) transparent repeat-x;
}
.Identite {
	background: url(../../img/identite/bg.gif) transparent repeat-x;
}
.Solutions {
	background: url(../../img/solutions/bg.gif) transparent repeat-x;
}
.Showroom {
	background: url(../../img/showroom/bg.gif) transparent repeat-x;
}
.Contact {
	background: url(../../img/contact/bg.gif) transparent repeat-x;
}
#contentBox {
	width: 960px;
	height: 580px;
	position:absolute;
	left: 50%; 
	top: 50%;
	margin-top: -295px; /* moitié de la hauteur */
	margin-left: -480px; /* moitié de la largeur */
	float: left;	
}
.errorColor {
	color: #FF0000;
}

/* HEADER ******************************************/
#header {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 10px 0;
}
.logoBox {
	float: left;
	margin-top: 10px;
	/*border-right: 0px #ffffff solid;*/
	text-indent: -9999px;
	background: transparent url(../../img/common/logo_idp.png) no-repeat;	
}
a.logo_id {
	width: 296px;
	height: 70px;
	display: block;
}

h1 {
	width: 97.5%;
	height: 30px;
	margin: 0 0 5px 2px;
	float: left;
	text-indent: -9999px;
}
html>body h1 {
	margin: 0 0 5px 5px;
}
h1.actualites {
	width: 109px;
	background: transparent url(../../img/home/t_actualites.png) no-repeat;
}
h1.kiKonEst {
	width: 192px;
	background: transparent url(../../img/identite/t_qui.png) no-repeat;
}
h1.philo {
	width: 120px;
	background: transparent url(../../img/identite/t_philosophie.png) no-repeat;
}
h1.deVousANous {
	width: 162px;
	background: transparent url(../../img/contact/t_devousanous.png) no-repeat;
}
h1.presentation {
	width: 159px;
	background: transparent url(../../img/solutions/t_presentation.png) no-repeat;
}
h1.offLine {
	width: 74px;
	background: transparent url(../../img/solutions/t_offline.png) no-repeat;
}
h1.onLine {
	width: 67px;
	background: transparent url(../../img/solutions/t_online.png) no-repeat;
}
h1.convergence {
	width: 132px;
	background: transparent url(../../img/solutions/t_convergence.png) no-repeat;
}
h1.tripleId {
	width: 85px;
	background: transparent url(../../img/solutions/t_triple_id.png) no-repeat;
}
h1.realisations {
	width: 246px;
	background: transparent url(../../img/showroom/t_realisations.png) no-repeat;
}
h1.newsletter {
	width: 300px;
	background: transparent url(../../img/newsletter/t_newsletter.png) no-repeat;
}
h1.mentionsLegales {
	width: 180px;
	background: transparent url(../../img/mentions_legales/t_mentions_legales.png) no-repeat;
}
h1.partenaires {
	width: 164px;
	background: transparent url(../../img/partenaires/t_partenaires.png) no-repeat;
}
h1.article {
	width: 114px;
	background: transparent url(../../img/home/t_details.png) no-repeat;
}


/* COLONNE DE GAUCHE ******************************************/
.colLeft {
	width: 310px;
	height: 473px;
	margin-right: 25px;
	float: left;
}
.mainNav {
	width: 310px;
	height: 250px;
	float: left;	
}
.mainNav ul {
	margin-top: 85px;
	height: 120px;
}
.mainNav li {
	height: 30px;
	display: block;
	float: left;
	text-indent: -9998px;
}
.mainNav a {
	display: block;
	width: 310px;
	height: 30px;
}
/* NAV principale de la HOME */
.mainNav  a.navHome1 {
	background: url(../../img/home/nav_identite.gif) no-repeat;
}
.mainNav  a:hover.navHome1 {
	background: url(../../img/home/nav_identite.gif) 0 -30px no-repeat;
}
.mainNav  a.navHome2 {
	background: url(../../img/home/nav_solutions.gif) no-repeat;
}
.mainNav  a:hover.navHome2 {
	background: url(../../img/home/nav_solutions.gif) 0 -30px no-repeat;
}
.mainNav  a.navHome3 {
	background: url(../../img/home/nav_references.gif) no-repeat;
}
.mainNav  a:hover.navHome3 {
	background: url(../../img/home/nav_references.gif) 0 -30px no-repeat;
}
.mainNav  a.navHome4 {
	background: url(../../img/home/nav_contacter.gif) no-repeat;
}
.mainNav  a:hover.navHome4 {
	background: url(../../img/home/nav_contacter.gif) 0 -30px no-repeat;
}
/* NAV principale de la rubrique IDENTITE */
.mainNav  a.navIdentite1, .mainNav  a:hover.navIdentite1 {
	background: url(../../img/identite/nav_identite.gif) 0 -60px no-repeat;
}
.mainNav  a.navIdentite2 {
	background: url(../../img/identite/nav_solutions.gif) no-repeat;
}
.mainNav  a:hover.navIdentite2 {
	background: url(../../img/identite/nav_solutions.gif) 0 -30px no-repeat;
}
.mainNav  a.navIdentite3 {
	background: url(../../img/identite/nav_references.gif) no-repeat;
}
.mainNav  a:hover.navIdentite3 {
	background: url(../../img/identite/nav_references.gif) 0 -30px no-repeat;
}
.mainNav  a.navIdentite4 {
	background: url(../../img/identite/nav_contacter.gif) no-repeat;
}
.mainNav  a:hover.navIdentite4 {
	background: url(../../img/identite/nav_contacter.gif) 0 -30px no-repeat;
}
/* NAV principale de la rubrique SOLUTIONS */
.mainNav  a.navSolutions1 {
	background: url(../../img/solutions/nav_identite.gif) no-repeat;
}
.mainNav  a:hover.navSolutions1 {
	background: url(../../img/solutions/nav_identite.gif) 0 -30px no-repeat;
}
.mainNav  a.navSolutions2, .mainNav  a:hover.navSolutions2 {
	background: url(../../img/solutions/nav_solutions.gif) 0 -60px no-repeat;
}
.mainNav  a.navSolutions3 {
	background: url(../../img/solutions/nav_references.gif) no-repeat;
}
.mainNav  a:hover.navSolutions3 {
	background: url(../../img/solutions/nav_references.gif) 0 -30px no-repeat;
}
.mainNav  a.navSolutions4 {
	background: url(../../img/solutions/nav_contacter.gif) no-repeat;
}
.mainNav  a:hover.navSolutions4 {
	background: url(../../img/solutions/nav_contacter.gif) 0 -30px no-repeat;
}
/* NAV principale de la rubrique SHOWROOM */
.mainNav  a.navShowroom1 {
	background: url(../../img/showroom/nav_identite.gif) no-repeat;
}
.mainNav  a:hover.navShowroom1 {
	background: url(../../img/showroom/nav_identite.gif) 0 -30px no-repeat;
}
.mainNav  a.navShowroom2 {
	background: url(../../img/showroom/nav_solutions.gif) no-repeat;
}
.mainNav  a:hover.navShowroom2 {
	background: url(../../img/showroom/nav_solutions.gif) 0 -30px no-repeat;
}
.mainNav  a.navShowroom3, .mainNav  a:hover.navShowroom3 {
	background: url(../../img/showroom/nav_references.gif) 0 -60px no-repeat;
}
.mainNav  a.navShowroom4 {
	background: url(../../img/showroom/nav_contacter.gif) no-repeat;
}
.mainNav  a:hover.navShowroom4 {
	background: url(../../img/showroom/nav_contacter.gif) 0 -30px no-repeat;
}
/* NAV principale de la rubrique CONTACT */
.mainNav  a.navContact1 {
	background: url(../../img/contact/nav_identite.gif) no-repeat;
}
.mainNav  a:hover.navContact1 {
	background: url(../../img/contact/nav_identite.gif) 0 -30px no-repeat;
}
.mainNav  a.navContact2 {
	background: url(../../img/contact/nav_solutions.gif) no-repeat;
}
.mainNav  a:hover.navContact2 {
	background: url(../../img/contact/nav_solutions.gif) 0 -30px no-repeat;
}
.mainNav  a.navContact3 {
	background: url(../../img/contact/nav_references.gif) no-repeat;
}
.mainNav  a:hover.navContact3 {
	background: url(../../img/contact/nav_references.gif) 0 -30px no-repeat;
}
.mainNav  a.navContact4, .mainNav  a:hover.navContact4 {
	background: url(../../img/contact/nav_contacter.gif) 0 -60px no-repeat;
}

.accrocheBox {
	width: 310px;
	height: 210px;
	float: left;
	font-weight: bold;
	text-indent: -9998px;
}
.accroIdentite {
	background: url(../../img/identite/accro_identite.png) no-repeat;
}
.accroPhilosophie {
	background: url(../../img/identite/accro_philosophie.png) no-repeat;
}
.accroSolutions {
	background: url(../../img/solutions/accro_solutions.png) no-repeat;
}
.accroOffline {
	background: url(../../img/solutions/accro_offline.png) no-repeat;
}
.accroOnline {
	background: url(../../img/solutions/accro_online.png) no-repeat;
}
.accroConvergence {
	background: url(../../img/solutions/accro_convergence.png) no-repeat;
}
.accroTripleID {
	background: url(../../img/solutions/accro_triple_id.png) no-repeat;
}
.accroShowroom {
	background: url(../../img/showroom/accroche.png) no-repeat;
}
.accroContact {
	background: url(../../img/contact/accroche.png) no-repeat;
}

/* COLONNE DE DROITE ******************************************/
.colRight {
	width: 615px;
	height: 478px;
	float: left;
	overflow: hidden;
}
.tvBox {
	width: 569px;
	height: 239px;
	float: left;
	padding-left:44px;
	padding-top: 11px;
	background: url(../../img/common/bg_tv.png) no-repeat;
}
html>body .tvBox {
	width: 572px;
	height: 239px;
	float: left;
	padding-left:45px;
	padding-top: 11px;
}
.sousNavBox {
	width: 605px;
	height: 20px;
	padding: 5px 0 10px 0px;
	float: left;
	margin-left: 2px;
}
html>body .sousNavBox {
	margin-left: 4px;
}
.sousNavBox li {
	float: left;
	list-style: none;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
.Home .sousNavBox li {
	border-left: 1px #706c91 solid;
}
.Identite .sousNavBox li {
	border-left: 1px #517490 solid;
}
.Solutions .sousNavBox li {
	border-left: 1px #8c4857 solid;
}
.Showroom .sousNavBox li {
	border-left: 1px #735469 solid;
}
.Contact .sousNavBox li {
	border-left: 1px #4e7275 solid;
}
.sousNavBox a {
	font-size: 12px;
	text-decoration: none;
	margin-left: 0px;
	display: block;
	padding: 2px 10px 2px 10px;
}
.sousNavBox a:hover {
	text-decoration: none;
}
.Home .sousNavBox a:hover {
	background: #605b85;
}
.Identite .sousNavBox a:hover {
	background: #3c6484;
}
.Solutions .sousNavBox a:hover {
	background: #7f3344;
}
.Showroom .sousNavBox a:hover {
	background: #624058;
}
.Contact .sousNavBox a:hover {
	background: #3a6165;
}
.sousNavBox .linkOn {
	padding: 2px 10px 2px 10px;
}
.Home .sousNavBox .linkOn {
	background: #706c91;
}
.Identite .sousNavBox .linkOn {
	background: #517490;
}
.Solutions .sousNavBox .linkOn {
	background: #8c4857;
}
.Showroom .sousNavBox .linkOn {
	background: #74596c;
}
.Contact .sousNavBox .linkOn {
	background: #4e7275;
}
.scrollBox {
	margin: 0px 0 0 2px;
	width: 100%;
	height: 160px;
	float: left;
	overflow: hidden;
}
html>body .scrollBox {
	width: 100%;
	margin: 0px 0 0 4px;
}
.contentLeft {
	width: 290px;
	float: left;
	height: 164px;
}
.contentRight {
	width: 290px;
	float: left;
	height: 164px;
	padding-left: 27px;
}
html>body .contentRight {
	padding-left: 0px;
	margin-left: 27px;
}
.contentLeft p {
	background: #624058;
	padding: 4px;
	float: left;
}
.contentLeft p img {
	float: left;
	margin: 0 5px 4px 0;
}
.contentRight p{
	background: #7f3344;
	padding: 4px;
}
.logos {
	background: url(../../img/showroom/logos_small.gif) no-repeat;
}
.formContentRight {
	width: 264px;
	float: left;
	padding-left: 0px;
}
html>body .formContentRight {
	width: 268px;
	padding-left: 23px;
	margin-left: 27px;
}
.scrollBox ul {
	float: left;
	clear: both;
}
h2 {
	width: 290px;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	margin: 0 0 5px 0;
}
.titreSousArticle {
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 12px;	
}
.linkMore {
	text-align: right;
	margin-right: 5px;
	padding: 0 0 0 8px;
	background: url(../../img/common/puce.gif) 0 3px no-repeat;
}
.articleLinkMore {
	background: #605b85;
	width: 277px;
	display: block;
	padding: 2px 4px;
}
html>body .articleLinkMore {
	width: 285px;
	padding: 2px;
}
.Contact .tableForm {
	float: left;
}
.Contact label {
	margin-bottom: 10px;
}
#civility1, #civility2, #civility3 {
	border: 0;
	background: transparent;
}
.Contact input.Txt, .Contact textarea {
	background: #4e7275;
	border: 1px #849c9f solid;
	padding: 1px;
	width: 135px;
}
.Contact input.Txt {
	margin-right: 28px;
	height: 13px;
	float: left;
}
html>body .Contact input.Txt {
	margin-right: 18px;
}
#demandeField {
	width: 260px;
	height: 86px;
	margin-top: 3px;
}
html>body #demandeField {
	height: 84px;
	width: 264px
}
.alertBox {
	width: 183px;
	height: 16px;
	float: left;
	margin-top: 8px;
	font-style: italic;
}
html>body .alertBox {
	width: 189px;
}
.Contact .btForm {
	background: #FFFFFF;
	color: #4e7275;
	font-weight: bold;
	padding:1px 0 0 0;
	margin: 5px 0 0 9px;
	text-transform: uppercase;
	width: 69px;
	text-align: center;
	cursor:pointer;
}
html>body .Contact .btForm {
	margin: 5px 0 0 18px;
	padding:0;
}

/* NEWSLETTER **************************************/

.formNL div {
	float: left;
	width: 201px;
	font-style: italic;
	padding-top: 5px;
}
html>body .formNL div {
	width: 205px;
	font-style: italic;
	padding-top: 6px;
}
.formNL .civiBox {
	margin-bottom: 0px;
	background: transparent;
	padding: 0;
}
.formNL .halfBox {
	float: left;
	width: 145px;
	margin: 5px 0;
	background: transparent;
	padding: 0;
}
.inputNL {
	background: #706c91;
	border: 1px #8a86a5 solid;
	padding: 1px;
	width: 280px;
	margin-bottom: 1px;
}
html>body .inputNL {
	width: 281px;
	margin-bottom: 0px;
}
.halfBox .inputNL {
	width: 135px;
}

.btFormNL {
	background: #FFFFFF;
	color: #706c91;
	font-weight: bold;
	padding:1px 0 0 0;
	margin: 1px 0px 0 13px;
	text-transform: uppercase;
	width: 66px;
	text-align: center;
	cursor:pointer;
}
html>body .btFormNL {
	margin: 5px 0px 0 14px;
}


/* PARTENAIRES *************************************/
.partner {
	float: right;
	margin: 0 0 5px 5px;
	width: 122px;
	background: #706c91;
	padding-bottom: 2px;
	display: inline;
	text-align: center;
}
.partner img {
	border: 1px #A09DBB solid;
}
.partnerBox {
	width: 290px;
	float: left;
}
.partnerBoxPrem {
	margin-right: 25px;
}


/* FOOTER ******************************************/
#footer {
	width: 940px;
	float: left;
	clear: both;
	margin-top: 0px;
	padding: 0 0 5px 7px;
	border-top: 1px #ffffff solid;
}
.Home #footer {
	border-top: 1px #706c91 solid;
}
.Identite #footer {
	border-top: 1px #517490 solid;
}
.Solutions #footer {
	border-top: 1px #8c4857 solid;
}
.Showroom #footer {
	border-top: 1px #735469 solid;
}
.Contact #footer {
	border-top: 1px #4e7275 solid;
}
.Home #footer li {
	border-right: 1px #706c91 solid;
}
.Identite #footer li {
	border-right: 1px #517490 solid;
}
.Solutions #footer li {
	border-right: 1px #8c4857 solid;
}
.Showroom #footer li {
	border-right: 1px #735469 solid;
}
.Contact #footer li {
	border-right: 1px #4e7275 solid;
}

#footer li {
	float: left;
	font-size: 9px;
	margin: 6px 4px 0 0;
	list-style: none;
	padding: 0 3px 0 0;
	
}
html>body #footer li {
	margin: 6px 4px 0 0;
	padding: 0 3px 0 0;
	
}
#footer .sub {
	text-align: center;
	clear: left;
	padding-top: 5px;
margin-left: 220px;
}

#footer .sub li {

}

#footer a {
	display: block;
	margin-right: 0;
	float: left;
	text-decoration: none;
	font-size: 9px;
	height: 11px;
}
#footer a.xhtml {
	width: 49px;
	height: 11px;
	text-indent: -9999px;
	background: url(../../img/common/picto_xhtml.png) no-repeat;
	cursor:pointer;
}
#footer a.css {
	width: 31px;
	height: 11px;
	text-indent: -9999px;
	background: url(../../img/common/picto_css.png) no-repeat;
	cursor:pointer;
}

#footer img {
	height: 11px;
}
#footer a:hover {
	text-decoration: underline;
}
#footer li.end {
	border: 0;
}