@charset "UTF-8";

/* ============================================================================
 * Yahoo! UI Library - Reset CSS
 * ============================================================================
 *
 * The foundational YUI Reset CSS file removes and neutralizes the inconsistent
 * default styling of HTML elements, creating a level playing field across
 * A-grade browsers and providing a sound foundation upon which you can
 * explicitly declare your intentions.
 *
 * @see http://developer.yahoo.com/yui/reset/
 *
 * ============================================================================
 */

html,body{color:#FFF;background:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#111;}
del,ins{text-decoration:none;}

/* ============================================================================
 * Yahoo! UI Library - Fonts CSS
 * ============================================================================
 *
 * The foundational YUI Fonts CSS file offers cross-browser typographical
 * normalization and control. Fonts CSS:
 *     # Offers full A-grade browser support.
 *     # Provides consistent font sizing and line-height.
 *     # Provides appropriate cross-OS font-family degradation paths.
 *     # Supports user-driven font-size adjustment in the browser, including
 *       cross-browser consistency for adjusted sizes.
 *     # Works in both "Quirks Mode" and "Standards Mode."
 *
 * @see http://developer.yahoo.com/yui/fonts/
 *
 * ============================================================================
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font-size:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	line-height:100%;
}

/* ============================================================================
 * Yahoo! UI Library - Base CSS
 * ============================================================================
 *
 * Base is an optional CSS file that compliments YUI's core CSS foundation
 * (Reset, Fonts, and Grids). While Reset removes and neutralizes the
 * inconsistent default styling of HTML elements, Base applies a consistent
 * style foundation for common HTML elements across A-grade browsers.
 *
 * @see http://developer.yahoo.com/yui/base/
 *
 * ============================================================================
 */

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
del {
	text-decoration:line-through;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{
    width:12.25em;
}

/* Sidebar
-----------------------------------------------------------------------------*/

#sidebar {
    position: relative;
    z-index: 20;
    width: 135px;
    height: 577px;
    background: url(/pix/background-menu.png);
    padding: 30px 0 0 0;
}

#sidebar a, #sidebar a:link, #sidebar a:visited,
#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
    text-decoration: none;
}

#sidebar a {
    display: block;
}
#sidebar img {
    width: 135px;
    padding: 10px 0;
}
#sidebar a:hover, #sidebar a.sel {
    background: url(/pix/menu-hover.png);
}

/* BASE */

:focus {
    outline: 1px dotted invert;
}

form, fieldset, label {
    margin: 1em 0;
}

/* Textareas in IE have vertical scrollbar visible by default.
 * If you want those removed use this line :
 */
textarea{
    overflow: auto;
}
input[type=text],input[type=password],textarea {
    width: auto;
}

/* 2 deep unordered lists use a circle */
ol ul li, ul ul li {
    list-style: circle outside
}
/* 3 deep (or more) unordered lists use a square */
ol ol ul li, ol ul ul li,
ul ol ul li, ul ul ul li {
    list-style: square outside
}
/* Nested lists have no top/bottom margins */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
    margin-top: 0;
    margin-bottom: 0;
}

ins {
    text-decoration: none;
    outline: 1px solid invert;
}

/* @file css/basic/links/default.css
 * ============================================================================
 * Hypertext Module
 * ============================================================================
 *
 * Elements :
 *   a
 *
 * ============================================================================
 */

a {
    cursor: pointer;
    text-decoration: underline;
}

a:link {
    text-decoration: underline;
}

a:visited {
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

/* @file css/body/fixed.css.php
 * ============================================================================
 * Fixed (or Static) Layout
 * ============================================================================
 *
 * Fixed (or Static) Layout depends on the decision of the designer.
 * Dimensions are set in pixels.
 *
 * ============================================================================
 */

body {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

#container {
    position: relative;
    width: 1000px;
    color: #000;
    background: #FFF url(/pix/background.jpg);
    text-align: left;
    margin: 0 auto;
    border-width: 0;
    padding: 30px 0 0 0;
}

/* @file css/layout/2-columns/left-sidebar.css.php
 * ============================================================================
 * 2 Column Layout, Left Sidebar
 * ============================================================================
 *
 * +--+---------+
 * |  |         |
 * |me| content |
 * |nu|         |
 * |  |         |
 * +--+---------+
 *
 * ============================================================================
 */

#body {
    clear: both;
}

#main-content {
    float: right;
    display: inline; /* For IE */
    width: 865px;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

