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

HTML
{
	height: 100%;
	width: 100%;
}

BODY { 	
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #595D60;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
BODY { 	
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #595D60;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px; }
}

.space1{ }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.space1{ padding-bottom:0px;}
}

input
{
	font-family: Arial, Helvetica, sans-serif;
	outline: none;
}

.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.hrblanc2 {
	height: 7px;
	margin: 10px 0px 5px 0px;
	background-image: url(/medias/communs/lignehrblanc.gif);
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
}

div.hrblanc1 {
	margin: 8px 14px 0 14px;
	background-image: url(/medias/communs/lignehrblanc.gif);
	background-repeat: repeat-x;
	width: 190px;
}
a.loginstl {
	font-size: xx-small;
	line-height: 0.5em;
}
ul.login {
	margin: 0 -10px;
	padding-left:-20px;
	/*border: 1px solid #FFFFFF;*/
	left: -10px;
}

div.hrblanc {
	height: 7px;
	margin: 10px 0px 5px 0px;
	background-image: url(/medias/communs/lignehrblanc.gif);
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
}
div.hrblancNouvelles {
	height: 7px;
	margin: 10px auto 5px auto;
	background-image: url(/medias/communs/lignehrblanc.gif);
	background-repeat: repeat-x;
	clear: both;
	width: 185px;
}


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

#principal
{
	margin-right: auto;
	margin-left: auto;
	width: 986px;
}

