/* CSS Document ESCOM */

/*GENERAL HTML*/
body {margin:0; padding:0; font-family:Tahoma, Arial, sans-serif; color:#6c0049; font-size:12px; background-color:#FFFFFF }
h1 { font-size: 1.95em; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.45em;}
h4 { font-size: 1.20em;}
h5 { font-size: 1.10em;}

/* Liens */
a { color:#5e5e5e; text-decoration: underline; font-weight:bold }
a:link {color: #6c0049; }
a:visited {color: #6c0049;  }
a:hover, a:focus, a:active {color: #6b923b; text-decoration:none}
a img {border: none;}

/*CLASSES SPECIFIQUES*/
.txt-invisible {visibility:hidden}
* html .txt-invisible {display:none}

/*GENERAL*/
#container {width:1200px; height: 816px; margin-left:auto; margin-right:auto; background:url(../images/fond-img-1.jpg) no-repeat top left #FFF; border:0 solid #FFF;}
#inner{width:948px;margin:0 auto;}

/*TETE DE PAGE*/
#header{ background:url(../images/fond-header-full.png) top left no-repeat;position:absolute; height:114px; width:948px;}/*CONTIENT IMAGE*/
* html #header {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/fond-header-full.png", sizingMethod="crop")}/*CONTIENT HACK*/
#header-contenu { position:relative; z-index:100; width:948px; height:114px; margin:0 auto;}/*CONTIENT TEXTE*/

#logo {margin:10px 0 0 30px; width:97px; height:55px; float:left;}
* html #logo {margin:10px 0 0 14px; width:97px; height:55px; float:left;}

#logo-text { margin:12px 0 0 10px; width:279px; height:53px; float:left;}

#menu-pr { width:690px; height:30px; float:left; margin:7px 0 0 0; }
* html #menu-pr {width:690px; height:30px; float:left; margin:8px 0 0 -125px; padding:0; }
*+html #menu-pr {width:690px; height:30px; float:left; margin:2px 0 0 -5px; padding:0; }


#menu-pr ul { list-style-type:none; padding:0; margin:5px 0 0 30px; }
*+html #menu-pr ul { list-style-type:none; padding:5px; margin:5px 0 0 30px; }
#menu-pr ul li {display: inline;}

#menu-pr ul li a { font-size:11px; text-transform:uppercase; text-decoration:none; color:#6c0049; background:url(../images/fond-header-border-right.png) no-repeat center right; margin-right:3px; padding:10px 12px 10px 0; border:0 solid #000   }
* html #menu-pr ul li a { background:url(../images/menu-pr_filet.gif) no-repeat center right;}

#menu-pr ul li a:hover, a:active { text-decoration:none; color:#6b923b}

#icones-header { width:100px; float:right; margin:10px 10px 0 0; }
#search { width:250px; float:right;  margin:11px 0 0 0; }
#search p { float:left; margin:3px 0 0 10px; text-transform:uppercase; font-size:10px; color:#6c0049; }
* html #search p { float:left; margin:3px 0 0 5px; text-transform:uppercase; font-size:10px }

#search .entree{color:#919191;background:none repeat scroll 0 0;border:medium none; float:left;margin-left:18px;width:98px;font-size:9px;padding:5px 0 0 0;}
* html #search .entree{color:#919191;background:none repeat scroll 0 0;border:medium none; float:left;margin-left:16px;width:98px;}
*+html #search .entree{color:#919191;background:none repeat scroll 0 0; float:left;margin-left:19px;width:93px;}

#search .bouton{color:#919191;background:none repeat scroll 0 0;border:medium none; float:left; margin-left:8px;cursor:pointer; width:23px; font-weight:bold; font-size:9px;padding:3px 0 0 0;}
*+html #search .bouton{color:#919191;background:none repeat scroll 0 0;border:medium none; float:left; margin-left:10px;cursor:pointer; width:23px; font-weight:bold; }

/* CENTRAL*/
#central { width:948px; height:290px; margin-left:auto; margin-right:auto; }
#fiole { float:left; width:271px; height:290px; background:url(../images/fiole.png) no-repeat top left; margin:0 0 0 100px; }
* html #fiole {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/fiole.png", sizingMethod="crop"); margin:0 0 0 50px; }

#slogan { float:left; width:327px; height:77px; background:url(../images/slogan.png) no-repeat top left; margin:50px 0 0 30px; }
* html #slogan {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/slogan.png", sizingMethod="crop");}

#carouselle { float:left; width:550px; height:150px; padding:10px 0 0 0; }

/*ACTUALITÉ*/
#actualites {position:absolute; width:948px; height:158px; background:url(../images/fond-full-actue.png) no-repeat top left; margin-left:auto; margin-right:auto; font-size:11px;  }
* html #actualites {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/fond-full-actue.png", sizingMethod="crop");}
#actualites-contenu {position:relative; z-index:100; width:948px; height:158px; margin:0 auto;}/*CONTIENT TEXTE*/

#alaUne { float:left; margin:14px 0 0 14px; width:453px; height:100px;}
* html #alaUne { float:left; margin:14px 0 0 7px; width:453px; height:100px;}

#alaUne img {float:left; margin-right:10px}
#alaUne h4 {margin:0; padding:0; text-transform: uppercase; font-size:11px; font-weight:bold}
* html #alaUne h4 {margin:0; padding:0; text-transform: uppercase}

#alaUne p {margin:4px 0 4px 0; font-size:11px }
* html #alaUne p {margin:2px 0 2px 0; }
#alaUne a { color:#6b923b; text-decoration:none; font-weight:normal;font-size:11px; }
#alaUne a:hover {color:#5e5e5e }

#newsletter { float:left; width:225px; height:100px; margin:14px 0 0 16px; padding:0}
* html #newsletter { float:left; width:215px; height:100px; margin:14px 0 0 16px; padding:0;}

#newsletter fieldset { border:0px;}
#newsletter legend { display:none;}

#newsletter a { color:#6b923b; text-transform:uppercase; text-decoration:none; margin:0; padding:0}
#newsletter a:hover {color:#5e5e5e;}
#newsletter p { margin:14px 0 1px 19px; padding:0 }

#newsletter .entree {color:#919191;margin:10px 0 0 22px; padding:0; width:148px;background:none repeat scroll 0 0;border:medium none; }
*+html #newsletter .entree {color:#919191;margin:9px 0 0 22px; padding:0; width:148px;background:none repeat scroll 0 0;border:medium none; }
* html #newsletter .entree {color:#919191;margin:0 0 0 9px; padding:0; width:148px;background:none repeat scroll 0 0;border:medium none}

#newsletter .bouton {color:#919191; width:23px; margin-left:10px; font-weight:bold;background:none repeat scroll 0 0;border:medium none;  }
*+html #newsletter .bouton {color:#919191;margin:9px 0 0 8px;padding:0; width:23px; font-weight:bold; background:none repeat scroll 0 0;border:medium none; }
* html #newsletter .bouton {color:#919191;margin:7px 0 0 8px;padding:0; width:23px; font-weight:bold; background:none repeat scroll 0 0;border:medium none; }

#filinfo { float:left; width:685px; height:27px; margin:5px 0 0 13px; }
* html #filinfo { float:left; width:685px; height:27px; margin:1px 0 0 7px; border:0 solid #000 }

#filinfo ul { float:left;list-style-type:none; padding:0; margin:9px 0 0 5px; width:620px; }
#filinfo ul li {display: inline; margin-right:5px; font-size:10px}
#filinfo ul li a { text-transform:uppercase; text-decoration:none; color:#6b923b; font-weight:normal; background:transparent url(../images/puce-filinfo.gif) no-repeat 0px 4px; padding-left:10px }
#filinfo ul li a:hover { color:#5e5e5e}
#filinfo img { float:left; margin:4px 0 0 0}

#en1clic { position:absolute; width:233px; height:158px; background:url(../images/fond-en1clic.png) no-repeat top left; margin:0 0 0 714px;  }
*+html #en1clic { position:absolute; width:233px; height:158px; background:url(../images/fond-en1clic.png) no-repeat top left; padding:0; margin:-114px 0 0 17px}
* html #en1clic {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/fond-en1clic.png", sizingMethod="crop");margin:-118px 0 0 18px;border:0 solid #000  }

#en1clic-contenu {position:relative; z-index:100; width:233px; height:158px; margin:0 0 0 714px; border:1px solid transparent }
* html #en1clic-contenu {position:relative; z-index:100; width:233px; height:158px; margin:-142px 0 0 714px; border:0 }
*+html #en1clic-contenu {position:relative; z-index:100; width:233px; height:158px; margin:-114px 0 0 0; padding:0 0 0 12px }

#en1clic-contenu h4 { margin:8px 0 0 20px; padding:0; text-transform:uppercase;font-size:11px; font-weight:bold}
#en1clic-contenu ul {list-style-type:none; margin:4px 0 0 20px; padding:0; }
#en1clic-contenu ul li a { text-decoration:none; line-height:16px;font-weight:normal; font-size:11px}

/*PIED DE PAGE*/
#footer {position:absolute; width:948px; height:57px; margin-top:0; margin-left:auto; margin-right:auto; padding:12px 0 0 0; background:url(../images/fond-footer.png) no-repeat top left; font-size:11px;  }/*FOND FOOTER*/
* html #footer {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/fond-footer.png", sizingMethod="crop");}
#footer-contenu {position:relative;width:948px; height:57px; margin:0 auto; padding:10px 0 0 0 }/*FOND TEXTE*/
* html #footer-contenu {position:relative;width:948px; height:57px; padding:10px 0 0 0;  }/*FOND TEXTE*/

#metanavigation { width:750px; height:16px; padding:0;  margin-top:0px; margin-left:auto; margin-right:auto; color:#777777;font-weight:bold; text-align:center; }
#metanavigation ul{list-style-type:none; padding:0; margin:0 }
#metanavigation ul li  {display: inline; background:transparent url(../images/puce-footer.gif) no-repeat 0px 1px; padding-left:20px; padding-right:10px; margin:0 }
* html #metanavigation ul li  {display: inline; background:transparent url(../images/puce-footer.gif) no-repeat 0px 1px; padding-left:20px; padding-right:10px; }

#metanavigation ul li a { font-weight:normal; text-decoration:none; color:#777777;font-weight:bold; }
#metanavigation ul li a:hover { color:#5e5e5e}

#adresse { width:800px; height:16px; padding:0;  margin-top:5px; margin-left:auto; margin-right:auto; color:#6c0049;text-align:center; }
#adresse ul{list-style-type:none; padding:0; margin:0 }
#adresse ul li  {display: inline; background:transparent url(../images/puce-adresse.gif) no-repeat 0 2px; padding-left:15px; padding-right:3px; margin:0; line-height:19px;font-size:11px; }
#adresse ul li a { font-weight:normal; text-decoration:none; color:#777777;font-weight:bold; }
#adresse ul li a:hover { color:#5e5e5e}

.encart-texte ul {list-style-type:none; padding:0;}
.encart-texte ul li a { text-decoration:none; line-height:18px;font-weight:normal; text-transform:uppercase; color:#FFF; float:left;width:174px; height:99px; background: url(../images/fond-encart-txt.gif) no-repeat top left; margin:0 0 0 20px; border:0 solid #000; padding: 5px;}
.encart-texte ul li a:hover { color:#6b923b}


#filinfo ul li {margin-right:0px;}

.tickercontainer { /* the outer div with the black border */
width: 680px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 680px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 660px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}