/* ****************************************************

	@file         global.css
	@description  Feuille de styles globale
	@author       jpsirois && cdemers (ixmedia.com)

***************************************************** */

/* Reset {{{ */
/*
	html5doctor.com Reset Stylesheet
	v1.4.1
	2010-03-01
	Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body {
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

.hr {
	border-top:1px solid #cccccc;
	border:0;
	display:block;
	height:1px;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/*}}}*/

/* Basic {{{
******************************************************************************/

html { font-size: 62.5%; overflow-y: scroll; background: url("../images/bg-html.png") repeat left top; }
html, body { height: 100%; }

body {
	background: url("../images/bg-body.png") repeat-x left top;
	color: #737373;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 150%;
	line-height: 1.3;
}
html, body, #wrap, #conteneur {
	width:100%;
}

p,ul,ol,table,blockquote { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; color: #859EA2; }
a[href] { cursor: pointer; }
a:focus { outline: 0; }
a.focus { outline: 3px solid #a5ccee; }
a.focus:active { outline: 3px solid #6dace1; }
a:visited { color: ; }
a:link:hover, a:link:focus { color: #979782; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: #859EA2; }
a[href] *, button * { cursor: pointer; }
a, button, a span {	-webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; }
hr { display: none; }
small { font-size: 90%; }
button { width: auto; overflow: visible; }
input, select, button, textarea, option, .ui-selectmenu, .ui-selectmenu-menu { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; font-size: 100%; margin: 0; }
textarea { resize:none; }
button, label, select, option, input[type=submit], input[type=button] { cursor: pointer; }
.groupe:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;font-size:0; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 75%; }
sup { bottom: 1ex; }
sub { top: .5ex; }
button::-moz-focus-inner { border: 0; padding: 1px; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
h1,h2,h3,h4,h5,h6 {
	line-height: 1.1;
	text-rendering: optimizeLegibility;
	font-family: Sansation, Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight: 200;
}
header, footer, nav, section, hgroup, article, aside, figure, canvas { display: block; }
time { display: inline; }
::selection { color:#fff; background: #859EA2; text-shadow: none; }
::-moz-selection { color:#fff; background: #859EA2; text-shadow: none; }
.no-text { text-indent: -9999px; }

blockquote {
	background: #f4f4eb;
	border-top: 1px solid #dcdcd5;
	border-left: 1px solid #dcdcd5;
	padding: 1em 2.5em;
	color: #858484;
}

blockquote::before,
blockquote::after {
	font-size: 200%;
	letter-spacing:0;
	text-transform:uppercase;
	position: relative;
	top: 0.25ex;
	line-height:0;
	color: #9b9999;

}

blockquote::before {
	content: "�";
	margin: 0 0.2em 0 -0.8em;
	left: 0em;
}

blockquote::after {
	margin: 0 0 0.16em 0.2em;
	content: "�";
}

blockquote.no-quote::before {
	content: " ";
	margin: 0 0.2em 0 -0.8em;
	left: 0em;
}

blockquote.no-quote::after {
	margin: 0 0 0.16em 0.2em;
	content: " ";
}

/*}}}*/


html, body, #wrap, #conteneur {
    width: 100%;
}

body {
    background: url("../images/bg-body.png") repeat-x scroll left top transparent;
    color: #404040;
    font-family: Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
    font-size: 150%;
    line-height: 1.3;
}

#conteneur {
    background: url("../images/bg-conteneurs.jpg") no-repeat scroll center -200px transparent;
    min-height: 100%;
}


#main{
	padding: 10px 30px;
	float: none;
	background: none;
}


.texte{
	color: #FFF;
	position: relative;
	z-index: 2000;
	padding: 0 20px 10px 0;
	font-size: 1.2em;
}

#entete,
#contenu {
	position:relative;
	margin: 0 auto;
	width: 960px;
}


/* #entete {{{
******************************************************************************/

#entete {
	height: 140px;
	padding: 35px 0 0 0;
	z-index: 9999;
}

#entete .inner {
	position: relative;
	margin: 0 0 0 20px;
}

