/* PLC - le 12/05/2009*/
/* rouge :#DF3F3F;
vert : #584900;
beige :#F3F2ED;
*/
html, body {
margin:0;
padding:0;
}
body {
text-align:center;
font-family: "trebuchet ms", helvetica, arial, sans-serif;
font-size:90%;
background:#2F3A19;
}
#page {
background:white;
margin:0 auto;
padding:0;
min-width:680px;
}
h1 {
padding-left:13%;
margin-top:0;
text-shadow:2px 2px 5px #000000;
}
h2 {
font-size:160%;
font-variant:small-caps;
letter-spacing:0.06em;
color:#DF3F3F;
}
h3 {
font-size:130%;
color:#584900;
}
h3 a {
color:#584900;
text-decoration:none;
font-size:100%;
}
h3 a:visited {
color:#584900;
}
h4 {
font-size:115%;
color:#867a3e
}
h5 {
font-size:110%;
}
h6 {
font-size:110%;
}
a {
color:#DF3F3F
}
a:visited {
color:#696969;
}
a:hover, a:active, a:focus {
text-decoration:none;
}
a[hreflang]:after {
content: " (" attr(hreflang) ")"; 
}
p {
}
abbr {
}
code {
font-weight:bold;
font-size:120%;
color:#DF3F3F;
}
h2 code {
font-size:165%
}
h3 code {
font-size:145%
}
pre {
font-size:105%;
padding:5px 10px;
margin:30px 0;
overflow:auto;
color:#000000;
background-color:#FFF3F3;
border-left:3px ridge #DF3F3F;
}
pre span {
font-style:italic;
color:#696969;
}
pre span.r {
color:red;
}
input {
padding:1px;
background-color:#F3F2ED
}
input:focus {
background-color:white;
}
input[type=submit], input[type=reset] {
border:1px solid black;
padding:1px;
font-weight:bold;
background-color:#DF3F3F;
color:white
} 
img {
border:0
}
hr {
height:1px;
color:white;
border:1px solid white;
}
blockquote {
background:white url(images/quote.png) no-repeat;
margin-left:0;
padding-left:60px;
color:#545454;
}
/*--------- header ----------*/
#header {
text-align:left;
background:#2F3A19 url(images/vert.png) repeat bottom;
border-bottom:5px solid #FF4040;
/*css3*/
box-shadow:-6px 2px 6px 0 #A9A9A9;
-moz-box-shadow:-6px 2px 6px 0 #A9A9A9;
-webkit-box-shadow:-6px 2px 6px #A9A9A9;
}
#header h1 a {
text-decoration:none;
}
#header h1 span.diese {
font-family:"arial black", gadget, arial, sans-serif; 
color:#DF3F3F;
font-size:1.6em
}
#header h1 span.debutant {
font-family:"courier new", courier, serif; 
color:white;
font-size:1.2em
}
#header h1 abbr {
border:none;
}
#header ul {
margin:10px 0 0 13%;
height:28px;
list-style-type:none;
text-align:center;
padding:0;
border-bottom:1px solid #455525;
}
#header li {
float:left;
padding:0;
border-left:1px solid #2F4F4F;
margin:0;
}
#header li.der {
border-right:1px solid #2F4F4F;
}
#header li a {
display:block;
width:143px;
text-decoration:none;
padding:5px 0 6px 0;
color:white;
font-weight:bold;
}
#header li a:hover, #header li a:active, #header li a:focus {
background:url(images/onglet2.gif) no-repeat center -29px;
}
#premiers #header li.premiers {
background:url(images/onglet2.gif) no-repeat;
}
#tutos #header li.tutoriels {
background:url(images/onglet2.gif) no-repeat;
}
#outils #header li.outils {
background:url(images/onglet2.gif) no-repeat;
}
#apropos #header li.der {
background:url(images/onglet2.gif) no-repeat;
}
#header p {
color:#232916;
font-size:90%;
margin:0;
}
#header p a {
color:#232916;
}
#header p a:hover {
color:white
}
#header p a:active, #header p a:focus {
color:#DF3F3F;
}
#brouette {
background:url(images/brouette.png) no-repeat right bottom;
}

