/*
Titre			styles.css
Site 			gaf-training.com
Navigateurs 	tous (sauf IE)
Autheur 		C.R. (www.megaphone.ch)
Date création 	08.10.2008
Dernière modif.	24.11.2008
*/


/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* 
TYPO 
*/
h1 { font:bold 24px/24px Arial, Helvetica, sans-serif; margin:0 0 2px 0; color:#666 }
h2 { font:normal 18px/22px Arial, Helvetica, sans-serif; padding:25px 0 6px 0; color:#000;  text-align:left }
h3 { font:normal 16px/22px Arial, Helvetica, sans-serif; margin:10px 0 6px 0; color:#333 }
h4 { font:bold 13px/18px Arial, Helvetica, sans-serif; margin:10px 0 2px 0; color:#666 }
p, .paragraphe { margin:2px 0 10px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Arial, Helvetica, sans-serif }
body, p, li, dt, dd, label { font-size:12px; line-height:18px; color:#666 }
input, textarea { font-size:11px; color:#333; padding:2px }
blockquote { font:11px/18px Georgia, 'Times New Roman', Times, serif bold }

a { color:#666; text-decoration:underline }
a:hover { color:#333 }
h2 a { color:#666 }

h1.title { padding-top:24px }
h1.title a { display:block; height:76px; width:172px; font:normal 16px Arial, verdana, sans-serif; color:#333; text-decoration:none; text-indent:-9999px }
h1.title a:hover { color:#999 }
h2.latestNewsTitle { font:italic normal 12px/16px Georgia, 'Times New Roman', Times, serif; padding:2px 0 6px 15px; color:#3c725a }
h2.siteDescription { position:absolute; top:400px; left:0px; width:200px; /*height:96px;*/ text-indent:-9999px }
h2 span.subtitle { color:#999; text-transform:capitalize }
#newsBlock h2 { color:#000; text-transform:uppercase; padding:0 0 0 8px; margin:0; background:#ebebeb; font:bold 15px/25px Arial, Helvetica, sans-serif }

ul#mainNav li a { display:block; float:left; margin:0 0 0 1px; padding:0; text-align:center; background-color:#39363c; color:#fff; text-decoration:none; text-transform:uppercase; font:normal 12px/25px Arial, Helvetica, sans-serif }
ul#mainNav li a.currentMenu { font-weight:bold; background-color:#97b7ca }
ul#mainNav li a.mainNavBt01 { width:55px; margin-left:0 }
ul#mainNav li a.mainNavBt02 { width:150px }
ul#mainNav li a.mainNavBt03 { width:126px }
ul#mainNav li a.mainNavBt04 { width:170px }
ul#mainNav li a.mainNavBt05 { width:100px }
ul#mainNav li a.mainNavBt06 { width:120px }
ul#mainNav li a:hover { color:#fff; text-decoration:none; background-color:#97b7ca }

body.home ul#mainNav li a { margin:0; padding:0; text-align:center; background-color:transparent; color:#999; text-decoration:none; text-transform:uppercase; font:normal 12px/35px Arial, Helvetica, sans-serif }
body.home ul#mainNav li a.currentMenu { font-weight:bold; background-color:#97b7ca }
body.home ul#mainNav li a.mainNavBt02 { width:146px; margin-left:14px }
body.home ul#mainNav li a.mainNavBt03 { width:134px }
body.home ul#mainNav li a.mainNavBt04 { width:178px }
body.home ul#mainNav li a.mainNavBt05 { width:108px }
body.home ul#mainNav li a.mainNavBt06 { width:130px }
body.home ul#mainNav li a:hover { color:#333; text-decoration:none; background-color:transparent }

div#homeSectionNav ul#categoryNav, ul.homeCategoryNav { float:left; width:200px; border:none; padding:20px 10px 0 20px }
div#homeSectionNav ul#categoryNav li, ul.homeCategoryNav li { padding: 2px 0 6px 12px; background:transparent url(images/menu_icon.png) 0px 6px no-repeat; font-size:11px; line-height:14px }
div#homeSectionNav ul#categoryNav li a, ul.homeCategoryNav li a { color:#fff; text-decoration:none }
div#homeSectionNav ul#categoryNav li a:hover, ul.homeCategoryNav li a:hover { color:#fff; text-decoration:none }

ul#rightNav li a { display:block; float:left; margin:0 0 0 1px; padding:0; text-align:center; background-color:#bdcfd9; color:#fff; text-decoration:none; text-transform:capitalize; font:normal 12px/25px Arial, Helvetica, sans-serif; }
ul#rightNav li a.currentMenu { font-weight:bold; background-color:#97b7ca }
ul#rightNav li a.mainNavBt07 { width:124px; margin-left:0 }
ul#rightNav li a.mainNavBt08 { width:123px }
ul#rightNav li a:hover { color:#fff; text-decoration:none; background-color:#97b7ca }

ul#pageNav li a, ul#pageNav li span { display:block; height:25px; float:left; color:#666; text-decoration:none; text-transform:uppercase; font:normal 12px/25px Arial, Helvetica, sans-serif;}
ul#pageNav li a { padding:0px 10px 0 10px; margin:30px 0 0 0; }
ul#pageNav li.border a, ul#pageNav li.border span { padding-left:0; border-right:1px solid #FFF; }
ul#pageNav li a:hover { color:#000066; text-decoration:none }
ul#pageNav li a:active { font:bold 12px/25px Arial, Helvetica, sans-serif; color:#000066 }
ul#pageNav li a.currentPageNav { font:bold 12px/25px Arial, Helvetica, sans-serif; color:#000066 }
ul#pageNav li a.notCurrentPageNav { font:normal 12px/25px Arial, Helvetica, sans-serif;  color:#666 }

ul#pageNav li.register a { font-weight:bold; float:right; margin-right:28px; text-align:center;padding-right:0;margin-left:0;color:#ffffff; width:168px; height:25px;background:#e5e5e5 url(images/bt_register.gif) center left no-repeat; }
ul#pageNav li.register a:hover { color:#ffffff; text-decoration:none } 
ul#pageNav li.register a:active { font:bold 12px/25px Arial, Helvetica, sans-serif; color:#ffffff }
ul#pageNav li.register a.currentPageNav { font:bold 12px/25px Arial, Helvetica, sans-serif; color:#ffffff }
ul#pageNav li.register a.notCurrentPageNav { font:bold 12px/25px Arial, Helvetica, sans-serif;  color:#ffffff }

div#basNav {  color:#666; }
div#basNav a { text-decoration:none; text-transform:uppercase; font:bold 11px/13px Arial, Helvetica, sans-serif;  }
div#basNav a:active { color:#000066; }
div#basNav a.currentPageNav { color:#000066; }
div#basNav a.notCurrentPageNav { color:#666; }

ul#pageFunctions li { height:14px }
ul#pageFunctions li a { display:block; padding:2px 0 0 16px; color:#7a7a7a; text-decoration:none; text-transform:uppercase; font:normal 9px/12px Arial, Helvetica, sans-serif }
ul#pageFunctions li a:hover { color:#7a7a7a; text-decoration:none }
ul#pageFunctions li a.printBt { background:#e5e5e5 url(images/img_print.png) center left no-repeat }
ul#pageFunctions li a.emailBt { background:#e5e5e5 url(images/img_email.png) center left no-repeat }

ul#categoryNav li a { display:block; padding:0; color:#999; text-decoration:none; text-transform:none; font:normal 11px/14px Arial, Helvetica, sans-serif }
ul#categoryNav li a:hover { color:#000033; text-decoration:none }
ul#categoryNav li a.currentMenu { color:#000033 }

ul#topNav li a { display:block; float:left; padding:0 7px 0 7px; color:#666; text-decoration:none; text-transform:uppercase; font:normal 11px/15px Arial, Helvetica, sans-serif }
ul#topNav li a:hover { color:#000066; text-decoration:none }
ul#topNav li a.currentMenu { font-weight:bold; color:#000066 }
ul#topNav li a.topNavBt_en { padding:0 3px 0 20px; }
ul#topNav li a.topNavBt_de { padding:0 3px 0 3px; }
ul#topNav li a.topNavBt_fr { padding:0 3px 0 3px; }

ul#newsList li a, ul#newsList li span.newsListBlock { display:block; min-height:68px; padding:9px 0 4px 88px; color:#999; text-decoration:none; font:normal 12px/14px Arial, Helvetica, sans-serif; background-color:#e5e5e5; background-position:top left; background-repeat:no-repeat; }
ul#newsList li a span.newsTitle { font-weight:bold; /*text-transform:capitalize;*/ color:#666 }
ul#newsList li a:hover { text-decoration:none }
ul#newsList li a span.more { color:#0099fd }
#player2 { margin-top:1px; }

sup { /*vertical-align: super;*/ font-size: 11px }
#footer, #footer p { font-size:11px; color:#999 }
.footerTel01 { padding-left:54px }
.footerTel02 { padding-left:41px }
.footerTel03 { padding-left:30px }
.footerWebsiteUrl { padding-left:45px }
.footerSkypeInfo { padding-left:45px }
#footer a { color:#999; text-decoration:none }
#footer a:hover { color:#333; text-decoration:none }

#text ul { list-style:disc outside !important; margin:1em 0 1em 1em }
#text ul li { list-style-type:disc; padding:3px 0 3px 0px }

.smallText { font-size:smaller }

/* 
LAYOUT 
*/
body { background-color:#fff; text-align:left }
div#accessibility { display:none }
div#wrapper { margin:0 0 0 40px }
div#header { height:124px; width:984px; background:url(images/logo_gaf.png) center left no-repeat }
html>body div#header {  } /*html>body n'est pas compris par IE6*/
div#content { position:relative; margin-top:26px; width:984px  }
body.home div#content { margin-top:0; margin-bottom:30px; width:984px }
div#topText { margin:0 254px 0 150px; padding-left:14px; height:55px; background-color:#e5e5e5; border-right:4px solid #fff; }
div#text { margin:0 254px 0 150px; padding:0 20px 30px 14px; background-color:#fff; min-height:238px; text-align:left }
div#homePage { margin:0 258px 0 0; padding:0; background-color:#203b48; min-height:549px }
div#homeSectionNav { position:absolute; top:308px; left:0; width:726px; height:242px }
div#footer { margin:0 254px 0 150px; border-top:1px solid #d4d4d4; border-bottom:30px solid #ececec; padding:10px 0 15px 0; background-color:#fff; text-align:left }
ul#pageNav { float:left; width:480px }
div#basNav { float:right; margin-top:30px; }
div#error { position:absolute; padding:10px 0 0 260px;color:red; }
ul#pageFunctions { margin-left:480px; border-top:11px solid #e5e5e5 }
ul#categoryNav { position:absolute; top:0; left:0; border-top:55px solid #c3c2c4; padding-top:25px; width:149px }
ul#categoryNav li { padding:0 0 5px 0 }
ul#mainNav  { position:absolute; top:124px; width:730px }
body.home ul#mainNav  { position:absolute; top:-500px; width:726px; height:35px; background:url(images/bg_menu_homepage.jpg) repeat-x; border-bottom:1px solid #a9a9a9 }
ul#rightNav  { position:absolute; top:124px; left:771px; width:250px; background-color:#fff }
ul#topNav  { position:absolute; top:55px; left:620px }
ul#pageNav li, ul#mainNav li, ul#rightNav li, ul#topNav li { display:inline }
form#searchForm { position:absolute; top:0px; left:730px; width:240px; height:40px; padding:15px 0 0 8px; background-color:#e5e5e5; border-right:4px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff }
body.home form#searchForm { top:26px }
div#newsBlock, img.ambiantPict { position:absolute; top:56px; left:726px; border-right:4px solid #fff; border-bottom:4px solid #fff; border-left:5px solid #fff; background-color:#fff }
body.home div#newsBlock { top:82px }
ul#newsList { width:248px }
ul#newsList li { border-top:1px solid #fff; padding:2px; background-color:#e5e5e5 }
div#copyright { position:absolute; top:574px; left:0px; font:normal 10px/12px Arial, Helvetica, sans-serif; color:#999 }
div.clientsSayListBlock { background:transparent url(/images/clients_say_default.png) top left no-repeat; padding-left:180px; margin:0 0 40px 0 }
div.trainersListBlock { float:left; width:250px; height:110px; margin-right:30px;/*padding-left:90px;*/ margin:0 0 0 0 }
div.trainersListBlock img { float:left; margin-left:20px; margin-right:10px; }

/* 
OTHERS 
*/
.clearing { clear:both }
.clearright { clear:right; }
fieldset { padding:0 0 10px 0 }
table.datesTable { width:540px; margin:2px 0 10px 0 }
table.datesTable th { color:#333; background-color:#ebebeb }
table.datesTable th, table.datesTable td { padding:3px 10px; border-bottom:1px solid #ccc }
.col_grey { background-color:#e3e3e3 !important }
.imgLarge { margin:1px 254px 0 150px; border-right:4px solid #fff; border-bottom:1px solid #fff }
.imgToLeft { float:left; margin:0 1em 1em 0 }
.homeSectionNav00 { display:none }
.homeSectionNav01 { background-color:#15122F }
.homeSectionNav02 { background-color:#543350 }
.homeSectionNav03 { background-color:#043148 }
.homeSectionNav04 { background-color:#211928 }
.homeSectionNav05 { background-color:#203B44 }

.bleu, a.bleu { font-weight:bold; color:#336699; }

.openDiv { display: block }
.closeDiv { display: none }
.blockToLeft { float:left; width:267px; font-size:11px }

/*
Formulaires
*/ 
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #333;
}
form p { /* p du formulaire */
	margin: 0.5em 0;
	padding: 0;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent cette dimension de la largeur totale du formulaire ***/
	text-align: left;	/*** ... et ils sont alignés à gauche... ***/
}
fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	color: #333;
	padding: 5px 5px 5px 5px;
}
.formfieldShort {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #333333 1px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	FONT-SIZE: 11px;
	COLOR: #333;
	BACKGROUND-COLOR: #fff;
	width: 120px;
}

select {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #333333 1px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	BACKGROUND-COLOR: #fff ;
	margin:0 0 0 5px;
	/*width: 250px;*/
}

textarea {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #333333 1px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 11px;
	COLOR: #333;
	font-family: Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	BACKGROUND-COLOR: #fff ;
	width: 250px;
	margin-bottom:10px;
}
#searchForm .formfield { margin:0; border:1px solid #fff; width:150px; font-family:arial,helvetica,sans-serif; font-size: 11px; color:#333; background:#fff url(images/bg_formfield.png) no-repeat top left; vertical-align:middle }
#searchForm .formbutton { margin:0; border:1px solid #fff; width:66px; font-family:arial,helvetica,sans-serif; font-size: 10px; color:#000; background:#fff url(images/bg_formbutton.png) no-repeat top left; vertical-align:middle; cursor:pointer }

#registration, #recommande { padding-right:50px;font-size: 11px;color:#999;  }
#registration td { padding-right:50px;padding-top:4px; }
#registration label, #recommandelabel { font-size:11px;color:#999; }
#registration .formfield, #recommande .formfield { margin:0; border-top:1px solid #666; border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #666;width:210px; font-family:arial,helvetica,sans-serif; font-size: 11px; color:#333; background:#fff url(images/bg_formfieldlong.png) no-repeat top left; vertical-align:middle }
#registration textarea, #recommande textarea  { margin:0; order-top:1px solid #666; border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #666; width:480px; font-family:arial,helvetica,sans-serif; font-size: 11px;  color:#333; background:#fff url(images/bg_textarea.png) no-repeat top left; vertical-align:middle }
#registration .formbutton, #recommande .formbutton { margin:0; border:1px solid #ccc; width:66px; font-family:arial,helvetica,sans-serif; font-size: 10px; color:#666; background:#fff url(images/bg_formbutton.png) no-repeat top left; vertical-align:middle; cursor:pointer }

form#newsletterForm { padding:33px 0 0 260px; color:#999 }
#newsletterForm .formfield { margin:0; border-top:2px solid #777; border-left:2px solid #777; border-right:1px solid #dedede; border-bottom:1px solid #dedede; width:150px; font-family:arial,helvetica,sans-serif; font-size: 11px; color:#333; vertical-align:middle }
#newsletterForm .formbutton { margin:0; padding:0 0 1px 0; border:1px solid #9b9b9b; width:24px; background-color:#9b9b9b;  font-family:arial,helvetica,sans-serif; font-size: 11px; color:#fff; vertical-align:middle; cursor:pointer }

/* En dernier */
body.home { background:#fff url(images/bg_home.png) 290px 124px no-repeat }
body.standard_01 { background:#fff url(images/bg_01.png) 190px 124px no-repeat } 
body.standard_02 { background:#fff url(images/bg_02.png) 190px 124px no-repeat }