/* CSS Document */
html {overflow:-moz-scrollbars-vertical;}
#Page{
	margin:0px auto;
	width:970px;
	padding:0 ;
	/*pour test*/
	/*background-color:#F2F2F2*/
}
/*---------------------*/
.format_png,.spip_logos { behavior: url(win_png.htc); }
a{
	outline:none
}
code{
	display:none
}
.M15{
	width:15px;
	float:left;
}
.M17{
	width:17px;
	float:left;
}
.M55{
	width:55px;
	float:left;
}
.Corner{
	background-color:white;
}
a.acid{
	background-image:url(../images/acid_creation.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:2px 20px 2px 0px;
		
}
/*---------------------*/
#CadreUpline{
	margin:auto;
	width:950px;
}
	#Baseline{
		float:left;
		width:542px;
	}
	#International{
		float:left;
		width:197px;
	}
	#LoginProject{
		float:left;
		width:197px;
		border-left:1px solid rgb(137,149,161);
		padding-bottom:15px;
		margin-bottom:10px;
	}
	#RetourAccueil{
		float:left;
		width:394px;
	}
#CadreSup{
	margin:auto;
	width:950px;
	height:15px;
	background-image:url(../images/Cadre/CadreSup.png);
	background-repeat:no-repeat
}
#CadreMiddle{
	margin:auto;
	width:950px;
	background-image:url(../images/Cadre/CadreMiddle.png);
	background-repeat:repeat-y;
	background-color:white;
}
#CadreBottom{
	margin:auto;
	width:950px;
	height:15px;
	background-image:url(../images/Cadre/CadreBottom.png);
	background-repeat:no-repeat
}
#CadreBottom2{
	margin:auto;
	width:950px;
	height:15px;
}
#CadreBaseline{
	margin:auto;
	width:950px;
	
	height:104px;
	
	background-image:url(../images/LogoAscofi.gif);
	background-repeat:no-repeat;
	background-position:20px 10px;
	
}
/* MiSE EN PLACE DeS BLOCS ----*/
#Menu{
	width:315px;
	height:440px;
	float:left;
	background-image:url(../images/Getty/71035318.jpg);
	background-repeat:no-repeat;
	background-position:right -10px;
}
#MenuArticle{
	width:315px;
	height:440px;
	float:left;
	background-image:url(../images/Getty/stk116081rke.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
	#Menu #MenuInt,#MenuArticle #MenuInt{
		margin:25px 0 0 25px;
	}
#Contenu{
	width:591px;
	height:440px;
	float:left;
	background-color:rgb(137,149,161);
}
#ContenuPage{
	width:591px;
	float:left;
	background-color:rgb(137,149,161);
	padding-bottom:5px
}
#ContenuSoftware{
	width:591px;
	height:440px;
	float:left;
	background-color:rgb(242,97,43);
}
html>body #ContenuSoftware{
	height:auto;
	min-height:440px;
}
#ContenuSoftware .CadreSoftware{
	width:271px;
	float:left;
	margin-top:15px;
	height:425px
}
html>body #ContenuSoftware .CadreSoftware{
	height:auto;
	min-height:425px
}
#ContenuSoftware .CadreSoftware .HeaderSoftware{
	background-image:url(../images/Software/Header.gif);
	background-repeat:no-repeat;
	width:271px;
	height:390px
}	
 html>body #ContenuSoftware .CadreSoftware .HeaderSoftware{
 	height:auto;
	min-height:390px
 }
#menu_01,#menu_02{
margin:0 15px 10px 20px;
text-align:left
}
#ContenuSoftware .CadreSoftware .FootSoftware{
	background-image:url(../images/Software/Footer.gif);
	width:271px;
	height:20px;
	background-repeat:no-repeat;
	margin-bottom:24px
}
html>body #ContenuSoftware .CadreSoftware .FootSoftware {
	margin-bottom:14px;
}
/*Les colonnes de la page d'accueil*/
#Contenu #ColA,#Contenu #ColB,#Contenu #ColC{
	width:197px;
	height:440px;
	float:left;
	cursor:pointer;
	}
/*Les colonnes des pages*/	
#ContenuPage #ColPA,#ContenuPage #ColPB,#ContenuPage #ColPC{
	width:197px;
	height:240px;
	margin-bottom:20px;
	float:left;
	}	
	#ContenuPage #ColPA{
		background-image:url(../images/Numero/A_out.gif);
		background-repeat:no-repeat;
		background-position:0 -65px;
		cursor:pointer;
	}
	#ContenuPage #ColPB{
		background-image:url(../images/Numero/B_out.gif);
		background-repeat:no-repeat;
		background-position:0 -65px;
		cursor:pointer;
	}
	#ContenuPage #ColPC{
		background-image:url(../images/Numero/C_out.gif);
		background-repeat:no-repeat;
		background-position:0 -65px;
		cursor:pointer;
	}
	#ContenuPage #ColPA h1,#ContenuPage #ColPB h1,#ContenuPage #ColPC h1{
		color:rgb(202,202,202);
		padding-top:115px;
	}
