@charset "utf-8";
/* CSS Document */

/*ZIGZAG*/
#header_zigzag {
	width: 100%;
	height: 27px;
    background: url('../images/header_zigzag.gif') repeat-x top center;
}
#header_zigzag_sombra{
	width: 100%;
	height: 9px;
    background: url('../images/zigzag_sombra_oscura.gif') repeat-x top center;
}

#zigzag_bottom {
	margin-top: 0px;
	width: 100%;
	height: 12px;
    background: url('../images/zigzag_bottom_sombra.gif') repeat-x top center;
}


/*TITLE*/
#title{
  padding: 0 0 5px 33px;
}

/*SUBTITLE*/
#subtitle{
  padding: 20px 0 8px 33px;
}

/*CONTENT*/
#content{
  background-color: #FFFFFF;
  width: 100%;
}

/*CONTENT A*/
#content_a{
  margin: 0 auto;
  width: 990px;
  display: block;
}
#column_a1{
  margin: 0 0 0 0;   
  padding: 0;  
  width: 503px; 
  float: left;
}
#column_a2{
  margin: 0 0 0 0;   
  padding: 0;  
  width: 486px;
  float: left;
}

/*div.spacer, permet de faire deux colonne dans #contents*/
div.spacer{
  clear: both;
  height: 0px; 
  display: block;
}  



h3{
  padding: 10px 0 3px 2px;
  font: 13px Tahoma, Arial, Helvetica, sans-serif;
  color: #161616;
}
#tags{
  padding: 0 0 12px 2px;
  width: 165px;
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  line-height: 130%;
}
#tags a{
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  text-decoration: underline;
}
#tags a:hover{
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #72c7d2;
  text-decoration: none;
}
#h3_link_active{
  padding: 0 0 1px 2px;
  width: 160px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #bababa;
  font-weight: bold;
}
#h3_link_active a{
  color: #72c7d2;
  text-decoration: underline;
}
#h3_link_active a:hover{
  color: #6e6e6e;
  text-decoration: underline;
}
   
 
#text{
  padding: 0 0 0 33px;
  width: 445px;
  font: 12px Tahoma, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  text-align: justify;
  line-height: 130%;
} 
#text a{
  color: #72c7d2;
  text-decoration: underline;
}
#text a:hover{
  color: #444444;
  text-decoration: none;
}
  
  
  
  
  
  
  .principal{
   background: url('../images/background_project.gif') repeat-y top center;
}
     
  
  
  
  
  
  
.jcarousel-skin-ie7 .jcarousel-container {
   margin: 0 auto;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 940px;
    padding: 0 40px 0 50px ;
}


.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  100%;
    height: 400px;
}


.jcarousel-skin-ie7 .jcarousel-item {
    width: 180px;
    height: 400px;
}

.jcarousel-skin-ie7 .jcarousel-item  img{
	margin-bottom: 5px;
}

.jcarousel-skin-ie7 .jcarousel-item  img:hover{

}

.jcarousel-skin-ie7 .jcarousel-item:hover {

}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 12px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 165px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 165px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -32px;
}














ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    /*margin: 0 12%;*/
}