/*------------------------------RAZ------------------------------*/

* {
	margin:0;padding:0;
}

h1, h2, h3, h4, h5, h6, p {
	font-size: 1em;
	margin: 0; padding: 0;
	font-weight: normal;
}

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

a {
	text-decoration:none;
	color:red;
}

a img {
	border:none;
}

.clear { 
   	clear:both;
  	display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

.none {
	display:none;
}

body {
	background-color: #f5f4f4;
}

/*------------------------------STRUCTURE GENERALE------------------------------*/

#global {
	width:995px;
	margin: 20px auto 0 auto;
}

#header {
	width:995px;
	height:346px;
	background: url(../images/header.png) no-repeat;
	position:relative;
	font-size:0;
}

#header #xiti {
	position:absolute;
	top:0;
	right:0;
	text-align: right;
}

#header #xiti a {
	display:block;
	width: 39px;
	height: 25px;
}

#header a {
	display:block;
	width:995px;
	height:346px;
}

#content {
	width:995px;
	height: auto;
	background-color: #515151;
	/margin-top: -2px;
}

#left {
	float:left;
	padding-left: 15px;
	width: 600px;
}

#right {
	width:345px;
	float:left;
	width:345px;
	margin-left: 20px;
	margin-top: 40px;
}

#footer {
	width:995px;
	height: 17px;
	background: url(../images/footer2.png) no-repeat;
	margin-bottom:50px;
}

#piedepage {
	width:975px;
	background-color:#777777;
	padding-top:15px;
	margin-top:50px;
	padding-left:20px;
	position:relative;
}

#piedepage h2 {
	font-size:25px;
	color:#fff;
	margin-bottom:15px;
}

#piedepage ul {
	float:left;
	width:155px;
}

#piedepage ul li {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:13px;
}

#piedepage ul li a {
	color:#fff;
	text-decoration:none;
}

#carre_share {
	position:absolute;
	bottom:0;
	right:20px;
	width:83px;
	height:76px;
}

#carre_share a {
	display:block;
	float:left;
}

/*------------------------------LEFT : INDEX BD------------------------------*/

#left .post {

}

#left .infos {
	width:600px;
	height: 40px;
}

#left .date {	
	float:left;
	width: 112px;
	height: 30px;
	background: url(../images/fd_date.png) no-repeat;
	text-align: center;
	padding-top: 10px;
}

#left .date p {
	font-size:20px;
	color:#fff;
}

#left .titre {
	float:left;
	width:473px;
	height: 40px;
	padding-left: 10px;
}

#left .titre h2 {
	font-size:30px;
	color:#fff;
}

#left .dessin {
	/margin-top: -1px;
}

#left p.desc {
	margin-top: 15px;
	font:normal 13px arial;
	color:#fff;
	margin-bottom: 5px;
}

#left p.desc a {
	color:#000;
}

#left p.com {
	font:normal 20px arial;
	color:#fff;
	margin-bottom: 50px;
	margin-top: 10px;
	line-height: 22px;
}

#left p.com a {
	color:#fff;
	line-height: 22px;
	display: block;
	height: 22px;
	width: 145px;
}

#left p.com a:hover {
	background: url(../images/fleche2.gif) center right no-repeat;
}

/* lien dessins précédents */

#left a#lien_archives {
	font-size:35px;
	margin-bottom: 20px;
	color:#fff;
	float:right;
}

#left a#lien_archives:hover {
	background: url(../images/fleche3.gif) center left no-repeat;
	padding-left: 30px;
}

/*------------------------------LEFT : CLASSEMENT------------------------------*/

#actuCine .FilmRight3 {
	margin-bottom:10px;	
}

#actuCine .afficheFilmRight3 {
	float:left;
	width:50px;
	margin-right:5px;	
}

#actuCine .afficheFilmRight3 img {
	border:1px solid #000000;	
}

#actuCine .texteFilmRight3 {
	float:left;
	width:190px;
}

#actuCine .texteFilmRight3 p.titreFilmRight3 {
	font-size:22px;	
}

#actuCine .texteFilmRight3 p {
	font:normal 12px arial;
	color:#464444;
	line-height: 15px;
}

/*------------------------------LEFT : ARTICLE BD------------------------------*/

/* laisser un commentaire */

