@charset "UTF-8";/* CSS Document */
/* ---------------- RESETS ---------------- */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-size:100%;font-family:"Lucida Grande", Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif}
table 			{border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:400}
a img 			{border:none}

/* ---------------- DECO ----------------
body	{background:#639924 url(bk_body.png) repeat-x;min-width:970px}
#deco1	{background:url(bk_content.gif) center repeat-y;width:100%}
#deco2	{background:url(bk_top.png) top center no-repeat;width:100%;min-height:400px} */

body	{background:#639924 url(bk_content.gif) center repeat-y;min-width:970px;margin:0}
#deco1	{background:transparent url(bk_body.png) repeat-x;width:100%;margin-bottom:-100px;min-height:100%;position:relative}
#deco2	{background:transparent url(bk_top.png) top center no-repeat;width:100%;min-height:400px}

.clearfooter	{clear:both;height:100px}
#footcontainer	{background:#639924;width:100%;position:relative;height:130px;color:#fff}


/* GRILLE
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container {width:950px;margin:0 auto}

/* Columns ----------------------------------- */
/* Use this class together with the .span-x classes to create any composition of columns in a layout. */  
.column {float:left;margin-right:10px}

/* The last column in a row needs this class. */
.last {margin-right:0}

/* Use these classes to set the width of a column. */
.span-1   {width:30px} .span-2   {width:70px} .span-3   {width:110px} .span-4   {width:150px} .span-5   {width:190px} .span-6   {width:230px} 
.span-7   {width:270px} .span-8   {width:310px} .span-9   {width:350px} .span-10  {width:390px} .span-11  {width:430px} .span-12  {width:470px} .span-13  {width:510px} .span-14  {width:550px} .span-15  {width:590px} .span-16  {width:630px} .span-17  {width:670px} .span-18  {width:710px} .span-19  {width:750px} .span-20  {width:790px} .span-21  {width:830px} .span-22  {width:870px} .span-23  {width:910px} .span-24  {width:950px;margin:0}

/* Add these to a column to append empty cols. */
.append-1   {padding-right:40px} .append-2   {padding-right:80px} .append-3   {padding-right:120px} .append-4   {padding-right:160px} .append-5   {padding-right:200px} .append-6   {padding-right:240px} .append-7   {padding-right:280px} .append-8   {padding-right:320px} .append-9   {padding-right:360px} .append-10  {padding-right:400px} .append-11  {padding-right:440px} .append-12  {padding-right:480px} .append-13  {padding-right:520px} .append-14  {padding-right:560px} .append-15  {padding-right:600px} .append-16  {padding-right:640px} .append-17  {padding-right:680px} .append-18  {padding-right:720px} .append-19  {padding-right:760px} .append-20  {padding-right:800px} .append-21  {padding-right:840px} .append-22  {padding-right:880px} .append-23  {padding-right:920px} 

/* Add these to a column to prepend empty cols. */
.prepend-1   {padding-left:40px} .prepend-2   {padding-left:80px} .prepend-3   {padding-left:120px} .prepend-4   {padding-left:160px} .prepend-5   {padding-left:200px} .prepend-6   {padding-left:240px} .prepend-7   {padding-left:280px} .prepend-8   {padding-left:320px} .prepend-9   {padding-left:360px} .prepend-10  {padding-left:400px} .prepend-11  {padding-left:440px} .prepend-12  {padding-left:480px} .prepend-13  {padding-left:520px} .prepend-14  {padding-left:560px} .prepend-15  {padding-left:600px} .prepend-16  {padding-left:640px} .prepend-17  {padding-left:680px} .prepend-18  {padding-left:720px} .prepend-19  {padding-left:760px} .prepend-20  {padding-left:800px} .prepend-21  {padding-left:840px} .prepend-22  {padding-left:880px} .prepend-23  {padding-left:920px} 

/* Border on right hand side of a column. */
.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee}

/* Border with more whitespace, spans one column. */
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee}

/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */
.pull-1  {margin-left:-40px} .pull-2  {margin-left:-80px} .pull-3  {margin-left:-120px} .pull-4  {margin-left:-160px} 

.push-0  {margin:0 0 0 18px} .push-1  {margin:0 -40px 0 18px} .push-2  {margin:0 -80px 0 18px} .push-3  {margin:0 -120px 0 18px} .push-4  {margin:0 -160px 0 18px}
.push-0, .push-1, .push-2, .push-3, .push-4 {float:right}

/* Misc classes and elements -------------------------- */
/* Use a .box to create a padded box inside a column.  */ 
.box {padding:1.5em}

/* Use this to create a horizontal ruler across a column. */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.4em;border:none}
div.space {background:transparent;border:none;color:none;height:0px;margin:0;padding:0;clear:left}

/* Clearing floats without extra markup */
.clear {display:inline-block}   
.clear:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clear {height:1%}
.clear {display:block;clear:left}

/* TYPOGRAPHIE -------------------------------------- */
/* Default fonts and colors */
   
body {font-size:75%;color:#222;font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight:normal}
h1,h2,h3,h4,h5,h6 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}

