/*--------general----------*/
* {
padding:0;
margin:0;
}

a {
outline:none;
color:black;
text-decoration:none;
border-bottom:1px dotted #f36a0d;
}

a:hover {
border-bottom:1px solid #f36a0d;
background-color:#fde4d3;
}

img {
border:none;
}

/*------------structure-----*/
body {
background:#585858 url(/css/images/background.png) no-repeat center top;
font:normal 14px/20px Verdana, sans-serif;
}

#wrap {
background:transparent url(/css/images/page.png) repeat-y center top;
width:980px;
padding:0 15px;
margin:0 auto;
position:relative;
}

#colonne-gauche {
float:left;
width:220px;
margin:20px 0 0 20px;
}

#main {
width:700px;
margin:20px 0 0 260px;
}

/*---------titres--------*/
#logo {
position:absolute;
left:20px;
top:14px;
}

#logo a {
display:block;
width:172px;
height:53px;
background:url(/css/images/logo.png) no-repeat;
text-indent:-9999px;
border-bottom:none;
}

h1 a:active {
position:relative;
top:1px;
}

h2 {
font:normal 14px/20px Verdana, sans-serif;
color:white;
padding:4px 0 16px 0;
}

h3 {
font:normal 14px/20px Verdana, sans-serif;
font-weight:bold;
}

/*----------entete-------*/
#entete {
width:980px;
height:400px;
background:url(/css/images/ne-laissez-rien-au-hasard.png) no-repeat 0 bottom;
position:relative;
}

#devise {
position:absolute;
left:323px;
top:23px;
width:333px;
height:38px;
background:url(/css/images/devise.png) no-repeat;
text-indent:-9999px;
}

/*----------menu principal--------------*/
#menu-principal {
position:absolute;
top:80px;
height:40px;
width:980px;
background:url(/css/images/menu-principal.png) repeat-x;
text-transform:uppercase;
text-shadow: #164a70 0px -1px 1px;
}

#menu-principal a {
display:block;
height:31px;
color:white;
border-bottom:none;
padding-top:9px;
width:195px;
}

#menu-principal a:hover {
background:url(/css/images/menu-principal-hover.png) repeat-x;
}

#menu-principal a:active {
height:30px;
padding-top:10px;
}

#menu-principal ul {
text-align:center;
list-style:none;
}

#menu-principal li {
float:left;
border-right:1px solid white;
}

#menu-principal #menu-principal-contact {
border-right:none;
}

body.rubrique-1 #menu-principal-actualites,
body.rubrique-29 #menu-principal-formations,
body.rubrique-5 #menu-principal-audits,
body.rubrique-9 #menu-principal-qui-sommes-nous,
body.contact #menu-principal-contact
{
background:url(/css/images/menu-principal-hover.png) repeat-x;
}

/*----------menu secondaire----------*/
#menu-secondaire {
position:absolute;
right:20px;
top:30px;
font-size:12px;
text-transform:uppercase;
}

#menu-secondaire ul {
list-style:none;
}

#menu-secondaire-rss a {
display:block;
height:20px;
padding-right:30px;
background:url(/css/images/rss.png) no-repeat right 0;
border-bottom:none;
}

#menu-secondaire-recherche #submit {
display:none;
}

#menu-secondaire-recherche label {
vertical-align: top;
}

#menu-secondaire #recherche {
border:1px solid #0e71ba;
}

#menu-secondaire li {
float:left;
padding-left:10px;
}

#menu-secondaire-recherche fieldset {
border:none;
}

/*----------colonne gauche---------*/
#breves, #informatique-et-libertes, #clients, #archives , #dictionnaire{
background:#ddd url(/css/images/menu-gris.png) repeat-x 0 0;
padding:0 20px 10px 20px;
font-size:12px;
margin-bottom:20px;
}

#colonne-gauche h2 {
text-shadow: #555 0px -1px 1px;
}

#colonne-gauche ul {
list-style:none;
}

#colonne-gauche a {
border-bottom:none;
display:block;
}

#colonne-gauche a:hover {
background-color:#c1c1c1;
}
/*
#colonne-gauche a:active {
position:relative;
top:1px;
}
*/
#colonne-gauche a .date {
background-color:#ddd;
}

#colonne-gauche .date {
display:block;
font-weight:bold;
}

#breves li {
margin-bottom:10px;
}

#colonne-gauche #informatique-et-libertes ul {
list-style:disc;
padding-left:10px;
}

#colonne-gauche #informatique-et-libertes a {
display:inline-block;
vertical-align:top;
}

#dictionnaire #recherche, #dictionnaire fieldset {
border:none;
}

#dictionnaire #recherche {
width:180px;
}

#dictionnaire #submit {
display:none;
}

/*--------------prestations---------------*/
body #formations, body #audits, body #actualites, body #autres-breves {
background:transparent url(/css/images/menu-orange-30px.png) repeat-x 0 0;
}

