/*************************/
/*** Modifs ch Anglet ***/
/*************************/

body {	
	
	background-image:url(../image/img-1px-backgd.jpg);
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin:0px 0px 0px 0px;
	/*font-size:76%;*/
	text-align:center;
	vertical-align:middle;
	z-index:0;
	}

body.formulaire {	
	background-image:url(../image/img-fd.jpg);
	background-repeat:no-repeat;
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin:0px 0px 0px 0px;
	/*font-size:76%;*/
	text-align:left;
	vertical-align:middle;
	z-index:0;
	}
	
body.images {	
	
	background-image:url(../image/fd_izadia_images.jpg);
	background-repeat:no-repeat;
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin:0px 0px 0px 0px;
	/*font-size:76%;*/
	text-align:left;
	vertical-align:middle;
	z-index:0;
	}
	
body.pop_up {	
	
	background-image:url(../image/fd_pop_up.jpg);
	background-repeat:no-repeat;
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin:0px 0px 0px 0px;
	/*font-size:76%;*/
	text-align:left;
	vertical-align:middle;
	z-index:0;
	width:600px;
	}	

body.etat {	
	
	background-image:url(../image/);
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000000;
	margin:0px 0px 0px 0px;
	/*font-size:76%;*/
	text-align:center;
	vertical-align:middle;
	background-color: #F6F6F6;
	z-index:0;
	}
	
h5 {

	color:#ccff33;
	font-size:14px;
	line-height:24px;
	font-weight:600;
	font-style:italic;
}

h2 {

	color:#ccff33;
	font-size:20px;
	line-height:24px;
	font-weight:600;
	font-style:italic;
}

h3 {

	color:#ccff33;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	font-style:italic;
}

td {

	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
}

td.etat_entete {

	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
	background-color:#4E7A7B;
	text-align:left;
	
}

td.etat_ligne {

	font-size:12px;
	color:#000000;
	line-height:15px;
	background-color:#FEFEFE;
	border-bottom-style: groove;
	border-bottom-color:#676767;
	text-align:left;
}

h5.etat {

	color:#000000;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	font-style:italic;
}

span.sous-titre_etat {

	color:#99ccff;
	font-size:13px;
	line-height:16px;
	font-weight:500;
}
	
#cache_select {
	width:0px;
	height:0px;
	display: block;
	visibility:hidden;
	background-image:url(../image/);
	background-repeat:no-repeat;
}	

#conteneur {
	width:955px;
	height:615px;
	display: block;
	background-image:url(../image/);
	background-repeat:no-repeat;
}

#col1 {
	float:left;
	color:#000000;
	width:100px;
	height:615px;
	background-image:url(../image/img-a.jpg);
	background-repeat:no-repeat;
	}
	
#col2 {
	position:relative;
	float:left;
	color:#e9e9e9;
	font-weight:600;
	font-size:12px;
	width:400px;
	height:615px;
	text-align: center;
	background-image:url(../image/img-b.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}

#col3 {
	position:relative;
	float:left;
	color:#ffffff;
	width:425px;
	height:615px;
	background-image:url(../image/img-c.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}

label	{
	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
}

input	{
	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
	background-color:#4E7A7B;
}

select	{
	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
	background-color:#4E7A7B;
}

input.saisie_cm{
	font-size: 10px;
	font-family: Optima, Trebuchet MS, Lucida, Arial, Geneva, Verdana, Lucida Grande, Tahoma, Helvetica, sans-serif;
	border:1px solid #CC9966;
	background: #FFFFFF;
}

input.bouton	{
	font-size: 10px;
	font-family: Optima, Trebuchet MS, Lucida, Arial, Geneva, Verdana, Lucida Grande, Tahoma, Helvetica, sans-serif;
	border:1px solid #99cc33;
	background-color:#4E7A7B;
	color:#e9e9e9;
}

fieldset {
    top:1em;
    padding:5px 5px 5px 5px;
	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
}

#flash {
	color:#000000;
	width:425px;
	height:240px;
	}	

#menu_aff {
	color:#ffffff;
	width:425px;
	height:340px;
	text-align:left;
	}

#menu {
	color:#000000;
	padding-top:170px;
	float:left;
	width:130px;
	height:155px;
	text-align:left;
	vertical-align:bottom;
	}

#affichage {
	/*top:0px;
	left:120px;*/
	float:left;
	/*width:202px;
	height:320px;*/
	/*visibility:hidden;*/
	text-align:left;
	}

#affichage_0 {
	/*top:0px;
	left:55px;*/
	/*margin:20px 0px 0px 188px;
	_margin:30px 0px 0px 188px;*/
	top:250px;
	left:195px;
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	clear:both;
	}

#affichage_02 {
	/*top:0px;
	left:55px;*/
	/*margin:20px 0px 0px 188px;
	_margin:30px 0px 0px 188px;*/
	top:250px;
	left:195px;
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	clear:both;
	}	

