* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: #FFFFFF; color: #666666; font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; min-width: 780px; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 .6em 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; color: #003366; font-weight: bold; letter-spacing: .1em; }

h1 {
display: none;}

#content h2 { font-size: 1.6em; }

#content h3 { font-size: 1.3em; }

#content h4 { font-size: 1em; }

#content h5{ font-size: 1em; }

#content h6 { font-size: 1em; }

#content-b h3 { height: 15px; overflow: hidden; text-indent: -9999px; width: auto; }

/* =Headings - IR
----------------------------------------------- */
#content-b h3#rappel { background: transparent url(../images/GM11_header_sidesnips.gif) no-repeat 0 0; }

#content-b h3#coor { background: transparent url(../images/GM11_header_siteupdates.gif) no-repeat 0 0; }

#content-b h3#photo { background: transparent url(../images/GM11_header_coolsites.gif) no-repeat 0 0; }

#pageheader { height: 15px; overflow: hidden; text-indent: -9999px; width: auto; }

.homepage #pageheader { background: transparent url(../images/GM11_pageheader_homepage.gif) no-repeat 0 0; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #333333; }

a:visited, a:hover, a:focus, a:active { background: transparent; color: #000000; }

/* =Lists
----------------------------------------------- */
#content ol { list-style-position: inside; list-style-type: lower-roman; }

#content ul { list-style-type: none; }

#content ul li { background: transparent url(../images/GM11_li_bullet.gif) no-repeat 0 0; padding-left: 20px; }


/* =Quotations
----------------------------------------------- */
blockquote { font-style: normal; text-indent: -.7em; }

blockquote cite { display: block; font-style: normal; margin: .8em 0 0 .6em; }


/* =heures and notes
----------------------------------------------- */
div.note-plus, div.note-heure { background: transparent; border: 1px solid #DDDDDD; color: #999999; font-size: 1.0em; padding: 5px 10px; width: 90%; }

div.note-heure:hover, div.note-plus:hover { border: 1px solid #000; color: #000; }


/* =Wrappers
----------------------------------------------- */
#wrapper-a { background: transparent url(../images/GM11_wrapper-a.jpg) repeat-x 0 0; width: auto; }

#wrapper-b { background: transparent url(../images/GM11_wrapper-b.gif) repeat-y 0 0; margin: 0 auto; text-align: left; width: 780px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: url(../images/GM11_heading_background.jpg) #FFFFFF no-repeat 0 0; height: 222px; position: relative; width: 780px; }

#heading h2 { left: 45px; position: absolute; top: 98px; }

#heading-intro {
	background: transparent;
	border-left: 1px solid #003366;
	color: #EEEEEE;
	left: 450px;
	font-weight: bold;
	font-size: 1.4em;
	padding-left: 10px;
	position: absolute;
	top: 100px;
	width: 300px;
	height: 66px;
}

#heading h2 a { background: transparent url(../images/GM11_heading_branding.jpg) no-repeat 0 0; display: block; height: 58px; overflow: hidden; text-indent: -9999px; width: 303px; }

#heading h3, #heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }

/* =Content Layout
----------------------------------------------- */
#content-a { float: left; font-size: 1.2em; width: 480px; }

#content-b { float: left; font-size: 1em; width: 300px; }

#content-c { clear: both; }

#content-a-inner { padding: 8px 9px 8px 18px; }

#content-b-inner { padding: 8px 18px 8px 18px; }

#content-b-inner div { margin-bottom: .8em; }

#content-c-inner { margin: 0 0 .5em 0; padding: 0 18px; text-align: center; }

/* =Footer
----------------------------------------------- */
#footer { background: url(../images/GM11_footer.jpg) repeat-x bottom left; padding: 15px; }

#footer p { color: #EEEEEE; font-size: 1.0em; line-height: 1em; margin: 0 0 .4em 0; text-align: center; text-transform: uppercase; }

#footer a:link, #footer a:visited { font-size: 1.2em;  font-weight: bold; border-bottom: 1px dotted #EEEEEE; color: #fff; text-decoration: none; }

#footer a:hover, #footer a:focus, #footer a:active { color: #036; }

/* =Main Navigation
----------------------------------------------- */
#nav-a { left: 320px; list-style-type: none; position: absolute; top: 15px; }

#nav-a li { float: left; margin: 0 1px 0 0; width: 104px; }

#nav-a li a { display: block; height: 20px; overflow: hidden; text-indent: -9999px; width: 104px; }

#nav-a-about a { background: transparent url(../images/GM11_nav_about.jpg) no-repeat 0 0; }

#nav-a-downloads a { background: transparent url(../images/GM11_nav_downloads.jpg) no-repeat 0 0; }

#nav-a-tutorials a { background: transparent url(../images/GM11_nav_tutorials.jpg) no-repeat 0 0; }

#nav-a-contact a { background: transparent url(../images/GM11_nav_contact.jpg) no-repeat 0 0; }

#nav-a-about a:hover, #nav-a-about a:focus, #nav-a-about a:active, #nav-a-downloads a:hover, #nav-a-downloads a:focus, #nav-a-downloads a:active, #nav-a-tutorials a:hover, #nav-a-tutorials a:focus, #nav-a-tutorials a:active, #nav-a-contact a:hover, #nav-a-contact a:focus, #nav-a-contact a:active { background-position: 0 -20px; }


/* =Floats
----------------------------------------------- */
.float-left { float: left; margin-right: 10px; }

.float-right { float: right; margin-left: 10px; }


/* =Linkeo Stuffs
----------------------------------------------- */
#powered a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}
#powered img {
	height: 12px;
	width: 12px;
	vertical-align: middle;
}

.linkeo_cnil {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
}

hr {
padding: 0 10px;
border-top: 1px dashed #666;
border-bottom: 2px solid #039;}

div.note { background: transparent; border: 1px solid #039; color: #666; font-size: 1.0em; padding:10px; width: 90%; margin: 10px; background: url(../images/note.jpg) top right no-repeat;}

div.note:hover { border: 1px solid #666; color: #039; }

div.cal { background: transparent; border: 1px solid #039; color: #666; font-size: 1.0em; padding:10px; width: 90%; margin: 10px; background: url(../images/cal.jpg) top right no-repeat;}

div.cal:hover { border: 1px solid #666; color: #039; }

div.cert { background: transparent; border: 1px solid #039; color: #666; font-size: 1.0em; padding:10px; width: 90%; margin: 10px; background: url(../images/cert.jpg) top right no-repeat;}

div.cert:hover { border: 1px solid #666; color: #039; }

div.service { background: transparent; border: 1px solid #039; color: #666; font-size: 1.0em; padding:10px; width: 90%; margin: 10px; background: url(../images/service.jpg) top right no-repeat;}

div.service:hover { border: 1px solid #666; color: #039; }