/* @override http://3mats.net/-css/styles.css */

/*
3mats.net
Laurent Gloaguen

gris foncé : #333 (texte courant)
gris clair : #ccc
bleu foncé : #325c80
rouge : #a62929
beige : #bbbaaa

*/


* { margin: 0; padding: 0; }

body { 
background-color: #fff; 
margin: 0px 20px;
text-align: left; 
font-family: Verdana, Helvetica, Arial,sans-serif;
font-size: 12px; 
line-height: 170%; 
color: #333; 
}

a { text-decoration: underline; color: #666; }

a:hover { text-decoration: none; color: #333; }

a img { border: none; }

strong { color: #666; }

blockquote {
background:url('/-img/guillemets.gif') no-repeat top left;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
padding: 5px 7px;
margin: 10px 0;
}

#bandeau {
height: 100px;
}

.fil-ariane {
display: block;
padding: 2px 6px;
margin-bottom: 6px;
border-bottom: 1px solid #333;
border-top: 1px solid #333; 
background-color: #eaeaea;
clear: both; }


#conteneur {
background-color: #fff; 
width: 972px;
margin: 0 auto;
}

#contenu {
margin-top: 22px;
}

/** col 1 **/

#col-1 {
width: 702px;
float: left;
margin-bottom: 70px; background-color: #fff; }

/** col 2 **/

#col-2 {
width: 240px;
float: right;
margin-bottom: 30px;
padding-left: 12px;
border-left: 1px solid #ccc;
background-color: #fff; }


#pied { clear: both; padding: 0px 0;
}

#pied a { color: #333; text-decoration: none; }


.categorie {
font-family: "Gill Sans", verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 14px;
color: #325c80;
margin-bottom: 25px;
 }


#navigation {
width: 242px;
}

#navigation ul {
list-style-type: none;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 9px 0;
}

#navigation li {
background-image: none;
border-top: 1px solid #e5e5e5;
}

#navigation li a {
display: block;
color: #333;
text-decoration: none;
padding: 0 0 0 9px;
}

#navigation li a:hover {
background: transparent url('http://3mats.net/-img/blink.gif') repeat-y left;
color: #325c80;
}

.bloc {
border-bottom: 1px solid #ccc;
padding: 9px 0 9px 0;
}

#col-1 h1 {
font-family: "Droid Serif", "Didot", times, "Times New Roman", georgia, serif;
font-weight: normal;
font-size: 30px;
line-height: 100%;
color: #b3b39d;
margin-bottom: 22px;
}

#col-1 h1 a {
text-decoration: none;
color: #b3b39d;
}

#col-1 h2 {
font-family: "Gill Sans", verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 100%;
color: #325c80;
margin-bottom: 7px;
}

#col-1 h3 {
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 100%;
color: #666;
background: url('http://3mats.net/-img/puce-beige.gif') no-repeat left 0;
padding-left: 16px;
margin-top: 16px;
margin-bottom: 10px;
}

#col-1 img { margin: 12px 0 6px 0; border: 1px solid #333; }

#col-1 img.image-accueil { float: left; margin: 0 12px 6px 0; border: none; }

#col-2 h3 {
font-family: "Gill Sans", verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 100%;
color: #999;
margin-bottom: 7px;
}

#col-1 ul {
list-style-type: none;
margin: 12px 0 10px 0;
}

#col-1 li {
margin-bottom: 5px;
background-image: url('http://3mats.net/-img/puce.gif');
background-position: 0 6px;
background-repeat: no-repeat;
padding-left: 12px;
}

#col-1 p {
margin-bottom: 4px;
}


input#search { margin: 6px 0 9px 0;
 }

#syndication { padding: 9px 0 0 0; }

.feed {
font-weight: bold;
font-size: 10px;
color: #fff;
background-color: #ff6600;
border-left: 1px solid #ff9900;
border-top: 1px solid #ff9900;
border-right: 1px solid #cc6600;
border-bottom: 1px solid #cc6600;
padding: 1px 3px 1px 3px;
}

.legende {
border-left: 1px solid #ccc;
font-size: 10px;
text-align: left;
padding-left: 10px;
margin-bottom: 12px;
}

#suite {
font-weight: bold;
color: #666;
height: 31px;
line-height: 28px;
background:url('/-img/nef.gif') no-repeat top left;
padding-left: 42px;
margin-top: 25px;
margin-bottom: 20px;
}

#categorie-desc {
background-color: #e5f3ff;
border: 1px solid #b7c2cb;
padding: 5px 7px;
}

cite {
font-style: italic;
}

table {
border: 1px solid #333;
empty-cells: show;
border-collapse: collapse;
margin: 10px 0;
}

td {
border: 1px solid #333;
padding: 4px;
}

#invisible table {
border: 0px;
}

#invisible td {
border: 0px;
}

table.camp {
border-collapse: collapse; margin: 2em 0; width: 100%; }

table.camp td { padding: 4px 6px; text-align: left; font-size: 12px; border: 1px solid hsl(0, 0%, 50%); vertical-align: middle; }

td.camp-no { background-color: #add8e6; text-align: right; width: 10px; }

td.camp-voy { background-color: #ffebcd; font-weight: bold;}

td.camp-voy2 { background-color: #cdeaff; font-weight: bold;}


dl {
width: 440px;
float: left;
background-image: url('/-img/fond-definition.gif');
background-repeat: repeat-y;
border-width: 0 1px 1px 1px;
border-color: #807762;
border-style: solid;
margin-bottom: 20px;
}

dl dt {
float: left;
width: 110px;
padding: 7px;
font-weight: bold;
border-top: 1px #807762 solid;
clear: left;
}

dl dd {
width: 291px;
padding: 7px 12px;
float: left;
margin: 0;
border-top: 1px #807762 solid;
border-left: 1px #b3a789 solid;
background-color: #eee7d4;
}


.plus {
background:url('/-img/plus.gif') no-repeat top left;
background-color: #f5ecdc;
border: 1px solid #e5ddcf;
padding: 5px 7px;
}

.doc {
background:url('/-img/document.gif') no-repeat 14px left;
padding: 15px 14px;
}

#comments { margin-top: 42px; }

h3.comments-open-header {  }

#comments-form { width: 450px; }

#comments input, #comments textarea { float: right; }

input#comment-submit { clear: both; margin-top: 15px; }

div.comment-content p { font-size: 11px; line-height: 120%; padding-left: 26px; }

div.comment-footer { font-size: 11px; padding-left: 26px; }

#comment-form-name, #comment-form-email, #comment-form-url, #comments-open-text { padding: 10px 0; }