.ImgEntete
{
	width: 986px;
	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;
}
.ImgTopLeft
{
	background-image: url(/medias/communs/cornerTopLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 3px;
	width: 3px;
	position: absolute;
}
.ImgTopRight
{
	background-image: url(/medias/communs/cornerTopRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 3px;
	width: 3px;
	position: absolute;
}
.ImgBottomLeft
{
	background-image: url(/medias/communs/cornerBottomLeft.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 3px;
	width: 3px;
	position: absolute;
}
.ImgBottomRight
{
	background-image: url(/medias/communs/cornerBottomRight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 3px;
	width: 3px;
	position: absolute;
}
.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 {
	width: 3px;
	height: 3px;
	border: none;
	display: block !important;
	text-align: left;
}

/* ---( 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
{
	text-align: right;
	
	float: right;
	font-size: 68%;
	color: #6E7F88;
	padding: 0px 3px 0px 0px;
	line-height: 160%;
}
#TopRight IMG
{
	vertical-align: middle;
}
#TopRight a:link{
	text-decoration:none;
	color: #6E7F88;
}
#TopRight a:visited{
	text-decoration:none;
	color: #6E7F88;
}
#TopRight a:hover{
	text-decoration:underline;
	color: #0392DC;
}
#TopRight a:active{
	text-decoration:underline;
	color: #0392DC;
}
#Top .Toplogo
{
}
.Topmenu
{
	width: 980px;
	height: 34px;
	margin: 0px 3px 0px 3px; position:relative;
}
.Toprecherche
{
	/*background-image: url(/medias/communs/bgsousRecherche.jpg);
	background-repeat: repeat-x;*/
	
	width: 250px;
	height: 29px;
	float: right;
	padding: 5px 0px 0px 0px;
	margin: 0px; position:absolute; top:-44px; right:-15px; z-index:3;
}
.DivInputRecherche {	
	width: 215px; border:none;
}
.gaucheinputRecherche {
	width:12px;
	height:19px;
}
.inputRecherche {
	background-image: url(/medias/communs/bgInputRecherche.gif);
	background-repeat: repeat-x;
	width: 180px;
	background-color: transparent;
	border: none;
	overflow:hidden;
	font-size: 68%;
	color: #6E7F88;
	margin: 3px auto 0 auto;
	padding: 3px 0px 0px 0px;
	height:19px !important;

}
.btninputRecherche {
	width:30px;
	height:19px;
}
.inputAutres
{
	padding: 3px;
	font-size: 11px;
}


/* ---( 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: 180px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.MySoprema Table
{
	border-collapse: collapse; 
	border-width: 0px;
	border-color: #585D61;
	border-style:none;
	width: 180px; margin-bottom: 3px;; margin-top: 3px;
}}





.MySoprema TD
{
	padding: 2px;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 71%;
}
.MySopremaTDLeft {
	width: 90px; text-align: right;
}
.MySopremaTDLeft1 {
	width: 70px; text-align: right;
}
.MySopremaTDLeft2 {
	width: 20px; text-align: right;
}
.MySopremaTDright {
	text-align: left;
	margin: 6px 0 0 6px;
}

.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 79px;
	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%; height:218px; min-height:218px;
	color: #FFFFFF;
	text-align: left;
	padding: 7px 11px 7px 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.Nouvelles .txt
{
	font-size: 70%; height:226px; min-height:226px;
	color: #FFFFFF;
	text-align: left;
	padding: 7px 11px 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: 0 0 0 25px;
	list-style-image: url(/medias/communs/puce.gif);
	padding:0;
}
.puces LI{
	margin:0 0 1em 0; padding:0; line-height:1em;
}
.puces a:link, .MySoprema a:link{
	text-decoration:none;
	color: #FFFFFF;
	font-size: 10px;
}
.puces a:visited, .MySoprema a:visited{
	text-decoration:none;
	color: #FFFFFF;
	font-size: 10px;
}
.puces a:hover, .MySoprema a:hover{
	text-decoration:none;
	color: #47C0FE;
	font-size: 10px;
}
.puces a:active, .MySoprema a:active{
	text-decoration:none;
	color: #47C0FE;
	font-size: 10px;
}
.tdpressecomplete{
	padding: 0 15px 10px 15px;
}
.pressecomplete{
	padding: 6px 0px 0px 13px;
}



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

#footer
{
	width: 986px;
	text-align: center;
	color: #6E7F88;
	font-size: 65%;
	line-height: 155%;
	clear: both;
	display: block;
	position: relative;
}
#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: 746px;
	margin: 10px 0px 5px 0px;
	float: right;
	text-align: left;
	vertical-align: top;
}
.ContentPages .btntoute {
	margin: 1px 0px 0px 613px;
	position: absolute;
	z-index: 53;
}
.divEclasseur {
	padding: 2px;
	width:99%;
	background-color: #f6f5f5;
}
.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 {
	margin-left: 233px;
	width: 747px;
	vertical-align: top;
	margin-top: 20px;
}
.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: 9px; display:block;
}

.light 
{
  margin-left: 0px;
  width: 980px; 
}

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

.text P .text {
	font-size: 100%;
}
.tblFormulaire {
	margin: 0px;
	padding: 2px;
	border-collapse: collapse;
	width: 100%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
	clear: right;
}
.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%;
}
.tblFormNew { margin: 0px; padding: 6px; border-collapse: collapse;	width: 100%; border-width: 1px;	border-color: #dcdcdc; border-style:solid; clear: right;}
.tblFormNew2 { margin: 0px; padding: 6px; border-collapse: collapse;	width: 100%; border-width: 0px;	border-color: #dcdcdc; border-style:solid; clear: right;}
.tblFormNew21 { margin: 0px; padding: 6px; border-collapse: collapse;	width: 100%; border-width: 1px;	border-color: #dcdcdc; border-style:solid; clear: right;}

.tblFormNew TD, .tblFormNew TH { margin: 0px; color:#0b6b9c; padding: 8px 6px 8px 10px; vertical-align: middle; border-width: 0px; border-color: #FFFFFF; border-style:solid; background-color: #f6f5f5; font-size: 69%; font-weight:bold; line-height: 130%;}
.tblFormNew2 TD, .tblFormNew2 TH { margin: 0px; color:#0b6b9c;  border-width: 0px; border-color: #FFFFFF; border-style:solid; border-collapse: collapse; background-color: #f6f5f5; font-size: 83%; font-weight:bold; line-height: 130%;}
.tblFormNew21 TD, .tblFormNew2 TH { margin: 0px; color:#0b6b9c;  border-width: 0px; border-color: #FFFFFF; border-style:solid; border-collapse: collapse; background-color: #f6f5f5; font-size: 83%; font-weight:bold; line-height: 130%;}
.tblFormNewTDLeft {  width: 210px; padding-top: 8px; padding-left:6px; padding-bottom:8px;}
.tblFormNewTDMiddle { padding-top: 8px; padding-left:18px;  vertical-align:middle; padding-bottom:8px;}
.tblFormNewTDSearch { vertical-align:top; padding-top: 8px; padding-right: 6px; padding-bottom:8px;}
.tblFormNewOu { margin: 2px 0 2px 0; padding: 6px; border-collapse: collapse; width: 100%; clear: right;}
.tblFormNewOu TD { margin: 0px; color:#0b6b9c; padding: 6px 6px 6px 10px; vertical-align: middle; background-color: #FFFFFF; font-size: 78%; font-weight:bold; line-height: 130%;}

.tblFormElements { margin: 6px 0 0 0; padding: 6px; border-collapse: collapse; width: 100%; border: 0; clear: right;}
.tblFormElements TD { margin: 0px; padding: 2px 2px 2px 6px; vertical-align: middle; border: 0; background-color: #FFFFFF; font-size: 11px;}
.tblFormElements TD TABLE TR TD { margin: 0px; padding: 0px; border: 0; vertical-align:top;}
.tblFormElements a:link, .tblFormElements a:visited { text-decoration:none;}

.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; padding-top: 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tblFormulaire TD H1, .tblFormulaire TD H2, .tblFormulaire TD H3, .tblFormulaire TD H4 {
	font-size: 95%;	padding-top: 3px;
}}

.tblSaveFormulaire {
	padding: 0px;
	width: 100%;
	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{
	line-height: 140%;
	font-size: 71%;
	color: #2C4E3C;
	float: right;
	margin: 3px 3px 3px 5px;
	max-width: 65%;
}

/*------- 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 {
	width: 225px;
	background-color: #F5F5F5;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 10px;
	border: 1px dotted #CCCCCC;
	color: #646464;
}
#dlPdf div { margin: 5px; padding-left: 25px; }
#dlPdf img {
	display: block;
	float: left;
	margin-top: 9px;
	margin-left: 3px;
}

.navigation {
	width: 735px;
	font-size: 12px;
	color: #646464;
	text-align: center;
}

.separator {
	width: 95%;
	text-align: center;
	clear: both;
	display: block;
	height: 7px;
	padding: 1px 0px 5px 0px;
}
.separator2 {
	height: 7px;
	padding: 1px 730px 5px 0px;
}
.avertissement {
	color: #C42A2A;
	font-size: 11px;
	font-weight: bold;
}

.requiredFields {
	color: #C42A2A;
	font-size: large;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.requiredFields {
	color: #C42A2A;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}}


/* map  */

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

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

.divDistributorVert {
	background-color: #f0f1e9;   
}

/* ---( 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;
	
}

.checkBoxDocumentation p
{
	padding: 0px; margin: 6px 0 0 0; float: left; width:200px;
}

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

.hautpage{ font-size: 85%; line-height: 150%; text-align: justify; color: #595D60; margin: 0 0 2px 0; float:right; }
.hautpage2{ font-size: 115%; line-height: 150%; text-align: justify; color: #595D60; margin: 0 0 2px 0; float:right; }
.text{
	font-size: 71%;
	line-height: 150%;
	text-align: justify;
	color: #595D60;
}
.faits{
	font-size: 71%;
	line-height: 150%;
	margin-top:-1.5em;
	text-align: justify;
	color: #595D60;
}
.typeFichier {
	color: #A6A6A6;
	font-size: 90%;
}

.typeFichier1 {
	color: #A6A6A6;
	font-size: 11px;
}
.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;
}
.imagesresistoCenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 13px;
	margin-bottom: -5px;
}
.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: -48px 0px 5px 10px;
	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 H1, .imagesAccompagnTxT H2, .imagesAccompagnTxT H3 { 	
	padding: 0px 0px 5px 0px;
	font-size: 105%;
	margin: 0px;
	font-weight: bold; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.imagesAccompagnTxT H1, .imagesAccompagnTxT H2, .imagesAccompagnTxT H3 { 	
	padding: 0px 0px 5px 0px;
	font-size: 10px;
	margin: 0px;}
}


.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_small H1, .imagesAccompagnTxT_small H2, .imagesAccompagnTxT_small H3 { 	
	padding: 0px 0px 5px 0px;
	font-size: 100%;
	margin: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.imagesAccompagnTxT_small H1, .imagesAccompagnTxT_small H2, .imagesAccompagnTxT_small H3 { 	
	padding: 0px 0px 5px 0px;
	font-size: 10px;
	margin: 0px;}
}


.accueilmdp
{
	padding-bottom: 10px;
}
/* ---( Box contenu GRIS à DELETER après changements pour table )----------------------------------- */

.DivBackground {
	width: 96%;
	padding: 10px;
	margin:0 auto;
	vertical-align: top;
	overflow: auto;
	background: #F6F5F5 url(/medias/communs/bgDivBackground.jpg) repeat-y;
}

.DivGaucheBackground {
	width: 46%;
	padding: 10px;
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	float:left;
}
.DivDroitBackground {
	width: 46%; 
	margin: 0px 0px 0px 5px;
	padding: 10px;
	vertical-align: top;
	float:right; 
}

.DivBackgroundGris {
	width: 96%;
	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;
	overflow: auto;
}

/* ---( Box table GRIS contenu )----------------------------------- */

.Bggris {
	width: 99%;
	border-width: 1px;
	border-color: #F6F5F5;
	border-style:solid;
	margin:0 auto;
	vertical-align: top;
	clear: right;
}
.Bggris td {
	width: 50%;
	border-width: 3px;
	border-color: #FFFFFF;
	border-style:solid;
	padding: 13px;
	_padding: 13px 13px 5px 13px;
	margin:0 auto;
	vertical-align: top;
	background-color: #F6F5F5;
}

.ProgressDoc
{
	background-color: #FFFFFF;
	/*filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;*/
	padding: 4px;
	margin: 0px;
	font-size: 80%;
	color: #0B6B9C;
	font-weight: bold;
	width:100%;
	text-align:center;
	/*position: absolute;
	top: 50%;
	left: 50%;*/
}

/* Recherche Primaire */

.divSearchBox
{
	background: #7B8C94;
	position: relative;
	z-index: 9999;
	float: left;
	top: 9px;
	border: 1px solid #E0E0E0;
}

.divSearchWhiteBox
{
	float: left;
	border: 1px solid #FFFFFF;
	width: 248px;
}

.divEntete
{
	float: left;
	clear: both;
	text-align: left;
	padding: 10px 10px 10px 10px;
	background: #0B6B9C;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	width: 228px;
}

.divElement
{
	float: left;
	clear: both;
	width: 248px;
}

.divElementTitle
{
	float: left;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	background: #7B8C94;
	width: 228px;
}

.divElementDivImage
{
	float: left;
	padding-top: 3px;
}

.aElementAnchor
{
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.divElementAnchor
{
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	width: 212px;
}

.divElementText
{
	float: left;
	clear: both;
	text-align: left;
	padding-left: 21px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	background: #7B8C94;
	font-size: 11px;
	color: #FFFFFF;
}

.divMoreResults
{
	float: left;
	clear: both;
	text-align: right;
	padding: 10px;
	background: #7B8C94;
	width: 228px;
}

.divNoResults
{
	text-align: center;
	padding: 10px;
	padding-top: 20px;
	background: #7B8C94;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
}

.divMoreResultsAnchor
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8px;
	color: #FFFFFF;
}

/* menu principal */

#hdrMenu {
	position: relative; 
	z-index: 2; 
	float: left;
	margin: 0;	
	padding: 0;
	height: 34px;
	
	list-style: none;
	background-image: url(/medias/fr/btnTopCorporatif-roll.jpg);
	/*background-image: url(../../medias/fr/menuroll.gif);
	background-repeat: no-repeat;*/
}
/* 1er palier */

#hdrMenu ul { margin: 0; padding: 0; list-style: none; }

#hdrNav li {
	float: left;
	margin: 0;
	padding: 0;
}

#hdrNav li, #hdrNav li a {
	display: block;
	text-decoration: none;
}

