/*************************/
/** MARATHON PHOTO FNAC **/
/**   CSS PRINCIPALE    **/
/*************************/


/** RESET **/
* {
    padding:                0;
    margin:                 0;
}

body {
    font-family:            "Arial", "sans-serif";
    font-size:              0.75em;
    color:                  #FFFFFF;
    background-image:       url('img/bg_body.jpg');
    background-position:    top;
    background-repeat:      repeat-x;
    background-color:       #C3B8BF;
    width:					100%;
    height:					100%;
}

a img {
    border:                 none;
}

a {
    outline:				none;
    color: #FFFFFF;
    color: #8bcee5;
}



/** STRUCTURE **/
#screen {
    float:                  left;
    width:                  100%;
    background-image:       url('img/bg_screen.jpg');
    background-position:    center top;
    background-repeat:      no-repeat;
}

#shadows {
    float:                  left;
    width:                  100%;
    text-align:             center;
    padding-top:            14px;
    behavior: 				url('/iepngfix.htc');
    background-image:       url('img/bg_shadow.png');
    background-position:    center top;
    background-repeat:      no-repeat;
}

#container {
    width:                  967px;
    text-align:             left;
    margin:                 0 auto;
}

#container_background {
    float:                  left;
    width:                  100%;
    padding-bottom:         10px;
    background-image:       url('img/bg_container_background.gif');
    background-position:    left bottom;
    background-repeat:      no-repeat;
    background-color:       #FFFFFF;
}

#header_background {
    float:                  left;
    width:                  100%;
    background-image:       url('img/bg_header_background.gif');
    background-position:    left;
    background-repeat:      repeat-y;
}

#header {
    float:                  left;
    width:                  100%;
    height:                 auto !important;
    height:                 263px;
    min-height:             263px;
    background-image:       url('img/bg_header.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
}

#logo_fnac {
    float:                  left;
    display:                inline;
    width:                  112px;
    height:                 93px;
    margin:                 33px 25px 0 27px;
}

#logo_fnac img {
	width:					112px;
	height:					93px;
}

#evenement_et_baseline {
    float:                  left;
    width:                  425px;
    height:                 auto !important;
    height:                 145px;
    min-height:             145px;
    margin-top:             44px;
}

#evenement {
    float:                  left;
    width:                  100%;
    font-weight:            bold;
    font-size:              2.8em;
    margin-bottom:          12px;
}

#baseline {
    float:                  left;
    width:                  100%;
    font-weight:            bold;
    line-height:            1em;
    font-size:              1.5em;
}


/* encart connexion ou mon compte */
#login_account_box {
    float:                  right;
    display:                inline;
    width:                  187px;
    margin:                 32px 21px 0 0;
}


/* formulaire de connexion */
#login_title {
    font-weight:            bold;
    line-height:            0.9em;
    font-size:              1.5em;
    margin-bottom:          11px;
}

#login_subtitle {
    color:                  #B77B01;
    font-size:              0.92em;
    margin-bottom:          15px;
}

#login_form {
    margin-bottom:          7px;
}

#login_form input.input_text {
    width:                  158px;
    font-family:            "Arial", "sans-serif";
    color:                  #65A8FB;
    font-size:              0.92em;
    margin-bottom:          5px;
}

#password_forgotten {
    float:                  left;
    width:                  125px;
    font-size:              0.75em;
}

#password_forgotten a {
    color:                  #B77B01;
    text-decoration:        underline;
}

#password_forgotten a:focus, #password_forgotten a:hover {
    text-decoration:        none;
}


/* moteur de recherche */
.libelle_rechercher {
	display:				block;
	float:					left;
	padding-top:			3px;
}

#search_engine {
    float:                  left;
    display:                inline;
    width:                  550px;
    font-weight:            bold;
    font-size:              1.17em;
    margin-left:            42px;
}

#search_engine input#keywords {
    width:                  167px;
    height:                 18px;
    font-weight:            normal;
    font-family:            "Arial", "sans-serif";
    color:                  #65A8FB;
    font-size:              0.92em;
    vertical-align:         1px;
    border:                 1px solid #58B3D5;
    margin-left:            13px;
}

#search_engine select#search_type {
    width:                  150px;
    _width:					140px;
    height:                 21px;
    font-family:            "Arial", "sans-serif";
    color:                  #FFFFFF;
    text-transform:         uppercase;
    vertical-align:         1px;
    background-color:       #000000;
    border:                 0px;
    margin-right:           11px;
    font-size:				12px;
}

#search_engine select option {
	padding-left:			5px;
}

