body  {text-align:center; background-color:#FAFAFE;}
#body {margin:0 auto; padding:5px 15px; text-align:left; color:#039; font-size:1.1em; max-width:1280px; min-width:740px;}
a {color:#039}
a:hover {color:#36C;}
h1 {font-size:2em; line-height:1em; font-weight:bold; color: #00539F; margin-bottom:.5em;}
h2 {margin-top:2em; padding:.4em .5em .25em .5em; font-size:1em; font-weight:bold; text-transform:uppercase; border:inset; border-color: #039;}
h3 {font-size:1em; font-weight:bold; margin-bottom:.5em; border-bottom:1px solid #B2C1E0; clear:right;}
h4 {margin-bottom:0;}
h5 {font-size:0.8em;}

p {margin-bottom:1em;}
hr {border:none; border-top:1px solid #B2C1E0; height:1px; padding:0; margin:0;}

#header {height:50px; font-size:0.8em;}
#logo {display:block; }
#content {padding:.3em 0 0 150px;}

#sidebar {float:left; width:125px}
#nav {color:#000; font-weight:bold; font-size:1.2em; }
#nav ul {margin:.25em 0 .5em 0; line-height:1.7em;}
#nav li {margin:0 0 0.5em 4px; font-weight:normal; font-size:0.9em; line-height:1em;}

#footer {clear:both; margin-top:30px; line-height:1.6em; text-align:center; color:black; font-size:.8em; font-weight:bold;}
#footer a {font-weight:normal; text-decoration:underline;}
#footer .first_row {line-height:1.6em; font-size:1.1em;}
#footer .first_row a {font-size:1.2em; }

.branding {font-size:0.8em; color:black; font-weight:normal;}
.branding a {font-style:italic;}
.branding span {font-style:italic; font-weight:bold;}
.branding .branding_arbo {color:#005f00;}
.branding .branding_quebec {color:#00539f;}

label {width:150px; display:block; float:left;}
label.textarea {float:none;}
input[type=text], textarea {border:1px solid #B2C1E0; padding:2px 5px;}
input[type=text] {width:250px;}
textarea {width:500px;}
form div {margin-bottom:5px; }

.errorlist {color:#BB0000;}
#content ul {margin-bottom:1em;}
#content ul li {margin-left:1em; list-style:disc;}

blockquote {text-indent:1em; color:#174115; font-size:1em; font-weight:bold;}

.float-right {margin-left:1em; margin-bottom:.5em;}
.float-left {margin-right:1em; margin-bottom:.5em;}


/* tables services */
.table_service {background-color: #FFF; padding:3px;}
.table_service table {border-spacing:1px;}
.table_service td {padding:2px; vertical-align:middle;}
#logo_table_service {width: 30px; height: 42px;}
.td_service_titre {color: #000;font-weight: 700;}
.td_contact_type, .td_service {background-color: #ABDCF4; font-weight: 700;}
.td_service_titre_mois {text-align: center; color: #000; font-size: 9pt;}
.td_service_mois {background-color: #ABDCF4; text-align: center; color: #000; font-size: 8pt;}
.td_service_detail {background-color: #E4F3FC;}
.nav_margin {margin-left: 130px;}

.liens_formation {}
.liens_formation td {text-align:center; padding:0 10px;}

#bg_mauvaise_pratique {background:url("/statics/images/mauvaise_pratique_bg.jpg") right top no-repeat; padding-bottom:100px; }
#bg_reseau {background:url("/statics/images/reseau_pilone_bg.jpg") right top no-repeat; padding-bottom:100px; }



.hidden { display:none;}
.show { }





#rightbar {float:right; width:250px;}

.citation { margin-top:20px; width:238px; background-color:#f1f1f1; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.citation_detail { margin-top:20px; background-color:#E4F3FC; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

#lien_photo { font-weight:bold;}
#photo_index { margin-top:10px; padding:10px; background-color:#fafce9; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#photo_detail { margin-top:20px; padding:10px; background-color:#e1fbdb; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

#quiz { margin-top:20px; background-color:#fbf1fb; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#quiz_ok { margin-top:20px;  border-width:5px; border-color:#B8EAB3; border-style:double; background-color:#e1fbdb; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#quiz_bad { margin-top:20px; border-width:5px; border-color:#ff0000; border-style:double; background-color:#ffffff; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#next_quiz {text-align:right;}





.q { }
#search_image { display:block; float:right;}
#search_input { width:205px;}
.search_list { margin:0 265px 0 140px;}
.search_list p { color:#000;}
.article_list {background-color:#fafce9; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.page_list {background-color:#fafce9; margin-top:20px; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}








.description { margin:0 265px 0 140px; background-color:#fff; padding:0px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.description span{ font-size:1.5em;}
.description p { margin-left:20px;}



.welcome_msg { margin:20px 24em 0 15em; width:455px;  background-image:url('/statics/images/arboquebec_logo.jpg'); background-repeat: no-repeat; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.welcome_msg div { padding:20px 20px 10px 20px;}



#article_all { margin:20px 265px 0 140px;}
.first_article { padding:20px; height:175px; background-color:#E4F3FC; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#articles { margin-top:20px; background-color:#e1fbdb; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.article_image {display:block; float:left; margin:0 15px 20px 0;}
.article { margin-top:40px; padding:20px; clear:left; height:auto;}
.title { font-size:1.2em;}
#article_detail { margin:0 265px 0 140px;}
#msg_ok { margin:0 265px 20px 140px; border-width:5px; border-color:#B8EAB3; border-style:double; background-color:#e1fbdb; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#msg_bad { margin:0 265px 20px 140px; border-width:5px; border-color:#ff0000; border-style:double; background-color:#ffffff; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; color:red;} 

.comments { margin:0 265px 0 140px; background-color:#f1f1f1; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#comment_add { margin-bottom:20px; background-color:#ccc; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.comment { margin-top:20px; background-color:#fafafa; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.comment span { font-size:0.8em; color:#000;}

#content_about { padding:0 24em 0 150px;}


#plantezplus_add { margin-bottom:20px; background-color:#f1f1f1; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.formfield { padding:.2em;}


.msg_image { padding-right:20px; display:block; float:left;}


.entreprises { margin:0 0 0 150px;}


.entreprise { padding:0 20px 20px 0;}
.entreprise img { float:right; margin-left:20px;}

.solutions { padding:0 0 40px 0;}
.solutions ul { padding-left:20px;}

.solution_entreprise { margin-bottom:40px; border-width:1px; border-color:#ccc; border-style:solid; background-color:white; padding:7px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.solution_entreprise td { padding:0 1.5em 1em 0;}
.solution_entreprise p { color:black; font-size:.8em;}

.content_entreprise { padding:.3em 0 0 150px;}
.content_entreprise img { float:right; margin-left:20px;}

.site {margin:7px 0 7px 0;}
.site td {padding:0 20px 0 20px;}

.connexion { width:350px; border-width:7px; border-color:#ccc; border-style:double; background-color:#fff; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.connexion span {font-size:1.3em; }
.connexion input {width:160px;}