#hdrNav li:hover, #hdrNav li.over { visibility: visible; }
#hdrNav li:hover img, #hdrNav li.over img, #hdrNav li.actif img { visibility: hidden; }

.fr #Menutop1_liNavBt01, .fr #ctl00_Menutop1_liNavBt01 { width: 142px; height: 34px; background-image: url(/medias/fr/btnTopCorporatif-roll.jpg); }
.fr #Menutop1_liNavBt02, .fr #ctl00_Menutop1_liNavBt02 { width: 133px; height: 34px; background-image: url(/medias/fr/btnTopProduits-roll.jpg); }
.fr #Menutop1_liNavBt03, .fr #ctl00_Menutop1_liNavBt03 { width: 216px; height: 34px; background-image: url(/medias/fr/btnTopRefTech-roll.gif); }
.fr #Menutop1_liNavBt04, .fr #ctl00_Menutop1_liNavBt04 { width: 224px; height: 34px; background-image: url(/medias/fr/btnDevDurable-roll.jpg); }
.fr #Menutop1_liNavBt05, .fr #ctl00_Menutop1_liNavBt05 { width: 110px; height: 34px; background-image: url(/medias/fr/btnTopPresse-roll.jpg); }
.fr #Menutop1_liNavBt06, .fr #ctl00_Menutop1_liNavBt06 { width: 155px; height: 34px; background-image: url(/medias/fr/btnTopReal-roll.jpg); }

