/* 
	PHYSICFORM.com Web Accessibility
	SCREEN CSS
	Creator and maintainer : 
	Yves Burger 
	© Copyright all right reserved
*/

hr {display:none;}
br.left {clear:left;}
br.right {clear:right;}
br.both {clear:both;}

body {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #FB8404 url(../images/physicform_fd.gif) no-repeat fixed;
	text-align: center;
	font-size: 0.8em;
}

/* 
--------------------------------------------------------------- 
	Conteneur de base
--------------------------------------------------------------- 
*/
.conteneur {
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

/*
---------------------------------------------------------------
	Haut
---------------------------------------------------------------
*/
.coin_haut_gauche {
	float: left;
	background-image : url(../images/physicform_coin_hg.gif);
	width: 11px;
	height: 31px;
}
.logo {
	float: left;
	background-image : url(../images/physicform_logo.gif);
	width: 150px;
	height: 31px;
}
.logo h1 {
	display: none;
}
#fd_haut {
	float: left;
	background-image : url(../images/physicform_fd_haut.gif);
	width: 576px;
	height: 31px;
	text-align: right;
}
#fd_haut h2 {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 130%;
	font-weight: bold;
	line-height: 31px;
}
.coin_haut_droite {
	float: left;
	background-image : url(../images/physicform_coin_hd.gif);
	width: 11px;
	height: 31px;
}
.fd_haut_bandeau {
	clear: both;
	width: 748px;
	height: 75px;
	background: white;
}
.fd_haut_bandeau img {
	margin: 0 2px 0 2px;
	width: 744px;
	height: 75px;
	border: 0;
}
.fd_haut_bandeau span img {
	position: absolute;
	margin: 20px 0 0 -390px;
	width: 32px;
	height: 32px;
}

/*
---------------------------------------------------------------
	Navigation
---------------------------------------------------------------
*/

.navigation ul {
	margin: 0;
	padding: 0;
	line-height: 25px;
	height: 25px;
	list-style-type: none;
	font-size: 120%;
	font-weight: bold;
}

.navigation li {
	float: left;
}

.navigation li a {
	display: block;
	width: 124px;
	background-image: url(../images/physicform_nav_fd_off.gif);
	text-decoration: none;
	color: white;
	text-align: center;
	cursor: pointer;
}

.navigation li a:hover {
	color: white;
	background-image: url(../images/physicform_nav_fd_over.gif);
}

.navigation li a.first:hover {
	color: white;
	background-image: url(../images/physicform_nav_fd_over_first.gif);
}

.navigation li a.first {
	width: 128px;
	background-image: url(../images/physicform_nav_fd_off_first.gif);
}

/* --- Bouton activé --- */
.navigation #bt_on {
	display: block;
	width: 124px;
	background-image: url(../images/physicform_nav_fd_on.gif);
	text-decoration: none;
	color: white;
	text-align: center;
}
.navigation #bt_on.first {
	width: 128px;
	background-image: url(../images/physicform_nav_fd_on_first.gif);
}

/*
---------------------------------------------------------------
	Centre
---------------------------------------------------------------
*/

.centre {
	clear: both;
	width: 748px;
	background: #FAFCFC;
}

.centre_content {
	margin: 0 2px 0 2px;
	width: 744px;
	min-height: 341px;
	background: #FAFCFC url(../images/physicform_centre_fd.gif) repeat-x;
}
.centre_content a {
	color: #333366;
}
.centre_content a:hover {
	color: #333366;
	text-decoration: none;
}
* html .centre_content {
	height: 341px;
}

.centre_content img.home {
	float: left;
	margin: 10px;
}
.centre_content img.home_right {
	float: right;
	margin: 10px;
}
.centre_content img.coach {
	float: left;
	margin-top: 5px;
}

.centre_content p {
	margin: 0;
	padding: 10px 10px 0 10px;
	color: #333366;
	text-align: justify;
}
.centre_content p.none {
	display: none;
}
.centre_content p.txt_home {
	padding: 15px 15px 0 0;
} 
.centre_content p.txt_home_right {
	float: right;
	padding: 15px 0 0 15px;
	text-align: right;
}
.centre_content p.txt_home img,
.centre_content p.txt_home_right img {
	border: none;
	margin-top: 10px;
}
.centre_content .trait {
	border-bottom: dashed gray 1px;
	height: 1px;
	width: 744px;
	clear: both;
	font-size: 1px;
}

