/*

*************************************************

 

SPORTS SANS FRONTIERES - La Plus Grande Equipe du Monde

General Screen Styles

 

Created by Matthieu Fauveau at Deckmatt

 

*************************************************

*/



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

RESET v1.0-20080212 (http://meyerweb.com/eric/tools/css/reset/) 

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {

	border-collapse: collapse;

	border-spacing: 0;

} 



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

COMMON

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

html, body {

	background-color: #000000;

	color: #b4896d;

}



body {

	font-family: arial, verdana, helvetica;

	font-size: 12px;	

	background: #000000 url('../img/background.png') 0 0 repeat-x;

}



.colLeft {

	width: 226px;

	float: left;

}



.colRight {

	width: 764px;

	float: left;

}



.left {

	float: left;

}



.right {

	float: right;

}



.clearfix {

	clear: both;

}



h1 {

	color: #f2ccb3;

	font-size: 21px;

	line-height: 25px;

}



h2 {

	color: #8f3f0c;

	font-size: 21px;

}



h3 {

	color: #ee7427;

	font-size: 15px;

	font-weight: normal;

}



p {

	font-size: 13px;

	line-height: 20px;

	margin: 7px 0 7px 0;

}



strong {

	color: #f2ccb3;

}



strong span {

	font-weight: normal;

}



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

CONTAINER

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

div#container {

	width: 990px;

}



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

HEADER

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

div#header {

	width: 100%;

	height: 250px;

	background: transparent url('../img/page_background.png') top right repeat-y;

	border-top: 6px solid #824623;

}



div#header img.logo_ssf {

	margin: 15px 0 0 75px;

}



div#header div.counter {

	width: 226px;

	margin-top: 25px;

	text-align: center;

}



div#header div.counter div.numbers img.number {

	margin-right: 5px;

}

div#header div.counter div.numbers img.number.last_number {

	margin-right: 0;

}



div#header div.counter div.text_players {

	width: 85px;

	height: 15px;

	background: transparent url('../img/header_text_players.png') 0 0 repeat-x;

	text-indent: -9999px;

	margin: 15px auto 0 auto;

}



div#header div.counter div.text_1player1lace {

	width: 135px;

	height: 23px;

	background: transparent url('../img/header_text_1player1lace.png') 0 0 repeat-x;

	text-indent: -9999px;

	margin: 22px auto 0 auto;

}



div#header h1.text_biggest_team {

	width: 653px;

	height: 47px;

	background: transparent url('../img/header_text_biggest_team.png') 0 0 repeat-x;

	text-indent: -9999px;

	margin: 35px 0 0 30px;

}



div#header h2.text_help_child {

	width: 606px;

	height: 51px;

	background: transparent url('../img/header_text_help_child.png') 0 0 repeat-x;

	text-indent: -9999px;

	margin: 40px 0 0 30px;

}



div#header ul.menu {

	float: left;

	width: 704px;

	border: 1px solid #5a4537;

	border-right: 0;

	border-left: 0;

	padding: 10px 0 10px 0;

	margin: 19px 30px 0 30px;

}



div#header ul.menu li {

	float: left;

}



div#header ul.menu li a {

	color: #b4896d;

	text-decoration: none;

	font-size: 16px;

	font-weight: bold;

	padding: 0 14px;

	background: transparent url('../img/header_menu_pipe.png') center right no-repeat;

}



div#header ul.menu li a.first {

	padding-left: 0;

}



div#header ul.menu li a.last {

	background: none;	

}



div#header ul.menu li a.current {

	color: #ee7427;

}



div#header ul.menu li a:hover {

	color: #8f3f0c;

	text-decoration: underline;

}



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

CONTENT

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

div#content {

	float: left;

}



div#content h3.after_h1 {

	color: #b4896d;	

	line-height: 20px;

	margin-top: 18px;

}	



div#content .colLeft,

div#content .colRight {

	min-height: 563px;

	height: auto !important;

	height: 563px;

}

	