#formulaire {
	margin-top: 30px;
	width: 554px;
	height: auto;
	background-color:#fff;
	padding: 20px 20px 20px 20px;
	border:3px solid #000;
}

#formulaire h2 {
	font-size:30px;
	color:#000;
	margin-bottom: 20px;
}

#formulaire p {
	font:normal 12px arial;
	color:#000;
}

#formulaire p a {
	color:#000;
	font-weight: bold;
}

#formulaire input {
	width: 200px;
	height: 15px;
	font:normal 12px arial;
	color:#454545;
	border:1px solid #454545;
}

#formulaire textarea {
	font:normal 12px arial;
	color:#454545;
	border:1px solid #454545;
	width: 550px;
	height: 150px;
}

#formulaire.contact textarea {
	height: 300px;
}

#formulaire input.champ_captcha2 {
	margin-top: 10px;
	width: 100px;
}

#formulaire input.envoyer {
	width: 80px;
	height: 32px;
	cursor:pointer;
	background: url(../images/valider.gif) center right no-repeat;
	float:right;
}

#formulaire p.red {
	color:red;
}

/* les commentaires */

#commentaires {
	margin-top: 30px;
	width: 554px;
	height: auto;
	background-color:#fff;
	padding: 20px;
	border:3px solid #000;
}

#commentaires h2 {
	font-size:30px;
	color:#000;
	margin-bottom: 20px;
}

#commentaires p {
	font:normal 12px arial;
	color:#454545;
}

#commentaires .com {
	border-bottom:1px solid #454545;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#commentaires .com p.grand {
	margin-bottom: 10px;
	color:#000;
}

#commentaires .com p.petit {
	font-size:11px;
}

#commentaires .com p a {
	color:#454545;
	text-decoration: underline;
}

#commentaires {
	margin-bottom: 20px;
}

/* merci d'avoir laisé un commentaire */

#merci {
	margin-top: 30px;
}

#merci p {
	font-size:25px;
	color:#fff;
	margin-bottom: 5px;
}

#merci p a {
	color:#fff;
	text-decoration: underline;
	font:normal 12px arial;
}

/* SHARE */

.addthis_toolbox {
	margin-top:10px;
	background-color:#fff;	
	padding:10px;
	border:3px solid #000;
}

.addthis_toolbox p {
	margin-bottom:5px;	
	font:bold 12px Arial, Helvetica, sans-serif;
}

.addthis_toolbox a {
	font:normal 13px arial;
	color:#000;	
}

/*------------------------------LEFT : ARCHIVES BD------------------------------*/

#left.archives #top_archives h2 {
	font-size:40px;
	color:#fff;
	margin-bottom: 5px;
}

#left.archives #top_archives p {
	font:normal 12px arial;
	color:#fff;
	margin-bottom: 5px;
}

#left.archives #top_archives select {
	width: 200px;
	height: 25px;
	font:normal 15px arial;
	line-height:15px;
	color:#000;
	border:1px solid #000;
	margin-bottom: 30px;
}

/*------------------------------LEFT : ARCHIVES CINE------------------------------*/

#left.archives .archive_cine a.affiche_archive {
	float:left;
	width:100px;
	height:133px;
	margin:5px;
	border:1px solid #000;
}

#left.archives .archive_cine a.affiche_archive:hover {
	border:1px solid red;	
}

/*------------------------------LEFT : MES LIENS------------------------------*/

.lien_blog {
	float:left;
	width:150px;
	height:180px;
	text-align:center;	
}

/*------------------------------LEFT : CRITIQUE CINE------------------------------*/

/* le film */

.descFilm {
	width:580px;
	background-color:#fff;
	padding:10px;	
}

.descFilm .afficheFilm {
	float:left;
	width:100px;
	margin-right:10px;	
}

.descFilm .afficheFilm img, #actuCine .afficheFilmRight img {
	border:1px solid #000000;	
}

.descFilm .texteFilm {
	float:left;
	width:470px;
}

.descFilm .texteFilm h2 {
	font:normal 30px arial;
	color:#b20202;
}

.descFilm .texteFilm h3 {
	font:normal 12px arial;
	color:#000;
	margin-bottom:10px;
}

.descFilm .texteFilm p {
	font:normal 12px arial;	
	color:#000;
}

