@CHARSET "UTF-8";
* {
	font-family: arial, sans-serif;	
	font-size:11px;
	
}


sup {
	font-size:8px;	
}

body {
	font-size:11px;
	background: #efefef url('/img/bg_body.jpg') repeat-x left top;
	color:#666;
	margin:0;
	padding:0;
}


img {
	border:0;
}


h1 {
	font-size: 15px;
}

h2 {
	font-size: 13px;
}


a {
	text-decoration: none;
	color: #666;
}

a.MenuActu {
	display:block;
	margin-bottom:15px;
}

p.msg_erreur { 
    margin:0;
    font-weight:bold;
    background-color:#ccc;
    border:1px solid #333;
    padding: 0 5px 0 5px;
}

.PROACTIFpro{
	color:#ED5311 !important;	
}

.PROACTIFactif {
	color:#999 !important;
}
	

img.shadow {
	display: block;
}

#frame {
	width: 990px;
	margin:30px auto 10px auto;
	background: #efefef url('/img/bg_container.jpg') repeat-x left 10px;
}

#Main {
	position:relative;
	margin: 10px 27px 10px 28px;
}

#Main #Logo {
	float:right;
	margin:15px 30px 15px 0 ;
}

#MenuGeneral a,
#MenuRubriques a {
	text-decoration: none;
	font-weight: bold;
	color: #767a7c;
}

#MenuGeneral a:hover,
#MenuRubriques a:hover {
	color: #ED5311;
}



#MenuGeneral {
	margin:0 0 0 0; 
	padding: 0;
	
}
	
	
	#MenuGeneral li {
		margin:8px 0 0 0; 
		padding: 0;
		float:left;
		list-style: none;
	}

	#MenuGeneral a {
		display: block;
		padding: 4px 10px;
		background-color: #E7E8E9;
	}



#MenuGeneral .siteext {
	padding-right:20px;
	background:#E7E8E9 url('/img/common/fl_e7e8e9.jpg') no-repeat right 50%;
}
#MenuGeneral .siteext2 {
	padding-right:20px;
	background:#E7E8E9 url('/img/common/fl_e7e8e9.jpg') no-repeat right 50%;
}

#MenuGeneral .impression {
	padding-right:20px;
	background:#f3f4f4 url('/img/common/fl_f3f4f4.jpg') no-repeat right 50%;
	margin-right:10px;
	margin-left:10px;
}


#MenuRubriques {
	clear: both;
	margin: 7px 0 ;
	padding: 0;
	background-color: #f3f4f4;
	height: 27px;
}
	#MenuRubriques li {
		margin:0; 
		padding: 0;
		float:left;
		list-style: none;
	}
	
	#MenuRubriques a {
		display: block;
		line-height: 27px;
		padding : 0 15px;
		width: 180px;
	}


#Contenu {
	
	border:10px solid #e7e8e9;
	border-width: 0 0 10px 0;
	
}


.logoproactif {
	
	text-align: center;	
}
.logoproactif img {
	display: block;	
}



.mGauche {
	background-color: #E7E8E9;
	padding:5px;
	margin:0 0 10px 0;	
}



.menuAccueil {
	width: 120px;
	margin:0 auto 12px auto;
}
.menuAccueilLast {
	margin-bottom:0;
}
 .menuAccueil img {
	display: block;
}




.message {
	
	

}


input.button {
	display: block;
	width: 100%;
	border:1px solid #ccc;
	border-width: 1px 0;	
	color: #666;
	background: white url('/img/common/fl_white.jpg') no-repeat left 50%;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}




.rappels {

	margin : 2em;
	border:1px solid #ccc;
	background-color:white;
	padding:10px;
}

	.rappels h4 {
		margin:0;
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #ccc;
		margin-bottom:5px;
	}
	
	.rappels td, .rappel th {
		padding:4px;
	}
	.rappels th {
		width:12em;
		text-align:right;
	}
	

	
	


/*
 * Voeux 2010
*/


	
	#fond_opaque {
		position:absolute;
		height:100%;
		width:100%;
		top:0;
		left:0;
		background-color: black;
		z-index: 10000;
		opacity:0.6;
	    /*_filter : alpha(opacity=60);*/
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		_height:expression($$('body')[0].getDimensions().height);
		_width:expression($$('body')[0].getDimensions().width);
		cursor: pointer;
	}

	#showAlert {
		position:absolute;
		z-index: 15000;
		background: white;
		padding: 20px;
		width: 610px;
		top: 50px;
		left:50%;
		margin-left: -305px;
		text-align: center;
	}
	#showAlert p  {
		font-size:12px;
		margin: 7px 0;
	}
	#showAlert em  {
		font-size:12px;
		font-weight: bold;
		font-style: normal;
	}
	#showAlert p strong {
		font-size:22px;
		text-align: center;
		display: block;
		margin: 15px;
		
		color: #575757
		
	}
	
	#showAlert a  {
		margin-top:10px;
		float: right;
		font-size: 12px;
		color: #666;
		text-decoration: underline;
	
	}
	
	#showAlert img  {
		float: left; 
		margin : 15px 20px 40px 0;
	}
		