#entete .main-nav {
	position: absolute;
	right: -8px;
	top: 105px;
	font-family: Sansation, Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-transform: lowercase;
	font-size: 110%;
	letter-spacing: 0.04em;
}

#entete .main-nav .wrap {
    background: url("../images/texture-noise.png") repeat scroll left top rgba(133, 158, 162, 0.75);
    padding: 0.4em 0 0 1em;
    position: relative;
    z-index: 9999;
}

#entete .main-nav .bg-deco {
    background: none repeat scroll 0 0 rgba(133, 158, 162, 0.85);
    border-bottom-right-radius: 7px;
    height: 87%;
    left: 0;
    margin: 0 2em 2em 0;
    position: absolute;
    top: 0;
    width: 97%;
    z-index: 1000;
}

#titre-site {
    left: 28px;
    position: absolute;
    top: 26px;
    z-index: 9999;
}

/*}}}*/

#contenu {
    background: url("../images/bg-wrap.png") repeat-y scroll center top transparent;
    height: auto !important;
    min-height: 600px;
}

#main {
	line-height: 1.4;
	margin: 0 0 20px;
}

#main .titre {
	font-weight: 200;
	font-size: 240%;
	margin: 0 0 1em 0;
	color: #83ABAF;
	text-transform: lowercase;
}

#main h1 + .content p:first-child::first-letter {
	font-size: 295%;
	letter-spacing: 0;
	text-transform: uppercase;
	float: left;
	margin: 0.16em 0.2em 0 0;
	line-height: 0.8;
	color: #a6a6a6;
}

#main h1 + .nofl p:first-child::first-letter,
#main .content table th p:first-child::first-letter,
#main .content table td p:first-child::first-letter {
	font-size: inherit;
	letter-spacing: inherit;
	text-transform: none;
	float: none;
	margin: inherit;
	line-height: inherit;
	color: inherit;
}

#main p {
	clear: both;
}

#main p a {
	text-decoration: underline;
}

#main p a:hover{
	color: #859EA2;
}

#main .hr {
	display: block;
	background: url("../images/lignes-double-dotted-horizontale.png") repeat-x left top;
	height: 4px;
	margin-top: 2em;
}

#main h2 {
	font-size: 140%;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	margin: 0 0 0.5em;
	color: #83ABAF;
}

#main h3 {
	font-size: 110%;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	margin: 0 0 0.5em;
	color: #738f94;
	font-weight: bold;
}

#main ul,
#main ol {
	margin-left: 2.5em;
	line-height: 1.75;
}

#main ol li {
	margin-left: 0.7em;
}

#main ul li {
	list-style: none;
	padding: 0 0 0 12px;
	background: url("../images/liste-contenu.gif") no-repeat left 0.6em;
}




/* @font-face Sansation {{{
******************************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 15, 2010 */
@font-face {
	font-family: 'Sansation';
	src: url('fonts/sansation/sansation_light-webfont.eot');
	src: local('☺'), url('fonts/sansation/sansation_light-webfont.woff') format('woff'), url('fonts/sansation/sansation_light-webfont.ttf') format('truetype'), url('fonts/sansation/sansation_light-webfont.svg#webfontWjmzDMeH') format('svg');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Sansation';
	src: url('fonts/sansation/sansation_regular-webfont.eot');
	src: local('☺'), url('fonts/sansation/sansation_regular-webfont.woff') format('woff'), url('fonts/sansation/sansation_regular-webfont.ttf') format('truetype'), url('fonts/sansation/sansation_regular-webfont.svg#webfont222iCwNh') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Sansation';
	src: url('fonts/sansation/sansation_bold-webfont.eot');
	src: local('☺'), url('fonts/sansation/sansation_bold-webfont.woff') format('woff'), url('fonts/sansation/sansation_bold-webfont.ttf') format('truetype'), url('fonts/sansation/sansation_bold-webfont.svg#webfontMldyAFDL') format('svg');
	font-weight: bold;
	font-style: normal;
}

/*}}}*/