/* ---------- edito ----------- */
#edito {
float:left;
width:55%;
text-align:justify;
margin:20px 50px 20px 13%;
}
#edito h2 {
margin-top:0;
}
#edito h2:first-letter {
font-size:150%;
text-shadow:1px 1px 1px #A9A9A9;
}
#edito li {
margin-bottom:3px;
}
#edito ul li {
list-style-image:url(images/puce-verte.gif);
} 
#edito .objet {
background:white; 
border-left:10px solid #F3F2ED;
padding:0 10px;
margin:0 5%;
}
#edito .objet li {
font-family:"courier new", monospace;
text-align:left;
margin-left:-15px;
list-style-image:url(images/puce-rouge.gif);
margin-bottom:0px;
}
#edito .objet p {
font-weight:bold;
padding-top:0;
margin-top:0;
}
/* ----- chapeau -----*/
#chapo {
background:#F3F2ED; 
border:4px double white;
padding:0 10px;
margin:20px 0 30px 0;
/*css3*/
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-opera-border-radius:10px;
box-shadow:3px 3px 6px 2px #A9A9A9;
-moz-box-shadow:3px 3px 6px 2px #A9A9A9;
-webkit-box-shadow:3px 3px 6px #A9A9A9;
-opera-box-shadow:3px 3px 6px #A9A9A9;
}
#chapo p {
line-height:1.5em;
}
#chapo p strong {
font-size:120%
}
#chapo p + p strong, #chapo p.normal strong {
font-size:100%
}
#chapo p:before {
content:url(images/main2.png) " ";
}
#chapo p + p:before, #chapo p.normal:before {
content:"";
}
/*--------- menu -----------*/
#menu {
margin:50px 0 0 75%;
text-align:left;
font-size:90%;
color:black;
max-width:200px;
}
#menu a {
text-decoration:none;
color:black;
display:block;
}
#menu li a {
padding-left:5px;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
background-color:#F3F2ED;
}
#menu ul {
list-style:none; 
list-style-image:none; 
padding-left:0; 
}
#menu li {
line-height:2.2em;
border-top:1px dotted #CAC7BC;
border-bottom:1px dotted #CAC7BC;
}
#menu li:hover, #menu li:active, #menu li:focus {
background-color:#F3F2ED;
}
#menu li + li {
border-bottom:1px dotted #CAC7BC;
border-top:none
}
#menu h2 {
font-size:120%;
background-color:#DF3F3F;
text-align:center;
border:1px solid #DF3F3F;
padding:2px;
/*css3*/
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#menu h2 a {
color:white;
}
#menu h2 a:hover, #menu h2 a:active, #menu h2 a:focus {
}
#navig {
padding:0 4%;
}
#w3c {
padding-top:15px;
}
#w3c p {
text-align:center;
}
#w3c p.share a {
color:#DF3F3F;
text-decoration:underline;
}
#w3c p.share a:hover, #w3c p.share a:active {
text-decoration:none;
}
/* -------------recherche----------- */
/*#search fieldset {
width:180px;
background-color:#F3F2ED;
border:1px solid white;
padding:10px 0 0 10px;
position:absolute;
top:160px;
right:3%;
}*/
#search fieldset {
width:180px;
border:none;
margin:0 auto 50px auto
}
#search input[type=text] {
float:left;
background:url(images/search-input.png) top left no-repeat;
width:133px;
height:25px;
padding:7px 0 0 10px;
border:none;
color:#808080;
}
#search input[type=submit]{
float:left;
background:url(images/search-input.png) top right no-repeat;
width:29px;
height:30px;
cursor:pointer;
border:0;
color:white;
padding:0 0 0 2px
}
#search input:focus {
color:black;
}

/*--------- footer ----------*/
#footer {
clear:both;
text-align:center;
font-size:90%;
margin:0;
padding:0;
background:url(images/beche.png) no-repeat right bottom;
height:120px;
}
#footer p, #footer a {
color:#404F23;
}
#footer a:hover {
text-decoration:none;
}
.pelouse {
background:url(images/pelouse.png) repeat-x left bottom;
}

/* --------- divers / vrac --------*/
#suite {
text-align:right;
}
.none {
display:none;
}
.visu {
background:#F5F5F5 url(images/visu.png) no-repeat 10px 15px;
border:1px solid #C0C0C0;
color:#404040;
padding:0 10px 10px 100px;
margin:50px 0;
/*css3*/
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:3px 3px 6px 0 #A9A9A9;
-moz-box-shadow:3px 3px 6px 0 #A9A9A9;
-webkit-box-shadow:3px 3px 6px #A9A9A9;
}
.visu h2, .visu h3, .visu h4 {
font-size:110%;
color:#696969;
font-style:normal
}
.visu li {
list-style-image:none !important;
margin-bottom:0 !important;
}
.haut, .top {
text-align:right;
font-size:90%;
}
p.haut:after, p.top:after {
content:" " url(images/haut.gif);
}
.astuce:before {
content:url(images/light_bulb__exclamation.png) " ";
}
.warning:before {
content:url(images/warning_16.png) " ";
}
.voir:before, .test:before {
content:url(images/voir.png) " ";
}
.chemin {
text-align:left;
padding:0 0 5px 13%;
background-color:white;
color:#DF3F3F;
font-size:80%;
margin:10px 0
}
.chemin a {
color:#DF3F3F;
}
.centre {
text-align:center;
}

#copy {
text-align:center; 
padding-top:20px;
font-size:90%;
color:#696969;
border-top:1px solid #F3F2ED;
}
#copy em {
font-family:serif;
font-size:105%
}
/*---------- IE6 warning  ---------- */
#ie6msg {
width:50%;
border:2px solid #DF3F3F;
background-color:#F5F5F5;
margin:5px auto;
padding:5px;
}