/* CSS Document */

body { background-color:#EBD5CB; width:780px; height:auto; text-align:left; margin:0px auto 0px auto; padding:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

h1 { font-size:25px; font-family: Arial, Helvetica, sans-serif; font-weight:bolder; color:#660000; padding: 10px 0px 5px 0px; text-align:center; }

h2 { font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#CC6600; padding: 0px 0px 0px 10px;}

h3 { font-size:14px; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 0px 5px; color:#660000;}

h4 { font-size:13px; font-family: Arial, Helvetica, sans-serif; padding: 0px; color:#990000;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#CC6666; vertical-align:top;}

td { font-size:12px; color:#990000; font:Geneva, Arial, Helvetica, sans-serif;}

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #CC6666;}

p li { list-style:none;}

a { color: #CC6666; text-decoration: none;}

#coyright { font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:12px;}

a:hover { text-decoration: none;}

#pub { width:auto; background-color:#FFFFFF; margin-top: 17px; float:right; padding: 10px 5px 0px 5px ;}

#bandeau { width:780px; height:140px; margin:0px ;}

#programme img { float:right; padding:10px;}

#programme h1 { font-size:15px; font-family: Arial, Helvetica, sans-serif; font-weight:bolder; color: #993300; padding: 5px; text-align:justify; }

#programme h2 { font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bolder; color: #CC6600; padding: 5px; text-align:justify; text-decoration:overline }

#programme p { font-size:13px; font-family: Arial, Helvetica, sans-serif; color: #663300; padding: 5px; text-align:justify; }

#programme em { font-size:13px; font-family: Arial, Helvetica, sans-serif; color: #993300; margin: 8px; text-align:justify; }

.contenu { margin:0px; padding:0x; background-color: #FFFFFF;}

#contenu { width:620px; height:auto; background-image: url(../images/fondCont.jpg); background-repeat:no-repeat;}

#contenu p { padding: 0px 0px 0px 15px; font-size:12px; color: #996600; font:Geneva, Arial, Helvetica, sans-serif;}

#contenu td { vertical-align:middle;}

#contenu td img { vertical-align: bottom; width:75%; height:75%;}

#contenu_list { width:620px; background-image: url(../images/fondCont.jpg); background-repeat:no-repeat;}

#contenu_list p { padding: 0px 0px 0px 15px; font-size:12px; color: #996600; font:Geneva, Arial, Helvetica, sans-serif; margin-top:5px;}

#contenu_list img { float:right; width:100px; padding:10px;}

#menu {width:776px; height:29px; clear:both; background-color:#CC6666; font-family:Arial, Helvetica, sans-serif; border-left: solid 2px #CC6666; border-right: solid 2px #CC6666;;}

#menu ul { font-size:12px; font-weight:bold; margin:0px; padding:0px 10px 0px 10px; color: #FDF2F2; list-style-type:none; background-color: #FF9999;}

#menu li { margin:0px; padding:0px; float:left; color: #FDF2F2; background-color:#CC6666;}

#menu li a { display:block; color:white; text-decoration:none; padding: 6px;}

#menu li a:hover { color:#CC6666; background-color: #FDF2F2;}

#menu ul li ul { display:none;}

#menu ul li:hover ul { display:block;}

#menu li:hover ul li { float:none;}

#menu li ul { position:left; margin:0; padding:0;}

#img td,tr { clear:both; border: solid 2px #330000; vertical-align:bottom;}


/************** Le pied *******************/	
#foot { clear:both; width:780px; height:60px; margin:10px 0px 0px 0px; padding:0; background-image:url(../images/foot.png); background-repeat:no-repeat;  }
.foot { text-align:center ; margin: 5px; font:Arial, Helvetica, sans-serif; font-size:12px; padding: 0px:}
.foot h4 { font:Arial, Helvetica, sans-serif; font-size:14px; color: #FF0000; margin:0px; padding:2px; }
.foot h3 { font:Arial, Helvetica, sans-serif; font-size:14px; color:#660000; margin:0px; padding:3px;}
