/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin:10px;
	padding: 0;
	background:url(images/cote-back/Affiche.jpg) repeat center top;
	/*background-image:url(images/cote-back/Affiche.jpg) fixed no-repeat:center top;
	/*background: #E1E2E3;*/
	font-family:Calibri;
	font-size: 14px;
	color: #000000;
	margin-left:20px;
	margin-right:20px;

}

#table1 {
    width:740px;
    height:1534px;
    border:1;
    cellspacing:0px;
    bordercolor:#E1E2E3;
}

#table2 {
    width:740px;
    height:auto;
    border:1;
    cellspacing:0px;
    bordercolor:#E1E2E3;
}

#tdhead {
    height:19px;
	vertical-align:top; 
    background:url(images/survolle.jpg);
	width:640px;
	color:#000000;
	border:0;
}

h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #549900;
	background:
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 240%;
	text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #FF0066;}

a:hover { text-decoration: none; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

/*#wrapper {
}*/

/* Header */
#wrap {
	width:1020px;
	margin-left:auto; 
	margin-right:auto; 
	background-color:#FFFFFF;
	margin-top:-10px;
	background-image:url(images/wrap.png);
}

#header-wrapper {
}

#header {
	width: 980px;
	height: 10px;
	margin: 0 auto;
	padding: 0px;
}

/** LOGO */

#logo {
	width: 940px;
	height: 110px;
	margin: 0 auto;
	padding: 5px 20px 230px 0px;
	font-size: 10px;
	color:#FFFFFF;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#logo p {
	margin-top: -4px;
	font-size: 13px;
	color: #F6F9FB;
}

#logo h1 {
	font-size: 48px;
}

#logo a {
	text-decoration: none;
	color: #F6F9FB;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	width: 1200px;
	position:static;
	height: 50px;
	margin-bottom:2px;
	margin-left:-22px;
	font-family:"Arial Black";
	font-size:10px;
}

#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
	background-image:url(../images/img-tableau%20(2).jpg);

}

#menu a {
	display: block;
	float: left;
	height: 23px;
	padding: 12px 20px 0px 20px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-family: Arial black;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image:url(images/img.jpg);

}

#menu a:hover { 
	text-decoration: none; 
	background-image:url(images/survolle.jpg);

	
}

#menu .current_page_item a {
}

#menu .first {
}
/* Search */

#search {
	float: right;
	width: 200px;
	padding: 10px 20px 0px 0px;
	color:#000000;
}

#search form {
	float: right;
	margin: 0;
	padding: 4px 0px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
}

#search-text {
	width: 150px;
	height: 18px;
	padding: 3px 0 0 5px;
	border: none;
	background: #EFEFDF;
	color: #FFFFFF;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 5px;
	background: #98CA2E;
	border: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 1100px;
	margin: 0 auto;
	padding: 20px 20px 0px 20px;
}

#banner {
	padding-bottom: 20px;
}

/* Content */

#content {
	float: left;
	width: 620px;
	margin-left:15px;
	
}

/* Post */

.post {
	width: 640px;
	margin-bottom: 20px;
	padding: 20px 0px;
	background: #FFFFFF;
	border-bottom-color:#0033FF
}

.bas_os {
	width: 938px;
	margin-bottom: 20px;
	padding: 20px 0px;
	background: #FFFFFF;
	border:1px;
	border-bottom-color:#CC3333;
	border-left-color:#00FF66;
}

