/*  

Theme Name: Theme Detail Formation

Theme URI: http://www.700ml.ca

Description: Maquette Detail Formation

Version: 1.0

Author: Agence 700 ml

Author URI: http://www.700ml.ca

*/



* { 

  margin: 0px;

  padding: 0px;

}



.alignleft {

  float: left;

}

.alignright {

  float: right;

}



a:hover {

  text-decoration: none;

  color: #348201;

}



a, a:visited {

  color: #348201;

}



strong {

  font-weight: bold;

}



body {

  background: #084175 url(http://www.detailformation.com/images/body-bg.gif) repeat-x;

  font-family: Tahoma;

  font-size: 11px;

  margin: 0px;

  padding: 0px;

}



#container-left {

  width: 18px;

  height: 982px;

  background: url(http://www.detailformation.com/images/cont-left.gif) repeat-y top left;

  float: left;

}



#container-right {

  width: 26px;

  height: 982px;

  background: url(http://www.detailformation.com/images/cont-right.gif) repeat-y top left;

  float: left;

}



#container {

  width: 995px;

  position: relative;

  margin:auto;

  background: #084175 url(http://www.detailformation.com/images/container-bg.gif) repeat-y;

}



#container-main { 

  background: #fff;

  float: left;

  width: 951px;

}



#small-screens-alert {

  width: 100%;

  position: fixed;

  top: 0px;

  left: 0px;

  z-index: 2;

  padding: 10px;

  background: #ffb;

  border-bottom: #ff1;

  font-size: 11px;

  color: #444;

}



#header {

  margin: 0;

  padding: 0;

  width: 951px;

  background: url(http://www.detailformation.com/images/header-bg.gif) no-repeat;

}


#header-nouveau {

  margin: 0;

  padding: 0;

  width: 951px;

  background: url(http://www.detailformation.com/images/nouveau/header-bg-nouveau.jpg) no-repeat;

}

#logo {

  float: left;

  position: relative;

  left: 34px;

}



#slogan {

  float: left;

  position: relative;

  left: 150px;

}



#utilities {

  float: right;

  width: 326px;

  height: 55px;

  margin-top: 77px;

}



#utilities ul {

  margin: 0px;

  padding: 0px;

  margin-left: 5px;

  margin-top: 30px;

  list-style-type: none;

}



#utilities li {

  list-style-type: none;

  float: left;

  margin: 0px;

  padding: 0px;

  margin-left: 10px;

  background: url(http://www.detailformation.com/images/utility-puce.gif) no-repeat left center;

  text-indent: 10px;

}



#utilities a {

  color: #000;

}



#navigation {

  background: #121529 url(http://www.detailformation.com/images/main-nav-bg.gif) repeat-x;

  width: 625px;

  height: 30px;

  float: left;

}



#navigation ul {

  margin: 0px;

  padding: 0px;

  margin-left: 10px;

  margin-top: 9px;

  list-style-type: none;

}



#navigation li {

  list-style-type: none;

  float: left;

  margin: 0px;

  padding: 0px;

  font-size: 10px;

  font-family: Verdana;

  margin-right: 5px;

  padding-left: 10px;

  color: #fff;

  font-weight: bold;

  background: url(http://www.detailformation.com/images/nav-separator.gif) no-repeat center left;

}



#navigation li.first {

  background: none;

}



#navigation a {

  color: #fff;

  text-decoration: none;

}



#ateliers {

  float: left;

  width: 326px;

  height: 30px;

  text-align: center;

}

#ateliers select {

  font-size: 11px;

  font-family: Tahoma;

  margin-top: 4px;

  width: 250px;

}



#flash {

  float: left;

  width: 636px;

  height: 377px;

  background: #002144 url(http://www.detailformation.com/images/flash-bg-bottom.gif) no-repeat bottom left;

}



#promos-home {  

  float: left;

  width: 315px;

  height: 377px;

}



#promos a, #promos-home a {

  color: #000;

}



#promos {

  float: left;

  width: 315px;

  height: 377px;

  background: #002144 url(http://www.detailformation.com/images/promos-bg_old.gif) no-repeat top left;

}



#promos .restricted, #promos-home .restricted, #restricted {

  overflow: hidden;

  height: 45px;

  width: 280px;

  margin: 0px;

  padding: 0px;

  position: relative;

  left: 10px;

  top: 25px;

}



#promos p, #promos-home p {

 margin: 0px;

 padding: 0px;

 margin-bottom: 2px;

}



#publications {

  margin-left: 12px;

  margin-top: 41px;

  background: url(http://www.detailformation.com/images/publications-bg.gif) no-repeat;

  min-height: 76px;

  height:auto !important;

  height: 76px;

}



#publications h2 {

  text-indent: 4000px;

  display: none;

}



#calendrier {

  margin-left: 12px;

  background: url(http://www.detailformation.com/images/calendrier-bg.gif) no-repeat;

  min-height: 76px;

  height:auto !important;

  height: 76px;

}



#calendrier h2 {

  text-indent: 4000px;

  display: none;

}



#toolbox {

  margin-left: 12px;

  background: url(http://www.detailformation.com/images/toolbox-bg.gif) no-repeat;

  min-height: 76px;

  height:auto !important;

  height: 76px;

}



#toolbox h2 {

  text-indent: 4000px;

  display: none;

}