#prestations {
background:transparent url(/css/images/colonnes.png) no-repeat 0 bottom;
font-size:12px;
}

#prestations h2 {
text-shadow:#7c5236 0px -1px 1px;
font-weight:bold;
text-transform:uppercase;
}

#formations {
float:left;
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
padding:0 20px 10px 20px;
margin-bottom:20px;
width:420px;
}

#audits {
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
padding:0 20px 10px 20px;
margin-bottom:20px;
width:180px;
margin-left:480px;
height:100%;
}

#prestations h3 {
background:white url(/css/images/puce-orange.png) no-repeat 0 5px;
text-indent:15px;
}

#prestations a {
border-bottom:none;
display:block;
}

#prestations a:hover {
background:none;
}

#prestations li:hover {
background-color:#fde4d3;
}
/*
#prestations a:active {
position:relative;
top:1px;
}
*/
#prestations ul {
list-style:none;
}

#prestations li {
margin-bottom:10px;
}

#breves .date {
color:#333;
}

/*-----------actualités, articles-------------*/
#actualites, #autres-breves {
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
padding:0 20px 10px 20px;
margin-bottom:20px;
font-size:12px;
}

#actualites ul, #articles ul, #autres-breves ul {
list-style:none;
}

#actualites a, #articles a, #autres-breves a {
border-bottom:none;
}

#autres-breves ul a {
display:block;
padding-bottom:4px;
padding-top:5px;
border-bottom:1px dotted #f36a0d;
}

#actualites h3 a:hover, #articles a:hover, #autres-breves a:hover {
background-color:#fde4d3;
}
/*
#actualites h3 a:active, #articles  h3 a:active, #autres-breves a:active {
position:relative;
top:1px;
}
*/
#actualites li, #articles li {
padding-bottom:9px;
margin-bottom:10px;
border-bottom:1px solid #585858;
}

#actualites .sous-titre, #articles  .sous-titre {
font-style:italic;
color:#f36a0d;
}

#actualites  #articles .suite, .rubrique-1 #articles .suite, #rubrique.mots .suite {
background:url(/css/images/suite.png) repeat-x 0 0;
width:53px;
height:19px;
text-indent:-9999px;
display:inline-block;
position:relative;
top:1px;
}

#articles .suite {
background:url(/css/images/en-savoir-plus.png) repeat-x 0 0;
width:84px;
height:19px;
text-indent:-9999px;
display:inline-block;
position:relative;
top:1px;
}
/*
#actualites a.suite:active{
top:2px;
}
*/
#actualites .extrait{
color:#333;
}

#actualites .date, #articles .date, #autres-breves .date{
font-size:11px;
}

/*----------pagination----------*/
#pagination {
text-align:right;
margin-top:10px;
}

#pagination .on {
font-weight:bold;
}

#pagination a:hover {
background-color:#fde4d3;
}
/*
#pagination a:active {
position:relative;
top:1px;
}
*/
/*---------partenaires-----------*/
#partenaires {
text-align:center;
padding-bottom:5px;
}

#partenaires ul {
list-style:none;
display:inline;
}

#partenaires li{
display:inline;
}

#partenaires h2 {
display:inline;
color:black;
font-size:12px;
}
/*
#partenaires a:active {
position:relative;
top:1px;
}
*/

#clicstory {
color:#999;
font-size:11px;
text-align:center;
padding-bottom:15px;
}

#clicstory a {
color:#999;
}
/*---------menu pied----------*/
#pied {
clear:left;
}

#menu-pied {
height:30px;
width:980px;
background:url(/css/images/menu-gris.png) repeat-x;
text-shadow: #111 0px -1px 1px;
padding-bottom:10px;
font-size:12px;
}

#menu-pied a {
display:block;
height:26px;
color:white;
border-bottom:none;
padding-top:4px;
width:139px;
}

#menu-pied a:hover {
background:url(/css/images/menu-gris-hover.png) repeat-x;
}

#menu-pied a:active {
height:25px;
padding-top:5px;
}

#menu-pied ul {
text-align:center;
list-style:none;
}

#menu-pied li {
float:left;
border-right:1px solid white;
}

#menu-pied #menu-pied-plan{
border-right:none;
}

/*----------rubrique, article, breve-----------*/
#rubrique, #article{
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
padding:0 0px 10px 0px;
margin-bottom:20px;
font-size:12px;
}

#rubrique #articles, #article #user, #article #ps, #article #voir-en-ligne, #rubrique #user {
margin:0 20px;
}

#rubrique h2, #article h2 {
text-shadow:#7c5236 0px -1px 1px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:6px;
padding-left:20px;
padding-right:20px;
}

.fil-ariane {
font-size:11px;
color:#666;
}

.fil-ariane a {
color:#666;
}

#rubrique .chapo, #article .chapo {
background-color:#fde4d3;
padding:10px 20px 10px 20px;
margin-bottom:10px;
}

