/* ---( HTML )----------------------------------- */

HTML
{
}
BODY
{
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #595D60;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
input
{
	font-family: Arial, Helvetica, sans-serif;
}

.bold {	font-weight: bold;}
.bolditalic { font-weight: bold; font-style: italic;}

A IMG {	border: none;}

div.hrgris {
	height: 7px;
	margin: 15px 0px 11px 0px;
	_margin: 15px 0px 0px 0px;
	background-image: url(/medias/communs/lignehrgris.gif);
	background-repeat: repeat-x;
	clear: right;
	width: 100%;
}
div.hrblanc {
	height: 7px;
	margin: 10px 0px 5px 0px;
	background-image: url(/medias/communs/lignehrblanc.gif);
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
}

/* ---( Border multiple images partout )----------------------------------- */

#principal
{
	margin-right: auto;
	margin-left: auto;
	width: 97%;
}
.ImgEntete
{
	width: 97%;
	margin-bottom: 5px;
}
.ImgTop
{
	background-image: url(/medias/communs/borderTop.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.ImgRight
{
	background-image: url(/medias/communs/borderRight.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.ImgLeft
{
	background-image: url(/medias/communs/borderLeft.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.ImgBottom
{
	background-image: url(/medias/communs/borderBottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.Img
{
	width: 980px;
	overflow: hidden;
}
.ImgTopLeft
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.ImgTopRight
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.ImgBottomLeft
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.ImgBottomRight
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.roundcont {
	text-align: center;
}
.roundtop { 
	background: url(/medias/communs/cornerTopRight.jpg) no-repeat top right; 
}
.roundbottom {
	background: url(/medias/communs/cornerBottomRight.jpg) no-repeat bottom right; 
}
img.corner {
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}

/* ---( Entete avant image )----------------------------------- */


#Top
{
	text-align: left;
	width: 986px;
	height: 58px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#TopLeft
{
	text-align: left;
	float: left;
	width: 156px;
	height: 58px;
}
#TopRight
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
#TopRight IMG
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
#TopRight a:link{
}
#TopRight a:visited{
}
#TopRight a:hover{
}
#TopRight a:active{
}
#Top .Toplogo
{
}
.Topmenu
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.TopmenuGauche
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;

}
.Toprecherche
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.DivInputRecherche
{	
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.gaucheinputRecherche
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.inputRecherche
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.btninputRecherche
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.inputAutres
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}


/* ---( Box Index )----------------------------------- */

.PubIndex
{
	width: 506px;
	height: 306px;
	margin: 0px 22px 5px 0px;
	float: right;
}
.PubIndex .btntoute
{
	margin: 305px 0px 0px 360px;
	position: absolute;
	z-index: 51;
}
.MySoprema
{
	width: 218px;
	margin-bottom: 5px;
	background-image: url(/medias/communs/lisBgCadrNoir.jpg);
	background-repeat: repeat-x;
}
.MySoprema .txt
{
	font-size: 65%;
	color: #FFFFFF;
	text-align: left;
	padding: 5px 5px 5px 10px;
	margin: 0px;
}
.MySoprema Table
{
	border-collapse: collapse;
	border-width: 0px;
	border-color: #585D61;
	border-style:none;
	width: 90%;
	padding: 4px auto 10px auto;
}
.MySoprema TD
{
	padding: 2px;
	vertical-align: middle;
	color: #FFFFFF;
	border-width: 0px;
	border-color: #585D61;
	border-style:none;
	font-size: 71%;
	line-height: 130%;
}
.MySopremaTDLeft {
	width: 80px;
	text-align: right;
}
.MySopremaTDright {
	text-align: left;
}

.inputMySoprema
{
	background-image: url(/medias/communs/bgInputRecherche.gif);
	background-repeat: repeat-x;
	width: 90px;
	height: 18px;
	background-color: transparent;
	border: none;
	overflow:hidden;
	font-size: 100%;
}
.ProjetAnnee
{
	width: 218px;
	margin-bottom: 5px;
}
.ProjetAnnee .rotate
{
	margin: 0px;
	padding: 0px 3px 0px 3px;
}
.ProjetAnnee .btntoute
{
	margin: 163px 0px 0px 109px;
	position: absolute;
	z-index: 50;
}
.RightCol
{
	width: 218px;
	margin-bottom: 5px;
	float: right;
}
.Nouvelles
{
	width: 218px;
	margin-bottom: 5px;
	background-image: url(/medias/communs/lisBgCadrNoir.jpg);
	background-repeat: repeat-x;
}
.Nouvelles .title
{
	text-align: left;
	padding: 0px 3px 0px 3px;
}
.Nouvelles .txt
{
	font-size: 70%;
	color: #FFFFFF;
	text-align: left;
	padding: 7px 10px 7px 10px;
}
.InscriptListe
{
	width: 218px;
	margin-top: 5px;
}
/* ---( index liste puce fleches )----------------------------------- */


.MySoprema UL{
	text-align: left;
	margin: 0px 0px 0px 35px;
	list-style-image: url(/medias/communs/puce.gif);
	padding: 0px;
}
.puces UL{
	text-align: left;
	margin: 0px 0px 0px 30px;
	list-style-image: url(/medias/communs/puce.gif);
	padding: 0px;
}
.puces LI{
	margin: 0px 0px 10px 0px;
}
.puces a:link, .MySoprema a:link{
	text-decoration:none;
	color: #FFFFFF;
}
.puces a:visited, .MySoprema a:visited{
	text-decoration:none;
	color: #FFFFFF;
}
.puces a:hover, .MySoprema a:hover{
	text-decoration:none;
	color: #47C0FE;
}
.puces a:active, .MySoprema a:active{
	text-decoration:none;
	color: #47C0FE;
}

/* ---( Footer global )----------------------------------- */

#footer
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
#footer IMG
{
	vertical-align: middle;
}
#footer a:link{
	text-decoration:none;
	color: #6E7F88;
}
#footer a:visited{
	text-decoration:none;
	color: #6E7F88;
}
#footer a:hover{
	text-decoration:underline;
	color: #0392DC;
}
#footer a:active{
	text-decoration:underline;
	color: #0392DC;
}
.clearfix a:link{
	text-decoration:underline;
	color: #FFFFFF;
}
.clearfix a:visited{
	text-decoration:underline;
	color: #FFFFFF;
}
.clearfix a:hover{
	text-decoration:underline;
	color: #98D3F2;
}
.clearfix a:active{
	text-decoration:underline;
	color: #98D3F2;
}

/* ---( Pages )----------------------------------- */

.ContentPages
{
	width: 100%;
	margin: 10px 0px 5px 0px;
	text-align: left;
	vertical-align: top;
}
.ContentPages .btntoute
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}