#store {

  margin-left: 12px;

  background: url(http://www.detailformation.com/images/boutique-bg.gif) no-repeat;

  min-height: 74px;

  height:auto !important;

  height: 74px;

}



#store h2 {

  text-indent: 4000px;

  display: none;

}



#home-bottom { 

  margin: 10px;

  background: #fff url(http://www.detailformation.com/images/home-bottom-bg.gif) repeat-y;

}



#news, #maillist, #developpement {

  float: left;

  width: 305px;

  margin-left: 8px;

  background: none;

}



#maillist small {

  color: #fff;

}



#news {

  margin-left: 0px;

}



#news p, #maillist p, #developpement p {

  padding-bottom: 10px;

  padding-right: 10px;

  padding-left: 10px;

}



#news strong {

  padding-left: 10px;

}



#home-bottom h2 {

  background: url(http://www.detailformation.com/images/encadre-bas-h2-bg.gif);

  padding: 4px;

  color: #fff;

  font-family: Helvetica, Verdana;

  font-size: 15px;

  margin-bottom: 10px;

}



#home-bottom h3 {

  background: #0E4986;

  padding: 4px;

  color: #fff;

  font-size: 11px;

  margin-bottom: 10px;

}



a.plus {

  color: #0E4986;

  font-weight: bold;

}



#footer {

  background: #021D3F url(http://www.detailformation.com/images/footer-bg.gif) repeat-x;

  padding: 10px;

  padding-top: 20px;

  padding-bottom: 20px;

  color: #808B99;

}



#adresse {

  float: left;

  width: 350px;

}



#footer-links {

  float: right;

  width: 550px;

  text-align: right;

}



#footer a {

  color: #fff;

}



#footer p {

  padding-bottom: 10px;

  padding-right: 10px;

  padding-left: 10px;

}



#footer-top {

  background: url(http://www.detailformation.com/images/footer-top.gif) no-repeat;

  height: 38px;

}



#content {

  margin: 5px;

  min-height: 600px;

  height: auto !important;

}



#content h2 {

  background: url(http://www.detailformation.com/images/encadre-bas-h2-bg.gif);

  padding: 4px;

  color: #fff;

  font-family: Helvetica, Verdana;

  font-size: 20px;

  margin-bottom: 10px;

}



#sidebar {

  background: url(http://www.detailformation.com/images/sidebar-separator.gif) repeat-y top right;

  width: 250px;

  float: left;  

}



#pagecontent {

  font-size: 12px;

  margin-left: 10px;

  float: left;

  width: 650px;

}



#pagecontent tr {

  border-top: 1px solid #fff;

}



#pagecontent td {

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

}



#pagecontent h2 {

  background: none;  

  font-family: Helvetica, Verdana;

  font-size: 18px;

  margin-bottom: 10px;

  color: #000;

}



#sidebar ul {

  margin: 0px;

  margin-right: 15px;

  padding: 0px;

  list-style-type: 0px;

}



#sidebar li {

  margin: 0px;

  padding: 4px;

  font-size: 11px;

  background: url(http://www.detailformation.com/images/sidebar-puce.gif) no-repeat left top;

  padding-left: 15px;

}





#sidebar li.current_page_item, #sidebar li.current_page_parent {

  background: #0E4986 url(http://www.detailformation.com/images/sidebar-puce-active.gif) no-repeat left top;

}



#sidebar li a {

  color: #0E4986;

  font-weight: bold;

}



#sidebar li.current_page_item a, #sidebar li.current_page_parent a {

  color: #fff;

}



#content p {

  padding-bottom: 10px; 

  padding-top: 10px;

  color: #3e3e3e;

}



#pagecontent ul, #pagecontent ol {

  margin: 0px;

  padding: 0px;

}



#pagecontent ul li {

  margin-left: 20px;

  padding-left: 10px;

  list-style-type: square;

  color: #3e3e3e;

}



#pagecontent ol li {

  margin-left: 20px;

  padding-left: 10px;

  list-style-type: decimal;

  color: #3e3e3e;

}



#pagecontent img {

  margin: 5px;

}



.entry-left, .entry-right {

  width: 300px;

  text-align: justify;

  float: left;

  margin-right: 20px;

  heigth: auto;

}



p.MsoNormal {

  margin: 0px;

  padding: 0px;

  color: #3e3e3e;

}



#maillist-form {

  background: url(http://www.detailformation.com/images/maillist-bg.gif) no-repeat;

  width: 294px;

  height: 306px;

  margin-left: 5px;

}



#maillist-form-table {

  padding-left:10px; 

  float: right; 

  background: url(http://www.detailformation.com/images/infolettre-bg-white.gif) no-repeat;

  width: 294px;

  height: 306px;

  margin-left: 5px;

  padding-top: 70px;

}



#maillist-form p, #maillist-form-table p {

  clear: both;

  padding-top: 5px;

}



#oi_form { 



  padding-top: 70px;



} 



#oi_form label {

  font-weight: bold;

  color: #505050;

  width: 120px;

  float: left;

}



#maillist-form-table label {

  width: 100px;

  font-weight: bold;

  color: #505050;

  float: left;

}



#oi_form input {

  width: 150px;

  float: right;

}



#maillist-form-table input {

  width: 150px;

  float: right;

  margin-right: 30px;

}



#submit_bouton input {

  width: auto;

  float: right;

}



#logos {

  text-align: center;

  heigth: 150px;

  margin-left: 20px;

}



#logos img {

  float:left;

  margin: 10px;

}