div#content .colLeft {	

	background: transparent url('../img/page_captains.png') left bottom no-repeat;

}



div#content .colRight {

	background: transparent url('../img/page_background.png') top right repeat-y;

}



div#content .colRight .wrapper {

	padding: 0px 30px 30px 30px;	

}



/* .home */

div#content.home {

	background: transparent url('../img/page_background_slice.png') top right no-repeat;

}



div#content.home .colLeft {

	width: 475px;

}



div#content.home .colRight {

	background: none;

	width: 461px;

	min-height: 515px;

	height: auto !important;

	height: 515px;

	padding-top: 48px;

	padding-right: 30px;

	padding-left: 24px;

}



div#content.home .product {

}

div#content.home .product.tshirt {

	margin-top: 20px;

}



div#content.home h3.text_join_us {

	width: 255px;

	height: 77px;

	background: transparent url('../img/page_text_join_us.png') 0 0 repeat-x;

	text-indent: -9999px;

}



div#content.home ul.menu_buy {

	margin-top: 12px;

	border-top: 1px solid #5a4537;

}



div#content.home ul.menu_buy li {

	border-bottom: 1px solid #5a4537;

}



div#content.home ul.menu_buy li div#homeAcheterEnLigne {

	border: 1px solid #ee7427;

	width:243px;

	padding:5px;

	font-size:14px;

	margin-bottom:0.5em;

}

div#content.home ul.menu_buy li div#homeAcheterEnLigne a {

	padding:0;

}



div#content.home ul.menu_buy li a {

	display: block;

	color: #ee7427;

	font-size: 18px;

	font-weight: normal;

	text-decoration: none;

	padding: 8px 0 8px 0;

}



div#content.home ul.menu_buy li a:hover {

	color: #b4896d;

}



div#content.home ul.menu_buy li a.card {

	background: transparent url('../img/menu_buy_card.png') center right no-repeat;

}



div#content.home ul.menu_buy li a.mail {

	background: transparent url('../img/menu_buy_mail.png') center right no-repeat;

}



div#content.home ul.menu_buy li a.sport2000 {

	background: transparent url('../img/menu_buy_sport2000.png') center right no-repeat;

}



div#content.home ul.menu_buy li a.madeinsport {

	background: transparent url('../img/menu_buy_madeinsport.png') center right no-repeat;

}



div#content.home div.block {

	width: 235px;

	min-height: 180px;

	height: auto !important;

	height: 180px;

	font-size: 18px;

	line-height: 22px;	

	background-color: #442615;

	margin-top: 42px;

	padding: 12px;

}



div#content.home div.block p {

	font-size: 18px;

}



/* challenge */

div#content.challenge img.picture {

	float: left;

	margin-right: 20px;

}



div#content.challenge h3 {

	margin-top: 13px;

}



div#content.challenge div.post {

	clear: both;

	margin-top: 24px;

	border-top: 1px dashed #553a29;

	border-bottom: 1px dashed #553a29;

}



/* teammates */

div#content.teammates div.captains {

	margin-top: 3px;

}



div#content.teammates div.row {

	clear: both;

	float: left;

	width: 100%;

	border-bottom: 1px dashed #553a29;

	padding: 21px 0;

}



div#content.teammates div.captain {

	float: left;

	width: 340px;

	margin-right: 20px;

}



div#content.teammates div.captain.last {

	margin-right: 0;

}



div#content.teammates div.captain a img.picture {

	float: left;

	margin-right: 11px;

	border: 1px solid #8f3f0c;

}



div#content.teammates div.captain a img.picture:hover {

	border-color: #ee7427;

}



div#content.teammates div.captain h1,

div#content.teammates div.captain h2 {

	font-size: 17px;

	line-height: 17px;

	margin-bottom: 2px;

}



div#content.teammates div.captain p {

	line-height: 16px;

}



