/* -------------------------------------------------------------- 

   RESET
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */

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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; margin:0 auto 0 auto; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }





/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 0.75em; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #222; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  /*font-size: small;*/
  line-height: 150%;
  background:#9f7742;
}

h1,h2,h3,h4 { 
  color: #111; 
  font-family: georgia,serif /*"Helvetica Neue", Helvetica, Arial, sans-serif; */
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; padding: 1em 0 0.5em 0;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; padding: 0;}
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0/*1em*/; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0/*1.25em*/; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0/*1.5em*/; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 1em 0 0.5em 0 ;font-size:1em; text-align:justify}
p.last      { margin-bottom: 0; }

ul, ol      { margin:0; padding: 0}
ul          { list-style-type: none; }
ul li       { padding: 0 3px 0 3px;}

ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
/*a           { color: #009; text-decoration: underline; }*/
a           { color: #009; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { border-top: 1px solid #ccc; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { font-size: .8em; border-bottom: 1px solid #ccc; line-height: 1.2em; vertical-align:middle; padding:0 0 0 2px}
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      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 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; }



/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: bold; font-size:0.9em; line-height: 1em; vertical-align:middle;}


/* Fieldsets */
fieldset    { padding:1em; margin: 0 0 1.5em 0; border: 1px solid #000; }
legend      { font-weight: bold; font-size:1.4em; padding: 0 0.5em 0 0.5em; }

/* Text fields */

input.num                 { width: 50px; }
input.phone               { width: 100px; }
input.alpha               { width: 200px; }
input.title               { width: 400px; }
input                     { margin:0; padding: 0; vertical-align:middle;font-size:0.75em;}
input.text                { border:1px solid #bbb; background:#f6f6f6; }
input.text:focus          { border:1px solid #999; background:#fff; }
input.title               { font-size:2em; }

/* Textareas */
textarea.texte       { height: 250px; }
textarea.descriptif { height: 50px; }
textarea.descriptif_document { height: 50px; width:180px }
textarea            { width: 450px; margin:0.5em 0.5em 0.5em 0; font-size:1em;}
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; font-size:0.8em;}
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.notice a   { color: #817134; }
.success a  { color: #529214; }


.form_error      { padding:0; margin:0; color: #D12F19; font-size: 0.8em; line-height: 1em;}
.form_error a    { color: #D12F19; }


br { padding:0; margin:0; line-height: 1em;}
.form_error a    
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }



#bas { margin: 0 auto 0 auto; background:url(../images/bas.png) #9f7742 no-repeat bottom; height:62px; }
#corps { margin: 0 auto 0 auto; background:url(../images/intermediaire.png) #9f7742 repeat-y top;}
#corps_inter { margin: 0 auto 0 auto; padding:O; width:800px; background:url(../images/corps.png) #fff no-repeat bottom;}
#corps_inter img{ margin: 0 0 0 20px ; padding:O; float: left; }
#gauche {text-align:right ; margin: 0 20px 0 0;}
#gauche h1{color:#003b71}
#gauche h2{color:#0059aa}		

#corps h3{color:#003b71}		
#haut li {float:left}
#haut ul {width:800px; }

#corps li {margin:0 0 0 10px; list-style-type:square;}
#corps ul {}

a.border {padding:5px; }
a.border img{ padding:5px; background:#fff; border:solid 1px #003b71;}

#haut { margin: 0 auto 0 auto; background:url(../images/haut.png) #9f7742 no-repeat bottom; height:80px;  ;  line-height:normal;}
#haut ul {    margin: 0 auto 0 auto;   list-style:none;   width:900px; }
#haut li {    float:left;    margin:0;    padding:0;    }
#haut a {    display:block;   background:url(../images/menu_interclap_g.png) no-repeat left bottom;  padding: 5px 15px 10px 15px ;   }
#haut li {    float:left;    background:url(../images/menu_interclap_d.png) no-repeat right bottom;    margin:0;    padding:0;    }
#haut #current a { background-image:url(../images/menu_interclap_bleu_g.png) ; color:#fff ; padding: 15px 15px 10px 15px ;    }
#haut #current {  background-image:url(../images/menu_interclap_bleu_d.png) ;   }

#haut a:hover { padding: 15px 15px 10px 15px ;  color:#fff ;    }

#lien li {padding:0 0 10px 0 ; list-style-type:none;}
#lien img { padding:5px; background:#fff; border:solid 1px #003b71; margin:0 5px 0 10px}