#sidebar {
    float: right;
    display: inline; /* For IE */
    width: 135px;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

#footer {
    clear: both;
}

/* @file css/nav/common.css
 * ============================================================================
 * Nav Common
 * ============================================================================
 *
 * blabla
 *
 * ============================================================================
 */

/* Lists in sidebar have no decoration/padding */

#sidebar ul, #sidebar ol {
    padding-left: 0;
    margin-left: 0;
}

#sidebar ul li {
    list-style-type: none;
}

/* @hack@ [IE6/Win] Browser fix */
* html #sidebar a {
    height: 1px;
}

/* @hack@ [IE5/Mac] Browser fix */
/*\*//*/
* html #sidebar a {
    height: auto;
}
/**/

/* @file css/basic/browser-fixes.css
 * ============================================================================
 * Browser Fixes
 * ============================================================================
 *  	
 * This file uses CSS filtering methods to fix various
 * layout bugs.
 *
 * ============================================================================
 */

/*
 * @hack@ [IE6/Win] Fix the "Peekaboo Bug", using the "Holly Hack"
 * ----------------------------------------------------------------------------
 *
 * References :
 *   - IE6 Peekaboo Bug
 *       http://www.positioniseverything.net/explorer/peekaboo.html
 *   - Backslash Hack
 *       http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
 *   - Star HTML Selector Bug (Tan Hack)
 *       http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
 */

/*__ Fix IE6/Win, hide from IE5/Mac \*/

* html #container,
* html #body {
    height: 0.1%;
}

/*__ End hack */

/*
 * @hack@ [IE5/Win] Ensures #container wraps all content on window resize
 * ----------------------------------------------------------------------------
 *
 * References :
 *   - Mid Pass Filter
 *       http://tantek.com/CSS/Examples/midpass.html
 */

@media tty {
    i { content:"\";/*" "*/}} * html #container { height: 1%; } /*"; }
} /* */

/* ============================================================================
 * Module Content
 * ============================================================================
 */

.content-block:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.content-block {
    display: inline-block;
}
html[xmlns] .content-block {
    display: block;
}
* html .content-block {
    height: 1%;
}

.content-block-0001 {
    margin: 0;
    padding: 0;
}
.content-block-0001 > p {
    margin-top: 0;
}
.content-block-0002 {
    margin: 0;
    padding: 0;
}
.content-block-0002 .col1 {
    float: left;
    margin: 0;
    width: 49%;
    margin-right: 1%;
}
.content-block-0002 .col2 {
    float: left;
    margin: 0;
    width: 49%;
    margin-left: 1%;
}
.content-block-0002 .col1 > p,
.content-block-0002 .col2 > p {
    margin-top: 0;
}
.content-block-0021 {
    margin: 0;
    padding: 0;
}
.content-block-0021 img {
    float: left;
    margin: 0 1em .5em 0;
    border: 0;
}
.content-block-0021 > p {
    margin-top: 0;
}
.content-block-0022 {
    margin: 0;
    padding: 0;
}
.content-block-0022 img {
    float: right;
    margin: 0 0 .5em 1em;
    border: 0;
}
.content-block-0022 > p {
    margin-top: 0;
}
.content-block-0041, .content-block-0042 {
    margin: 0 0 1em 0;
    padding: 0;
}
.content-block-0041 img, .content-block-0042 img {
    float: left;
    margin: 0 0 .5em 0;
    border: 0;
}

/* ============================================================================
 * Feuille de style
 * ============================================================================
 */

#body {
    font-size: 123.1%;
    overflow: hidden;
}

#motif div {
    position: absolute;
    z-index: 10;
    width: 217px;
    height: 203px;
}
#motif1 { background: url(/pix/motif-hg.png) no-repeat; top: 0; left: 0; }
#motif2 { background: url(/pix/motif-hd.png) no-repeat; top: 0; right: 0; }
#motif3 { background: url(/pix/motif-bg.png) no-repeat; bottom: 0; left: 0; }
#motif4 { background: url(/pix/motif-bd.png) no-repeat; bottom: 0; right: 0; }

