/*
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 }

sup { /*vertical-align: super;*/ font-size: 11px }
#footer, #footer p { font-size:11px; color:#999 }

/* 20110307 JHa
.footerTel01 { padding-left:54px }
.footerTel02 { padding-left:41px }
.footerTel03 { padding-left:30px }
*/

.footerTel01 { padding-left:2px }
.footerTel02 { padding-left:2px }
.footerTel03 { padding-left:2px }

.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: none; 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; }

/*
Menu pages
*/
ul#mainMenu  { position:absolute; top:124px; height: 40px; }
ul#mainMenu li a.currentMenu { font-weight:bold; background-color:#97b7ca }
ul#mainMenu, ul#mainMenu ul { padding: 0; margin: 0; list-style: none; text-align: center; }
ul#mainMenu a { display: block; padding: 0; margin:0; background: #39363c; color: #fff; text-decoration: none; }
ul#mainMenu li { float : left;margin:0; padding:0; background-color:#39363c; opacity: 0.9; }
ul#mainMenu li a { text-align:center; color:#fff; text-decoration:none; border-left:1px solid #fff; text-transform:uppercase; font:normal 12px/25px Arial, Helvetica, sans-serif }

ul#mainMenu li ul { position: absolute; width:92px; left: -999em; padding: 0 0 5px 0; }
ul#mainMenu li ul li a { line-height:15px; }
ul#mainMenu li:hover a { background-color: #97b7ca; }
ul#mainMenu ul li a:hover { color: #9acce9; }
ul#mainMenu li:hover ul, ul#mainMenu li li:hover ul, ul#mainMenu li.sfhover ul, ul#mainMenu li li.sfhover ul { left: auto; min-height: 0; }

ul#mainMenu li a#mainNavBt0 { width:58px; margin-left:0; border: none; }

ul#mainMenu li ul.sousMenu1 li a,
ul#mainMenu li ul.sousMenu2 li a, 
ul#mainMenu li ul.sousMenu3 li a, 
ul#mainMenu li ul.sousMenu4 li a { text-transform: none; background-color: #39363c; padding: 2px 10px 2px 10px; text-align: left; border: none; }

ul#mainMenu li a#mainNavBt1 { width:90px; }
ul#mainMenu li ul.sousMenu1 li { margin:0; padding:0; }
ul#mainMenu li ul.sousMenu1 li a { width:100px; }

ul#mainMenu li a#mainNavBt2 { width:220px }
ul#mainMenu li ul.sousMenu2 li { mmargin:0; padding:0; }
ul#mainMenu li ul.sousMenu2 li a { width:202px; }

ul#mainMenu li a#mainNavBt3 { width:173px }
ul#mainMenu li ul.sousMenu3 li { margin:0; padding:0; }
ul#mainMenu li ul.sousMenu3 li a { width:155px; }

ul#mainMenu li a#mainNavBt4 { width:181px }
ul#mainMenu li ul.sousMenu4 li { margin:0; padding:0; }
ul#mainMenu li ul.sousMenu4 li a { width:162px; }

/*
CSS pour le nouveau menu (qui remplace le Flash)
*/

#homePage ul#nouveau { height:35px; background-color: #a6a4a7; border-bottom:1px solid #fff; }
#homePage ul#nouveau li { display:inline }

#homePage ul#nouveau li a { display:block; float:left; margin: 0; padding:0; text-align:center; background-color:#39363c; color:#fff; text-decoration:none; text-transform:uppercase; font:normal 12px/25px Arial, Helvetica, sans-serif; border-left:1px solid #fff;}

#homePage ul#nouveau li a { margin:0; padding:0; text-align:center; background-color:transparent; color:#fff; text-decoration:none; text-transform:uppercase; font:normal 12px/35px Arial, Helvetica, sans-serif }
#homePage ul#nouveau li#navigation1 a { width: 132px; background-color:#15122f; }
#homePage ul#nouveau li#navigation4 a { width:170px; }
#homePage ul#nouveau li#navigation2 a { width:251px; border: none; }
#homePage ul#nouveau li#navigation3 a { width:170px; }

#homePage #texte1, #homePage #texte2, #homePage #texte3, #homePage #texte4 { position: absolute; }
#homePage #texte1, #homePage #image1 { display: block; }
#homePage #image2, #homePage #image3, #homePage #image4, #homePage #texte2, #homePage #texte3, #homePage #texte4 { display: none;}

#homePage #texte2 { background-color: #543350; }
#homePage #texte3 { background-color: #043148; }
#homePage #texte4 { background-color: #211928; }

#homePage .homeCategoryNav { top: 308px; margin: 0; width:696px; height: 232px; border:none; padding:20px 10px 0 20px; background-color:#15122f; }
#homePage .homeCategoryNav li { font-size:11px; margin: 0 0 4px 0; background:transparent url(images/menu_icon.png) 0px 6px no-repeat; padding: 2px 0 6px 12px; line-height: 14px; }
#homePage .homeCategoryNav li a { color:#fff; text-decoration:none; /*text-transform: none; border: none; float: none;  font-size: 11px;*/ }

#homePage .homeCategoryNav ul.col1 { float: left; width: 300px; }
#homePage .homeCategoryNav ul.col2 { float: left; width: 300px; margin: 0 0 0 50px; }

/*
Slider
*/
#wrapperslider { background-color: none; width:248px; margin:0 0 0 -1px; }

#slider {float:left; position:relative; overflow:auto; width:248px; height:81px; border:1px solid #fff; border-bottom: none; background-color: none; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:238px; height:81px; padding: 0 5px 0 5px; background-color:#e5e5e5; }

li.current {border:1px solid #ccc; background:#888}

li.contentslider {width:150px; height:270px; padding: 0 5px 5px 2px; }
.contentslider h4 {font-size:12px; margin-bottom:2px; color:#000; }
.contentslider p {font-size:11px; margin-bottom:2px; color:#006699; line-height: 15px; }

/* 
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 }