/* CSS Document */
*, html { padding:0; margin:0 }


body { background-color:#fff; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#EAEAEA; margin:15px 0 40px 0; background-image:url(../img/dot.gif); line-height:20px }

#wrapper { width:980px; margin: 0 auto; background-color:#000; border:1px solid #999 }

a { color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF }




/*  HEADER  */
#header { padding:40px 40px 0 40px; text-align:center; background-image:url(../img/fond.gif) }
#header img { padding:0 30px; background-color:#000 }





/*  MENU  */
#logo { background-color:#000; text-align:center; background:url(../img/kk.png) repeat-x }
#logo img { margin:5px 10px }
#logo a { border:0; text-decoration:none; margin:0 10px }

#menu { clear:both; margin:0 0 50px 0; display:block; padding:0 10px; text-align:center }
#menu a { color:#999; text-decoration:none; border-bottom:none; font-weight:bold; font-size:15px; margin:0 9px }
#menu a:hover { color:#F60; text-decoration:none; border-bottom:none }
#menu a.selected { color:#F60; text-decoration:none }






/*  CENTER  */
#center { clear:both; margin: 0 40px 40px 40px }
#center h1 { color:#F60; font-size:25px; font-family:"Times New Roman", Times, serif; font-weight:normal; padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #333 }


#left { width:630px; float:left; margin:0 40px 60px 0 }

#intro { clear:both; width:630px; float:left }
#intro img { clear:both; width:180px; padding:5px 20px 20px 0; float:left } 
#intro .text { float:left; width:400px } 
#intro .orange { float:left; width:630px; color:#F60; padding-top:10px } 



#right { width:220px; float:left; margin-bottom:60px }


#nouveautes { width:200px;  float:right; text-align:center }
#nouveautes img { margin:10px 0 }
#nouveautes a { border:none; text-decoration:none }
#nouveautes h1 { text-align:left }


#news { clear:both; width:200px; float:left; border:5px dotted #F60; border-right:none; padding:10px 0 10px 15px; margin-top:40px }
#article {  }
#article img { width:30px; float:left }
#article p { margin:5px 0 10px 0 }



#visuels { clear:both; width:630px; float:left; margin:40px 50px 60px 0; color:#000 }
#visuels img { width:120px; margin:0 6px 6px 0; border:none }
#visuels a { border:none; color:#000 }


#center h2 { color:#666; font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:normal; padding:0; margin:0 }
#center h3 { color:#666; font-size:11px; font-family:"Times New Roman", Times, serif; font-weight:normal; padding:0 0 5px 0; margin:0 }
#center h4 { color:#F60; font-size:12px; font-weight:bold; padding:0; margin:0 }

#center p { padding:0 0 5px 0; line-height:20px }
#center p.orange { color:#F60; float:left; padding:5px 0 5px 0; text-align:left }
#center p.orange a { color:#F60; text-decoration:none; border-bottom:1px dotted #F60 }


a:hover { color:#F60; text-decoration:none; border-bottom:1px dotted #F60 }

a.no_underline { text-decoration:none; border:none }

input.formulaire { width:250px }

textarea { width:250px }

#center img.left { float:left; padding: 6px 30px 20px 0 }

#center img.right { float:right; padding: 20px 0 20px 30px }

#center img.small { float:right; padding: 6px 0 10px 10px }

#center input.formulaire { width:320px; height:12px }

#center textarea { width:320px; height:100px }




/* PRESSE */
p.presse { clear:both;margin:20px 0 0 0; width:700px; } 
.presse_left { width:240px;float:left;margin:3px 0 30px 0; } 
.presse_right { width:440px;float:left } 





/* PATCHWORK */
#patchwork { margin:40px 0 0 0 }


/* COPYRIGHT */
#copyright { font-size:11px; padding:5px 0; text-align:center; color:#666; text-align:center; width:300px; margin:0 auto }
