/*____________________________________________________________________*/
/*_________________________________=INDEX_____________________________*/
/*____________________________________________________________________*/

.zone-presentation{
	background:url('../images/fond-zpresentation.jpg') no-repeat;
	height:506px;
	width:634px;
}

.presentation-idc{
	background:url('../images/fond-presentation.png') no-repeat;
	float:left;
	height:166px;
	margin:-6px 0 0 -7px;
	padding:25px 0 0 78px;
	width:237px;
}
*html .presentation-idc{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.id-commerce.com/images/fond-presentation.png');
}

#contenu .presentation-idc h2{
	background:none;
	height:20px;
	text-indent:-9999px;
	
}
#contenu .presentation-idc ul{
	list-style-image:none;
	margin:0;
	padding:0;
}
#contenu .presentation-idc li{
	background:url('../images/ico-check.png') no-repeat;
	margin:0;
	padding:1px 0 2px 20px;
}
*html #contenu .presentation-idc li{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.id-commerce.com/images/ico-check.png');
}


.souhait{
	background:url('../images/fond-souhait.png') no-repeat;
	float:left;
	height:183px;
	margin:2px 0 0 5px;
	padding:0 0 0 35px;
	width:275px;
}
*html .souhait{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.id-commerce.com/images/fond-souhait.png');
}

#contenu .souhait h2{
	background:none;
	height:20px;
	text-indent:-9999px;
}
#contenu .souhait ul{
	list-style-image:none;
	margin:0;
	padding:0;
}
#contenu .souhait li{
	background:url('../images/sep-souhait.gif') bottom left no-repeat;
	font-size:13px;
	margin:0;
	padding:7px 0;
}
#contenu .souhait li.last{
	background:none;;

}

#contenu .boite-logiciel{
	clear:both;
	float:left;
	width:370px;
}

#contenu .boite-logiciel ul{
	list-style-image:none;
	margin:0;
	padding:8px 0 1px 15px;
}
#contenu .boite-logiciel li{
	display:inline;
	margin:0;
	padding:0 3px;
}


.form-contact-index{
	background:url('../images/fond-formdemo.png') no-repeat;
	float:left;
	height:181px;
	margin:-58px 0 0 -34px;
	padding:5px 0 0 33px;
	width:264px;
}
*html .form-contact-index{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.id-commerce.com/images/fond-formdemo.png');
}

#contenu .form-contact-index p.important{
	color:#fff;
	padding:70px 30px 5px 40px;
	text-align:center;
}

#contenu #form_demo label{
	color:#fff;
	font-size:14px;
	padding:6px 4px 6px 10px;
	text-align:right;
}

#contenu #form_demo span{
	background:url('../images/fond-inputdemo.png') no-repeat;
	display:block;
	float:left;
	height:22px;
	margin:2px 0 0 0;
	padding:1px 10px 0 23px;
	width:114px;
}

#contenu #form_demo input{
	background:none;
	border:none;
	width:114px;
}

#contenu #form_demo input.btn_submit{
	background:none;
	border:0;
	height:53px;
	margin:2px 0 0 20px;
	padding:0;
	width:239px;
}
#contenu #form_demo.validation label.error{
	background:url(../images/non.gif) no-repeat;
	margin:4px 0 0 -146px;
	padding:0;
	width:14px;
}
#contenu #form_demo.validation label.checked{
	background:url(../images/ok.gif) no-repeat;
	margin:4px 0 0 -146px;
	padding:0;
	width:14px;	
}


.zone-actu{
	height:auto;
	margin:10px 0 5px 0;
	min-height:100px;
}
.zone-actu .first{
	background:url('../images/p-vert.gif') right top repeat-y;
} 

.uneactu{
	float:left;
	padding:0 12px 0 10px;
	width:295px;
}
*html .uneactu{
	width:290px;
}

#contenu .uneactu p{
	color:#797979;
	font-style:italic;
	padding:0 8px;
}
#contenu .uneactu p a{
	font-style:normal;
}

