body{background-color:#31657f;background-image:url(i/bg.gif);background-repeat:repeat-x;}
.page { position: relative; width: 1100px; margin: 0 auto; padding: 30px 1.5em; text-align: left;  }

/* Entete et barre de navigation
------------------------------------------ */

.header { padding-bottom: 1.1em; padding-right: 30%; border-bottom: 0px solid; }
.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold; width: 1100px; }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
.header #slogan { margin: 0; padding: 0;padding-top:100px;padding-left:625px; width: 500px; color: #fe7e23; font:normal 14px arial;text-transform:uppercase;}


#nav { background-image:url(i/bgnav.gif);background-repeat:repeat-x;height:51px;border:0px;}
#nav ul {}
#nav ul li { text-align:center;text-transform:uppercase; font:bold 12px arial; }
#nav ul li a { float: left; padding:11px 4px; text-decoration: none;  color: #a5bac5; border-left:1px solid #222;height:28px;line-height:13px;width:128px;}
#nav ul li.on a { background-image:url(i/bgnav.gif);background-repeat:repeat-x; color: #fe7e23; font-weight: bold; }
#nav ul li a:focus,
#nav ul li a:hover,
#nav ul li a:active { background-image:url(i/bgnav.gif);background-repeat:repeat-x; color: #fe7e23; text-decoration:none;}
.arbo { font-size:12px;font-weight:normal;font-family:arial;color:#a5bac5;}


.tabAccueil { border:1px solid #77a8c7;padding:0px;margin:0px;margin-bottom:45px;background-color:#153241;}
.tabAccueil img { border:0;padding:0;margin:0;}

/* brèves en home */
.menu_breves h2 { font-size:14px;font-weight:bold;font-family:arial;color:#fe7e23;text-transform:uppercase;border-bottom:1px solid #fe7e23;}
.menu_breves li {font-size:12px;font-weight:normal;font-family:arial;color:#fff;}
.menu_breves li h3, .menu_breves li h3 a { font-size:12px;font-weight:bold;font-family:arial;color:#77a8c7;text-transform:uppercase; }
/* breves en texte */
.info-publi { color:#fff;}
.hyperlien {background:transparent;border:1px solid #77a8c7;color:#fff;}

/* comportement boite de survol javascript */
#tip{position: absolute;left: -300px;border: 1px solid #77a8c7;padding: 2px;background-color: #fff; visibility: hidden;text-align:left;font-size:12px;font-family:arial;z-index:100;line-height:13px;}
#pointer{position:absolute;left: -300px;visibility: hidden;z-index:101;}
div#suite {display: none;margin:0;padding:0;}

.intranetAcces { margin-top:24px;border:1px solid #fe7e23; background-image:url(i/intranetFond.png);font-size:14px;font-weight:bold;font-family:arial;color:#fff;text-transform:uppercase;text-align:center;}
.boxH {margin:0;margin-top:24px;height:76px;border:1px solid #77a8c7;text-transform:uppercase;font-size:12px;font-weight:bold;font-family:arial;color:#fff;background-image:url(i/fond_btn_home.png);line-height:15px;vertical-align:middle;}
.boxLOG{margin:0;margin-top:24px;border:1px solid #77a8c7;font-size:12px;font-weight:bold;font-family:arial;color:#fff;line-height:15px;vertical-align:middle;}
.or{ color:#fe7e23;text-transform:uppercase;font-size:14px;font-weight:bold;font-family:arial;color:#fe7e23;}
.or1{ color:#fe7e23;text-transform:uppercase;font-size:14px;font-weight:bold;font-family:arial;color:#fe7e23;}
.or2{ color:#fe7e23;text-transform:uppercase;font-size:18px;font-weight:bold;font-family:arial;color:#fe7e23;}
.boxH .adj1{ padding-top:12px;}
.boxH .adj2{ padding-top:4px;}
.boxH .adj3{ padding-top:8px;}
.boxH .MMore{ text-align:right;margin:0;padding:0;margin-right:5px;font:italic 11px arial;text-decoration:none;}
.boxH .MMore2{ text-align:right;margin:0;padding:0;margin-right:5px;font:italic 11px arial;text-decoration:none;color:#fe7e23;}
.boxH a { text-decoration:none;color:#fff;}
.boxH a:hover { color:#fff;}
.boxFAQ {margin:0;margin-top:24px;height:47px;border:1px solid #77a8c7;text-transform:uppercase;font-size:12px;font-weight:bold;font-family:arial;color:#fff;background-image:url(i/fond_btn_home.png);line-height:15px;vertical-align:middle;}
.boxFAQ .adj4{ padding-top:14px;}
.imboxH { display: block; float: left; margin:0;margin-right:15px;}


/* formulaire de recherche */
#formulaire_recherche { position: absolute; top: 50px; right: 25px; border: 0; }
.search_text {font:bold 12px arial;border:1px solid #a5bac5;padding:5px;margin:0;width:170px;color:#333;}
.search_submit {background: #476f86;border:0;border-bottom:1px solid #476f86;padding:5;margin:0;width:40px;height:28px;font:bold 14px arial;color:#1a3b4e;}

/* formulaires */
.editer {font:bold 12px arial;color:#fff;}
.submit {font:bold 12px arial;}
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border:2px solid #fbc2c4; font:bold 14px arial;padding:5px;}
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; font:bold 14px arial;padding:5px;}
.selectPRJ { margin:0;padding:0;font-size:14px;color:#333;height:27px;}
/* boutons */
.btn {border:1px solid #77a8c7;border-top:0px;text-transform:uppercase;font-size:12px;font-weight:bold;color:#fff;background-image:url(i/bgnav.gif);background-repeat:repeat-x;height:28px;margin-top:4px;}
.btnE {border:1px solid green;border-top:0px;text-transform:uppercase;font-size:12px;font-weight:bold;color:green;background: #CCFBA8; height:28px;margin-top:4px;}
.btnS2 {border:1px solid #fe7e23;font-weight:bold;color:#fe7e23;background: #fff;margin:0;padding:0;height:19px;width:19px;}
.btnS {border:1px solid #00C957;font-weight:bold;color:#00C957;background: #fff;margin:0;padding:0;height:19px;width:19px;}

.Me { color:#77a8c7;}

/* projets */
#tablePRJ,#tableTdB { width:769px;background:none;border:1px solid #77a8c7;}
.interT{font:normal 12px arial;}
#tablePRJ  TD{ background:none;}
#tableTdB  TD{ background:none;border-bottom:1px solid white;}
#allnone { background:none;margin:0;padding:0;border:0px;}
#allnone TD { background:none;margin:0;padding:0;border:0px;}
#PRJin { background:none;margin:0;padding:0;}
#PRJin  TD{ background:none;margin:0;padding:0;height:15px;}
.faux { color:#FE7E00;margin:0;padding:0;}
.vrai{ color:#77a8c7;margin:0;padding:0;}
.PRJtext{
background-color:#eeeeee;
border-top:1px solid #77a8c7;
border-right:1px solid #77a8c7;
border-bottom:1px solid #77a8c7;
border-left:11px solid #77a8c7;
padding:5px;margin:0px;
color: #666;
font-size:14px;
font-weight:normal;
font-style:italic;
}
#tablePRJ .title B{ color:#77a8c7;font-weight:bold;}
/* panneaux css dans l'admin */
/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #77a8c7;
}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
	font-family:arial;
    display:block;
    padding:5px 30px;
    text-decoration:none;
    border:1px solid #77a8c7;
    border-bottom:0px;
    height:18px;
    background-color:none;
    color:#77a8c7;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}

ul.css-tabs a:hover {
    background-color:none;
    color:#fe7e23;
}

/* selected tab */
ul.css-tabs a.current,ul.css-tabs a.selected {
    background-color:#77a8c7;
    border-bottom:1px solid #77a8c7;
    color:#fff;
    cursor:default;
}


/* tab pane */
.css-panes div {
    display:none;
    border:1px solid #77a8c7;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:0px;
    background-color:none;
}

/* messages */
div#error {display:block; color: #E3170D; font-weight: bold;background: #FFE7E4; border:1px solid #fe7e23; margin:2px;margin-left:0px;padding:2px;}
div#succes {display:block; color: green; font-weight: bold;background: #CCFBA8; border:1px solid green; margin:2px;margin-left:0px;padding:2px;}
div#infos {display:block; color: #0099CC; font-weight: bold;background: #FFFFE1; border:1px solid #0099CC; margin:2px;margin-left:0px;padding:2px;}
div#avis {display:block; color: #0099CC; font-weight: bold;font-style: italic;font-size: 12px;background:#eeeeee; border:Opx; margin:2px;margin-left:0px;padding:2px;}
/* Footer
-------------------------------------------*/
.footer {clear: both; padding: 1.2em 0 0; border-top: 0px; font:normal 11px arial;}
.footer .colophon { width: auto; float: left; padding-top:22px; text-transform:uppercase; color:#a5bac5; }
.footer .colophon a { color:#fff; text-decoration:underline; }
.footer .colophon a:hover { color:#fe7e23; text-decoration:underline; }
.footer .generator { float: right; text-transform:uppercase; color:#a5bac5; vertical-alignement:middle;font-size:12px;}

/* Titraille / Intertitres */
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; color:#fe7e23;}
hr { height: 1px; margin: 1.5em 0; border: 0; background: #222222; color: #222222; }

h1,.h1 { font-size: 2em; line-height: 1.5; margin-bottom: .75em; }
h2,.h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h3,.h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 1.2em; }
h4,.h4 { font-size: 1.1em; line-height: 1.364; margin-bottom: 1.364em; }
h5,.h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6,.h6 { font-size: 1em; font-weight: bold; }

/* Enrichissements typographiques */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
small, .small { font-size: 90%; }
big, .big { font-size: 130%; }
abbr[title], acronym[title] { border-bottom: .1em dotted; cursor: help; }
@media print { abbr[title]:after { content: " (" attr(title) ")"; } }
dfn { font-weight: bold; font-style: italic; }
del, .del { background-color: #FFDDDD; border-color: #CC0000; color: #CC0000; text-decoration: line-through; }
ins, .ins { background-color: #DDFFDD; border-color: #00AA00; color: #00AA00; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; line-height: 0; }
sup { vertical-align: super; }
.ie sup { vertical-align: text-top; }
sub { vertical-align: sub; }
.ie sub { vertical-align: text-bottom; }
.caps { font-variant: small-caps; }

/* Listes */
ul, ol, li, dl, dt, dd {}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

dl dt { font-weight: bold; }
dl dd {}

/* Tableaux */
table {}
caption { background: #EEE; }
th { font-weight: bold; }
thead th { background: #DDD; }
th,td,caption { padding: 0.75em; }
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td,
tbody tr.even th,
tbody tr.even td { background: #EEE; }
tfoot { font-style: italic; }

/* Citations, code et poesie */
q { font-style: italic; }
blockquote { padding: 0 50px; }
cite { font-style: italic; }

address { font-style: italic; }

pre,code,kbd,samp,var,tt { font-family: 'Courier New', Courier, monospace; font-size: 1em; }
pre { margin: 1.5em 0;
  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}
kbd { background-color: #222222; color: #FFFFFF; }
samp { font-weight: bold; }
var { font-style: italic; }

/* Paragraphes */
p, .p, dl, dd, blockquote, address, pre, table, fieldset { margin-bottom: 1.5em; }

/* Liens */
a {color:#fe7e23;}
a:hover {color:#fe7e23;background:transparent;text-decoration:underline;}
a[hreflang]:after { content: "\0000a0(" attr(hreflang) ")"; }
@media print {
  a, a:visited { color: #fff; text-decoration: underline; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
}
.on { font-weight: bold; }


/* articles - rubriques */
.cartouche h1 { font-size:14px;font-weight:normal;font-family:arial;color:#fe7e23;text-transform:uppercase;border-bottom:1px solid #fe7e23;}
.menu_articles li a { clear: both; margin-bottom: 1.5em; font-size:14px;font-weight:bold;font-family:arial;color:#77a8c7;text-transform:uppercase;}
/* Texte
-------------------------------------------*/
.texte {display:block;color:#fff;font:normal 14px arial;line-height:21px;}
.texte p strong { font-weight: bold; color:#77a8c7;}