#ContenuPage #ColPageIntro{
	width:210px;
	float:left;
	margin-bottom:10px;
}
#ContenuPage #ColPageTexte{
	width:370px;
	float:left;
	border-left:1px solid white;
	text-align:left;
	margin-bottom:10px
}	
	
	#ColA .Top,#ColB .Top,#ColC .Top{
		width:197px;
		height:180px;
		background-repeat:no-repeat;
		background-image:url(../images/Colonnes/Colonne.gif);
		cursor:pointer;
	}
	#ColA .ColonneContenu,#ColB .ColonneContenu,#ColC .ColonneContenu{
		width:197px;
		height:260px;
		background-image:url(../images/Colonnes/ColonneFond.gif);
		background-position:5px 0;
		background-repeat:repeat-y;
	}
#Ariane{
	clear:both;
	margin:0 auto;
	width:920px;
	height:20px;
	border-bottom:1px solid rgb(137,149,161);
	padding-bottom:2px;
}
#Ariane p{
	margin:0 0 0 20px;
	text-align:left;
	color:rgb(137,149,161);
	padding-top:5px;
	font-size:1.1em;
	font-weight:normal;
}
#Ariane a{
	text-decoration:none;
	color:rgb(137,149,161);
}
#Ariane a:hover{
	color:rgb(242,97,43);
}

#EncartFormation{
	margin-top:10px;
	width:315px;
	height:136px;
	float:left;
	background-color: rgb(137,149,161);
	cursor:pointer
}
#EncartSoftware{
	margin-top:10px;
	width:591px;
	height:136px;
	float:left;
	background-color: rgb(242,97,43);
	background-image:url(../images/Encart/VitamibSoftware.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:pointer;
	text-align:center
}

#EncartSite{
	margin-top:10px;
	width:410px;
	height:136px;
	float:left;
	background-color: rgb(137,149,161);
	cursor:pointer
}
#EncartLogo{
	margin-top:10px;
	width:180px;
	height:136px;
	float:left;
	background-image:url(../images/LogoVitamibPetit.png);
	background-repeat:no-repeat;
	background-position:45px 20px;
	cursor:pointer;
}
/* Les PEtites colonnes*/
div#PetiteCol_1{
	width:100px;
	height:136px;
	float:left;
	background-image:url(../images/ColonnePetite/Diagnostic.gif);
	background-repeat:no-repeat;
	background-position:0 21px;
	cursor:pointer
}
div#PetiteCol_2{
	width:100px;
	height:136px;
	float:left;
	background-image:url(../images/ColonnePetite/Montage.gif);
	background-repeat:no-repeat;
	background-position:0 21px;
	cursor:pointer	
}
div#PetiteCol_3{
	width:100px;
	height:136px;
	float:left;
	background-image:url(../images/ColonnePetite/Management.gif);
	background-repeat:no-repeat;
	background-position:0 21px;
	cursor:pointer
}