.uneactu .date{
	background:url('../images/fond-date.jpg') no-repeat;
	float:left;
	height:48px;
	padding:1px 0 0 5px;
	width:57px;
}
.uneactu .date .mois{
	color:#d55807;
	display:block;
	float:left;
	font: normal 26px Georgia, Helvetica, sans-serif;
	font-style:italic;	
	width:26px;
}
.uneactu .date .annee{
	color:#969696;
	display:block;
	float:left;
	font: normal 18px Georgia, Helvetica, sans-serif;
	font-style:italic;
	padding:17px 0 0 0;
	width:26px;
}
*html .uneactu .date .annee{
	padding:0;
}



.uneactu .titre{
	float:right;
	padding:2px 0 0 0;
	width:223px;
}
#contenu .titre p{
	padding:0;
	text-align:left;
}


#contenu .zone-actu p.all{
	border-bottom:1px #999 solid;
	clear:both;
	padding:0 5px 0 0;
	text-align:right;
}
#contenu .zone-actu p.all a.actu{
	background:url('../images/puce-n.gif') 0 5px no-repeat;
	color:#353535;
	padding:0 5px 0 8px;
}
#contenu .zone-actu p.all a:hover,#contenu .zone-actu p.all a:focus{
	color:#5f5f5f;	
}

#contenu .zone-actu p.all img{
	vertical-align:text-bottom;
}

.spacer-pombre{
	background:url('../images/sep-pombre.jpg') center top no-repeat;
	clear:both;
	height:14px;
}

/*____________________________________________________________________*/
/*_____________________________=LISTE BOUTIQUE________________________*/
/*____________________________________________________________________*/

.uneboutique{
	background:url('../images/fond-h2.gif') bottom left repeat-x;
	clear:both;
	height:170px;
	margin:2px 13px 3px 13px;
	padding:2px 0 5px 0;
}

.uneboutique img{
	background:#fff;
	border:1px #cfcfcf solid;
	display:block;
	padding:3px;
}

.uneboutique .image{
	float:left;
	width:235px;
}
.uneboutique .description{
	float:right;
	padding:20px 0 5px 0;
	width:370px;
}
.uneboutique .description a{
	font-style:italic;
}

/*____________________________________________________________________*/
/*_______________________________=LES PACKS___________________________*/
/*____________________________________________________________________*/

#lespacks-liberty,
#lespacks-power,
#lespacks-perfect{
	background:url('../images/fond-liberty.png') no-repeat;
	height:163px;
	margin:5px auto 10px auto;
	padding:0 0 0 110px;
	width:498px;
}
#lespacks-power{
	background:url('../images/fond-power.png') no-repeat;
}
#lespacks-perfect{
	background:url('../images/fond-perfect.png') no-repeat;
}




#lespacks-liberty p.description,
#lespacks-power p.description,
#lespacks-perfect p.description{
	height:85px;
	padding-bottom:3px;
	padding-top:0;
}
#lespacks-liberty p.description strong{
	color:#c40000;
}
#contenu p.detail{
	text-align:right;
}
#contenu p.detail a{
	color:#fff;
	font-weight:bold;
}
#contenu p.detail a:hover{
	color:#eee;
}

/*____________________________________________________________________*/
/*______________________________=CONTACT =ETUDES______________________*/
/*____________________________________________________________________*/

#form_contact{
	background:url('../images/fond-contact.png') no-repeat;
	height:293px;
	margin:10px auto 0 auto;
	padding:81px 10px 20px 10px;
	width:594px;
}
#form_contact label,#form_etudes label,
#contenu form.form label{
	color:#fff;
}
#form_contact label.big,#form_etudes label.big,
#contenu .form label.big{
	margin-top:10px;
	width:80%;
}

.fcontact{
	float:left;
	width:297px;
}
.finfoscomp{
	float:left;
	width:297px;
}
.fvalidation{
	float:left;
	padding:20px 0 0 0;
	width:297px;
}

#form_contact input,#form_etudes input,
#form_contact textarea,#form_etudes textarea,
#contenu .form input,#contenu .form textarea{
	width:144px;
}
#form_contact #formule{
	width:150px;
}

#form_contact #message,#form_etudes #message,
#contenu form.form #message{
	width:250px;
}
#form_contact #captcha,#form_etudes #captcha,
#contenu form.form #captcha{
	width:90px;
}