#VotreCompte {
	background-color: #e7e8e9;
	padding:12px;
}

#VotreCompte h2 {
	color: #ED5311;
	margin:0 10px 15px 0;
	padding:0 10px 0 0;
	background: transparent url('/img/common/fl_bas.jpg') no-repeat right 50%;
	height: 19px ;
	line-height: 19px;
	font-size:12px;
}


#VotreCompte a.nom{
	font-weight: bold;
	text-decoration: none;
	
}



#VotreCompte ul, 
#VotreCompte ol, 
#VotreCompte li {
	margin:0;
	padding:0;
}
#VotreCompte ol {
	margin-top:15px;	
}
#VotreCompte li {
	list-style:none; 
}
#VotreCompte ol li {
	padding-left:10px; 
}

#VotreCompte h3 {
	margin:10px 0 0 0;
	padding:0; 
	font-size:11px
}

#VotreCompte a {
	text-decoration: none;
	color: #666;
}



/**
* 	MON COMPTE : Formulaire de saisie et modification
*/

label.float {float:left;width:105px;font-weight:bold;padding:3px 0;}
input.formErreur {background-color:red}

fieldset.formulaire  {
	margin:1em;
	border:1px solid #ccc;
}

fieldset.formulaire input {
	width :95%;
	border:1px solid #ccc;
	background: white;
	padding:2px; 

}#Footer {

	padding:7px 5px 0 5px;
	text-align: right;

}
.ContenuTable {
	width: 99%;
	margin: 10px auto 4px auto;
	border-spacing: 0;
	border-collapse: collapse;
}

.ContenuTable tr {
	vertical-align: top;
}
.ContenuTable td {
	padding:0;
}
.ContenuTable col.COL1 {
	width: 180px;
}
.ContenuTable col.COL2 {
	
}
.ContenuTable col.COL3 {
	width: 130px;
}

.ContenuTable .left {
	background-color: #f3f4f4;
}



.arborescence {
	
	
} 

.arborescence h2 {
	font-size:12px;
	margin:0;
	padding:3px 0 3px 5px;
	
	background-color: #f3f4f4;
	border-bottom:1px solid white;
} 

.arborescence ul {
	padding:0;
	margin:0;
} 

.arborescence li {
	padding:0;
	margin:0;
	list-style: none;
	border-bottom:1px solid white;
	background-color: #e7e8e9;
	
} 

.arborescence li a {
	display: block;
	padding:2px 0 2px 15px;
	margin:0;
	color: #666;
	text-decoration: none;
	background-color: #e7e8e9;
	
} 
.arborescence li a:hover {
	color: #ED5311;
}
#AccueilTable {
	margin-left:5px
}

#AccueilTable tr {
		vertical-align: top;
}

.AccueilBox,
#AccueilAI,
#AccueilContact {
	position: relative;
	background: #E7E8E9;
	padding:5px;
}

#AccueilContact {
	width :250px;
	height:150px;
}
	
	#AccueilAI h2,
	#AccueilContact h2 {
		margin:0;
	}
	
	#AccueilContact p {
		margin: 10px 10px;
	}
	#AccueilContact a.resume {
		font-size:110%;
		text-align: center;
		display: block;
		font-weight: bold;
		margin: 20px 0 0 0;
	}

#AccueilAI {
	height:150px;
}
	#AccueilAI  ul{
		margin: 10px;
		padding: 0;
	}
	#AccueilAI  li {
		margin: 4px 0;
		padding: 0;
		list-style: none;
		color: black;
		font-weight: bold; 
		
	}
	#AccueilAI  li  em {
		font-style: normal;
		font-weight: normal;
	}


#AccueilContact a.demandes,
#AccueilJPO a.suite,
#AccueilFoire a.suite,
#AccueilAI a.suite {
	position: absolute;
	bottom:3px;
	right:5px;
	line-height: 20px;
	padding: 0 30px 0 0;
	background: transparent url('/img/accueil/fleche.png') no-repeat right 50%;
	font-weight: bold;
	color: #ED5311;
}

#AccueilJPO a.mes-jpos {
	position: absolute;
	bottom:3px;
	left:5px;
	line-height: 20px;
	padding: 0 30px 0 0;
	font-weight: bold;
	color: #ED5311;
}