/* avis ciné */

.avisCine {
	float:left;
	width:290px;
	margin-top: 20px;
}

.avisCine.avisBen {
	float:right;
}

.avisCine .topAvisCine {
	width:290px;
	height: 10px;
	background: url(../images/top_right_petit.png) no-repeat;
	font-size:0;
}

.avisCine .contentAvisCine {
	width:280px;
	height: auto;
	background-color: #fff;
	padding-left: 10px;
	position:relative;
}

.avisCine .bottomAvisCine {
	width:290px;
	height: 10px;
	background: url(../images/bottom_right_petit.png) no-repeat;
	font-size:0;
}

.avisCine .photoAvis {
	float:left;
	width:100px;	
}

.avisCine .texteAvis {
	width:170px;
	height:100px;
	float:right;
	margin-top:5px;	
}

.avisCine h3 {
	font:normal 25px arial;
	color:#fff;
	line-height: 22px;
	margin-bottom:10px;
}

.avisCine h4 {
	font:normal 20px arial;
	color:#b20202;
	line-height: 22px;
	margin-bottom:10px;
	margin-top:10px;
}

.avisCine p {
	font:normal 12px arial;	
	color:#000;
	padding-right:15px;
}

.avisCine .noteAvis {
	position:relative;
	margin-top:10px;
	margin-left:155px;	
	width:110px;
	height:128px;
}

/*------------------------------LEFT : CONTACT------------------------------*/

#top_contact h2 {
	font-size:40px;
	color:#fff;
	margin-bottom: 5px;
}

#top_contact p {
	font:normal 12px arial;
	color:#d4d4d4;
	margin-bottom: 5px;
}

#formulaire.contact {
	margin-top: 15px;
}

/*------------------------------RIGHT GENERAL------------------------------*/

#right #top_right {
	width:345px;
	height: 40px;
}

#right #top_right .onglet {
	float:left;
	width: 112px;
	height: 33px;
	background: url(../images/fd_date.png) no-repeat;
	text-align: center;
	padding-top: 7px;
}

#right #top_right .onglet_on {
	float:left;
	width: 112px;
	height: 33px;
	background: url(../images/fd_date2.png) no-repeat;
	text-align: center;
	padding-top: 7px;
}

#right #top_right .onglet a {
	color:#fff;
	font-size:25px;
}

#right #top_right .onglet_on a {
	color:#000;
	font-size:25px;
}

#right #top_right #onglet1 {
	margin-right:5px;
}

#right #top_right #onglet2 {
	margin-right:4px;
}

#right #content_right {
	width:275px;
	height: auto;
	background-color: #fff;
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 40px;
	-padding-right: 30px;
}

#right #bottom_right {
	width:345px;
	height: 10px;
	background: url(../images/bottom_right.png) no-repeat;
	font-size:0;
}

/* mise en forme */

#right h1 {
	font-size:30px;
	margin-bottom: 10px;
	color:#b20202;
}

#right h2 {
	font-size:30px;
	margin-bottom: 10px;
}

#right p {
	font:normal 11px arial;
	color:#464444;
	line-height: 15px;
	padding-left: 20px;
}

/*------------------------------RIGHT : ME SUIVRE------------------------------*/

#suivre {
	margin-top: 30px;
}

#suivre ul {
	padding-left: 20px;
	padding-top: 10px;
}

#suivre ul li {
	color:#454545;
	font-size:20px;
	height: 30px;
	line-height:30px;
	margin-bottom: 10px;
}

#suivre ul li a {
	color:#454545;
	padding-left: 40px;
	display: block;
	height: 25px;
	padding-top: 5px;
}

#suivre ul li a#newsletter {
	background: url(../images/icone_newsletter.gif) center left no-repeat;
}

#suivre ul li a#facebook {
	background: url(../images/icone_facebook.gif) center left no-repeat;
}

#suivre ul li a#twitter {
	background: url(../images/twitter.gif) center left no-repeat;
}

#suivre ul li a#rss {
	background: url(../images/icone_rss.gif) center left no-repeat;
}

#suivre ul li a#hellocoton {
	background: url(../images/hellocoton.gif) center left no-repeat;
}

#suivre ul li a:hover {
	color:#9f0000;
}

/*------------------------------RIGHT : BESOIN DUN DESSIN------------------------------*/