#search_engine input#search_go {
    float:                  right;
    display:                inline;
    margin-right:           64px;
}


/* onglets */
#tabs_container {
    float:                  left;
    width:                  100%;
    background-image:       url('img/bg_tabs_container.jpg');
    background-position:    left;
    background-repeat:      repeat-y;
}

#tabs {
    float:                  left;
    width:                  926px;
    height:                 auto !important;
    height:                 36px;
    min-height:             36px;
    padding-left:           41px;
    background-image:       url('img/bg_tabs.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
}

#tabs ul {
    float:                  left;
    width:                  710px;
    list-style-type:        none;
}

.tab {
    float:                  left;
    display:                inline;
    font-weight:            bold;
    font-size:              1.08em;
    padding:                7px 11px 9px 11px;
    margin-top:             3px;
    background-image:       url('img/bg_tab.gif');
    background-position:    right top;
    background-repeat:      no-repeat;
}

#comment_participer {
    float:                  right;
    display:                inline;
    margin:                 6px 32px 0 0; 
}

.tab .menu_courant {
    color:                  #FB271F;	
}

.tab a {
    color:                  #FFFFFF;
    text-decoration:        none;
}

.tab a:focus, .tab a:hover {
    color:                  #FB271F;
}


/* contenu */
#contenu {
    float:                  left;
    display:                inline;
    width:                  947px;
    margin-left:            10px;
    background-color:       #4DB6D6;
    background-image:       url('img/bg_contenu.jpg');
    background-repeat:      repeat-x;
    background-position:    top;
}

#text_content {
	position:				relative;
    float:                  left;
    width:                  913px;
    height:		       		auto !important;
    height:		       		400px;
    min-height:				400px;
    padding:                10px 0 25px 24px;
}

#breadcrumb {
    float:                  left;
    width:                  100%;
    font-size:              0.84em;
    color:                  #FFFFFF;
    padding-bottom:			10px;
}

#breadcrumb a {
    color:                  #8BCEE5;
    text-decoration:        underline;
}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
	text-decoration:		none;
}

h1#titre_page {
    float:                  left;
    width:                  100%;
    color:                  #FFFFFF;
    font-weight:            bold;
    font-size:              1.2em;
    text-transform:         uppercase;
    margin:                 3px 0 14px 0;
}

p.bodytext {
    float:                  left;
    margin-bottom:          20px;
}


/* encarts divers */
#facebook {
    float:                  right;
    display:                inline;
    width:                  300px;
    margin:                 19px 19px 0 0;
}

#coup_de_coeur {
    float:                  left;
    display:                inline;
    width:                  303px;
    background-color:       #000000;
    background-image:       url('img/bg_push_home.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
    padding-top:            15px;
    margin:                 19px 9px 0 22px; 
}

#photos_themes {
    float:                  left;
    display:                inline;
    width:                  303px;
    background-color:       #000000;
    background-image:       url('img/bg_push_home.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
    padding-top:            15px;
    margin:                 19px 0 0 0; 
}

#photos_themes_subtitle {
    font-weight:            normal;
}

.push_title {
    float:                  left;
    width:                  100%;
    height:                 auto !important;
    height:                 52px;
    min-height:             52px;
    color:                  #FFFFFF;
    font-weight:            bold;
    font-size:              1.16em;
    text-align:             center;
}

.push_line {
    float:                  left;
    display:                inline;
    width:                  297px;
    margin:                 0 0 10px 6px;
}

.push {
    float:                  left;
    width:                  95px;
    font-size:              0.92em;
    line-height:            1.3em;
    margin-right:           4px;
    padding-bottom:			20px;
}

.push.last_in_line {
    margin-right:           0 !important;
}

.push_visuel {
    float:                  left;
    width:                  93px;
    margin-bottom:          8px;
}

.push_visuel img {
    border:                 3px solid #FFFFFF;
}

.pictos img {
    margin-right:			3px;
    behavior: 				url('/iepngfix.htc');
}

.push a {
    color:                  #FFFFFF;
    text-decoration:        none;
}

.push a:focus, .push a:hover {
    text-decoration:        underline;
}

.push_total_comments {
    color:                  #999999;
    font-size:              0.91em;
}

.push_see_all {
    float:                  left;
    width:                  100%;
    text-align:             center;
    padding-bottom:         16px;
    background-image:       url('img/bg_push_see_all.gif');
    background-position:    bottom left;
    background-repeat:      no-repeat;
}