.post .title {
	height: 44px;
	padding: 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post .title a {
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 30px;
	color: #238EC6;
}

.post .date {
}

.post .meta {
	height: 32px;
	margin-top: -10px;
	margin-left: 2px;
	padding: 4px 30px 6px 20px;
	background: url(images/img04.jpg) no-repeat left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #66665E;
}

.post .meta span {
	display: block;
	margin-top: -10px;
}

.post .meta a { }

.post .entry {
	padding: 10px 20px;
}

.post .links {
	background: #90BF35;
	border: 1px solid #5F817E;
}

.post .links {
	display: block;
	width: 120px;
	height: 18px;
	margin: 0px 0px 4px 0px; 
	padding: 3px 0px 0px 40px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.post .comments {
	display: block;
	width: 120px;
	height: 18px;
	margin: 0px; 
	padding: 3px 0px 0px 40px;
	background: #90BF35;
	border: 1px solid #5F817E;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 280px;
	font-size: 14px;
	border:1px;
	margin-right:-3px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	border: none;
}

#sidebar li {
	margin-bottom: 20px;
	padding: 10px 0px 10px 0px;
	background: #FFFFFF;
}

#sidebar li ul {
	margin: 0px 0px;
	border: none;
}

#sidebar li li {
	margin: 0;
	padding: 10px 0px;
	border: none;
	background: url(images/img06.jpg) repeat-x left bottom;
}

#sidebar li li a {
	padding: 0px 0px 0px 30px;
	font-weight: normal;
	border: none;
	background: url(images/img07.jpg) no-repeat 15px 4px;
}

#sidebar li li a:hover {
	color: #999999;
}

#sidebar p {
	margin: 0;
	padding: 0px 14px;
}

#sidebar h2 {
	height: 32px;
	margin: 0 0 10px 0px;
	padding: 8px 0 10px 20px;
	background: url(images/img03.jpg) no-repeat left bottom;
	text-transform: lowercase;
	font-size: 24px;
	font-weight: normal;
	color: #238EC6;
}


#sidebar p {
	line-height: 200%;
}

#sidebar a {
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #24130F;
	border-left: 1px solid #24130F;
	border-right: 1px solid #24130F;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #24130F;
	border-left: 1px solid #24130F;
	background: #24130F;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #24130F;
	border-left: 1px solid #24130F;
	border-bottom: 1px solid #24130F;
}

#calendar tfoot td {
	padding: 5px;
	border-left: 1px solid #24130F;
	border-bottom: 1px solid #24130F;
}

#calendar tfoot #next {
	border-top: 1px solid #24130F;
	text-align: right;
}

#calendar tfoot #prev {
	border-top: 1px solid #24130F;
}

#calendar .pad {
	border-bottom: 1px solid #24130F;
}

#calendar #today {
	background: #24130F;
}

/* Footer */

#footer {
	width: 65%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	background: #323232 url(images/img02.jpg) repeat-x left top;
}
#footer2 {
	width: 1084px;
	height: 310px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	float:left;
	margin-left:18px;
}

#headanim {
	width: 100%;
	height: 283px;
	float:left;
	margin: 0;
	padding: 0;
	background: #000000;
}

#avant_bas {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: #323232;
}

#footer-bgcontent {
}

#footer p {
	margin: 0;
	padding: 30px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #C7DAE5;
}

#footer a {
}

/* style pour texte defilant 
***********************************************
*****************************************
*****************************************
*/
   
Maintenant vous devriez y voir plus clair dans la feuille de style qui suit. J'y ai ajouté quelques annotations.

#iTvScroller { 
    background:#000 url('images/black.png') repeat-x top left; 
    font:14px "Trebuchet MS", Tahoma, sans-serif; 
    margin:0; 
    width:100%; height:0px; 
    /* Position en bas de l'écran */ 
    position:fixed; left:0; bottom:0;  
} 
#iTvScroller dt { 
    color:#999; 
    font-weight:bold; 
    line-height:30px; 
    height:30px; 
    padding:0 20px 0 28px; 
    /* Les titres ont un fond noir */ 
    background:#000 url('images/black-black.png') center left;   
    /* Les titres sont mis côte-à-côte */ 
    float:left;   
} 
#iTvScroller dd { 
    color:#000000; 
    font-size:100%; 
    font-weight:bold; 
    height:0px; line-height:0px; 
    margin:0; 
    padding:0 10px; 
	position:relative;
	bottom:-50px;  
    /* Les textes sont masqués par défaut */ 
    display:none; 
} 
#iTvScroller dt.first { 
    color:#FFF; 
    /* Le 1er titre aura un fond rouge */ 
    background:#FF0000 url('images/red.png'); 
} 
#iTvScroller dt.second { 
    /* Le 2ème titre aura un fond rouge et une partie noire */ 
    background:#FF0000 url('images/red-black.png') center left; 
}