/* TYPOGRAPHiE ----*/
/*Les blocs UPLINE*/
#CadreUpline p{

}
#CadreUpline p a{
	text-decoration:none;
	font-size:1.2em;
	color:rgb(137,149,161);
}
#CadreUpline p a:hover{
	color:rgb(242,97,43);
}
#Baseline {
	text-align:right;
}
#International,#LoginProject,#RetourAccueil{
	text-align:center;
}
#International a,#LoginProject a,#RetourAccueil a{
	text-decoration:none;
	color:rgb(137,149,161);
}
#International a:hover,#LoginProject a:hover,#RetourAccueil a:hover{
	color:rgb(242,97,43);
}
#Baseline h4{
	margin:0 10px 0 0;
	font-size:1.2em;
	font-weight:bold;
	color:rgb(137,149,161);
}
#Baseline p{
	margin:0 10px 10px 10px;
	font-size:1.2em;
	font-weight:normal;
	color:rgb(137,149,161);
	line-height:1em;
}
#LoginProject h4,#International h4,#RetourAccueil h4{
	margin:10px 0 0 0;
	font-size:1.5em;
	font-weight:normal;
	color:rgb(137,149,161);
}
#International h4 {
	margin-top:20px;
}
#International h4 img{
	margin-right : 5px
}
#LoginProject p,#RetourAccueil p{
	margin:0;
	font-size:1.1em;
	font-weight:normal;
	color:rgb(137,149,161);
}
/* Le Menu de gauche*/
#Menu #MenuInt,#MenuArticle #MenuInt{
	text-align:left
}
#MenuInt p{
	font-size:1.2em;
	color:rgb(137,149,161);
	margin:20px 135px 20px 0
}
#MenuInt ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	color:rgb(242,97,43);
}
#MenuInt ul li a{
	font-size:1.1em;
	color:rgb(242,97,43);
	text-decoration:none;
	font-weight:normal;
}
#MenuInt ul li a:hover{
	color:rgb(137,149,161);
}
#MenuInt p.LienMenuContact{
	font-size:1.1em;
}
#MenuInt p.LienMenuContact a{
	border-top:1px solid rgb(242,97,43);
	border-bottom:1px solid rgb(242,97,43);
	padding:5px 0 5px 0;
	text-decoration:none;
	color:rgb(242,97,43);
	
	font-weight:normal;
	
}
#MenuInt p.LienMenuContact a:hover{
	color:rgb(137,149,161);
}
/* Les colonnes de contenu */
.ColonneContenu{
	text-align:center;

}
.ColonneContenu h1{
	font-size:2.2em;
	color:rgb(137,149,161);
	font-weight:normal;
	margin:0 20px 20px 20px;
}
.ColonneContenu h3{
	font-size:1.2em;
	font-weight:normal;
	color:rgb(242,97,43);	
	margin:0 20px 20px 20px;
}
.ColonneContenu p{
	font-size:1.2em;
	font-weight:normal;
	color:rgb(137,149,161);
	margin:0 20px 20px 20px;
}
.ColonneContenu p.LienMenu a{
	text-decoration:none;
	color:rgb(137,149,161);
	
	background-image:url(../images/Puce/PuceB.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:4px 0 0 17px;
}
.ColonneContenu p.LienMenu a:hover{
	color:rgb(242,97,43);
}
/* Les typo des pages */
#ColPageIntro{
	text-align:center
}
#ColPageIntro p{
	text-align:center;
	margin:0 15px 20px 15px;
	font-size:1.2em;
	font-weight:normal;
	color:white;
	/*color:rgb(197,203,209);*/
}
#ColPageIntro h4{
	text-align:center;
	margin:0 15px 20px 15px;
	font-size:2.4em;
	font-weight:normal;
	color:white;
}
#ColPageIntro h3{
	text-align:center;
	margin:0 15px 20px 15px;
	font-size:2.4em;
	font-weight:normal;
	color:white;
}
#ColPageTexte p{
	font-size:1.2em;
	font-weight:normal;
	color:white;
	margin:0 20px 15px 10px;
}
#ColPageTexte p a{
	color:white;
}
#ColPageTexte h3{
	font-size:2em;
	font-weight:normal;
	color:white;
	margin:0 20px 15px 10px;
}
#ColPageTexte ul{
	font-size:1.2em;
	font-weight:normal;
	color:white;
	margin:0 20px 10px 10px;
	padding:0;
	list-style-position:inside;
	list-style-type:none;
}
/*style for IE*/
* html div#Page div#CadreMiddle #ContenuPage div#ColPageTexte ul {margin:0 20px 10px -10px;} 
/*style for IE*/

#ColPageTexte ul li a{
	color:white;
	text-decoration:none;
	background-image:url(../images/Puce/PuceC.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:17px;
}
#ColPageTexte ul li a:hover{
	text-decoration:underline
}
/* Les encarts en bas de page*/
#EncartFormation,#EncartSoftware{
	text-align:center
}
#EncartFormation p{
	margin:0 15px 0 15px;
	font-size:1.2em;
	font-weight:normal;
	color:white;
	line-height:1em;
}
#EncartFormation p a{
	text-decoration:none;
	color:white;
	background-image:url(../images/Puce/PuceE.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:17px;
}
#EncartFormation p a:hover{
	text-decoration:underline
}
#EncartSoftware p{
	margin:40px 130px 0 130px;
	font-size:1.2em;
	font-weight:normal;
	color:white;
	line-height:1em;
}
#EncartSoftware p.Lien{
	font-size:1.1em;
	margin-top:2px;
	text-align:right;
}
#EncartSoftware p.Lien a{
	text-decoration:none;
	color:white;
	background-image:url(../images/Puce/PuceA.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:17px;
	padding-bottom:2px;
}
#EncartSoftware p.Lien a:hover{
	text-decoration:underline;
}