div#content.teammates div.captain p a {

	color: #8f3f0c;

	font-weight: bold;	

}



div#content.teammates div.captain p a:hover {

	text-decoration: none;

}



/* partners */

div#content.partners ul.tabs {

	float: left;

	width: 704px;

	margin: 24px 0 24px 0;

	border-bottom: 1px solid #553a29;

}



div#content.partners ul.tabs li.first {

	margin-left: 120px;

}



div#content.partners ul.tabs li {

	float: left;

	position: relative;

	bottom: -1px;

}



div#content.partners ul.tabs li a {

	display: block;	

	padding: 8px 12px;

	color: #b4896d;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



div#content.partners ul.tabs li a:hover {

	color: #8f3f0c;

	font-weight: bold;

	text-decoration: underline;

}



div#content.partners ul.tabs li a.current {

	color: #ee7427;

	background: transparent url('../img/tab_current_background.png') 0 0 repeat-x;

	border: 1px solid #553a29;

	border-bottom: 0;

}



div#content.partners ul.tabs li a.current:hover {

	text-decoration: none;

}



div#content.partners h2 {

	color: #b4896d;

	font-size: 17px;

}



div#content.partners ul.list {

	margin-top: 10px;

	border-top: 1px dashed #553a29;

}



div#content.partners ul.list li {

	border-bottom: 1px dashed #553a29;

	padding: 5px 0;

}



div#content.partners ul.list li a {

	color: #8f3f0c;

	margin-left: 10px;

}



div#content.partners ul.list li a:hover {

	text-decoration: none;

}



/* contacts */

div#content.contacts div.contact h2,

div#content.contacts div.contact h3 {

	color:#B4896D;

}

div#content.contacts div.contact h2 {

	font-size:17px;

}

div#content.contacts div.contact {

	width: 100%;

	border-bottom: 1px dashed #553a29;

	padding: 21px 0;

}

div#content.contacts div.contact p {

	margin:1px 0;

	padding:0;

}

div#content.contacts div.contact a {

	color:#8f3f0c;

	margin:1px 0;

}



div#content.teammates div.contact.last {

	margin-right: 0;

}



/* media */



div#content.media div.items {

	clear:both;

	margin:30px 0;

}

div#content.media div.item {

	float:left;

	margin-right:40px;

	padding:0;

}

div#content.media div.item img {

	border: 1px solid none;

	margin-bottom:0.5em;

}

div#content.media div.item h2 {

	color:#B4896D;

	font-size:17px;

}

div#content.media div.item a {

	color: #b4896d;

	text-decoration: none;

	font-size: 16px;

	font-weight: bold;

}

div#content.media div.item a:hover {

	color: #ee7427;

}







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

FOOTER

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

div#footer {

	clear: both;

	width: 950px;

	height: 70px;

	padding: 20px;

	background: #140c07 url('../img/footer_background.png') 0 0 repeat-x;

}



div#footer div.text_solidarity {

	width: 299px;

	height: 16px;

	background: transparent url('../img/footer_text_solidarity.png') 0 0 no-repeat;

	text-indent: -9999px;

}



div#footer img.sponsors {

	margin-top: 15px;

}



div#footer2 {

	padding:20px 0;

	text-align:center;

	color: #b4896d;

	font-size:11px;

}



div#footer2 a {

	color: #b4896d;

}



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

MODAL

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

div.modal {

	position: absolute;

	top: 25%;

	left: 25%;

	width: 50%;

	z-index: 1001;	

}

div.modal[id] { /* IE6 and below Can't See This */ position:fixed; }



div.modal a.close {

	float: right;

	background-color: #ee7427;

	color: #FFF;

	text-decoration: none;

	padding: 3px 8px 3px 8px;

}



div#overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1000;

	background-color: #000;

	-moz-opacity: 0.85;

	opacity: .85;

	filter: alpha(opacity=85);

}

div#overlay[id] { /* IE6 and below Can't See This */ position:fixed; }