/*
Titre			stylesprint.css
Site 			gaf-training.com
Navigateurs 	tous
Autheur 		C.R. (www.megaphone.ch)
Date création 	21.11.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 }
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 
*/
blockquote { font:11px/18px Georgia, 'Times New Roman', Times, serif bold }

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

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#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; }

#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 
*/
html>body div#header {  } /*html>body n'est pas compris par IE6*/
body.home div#content { margin-top:0; margin-bottom:30px; width:984px }
div#homeSectionNav { position:absolute; top:308px; left:0; width:726px; height:242px }
ul#pageFunctions { margin-left:480px; border-top:11px solid #e5e5e5 }
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:180px; height:110px; padding-left:90px; margin:0 0 0 0 }

/* 
OTHERS 
*/
.clearing { clear:both }
fieldset { padding:0 0 10px 0 }
table.datesTable { width:100%; margin:2px 0 5px 0 }
table.datesTable th { color:#333; background-color:#ebebeb }
table.datesTable th, table.datesTable td { padding:3px 5px; border-bottom:1px solid #ccc }
.col_grey { background-color:#e3e3e3 !important }
.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 }

ul#mainMenu { display:none; }

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

#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 }

/*/// PRINT ///*/

/* Les blocs qui ne s'affichent pas à l'impression */
h1.title, div#accessibility, div#topText, ul#pageNav, ul#pageFunctions, ul#categoryNav, ul#mainNav, body.home ul#mainNav, ul#rightNav, ul#topNav, ul#pageNav li, ul#mainNav li, ul#rightNav li, ul#topNav li, form#searchForm, div#newsBlock, div#copyright, form#newsletterForm, .imgLarge, .noPrint, .footerSkypeInfo { display:none !important }

/* 
TYPO 
*/
h1 { font:bold 22pt/22pt Arial, Helvetica, sans-serif; margin:0 0 2px 0; color:#666 }
h2 { font:normal 21pt/23pt Arial, Helvetica, sans-serif }
h3 { font:normal 14pt/20pt Arial, Helvetica, sans-serif }
h4 { font:bold 11pt/16pt Arial, Helvetica, sans-serif }
p, .paragraphe { margin:20px 0 5px 0;font-size:1.1em; }
body, h4, p, li, dt, dd, label, input, textarea { font-family:Arial, Helvetica, sans-serif }
body, p, li, dt, dd, label, table, tr, td { font-size:10pt; line-height:15pt; color:#333 }
input, textarea { font-size:11pt; color:#333; padding:2px }

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

sup { /*vertical-align: super;*/ font-size: 11pt }

#footer, #footer p { font-size:10pt; color:#999 }
.footerTel01 { display:block;margin:0;padding:0; }
.footerTel02 { display:block;margin:0;padding:0; }
.footerTel03 { display:block;margin:0;padding:0; }
.footerWebsiteUrl { display:block;margin:0;padding:0; }
#footer a { color:#999; text-decoration:none }
#footer a:hover { color:#333; text-decoration:none }

/* 
LAYOUT 
*/
body { width:20cm; background-color:#fff; text-align:left; padding:0; margin:0; }
div#wrapper { margin:0;  }
div#header { position:absolute; top:0; right:0; width:100%; height:3cm; background:url(images/logo_gaf.png) top right no-repeat; }
div#content { position:absolute; width:100%; top:0; left:0; margin:0; padding:0  }
div#text { width:15cm; margin:1.5cm 6cm 0 0; padding:0; background-color:transparent; text-align:left;font-size:0.8em; }
div#homePage { display:none }
div#footer { position:absolute; top:3cm; right:0 !important; width:4.5cm; margin:0; padding:0.5cm 0 0 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #ececec; background-color:#fff; text-align:left;z-index:2; }
div#footer span, .closeDiv { display:block }
div.paragraphe { margin: 10pt 0 10pt 0 }
/*div#newsBlock, img.ambiantPict { position:absolute; top:14cm; right:0; width:4.5cm; margin:0; padding:0; border:none; background-color:none }*/
div#newsBlock, img.ambiantPict { float:right; top:0; right:0; width:3.5cm; margin:0; padding:0; margin-left:5px;border:none; background-color:none;z-index:0; }
table.datesTable { margin:1.5cm 0 1cm 0 }
table.datesTable { margin:1.5cm 0 1cm 0 }

/* En dernier */
body.home, body.standard_01, body.standard_02 { background-image:none }