/**/
#ContenuPage #ColPA h1,#ContenuPage #ColPB h1,#ContenuPage #ColPC h1{
	font-size:2.2em;
	text-align:center;
}
/*Software*/
.HeaderSoftware{
	text-align:center;
	color:white;
}
.HeaderSoftware img.Titre{
	margin:15px 0 30px 0
} 
.HeaderSoftware #PictoPN{
	width:270px;
	height:120px;
	background-image:url(../images/Software/PictoPN.png);
	background-position:30px 0;
	background-repeat:no-repeat;
}
.HeaderSoftware #PictoHN{
	width:270px;
	height:120px;
	background-image:url(../images/Software/PictoHN.png);
	background-position:30px 0;
	background-repeat:no-repeat;
}
.HeaderSoftware #PictoPN p,.HeaderSoftware #PictoHN p{
	margin:0 10px 0 160px;
	font-size:1em;
	text-align:center;
	padding-top:20px;
	line-height:1em;
}
.HeaderSoftware h3{
	margin:10px 20px 20px 20px;
	font-size:1.2em;
	color:white;
	font-weight:normal;
} 
.HeaderSoftware p{
	margin:15px 20px 15px 20px;
	font-size:1.2em;
	color:white;
	font-weight:normal;
	text-align:left;
	line-height:1.1em;
} 
.HeaderSoftware p.PLink{
	margin:0 20px 0 20px;
	font-size:1.2em;
	color:white;
	font-weight:normal;
	text-align:left;
	line-height:1.1em;
}
.HeaderSoftware p a{
	color:white;
	text-decoration:none;
	background-image:url(../images/Puce/PuceD.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-left:20px;
}
.HeaderSoftware p a:hover{
	text-decoration:underline;
	color:white;
}
.HeaderSoftware p img{
	float:none;
	margin:0
}
#menu_01 ul.spip,#menu_02 ul.spip{
	margin:0;
	padding:0;
	list-style:inside;
	list-style-type:disc
}
#menu_01 ul.spip li.spip,#menu_02 ul.spip li.spip{
	margin:0;
	padding:0;
	font-size:1.2em

}
/*BASELiNe*/
#CadreBaseline div.MEPbl{
	width:400px;
	padding:30px 0 0 130px;
	float:left;

}
#CadreBaseline div.Credit{
	width:300px;
	padding:2px 15px 0 0;
	float:right;
	text-align:right;
	color:rgb(137,149,161);
	font-size:1.1em;
}
#CadreBaseline div.Credit a{
	text-decoration:none;
	color:rgb(137,149,161);
}
#CadreBaseline div.Credit a:hover{
	color:rgb(242,97,43);
}
#CadreBaseline div.MEPbl p{
	font-size:1.1em;
	font-weight:normal;
	color:rgb(137,149,161);
	text-align:left
}

