html { 
font: 62.5%/1.4 Arial, "Times New Roman", Times, serif; 
min-width: 780px; 
max-width: 1600px; 
}

body { 
padding: 0; 
margin: 0; 
background: #ffff00;
scrollbar-face-color: #0324ef;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #ffff00;
scrollbar-track-color: #000165;
}
		
h1, h2, h3 { 
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica ; 
text-align: left; 
}

h3 { 
font-size: 1.6em; 
font-family: "Book Antiqua", Trebuchet, Arial, Helvetica;  
line-height: 1.5em; 
color: #ffffff; 
text-align: center; 
}

div, p, h1, h2, h3, ul, li { 
margin: 0; 
padding: 0; 
list-style: none; 
}

a { 
text-decoration: none; 
border-bottom: 0px solid #cc0000; 
color: #ffff00; 
}

a/**/{ 
text-decoration: none; 
} 

a:visited { 
color: #ffd700; 
border-bottom-style: dotted; 
}

a:hover, a:focus { 
border-bottom-color: #ffffff; 
color: #ffffff; 
}	

#liste1 li { 
list-style-type: disc; 
color: #ffffff; 
font-size: 1.2em;
margin: .5em 0 .5em 0; 
}

#liste2 li { 
list-style-type: square;
color: #ffff00; 
font-size: 1.2em; 
}

p { 
font-size: 1.2em; 
color: #ffffff; 
margin-bottom: 10px; 
}

#conteneur { 
width: 700px; 
margin: 0 0 0 -350px; 
left: 50%; 
padding: 0; 
position: absolute; 
background: #F7F3E7 url("images_cdlf/fondconteneur.jpg") repeat-y 50% 0; 
}

#banniere { 
margin: 0 0 0 20px; 
padding: 0; 
width: 660px; 
height: 246px; 
background: url("images_cdlf/banniere.jpg") no-repeat 50% 0; 
}

h1/**/{ 
text-indent: -9999px; 
} 

h1 span, h2 { 
text-indent: -9999px; 
} 

h1 { 
background: url("images_cdlf/titrecdlfanime.gif") no-repeat 32px 165px transparent; 
width: 660px; 
height: 212px; 
}

#introduction, #texte01, #centre { 
width: 434px; 
margin: 10px 0 10px 20px; 
margin-left: 10px; 
float: left; 
padding: 0;  
}
	
#introduction { 
font-size: 1.6em; 
font-family: "Book Antiqua", Trebuchet, Arial, Helvetica;
line-height: 1.5em; 
text-align: center; 
width: 434px; 
margin-top: 0; 
margin-bottom: 4px; 
background: url("images_cdlf/ligneseparatrices.jpg") no-repeat 50% 100%; 
padding-bottom: 40px; 
}

#introduction p { 
color: #ffffff; 
}
	
#texte01 { 
font-size: 1em; 
text-align: left; 
width: 434px; 
background: url("images_cdlf/photo_accueil01.jpg") 
no-repeat 0 100%; 
padding-bottom: 455px; 
margin-bottom: 0; 
}

#texte01 h3 { 
margin-bottom: 20px; 
text-decoration: underline; 
text-transform: uppercase; 
}

#texte01 .p3 { 
background: url("images_cdlf/ligneseparatrices.jpg") no-repeat 50% 100%; 
padding-bottom: 48px; 
margin-bottom: 0; 
}

#centre { 
margin-bottom: 0; 
margin-top: 0; 
padding-top: 36px; 
}
	
#centre div { 
width: 208px; 
margin: 0 0 20px 0; 
float: left; 
text-align: left; 
}

#centre p { 
margin-bottom: 1em; 
}

#centre h3 { 
margin-bottom: 20px; 
text-decoration: underline; 
text-transform: uppercase; 
padding-top: 45px; 
padding-right: 20px; 
background: url("images_cdlf/ligneseparatrices.jpg") no-repeat; 
margin-right: -20px; 
}

#centre #texte03, #centre #texte05  { 
margin-bottom: 10px; 
}

#centre #texte02, #centre #texte04 { 
padding-right: 18px; 
width: 226px; 
w\idth: 208px; 
}

#centre #texte03 h3, #centre #texte05 h3 { 
background-position: -226px 0; 
}

#centre #texte04 { 
padding-bottom: 45px; 
}

#centre #texte04 .p1 { 
padding-bottom: 174px; background: url("images_cdlf/photo_accueil02.jpg") no-repeat 0 100%; 
}	

#centre #bas { 
background: #010066; 
border-top: 4px solid #989ea6;
border-bottom: 4px solid #0989ea6;
border-left: 4px solid #989ea6;
border-right: 4x solid #989ea6;
overflow:auto;
width: 645px; 
height: 210px; 
padding: 5px 0 20px 5px; 
font: 12px Arial, "Times New Roman", Times, serif; 
text-align: left; 
margin: 0 -450px 0 5; 
position: relative; 
} 


#centre #photos { 
background: transparent; 
width: 645px; 
height: 440px;
padding: 5px 0 20px 5px; 
font: 12px Arial, "Times New Roman", Times, serif; 
text-align: left; 
margin: 0 -450px 0 5; 
position: relative; 
} 

#centre #photos/**/{ 
height:/**/530px; 
}
 










#centre #bas h3 { 
margin-bottom: 15px; 
text-decoration: underline; 
text-transform: uppercase;
font: 18px Arial, Helvetica, sans-serif;  
padding-top: 75px; 
padding-right: 20px; 
color: #ffff00;
background: url("images_cdlf/nouvelles.gif") no-repeat;
margin-right: -20px; 
}

