@charset "utf-8";

/* ---------------------------------------    variables    -------------------------------- */
/* 2560px, set zoom div#imgFond  & div#divBackground */
:root { 
	--zoomImg: 100%;
	--zoomTxt: 130%; 
}


/* On screens that are 2048px or less, set zoom div#imgFond  & div#divBackground */
@media screen and (max-width: 2100px) {
  :root { 
	--zoomImg: 80%;
	--zoomTxt: 110%;
	}
}

/* On screens that are 1920px or less, set zoom div#imgFond  & div#divBackground */
@media screen and (max-width: 2000px) {
  :root { 
	--zoomImg: 75%;
	--zoomTxt: 105%;
	}
}

/* On screens that are 1600px or less, set zoom div#imgFond  & div#divBackground */
@media screen and (max-width: 1800px) {
  :root { 
	--zoomImg: 70%;
	--zoomTxt: 100%;
	}
}

/* On screens that are 1280px or less, set zoom div#imgFond  & div#divBackground */
@media screen and (max-width: 1300px) {
  :root { 
	--zoomImg: 50%;
	--zoomTxt: 80%;
	}
}

/* On screens that are 800px or less, set zoom div#imgFond  & div#divBackground */
@media screen and (max-width: 900px) {
  :root { 
	--zoomImg: 35%;
	--zoomTxt: 75%;
	}
}


 /* ---------------------------------------    balises de base    -------------------------------- */

html, body {
	 font-family: Verdana; 
	 color: #000000;
	 margin: 0;
	 padding: 0;
	 font-size: 12px; 	
	
	 text-align: center;
}

body {
  	position: relative;   	  	
  	
  	/*zoom: 100%;
  	background: #c9cdd8  url("../images/syndic/f0.jpg");
  	background: #c9cdd8  url("../images/syndic/fond_bande_5_1080.png") repeat-x;
  	*/
}

div#imgFond {
	position: fixed;
  	 width: 100%;
  	 height:100%;
  	 zoom: var(--zoomImg);  	 
  	/* margin-top: -20px; 	*/  	
  	background: #c9cdd8  url("../images/lxcdm/Fond_Tour_Eiffel_France.jpg");
}

div {
	position: relative;
	text-align: center;
	
}

a {
	color: #a9dfed;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a:HOVER {
	color: gray;
}



img { 
	border:none;
	padding: 0;
	margin: 0;
}

h1 {   	
	color: #008096;   	
	font-size: 25px; 
	font-family: calibri;/*Centaur;*/
	/*font-weight: bold;*/
	font-style: italic;
	text-align: left; 
	padding: 3px 0 3px 50px; 
	margin:0; 	
}


th {	
	color: #000000;	
}

td {
	color: #000000;	
}

i {	
	color: #000000;	
}

b {	
	color: #000000;	
	font-weight: bold;
}

select {
	font-family : Verdana;
	color: #000000;	
}

input {
	color: #000000;		
}

input[type="file"] {
	color: #000000;	
	cursor: pointer;	
}

textarea {
	font-family : Verdana;
	color: #000000;	
	font-size: 12px;
}

pre {
	font-family : Verdana;	
	font-size: 12px;
	text-align: justify;
	white-space: pre;
	margin-left: 0;
	padding: 10px 0px 0px 10px;
}


  /* ---------------------------------------    squelette    -------------------------------- */

div#body {
	width: 100%;
}
div#divFond {	
	padding: 0;
	margin: 0px auto;
	position: relative;	
}

div#divBackground {
	width: 980px;
	zoom: var(--zoomTxt);
	background-image: url(../images/syndic/pix_fond_txt.png);
	padding: 0;
	margin: 0px auto;
	position: relative;
	font-size: 0.9em;
}



div#divHeader {
	width: 910px;
	height: 130px;
	padding: 0;	
	background: url(../images/syndic/menu.png) bottom right no-repeat;
}

div#divHeaderLogoR {
	width: 100%;
	height: 130px;
	padding: 0;	
	margin-left: 24px;
	margin-right: 24px;	
	background: url(../images/Logo_SAP_Haut_Droit.png) center right no-repeat;
}