#rubrique .chapo .sous-titre, #article .chapo .sous-titre, #article .chapo .surtitre {
font-weight:bold;
color:#333;
}

#article #sommaire {
border:1px solid #666;
font-size:10px;
margin:10px 20px 20px 20px;
padding:10px;
color:#333;
width:20%;
float:right;
background-color:white;
}

#article #sommaire h3 {
color:#f36a0d;
}

#article #sommaire ul {
list-style-position:inside;
}
/*
#article #sommaire a:active {
position:relative;
top:1px;
}
*/
#article #ps {
font-size:11px;
border-top:dashed 1px #333;
margin-top:20px;
}

#article #ps h3 {
clear:right;
background-color:#eee;
padding:5px;
margin-bottom:10px;
}

#article #voir-en-ligne {
border-top:dashed 1px #333;
margin-top:20px;
clear:right;
background-color:#eee;
padding:5px;
margin-bottom:10px;
}

#article .date {
font-size:11px;
color:#666;
margin-top:15px;
}

/*---------plan du site----------*/
#plan .chapo {
background-color:#fde4d3;
padding:10px 20px 10px 20px;
margin-bottom:10px;
}

#plan{
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
margin-bottom:20px;
font-size:12px;
}

#plan ul {
list-style-position:inside;
padding-left:20px;
padding:0 20px;
}

#plan h2 {
text-shadow:#7c5236 0px -1px 1px;
font-weight:bold;
text-transform:uppercase;
padding:4px 20px 6px 20px;
}

#plan h3 {
margin-top:10px;
margin-bottom:10px;
padding:0 20px;
}

#plan h4 {
margin-left:20px;
margin-top:10px;
}

/*-------------contact--------*/
#contact {
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
margin-bottom:20px;
font-size:12px;
float:left;
}

#contact .form_1, #contact #ps-wrap {
padding:0 20px;
}

#contact h2 {
text-shadow:#7c5236 0px -1px 1px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:6px;
padding-left:20px;
}

#contact .chapo {
background-color:#fde4d3;
padding:10px 20px 10px 20px;
margin-bottom:10px;
}

#contact .chapo .soustitre {
font-weight:bold;
}

#contact legend {
display:none;
}

#contact .champ_obli_oubli {
border:1px solid red;
}

#contact .spip_forms fieldset {
border:none;
}

#contact .spip_form_label {
clear:left;
display:block;
float:left;
width:200px;
font-weight:bold;
margin-top:10px;
}

#contact input, #contact textarea {
float:left;
border:1px dashed #999;
width:450px;
margin-top:10px;
padding:1px;
}

#contact .spip_form_champ {
}

#contact input:focus, #contact textarea:focus {
border-color:#333;
}

#contact textarea {
height: 140px;
overflow:auto;
}

#contact .spip_bouton {
padding-bottom:30px;
}

#contact .spip_bouton input {
margin-left:200px;
margin-bottom:30px;
margin-top:20px;
background:url(/css/images/menu-principal.png) repeat-x;
color:white;
text-shadow: #555 0px -1px 1px;
border:none;
height:30px;
text-transform:uppercase;
cursor:pointer;
font-size:14px;
width:150px;
}

#contact .spip_bouton input:hover {
background:url(/css/images/menu-principal-hover.png) repeat-x;
}

#contact #ps {
clear:left;
font-size:11px;
border-top:dashed 1px #333;
margin-top:20px;
}

#contact .forml {
border:1px solid #999;
}

#contact .agone {
color:#f36a0d;
}

#contact .spip_form_label_obligatoire {
color:#f36a0d;
}

#contact .erreur {
display:block;
clear:left;
padding-left:200px;
color:red;
}

#contact .spip_form_ok {
border:1px solid #333;
margin:30px;
padding:10px;
text-align:center;
}

/*---------404------*/
#erreur404 {
width:100%;
background:transparent url(/css/images/menu-orange.png) repeat-x 0 0;
margin-bottom:20px;
font-size:12px;
float:left;
}

#erreur404 h2 {
text-shadow:#7c5236 0px -1px 1px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:6px;
padding-left:20px;
}

#erreur404 .chapo {
background-color:#fde4d3;
padding:10px 20px 10px 20px;
margin-bottom:10px;
}

#erreur404 .chapo .soustitre {
font-weight:bold;
}

#erreur404 .contenu {
padding:0 20px;
font-weight:bold;
margin-bottom:10px;
margin-top:20px;
}

#erreur404 fieldset {border:none;padding-left:20px;}
#erreur404 input {border:1px solid black;}
#erreur404 #submit {background-color:#ccc;}
#erreur404 #recherche {width:200px;}

/*--------dico----------*/
#plan .contenu {
padding:0 20px;
font-weight:bold;
margin-bottom:10px;
margin-top:20px;
}

#plan fieldset {border:none;padding-left:20px;}
#plan input {border:1px solid black;}
#plan #submit {background-color:#ccc;}
#plan #recherche {width:200px;}