#content { margin: 10px auto; width: 1200px; }
body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.1em; background: #fff; color: #454545; }
/*body { padding: 0; margin: 0; font: 0.7em Monofur; line-height: 1.1em; background: #fff; color: #454545; }*/
/* links */
a { color: #003B6E;  }
a:hover { color: #9EC068; }	

/* background: #fff; headings */
h1 { font: bold 2.0em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff }


div#bandeau {
	width:1200px;
	height:132px;
	background-color:#00CCFF;

	background: #fff url(images/planche3g2DM.jpg) no-repeat;
	}
	div#bandeau_g {
	float:left;
	padding: 15px 0 0 8px; 
	width:350px;
	}
	div#bandeau_m {
	float:left;
	padding: 15px 0 0 8px; 
	width:334px;
	}
	div#bandeau_d {
	float:left;
	padding: 15px 0 0 8px;
	width:460px;
	 
	}
	
	
div#bandeau2 {
	width:1200px;
	height:132px;

	}	
div#menu {
	float:left;
	width:150px;
	}
	.boxtop { height: 19px; background: #fff url(images/menu_haut.gif) no-repeat; color: #000; }
	.box { background: #fff url(images/menu.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; font: Tahoma, Arial, sans-serif; font-size: medium; line-height: 1.6em;}
	.box p { padding: 0; margin: 0;}
	


div#contenu {
	float:left;
	width:1050px;
	font: 1.3em Tahoma, Arial, sans-serif;
	
	}
	
div#pied_page {
	clear:both;
	width:600px;
	height:50px;
	
	}
	
div#ligne {
	clear:both;
	width:1200px;
	height:5px;
	background-color:#FFFFFF;
	font: 1.0em Tahoma, Arial, sans-serif;
	}	

div#gauche {
	background: #fff;
	float:left;
	width:500px;
	font: 1.0em Tahoma, Arial, sans-serif;
	}		
.gauche p { padding: 0; margin: 0; }	
div#gauche2 {
	background: #fff;
	float:left;
	width:500px;
	font: 1.0em Tahoma, Arial, sans-serif;
	}		
.gauche2 p { padding: 0; margin: 0}	
div#milieu {
	background: #fff;
	float:left;
	width:289px;
	font: 1.0em Tahoma, Arial, sans-serif;
	}		
.milieu p { padding: 0; margin: 0; }	
div#droite {
	background: #fff;
	float:left;
	width:489px;
	font: 1.0em Tahoma, Arial, sans-serif;
	}			
	.droite p { padding: 0; margin: 0; }
div#droite2 {
	background: #fff;
	float:left;
	width:189px;
	font: 1.0em Tahoma, Arial, sans-serif;
	}			
	.droite2 p { padding: 0; margin: 0; }	
	div#gauche3 {
	background: #fff;
	float:left;
	width:600px;

	}		
.gauche3 p { padding: 0; margin: 0; }	
div#droite3 {
	background: #fff;
	float:left;
	width:400px;
	font: 1.0em Tahoma, Arial, sans-serif;
	}			
	.droite3 p { padding: 0; margin: 0; }	
			
	
	/* horizontal tabbed menu */	
#tabs { background: #fff url(images/bigbox3.gif) no-repeat top left; color: #000;  height: 64px; text-align: center; padding: 0 0 0 210px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg2.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; font-size: 13px; }
#tabs li a:hover { background: #fff url(images/barcurrent2.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(images/barcurrent2.gif) no-repeat; color: #2C71AE; }	
.key { text-decoration: underline; }

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg23.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 10.5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px;font-size: 4px; }
/* lists and form elements */

