/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/* --- mise en page --- */

* {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
}

#columns p {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
  font-size:11px;
  line-height:15px !important;
  color:#5C5C5C;
}

#columns p.posted {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
}

#columns p strong {
  color:#318EDD;
  margin-bottom:15px;
  font-size:11px;
  font-weight:bold;
}

#columns .post .featured h2 {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
}

.post h1 {
  
}

#menu li a {
  font-size:0.95em;
  color:black;
  padding:0;
  padding-left:5px;
  padding-right:5px;
}

#menu input{
  font-size:0.95em;
}

#header h1 a{
  height:107px;
  width:300px;
}

h1, h2, h3 {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
}

.spacer h2 {

}

#catnav ul.nav2 li a {
  font-size:0.9em;
  color:#353535;
  display:block;  
}

.breadcrumb {
  color:#6D6D6D;
  font-size:0.7em;
  font-weight:bold;
}

.breadcrumb span{
  color:#353535;
  font-weight:normal;
}

.breadcrumb a{
  color:#353535;
  font-weight:normal;
}

.breadcrumb a:hover {
  color:#6D6D6D;
}

.sideTabs .idTabs li a {
  color:#FF7800;
  line-height:45px;
  font-size:0.9em;
}

.sideTabs .idTabs li a.selected {
  color:#117DD8;
  font-weight:bold;
}

#footer {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
  font-size:10px;
  color:#666666;
}

#columns .post .featured h2 a, #columns .post h2 a {
  color:#343434;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
}

#columns h2 {
  line-height:15px;
  margin-bottom:5px;
}

#columns .post h2 {
  line-height:18px;
  font-size:14px;
}

#columns p.posted {
  font-size:10px;
  font-style:italic;
}

a.more2 {
  font-family:Verdana,Arial,"Myriad Pro","Trebuchet MS";
}

.entry ul, .entry ol {
  font-size:10px;
  line-height:10px;
  margin:15px;
}

.entry ul li {
  list-style:none !important;
  list-style-position: outside !important;
  list-style-image: url(images/puce-lien-bleu.gif) !important;
  padding:0;
  padding:0 0 0 3px;
  color:#5C5C5C;
  line-height:12px;
  margin:0;
  margin-bottom:5px;
}

.post h1, .titre h1 {
  color:#FF5A00;
  font-weight:normal !important;
  font-family:"Helvetica";
  letter-spacing:normal !important;
  border-bottom:none !important;
  font-size:1.8em !important;
  vertical-align:top;
}

.post h1 a, .titre h1 span {
  color:#117DD8;
  font-size:24px;
  letter-spacing:1px;
  font-weight:700;
  vertical-align:top;
}

.arclist h2 {
  color:#117DD8 !important;
  font-size:14px !important;
}

.arclist ul li {
  font-weight:normal;
  font-size:12px
}

/* --- structure --- */

body{
  background:#fff;
}

#page {
  width:1000px;
}

#nav2 {
  background:none;
  float:right;
  clear:both;
}

#menu{
  float:left;
  background: url(images/bg-nav2.gif) repeat-x top;
}

#menu ul{
}

#menu ul li {
  background: url(images/separator-menu-header.gif) no-repeat right top;
  padding:0;
  margin:0;
  padding-left:5px;
  padding-right:5px;
}

#menu form {
  padding-left:5px;
  padding-right:5px;
}

#menu input{
  border:1px solid #D0D4D5;
}

#menu .btn {
  background:url(images/bg-button.gif) repeat-x top;
  color:white;
  cursor:pointer;
  font-weight:bold;
  margin:0 2px 4px;
  padding-left:10px;
  padding-right:10px;
  font-size:0.95em;
}

#menu-droite{
  background: url(images/nav2-droite.gif) no-repeat top;
  width:4px;
  height: 29px;
  float:left;
}
#menu-gauche{
  background: url(images/nav2-gauche.gif) no-repeat top;
  width:4px;
  height: 29px;
  float:left;
}

#header {
  height:270px;
  width:200px;
  clear:both;
}

#header h1 {
  background: url(images/logo.png) no-repeat left top;
  height:120px;
  z-index:300;
  position:absolute;
  margin-top:-10px;
}

#bandeau {
  background:url(images/bandeau-blog.jpg) no-repeat center top;
  height:192px;
  margin-top:82px;
  position:absolute;
  width:1000px;
  z-index:0;
}

#rss {
  padding:0;
  margin:0;
  margin-top:10px;
  margin-bottom:10px;
  float:right;
}

#catnav {
  background:none;
  width:700px;
  float:right;
  margin-top:38px;
  position:absolute;
  margin-left:300px;
}

#catnav ul.nav2 {
  background:none;
}

#catnav ul.nav2 li {
  border-right:1px solid #CCCCCC;
  display:inline;
  float:left;
  padding:0;
  height:44px;
  position:relative;
  z-index:100;
  line-height:15px;
  max-width:140px;
}

#catnav ul.nav2 li.last {
  border-right:none;
  display:none;
}

#catnav ul.nav2 li a {
  /*margin-right:7px;*/
  /*margin-top:10px;*/
  padding-left:10px;
  padding-right:10px;
  padding-top:7px;
  display:block;
  height:37px;
}

