/* 
* Reunir.com - CSS 
* @version 3.0
* @creation date 2009-10-27
* @update date 2009-10-27
* @author Reunir.com
* Description : 360 section
*/

/* Containers
--------------------------------------------------------------------------------------- */
#col-center{
  float: left;
  margin-right: 8px;
  width: 698px;
}
#col-right{
  float: left;
  width: 252px;
}

/* Common items
--------------------------------------------------------------------------------------- */
h2 { 
  font-size:15px;
  margin-bottom:1em;
  letter-spacing: auto;
}
h4 { 
  color: #eb6a27;
  font-size: 11px;
  line-height: 20px;
}

#foreword {
  font-weight:bold;
}
#col-center p { 
 line-height:1.3em;
  text-align:justify;
}
#col-center ul li { 
  font-weight: bold;
  line-height:1.2em;
  margin-left:20px;
  padding:0;
  list-style-type: square;
  list-style-image: url("/static/images/flatpages/list-bullet-orange.png"); 
}
#col-center ul { 
  margin-left:20px;
}
#col-center a { 
  color: #009dd3;
}
div#contact-reunir { 
  float: left;
  margin-left:10px;
  margin-top:15px;
}
div#savoir-plus { 
  margin-right:10px;
  margin-top:15px;
  float: right;
  width : 271px;
  height: 145px;
  background-color:#40b6de;
  color:#ffffff;
  padding:10px 20px 0px 20px;
  font-size:1.2em;
}
div#savoir-plus li{
  list-style-type: square !important;
  list-style-image: none;
  line-height:30px !important ;
}
div#savoir-plus h2{
  font-size:22px;
  font-weight: bold;
  margin-bottom:8px;
}
div#savoir-plus *{
  color:#ffffff !important;
}

.rencontres-communications{
color: #000;
}

/* Engagements
--------------------------------------------------------------------------------------- */
div#engagements { 
  background-color: #40b6de;
  margin-left: 42px;
  color: #fff;
}
div#engagements ol { 
  margin:10px;
  padding:10px;
}
div#engagements li { 
  margin:12px 0px 12px 20px;
  font-weight: bold;
  line-height:1.2em;
  margin-left:20px;
  padding:0;
  list-style-type: decimal;
  list-style-image: none;
}
div#engagements div#contact-reunir { 
  margin-left:0px;
}
div#engagements div#savoir-plus { 
  margin-right:0;
}
/* Solutions
--------------------------------------------------------------------------------------- */
.solution-item {
  clear:both;
  position:relative;
  padding-top:10px;
  margin-right:0px;
}

.solution-item div.left {
  float:left;
  position:relative;
  left:0px;
  z-index:1000;
}
.solution-item .right {
  margin-left:198px;
  position:relative;
  left:-20px;
}
.solution-item .right p, .solution-item .right h4 {
  margin-left:16px;
}

.solution-item ul {
  background-color: #40b6de;
  color:#fff;
  padding:10px;
  margin-left:0 !important;
  margin-right:10px;
}
.solution-item h4 {
  padding-top:0;
  color:#009dd3;
}
div#solutions div#savoir-plus { 
  margin-right:20px;
}