 /* COLORS
   Wrapper background:      
   Body Background:         #0077be
   Link:                    # 
   Text color:              #fff
   Link nav:                #fff
   ...
*/

/* SECTIONS
     =Wrapper
     =Header
     =Body
     =Sidebar
     =Main
     =Footer
*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   
-------------------------------------------------------------- */
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, 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%;}
 
body {line-height: 1em;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {background-image:url(img/focus.gif);background-position:0 0;background-repeat:no-repeat;}

/* 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;}

hr {display:none;}
div.hr {clear:both;}


/*  =General
-------------------------------------------------------------- */
body {color: #000;font-family: "trebuchet ms", sans-serif;background:#fff url(img/fond-body.gif) 50% 0 repeat-y; font-size: 75%; line-height: 1.5em;}
/*home*/
body#home {background:#fff url(img/fond-body-home.gif) 50% 0 repeat-y;}

/* =Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {color: #000;font-weight: bold;}
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; }
h4 { font-size: 1.1em; line-height: 1.25em; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* =Text elements
-------------------------------------------------------------- */
.accessibility {text-align:left;text-indent:-5000px;padding:0;height:1px;position:absolute;top:-5000px;left:-5000px;}
.hide { display: none; }
p           { margin: 0 0 1.5em; }
p.picture-left { float: left; margin: 0.5em 1em 1em 0; padding: 0; border:1px solid #000;}
p.picture-right { float: right; margin: 0 0 0.5em 1em; padding: 0; clear:both;border:1px solid #000;}
p.picture-left a, p.picture-right a{display:block;}
#visuel-dossier.picture-right img{border-top:0;}
#visuel-dossier.picture-right a {display:inline;line-height:0.1em;}
/*img   { margin: 0 0 1em 1em;border:1px solid #000;float:right; }*/

ul      { margin:0 1.5em 1.5em 0em; }
ol		{ list-style-position:outside;font-family:"Avant Garde" , sans-serif ;font-size:1.3em;font-weight:bold;color:#DA2828;}
ol a		{font-size:0.9em;}
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: #00448F; text-decoration: none; }
a           { color: #00448F; text-decoration: underline; cursor: pointer; }

a.read-more {background:url(img/icons/puces.gif) 0 5px no-repeat;padding-left:15px;color:#6B6863;display:block;text-decoration: none;}
#main a.read-more {color:#00448F;display:block;text-decoration: none;font-weight:bold;}
a.read-more:hover {text-decoration: underline;}

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


/* =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; } 


/*  =Form
-------------------------------------------------------------- */
label { font-weight: normal; display: inline; }
.inline label, label.inline { font-weight: normal; display: inline; float: none; }

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

/* Text fields */
input {display:inline;margin:0.5em 0.5em 0.5em 0; padding: 2px; border:1px solid #bbb; background:#fff; }
p.submit input{cursor:pointer;}

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

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.error ul { margin: 0; }
.date {color:#00448F;font-size:1.3em;font-weight:bold;}

.btn{color:#fff;font-weight:normal;padding:2px 5px 2px 15px;background:#00448F url(img/icons/puces-small.gif) 5px 10px no-repeat;margin:0 5px;}
a.btn {color:#fff;}
a.btn:hover {color:#fff;}


/* tooltip */
#tooltip,
#direct-access,
#js-direct-access-link,
#nav,
#main-nav,
#sub,
#sidebar,
#nav-3,
#newsletter,
#search,
#nav-secondaire,
#demarches-administratives
{display:none;}


/*  =Alerte
--------------------------------------------------------------------------------------------------------- */
#alerte {width:960px;color:#DA2828;border:1px solid #DA2828;}
#alerte h2 {font-size:2em;color:#DA2828;padding:10px;margin:0;}
#alerte p {font-size:1.2em;padding:3px 10px;margin:0;}



/* =breadcrumb
------------------------------------------------------------------------------------------------------------ */
#breadcrumb {margin-bottom:20px;}
#breadcrumb li {display:inline;}
#breadcrumb li span{padding: 0 2px;}






/*  =downloads
--------------------------------------------------------------------------------------------------------- */
#downloads {padding:0;width:100%;}
#downloads li {margin:5px 0;background:#fff url(img/fond-sub-li.gif) 100% 0 repeat-y;width:98%;padding:2px 5px;}
#downloads li span{color:#000;font-weight:bold;}
#downloads ul ul{margin:0;}
#downloads li a{padding-left:20px;background:#fff url(img/icons/download-file.gif) 0 0 no-repeat;}
#downloads li.pdf a{background:#fff url(img/icons/page_white_acrobat.png) 0 0 no-repeat;}
#downloads li.doc a{background:#fff url(img/icons/page_white_word.png) 0 0 no-repeat;}
#downloads li.xls a{background:#fff url(img/icons/page_white_excel.png) 0 0 no-repeat;}
#downloads li.ppt a{background:#fff url(img/icons/page_white_powerpoint.png) 0 0 no-repeat;}
#downloads li.txt a{background:#fff url(img/icons/page_white.png) 0 0 no-repeat;}



/*  =sidebar
--------------------------------------------------------------------------------------------------------- */


/* =actualités ------------------------------------------------------------------------------------------------------------*/
/*#news {margin:0;border-bottom:1px solid #000;width:242px}
#news h2{display:block;float:left;width:184px;height:32px;text-indent:-5000px;background:url(img/titre-alaune.gif) 0 0 no-repeat;margin-bottom:0;}
#news #hentry-syndication{text-indent:-5000px;float:right;width:17px;height:16px;background:url(img/rss.gif) 0 0 no-repeat;margin-right:5px;margin-top:5px;}
#news #hentry-syndication a {display:block;width:100%;height:100%;}
#news ul {clear:both;}
#news ul a {font-weight:bold;}
.lastEntries ul, .lastEntries .view-current-news {margin-left:15px;}
.lastEntries li a{font-weight:bold;}
.lastEntries li{padding-left:13px;background:url(img/icons/puces.gif) 0 5px no-repeat;}
.lastEntries .view-current-news a{color:#000;font-weight:normal;padding-left:10px;background:url(img/icons/puces-small.gif) 0 10px no-repeat;}
.entry-picture a {line-height:0.1em;}
#view-news-archives, #view-current-news {float:right;margin-top:-3.5em;}
.lastEntriesExceptOne #view-news-archives {margin-top:0;}
.metas {display:none;}*/


/* =dossiers d'actualite ------------------------------------------------------------------------------------------------------------*/
/*#dossiers {background:#E6E6E6;width:242px;padding-bottom:5px;border-bottom:1px solid #000;}
#dossiers h2{display:block;width:184px;height:32px;text-indent:-5000px;background:url(img/titre-dossiers-actualite.gif) 0 0 no-repeat;margin-bottom:0;}*/




/* =pagination
-------------------------------------------------------------------------------------------*/
#main .pagination {margin:10px auto;padding:5px;clear:both;}
#main .pagination ul {height:1.3em;position:relative;display:block;text-align:center;margin:0 auto;width:100%;}
#main .pagination ul li{display:block;background:0;float:left;padding:0 0 5px 0;width:15px;margin:0 2px;}
#main .pagination ul li.current{background:url(img/cursor.gif) 45% 100% no-repeat;}
#main .pagination ul li a{float:left;height:100%;display:block;width:100%;padding:0px;text-decoration:none;text-align:center;}
#main .pagination ul li.shorthands {width:20px;}
#main .pagination ul li.shorthands a {text-indent:-5000px;background-repeat:no-repeat;background-position: 50% 4px;}
#main .pagination ul li.shorthands a:hover {background-position: 50% -31px;background-color:transparent;background-repeat:no-repeat;}
#main .pagination ul li span{display:none;}
#main .pagination ul li a:hover{color:#fff;background:#D80013;}
#main .pagination ul li.shorthands a.firstpage{background-image:url(img/icons/first-page.gif);}
#main .pagination ul li.shorthands a.prec{background-image:url(img/icons/page-prec.gif);}
#main .pagination ul li.shorthands a.lastpage{background-image:url(img/icons/last-page.gif);}
#main .pagination ul li.shorthands a.suiv{background-image:url(img/icons/page-suiv.gif);}
#main .pagination ul li.shorthands a:hover {color:#000;background-color:transparent;}



/* =footer
-------------------------------------------------------------- */
#footer {clear:both;padding-top:50px;}
#footer li{display:inline;}