#catnav ul.nav2 li:hover {
  cursor:pointer;
  background: url(images/droite-menu-principal.png) no-repeat right bottom;
}

#catnav ul.nav2 li a:hover {
  cursor:pointer;
  background: url(images/gauche-menu-principal.png) no-repeat left bottom;
}

.nav2 li:hover, .nav2 li.sfHover, .nav2 li.current, .nav2 a:focus, .nav2 a:hover, .nav2 a:active {
  background:none;
}

.breadcrumb {
  margin-top:20px;
  margin-bottom:10px;
}

#columns {
  clear:both;
  float:none;
}

.sideTabs {
  width:655px;
  padding:0;
  margin:0;
  margin-left:5px;
}

.sideTabs .idTabs li a:hover, .sideTabs .idTabs .selected {
  background: url(images/onglet-sitra.png) no-repeat right top;
}

.sideTabs .idTabs li {
  width:110px;
  margin-top:-10px;
}

.sideTabs .idTabs li a {
  padding:0;
  margin:0;
  background: url(images/onglet-sitra-normal.png) no-repeat right top;
  height:44px;
  padding-right:5px;
  padding-left:5px;
  width:auto;
}

.sideTabs .idTabs li a:hover {
  background: url(images/onglet-sitra.png) no-repeat right top;
}

.box-onglet .spacer {
  background: url(images/bg-onglet.png) repeat-y left top;
}

.box-top {
  background: url(images/bg-onglet-top.png) no-repeat left top;
  height:6px;
}

.box-onglet .box-bot {
  background: url(images/bg-onglet-bottom.png) no-repeat left bottom;
  height:6px;
}

.list1 li {
  background:none;
  list-style:url(images/puce-lien-bleu.gif) outside;
  margin-left:30px;
}

.box {
  background: url(images/bas-encart.png) no-repeat left bottom;
}

.rss {
  overflow:hidden;
  padding:15px;
  padding-top:8px;
  padding-left:165px;
  width:280px;
  position:relative;
}

.rss img {
  float:right;
}

.th {
  margin:0 20px 60px 0 !important;
}

.video {
    width:200px;
    height:180px;
    background:#fff;
}

#footer {
  background:none;
  border:none;
  margin:auto;
  width:950px;
}

.col1-top {
  background: url(images/top-encart-530.png) no-repeat left top;
  height:7px;
  width:530px;
}

.col1 {
  background: url(images/bas-encart-530.png) no-repeat left bottom;
  padding-left:15px;
  padding-right:15px;
  padding-top:5px;
  padding-bottom:15px;
  width:500px;
}

#columns .post h3 {
  border-top:none;
}

.post {
  padding-bottom:35px;
}

.entry .pic {
  width:500px; 
  height:150px;
  margin-bottom:15px;
}

#comments_wrap {
  padding-top:30px;
}

#respond {
  border-top:1px solid #E8E8E8;
  padding-top:30px;
}

h2.commh2 {
  color:#318EDD !important;
  font-size:13px !important;
  font-weight:bold !important;
  padding:0 0 5px;
}

ol.commentlist li {
  border:none;
}

ol.commentlist li.alt {
  background:#EEEEEE;
  border:none;
}

.btn-visualiser {
  background:url(images/btn-visualiser.jpg) no-repeat scroll left bottom;
  color:#000000;
  display:block;
  font-size:9px;
  line-height:27px;
  padding:0 0 0 30px;
  width:110px;
}

#archivebox {
  background:none;
  margin:0;
}

.arclist {
  border:none;
}

.widget {
	padding:10px 17px;
	float:left;
	width:425px;
}

.widget a {
	color:#FF5A00;
	font-family:"Helvetica";
	font-size:1.8em !important;
	font-weight:normal;
	letter-spacing:normal;
	vertical-align:top;
	text-decoration:none;
}

.widget a span {
	color:#117DD8;
	font-size:24px;
	font-weight:700;
	letter-spacing:1px;
	vertical-align:top;
}

a.lien-lire-suite {
	background:transparent url(images/puce-lien-orange.gif) no-repeat scroll right top;
	color:#FF4E00;
	font-size:11px !important;
	font-weight:bold;
	padding-right:10px;	
	font-size:12px !important;
	font-weight:bold !important;
	line-height:1.4em;
}

a.lien-lire-suite:hover {
	background:transparent url(images/puce-lien-orange.gif) no-repeat scroll right bottom;
	color:#117DD8 !important;
	font-size:11px !important;
	font-weight:bold;
	line-height:1.4em;
	padding-right:10px;	
	font-size:12px !important;
	font-weight:bold !important;
}

.rss .titre {
	position:absolute;
	left:20px;
}

.rss .titre {
	color:#FF5A00;
	font-family:"Helvetica";
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:normal;
	vertical-align:top;
	text-decoration:none;
}

.rss .titre span {
	color:#117DD8;
	font-size:24px;
	font-weight:700;
	letter-spacing:1px;
	vertical-align:top;
}

.box a {
	font-size:11px;	
}

.reseau {
	float:right;
	margin-right:28px;
}