#social_networks {
    float:                  left;
    display:                inline;
    width:                  516px;
    height:                 auto !important;
    height:                 61px;
    min-height:             61px;
    padding:                30px 50px 0 50px;
    background-image:       url('img/bg_social_networks.gif');
    background-position:    left top;
    background-repeat:      no-repeat;
    background-color:       #B8DFEF;
    margin:                 18px 0 0 22px;
}

#partners {
    float:                  left;
    width:                  319px;
    text-align:             center;
    color:                  #1078AD;
    font-size:              1.18em;
    font-weight:            bold;
    text-transform:         uppercase;
    margin-top:             25px;
}

.photo_infos_pratiques {
	background:				url("img/bg_grand_cadre_blanc.gif") no-repeat;
	margin-right:			30px;
	float:					left;	
	width:					210px;
	height:					155px;
	text-align:				center;
	padding-top:			1px;
}

/* footer */
#footer {
    float:                  left;
    display:                inline;
    width:                  946px;
    height:                 auto !important;
    height:                 21px;
    min-height:             21px;
    text-align:             center;
    font-size:              0.92em;
    background-image:       url('img/bg_footer.gif');
    background-position:    left top;
    background-repeat:      no-repeat;
    background-color:       #E5E1E3;
    padding-top:            9px;
    margin:                 20px 0 0 12px;
    color:					#5C5561;
}

#footer a {
    color:                  #5C5561;
    text-decoration:        none;
}

#footer a:focus, #footer a:hover {
    text-decoration:        underline;
}

#your_town {
    float:                  right;
    width:                  912px;
    margin-top:             16px;
}

#your_town h1 {
    width:                  100% !important;
    font-weight:            bold;
    font-size:              1.5em;
    color:                  #5C5561;
    margin-bottom:          10px;
}

#your_town ul {
    float:                  left;
    width:                  172px;
    padding-left:           18px;
    padding-bottom:         20px;
    margin-bottom:          20px;
    list-style-type:        none;
    background-image:       url('img/bg_ul_votre_ville.jpg');
    background-position:    left top;
    background-repeat:      no-repeat;
}

#your_town ul#last_town {
    width:                  128px !important;
}

#your_town li {
    font-size:              0.92em;
    padding:                0 0 1px 9px;
    background-image:       url('img/bg_li_votre_ville.gif');
    background-position:    left top;
    background-repeat:      no-repeat;
}

#your_town li a {
    color:                  #5C5561;
    text-decoration:        none;
}

#your_town li a:focus, #your_town li a:hover {
    text-decoration:        underline;
}



/** FORMS **/
table.formulaire {
    width:                  100%;
    padding:				0;
	border-spacing: 		0px;
	border-collapse: 		collapse;
}

table.formulaire td {
    padding-bottom:         7px;
}

table.formulaire input.input_text, table.formulaire select {
    font-family:            "Arial", "sans-serif";
    font-size:              1em;
    border:                 1px solid #56B2D4;
}

table.formulaire input.input_text.medium {
    width:                  172px;
}

table.formulaire select.medium {
    width:                  174px;
}

table.formulaire input.input_text.short {
    width:                  102px;
}

table.formulaire select.short {
    width:                  104px;
}

table.formulaire input.readonly {
    background-color:       #90C4DC;
    font-weight:            bold;
}

table.formulaire a.help {
    color:                  #FFFFFF;
    font-weight:            bold;
    text-decoration:        none;
}

table.formulaire a.help:focus, table.formulaire_inscription a.help:hover {
    text-decoration:        underline;
}

.field_error {
    border:                 1px solid #FA1E17 !important;
}



/** DIVERS **/
.float_left {
    float:                  left;
}

.float_right {
    float:                  right;
}

.clear_left {
    clear:                  left;
}

.display_block {
    display:                block;
}

.alinea_30 {
    margin-left:            30px;   
}

.bold {
    font-weight:            bold;
}

.red_font {
    color:                  #FA1A14;
}

.black_font {
    color:                  #000000;
}

.yellow_color {
	color:					#fbd056;
}

.normal {
	font-weight:			normal;
}

/******* POPUP *******/

#conteneur_popup_commentaire {
	position:				fixed;
    _position:              absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	z-index:				1000;
}

#opacite_popup_commentaire {
    position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
    opacity :               0.8; 
    -moz-opacity :          0.8;
    filter :                alpha(opacity=80);
    background-color:       #000000;
}

#popup {
	position:               absolute;
	top:                    50%;
	_top:				    95px;
	left:                   50%;
	margin:                 -180px 0 0 -351px;
	_margin-top:            0;
	z-index:                101;
}

#popup_top {
	background:      	    url("img/bg_popup_top.png") bottom no-repeat;
	behavior: 				url('/iepngfix.htc');
	height:					5px;
	width:					702px;
}	