#AccueilJPO,
#AccueilFoire {
	position: relative;
	height:145px;
	background: #E7E8E9;
	width:233px;
	margin:0 5px 10px 5px;
	padding:5px 0 0 0;
}

	#AccueilJPO  ul,
	#AccueilFoire  ul{
		margin: 10px;
		padding: 0;
	}

	#AccueilJPO  li,
	#AccueilFoire  li {
		margin: 4px 0;
		padding: 0;
		list-style: none;
		color: black;
		font-weight: bold; 
		
	}
	
	#AccueilJPO  li  em,
	#AccueilFoire  li  em {
		font-style: normal;
		font-weight: normal;
	}

	#AccueilJPO h2,
	#AccueilFoire h2 {
		margin: 0;
		padding:0 0 0 5px;
	}

.AccueilBox {
	position: relative;
	width: 233px;
	margin:0 5px 10px 5px;
	height:102px;
	padding:5px 0 0 0;
	
}
	.AccueilBox strong {
		font-weight: normal;	
		float: right;
		display: block;
		width:115px;
	}
	
	.AccueilBox a {
		position: absolute;
		display: block;
		background: white url('/img/accueil/fleche.png') no-repeat right 50%;
		top:65px;
		width: 213px;
		padding: 10px;
		-moz-opacity:.85;
		opacity:.85;
		font-weight: bold;
		color: #ED5311;
	}


#AB-ESOP,
#AB-Boutique,
#AB-Temoin,
#AB-Diasys {
	background-image: url('/img/accueil/logo-diasys.png');
	background-position: top left;
	background-repeat: no-repeat;
		
}
#AB-ESOP {
	background-image: url('/img/accueil/esop.jpg');
		
}
#AB-Temoin {
	background-image: url('/img/accueil/formation.jpg');
	height:112px;
}

#AB-Boutique {
	background-image: url('/img/accueil/bouton-v.jpg');
	height:112px;
}


#AccueilBoutique {
	padding: 0;	
	border:1px solid #ccc;
	height:375px;
}
	
#AccueilBoutique h2 {
	margin: 0;
	background: #f9bda5;
	padding: 0 10px;
	line-height:25px;
}


.AccueilProduit a.voir  {
	background: transparent url('/img/accueil/fleche.png') no-repeat right 50%;
	font-weight: bold;
	color: #ED5311;
	line-height: 20px;
	padding: 0 30px 0 0;
	
	position: absolute;
	bottom:5px; 
	right:5px;

}

.AccueilProduit {
	position: relative;
	float: left;
	width: 225px;
	height:165px;
	
	margin: 5px 0 10px 0;
	background-position: 5px 10px;
	background-repeat: no-repeat;	
}	

	.AccueilProduit div {
		float: right;
		margin-right:5px;
		width:120px;
		height: 150px;
	}

	.AccueilProduit div h5 {
		margin: 0 0 5px 0;
		font-size:110%;
	}
	.AccueilProduit div em,
	.AccueilProduit div strong {
		display: block;
	}
	
	
.fam-5 {color: #f35c19;}
.fam-6 {color: #67a620;}
.fam-7 {color: #8f1f68;}

#Content-ActifInfo #Title {
	margin:0 0 15px 7px;
}

.post {
	margin:0 15px 15px 15px;
	
	
	border-bottom:1px solid #666;
}

.post  h3 {
	margin: 0 0 10px 0;
	padding:0 0 0 25px;
	background: transparent url('/img/carre_orange.gif') no-repeat left 50%;
	
}

.post  h3 a {
	color: #666;
	text-decoration: none;
}

.commentaires {
	margin:  10px 40px;
	background: #efefef;
	border: 1px solid #ccc;
	padding:5px;
}
.commentaires h3 {
	font-size:11px;
	margin: 0;
}


h2.pagetitle {
	font-size:13px;
	margin: 5px 15px 15px 15px;
	padding: 2px 15px;
	border:1px solid #efefef;
	border-width: 1px 0;
}

td.main {
	padding:0 5px;
}

#AUne {
	width: 411px;
	margin: 0 auto;
}	
	
	#AUne em {
		float:right;
	}	
	
	#AUne h2 {
		margin:0 0 3px 0;
		border-bottom:1px solid #ccc;
		
	}	
	
	
input.readonly {
	border:0;
	background-color: white;	
	color: #666;
	margin:0;
	text-align: center; 
	
}	


#Content-NousContacter .main {
		padding: 0 15px;
}
#Content-NousContacter label {
	font-weight: bold;
}

#Content-NousContacter textarea {
	width :90%;
	border:1px solid #ccc;
	background-color: white;
	font-size:10px;
	height:100px;
}


#Content-Suivi .main {
		padding: 0 15px;
}



#Content-Suivi .right h3 {
	margin:0;
	padding:2px;
	font-size:12px;
}