input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 4px 10px; color: #1E67A8; font-weight: bold; }
input.search2 { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 4px 10px; color: #1E67A8; font-weight: bold; }
textarea.search3 { font: bold 14px, Sans-Serif; width: 500px; height: 100; border: none; background: #fff url(images/input2.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }

#search2 { 
	font: bold 1.2em Arial, Sans-Serif;
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg3.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 775px;
	height: 230px;
	margin: 5px 0 0 0;
}
#search2 p { padding: 0; margin: 0; }

/* bottom titre film */
.titre_film_1 { float: left; width: 900px; background: #eee; margin: 0 12px 0 0; }
	.smallboxtopfilm_1 { height: 14px; background: #fff url(images/haut_bordure_2.gif) no-repeat;  }
	.smallboxfilm_1 { background: #fff url(images/bordure3.gif) no-repeat bottom left;  padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
/* bottom titre film */
.titre_film { float: left; width: 1050px; background: #eee; margin: 0 12px 0 0; }
	.smallboxtopfilm { height: 14px; background: #fff url(images/haut_bordure.gif) no-repeat;  }
	.smallboxfilm { background: #fff url(images/bordure2.gif) no-repeat bottom left;  padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
/* bottom titre film */
.titre_film_2 { float: right; width: 126px; background: #eee; margin: 0 12px 0 0; }
	.smallboxtopfilm_2 { height: 14px; background: #fff url(images/haut_bordure_3.gif) no-repeat;  }
	.smallboxfilm_2 { background: #fff url(images/bordure4.gif) no-repeat bottom left;  padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
/* bottom titre film */
.titre_film_3 { float: clear; width: 900px; background: #eee; margin: 0 12px 0 0; }
	.smallboxtopfilm_3 { height: 14px; background: #fff url(images/haut_bordure_2.gif) no-repeat;  }
	.smallboxfilm_3 { background: #fff url(images/bordure3.gif) no-repeat bottom left;  padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
.titre_film_5 { float: clear; width: 900px; background: #eee; margin: 0 12px 0 0; }
	.smallboxtopfilm_5 { height: 14px; background: #fff url(images/haut_bordure_2.gif) no-repeat;  }
	.smallboxfilm_5 { background: #fff url(images/bordure5.gif) no-repeat bottom left;  padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

.flottante {
  background: #fff url(images/acteur2.gif) no-repeat;
  font-size: 10px;
  margin: 2px;
  float: left;
  width: 75px;
  height: 130px;
  text-align: center;
}
.flottante2 {
  font-size: 10px;
  margin: 2px;
  float: left;
  width: 490px;
  text-align: center;
}
.spacer {
  clear: both;
}

.flottante2 {
  font-size: 10px;
  margin: 2px;
  float: left;
  text-align: center;
}
      
/* bottom  acteurs dans  film*/
.acteurs { float: left; width: 102px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtopacteur { height: 14px; background: #fff url(images/smallboxtopacteur.gif) no-repeat; color: #000; }
	.smallboxacteur { background: #fff url(images/smallboxacteur.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }	



.Style15 {color:#FFF8DC; font-size: 17px}
.Style6 {font-size: xx-small}
.Style1 {
	font-size: xx-large;
	font-weight: bold;
}
.Style10 {font-family: Arial, Helvetica, sans-serif;color: green}
.Style11 {font-size: 14px;}
.Style5 {font-size: 8px;background: #FFFF66;}
.Style68 {font-size: 14px;background: #eee;}
.Style67 {font-size: 13px;text-align: center;Line-Height: 10pt;}
.Style66 {font-size: 24px;text-align: center;Line-Height: 18pt;}
.Legende3 {font-size: 3px}
.Legende2 {font-size: 9px}
.Legende {font-size: 9px}
.Style14 {font-family: Times New Roman, Times, serif;color: brown;font-size:16px}
.Style12 {font-family: Times New Roman, Times, serif;color: gray;font-size:16px}
.Style13 {font-family: Arial, Helvetica, sans-serif;color: black;font-size:14px; margin-left : 5px }
.Style2 {
	font-size: 20px;
	font-weight: bold;
}
.Style2a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline ;
}
.Style3 {font-size: 10px}
.Style4 {font-size: 13px}
.Style55 {font-size: 21px;background: #FFFF66;}
.Style21 {font-size: 20px;font-family: Arial, Helvetica, sans-serif;color: red}
.Style22 {font-size: 5px}

.shadowImage
{
  /* On met notre span en bloque */
  display:block;
 
  /* On lui applique un float left, il sort ainsi du flux standard
  et n'occupera pas toute la largeur disponible comme il l'aurait
  fait normalement */
  float:left;
 
  /* On place notre ombre en arrière plan en bas à droite */
  background: url('images/shadowAlpha-mini.png') no-repeat bottom right;
 
  /* Quelques marges pour le style... */
  margin: 10px 0 0 10px;
}
 
.shadowImage img
{
  /* On fixe notre image en format bloque */
  display: block;
 
  /* On définit sa position à relative pour plus de liberté */
  position: relative;
 
  /* Son fond est blanc pour obtenir une bordure de cette couleur*/
  background-color: #fff;
 
  /* Une autre bordure */
  border: 1px solid #a9a9a9;
 
  /* Les marges positives servent à aficher les ombres,
     les marges négative sortent l'image de son coteneur */
  margin: -6px 6px 6px -6px;
 
  /* Marge interne pour la bordure blanche */
  padding: 4px;
 
}

.centrage {text-align: center;}