#formulaire_commentaire {
	border-right:		    5px solid #fff;
	border-left:		    5px solid #fff;
	background-color:       #b8dfef;
	width:                  662px;
	min-height:             80px;
	_height:			    80px;
	padding:                13px 15px;
	color:					#0e577b;
	float:					left;				
}

/* IE 6 */
* html #formulaire_commentaire {
	margin-top:				-15px;
}

/* IE 7 */
*+html #formulaire_commentaire {
	margin-top:				-15px;
}

#popup_bottom {
	background:      	    url("img/bg_popup_bottom.png") top no-repeat;
	behavior: 				url('/iepngfix.htc');
	height:					5px;
	width:					702px;
	float:					left;	
}

#formulaire_commentaire .titre {
	display:				block;
	font-size:				15px;
	font-weight:			bold;
	float:					left;	
}

#formulaire_commentaire .fermer {
	float:					right;
	display:				block;
	color:					#0e577b;	
}

#formulaire_commentaire .fermer:hover, #formulaire_commentaire .fermer:focus {
	text-decoration:		none;		
}

#formulaire_commentaire p {
	clear:					both;
	float:					left;
	padding:				15px 0 20px;
	width:					100%;
}

#formulaire_commentaire .validate_popup {
	text-align:				center;
	padding-top:			25px;
}

#formulaire_commentaire .col_input_text {
	width:					200px;
}

#formulaire_commentaire .col_error {
	width:					330px;
}

#formulaire_commentaire table {
	clear:					both;
	float:					left;
	padding-bottom:			10px;
}

#formulaire_commentaire th {
	padding:				2px 0 4px 0;
	width:					115px;
	text-align:				left;
	vertical-align:			top;
}

/* IE 6 */
* html #formulaire_commentaire th {
	padding:				2px 0 2px 0;
}

/* IE 7 */
*+html #formulaire_commentaire th {
	padding:				2px 0 2px 0;
}

#formulaire_commentaire .th_textarea {
	font-weight:			normal;
	padding-top:			10px;
}

#formulaire_commentaire td {
	padding-bottom:			4px;
}

/* IE 6 */
* html #formulaire_commentaire td {
	padding-bottom:			2px;
}

/* IE 7 */
*+html #formulaire_commentaire td {
	padding-bottom:			0px;
}

#formulaire_commentaire .td_textarea {
	padding:				10px 0 15px;
	_padding:				10px 0 10px;
}

#formulaire_commentaire textarea {
	border:					1px solid #58b3d5;
	font-family:			arial, sans-serif;
	font-size:				12px;
	width:					545px;
	height:					75px;
}

#formulaire_commentaire .input_text {
	border:					1px solid #58b3d5;
	padding:				2px 0 2px 5px;
	width:					170px;
}

.bt_popup {
	float:					right;
	margin-left:			10px;
}

.libelle_champs_obligatoires {
	padding-top:			5px;
	float:					left;
	width:					150px;
}

.clear_both {
	clear:					both;
}

.float_left {
	float:					left;
}

img.photo_profile {
    /*border: 4px solid white;*/
    border: 3px solid white;
}

td.td_middle{
    vertical-align: middle;	
}
td.center {
    text-align: center;
}

table#table_header_profile a {
    color: white;
    text-decoration: underline;
}
table_header_profile a:hover {
    color: white;
    text-decoration: none;
}

table#table_header_profile a.logout_link {
    color:  #b77b01;
}

.left {
    float: left;
}

.left10 {
    padding-left:10px;
}

#forgot_password_email {
    float: left;
}

.header_profile_right {
    width: 95px;
}

#login_error_list {
    color: red;
    font-weight: bold;
}

.uppercase_font {
    text-transform: uppercase;
}


#screen .at15t_facebook {
    background-image: url("img/facebook.gif");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 5px;
    float:left;
}


#screen .at15t_twitter {
    background-image: url("img/twitter.gif");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 5px;
    float:left;
}

.error_msg {
    color:              #FF0000;
    font-weight:        bold;
}

.error_msg_contact {
    color:              #FC8D8C;
    font-weight:        bold;
    padding-bottom:		20px;
}


input#signin_username, input#signin_password {
    width:              150px;
}

.majuscules {
	text-transform: 	uppercase;
}

#tab_send_to_friend {
	margin-top:			20px;
}

#tab_send_to_friend th {
	width:				200px;
}

#tab_send_to_friend textarea {
	width:				510px;
}

.page_error {
	text-align:			center;
	padding-top:		75px;
}