.en #Menutop1_liNavBt01, .en #ctl00_Menutop1_liNavBt01 { width: 145px; height: 34px; background-image: url(/medias/en/btnTopCorporatif-roll.jpg); }
.en #Menutop1_liNavBt02, .en #ctl00_Menutop1_liNavBt02 { width: 139px; height: 34px; background-image: url(/medias/en/btnTopProduits-roll.jpg); }
.en #Menutop1_liNavBt03, .en #ctl00_Menutop1_liNavBt03 { width: 212px; height: 34px; background-image: url(/medias/en/btnTopRefTech-roll.jpg); }
.en #Menutop1_liNavBt04, .en #ctl00_Menutop1_liNavBt04 { width: 238px; height: 34px; background-image: url(/medias/en/btnDevDurable-roll.jpg); }
.en #Menutop1_liNavBt05, .en #ctl00_Menutop1_liNavBt05 { width: 109px; height: 34px; background-image: url(/medias/en/btnTopPresse-roll.jpg); }
.en #Menutop1_liNavBt06, .en #ctl00_Menutop1_liNavBt06 { width: 137px; height: 34px; background-image: url(/medias/en/btnTopReal-roll.jpg); }

/* clearfix pour floats */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.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; }

.textModeRealisation { font-size:75%; }
.RealisationSectionActive {
	color:#0392DC;
	font-weight:bold;
 }
 
 .textModeRealisation a.RealisationSectionInactive {
	font-weight:normal;
 }
 