h1 {font-size:30px;line-height:1;margin:0 0 35px 40px;color:#fff}
h2, .intro	{font-size:18px;margin-bottom:0.75em;color:#c15526;padding:0 0 7px 40px}
.intro	{line-height:1.2em}
.nopadding	{padding:0 0 7px 25px;font-size:16px}
h3, .large {font-size:1.5em;line-height:1;margin-bottom:0.5em;color:#639924}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em}
h6 {font-size:1em;font-weight:bold}


#content h2	{background:url(content_line.gif) left bottom no-repeat}


/* Text elements
-------------------------------------------------------------- */
p           {margin:0 0 1.5em;line-height:1.5em}
p.last      {margin-bottom:0}
p img       {float:right;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.top   {margin-top:0}

ul, ol      {margin:0 1.5em 1.5em 1.5em}
ul          {list-style-type:circle}
ol          {list-style-type:decimal}
dl          {margin:0 0 1.5em 0}
dl dt       {font-weight:bold}
dd          {margin-left:1.5em}
li	{line-height:1.5em}
li ul	{margin-bottom:0;padding-bottom:0}

a:hover     {color:#c15526}
a           {color:#286bb7;text-decoration:none}

blockquote  {margin:1.5em;color:#666;font-style:italic}
strong      {font-weight:bold}

/* Tables
-------------------------------------------------------------- */
table   {margin-bottom:1.4em}
th      {border-bottom:2px solid #ccc;font-weight:bold}
td      {border-bottom:1px solid #ddd}
th,td   {padding:4px 10px 4px 0}
tfoot   {font-style:italic}
caption {background:#ffc}

/* Use this if you use span-x classes on th/td. */
table .last {padding-right:0} 

/* Some default classes
-------------------------------------------------------------- */
.small      {font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large /*cf h3*/{font-size:1.2em;line-height:1.25em}
.quiet      {color:#666}

.hide       {display:none}
.highlight  {background:#ff0}
.added      {color:#060}
.removed    {color:#900}

.top        {margin-top:0;padding-top:0}
.bottom     {margin-bottom:0;padding-bottom:0}
.center, .center td		{text-align:center}


/* FORMULAIRES --------------------- */
body {font-size:75%}
label {margin:5px 3px 0 0;width:100px;float:left;text-align:right}
.required label 	{font-weight:bold}
/* Fieldsets */
fieldset    { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend      {font-size:1.2em}


/* Text fields */
input		{margin:1px;width:150px;border:1px solid #bbb; background:#eee; padding:5px}
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff}

/* Textareas */
textarea            { width:300px; height:250px; margin:0.5em 0.5em 0.5em 0}
textarea            { border:1px solid #bbb; background:#eee; padding:5px}
textarea:focus      { border:1px solid #999; background:#fff}


/* DIVERS ------------------- */
#menutop li	{display:inline;float:right;margin:0 0 0 15px;padding:0}
#menu li	{display:inline;float:left;margin:4px 35px 0 2px;font-size:16px}
#menu	{height:30px}
#menu .last {margin-right:0}
#menu a	{color:#002e6c}
#menu a:hover	{color:#fff}

#sidebar *	{color:#fff}
#sidebar .box	{margin-top:215px}
#sidebar h2	{font-size:30px;padding-left:0;margin-bottom:0}
#sidebar a	{color:#0f4e9d}
#sidebar li a	{color:#fff}


.postercolor a{display:block;text-indent:-9999px;width:330px;height:100px;text-decoration:none;float:left}
.line	{border-bottom:solid 1px #ccc;padding:3px 0;list-style:none;margin-left:0}
ul .line	{margin-left:-18px}
.first	{padding:0 0 5px 0}
.arrow {list-style-image:url(li-arrow.gif)}
.ticked {list-style-image:url(li-ticked.gif);margin-bottom:3px}

#footer a, #footer p	{color:#fff}
/* menus déroulants */
#dropmenudiv			{margin-top:5px;position:absolute;background:#083a87;z-index:100;text-align:left}
#dropmenudiv a			{font:11px Verdana, tahoma, Helvetica, sans-serif;list-style-position:inside;list-style-image:url(bullet_blue.gif);border-bottom:2px solid #2b5b7b;line-height:2.5em;width:100%;display:list-item;text-indent:0;color:#fff}
#dropmenudiv a:hover	{background-color:#286bb7;text-decoration:none}
#refs a img, a.lWOn img 	{border:solid 3px #e3e3e3}
a.noborder img	{border:0}

/* HOME ------------------- */
body#home  	{background:#639924 url(bkh_body.png) top repeat-x;min-width:970px}
#home #deco1	{background:none}
#home #deco2	{background:url(bkh_top.jpg) top center no-repeat;width:100%;min-height:400px}
#home #menu	{margin-top:50px}
#home h1	{font-size:1.2em;line-height:1.2em;height:94px;margin:40px 0 5px 40px}
#home h2	{background:none;padding:0;margin-bottom:0}
#cibles	{height:233px}
#home #sidebar .box	{margin-top:335px}
.repere	{border:1px solid red}
.argh	{color:#CC0000;font-weight:bold}
td h3.bk	{color:#fff;background:#639924;padding:3px 0 0;font-size:1.2em}
td	{vertical-align:top}