#contenu .fvalidation input{
	background:none;
	border:none;
	padding:0;
	width:auto;
}
#contenu form .obligatoire{
	color:#fff;
	display:block;
	float:left;
	width:33%;
}

/*_____________________________=ETUDES____________________________*/

#form_etudes{
	background:url('../images/fond-etudes.png') no-repeat;
	height:349px;
	margin:10px auto 0 auto;
	padding:81px 10px 20px 10px;
	width:594px;
}
#form_etudes #objectif,#form_etudes #misel,#form_etudes #contexte{
	width:256px;
}
#form_etudes label.big{
	margin-top:2px;
}

#form_etudes input[type="checkbox"]{
	margin-left:35%;
	margin-bottom:5px;
	padding:0;
	width:auto;
}
#form_etudes label.lcheckbox{
	font-size:11px;
	margin:0;
	padding:0;
	width:140px;
}
*+html #form_etudes label.lcheckbox{
	padding:3px 0 0 0;
}

#form_etudes .fvalidation{
	padding-top:15px;
}

/*____________________________________________________________________*/
/*_____________________________=NEWSLETTER____________________________*/
/*____________________________________________________________________*/

#form_inscription{
	background:url('../images/fond-newsletter.png') no-repeat;
	height:66px;
	margin:10px auto 0 auto;
	padding:81px 10px 20px 10px;
	width:399px;
}
#form_inscription label{
	color:#fff;
	text-align:right;
	padding:7px 1% 0 0;
	width:28%;	
}
#form_inscription input[type="text"]{
	width:230px;
}
#form_inscription input[type="submit"]{
	border:0;
	cursor:pointer;
	display:block;
	float:left;
	font-size:0px;
	height:27px;
	line-height: 0px;
	margin-top:5px;
	padding:0;
	text-indent:-9999px;
}
#form_inscription input.inscription{
	background:url('../images/btn-inscription.png') no-repeat;
	margin-left:29%;	
	width:99px;
}
#form_inscription input.desinscription{
	background:url('../images/btn-desinscription.png') no-repeat;
	margin-left:2%;		
	width:129px;
}

/*____________________________________________________________________*/
/*_____________________________=DIDACTICIEL___________________________*/
/*____________________________________________________________________*/

.last-didacticiel{
	background:url('../images/fond-last-didacticiel.png') no-repeat;
	float:left;
	height:84px;
	margin:5px 16px 0 16px;
	padding:5px;
	width:274px;
}

/*____________________________________________________________________*/
/*_____________________________=LISTE ACTUALITE_______________________*/
/*____________________________________________________________________*/

.liste-actu{
	padding:10px 30px 5px 30px;
}
.liste-actu .uneactu{
	background:url('../images/sep-moy.png') bottom center no-repeat;
	clear:both;
	float:none;
	height:auto;
	min-height:30px;
	padding:10px 0 13px 0;
	width:550px;
}

.liste-actu .uneactu .titre{
	width:480px;
}

/*____________________________________________________________________*/
/*_____________________________=DETAIL ACTUALITE______________________*/
/*____________________________________________________________________*/

.detail-actu img{
	display:block;
	margin:5px auto;
	max-width:600px;
}

#contenu p.publie{
	background:url('../images/fond-h2.gif') 0 5px repeat-x;
	padding-top:15px;
	margin:0 10px;
}

/*_____________________________=DEMONSTRATION____________________________*/

#form_demonstration{
	background:url('../images/fond-demonstration.png') no-repeat;
	height:349px;
	margin:10px auto 0 auto;
	padding:81px 10px 20px 10px;
	width:594px;
}

#form_demonstration label.big{
	margin-top:2px;
}

#form_demonstration .fvalidation{
	padding-top:15px;
}

/*_____________________________=PARTENARIAT____________________________*/

#form_partenaires{
	background:url('../images/fond-partenaires.png') no-repeat;
	height:309px;
	margin:10px auto 0 auto;
	padding:81px 10px 20px 10px;
	width:594px;
}

#contenu #form_partenaires label.big{
	margin-top:2px;
}

#form_partenaires .sep{
	height:15px;
}

#form_partenaires .fvalidation{
	padding-top:15px;
}