#besoinDessin {
	margin-top: 10px;
	margin-bottom:30px;
}

#besoinDessin h2 {
	color:#b20202;
}

#besoinDessin ul {
	padding-left: 20px;
	padding-top: 10px;
}

#besoinDessin ul li {
	color:#454545;
	font-size:20px;
	height: 30px;
	line-height:30px;
	margin-bottom: 10px;
}

#besoinDessin ul li a {
	color:#454545;
	padding-left: 40px;
	display: block;
	height: 25px;
	padding-top: 5px;
}

#besoinDessin ul li a#book {
	background: url(../images/logo_book.gif) center left no-repeat;
}

#besoinDessin ul li a#mail {
	background: url(../images/logo_mail.gif) center left no-repeat;
}

#besoinDessin ul li a:hover {
	color:#9f0000;
}

/*------------------------------RIGHT : NEWSLETTER------------------------------*/

#formulaire_newsletter {
	margin-top:30px;
	height:85px;
}

#formulaire_newsletter h2 {
	color:#b20202 !important;
}

#formulaire_newsletter input {
	width: 200px;
	height: 18px;
	font:normal 14px arial;
	color:#454545;
	border:1px solid #454545;
	float:left;
}

#formulaire_newsletter input.envoyer {
	width: 23px;
	height: 20px;
	background: url(../images/ok.gif) center right no-repeat;
	cursor:pointer;
	margin-left: 5px;
}

/*------------------------------RIGHT : ARCHIVES BD------------------------------*/

#right #voir_archives {
	margin-top:20px;
	height:85px;
}

#right select.select_designe {
	width: 200px;
	height: 18px;
	font:normal 14px arial;
	color:#454545;
	border:1px solid #454545;
	float:left;
	margin-left:20px;
}

/*------------------------------RIGHT : BLOC A LAFFICHE------------------------------*/

#bloc_critique {
	margin-top:10px;
}

#bloc_critique #actuCine {
	background-color:#f2f2f2;
	border:1px solid #646464;	
	margin-top:10px;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:10px;
}

#bloc_critique #actuCine h3, #bloc_critique #actuCine p {
	color:#464444;
	padding-left:10px;
}

#actuCine p {
	font-size:12px;
}

#bloc_critique #actuCine p a {
	color:#464444;
}	

#bloc_critique #actuCine p a:hover {
	color:#B20202;	
}	

#bloc_critique h3 {
	font-size:20px;
	margin-bottom:5px;
	color:#b20202 !important;
}

#actuCine .afficheFilmRight {
	float:left;
	width:100px;
	margin-right:5px;	
	margin-left:10px;
	margin-top:5px;
}

#actuCine .texteFilmRight {
	float:left;
	width:125px;
	margin-top:10px;
}

/*------------------------------RIGHT : LISTE FILMS A LAFFICHE------------------------------*/

#bloc_critique2 {
	margin-top:30px;
}

#bloc_critique2 h2 {
	margin-bottom:20px;	
}

#actuCine .FilmRight2 {
	margin-top:10px;	
}

#actuCine .afficheFilmRight2 {
	float:left;
	width:50px;
	margin-right:5px;	
}

#actuCine .afficheFilmRight2 img {
	border:1px solid #000000;	
}

#actuCine .texteFilmRight2 {

	float:left;
	width:220px;
}

#actuCine .texteFilmRight2 p.titreFilmRight2 {
	font-size:22px;	
}

#actuCine .texteFilmRight2 p {
	font:normal 12px arial;
	color:#464444;
	line-height: 15px;
}

/*------------------------------RIGHT : AUTRES LIENS------------------------------*/

#autres_liens {
	margin-top: 30px;
}

#autres_liens ul li {
	font-size:25px;
	line-height:20px;
	margin-bottom: 20px;
}

#autres_liens ul li a {
	color:#000;
	background: url(../images/fleche.gif) center right no-repeat;
	padding-right: 30px;
}

#autres_liens ul li a:hover {
	color:#9f0000;
}

/*------------------------------RIGHT : MENTIONS------------------------------*/

#mentions {
	width:285px;
	margin-top: 30px;
	border-top:1px solid #464444;
	padding: 10px 0;
}

#mentions p {
	padding-left: 0;
}