@import url('scroll.css');
@import url('menu-csi-fr.css');


body { padding: 0px; margin:0px; font-family: arial, helvetica, verdana, sans-serif; font-size:80%; background:url(../css/img/csi-fond.png) center top fixed;}
img {border:none;}

/* Page */
	#global { width: 930px; margin-left: auto; margin-right: auto;}


/* HEADER -------------------------------------  */
/* Mini-En-t�te */
	#mini-entete { height:40px; background: url(../css/img/a-bg-mini-entete.png) repeat-x center top; background-color:#fff; color:#333; font-size:90%;}
	.meg {float:left; margin-left:12px; margin-top:12px;}
	.meg a {color:#333;  text-decoration:none;}
	.meg a:hover {color:#000;  text-decoration:none;}
	.med {float:right; margin-right:12px;margin-top:12px; background:url(../css/img/a-tel.png) no-repeat left -5px; text-indent: 23px;}
        .langue {float:left; margin-left:12px; margin-top:13px; }
        .dp-eng { background-image: url('img/csi-dp-eng.png'); width: 20px; height:13px; margin-right:1px;}
        .dp-eng:hover { background-image: url('img/csi-dp-eng-h.png'); width: 20px; height:13px;}
        .dp-fr { background-image: url('img/csi-dp-fr-h.png'); width: 20px; height:13px;}
        .dp-fr:hover { background-image: url('img/csi-dp-fr-h.png'); width: 20px; height:13px;}
		
		

/* En-t�te */
	#entete {height:215px;overflow:hidden;background-color:#fff;background: url(../css/img/csi-header.jpg) repeat-x center top;}
/* Texte qui defile */
	#txt-defil {height:20px;margin-top:195px; padding-top:4px; background:url(../css/img/a-bg-txt-defil.png); font-family: "helvetica", sans-serif; text-transform: uppercase; font-weight: lighter; letter-spacing:1px; font-size:12px; text-align:right; color:#9c6916;}

/* Bloc central ------------------------------------- */
	#centre {width: 100%;overflow: hidden;background: url(../css/img/a-centre.png) repeat-y right top;}

/* MENU ------------------------------------- */
	#navigation {float: left; width:195px; background: url(../css/img/csi-m-trait-noir.png) repeat-x center 20px;}
	#navigation ul { list-style: none; padding: 0; margin:0;}
	#navigation li {list-style: none; color:#000; background-color:#fff; display:block; padding-top:5px; height:16px; margin:0;}
	#menubottom {background: url(../css/img/csi-m-bottom.png) no-repeat center top; height:46px;}
	dl { list-style-type:none; font-family: "Times New Roman", serif; text-transform: uppercase; font-weight: lighter; letter-spacing:1px; font-size:11px; text-align:center; background: url(../css/img/csi-m.png) no-repeat center bottom;}
	dd { padding: 0; margin:0;}
	dl{ padding: 0; margin:0;}
	dt { padding: 0; margin:0;}
	dt a {text-decoration:none; outline:0;}
	dd a { color: #000; text-decoration:none; outline:0;}
	dd a:hover { color: #000; background-color:#fff; outline:0;}
	dt a:hover { color: #fff; background-color:transparent; outline:0;}
	dt a:active img, dt a:focus img {outline:0;}

	.sponsor {background: url(../css/img/csi-m-trait.png) no-repeat center bottom;}
	
/* COLONE 1 - ZONE DE SAISIE PRINCIPALE ------------------------------------- */
	#principal {float:left; width:460px; padding: 40px 20px 0 20px;min-height:300px;background:url(../css/img/a-bg-2col.png) repeat-x;}
	#principal h1 {margin:0 0 25px 0; font-family:Times, serif; font-weight:lighter; font-size:250%; line-height:95%; }
	#principal img.droite { float:right; clear:right; margin:5px 0 10px 20px; width:160px;}
	#principal img.gauche { float:left; clear:left; margin:5px 20px 10px 0px; width:160px;}
	#principal p {text-align:justify; margin:15px 0 0 0; color:#000; line-height:1.3em;}
	#principal a {color:#2a1407; text-decoration:none;}
	#principal a:hover {color:#000; text-decoration:underline;}
	#principal a:focus {color:#000;}
        
        blockquote {
        font-family:Times, serif;
        font-style:italic;
        font-size:130%;
        background:url(../css/img/a-guill.png) no-repeat left top;
        padding-left:30px;
        padding-top:15px;
        }


/* COLONE 2 - ZONE DE SAISIE SECONDAIRE ------------------------------------- */
	#secondaire {margin: 0 0 0 695px;background:url(../css/img/a-bg-2col.png) repeat-x; text-align:left; }
	#secondaire h2 {margin:0; padding:10px 0 10px 0; font-family:Times, serif; font-weight:lighter; color:#9c6916; text-transform:uppercase; background: url(../css/img/csi-list-h2.png) no-repeat left top; text-indent:18px; font-size:120%; letter-spacing:0.05em;}
	#secondaire p {text-align:left; margin:0 0 8px 0; padding:0; color:#333; line-height:1.3em;}
	#secondaire a {padding:5px 2px 5px 2px; color:#fff; text-decoration:none; background:#9F6D1A url(../css/img/csi-bg-liens.png) no-repeat center top; display:block; text-align:center; border: solid 1px; border-color: #cebb79;}
	#secondaire a:hover {padding:5px 2px 5px 2px; color:#fff; text-decoration:underline; background:#9F6D1A url(../css/img/csi-bg-liens.png) no-repeat center top; display:block; text-align:center; border: solid 1px; border-color: #cebb79;}
	#secondaire a:focus {padding:5px 2px 5px 2px; color:#fff; text-decoration:underline; background:#9F6D1A url(../css/img/csi-bg-liens.png) no-repeat center top; display:block; text-align:center; border: solid 1px; border-color: #cebb79;}
	.seg {padding:45px 20px 20px 20px; }
	img.plus-infos {margin-right:auto; margin-left:auto;}
	#secondaire a img {max-width:187px;}

/* Sytle commun */
	i {font-style:italic;}
	b, strong {font-weight:bold; color:#333;}
	h3 {margin:10px 0 2px 0; padding:0px; font-family:Times, serif; font-weight:lighter; font-size:130%; text-transform:uppercase; line-height:95%; letter-spacing:1px;}
	img.galerie {padding:4px; border: 1px solid #D0D0D0; margin-top:30px;margin-right:5px;}
	img.galerie-last {padding:4px; border: 1px solid #D0D0D0; margin-top:30px;}
	div.album {float:left;text-align:center;}
	#principal div.album a:hover {text-decoration:none;}
	
/* TAbleau ------------------------------------- */
	.table { border:none; background:url(../css/img/csi-bg-table.jpg) no-repeat center top;}
	.td {text-align:left; border-bottom: solid 1px; border-bottom-color: #868278; font-size:80%; height:30px;}
        .td-r {text-align:right; border-bottom: solid 1px; border-bottom-color: #868278; font-size:80%; height:30px; padding-right:5px; text-transform:uppercase;}
        .td-c {text-align:left; border-bottom: solid 1px; border-bottom-color: #868278; font-size:80%; height:30px; padding-right:5px; line-height:12px;}

	.contretd {text-align:center;}
	.header {background:url(../css/img/a-bg-table-header.png) repeat-x center bottom; color:#fff;}
	.total {background:url(../css/img/a-fleche.png) no-repeat center top; color:#fff; height:30px; border:none;}
	.contre {text-align:right; border:none; background:none;}
	.contre td {border:none; text-align:right;}
	
/* PIED DE PAGE ------------------------------------- */
	#pied {margin-left: 195px; height:158px; background: url(../css/img/a-footer.png) no-repeat center top;}
	.pig {float:left; margin-left:12px; margin-top:99px; color:#333; font-size:90%;}
	.pig a {color:#333; font-size:90%; text-decoration:none;}
	.pig a:hover {color:#000; font-size:90%; text-decoration:none;}
	.log a {float:right; background:url(../css/img/a-log-chantilly.png) no-repeat right top; margin-top:78px; height:85px; width:85px;}
	.log a:hover {background:url(../css/img/a-log-chantilly-h.png) no-repeat right top;}


/* TABLEAUX ---------------------------- */
	.tb-global-style {
		border:none;
		background:url(../css/img/gn-bg-table.jpg) no-repeat center top;
		width:460px;
		font-family : Arial, Helvetica, sans-serif;
		font-size:10px;
		border::none;}

		
	.entete-noire {
			background:url(../css/img/a-bg-table-header.png) repeat-x center top;
			height:30px;
			padding:5px;}
			
	tr.entete-noire td {color:#fff;}
		
	.entete-titre {
			padding:10px; background-color:#FFF; font-family:Times, serif; font-weight:lighter; font-size:250%; line-height:95%;}

	.entete-petit-titre {
			padding:10px; background-color:#FFF; font-family:Times, serif; font-weight:lighter; font-size:130%; text-transform:uppercase; line-height:95%; letter-spacing:1px;}

	.ligne-vide {padding:10px; background-color:#FFF;} 
	
	td {padding:5px;}


        #epub{
          width:160px;
          text-align:center;
          margin:auto;
        }
        #epub a:focus,
        #epub a:hover,
        #epub a{
          background:none;
          border:none;
          display:inline;
        }
        #epub img{
          max-width:160px;
          max-height:600px;
        }