html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}
html {height: 100%;padding-bottom: 1px;}
body {background: #FFF;color: #444;font: normal 75% sans-serif;line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {color: #444;font-weight: normal;line-height: 1;margin-bottom: 0.3em;}
h4,h5,h6 {font-weight: bold;}
h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
a:focus,a:hover {color: #039;}
a {color: #456;text-decoration: none;}
a:hover {text-decoration: underline;}
a.feed {background: url('img/icon-feed.gif') no-repeat left center;padding-left: 18px;}
a.more {color: #579;font-weight: bold;}
a.more:hover {color: #234;}
p {margin-bottom: 1em;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}
pre {margin: 1.5em 0;white-space: pre;}
pre,code,tt {font: 1em monospace;line-height: 1.5;}
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;margin-left: 1.9em;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
/* Subnav */
#sub-nav {
	border-bottom: 1px solid #DDD;
	padding: 12px 0;
}
#sub-nav a {
	font-size: 1.2em;
	text-decoration: none;
}
ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;margin-top: 0;}
ul.tabbed {display: inline;margin: 0;}
ul.tabbed li {float: left;}
ul.plain-list {margin: 0;}
ul.nice-list {margin-left: 0;}
ul.nice-list li {border-top: 1px solid #EEE;list-style: none;padding: 4px 0;}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}
table {
	margin-bottom: 1.4em;
	width: 100%;
	border: thin solid #CCC;
}

th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {
	padding: 4px 10px 4px 5px;
	border: thin solid #CCC;
}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}
table.data-table {border: 1px solid #CCB;margin-bottom: 2em;width: 100%;}
table.data-table th {background: #F0F0F0;border: 1px solid #DDD;color: #555;text-align: left;}
table.data-table tr {border-bottom: 1px solid #DDD;}
table.data-table td, table th {padding: 10px;}
table.data-table td {background: #F6F6F6;border: 1px solid #DDD;}
table.data-table tr.even td {background: #FCFCFC;}

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}
.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}
.hidden {display: none;}
.quiet, .quiet a {color: #999;}
.loud, .loud a {color: #000;}
.highlight, .highlight a {background:#ff0;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}
.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;}
.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;padding: 5px;}
#error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;padding: 15px;}
#ajout nput{background: #FCFCFC; border: 1px inset #AAA;margin: 0.5em 0;padding: 4px 5px;}
#ajout input:focus{background: #FFFFF5;}
input .error {background: #FBE3E4; color: #8A1F11; background: #FCFCFC; border: 1px inset #FBC2C4; margin: 0.5em 0; padding: 4px 5px;}
.error a {color: #8A1F11;}
.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}
.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}
.label {
	border-left-style: solid;
	border-left-width: 4px;
	margin-bottom: 0.2em;
	padding-left: 10px;}
.label-blue {border-left-color: #55AADA;}
.label-green {border-left-color: #B7D897;}
.label-orange {border-left-color: #FA8F6F;}


.book{margin: 15px;padding: 10px;background: #8CA4C6;}
.hide{display: none;}


/* 
   Formulaires 
------------------------------------------------------------------- */

label {
	cursor: pointer;
	font-weight: bold;}
label.checkbox, label.radio {font-weight: normal;}
legend {
	font-weight: bold;
	font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
input.buttona {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;}
input.buttona:active {border-style: inset;}
a.form_button {
	float: left;
	width: 93px; height: 31px;
	margin-right: 15px;
}
form .required {font-weight: bold;}
.form-error {border-color: #F00;}
.form-row {padding: 5px 0;}
.form-row-submit {
	border-top: 1px solid #DDD;
	padding: 8px 0 10px 76px;
	margin-top: 10px;
}
.legend {
	background: #F0FAF0;
	border: 1px solid #D6DFD6;
	font-size: 1.5em;
	margin: 0;
	padding: 8px 14px;
}
.form-property, .form-value {float: left;}
.form-property {
	padding-top: 8px;
	text-align: right;
	width: 60px;
}
.form-value {padding-left: 16px;}
.form-error {border-color: #F00;}

.ok{
	cursor : pointer;
}
.load{
	cursor : Wait;
}



/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* img */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}
.imagecenter{
	display: block; 
	margin: 0 auto;
}


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}


/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
	background: #E5E5E5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {margin: 32px 0;}
.archive-separator {margin-bottom: 20px;}


/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 20px;}

.post img.left, .post img.right {margin-bottom: 0;}

.post-date {
	color: #777;
	margin: 2px 0 10px;
}
.post-date a {color: #444;}

.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}

.post-body {font-size: 1.1em;}
.post-body a {color: #039;}
.post-body a:hover {color: #039;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}


/* Archives */
.archive-pagination {
	color: #777;
	padding: 10px 0;
}
.archive-pagination-top {
	border-bottom: 2px solid #DDD;
	margin-bottom: 24px;
}
.archive-pagination-bottom {
	border-top: 2px solid #DDD;
	margin-top: 24px;
}

.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}


/* 
   Comments 
------------------------------------------------------------------- */

.comment-input-text textarea {width: 80%;}

/* Comment list */

.comment-list-wrapper {
	background: #F6F6F6;
	margin: 10px 0 0;
	padding: 5px 12px 10px 7px;
}
.comment-list {
	margin: 0;
	padding: 0;
}
.comment-list li {list-style: none;}
.comment-list ul {margin-bottom: 0;}

.comment-profile-wrapper {
	text-align: center;
	width: 105px;
}

.comment-gravatar {margin-bottom: 3px;}

.comment-content-wrapper {
	float: right;
	width: 481px;
}

.comment-parent, .comment-single {margin-top: 15px;}

.comment-list ul.children, #comments #respond ul {
	border-left: 1px solid #CCC;
	margin: 0 0 0 130px;
}
.comment-list ul.children ul.children {margin-left: 15px;}

.comment-list ul.children li {
	background: url('img/comment-reply.gif') no-repeat left top;
	margin: 0;
	padding: 10px 0 0 15px;
}

.comment-body {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px 12px 0;
}
.comment-list ul.children .comment-body {background: #FCFCFC;}

.comment-author {padding-top: 2px;}

.comment-text p {margin-bottom: 0.8em;}

.comment .post-date, .comment-author {font-size: 0.9em;}
.comment .post-date .right a {color: #BBB;}
.comment .post-date .right a:hover {color: #234;}

.comment-arrow {
	background: url('img/comment-arrow.gif') no-repeat left top;
	display: block;
	float: left;
	height: 45px;
	margin: 3px 0 -45px -41px;
	position: absolute;
	width: 29px;
}

/* Respond */

#respond li {list-style: none;}
#respond {
	background: #F6F6F6;
	padding: 10px 12px;
}
#respond ul {margin: 0;}
#respond .legend {margin-bottom: 10px;}

#comments #respond {padding: 0;}
#comments #respond .legend {
	border-bottom: 0;
	margin-bottom: 0;
}
#comments #respond ul {
	background: url('img/comment-reply.gif') no-repeat left top;
	padding: 10px 0 0 15px;
}
#comments ul.children #respond ul {
	margin-left: 30px;
	padding: 0;
}

#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}
#comments #respond .comment-body {background: #FFF;}
#comments #respond .comment-content-wrapper {
	float: none;
	width: 100%;
}


/* 
   Layout 
------------------------------------------------------------------- */

/* Common */
#top, #sub-nav {border-bottom: 1px solid #DDD;}


/* Wrapper */
#site-wrapper {
	margin: 0 auto;
	width: 920px;
}


/* Header */
#header {padding-top: 24px;}

/* Top */
#top {padding-bottom: 32px;}


/* Logo */
#logo {	border-right: 1px solid #DDD;
	padding: 10px 40px 10px 0;
	margin-right: 40px;
	vertical-align: middle;}
}
#logo img {}

/* Splash */
#splash {padding-top: 32px;}


/* Navigation */
.navigation a {
	color: #888;
	text-decoration: none;
}
.navigation a:hover {color: #002;}
.navigation li.current-tab a {color: #222;}

#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}

/* Main navigation */
#main-nav {padding-top: 72px;}
#main-nav li {margin: 0 1.5em;}
#main-nav a {
	font-size: 1.8em;
	line-height: 2em;
	padding-bottom: 2px;
}
#main-nav li.current-tab a {color: #333;}
#main-nav a:hover {color: #002; border-bottom: 2px solid #B10006;}
#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}


/* Subnav */
#sub-nav {
	border-bottom: 1px solid #DDD;
	padding: 12px 0;
}
#sub-nav a {
	font-size: 1.2em;
	text-decoration: none;
}
#sub-nav a:hover {
	border-bottom: 1px solid #F55A7C;
}
#sub-nav li {margin: 0 1em;}
#sub-nav li.current-tab a {font-weight: bold;}

/* Main */
.main {margin: 24px 0;}

.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}
.main#main-two-columns-left {background: url('img/main-two-columns-left.gif') repeat-y left top;}
.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 620px;}

/* Sidebar */
#sidebar {width: 255px;}


/* Columns */
.col3, .col3-mid {width: 31%;}
.col3-mid {margin-left: 3%;}

/* Sections */
.section {margin-bottom: 24px;}
.section-title {
	background-color: #F9F9F9;
	border-top: 2px solid #DDD;
	color: #7A7A7A;
	font: bold 1.2em sans-serif;
	margin-bottom: 16px;
	padding: 7px 10px 6px;
}
#sidebar .section-title {margin-bottom: 8px;}


/* Footer */

#footer {
	border-top: 1px solid #DDD;
	color: #777;
	padding: 16px 0 4px;
}
#footer-left {width: 459px;}
#footer-right {
	width: 459px;
	text-align: right;
}
#footer p {margin-bottom: 0.4em;}
#footer .text-separator {
	padding: 0 3px;
	color: #BBB;
}
#footer a:hover {color: #000;}