/*La page login software*/
#LoginSoftware{
	width:920px;
	height:450px;
	float:left;
	background-color:rgb(242,97,43);
	background-image:url(../images/LoginSoftware/FondProjectNetboard.png);
	background-repeat:no-repeat;
	background-position:15px 15px
}
#LoginSoftwareInfo{
	width:920px;
	height:630px;
	float:left;
	background-color:rgb(242,97,43);
	
	background-image:url(../images/LoginSoftware/FondProjectNetboard_info.png);
	background-repeat:no-repeat;
	background-position:15px 15px
}
#LoginSoftwareMaintenance{
	width:920px;
	height:630px;
	float:left;
	background-color:rgb(242,97,43);
	
	background-image:url(../images/LoginSoftware/FondProjectNetboard_maintenance.png);
	background-repeat:no-repeat;
	background-position:15px 15px
}
#LoginSoftware_long{
	width:920px;
	height:800px;
	float:left;
	background-color:rgb(242,97,43);
	
	background-image:url(../images/LoginSoftware/FondProjectNetboard_long3.png);
	background-repeat:no-repeat;
	background-position:15px 15px
}
#LoginSoftware_longfr{
	width:920px;
	height:800px;
	float:left;
	background-color:rgb(242,97,43);
	
	background-image:url(../images/LoginSoftware/FondProjectNetboard_long_fr.png);
	background-repeat:no-repeat;
	background-position:15px 15px
}
#SoftForm{
	width:350px;
	float:right;
	margin-top:160px;
	text-align:center
}
#SoftForm_long{
	width:350px;
	float:right;
	margin-top:100px;
	text-align:center
}
#SoftForm p{
	font-size:1.4em;
	color:white;
	font-weight:normal
}
#SoftForm_long p{
	font-size:1.2em;
	color:white;
	font-weight:normal;
}
#SoftForm input.text{
	padding:5px;
	width:250px;
	height:20px;
	color:white;
	background-image:url(../images/LoginSoftware/InputTexte.png);
	background-repeat:no-repeat;
	border:none
}
#SoftForm_long input.text{
	padding:5px;
	width:175px;
	height:20px;
	color:white;
	font-size:1em;
	background-image:url(../images/LoginSoftware/InputTexte.png);
	background-repeat:no-repeat;
	border:none
}
#SoftForm_long input.text2{
	padding:5px;
	width:175px;
	height:15px;
	color:white;
	font-size:1em;
	background-color:#f2612b;
}
#SoftForm_long input.textlong{
	padding:5px;
	width:175px;
	height:12px;
	color:white;
	/*font-size:1em;*/
	background-image:url(../images/LoginSoftware/InputTexteLong3.png);
	background-repeat:no-repeat;
	font-size:0.9em;
	border:none
}
#SoftForm_long table.text{
	/*font-size:1.2em;*/
	width:350px;
	border:none;
	color:white;
}
#SoftForm_long td.text{
	font-size:1em;
	padding:4px 10px 4px 15px;
}
#SoftForm_long td.td_left{
	font-size:10pt;
	padding:4px 10px 4px 25px;
}
#SoftForm_long td.td_right{
	padding:4px 20px 4px 5px;
}
#SoftForm_long select.text{
	width:175px;
	height:20px;
	background-image:url(../images/LoginSoftware/InputTexte.png);
	color:white;
	border:1px solid white;
}
#SoftForm input.text_small,#SoftForm_long input.text_small{
	padding:5px;
	width:150px;
	height:15px;
	color:white;
	background-image:url(../images/LoginSoftware/InputTexte.png);
	background-repeat:no-repeat;
	border:none
}
#SoftForm input.text_error,#SoftForm_long input.text_error{
	padding:5px;
	width:250px;
	height:20px;
	color:black;
	background-image:url(../images/LoginSoftware/InputError.png);
	background-repeat:no-repeat;
	border:none
}
#SoftForm input.submit{
	margin-top:10px;
	width:100px;
	height:30px;
	background-image:url(../images/LoginSoftware/InputSubmit.png);
	background-repeat:no-repeat;
	color:rgb(242,97,43);
	border:none;
	font-weight:bold;
	cursor:pointer;
}
#SoftForm_long input.submit{
	margin-top:10px;
	width:160px;
	height:30px;
	background-image:url(../images/LoginSoftware/InputSubmitLong.png);
	background-repeat:no-repeat;
	color:rgb(242,97,43);
	border:none;
	font-weight:bold;
	cursor:pointer;
}
#SoftForm p a{
	background-image:url(../images/Puce/PuceD.gif);
	background-repeat:no-repeat;
	padding:0px 0 0 20px;
	color:white;
	text-decoration:none;
}

#SoftForm_long p a{
	color:white;
	text-decoration:underline;
}

#LoginSoftwareFooter{
	text-align:left;
	width:950px;
	background-image:url(../images/Cadre/CadreMiddle.png);
	background-repeat:repeat-y;
	background-color:white;
	border-top:1px solid rgb(137,149,161);
	color:rgb(137,149,161);
}
#MentionLegale{
	float:left;
	width:790px;
	text-align:justify;
	margin-top:10px;
	color:rgb(137,149,161);
	font-size:10pt;
}
#LoginSoftwareFooter h3{
	font-size:1.6em;
	margin:5px 0 20px 0	;
	font-weight:normal;
	padding-left:15px;
	color:rgb(137,149,161);
	width:815px;
	float:left;
}
#LoginSoftwareFooter p{
	font-size:1.1em;
	width:815px;
	float:left;
	padding-left:15px;
	//margin:0 415px 10px 0
}

#LoginSoftwareFooter p img{
	float:none;
	margin:0;
}

#LoginSoftwareFooter table, #LoginSoftwareFooter td{
	padding:0px;
}

#LoginSoftwareFooter p a{
	font-size:1.3em;
	text-decoration:none;
	color:rgb(137,149,161);
	background-image:url(../images/Puce/PuceB.gif);
	background-repeat:no-repeat;
	padding:3px 0 0 20px
}
#LoginSoftwareFooter p a:hover{
	color:rgb(242,97,43);
}
#long_terms1 {
	padding:0 0 0 15px
}
.term{
	float:left;
	border-style:1px;
}