/* Gabarit 1 cartouche */
.centre_content .content {
	float: left;
	width: 744px;
}
.centre_content .content h2 {
	margin: 18px 0 0 5px;
	width: 729px;
	height: 47px;
	font-size: 100%;
	font-weight: normal;
	color: #333366;
	background: url(../images/physicform_header.gif) no-repeat;
}
.centre_content .content h2 span {
	display: block;
	padding-left: 10px;
}
.centre_content .content p.presentation {
	padding: 10px 10px 10px 5px;
	min-height: 90px;
}
*html .centre_content .content p.presentation {
	height: 90px;
}


/* Gabarit Cartouche de droite */
.centre_content .content_left {
	float: left;
	width: 549px;
}
.centre_content .content_left h2 {
	margin: 18px 0 0 5px;
	width: 535px;
	height: 68px;
	font-size: 100%;
	font-weight: normal;
	color: #333366;
}
.centre_content .content_left h2.gym {
	background: url(../images/physicform_header_fitness.gif) no-repeat;
}
.centre_content .content_left h2.muscu{
	background: url(../images/physicform_header_denis.gif) no-repeat;
}
.centre_content .content_left h2 span {
	display: block; 
	padding-left: 80px;
}

.centre_content .content_left p {
	margin: 0;
	padding: 15px 10px 0 5px;
	text-align: justify;
	color: #333366;
}
.centre_content .content_left p.presentation {
	padding: 10px 10px 10px 5px;
	min-height: 115px;
}
*html .centre_content .content_left p.presentation {
	height: 115px;
}
.centre_content .content_left p img {
	float: left;
	border: solid white 1px;
	margin: 4px 6px 0 0;
}
.centre_content .content_left .pic {
	margin-top: 10px;
	border: none;
}
.centre_content .cartouche {
	float: left;
	padding-top: 17px;
}
.centre_content .cartouche h1 {
	margin: 0;
	padding: 0;
	width: 195px;
	line-height: 26px;
	background: #ACBCC8 url(../images/physicform_cartouche_h1.gif) no-repeat;
	font-size: 105%;
	color: white;
}
.centre_content .cartouche h1 span {
	display: block;
	padding-left: 10px;
}
.centre_content .cartouche .cartouche_content {
	width: 195px;
	height: 270px;
	background: #ACBCC8 url(../images/physicform_cartouche_fd.gif) no-repeat;
}
.centre_content .cartouche .cartouche_content .nav {
	height: 200px;
}
.centre_content .cartouche .cartouche_content .nav ul {
	margin: 0;
	padding: 10px;
	list-style-type: none;
	font-size: 100%;
}
.centre_content .cartouche .cartouche_content .nav li {
	margin: 0;
	background: url(../images/physicform_puce.gif) left no-repeat;
	padding: 0 0 0 10px;
}
.centre_content .cartouche .cartouche_content .nav li a {
	color: black;
	text-decoration: none;
}
.centre_content .cartouche .cartouche_content .nav #on {
	color: #FB8404;
	background: #EFF3F5;
}

.centre_content .cartouche .cartouche_content a.bt {
	float: right;
	width: 103px;
	height: 30px;
	padding-top: 5px;
	text-decoration: none;
	text-align: right;
	font-size: 85%;
	color: #333366;
	background: url(../images/physicform_cartouche_bt.gif) no-repeat;
}
.centre_content .cartouche .cartouche_content a.bt:hover {
	color: white;
	background: url(../images/physicform_cartouche_bt_hover.gif) no-repeat;
}