/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}


/* 
   IE Fixes (zzz)
------------------------------------------------------------------- */

* html .navigation, * html #footer, * html #splash, * html .comment ul {height: 0.01%;}
* html #footer-left {width: 500px;}
.navigation, #splash, .comment ul {min-height: 0.01%;}


/* Propriétés suplémentaires */
.cover{
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
.right{
	/*text-align: right;*/
}
#presentation{
	padding-top: 10px;
}
#presentation p:first-letter{
	font-variant: small-caps ; 
	font-weight: bold;
	font-size: larger;
}
#presentation p{
	padding: 5px;
}
#livre{
	padding: 10px;
	margin-top: 10px;
	height: auto;
	min-height:310px;
	border: 2px solid #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	behavior: url(PIE.htc);
}
#livre p, #main-content p{
	margin:0;
	padding:0;
	text-align:justify;
}

.titre{
	font-variant: small-caps;
	font-weight: bold;
	font-size: larger;}
.gras{
	font-weight: bold;}
.milieu{
	text-align: center;}
#milieu{
	text-align: center;}
#tadmin{
	display: inline;}
#base td, #compte td, #site td{
	text-align: center;}
h4{
	line-height: 17pt;
	text-align: left;}
#consult legend{
	font-size: 10px;
	color: #7277C5;
	vertical-align: top;}