.divEclasseur
{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}

.imagesJoindre
{
	border: 1px solid #E7E7E7;
	padding: 2px;
	clear: both;
	text-align: center;
	width: 200px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.clear
{
	clear: both;
	height: 1px;
	width: 100%;
	visibility: hidden;
}
.divFaq
{
	margin-bottom: 15px;
	font-size: 71%;
	line-height: 145%;
	text-align: left;
	color: #595D60;
}


.divQuestion
{
	margin-left: 20px;
	margin-top: -15px;
}



/* ---( Contenu )----------------------------------- */

.divContent {
}
.divContent a:link, .arianne a:link{
	text-decoration:underline;
	color: #0392DC;
	font-weight: bold;
}
.divContent a:visited, .arianne a:visited{
	text-decoration:underline;
	color: #0392DC;
	font-weight: bold;
}
.divContent a:hover, .arianne a:hover{
	text-decoration:none;
	color: #6E7F88;
	font-weight: bold;
}
.divContent a:active, .arianne a:active{
	text-decoration:underline;
	color: #000000;
	font-weight: bold;
}
.divContent UL {
	list-style-image: url(/medias/communs/puce.gif);
	font-size: 11px;
	color: #595D60;
	vertical-align: top;
}
.divContent OL {
	padding: 0px 0px 0px 35px;
	_padding: 0px 0px 0px 10px;
	font-size: 11px;
	color: #595D60;
	vertical-align: top;
}
.divContent OL LI {
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: top;
}
.divContent LI {
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: top;
}
.dateProjet {
	font-size: 11px;
}

/* ---( Box contenu )----------------------------------- */


.DivBackground {
	width: 95%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
	padding: 10px;
	_padding: 10px 10px 5px 10px;
	margin:0 auto;
	vertical-align: top;
}
.DivGaucheBackground {
	width: 46%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
	padding: 10px;
	vertical-align: top;
	background-color: #F6F5F5;
	margin: 0px 5px 0px 0px;
	float:left;
}
.DivDroitBackground {
	width: 46%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
	margin: 0px 0px 0px 5px;
	padding: 10px;
	vertical-align: top;
	background-color: #F6F5F5;
	float:right; 
}

.DivBackgroundGris {
	width: 95%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
	padding: 10px;
	_padding: 10px 10px 5px 10px;
	margin:0 auto;
	vertical-align: top;
	background-color: #F6F5F5;
}

/* ---( FIN Box contenu )----------------------------------- */

.text P .text {
	font-size: 100%;
}
.tblFormulaire {
	margin: 0px;
	padding: 2px;
	border-collapse: collapse;
	width: 95%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
}
.tblFormulaireTDLeft {
	width: 160px;
}
.tblFormulaire TD, .tblFormulaire TH {
	margin: 0px;
	padding: 2px 2px 2px 6px;
	vertical-align: middle;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style:solid;
	background-color: #F6F5F5;
	font-size: 71%;
	line-height: 130%;
}
.tblFormulaireTitre a:link{
	text-decoration:underline;
	color: #FFFFFF;
	font-weight: bold;
}
.tblFormulaireTitre a:visited{
	text-decoration:underline;
	color: #FFFFFF;
	font-weight: bold;
}
.tblFormulaireTitre a:hover{
	text-decoration:none;
	color: #6E7F88;
	font-weight: bold;
}
.tblFormulaireTitre a:active{
	text-decoration:underline;
	color: #000000;
	font-weight: bold;
}
.tblFormulaire TD H1, .tblFormulaire TD H2, .tblFormulaire TD H3, .tblFormulaire TD H4 {
	font-size: 105%;
	vertical-align: middle;
}
.tblSaveFormulaire {
	padding: 0px;
	width: 95%;
	display: block;
}
.tblSaveFormulaire TD {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 100%;
}
.tblFormulaire UL {
	margin-left: 25px;
}
.tblFormulaire UL LI {
	font-size: 95%;
	vertical-align: middle;
	height: 10px;
}
.tblFormulaire TD TABLE TR TD {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
.tblFormulaireTitre{
	background-color:#F6F5F5;
	height:27px;
	background-image: url(/medias/communs/bgEnteteTitreTable.jpg);
	background-repeat: repeat-x;
	padding:0px 5px 0px 0px;
	margin:0px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
.tblFichiers {
	margin: 0px;
	padding: 2px;
	border-collapse: collapse;
	width: 100%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
}
.tblFichiersTDLeft {
	text-align: left;
}
.tblFichiers TD, .tblFichiers TH {
	margin: 0px;
	padding: 2px 2px 2px 6px;
	vertical-align: middle;
	border-width: 1px;
	border-color: #FFFFFF;
	border-style:solid;
	background-color: #F6F5F5;
	font-size: 71%;
	line-height: 130%;
	text-align: left;
}
.arianne{
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}

/*------- AJOUT NH -------------------------*/

.displaynone {
	display: none;
	visibility: hidden;
}
.displayyes {visibility: visible;}

.champRequis {
	font-weight: bold; 
	border-color: #B97F7F;
	border: 1px solid; 
	padding: 0px; 
	background: #FFF url(/medias/communs/required.gif) no-repeat right top; 
}
.fichier {
	width: 100%;
}
.fichier TD {
	font-size: 71%;
	color: #616161;
	vertical-align: middle;
	border-width: 0px;
	border-color: #FFFFFF;
	border-style:solid;
	background-color: #FAFAFA;
}
.btnUpload
{
	margin-bottom: 2px;
	margin-left: 3px;
}
.btnDelete
{
	margin-left: 3px;
}

/*------- Visionneuse -------------------------*/

body#vis { background: none; }
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* download reader */

#dlPdf {
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
#dlPdf div { margin: 5px; padding-left: 25px; }
#dlPdf img {
	display: block;
	float: left;
	margin-top: 9px;
	margin-left: 3px;
}
.navigation {
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}
.separator
{
	width: 95%;
	clear: both;
	text-align: center;
	display: block;
	height: 7px;
	padding: 1px 0px 5px 0px;
}
.avertissement {
	color: #C42A2A;
	font-size: 11px;
	font-weight: bold;
}
.requiredFields {
	color: #C42A2A;
	font-size: large;
}
/* map  */

#escCarte {
	width: 732px;
	height: 300px;
	position: relative;
	text-align: left;
	line-height: 150%;
	font-size: 85%;
	color: #595D60;
}
.divDistributor {
	width: 220px;
	_height: 280px;
	min_height: 280px;
	background-color: #F8F7F7;
	padding: 5px;
	margin-right: 13px;
	border: 1px dotted #E2E2E2;
	color: #646464;
	text-align: left;
	float: left;
}
.divDistributor UL {
	padding-left: 25px !important;
	padding-left: 10px;
	list-style-image: url(/medias/communs/puce.gif);
	font-size: 11px;
	color: #595D60;
	vertical-align: top;
}

.divDistributor LI {
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: top;
}

/* ---( plan du site )----------------------------------- */

.treeNode {	list-style-type: none;}
.treeview {
	margin-top: 2px;
	background-color: #FFFFFF;
	list-style-type: none;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
	
.treeview ul { padding: 0; margin: 0; list-style-type: none; }
.treeview ul ul { padding-left: 18px; list-style-type: none; }
.treeview li { clear: both; line-height: 16px; list-style-type: none; }
.treeview label { font-weight: bold; margin: 1px 0 0 2px; list-style-type: none; }
.treeview li li * { font-weight: normal; list-style-type: none; }
.treeview img { display: inline; vertical-align: middle; list-style-type: none;  }
.treeview input, .treeview label { float: left; list-style-type: none; }
.treeview a { list-style-type: none;}
.tvBtExpand, .tvBtCollapse { float: left; background: url(/medias/communs/treeview_moins.gif) center no-repeat;
	width: 16px;
	cursor: pointer;
	list-style-type: none;
}
.tvBtCollapse { background: url(/medias/communs/treeview_plus.gif) center no-repeat; list-style-type: none; }
.tvHide { display: none; list-style-type: none; }
.tvLeaf { padding-left: 18px; list-style-type: none; }


.imagesAccompagnTxT a:link{
	text-decoration:none;
	color: #0392DC;
	font-weight: bold;
}
.imagesAccompagnTxT a:visited{
	text-decoration:none;
	color: #0392DC;
	font-weight: bold;
}
.imagesAccompagnTxT a:hover{
	text-decoration:underline;
	color: #6E7F88;
	font-weight: bold;
}
.imagesAccompagnTxT a:active{
	text-decoration:underline;
	color: #000000;
	font-weight: bold;
}
.checkBoxDocumentation
{
	padding: 5px;
	line-height: 120%;
	color: #595D60;
	height: 12px;
}

/* ---( disponible par client )----------------------------------- */

.text{
	font-size: 71%;
	line-height: 150%;
	text-align: justify;
	color: #595D60;
}
.sloganJaune{
	font-size: 115%;
	line-height: 150%;
	text-align: left;
	color: #CBC422;
	font-style: italic;
	font-weight: bold;
}
.imagesSeparLeft
{
	display: block;
	text-align: left;
	margin: 5px 5px 5px 0px;
}
	
.imagesCenter
{
	display: block;
    margin-left: auto;
    margin-right: auto
}
.imagesBorderCenter
{
	display: block;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #E7E7E7;
	padding: 2px;
}
	
.images
{
	float: right;
	margin: 5px 0px 10px 10px;
	border: 1px solid #E7E7E7;
	padding: 2px;
	clear: right;
}
.imagesNoBorder
{
	float: right;
	margin: 5px 0px 10px 10px;
	padding: 2px;
	clear: right;
}
.imagesBorderLeft
{
	float: left;
	border: 1px solid #E7E7E7;
	margin: 5px 10px 10px 0px;
	padding: 2px;
}
	
.imagesNoBorderLeft
{
	float: left;
	margin: 5px 10px 10px 0px;
	padding: 2px;
}
.imagesFAQ
{
	margin: 15px 40px 5px 5px;
	border: 1px solid #E7E7E7;
	padding: 5px;
	float: right;
}
.imagesAccompagnTxT
{
	border: 1px solid #E7E7E7;
	padding: 5px;
	font-size: 68%;
	line-height: 120%;
	text-align: center;
	color: #595D60;
	width: 200px;
	_height: 185px;
	min-height: 185px;
	margin: 0px 25px 18px 0px;
	float: left;
}
.imagesAccompagnTxT_small
{
	border: 1px solid #E7E7E7;
	padding: 4px;
	font-size: 68%;
	line-height: 120%;
	text-align: center;
	color: #595D60;
	width: 160px;
	_height: 140px;
	min-height: 140px;
	margin: 0px 13px 14px 0px;
	float: left;
}
.imagesAccompagnTxT H1, .imagesAccompagnTxT H2, .imagesAccompagnTxT H3 
{
	padding: 0px 0px 5px 0px;
	font-size: 12px;
	margin: 0px;
	font-weight: bold;
}
.accueilmdp
{
	padding-bottom: 10px;
}
#main {
	position: absolute;
	visibility: hidden;
	left: -3000px;
	top: -3000px;
}