/* Bouton */
.centre_content .position_bt_center {
	float: left;
	padding: 0 0 0 110px;
}
.centre_content .bt_cartouche {
	width: 250px;
	margin: 0 0 10px 5px;
} 
.centre_content .bt_cartouche_left {
	float: left;
}
.centre_content .bt_cartouche_position_first_left {
	float: left;
	margin: 0;
	padding: 0 0 0 110px;
}
.centre_content .bt_cartouche .bt_hg,
.centre_content .bt_cartouche .bt_hd,
.centre_content .bt_cartouche .bt_bg,
.centre_content .bt_cartouche .bt_bd {
	float: left;
	width: 9px;
	height: 10px;
	font-size: 1px;
	background-repeat: no-repeat;

}
.centre_content .bt_cartouche .bt_hg {
	background-image: url(../images/physicform_bt_coin_hg.gif);
}
.centre_content .bt_cartouche .bt_hd {
	background-image: url(../images/physicform_bt_coin_hd.gif);
}
.centre_content .bt_cartouche .bt_bg {
	background-image: url(../images/physicform_bt_coin_bg.gif);
}
.centre_content .bt_cartouche .bt_bd {
	background-image: url(../images/physicform_bt_coin_bd.gif);
}
.centre_content .bt_cartouche .bt_center {
	float: left;
	background: #AFBEC9;
	width: 232px;
	height: 10px;
	font-size: 1px;
}
.centre_content .bt_cartouche .bt_content {
	clear: left;
	width: 250px;
	color: white;
	background: #AFBEC9;
}
.centre_content .bt_cartouche .bt_content span {
	display: block;
	text-align: center;
}
.centre_content .bt_cartouche .bt_content span a {
	color: white;
	text-decoration: none;
}
.centre_content .bt_cartouche .bt_content span a:hover {
	text-decoration: underline;
}
.centre_content .bt_cartouche .bt_content .gold,
.centre_content .bt_cartouche .bt_content .normal {
	color: #FCFDB2;
	min-height: 150px;
	font-weight: bold;
}
*html .centre_content .bt_cartouche .bt_content .gold,
*html .centre_content .bt_cartouche .bt_content .normal {
	height: 150px;
}
.centre_content .bt_cartouche .bt_content .contact {
	min-height: 130px;
}
*html .centre_content .bt_cartouche .bt_content .contact {
	height: 130px;
}
.centre_content .bt_cartouche .bt_content .normal {
	color: white;
}

.centre_bottom {
	width: 748px;
	height: 11px;
	background: url(../images/physicform_centre_bottom.gif) no-repeat;
}

/*
---------------------------------------------------------------
	Pied de page
---------------------------------------------------------------
*/
.bottom {
	padding-top: 5px;
	width: 748px;
	text-align: right;
	color: white;
}
.bottom p {
	margin: 0;
	padding-right: 140px;
	background: url(../images/vcss.gif) right bottom no-repeat;
}
.bottom p a {
	text-decoration: none;
	color: white;
}

/*
---------------------------------------------------------------
	Popup
---------------------------------------------------------------
*/

.popup {
	position: fixed;
	top: 0;
	left: 0;
	background: url(../images/physicform_cache.gif) repeat;
	display: none;
}
* html .popup {
	position: absolute;
	top: expression(documentElement.scrollTop+body.scrollTop);
}
.popupContent {
	position: absolute;
	width: 508px;
	top: 0;
	left: 0;
}
.popupContent a img {
	display: block;
	border: none;
}

.content_popup {
	margin: 0;
	padding: 10px 0 10px 0;
	background: #E6E8EE;
	min-height: 150px;
	border-right: solid #0041CA 2px;
	border-left: solid #0041CA 2px;
	border-bottom: solid #0041CA 2px;
	color: #333366;
}
* html .content_popup {
	height: 150px;
}
.content_popup .media {
	border: solid white 2px;
}

/*
---------------------------------------------------------------
	Formulaire
---------------------------------------------------------------
*/

/*
fieldset {position:relative; margin: 5px;} 

legend {
	padding: 0 5px 0 3px;
	font-weight: bold;
	color : #333366;
}
*/

form {
	margin: 0 0 0 38px;
	padding-top: 5px;
}
fieldset {
	margin: 0;
	padding: 10px;
	border: solid gray 1px;
	width: 650px;
}
fieldset p {
	color: black;
	font-size: 80%;
}

legend {
	color: #fff;
	background: #ffa20c;
	border: solid gray 1px;
	padding: 2px 6px;
	font-weight: bold;
}

label {
	float: left;
	width: 80px;
	text-align: right;
	color : #333366;
}
input,textarea {
	width: 200px;
	background: #FAF8CE;
	border: solid #AFBEC9 1px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: black;
}
textarea.msg,
input.adresse {
	width: 500px;
}
input:focus,
textarea:focus {
	background: white;
	border: solid #AFBEC9 1px;
}
input.none {
	margin: 3px 3px 0 3px;
	background: none;
	border: none;
	width: auto;
}