#affichage_1 {
	top:250px;
	left:195px;
	_top:255px;
	_left:190px;
	position: absolute;
	float:left;
	color:#ffffff;
	width:202px;
	height:320px;
	/*visibility:hidden;*/
	text-align:left;
	padding-left:0.5em;
	}


#affichage_1_1 {
	top:250px;
	left:195px;	
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}


#affichage_2 {
	top:250px;
	left:195px;	
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}

#affichage_3 {
	top:250px;
	left:195px;		
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}	

#affichage_4 {
	top:250px;
	left:195px;			
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}	
	
#affichage_5 {
	top:250px;
	left:195px;		
	_top:255px;
	_left:190px;
	position:absolute;
	float: left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}
	
#affichage_6 {
	top:250px;
	left:195px;		
	_top:255px;
	_left:190px;
	position:absolute;
	float:left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}										

#affichage_7 {
	top:250px;
	left:195px;		
	_top:255px;
	_left:190px;
	position:absolute;
	float:left;
	color:#ffffff;
	width:202px;
	height:330px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	overflow:auto;
	scrollbar-face-color: #336666;
    scrollbar-shadow-color: #336666;
    scrollbar-highlight-color: #336666;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ccff33;
	}
	
#affichage_7_agenda {
	color:#ffffff;
	width:202px;
	height:300px;
	text-align:left;
	padding-left:0.5em;
	overflow:auto;
	scrollbar-face-color: #BCCEE0;
    scrollbar-shadow-color: #BCCEE0;
    scrollbar-highlight-color: #BCCEE0;
    scrollbar-3dlight-color: #336699;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #336699;
	}				

#affichage_8 {
	top:250px;
	left:195px;		
	_top:255px;
	_left:190px;
	position:absolute;
	float:left;
	color:#ffffff;
	width:202px;
	height:320px;
	visibility:hidden;
	text-align:left;
	padding-left:0.5em;
	}

#col4 {
	position:relative;
	float:left;
	color:#000000;
	width:30px;
	height:615px;
	background-image:url(../image/img-d.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}				

td {

	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
}

p {

	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
}

p.description {

	font-size:14px;
	color:#e9e9e9;
	line-height:16px;
	text-align:left;
	padding-left:10px;
}

.mini {

	font-size:10px;
	color:#e9e9e9;
	line-height:12px;
}

ul {
	font-size:12px;
	color:#e9e9e9;
	line-height:15px;
	list-style-type:none;
	text-align:left;
}


span.sous-titre {

	color:#99ccff;
	font-size:13px;
	line-height:16px;
	font-weight:500;
}

span.sous-titre_bc {

	color:#ffffff;
	font-size:13px;
	line-height:16px;
	font-weight:500;
}

hr {
	display:block;
	height:1px;
	margin:0;
	padding:0;
	_margin: -7px 0;
	background-color:#ccff33;
	border:0;
	color:#ccff33;
}

a:visited { text-align:left; font-weight:600; text-decoration:none; color:#e9e9e9;font-size:12px}
a:link    { text-align:left; font-weight:600; text-decoration:none; color:#e9e9e9;font-size:12px}
a:active  { text-align:left; font-weight:600; text-decoration:none; color:#ffffff;font-size:12px}
a:hover   { text-align:left; font-weight:600; text-decoration:none; color:#ffffff; font-size:12px}

a.fond:visited { text-align:left; font-weight:600; text-decoration:none; color:#ffffff;font-size:12px;background-color:#99cc33;}
a.fond:link    { text-align:left; font-weight:600; text-decoration:none; color:#ffffff;font-size:12px;background-color:#99cc33;}
a.fond:active  { text-align:left; font-weight:600; text-decoration:none; color:#ffffff;font-size:12px;background-color:#99cc33;}
a.fond:hover   { text-align:left; font-weight:600; text-decoration:none; color:#e9e9e9; font-size:12px;background-color:#99cc33;}

a.tele:visited { text-align:left; font-weight:500; text-decoration:none; color:#e9e9e9;font-size:10px; line-height:12px }
a.tele:link    { text-align:left; font-weight:500; text-decoration:none; color:#e9e9e9;font-size:10px; line-height:12px}
a.tele:active  { text-align:left; font-weight:500; text-decoration:none; color:#ffffff;font-size:10px; line-height:12px }
a.tele:hover   { text-align:left; font-weight:500; text-decoration:none; color:#ffffff; font-size:10px; line-height:12px }

a.menu:visited { width:130px; text-align:left; font-weight:600; text-decoration:none; color:#99cc33;font-size:14px; padding-left:0.4em; line-height:1.3em }
a.menu:link    { width:130px; text-align:left; font-weight:600; text-decoration:none; color:#99cc33;font-size:14px; padding-left:0.4em; line-height:1.3em }
a.menu:active  { width:130px; text-align:left; font-weight:600; text-decoration:none; color:#ccff33;font-size:14px; padding-left:0.4em; line-height:1.3em  }
a.menu:hover   { width:130px; text-align:left; font-weight:600; text-decoration:none; font-style:italic; color:#ccff33; font-size:14px; padding-left:0.4em; line-height:1.3em  }