#centre #bas h4 { 
margin-bottom: 25px; 
text-decoration: underline; 
text-transform: uppercase;
text-align: center;
font: 18px Arial, Helvetica, sans-serif;  
padding-top: 75px; 
padding-right: 20px; 
color: #ffff00;
background: transparent;
margin-right: -20px; 
}

#centre #bas/**/{ 
height:/**/195px; 
}

#centre #bas a { 
font: 1.1em/1em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
color: #ffff00; 
border-bottom: 0; 
text-transform: uppercase; 
text-decoration: underline;
font-weight: normal; 
}

#centre #bas a:focus, #centre #bas a:hover{ 
color: #ffffff; 
text-decoration: underline; 
font-weight: bold; 
}

#centre #pied a:hover { 
border-bottom: 3px solid #0324ef; 
color: #ffffff; 
text-decoration: none; 
}

#centre #pied { 
background: url("images_cdlf/pied_accueil.jpg") 
no-repeat 50% 0; 
width: 660px; 
height: 210px; 
padding-top: 21px; 
padding: 20px 0 0 0; 
text-align: center; 
margin: 0 -450px 0 5; 
margin-top: 20px;
position: relative; 
} 

#centre #pied/**/{ 
height:/**/195px; 
}

#centre #pied a { 
font: 1.5em/1em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
color: #ffff00; 
border-bottom: 0; 
text-transform: uppercase; 
text-decoration: none;
font-weight: bold; 
}

#centre #pied a:focus, #centre #pied a:hover { 
border-bottom: 3px solid #0024ec; 
color: #ffffff; 
text-decoration: none; 
}

#menuprincipal { 
position: absolute; 
top: 242px; 
right: 20px; 
width: 208px; 
font-size: 1.5em;  
color: #ffffff; 
float: right; 
clear: none; 
padding: 0 0 30px 0; 
background: transparent; 
} 

#menuprincipal2 { 
background: url("images_cdlf/photosanimation_accueil.gif") no-repeat 50% 100% transparent; 
padding-bottom: 125px; 
}

#divers { 
padding-bottom: 5px; 
}

#menuprincipal h3 { 
height: 29px; 
width: 208px; 
clear: both; 
}

#menuprincipal h3/**/{ 
text-indent: -9999px; 
} 

#menuprincipal h3 span { 
position: absolute; 
left: -9999px; 
} 

#programmes h3 { 
background: url("images_cdlf/titreprogrammes.jpg") no-repeat 0 0; 
}

#menu h3 { 
background: url("images_cdlf/titremenu.jpg") no-repeat 0 0; 
height: 32px !important; 
} 

#divers h3 { 
background: url("images_cdlf/titredivers.jpg") no-repeat 0 0; 
}

#menuprincipal ul { 
margin: 0; 
background: transparent; 
padding: 3px 18px 2.4em 18px; 
padding-bottom: 2.16em; 
padding-bottom:/**/2.0em; 
}

#menuprincipal ul/**/{ 
padding-bottom:/**/2.25em; 
}
			
#menuprincipal ul li { 
text-align: center; 
padding-top: 15px; 
line-height: 1.8em; 
line-height:/**/1.9em; 
}

#menuprincipal #divers li, #menuprincipal #programmes li { 
border-bottom: 1px solid #e1e0de; 
height: 1px; 
}

#menuprincipal #divers li/**/, #menuprincipal #programmes li/**/{ 
border-bottom:/**/0; 
height: 1.9em; 
background: url("images_cdlf/menu_lignes.jpg") no-repeat 50% 100%; 
}

#menuprincipal #enleversoulignermenu li/**/{ 
background-image:/**/url("images_cdlf/menu_lignes.jpg"); 
background-repeat: no-repeat; 
background-position:/**/50% 65%; 
}

#menuprincipal #divers li/**/, #menuprincipal #programmes li/**/{ 
background-image:/**/url("images_cdlf/menu_lignes.jpg"); 
background-repeat: no-repeat; 
background-position:/**/50% 100%; 
}

#menuprincipal #divers li a/**/, 
#menuprincipal #programmes li a/**/, 
#menuprincipal #menu li a/**/, 
#menuprincipal #enleversoulignermenu li a/**/{ 
background-image:/**/none; 
}				

#menuprincipal li a { 
display: block; 
font-size: 1.1em; 
color: #ffff00; 
text-decoration: none; 
border-bottom: 0 !important; 
background: url("images_cdlf/menu_lignes.jpg") no-repeat 50% 100%; 
}

#menuprincipal li a:hover { 
display: block; 
font-size: 1.1em; 
color: #ffffff; 
text-decoration: none; 
border-bottom: 0 !important; 
background: url("images_cdlf/menu_lignes.jpg") no-repeat 50% 100%; 
}

#menuprincipal li a { 
line-height: 1.7em; 
}

#menuprincipal li a/**/{ 
line-height: 1.789em; 
}

#menuprincipal li a/**/{ 
width:/**/172px; 
line-height:/**/1.72em; 
} 

#menu li a, enleversoulignermenu li a { 
font-weight: bold; 
display: block; 
}

#menuprincipal a.c { 
display: inline; 
color: #ffffff; 
font-size: 1em; 
font-weight: normal; 
background: none; 
}




div#galerie {
width: 410px;
background: #0324ef;
padding: 15px;
margin: 5px 0px;
text-align: center;
font: 0.9em Georgia, serif;
}

ul#galerie_mini {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#galerie_mini li {
float: left;
}

ul#galerie_mini li a img {
margin: 2px 1px ;
border: 1px solid #ffff00;
}

dl#photo {
clear: both;
margin: 0 auto;
}

dl#photo dt {
font: italic 2.5em/1.5em Georgia, serif;
color: #ffffff;
}

dl#photo dd {
margin: 0;
}

dl#photo img {
border: none;
}