/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Fichier: style.css
* Version: 1.0.0 (07-01-2010)
* Website: IMAGE'IN your 500 - Un concours du Groupe Picard
* Type: XHTML 1.0 Transitional
* Auteur: Expansion - www.expansion.be

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* BODY - HTML
==========================================================================================================================================================*/
* { margin: 0; padding: 0; }

body { background: #fff; margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10px; }
/* FIN BODY - HTML */


/* ELEMENTS
==========================================================================================================================================================*/
a { text-decoration: underline; outline: none; color: #7bbf48; }
	a:hover { text-decoration: none; }

.clear { clear: both; }

img { border: 0; }
/* FIN ELEMENTS */


/* BLOCS STRUCTURE
==========================================================================================================================================================*/
#global { position: relative; width: 993px; padding: 0; margin: 30px auto; }
#content { display: inline; float: left; width: 671px; padding: 0; margin: 0; }
#right { background: url(../images/content_home.jpg) no-repeat 0 0; display: inline; float: left; width: 671px; height: 553px; padding: 0; margin: 0; }
#right_page { background: url(../images/content_page.jpg) no-repeat 0 0; display: inline; float: left; width: 671px; height: 553px; padding: 0; margin: 0; }
#right_page2 { background: url(../images/content_page2.jpg) no-repeat 0 0; display: inline; float: left; width: 671px; height: 831px; padding: 0; margin: 0; }
#facebook { position: absolute; right: 10px; top: -20px; }
/* FIN BLOCS STRUCTURE */


/* LOGO
==========================================================================================================================================================*/
#logo { background: url(../images/logo.jpg) no-repeat 0 0; display: inline; float: left; width: 322px; height: 626px; padding: 0; margin: 0; }
#logo2 { background: url(../images/logo2.jpg) no-repeat 0 0; display: inline; float: left; width: 322px; height: 904px; padding: 0; margin: 0; }

#vote_amis {float: left; width: 260px; height: auto; padding: 0; margin:15px 0 0 20px;}
#vote_amis input {background:#DF3545 none repeat scroll 0 0; border:1px solid #DF3545; color:#FFFFFF; font-size:11px; padding:1px 2px; margin:0 0 2px 0; width:230px;}
#vote_amis input.submit {background:#7BBF48 none repeat scroll 0 0; border:0 none; color:#FFFFFF; cursor:pointer; margin:0 0 0 0; padding:3px; width:100px;}
#vote_amis legend {font-size:13px; font-weight:bold; color:#DBDBDB;}
#vote_amis fieldset {border:0px solid #ccc; padding:10px 0 0 10px;}
#vote_amis label {color:#DBDBDB; font-size:11px;}
#vote_amis p.error { color:#FF0000; font-size:11px;}

#home_link { display: block; width: 300px; height: 370px; margin: 50px 0 0 20px; padding: 0; }
#fiat_link { display: block; float: left; width: 60px; height: 60px; margin: 25px 0 0 43px; padding: 0; }
#picard_link { display: block; float: left; width: 130px; height: 60px; margin: 25px 0 0 10px; padding: 0; }
/* FIN LOGO */


/* MENU
==========================================================================================================================================================*/
#menu { clear: both; background: url(../images/menu.jpg) no-repeat 0 0; display: inline; float: left; width: 671px; height: 73px; padding: 0; margin: 0; }
	#menu ul { list-style-type: none; padding: 0; margin: 28px 0 0 150px; }
		#menu li { background: url(../images/puce.gif) no-repeat 0 2px; display: inline; padding: 0 0 0 12px; margin: 0 4px 0 0; }
			#menu li.first { background: none; }
			#menu li a { color: #464646; text-decoration: none; font-weight: bolder; font-style: italic; font-size: 14px; padding: 0; margin: 0; }
				#menu li a:hover { color: #85b72c; text-decoration: none; font-weight: bolder; font-style: italic; font-size: 14px; padding: 0; margin: 0; }
			#menu li.active a { color: #85b72c; text-decoration: none; font-weight: bolder; font-style: italic; font-size: 14px; padding: 0; margin: 0; }
/* FIN MENU */


/* CONTENT
==========================================================================================================================================================*/
#right h1 { color: #fff; font-size: 22px; font-weight: bolder; padding: 0; margin: 15px 0 0 25px; }
#right span { color: #dbdbdb; font-size: 18px; font-weight: bolder; padding: 0; margin: 20px 0 0 325px; }
#right p { color: #e1e1e1; font-size: 14px; padding: 0 55px 0 0; margin: 25px 0 0 25px; }
#right strong { color: #fff; }

#right_page h1 { color: #fff; font-size: 22px; font-weight: bolder; padding: 0; margin: 10px 0 0 25px; }
#right_page h2 { color: #f3f3f3; font-size: 14px; font-weight: bolder; padding: 0; margin: 15px 20px 0 25px; }
#right_page span { color: #dbdbdb; font-size: 18px; font-weight: bolder; padding: 0; margin: 20px 0 0 325px; }
#right_page p { color: #e1e1e1; font-size: 12px; padding: 0 55px 0 0; margin: 12px 0 0 25px; }
#right_page table { color: #e1e1e1; font-size: 12px; padding: 0 55px 0 0; margin: 15px 0 0 25px; }
#right_page strong { color: #fff; }

#right_page2 h1 { color: #fff; font-size: 22px; font-weight: bolder; padding: 0; margin: 10px 0 0 25px; }
#right_page2 h2 { color: #f3f3f3; font-size: 14px; font-weight: bolder; padding: 0; margin: 15px 20px 0 25px; }
#right_page2 h3 { color: #e4e4e4; font-size: 11px; font-weight: bolder; padding: 0; margin: 0; }
#right_page2 span { color: #dbdbdb; font-size: 18px; font-weight: bolder; padding: 0; margin: 20px 0 0 325px; }
#right_page2 p { color: #e1e1e1; font-size: 12px; padding: 0 55px 0 0; margin: 12px 0 0 25px; }
#right_page2 table { color: #e1e1e1; font-size: 12px; padding: 0 55px 0 0; margin: 15px 0 0 25px; }
#right_page2 strong { color: #fff; }

#left_block { display: inline; float: left; width: 279px; height: 270px; margin: 30px 0 0 23px; padding: 0; }
	#left_block h2 { color: #464646; font-size: 18px; font-weight: bolder; padding: 15px 25px 0 25px; margin: 0; text-align: center; }
	#left_block p { color: #7b7b7b; font-size: 12px; padding: 0 25px 0 25px; margin: 0 0 10px 0; }
	#left_block strong { color: #404040; }
#left_block_link { background: url(../images/left_block_link.jpg) no-repeat 0 0; display: block; float: left; width: 279px; height: 83px; margin: 10px 0 10px 0; padding: 0; }

#right_block { display: inline; float: left; width: 279px; height: 270px; margin: 30px 0 0 32px; padding: 0; }
	#right_block h2 { color: #464646; font-size: 18px; font-weight: bolder; padding: 15px 25px 0 25px; margin: 0; text-align: center; }
	#right_block p { color: #7b7b7b; font-size: 12px; padding: 0 25px 0 25px; margin: 0 0 10px 0; text-align: right; }
#right_block_link { background: url(../images/right_block_link.jpg) no-repeat 0 0; display: block; float: left; width: 279px; height: 83px; margin: 10px 0 10px 0; padding: 0; }
#tooltip1 { z-index: 999; position: absolute; width: 400px; display: none; background: #df3545; margin-left: 45px; border: #bbb 1px solid; padding: 5px; color: #fff; font-size: 10px; }
/* FIN CONTENT */


/* FORMULAIRE
==========================================*/
#form_concours { margin: 20px 0 0 0; padding: 0; }
	#form_concours p { margin: 0 0 5px 25px; padding: 0; font-size: 12px; }
		#form_concours p em { margin: 0; padding: 0; font-size: 11px; color: #c7c7c7; }
	#form_concours span { font-size: 12px; margin: 0 0 5px 0; padding: 0; float: left; width: 100px; }
	#form_concours strong { color: #7bbf48; }
	#form_concours input { background: #df3545; color: #fff; font-size: 12px; border: 1px solid #df3545; padding: 1px 2px 1px 2px; }
	#form_concours textarea { background: #df3545; color: #fff; font-size: 12px; border: 1px solid #df3545; padding: 1px 2px 1px 2px; }
	#form_concours #submit { background: #7bbf48; float: right; border: 0; color: #fff; padding: 3px; margin: 0 47px 0 0; cursor: pointer; }
#form_concours .form_left { float: left; display: inline; margin: 0; padding: 0; width: 350px; }
	#form_concours .form_left p { margin: 0 0 5px 25px; padding: 0; }
	#form_concours .form_left span { font-size: 12px; margin: 0 0 5px 0; padding: 0; float: left; width: 100px; }
#form_concours .form_right { float: left; display: inline; margin: 0; padding: 0; width: 295px; }
	#form_concours .form_right p { margin: 0 0 5px 0; padding: 0; }
	#form_concours .form_right span { font-size: 12px; margin: 0 0 5px 0; padding: 0; float: left; width: 65px; }
	
#form_offre { margin: 20px 0 0 0; padding: 0; }
#form_offre p { margin: 0 0 5px 25px; padding: 0; font-size: 12px; }
	#form_offre p em { margin: 0; padding: 0; font-size: 11px; color: #c7c7c7; }
#form_offre span { font-size: 12px; margin: 0 0 5px 0; padding: 0; float: left; width: 100px; }
#form_offre strong { color: #7bbf48; }
#form_offre input { background: #df3545; color: #fff; font-size: 12px; border: 1px solid #df3545; padding: 1px 2px 1px 2px; }
#form_offre textarea { background: #df3545; color: #fff; font-size: 12px; border: 1px solid #df3545; padding: 1px 2px 1px 2px; }
#form_offre #submit { background: #7bbf48; float: right; border: 0; color: #fff; padding: 3px; margin: 0 47px 0 0; cursor: pointer; }
#form_offre .form_left { float: left; display: inline; margin: 0; padding: 0; width: 350px; }
#form_offre .form_left p { margin: 0 0 5px 25px; padding: 0; }
#form_offre .form_left span { font-size: 12px; margin: 0 0 5px 0; padding: 0; float: left; width: 100px; }
#form_offre .form_right { float: left; display: inline; margin: 0; padding: 0; width: 295px; }
#form_offre .form_right p { margin: 0 0 5px 0; padding: 0; }
#form_offre .form_right span { font-size: 12px; margin: 0 0 5px 0; padding: 0; float: left; width: 65px; }
	
#form_masque { display: none; }
/* FIN FORMULAIRE  */


/* VOTE
==========================================================================================================================================================*/
#right_page2 ul.thumb { list-style: none; margin: 5px 0 0 25px; padding: 0; }
	#right_page2 ul.thumb li { width: 136px; margin: 20px 15px 10px 0; padding: 0; float: left; display: inline; }
		#right_page2 ul.thumb li p { margin: 5px 0 0 0; padding: 0; }
			#right_page2 ul.thumb li p img.vote { float: left; border: 0px solid #f0f0f0; }
			#right_page2 ul.thumb li p span { float: right; color: #dbdbdb; font-size: 12px; font-weight: normal; padding: 0; margin: 0; }
		#right_page2 ul.thumb li img { border: 2px solid #f0f0f0; }
		
#right_page2 ul.thumb2 { list-style: none; margin: 5px 0 0 25px; padding: 0; }
	#right_page2 ul.thumb2 li { width: 136px; margin: 20px 15px 0 0; padding: 0; float: left; display: inline; }
		#right_page2 ul.thumb2 li img { border: 2px solid #f0f0f0; }
		
#popup { background: #c92f3b; width: 360px; height: 160px; padding: 20px; }
	#popup h1 { color: #fff; margin: 0 0 10px 0; }
	#popup p { color: #dbdbdb; margin: 0 0 30px 0; font-size: 12px; }
	#popup strong { color: #fff; font-size: 13px; }
	#popup #submit { background: #7bbf48; border: 0; color: #fff; padding: 1px 3px 2px 3px; margin: 0; cursor: pointer; }
	#popup input { background: #f4f4f4; color: #464646; font-size: 12px; border: 1px solid #df3545; padding: 1px 3px 2px 3px; }
	
#pagination { clear: both; text-align: center; padding: 20px 0 0 0; }
/* FIN VOTE */


/* FOOTER
==========================================================================================================================================================*/
#footer { clear: both; text-align: right; width: 973px; height: 10px; padding: 0 20px 0 0; margin: 0; color: #959595; }
	#footer a { color: #a50835; padding: 0; margin: 0; }
/* FIN FOOTER */