#consult fieldset{
	border: 2px solid #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	behavior: url(PIE.htc);
}
#consult p{
	text-align: center;}
.prix{
	font-size: 25px;
	color: #FF3300;
	font-family:Arial-black;}
.net{
	color: #060;
	margin: 0px;
	padding: 0px;
	font-size: 11px;}
.etat{
	font-weight: bold;
	text-transform: uppercase;
	color: #ef8639;}
#right{
	float: left;
	width: 70%;}
#left {
	margin-left: 80%;
	padding: 1em;}
#tablesorter{
	text-align: center;}
#livre b{
	font-weight: bold;
	color: red;
}
#presentation .titra{
	font-weight: bold;
	font-size: 1.2em;
}
#presentation a.lien:hover{
	text-decoration: none;
	border-bottom: 1px dotted;
}
.red{color: red;}
#styled {
	width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/* Style pour prévenir de mauvais fonctionnement de javascript */
.ortho{
	display: inline-block;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #DD4B39;
	font-style: italic;
}
.orthoa{
	font-size: 14px;
	color: #1122CC;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}


/* Connexion administration */
.try {width: 93px;height: 31px;background-position: -30px -156px;}
.try:hover {background-position: -30px -187px;}
.try:active {background-position: -30px -218px;}
#sign_up {-moz-border-radius: 6px;background: #eef2f7;-webkit-border-radius: 6px;border: 1px solid #536376;-webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;-moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;padding: 14px 22px;width: 400px;position: relative;display: none;}
#sign_up #sign_up_form {margin-top: 13px;}
#sign_up label {display: block;margin-bottom: 10px; color: #536376;font-size: .9em;}
#sign_up label input {display: block;width: 393px;height: 31px;background-position: -201px 0;padding: 2px 8px;font-size: 1.2em;line-height: 31px;}
#sign_up_form {position: relative;background: url(img/divider.png) repeat-x bottom left;padding-bottom: 54px;margin-bottom: 12px;}
#cancel { background-position: -198px -36px; }
#log_in { background-position: -291px -36px; }
#cancel:hover { background-position: -198px -67px; }
#cancel:active { background-position: -198px -98px; }
#log_in:hover { background-position: -291px -67px; }
#log_in:active { background-position: -291px -98px; }
#close_x { width: 24px; height: 23px;overflow: hidden; line-height: 1000px;display: block;position: absolute; top: 5px; right: 5px;background-position: -387px -102px;}
#actions #log_in{font-size: 110%;}
#actions input{color: #536376;}
#actions input:hover{color:#003399;text-decoration: underline;cursor: pointer;}
.hidden{display: none;}
#note{cursor : pointer;}
ul.notes-echelle {margin:0;padding:0;font:.75em/1.2 Arial, Helvetica, sans-serif;}
ul.notes-echelle li {float:left;padding:0;list-style:none;margin: 5px;}
ul.notes-echelle li label {display:block;text-align:center;line-height:20px;background:url(img/etoiles.gif) center top no-repeat;cursor:pointer;}
ul.notes-echelle li.note-off label {background-position:center -60px;}
ul.notes-echelle li.note-checked {font-weight:bold;}
ul.notes-echelle.js li {min-width:20px;min-height:20px;}
ul.notes-echelle.js input {position:absolute;left:-999%;}
ul.notes-echelle.js li.note-focus {outline:1px dotted #000;}

/* Tableau administration */
table.tablesorter {font-family:arial;background-color: #CDCDCD;margin:10px 0pt 15px;font-size: 8pt;width: 100%;text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color: #e6EEEE;border: 1px solid #FFF;font-size: 8pt;padding: 4px;}
table.tablesorter thead tr .header {background-image: url(img/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D;padding: 4px;background-color: #FFF;vertical-align: top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(img/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(img/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}

/* Page de contact */
#articles{font-size:0.825em;color:#ffffff;background-color:#7b7a7a;font-family:Arial, Helvetica, sans-serif;-moz-border-radius:20px;-webkit-border-radius:20px;}
#articles a.contacta, a.contacta:visited {color:#000000;text-decoration:none;outline:none;}
#articles a.contacta:hover{text-decoration:underline;}
#articles h1.contacta,h2.contacta,h3.contacta{font-family:Arial,Sans-Serif;text-shadow:0 1px 1px black;}
#articles h1.contacta{font-size:1.1em;font-weight: bold;letter-spacing:0.01em;font-style: italic;}
#articles h3.contacta{font-family:Arial,Sans-Serif;font-size:2.2em;font-weight:normal;margin:0 0 1em;}
#articles h2.contacta{font-size:1.6em;font-weight:normal;letter-spacing:0.01em;text-transform:uppercase;}
#articles h2.contacta{font-size:1.6em;font-weight:normal;letter-spacing:0.01em;text-transform:uppercase;}
#articles p.contacta{line-height:1.5em;padding-bottom:1em;}
#articles article .line{background-color:#000000;border-bottom-color:#878787;margin:1.3em 0;}
#articles footer .line{margin:2em 0;}
#articles article{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color: rgb(20,20,20);background-color: rgba(20,20,20,0.8);margin:2em 0;padding:20px;z-index:2;-moz-box-shadow:0 0 4px #000000;-webkit-box-shadow:0 0 4px #000000;box-shadow:0 0 4px #000000;}
#articles article a,article a:visited{font-size:1.2em;color:#878787;background-color:#141414;display:block;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#articles article a:hover{color:#ffffff;text-decoration:none;background-color:#141414;-moz-box-shadow:0 0 2px #ffffff;-webkit-box-shadow:0 0 2px #ffffff;box-shadow:0 0 2px #ffffff;}
#articles article a.contact{padding:6px 10px;float:right;}
#page{width:700px;margin:20px auto;position:relative;}
.line{height:1px;background-color:#000000;border-bottom:1px solid #416371;margin:1em 0;overflow:hidden;}
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.message {font-size:16px;background-color: rgb(58,57,57);background-color: rgba(57,57,57,0.6);text-align:left;color:#FFFFFF;display:none;width:500px;color: #ddb540;padding:10px;margin:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.message h1{color: #ddb540;}
.message li{list-style-type: circle;font-size:12px;font-style: italic;font-weight:bold;clear: both;}
.contact {text-align:right;margin-bottom:10px;}
.contact ul {list-style-type:none;width:400px;padding-bottom:10px;}
.contact li {list-style-type:none;font-size:12px;vertical-align: center;padding-top:10px;clear: both;}
.contact li.special {display:none;}
.contact input {float:right;display:inline;background-color: rgb(20,20,20);background-color: rgba(20,20,20,0.5);font-size:12px;padding:3px;color: #ffffff;border:1px solid #878787;width:300px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.contact input.bouton{font-size:14px;width:auto;float:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor: pointer;}
.contact textarea {float:right;background-color: rgb(20,20,20);background-color: rgba(20,20,20,0.5);font-size:12px;padding:3px;color: #ffffff;border:1px solid #878787;display:inline;width:300px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.contact label{padding-right:5px;}
.confirm{color: green;}

/* Menu admin */
#demo {font: normal 13px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;color: #dde9ec;padding-bottom: 40px;}
.demo a{color: #686F74; text-decoration: none;}
.demo a:hover,;demo a:focus {color: #686F74;text-decoration: none;}
#demo a:active {position: relative;top: 1px;}
#demo del { text-decoration: line-through; }
#demo li  { list-style: none; }
#demo button,#demo input[type="submit"],#demo input[type="image"],#demo label,#demo label > input[type="checkbox"],#demo label > input[type="radio"] {cursor: pointer;}
#demo ol, ul {margin-left: 40px;}
#demo ol li {list-style: decimal;}
#demo ul li {list-style: square;}
#demo li.spaced {margin-bottom: 20px;}
#demo strong {font-weight: normal;color: #fff;text-shadow: rgba(255, 255, 255, 0.85) 0 0 3px;}
.splitter {color: #FFF;margin-left: 40px;margin-bottom:40px;text-align: center;width: 500px; background: #35393c url("img/splitter.png") repeat-x 0 100%;padding: 15px 40px 5px;font-size: 12px;}
.splitter:after {content: "";display: block;height: 0;overflow: hidden;clear: both;}
.splitter ul {margin-right: 0;margin-top: 0;}
.splitter > li {padding-left: 8px;}
.splitter > li ul {margin-left: 8px;}
.splitter ul li a {position: static;}
.splitter li,.splitter ul,.splitter ul li a  {display: inline;display: inline-block;line-height: 1;}
.splitter ul,.splitter ul li,.splitter ul li a {background-image: url("img/buttons.png");background-repeat: no-repeat;}
.splitter ul {background-position: 0 -138px;background-repeat: repeat-x;}
.splitter ul li {margin-left: 1px;}
.splitter ul li:first-child {margin-left: 0;}
.splitter ul li a {padding: 5px 8px 6px;color: #070708;text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;text-decoration: none;}
.splitter ul li.segment-0,.splitter ul li.segment-2 {background-position: -3px -92px;}
.splitter ul li.segment-1 {background-position: 0 -92px;}
.splitter ul li.segment-0 a,.splitter ul li.segment-1 a {background-position: 0 -161px;}
.splitter ul li.segment-2 a {background-position: 100% -115px;}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a,.splitter ul li.selected-2 a {color: #fff;text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;}
.splitter ul li.selected-0,.splitter ul li.selected-2 {background-position: 0 -23px;}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a {background-position: 100% -46px;}
.splitter ul li.selected-1 {background-position: 0 0;}
.splitter ul li.selected-2 a {background-position: 100% -69px;}
.demo p,.demo ul {margin-right: 0;}
.image-grid {margin: -20px 0 0 -40px;padding-left: 45px;}
.image-grid:after {content: "";display: block;height: 0;overflow: hidden;clear: both;}
.image-grid li {width: 75px;margin: 20px 0 0 35px;float: left;text-align: center;font-family: "Helvetica Neue", sans-serif;line-height: 17px;color: #686f74;height: 177px;overflow: hidden;}
.image-grid li img,.image-grid li strong {display: block;}
.image-grid li strong {color: #fff;}

/* Style pour la pagination */
#tnt_pagination {display:block;text-align:center;height:22px;line-height:21px;clear:both;padding-top:3px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;}
#tnt_pagination a:link,#tnt_pagination a:visited{padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #EBEBEB;margin-left:10px;text-decoration:none;background-color:#F5F5F5;color:#0072bc;width:22px;font-weight:normal;}
#tnt_pagination a:hover {background-color:#DDEEFF;border:1px solid #BBDDFF;color:#0072BC;}
#tnt_pagination .active_tnt_link {padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #BBDDFF;margin-left:10px;text-decoration:none;background-color:#DDEEFF;color:#0072BC;cursor:default;}
#tnt_pagination .disabled_tnt_pagination {padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #EBEBEB;margin-left:10px;text-decoration:none;background-color:#F5F5F5;color:#D7D7D7;cursor:default;}

/* Style pour les bulles d'infos (sticky.full.js) */
div.sticky-queue{ position:fixed;background:#fff;border:1px solid #999;box-shadow:0px 0px 5px #bbb;-moz-box-shadow:0px 0px 5px #bbb;-webkit-box-shadow:0px 0px 5px #bbb;width:250px;text-align: center;}
div.sticky-note{ padding-right:20px; }
div.sticky{font-size:12px;color:#555;display:none;padding:10px;position:relative;}
img.sticky-close{position:absolute;top:10px;right:10px;height:14px;width:14px;cursor:pointer;}
.top-right{ right:20px; }
.top-left{ left:20px; }
.top-right, .top-left{top:-2px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;}
.bottom-right{ right:20px; }
.bottom-left{ left:20px; }
.bottom-right, .bottom-left{bottom:-2px;border-top-right-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-topleft:6px;-webkit-border-top-right-radius:6px;-webkit-border-top-left-radius:6px;}
.border-top-right, .border-top-left{ border-top:1px solid #999; }
.border-bottom-right, .border-bottom-left{ border-bottom:1px solid #999; }

/* Style du module de connexion */
#lean_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;background: #000;display: none;}
#loginmodal {width: 300px;padding: 15px 20px;background: #f3f6fa;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);}
#loginform { /* no default styles */ }
#loginform label { display: block; font-size: 1.1em; font-weight: bold; color: #7c8291; margin-bottom: 3px; }
.txtfield { display: block;width: 100%;padding: 6px 5px;margin-bottom: 15px;font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif;color: #7988a3;font-size: 1.4em;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);background-color: #fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#edf3f9), to(#fff));background-image: -webkit-linear-gradient(top, #edf3f9, #fff);background-image: -moz-linear-gradient(top, #edf3f9, #fff);background-image: -ms-linear-gradient(top, #edf3f9, #fff);background-image: -o-linear-gradient(top, #edf3f9, #fff);background-image: linear-gradient(top, #edf3f9, #fff);border: 1px solid;border-color: #abbce8 #c3cae0 #b9c8ef;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;transition: all 0.25s linear;}
.txtfield:focus {outline: none;color: #525864;border-color: #84c0ee;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;}
.flatbtn-blu {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;outline: 0;border: 0;color: #edf4f9;text-decoration: none;background-color: #4f94cf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);font-size: 1.3em;font-weight: bold;padding: 12px 26px 12px 26px;line-height: normal;text-align: center;vertical-align: middle;cursor: pointer;text-transform: uppercase;text-shadow: 0 1px 0 rgba(0,0,0,0.3);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.flatbtn-blu:hover {color: #fff;background-color: #519dde;}
.flatbtn-blu:active {-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);}
#loginmodal h1{font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;font-size:2.5em;line-height:1.5em;letter-spacing:-0.05em;margin-bottom:20px;padding:.1em0;color:#444;position:relative;overflow:hidden;white-space:nowrap;text-align:center;}
#loginmodal h1:before,#loginmodal h1:after{content:"";position:relative;display:inline-block;width:50%;height:1px;vertical-align:middle;background:#f0f0f0;}
#loginmodal h1:before{left:-.5em;margin:000-50%;}
#loginmodal h1:after{left:.5em;margin:0-50%00;}
#loginmodal h1>span{display:inline-block;vertical-align:middle;white-space:normal;}