/*******************************************
RESET STYLES
********************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* Adapted by Clamentis for the technologie Framework ClamenSite */
/* v1.0 | 20090222 */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/*****************************************
TEXT
******************************************/
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* =Basic HTML
--------------------------------------------------------------------------------*/
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
a:focus{outline:1px dotted invert;}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0;}
/* =Headings
--------------------------------------------------------------------------------*/
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:15px;}
/* =Spacing
--------------------------------------------------------------------------------*/
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,
ol,ul,pre,table,address,fieldset{margin-bottom:20px;}
/*****************************************
GRIDS
******************************************/
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_16{margin-left:auto;margin-right:auto;width:960px;}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;}
.container_16 .grid_4{width:220px;}
.container_16 .grid_8{width:460px;}
.container_16 .grid_12{width:700px;}
.container_16 .grid_16{width:940px;}
/* =Grid >> Children (Alpha ~ First,Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1{width:40px;}
.container_16 .grid_2{width:100px;}
.container_16 .grid_3{width:160px;}
.container_16 .grid_5{width:280px;}
.container_16 .grid_6{width:340px;}
.container_16 .grid_7{width:400px;}
.container_16 .grid_9{width:520px;}
.container_16 .grid_10{width:580px;}
.container_16 .grid_11{width:640px;}
.container_16 .grid_13{width:760px;}
.container_16 .grid_14{width:820px;}
.container_16 .grid_15{width:880px;}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_16 .prefix_4{padding-left:240px;}
.container_16 .prefix_8{padding-left:480px;}
.container_16 .prefix_12{padding-left:720px;}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1{padding-left:60px;}
.container_16 .prefix_2{padding-left:120px;}
.container_16 .prefix_3{padding-left:180px;}
.container_16 .prefix_5{padding-left:300px;}
.container_16 .prefix_6{padding-left:360px;}
.container_16 .prefix_7{padding-left:420px;}
.container_16 .prefix_9{padding-left:540px;}
.container_16 .prefix_10{padding-left:600px;}
.container_16 .prefix_11{padding-left:660px;}
.container_16 .prefix_13{padding-left:780px;}
.container_16 .prefix_14{padding-left:840px;}
.container_16 .prefix_15{padding-left:900px;}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_16 .suffix_4{padding-right:240px;}
.container_16 .suffix_8{padding-right:480px;}
.container_16 .suffix_12{padding-right:720px;}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1{padding-right:60px;}
.container_16 .suffix_2{padding-right:120px;}
.container_16 .suffix_3{padding-right:180px;}
.container_16 .suffix_5{padding-right:300px;}
.container_16 .suffix_6{padding-right:360px;}
.container_16 .suffix_7{padding-right:420px;}
.container_16 .suffix_9{padding-right:540px;}
.container_16 .suffix_10{padding-right:600px;}
.container_16 .suffix_11{padding-right:660px;}
.container_16 .suffix_13{padding-right:780px;}
.container_16 .suffix_14{padding-right:840px;}
.container_16 .suffix_15{padding-right:900px;}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*
-----------------------------------------------
Grey Box Method - LAYOUT CSS
----------------------------------------------- */
body{background:#eee;border-top:5px solid #000;color:#333;font-size:11px;padding:0 0 40px;}
/* anchors
----------------------------------------------- */
a{color:#000;font-weight:bold;text-decoration:none;}
a:hover{color:#333;}
/* 960 grid system container background
----------------------------------------------- */
.container_16{background:#fff;}
/* headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6{line-height:1.2em;margin-bottom:.3em;}
h2{margin-top:1em;}
h5{font-size:1.2em;}
h6{font-size:1em;text-transform:uppercase;}
h1 a{font-weight:normal;}
/* branding
----------------------------------------------- */
h1#branding{font-weight:normal;font-size:3em;text-align:left;background:#aaa;padding:.7em 1em;margin-bottom:0;}
/* page heading
----------------------------------------------- */
h2#page-heading{font-weight:normal;padding:.5em;margin:0 0 10px 0;border-bottom:1px solid #ccc;}
/* boxes
----------------------------------------------- */
.box{background:#ddd;margin-bottom:20px;padding:10px 10px 1px 10px;}
.box h2{font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#333;margin:-10px -10px 0 -10px;padding:6px 12px;}
.box h2 a,
.box h2 a.visible{color:#fff;background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;display:block;padding:6px 12px;margin:-6px -12px;border:none;}
.grid_4 .box h2 a{background-position:97% 50%;}
.grid_5 .box h2 a{background-position:98% 50%;}
.grid_12 .box h2 a{background-position:99% 50%;}
.box h2 a.hidden,
.box h2 a.hidden:hover{background-image:url("../img/switch_plus.gif");}
.box h2 a:hover{background-color:#111;}
.block{padding-top:10px;}

/* Pagination << < 1 2 3 4 5 > >> 
__________________________________________________*/
.pagination{margin-left:auto;margin-right:auto;text-align:center;}
.pagination span.current{color:#fff;background-color:#666;border:1px solid rgb(102,102,102);font-size:14px;font-weight:bold;padding:3px;text-decoration:none;display:inline;}
.pagination span.current{position:relative;top:0px;left:0px;}
.pagination a:link,.pagination a:visited{color:rgb(51,51,51);background-color:#fff;height:0px;border:1px solid rgb(102,102,102);padding:3px;text-decoration:none;}
.pagination a:hover{color:rgb(51,51,51);background-color:rgb(204,204,204);border:1px solid rgb(102,102,102);background-image:none;}
/* Boites de dialogue,ERROR,WARNING,INFO 
__________________________________________________*/
div.error{background-color:rgb(255,239,239);color:rgb(175,21,21);border:1px solid rgb(175,21,21);margin-bottom:10px;}
div.error h2{background-color:rgb(175,21,21);color:#fff;}
div.warning{background-color:rgb(255,246,223);color:rgb(255,185,0);border:1px solid rgb(255,185,0);margin-bottom:10px;}
div.warning h2{background-color:rgb(255,185,0);color:#fff;}
div.info{background-color:rgb(239,248,255);color:rgb(0,105,191);border:1px solid rgb(0,105,191);margin-bottom:10px;}
div.info h2{background-color:rgb(0,105,191);color:#fff;}
div.error p,div.warning p,div.info p{padding:10px;}
div.error ul,div.warning ul,div.info ul{padding-top:10px;}
/* paragraphs,quotes and lists
----------------------------------------------- */
p{margin-bottom:1em;}
blockquote{font-family:Georgia,'Times New Roman',serif;font-size:1.2em;padding-left:1em;border-left:4px solid #ccc;}
blockquote cite{font-size:.9em;}
ul,ol{padding-top:0;}

/* table
----------------------------------------------- */
table{width:100%;border:1px solid #bbb;margin-bottom:10px;}
col.colC{width:8em;}
th,td{padding:.2em 1em;text-align:left;}
thead th{border-bottom:2px solid #888;background:#bbb;padding:.4em 1em .2em;}
thead th.table-head{font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#555;border:1px solid #555;}
tbody th,
tbody td{border-top:1px solid #bbb;border-bottom:1px solid #bbb;background:#eee;}
tbody tr.odd th,
tbody tr.odd td{background:#fff;}
tfoot th,
tfoot td{border-top:2px solid #666;background:#eee;}
tfoot tr.total th,
tfoot tr.total td{border-top:6px double #666;}
tfoot tr.total th{text-transform:uppercase;}
th.currency,
td.currency{text-align:right;}
/* forms
----------------------------------------------- */
form{overflow:hidden;}
fieldset{border:1px solid #bbb;padding:10px;position:relative;background:#e9e9e9;margin-bottom:10px;}
legend{font-size:1.1em;padding:.4em .8em;background:#fff;border:1px solid #bbb;}
fieldset p label{width:98%;}
fieldset p input{width:98%;}
fieldset p select{width:99%;}
fieldset p textarea{width:98%;height:80px}
fieldset.login{max-width:400px;margin-left:auto;margin-right:auto;}
fieldset.login p{margin-bottom:1em;margin-top:0pt;}
fieldset.login p label{float:left;line-height:2em;margin-right:3%;text-align:right;width:32%;}
fieldset.login p input{width:60%;}
fieldset.login input.button{margin-left:35%;}
form p.notice{font-weight:bold;}
input.search.text{width:66%;}
input.search.button{width:28%;margin-left:2%;}
/* articles
----------------------------------------------- */
.articles{padding:0;}
.articles h2{margin:0;}
#articles{padding-top:0;}
.article{border-top:1px solid #666;padding-top:.5em;}
.box .article{border-top:3px solid #fff;padding:13px 10px 0 10px;}
.article h2{font-size:2em;font-weight:normal;text-transform:none;color:#333;background:transparent;padding:0;margin:0;border:none;}
.article h3{margin-bottom:.2em;font-size:1.6em;}
.box .first{border-top:none;}
.article h4{font-size:1.2em;text-transform:uppercase;margin-bottom:.5em;}
.article a.image{float:left;margin:3px 10px 3px 0;padding:4px;border:1px solid #bbb;background:#fff;}
.article a.image:hover{border:1px solid #666;}
.article a.image img{float:left;}
.article p.meta{color:#666;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:.3em 0;margin-bottom:.8em;}
/* site information
----------------------------------------------- */
#site_info .box{color:#ccc;background:#666;margin-bottom:10px;}
#site_info a{color:#fff;}
#site_info a:hover{color:#000;}
/* AJAX sliding shelf
----------------------------------------------- */
#loading{float:right;margin-right:14px;margin-top:-2px;}
.block{padding-bottom:1px;}
/* Accordian
----------------------------------------------- */
.toggler{color:#222;margin:0;padding:2px 5px;background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;font-size:1.1em;font-weight:normal;}
.element h4{margin:0;padding:4px;line-height:1.2em;}
.element p{margin:0;padding:4px;}
.float-right{padding:10px 20px;float:right;}
#accordian-block{padding-bottom:10px;}
/* Mootools Kwicks
----------------------------------------------- */
#kwick-box{padding:0;overflow:hidden;}
#kwick-box h2{margin:0;}
#kwick{position:relative;}
#kwick .kwicks{display:block;background:#999;height:120px;list-style:none;margin:0;overflow:hidden;}
#kwick li{float:left;margin:0;padding:0;}
#kwick .kwick{display:block;cursor:pointer;overflow:hidden;height:100px;width:215px;padding:10px;background:#fff;}
#kwick .kwick span{color:#fff;}
#kwick .one{background:#666;}
#kwick .two{background:#777;}
#kwick .three{background:#888;}
#kwick .four{background:#999;}
/***********************************
A MASQUER / NE PAS IMPRIMER
***********************************/
div.menu,.nav,ul.menu,ul.section{display:none;}