#Content-Suivi ol  {
	margin:0;
	padding:0;
}
#Content-Suivi ol li  {
	list-style: decimal;
	margin-left:30px;
	padding-left:0;
}


#Content-Suivi ol li a  {
	font-weight: normal;
}

#Content-Suivi .right p {
	padding:4px 0;
	margin: 0;
}






.digest-actu {
	margin-bottom:15px;
}

.digest-actu a {
	padding-right:25px;      
	float:right;        
}  
                

.digest-actu h4 {
	margin:0 0 0 0;
	padding:0 0 0 20px;
	background: transparent url('/img/carre.gif') no-repeat left 50%;
}

.digest-actu span {
	color:#666;
	padding:0 0 0 25px;
	background: transparent url('/img/flechegrise.gif') no-repeat 15px 50%;
	
}


.digest-actu div {
	padding: 5px 5px 5px 15px;	
	
}


.digest-resume {
	margin:10px 0;
	font-size:17px;
	color:#999;
	text-align: center; 
	
}


.digest-resume span {
	font-size:10px;
	color:#999;
}


.rappels {

	margin : 2em;
	border:1px solid #ccc;
	background-color:white;
	padding:10px;
}

	.rappels h4 {
		margin:0;
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #ccc;
		margin-bottom:5px;
	}
	
	.rappels td, .rappel th {
		padding:4px;
	}
	.rappels th {
		width:12em;
		text-align:right;
	}
	
#frame {
	position: relative;	
}

#MenuGeneral {
	height:90px;
}


#Banniere {
	position: absolute;
	top :25px;
	right : 280px;
	
	background: pink !important;
}

#Banniere .bann {
    margin-left: 20px;   
    margin-top: 5px;   
}

.erreur {
	margin:5px;
	padding: 10px;
	color:#ff3100;
	background-color: white;
	border:1px solid #ccc;
}

h1 {
	margin:0;
	padding : 0	;
}

#fSuivi p {
	padding-left:15px;	
	margin-top:10px;
}



#SuiviDetails  {
	
	position: absolute;
	left:50%;
	margin-left:-300px;
	width:400px;
	background-color: white;
	border:1px solid #ccc;
	margin-bottom:30px;
}


table.Suivi {
	border-spacing: 0;
	width:98%;
	margin:0 auto;
	
}
table.Suivi  td,
table.Suivi th {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.Suivi tr.line0 td {
	background-color:white
}


table.Suivi tr.line1 td {
	background-color:#dedede
	
}

table.Suivi tr.line2 td {
	background-color:#FFAA92;
	border-top:1px solid #ff3100;
	border-bottom:1px solid #ff3100;
}


table.Suivi tr.lien {
	cursor: pointer;
}


table.Suivi td.lien {
	width:0;
}

table.Suivi td.lien a {
	display: none;
}
table.Suivi address {
	font-style: normal;
	padding-left:1.5em;
}



table.Suivi .commentaire  {
	margin-top:1em;
}


table.Suivi .commentaire p {
	padding-left:1.5em;
	margin-top:0;
}



table.Suivi .edit {
	text-align: right;
	padding-right:1em;
}

table.Suivi .edit a{
	font-weight: bold;
}




table.Suivi td,
table.Suivi th {
	padding:4px;
}

table.Suivi th {
	background-color: #ccc;
	color:#333;
	border-bottom: 1px solid #333;
}

ul.suivi-actions {
	margin:0;
	padding:0;	
	list-style: none;
}
ul.suivi-actions li{
		
	border:1px solid #ccc;
	background-color: white;
	padding:5px;
	margin:5px;
}
ul.suivi-actions li a{
		
	display: block;
	font-weight:bold;
}

div.suivi-action {
	margin-top:5px;	
}

div.suivi-action label{
	padding:0 0 0 5px;
	margin-top:.5em;
	color:#999;
	font-weight: bold;
}


div.suivi-action input,
div.suivi-action select,
div.suivi-action textarea {
		width:90%;
		margin-left:15px;
		border:1px solid #999;
		background-color: white;
}
div.suivi-action textarea {
	height:100px;	
}

div.suivi-action input.button
{
		width:inherit;
		border:1px solid #999;
		background-color: #efefef;
		color:#666;
		margin:5px;
}


#Suivi-Demande {
	margin-top:15px;
}


pre.mail_txt {
	display: none;
}

a.infosaction {
	display: block;
	text-align:right;
	padding:3px;
	color:#ff3100;
}

table.infos {
	border-collapse: collapse;
	border-spacing: 0;
	width:98%;
	margin:.5em auto;
}

table.infos td,
table.infos th {
	border:1px solid #ccc;
	padding:2px;
}


table.infos th {
	width:10em;
	background-color: transparent;
	
}



table.infos {

}