#header {
    height: 30px;
}
#footer {
    text-align: center;
    color: white;
    padding: 30px 0 4px 0;
    font-size: 93%;
}
#footer a {
    color: white;
}
.home {
    text-align: center;
    padding: 0;
}
.home img.logo {
    position: relative;
    z-index: 30;
    display: block;
    margin: 0 auto 20px auto;
}
.home .fleft {
    float: left;
    padding: 0 16px 0 16px;
    width: 820px;
}
.home .half {
    padding-right: 0;
    width: 410px;
}
.home .fullw {
    width: 836px;
}
.home .fullw .box_body {
    text-align: center;
}
.box {
    margin-bottom: 1em;
    color: black;
    background-color: white;
    border: 1px inset #F5DA85;
}
.box_head {
    border-bottom: 1px inset #F5DA85;
}
.box_body {
    padding: .5em;
    text-align: left;
    background: #F6EDD2 url(/pix/papier2-bg.png);
}
.box h3 {
    margin: 0;
    padding: .25em .5em;
    color: black;
    background: #F5E6B8 url(/pix/papier2-bg-dark.png);
}
.box h4 {
    text-align: left;
}
.box img.actu {
    float: left;
    padding: 0 .5em .5em 0;
}
.collection {
    text-align: center;
    padding: 20px 50px 20px 50px;
    overflow: hidden;
}
.collection .index {
    float: left;
    width: 50%;
}
.collection img.logo {
    position: relative;
    z-index: 30;
    display: block;
    margin: 0 auto 2px auto;
    padding: 10px;
    background: white url(/pix/texture-papier-gris.png);
}
.collection_selection {
    text-align: center;
    padding: 0;
}
.collection_selection img {
    width: 48px;
    height: 72px;
    border: 1px solid white;
}
.collection_selection img:hover {
    width: 80px;
    height: 120px;
    margin-top: -48px;
}
#page {
    padding: 20px 60px;
}
.relief {
    padding: .5em 1em;
    background: #F07A7A;
}
.obligatoire {
    font-weight: bold;
    color: red;
}
th,td {
	border:1px solid #BEAEA1;
}

/* ============================================================================
 * Team
 * ============================================================================
 */

.teamimg {
    float: left;
    margin: 8px;
    padding: 10px 10px 1px 10px;
    background: white url(/pix/texture-papier-gris.png);
    text-align: center;
    font-weight: bold;
    width: 198px;
}
.teamimg img {
    padding-bottom: 8px;
}

#team {
    position: relative;
    width: 450px;
    margin: 100px auto 40px auto;
}
#team .img {
    position: absolute;
    top: -100px;
    left: -80px;
}
#team .top {
    background: url(/pix/carton-top.png) no-repeat;
    width: 450px;
    height: 146px;
}
#team .mid {
    background: url(/pix/carton-mid.png) repeat-y;
    width: 377px;
    padding: 20px 15px;
    overflow: hidden;
}
#team .bot {
    background: url(/pix/carton-bot.png) no-repeat;
    width: 450px;
    height: 100px;
}
#pagerL {
    float: left;
    text-align: left;
    width: 43%;
    margin-left: 7%;
}
#pagerR {
    float: right;
    text-align: right;
    width: 43%;
    margin-right: 7%;
}
.aright {
    text-align: right;
}
.acenter {
    text-align: center;
}
#scotch div {
    position: absolute;
}
#scotch1 { background: url(/pix/scotch1.png) no-repeat; width: 165px; height: 89px; top: -15px; left: 160px; }
#scotch2 { background: url(/pix/scotch2.png) no-repeat; width: 87px; height: 131px; top: 50%; left: -60px; }
#scotch3 { background: url(/pix/scotch2.png) no-repeat; width: 87px; height: 131px; bottom: -35px; left: 180px; }

/* ============================================================================
 * Papier
 * ============================================================================
 */

#papier {
    position: relative;
    width: 760px;
    margin: 40px auto 0 auto;
}
#papier .top {
    background: url(/pix/papier2-top.png) no-repeat;
    width: 760px;
    height: 50px;
    padding: 10px 0 0 0;
    text-align: center;
}
#papier .mid {
    background: url(/pix/papier2-mid.png) repeat-y;
    width: 690px;
    padding: 10px 35px 0 35px;
    overflow: hidden;
}
#papier .toc {
    float: right;
    border: 1px solid #BEAEA1;
    padding: .75em;
    margin: 0 0 1em .75em;
}
#papier .bot {
    background: url(/pix/papier2-bot.png) no-repeat;
    width: 760px;
    height: 60px;
}

.clearfix {
    overflow: hidden;
}
object {
    margin: 0 0 1em 0;
}
.grayed {
    color: gray;
    background-color: transparent;
}