div#divHeaderLogoL {
	width: 100%;
	height: 130px;
	padding: 0;	
	background: url(../images/Logo_SAP_Haut_Droit.png) center left no-repeat;
}

div#divContent {
	padding-top: 5px;
	width: 100%;
	/*height: 746px;*/ /*900 - 130 - 24 = 746 px*/
			
}

div#divFooter {
	width: 900px;
	height: 25px;
	padding: 10px;	
	font-size: 14px;		
	color: #a9dfed;	
	background: url(../images/syndic/menu_bas.png) center center no-repeat;
}

div#divFooter a {				
	color: #a9dfed;
	font-size: 14px;
}

div#divFooter a:HOVER {
	color: gray;
}

.tableHeader {
	width: 100%;
	height: 130px;
}

.tableHeader a:HOVER {
		color: gray;
}
	
.lienHeader {
	text-align: left;
	height: 30px;
	font-size: 10px;
	color: #a9dfed;
	font-family: calibri;
	font-weight: bold;
	font-style: italic;
	/*Freestyle Script;*/
	vertical-align: middle;
}
.lienHeader a {
			
		color: #a9dfed;
	}

.lienHeader a:HOVER {
		color: gray;
	}
	
.sousMenu  {
	color: #a9dfed; 
	font-style: italic; 
	font-weight: lighter; 
	size: 10px;
}

.sousMenu a {
	color: #a9dfed; 
	font-style: italic; 
	font-weight: lighter; 
	size: 10px;
}

	
.imgHeaderL {
	width: 244px;/*220+24*/
	background: url(../images/lxcdm/logo_societe_haut.png) center right no-repeat;
}

.imgHeaderR {
	width: 124px;/*100+24*/
	background: url(../images/Logo_SAP_Haut_Droit.png) center left no-repeat;
}

.tableContent {	
	width: 100%;	
}

.tableContentCenter {
	margin-left: 5px;
	
}

.tdDroite {
	height : 340px;
	width : 300px;
	text-align : right;
	vertical-align: middle;
	}

.tdBasL {
	text-align : right;
	width: 182px;/* 170 + 12*/
	height: 182px;/*170 + 12*/
	vertical-align: bottom;
}

.tdBasR {
	text-align : center;
	width: 194px;/* 170 + 12 + 12*/
	height: 182px;/*170 + 12*/
	vertical-align: bottom;
}

.tdCentreH {
	text-align : center;	
	height: 184px;/*160 + 24*/
	vertical-align: bottom;
}

.divTxtHaut {
	padding-top: 20px;	
	padding-bottom: 5px;	
	width: 600px;
	border: 0;
	
	background: url(../images/syndic/fond_txt_haut2.png) top center no-repeat;
}

.divTxtBas {
	padding-bottom: 20px;
	width: 600px;
	background: url(../images/syndic/fond_txt_bas2.png) bottom center no-repeat;
}

.divCentreTxt {	
	text-align: justify;
	font-size: 14px;
	font-family: Verdana;
	width: 560px;
	border: 0;
	padding-left: 20px;
	padding-right: 20px;	
	padding-bottom: 5px;
	margin-bottom: -5px;
	background: url(../images/syndic/pix_fond_txt.png) ;
}

.tdCentreTxt a {
	color: black;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}


.fondText {
	background: url(../images/Cadre_Texte_Opacite_90_512x577.png) bottom left no-repeat;
}

.tdCentre {
	text-align : right;
	width: 262px;/* 250 + 12*/
	height: 184px;/*160 + 24*/
	vertical-align: bottom;
}

.deduction {
	text-align : center;
	width: 182px;/* 170 + 12*/
	height: 295px;/*255 + 40*/
	background: url(../images/Menu_Gauche_Haut_255x170.png) bottom right no-repeat;
}

.news {
	text-align : center;
	width: 194px;/* 170 + 12 + 12*/
	height: 279px;/*255 + 24*/
	background: url(../images/Menu_Droite_Haut_255x170.png) bottom center no-repeat;
}