/* style pour texte defilant 
***********************************************
*****************************************
*****************************************
*/

	/* // slider */													

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}		

/* // content */
#image{
	height:auto;
	width:auto;
	padding:1px;
	border-width: 1px;
	border-style: solid;
	border-color: #de9554;


/* tableau ****************************************************
******************************************************************************
*/
#box {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: 
}

#box2 {
	BORDER-RIGHT: #FF9933 1px solid; BORDER-TOP: #FF9933 1px solid; BORDER-LEFT: #FF9933 1px solid; BORDER-BOTTOM: #FF9933 1px solid; BACKGROUND-COLOR: 
}
#box3 {
	  ; BORDER-TOP: #FF9933 1px solid; BORDER-LEFT: #FF9933 1px solid; BACKGROUND-COLOR: 
}
#box4 {
	  ;  BORDER-LEFT: #FF9933 1px solid; BACKGROUND-COLOR: 
}

/*tableau aux coin arrondi */
.conteneur-arrondi{
    padding:0;
    width:800px;/* determine la largeur de la boite contenue */
    float:left;
    margin:0%;
}

.un{
    margin:0 4px;
    height:1px;
    background-color:#D25502;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #red;
    border-top:0;border-bottom:0;
	}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #red;
    border-top:0;border-bottom:0;
	background-color:#FFFFFF;
	}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #red;
    border-top:0;border-bottom:0;
	}

.quatre {
    margin:0 1px;
    height:1px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #red;
    border-top:0;border-bottom:0;
	}
	
	.centrearrondi {
    border:1px solid #red;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
    min-height:205px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:100px;

}



table {
 border-width:1px; 
 border-style:solid; 
 border-color:red;
 }

/* style pour slider ****************************************************
******************************************************************************
*/

.corners {
		clear:both;
		width:667px;;
		height:100%;
		padding:2px 2px 2px 0px;}  
		.b1, .b2, .b3, .b4 {display: block; height: 1px; overflow:hidden;} 
               .b1 { margin: 0 3px; border-left:2px solid #224d5f; border-right: 2px solid #224d5f; background-color:#224d5f; }
               .b2 { margin: 0 2px; border-left:2px solid #224d5f; border-right: 2px solid #224d5f; background-color:#111e24;}
               .b3 { margin: 0 1px; border-left:1px solid #224d5f; border-right: 1px solid #224d5f; background-color:#111e24 ;}
			   .b4 { margin: 0 1px; border-left:1px solid #224d5f; border-right: 1px solid #224d5f; background-color:#111e24;}
			   .fax{border-left:1px solid #224d5f; border-right: 1px solid #224d5f; background-color:#111e24; padding:15px 15px 15px 20px;
			        color:#fff; font:15px Verdana; }
					
		
		.center{padding:0px 0px 0px 220px; font-size:16px; font-weight:600; color:#8b8d8e;}			
		.center1{color:#469bd7;}
		.center1 a{color:#469bd7;}
		.blue {color:#469bd7; width:50%; float: left;  font-size:12px; margin-top:10px;}
		.blue a{color:#469bd7; text-decoration:underline;}
		.right {color:#a7e645; padding-right:15px;  text-align:right;  margin-top:10px ;font-size:12px; width:20%; float:right; text-decoration:underline;}
			 #line{position:relative; bottom:8px;}
		.right a {color:#a7e645; text-decoration: underline;}
		.right a:hover {text-decoration: none; cursor:pointer;}		
		.cent a{color:#FFF;
			font-weight:500;}