/* CSS Document */
/*

FEUILLE DE STYLE CSS // LE 29 AVRIL 2009 // PAR STEPHANE EHLING // webmaster@bluelimon.com

*/
.erreur {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
}
.reussite {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #669900;
}
.donnee {
	font-weight: bold;
	color: #FF9900;
	font-size: 12px;
}
.AlignGauche {
	text-align:left;
}
td {
	margin:0px;
	font-family:verdana;
	font-size:11px;
	color:#404040;
}
form {
	margin:0px;
}
table {
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	font-size: 11px;
	color: #404040;
	text-align: left;
}
body {
	margin:0px;
	font-family:verdana;
	font-size:11px;
	color:#404040;
}
.moutarde {
	margin:0px;
	font-family:verdana;
	font-size:11px;
	color:#ECAD00;
}
img {
	border-width: 0;
}
hr {
	height: 1px;
	color:#ECAD00;
}
.ensavoirplus {
	font-weight: bold;
}
.bgleft {
	background-image: url(\'<?= URL_SITE; ?>public/<?=LOCALE?>/mod-ehling-ig/bg_deg_left.jpg\');
	background-repeat: repeat-y;
}
.bgright {
	background-image: url(\'<?= URL_SITE; ?>public/<?=LOCALE?>/mod-ehling-ig/bg_deg_right.jpg\');
	background-repeat: repeat-y;
}
.footer {
	font-size: 8px;
	text-align: center;
	background-image: url(\'<?= URL_SITE; ?>public/<?=LOCALE?>/mod-ehling-ig/menu_bg.gif\');
	background-repeat: repeat-x;
}
a:visited {
	text-decoration: none;
	color:#404040;
}
a:link {
	text-decoration: none;
	color:#404040;
}
a:hover {
	text-decoration: underline;
}
.tt1 {
	font-family: Verdana;
	font-size: 26px;
	color: #ECAD00;
	font-weight: bold;
	letter-spacing: 4px;
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
	line-height: 36px;
}
h1 {
	margin: 6px 0px 6px 0px;
	font-family: Verdana;
	font-size: 22px;
	color: #ECAD00;
	font-weight: bold;
	
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
}
h2 {
	margin: 6px 0px 6px 0px;
	font-family: Verdana;
	font-size: 20px;
	color: #ECAD00;
	font-weight: bold;
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
}
h3 {
	margin: 6px 0px 6px 0px;
	font-family: Verdana;
	font-size: 18px;
	color: #ECAD00;
	font-weight: bold;
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
}
h4 {
	margin: 6px 0px 6px 0px;
	font-family: Verdana;
	font-size: 16px;
	color: #ECAD00;
	font-weight: bold;
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
}
.H4CENT {
	margin: 0px;
	font-family: verdana;
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	text-align: center;
}
h5 {
	margin: 0px;
	font-family: Verdana;
	font-size: 14px;
	color: #ECAD00;
	font-weight: bold;
	
}
h6 {
	margin: 6px 0px 6px 0px;
	font-size: 12px;
	color: #ECAD00;
	font-weight: bold;
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
}
.sep_menu {
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	color: #ECAD00;
	font-weight: bold;
	border-bottom-style: dashed;
	border-bottom-color: #ECAD00;
	border-bottom-width: 1px;
}
.exemple {
	color: #006600;
	font-weight: bold;
}
.telephone {
	font-weight: bold;
	font-size: 30px;
	color: #000080;
}
.titre_orange {
	font-weight: bold;
	font-size: 20px;
	color: #FF6600;
}
/*
.menu {
	background-image: url(\'<?= URL_SITE; ?>public/<?=LOCALE?>/mod-ehling-ig/menu_bg.gif\');
	background-repeat: repeat-x;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}
*/
.top-header {
	background: url(\"http://www.cpes-ipress.com/public/fr/mod-ehling-ig/top-header.jpg\");
	line-height: 15px;
	text-align: center;
}
.ATTENTION_ROUGE {
	color: #FF0000;
	font-weight: bold;
}
legend {
	font-size: 12px;
	font-weight: bold;
	color: #ECAD00;
}
.center {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.justified {
	padding: 0px;
	margin: 0px;
	text-align: justify;
}
.alert {
	color: #FFFFFF;
	background-color: #FF0000;
	font-weight: bold;
}
.success {
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #006600;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
}
.FondOrange {
	color: #000000;
	background-color: #ECAD00;
	font-weight: bold;
}
.FondBleu {
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	color: #FFFFFF;
	background-color: #000066;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
}
.FondVert {
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	color: #FFFFFF;
	background-color: #006600;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
}
/* LIGNES REPRISE DE L\'ANCIEN CSS */

.textBlanc
{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	}
.text2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.TextPetit {
	font-size: 12px;
}
	
.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.text3White {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.Titre
{
	font-family:Arial, Helvetica, sans-serif;
	color: #FF3300;
	font-size: 13px;
	font-weight: bold;

	}
	
.Titre2
{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	font-size: 11px;

	}
fieldset {
	padding: 0px 10px 10px 10px;
	text-align: justify;
}
.petit_texte {
	font-size: 8px;
}
.AlignDroite {
	text-align: right;
}
.petit {
	font-size: 9px;
}
.odd {
	background-color: #FFDF8C;
}
.even {
	background-color: #FFF4D9;
}
.fond_blanc {
	background-color: #FFFFFF;
}
.date_jpo {
	padding: 0px;
	margin: 0px;
	text-align: center;
	color: #ECAD00;
	font-weight: bold;
	font-size: 32px;
}
/* DATES AFFICHEES SOUS FORME DE FEUILLET DE CALENDRIER */
.published {
	display:block; 
	text-align: center;
	float:left; 
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:none;
	background:url(\'http://www.cpes-ipress.com/public/fr/mod-ehling-ig/clip-bottom.png\') right bottom no-repeat;
	width:5em;
}
.pub-date {
	display: block;
	font-size: 2.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-top: 12px;
	background: url(\'http://www.cpes-ipress.com/public/fr/mod-ehling-ig/clip-top.png\') repeat-x center top;
	text-align: center;
}
.pub-month { 
	display:block; 
	font-size:1.8em;
	margin:0; 
	padding:0;
	text-align: center;
}
.pub-year {
	display: block;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
}
.evenCentered {
	background-color: #FFF4D9;
	text-align: center;
	vertical-align: middle;
}
.oddCentered {
	background-color: #FFDF8C;
	vertical-align: middle;
	text-align: center;
}
.MustardCentered {
	background-color: #ECAD00;
	vertical-align: middle;
	text-align: center;
}
.Mustard {
	background-color: #ECAD00;
}
/* CSS du calendrier */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}
/* This hover code won\'t work for IE */
/* fin calendrier */
.descActu {
	margin: 6px 0px 6px 0px;
	font-size: 12px;
	color: #ECAD00;
	font-weight: bold;
}

/* CSS showing layers when hovering  */
a.screen, a.screen:visited {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #003366;
text-decoration: none;
position:relative; 
z-index:100;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:80px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*border:1px solid #000; */ /* removed image border */
left:-50px; /* position the image */
top:10px;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;

}
a.screen:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
/*height:180px;*/ /* now give it a height */
cursor:pointer; /* for IE */
z-index:1; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
a.screen img {
border:0; /* remove the link border */
}

a.screen div {
background:#FFFFFF;
border:1px solid #336; 
width:400px; padding:4px;
color:#000; font-size:11px;
line-height:1.2;
display:block;
z-index:500;
}
.tags {
	font-family: verdana;
	color: #CCCCCC;
	font-size: 10px;
        text-align: center;
}
.Orange2Green
{
font-size:12px;
color:#000000;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #ecad00; /* ffd207 pour orange */
padding: 5px 5px 5px 5px;
}
.Orange2Green:hover
{
text-decoration: none;
cursor: pointer;
color:#33cc00;
height:100%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #33cc00;
padding: 5px 5px 5px 5px;
}