ul.ulRealisation {
	margin-top:4px;
	margin-bottom:8px;    
}

li.liRealisation {
	padding-bottom:0px;
	padding-top:4px;
}

.prjListeSomm img {
	margin: 0.5em 1.1em 1.1em 0 !important;
}


.prjListeSomm a.lienPuce 
{
	background:transparent url(/medias/communs/puce.gif) no-repeat scroll left top;
	margin:0 0 1.1em;
	padding-left:14px; 
	display:block;
	height:13px;
}

.tableau {font-size: 71%; line-height: 150%; text-align: justify; color: #595D60;  border-collapse:collapse;}
.tableau a:link{text-decoration:underline; color: #0392DC; font-weight: bold;}
.tableau td { border:1px #CCC solid;}
.tableau td p { margin:0; padding:0;}
.tableau .tblFormulaireTitre{background-color:#F6F5F5; height:22px; background-image:url(/medias/communs/bgEnteteTitreTable.jpg); background-repeat: repeat-x;padding:5px 5px 0px 0px; margin:0px; color: #FFFFFF; font-weight: bold; text-transform: uppercase;
}

.calculateur .tblFormulaireTitre { padding-left:5px; }
.calculateur td { padding-left:5px; padding-right:5px; }
.calculateur td.centrer { text-align:center; }
.calculateur .reponse {font-weight:bold;}

.impaire { background-color:#f8f8f8}

h2.vert { color:#6e9f07; margin-bottom:0px; font-size:105%;}
h3.vert { color:#6e9f07; font-size:70%; font-weight:normal; margin-top:0px;}

.but {margin:0px;}

.pdf {font-size: 71%; display: inline-block; padding: 2px 0px 2px 24px; line-height: 18px; min-height: 18px; overflow: visible; background: url(/medias/communs/DocIcone/pdf.gif) center left no-repeat; }

.boite { width:748px; padding-left:130px; float:left; padding-bottom:20px;}

.boite1fr { width:215px; height:98px; float:left; padding-right:31px;}
.boite1fr a { width:215px; height:98px; display:block; background:url(/medias/fr/btn1fr_on.jpg) left top no-repeat;}
.boite1fr a:hover {background:url(/medias/fr/btn1fr_off.jpg) left top no-repeat;}
.boite2fr { width:215px; height:98px; float:left;}
.boite2fr a { width:215px; height:98px; display:block; background:url(/medias/fr/btn2fr_on.jpg) left top no-repeat;}
.boite2fr a:hover { background:url(/medias/fr/btn2fr_off.jpg) left top no-repeat;}

.boite1en { width:215px; height:98px; float:left; padding-right:31px;}
.boite1en a { width:215px; height:98px; display:block; background:url(/medias/en/btn1en_on.jpg) left top no-repeat;}
.boite1en a:hover {background:url(/medias/en/btn1en_off.jpg) left top no-repeat;}
.boite2en { width:215px; height:98px; float:left;}
.boite2en a { width:215px; height:98px; display:block; background:url(/medias/en/btn2en_on.jpg) left top no-repeat;}
.boite2en a:hover { background:url(/medias/en/btn2en_off.jpg) left top no-repeat;}

.boiteLeed { width:500px; margin:0 auto; }
.boiteLeedFR { width:215px; height:98px; float:left; padding-right:31px;}
.boiteLeedFR a { width:215px; height:98px; display:block; background:url(/medias/communs/b_leed_francais.jpg) left top no-repeat;}
.boiteLeedFR a:hover {background:url(/medias/communs/b_leed_francais.jpg) left -98px no-repeat;}

.boiteLeedEN { width:215px; height:98px; float:right;}

.boiteLeedEN a { width:215px; height:98px; display:block; background:url(/medias/communs/b_leed_english.jpg) left top no-repeat;}
.boiteLeedEN a:hover { background:url(/medias/communs/b_leed_english.jpg) left -98px no-repeat;}

/* documentation */

#zone2, #zone3 { display:none; }

.menuzo ul { margin:0 0 16px 0; padding:0; list-style:none; width:750px; float:left;}
.menuzo li.zu1 { border-bottom:solid 1px #cccecf; border-right:solid 1px #cccecf; }
.menuzo li.zu2 { border-bottom:solid 1px #cccecf; }
.menuzo li.zu3 { border-bottom:solid 1px #cccecf; border-left:solid 1px #cccecf;}
.menuzo li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:5px 0;}
.menuzo li a { color:#656a6e !important; text-decoration:none !important; padding:5px 15px; }
.menuzo li a:hover, .menuzo li a.over { color:#fff !important; background-color:#cccecf; }
.menuzo li a.actif { border:solid 1px #fff; margin:0; padding:5px 15px; background:url(/medias/communs/documentation-fleche.gif) right 0.9em no-repeat;}
.menuzo li a.actif:hover, .menuzo li a.actif.over { color:#656a6e !important; }

.documentation .tblFormNewTDLeft { padding:6px 0 6px 16px; color:#595d60;}
.documentation .tblFormNewTDMiddle { height:40px; vertical-align:top; padding:6px 0 6px 16px; font-weight:normal; color:#595d60; }
.documentation .tblFormNewTDMiddle .selection { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595d60 }
.documentation .tblFormNew2 { margin:0; padding:6px; border-collapse: collapse; border:solid 1px #dcdcdc; width:750px; background-color:#f6f5f5; }
.tblFormNew2 label { display:inline-block; padding:3px; }
.btnsearch { padding:1em 0; float:right; }