/* -------------------------------------	Menu  --------------------------------- */

.menu {
	text-align: center;
	white-space:nowrap /*IE hack*/; 
	float: left; 
	width: 100%; 
	height: 50px;
	border: none; 
	background: #000000 url(../images/menu.gif) top left repeat-x;
	font-size: 1.4em; 
	margin: 0px; 
	padding: 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

.menu a {
	list-style-type:none;
	border: none;
	padding:0; 
	margin-right:-6px; 
}




.menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0; 
}

.menu ul li {
	float:left; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 	
	cursor: pointer;
	font-weight: bold;	
}

.menu ul li:hover {
	position:relative;
}

.menu ul li ul {
	display:none; 
	font-size: 0.8em;
}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	z-index:999; 
	top: 0.9em; 
	margin-top: 0.9em; 
	left:1px; 
}	

.menu ul li a {
float:none !important /*Non-IE6*/; 
float:left /*IE-6*/; 
display:block;
padding: 3px 15px 3px 15px; 
text-decoration: none;
font-weight: bold;  
color:#FFF;
border-top: 0px #b6b6b6 solid;
}

.menu ul li:hover a,
.menu ul li a:hover {
	background: #484340 url(../images/menu_sel.gif) top left repeat-x;
	text-decoration:none; 
	color: #000;
	border-top: 0px #e7e8ea solid;
	position:relative; 
	z-index:1000; 
	text-decoration:none;
}

.menu ul li a:hover ul {
	display:block; 	
	position:absolute; 
	z-index:999; 
	left:0;
	top: 0.9em; 
	margin-top: 0.8em;
}

.menu ul li:hover ul li a {
	white-space:normal; 
	display:block; 
	width:14.0em; 
	height:auto; 
	line-height:1.3em; 
	margin-left:-1px; 
	padding: 3px 10px 3px 10px;
	font-size: 1.0em;
	font-weight:normal;  
	background: #000000 url(../images/sous_menu.gif) top left repeat-x;
	color: #FFF;
}

.menu ul li:hover ul li:hover a,
.menu ul li:hover ul li a:hover{
	background: #484340 url(../images/sous_menu_sel.gif) top left repeat-x;
	color: #000;
	text-decoration:none;
}



/* -------------------------------------	Elements  --------------------------------- */

#error {
	padding: 5px;	
	color: red;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: blink;
}

.error {
	padding: 5px;
	color: red;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: blink;
}


.button
{
	font-family : Verdana;
	color : #000000;	
	font-size : 1.2em;
	padding: 8px 8px 8px 8px;
	background-color : #FFFFFF;
	cursor: pointer;
	font-weight: bold;	
	border : 1 outset #b0a8a8;
	border-top: 1px solid #b0a8a8;
	border-left: 1px solid #b0a8a8;
	border-right: 2px solid #b0a8a8;
	border-bottom: 2px solid #b0a8a8;	
}

.button:hover
{
	color : #FFFFFF;
	background-color : #b0a8a8;		
}


.etoile {
	font-size: 9pt;
	color: red;
	/*font-weight: normal;*/
}

.formulaire td {
	text-align: left;
	width: 560px;
	font-family: Verdana;
	font-size: 14px;
	padding: 15px 0px 0px 5px;
}

.wait{
	position: fixed;
	top: 45%;
	left: 45%;
	cursor: wait;
}
.wait img{
	width: 75px;
}
.popup {
	position: fixed;
	top: 25px;
	left: 100px;
	background-color : #f1f1f1;		
	border : 1 outset #646060;
	border-top: 2px solid #646060;
	border-left: 2px solid #646060;
	border-right: 4px solid #646060;
	border-bottom: 4px solid #646060;
}
.popup table {
	padding: 15px;
}
.popup td {
	text-align: left;	
	font-family: Verdana;
	font-size: 14px;
	padding: 15px 0px 0px 5px;
}
.popup b {
	font-weight: normal;	
	font-family: Verdana;
	font-size: 14px;
}