/*
 * FIXME: Introduce SCSS & Sprockets
 *= require_self
*= require prettyPhoto
*= require formtastic


 *= require_tree . 

*/

body {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-family: "trebuchet MS";
  color: #604435;
  a {
    img {
      border: 0px; }
    color: RGB(129, 178, 11);
    text-decoration: none;
    &:hover {
      text-decoration: underline; } }
  #public {
    #menu_left {
      h3 a {
        color: inherit; }
      ul {
        list-style: none;
        padding-left: 0px;
        ul {
          padding-left: 20px; } } }
    h1, h2, h3, h4, h5, h6 {
      font-family: Georgia;
      font-weight: normal;
      margin-top: 0px; 
color:#93c01f;}
    .menu a {
      color: RGB(100, 74, 60);
      text-decoration: none;
      padding: 5px;
      &:hover {
        text-decoration: underline; }
      &.selected {
        font-weight: bold; } }
    #header {
      width: 960px;
      margin: auto;
      #logo {
        padding: 10px 10px 10px 0px; }
      #menu_top {
        float: right;
        margin-top: 40px; } }
    #bandeau {
     	background: #6d563e;
	border-radius:10px;
	-moz-border-radius:10px;
      padding: 10px;
      width: 940px;
      margin: auto;
      margin-bottom: 10px;
      color: RGB(238, 238, 238);
      font-family: Georgia;
      font-size: 25px; }
    #slider {
      position: relative;
      width: 960px;
      height: 309px;
      padding: 0px;
      margin: auto;
      margin-bottom: 10px;
      .slide {
        
        width: 960px;
        height: 309px;
        position: relative;
        margin: 0px 5px 0px 5px;
		background: #6d563e;
		border-radius:10px;
		-moz-border-radius:10px;
        a {
          color: inherit;
          text-decoration: inherit;
          color: #eeeeee;
          &:hover {
            text-decoration: none; } }
        .title {
          width: 448px;
          height: 46px;
          background:#f2f2f2;
border:1px solid #42210b;
          position: absolute;
          top: 35px;
          left: 0px;
          z-index: 100;
          color: #32180A;
          font-family: Georgia;
          padding: 10px 10px 10px 45px;
          font-size: 19px; }
        .cible {
          position: absolute;
          bottom: 30px;
          left: 410px; }
        .description {
          position: absolute;
          top: 120px;
          left: 40px;
          width: 470px;
          height: 125px;
          color: #eeeeee; }
        .image_file {
          position: absolute;
          top: 20px;
          right: 40px;
          width: 415px;
          height: 275px;
          overflow: hidden;
          img {
            width: 415px; } }
        .title a {
          color: #32180A; } }
      .left-arrow {
        position: absolute;
        z-index: 150;
        top: 140px;
        left: 15px;
        cursor: pointer; }
      .right-arrow {
        position: absolute;
        z-index: 150;
        top: 140px;
        right: 15px;
        cursor: pointer; } }
    #main {
      width: 960px;
      margin: auto;
      margin-bottom: 10px;
      a {
        color: #604435;
        text-decoration: none; }
      .title {
        font-family: georgia;
        font-size: 18px;
        text-align: center; }
      .description {
        text-align: justify; }
      .column {
        float: left;
        min-height: 340px;
        width: 319px;
        border-left: 1px solid RGB(222, 236, 189);
        position: relative;
        .title {
          min-height: 55px; } }
      .column_1 {
        border-left: 1px solid white; }
      .column_2 {
        padding: 10px;
        width: 299px;
        border-left: 1px solid white; }
      .column_3 {
        padding: 10px;
        width: 299px; }
      .column_2 .cible, .column_3 .cible {
        position: absolute;
        bottom: 10px;
        right: 20px; } }
    #contact_block {

      border: 1px solid #93c01f;
	border-radius:10px;
	-moz-border-radius:10px;
      .content {
        padding: 5px; 
		a{
			
			text-decoration:underline;
			&:hover{
				color: #93c01f !important;
			}
			}
}
      .header {
        padding: 5px;
        font-family: georgia;
        font-size: 18px;
        color: white;
        background: #93c01f; 
text-align:center;
		&:first-child{
			border-radius:9px 9px 0px 0px;
			-moz-border-radius:9px 9px 0px 0px;
		}
		

	
	}
       } }
  .clear {
    clear: both; }
  .promotion {
    position: relative;
    border: 1px dotted black;
    margin-bottom: 10px;
    margin-left: 10px;
	
    .img {
      margin: 10px;
      float: left;
      img {
        width: 120px; } }
    .label {
      position: absolute;
      top: -10px;
      left: -5px; }
    .title, .description {
      margin-left: 120px; }
    .title {
      margin-top: 10px;
      font-family: georgia;
      font-size: 18px; }
    .description {
      margin-top: 5px;
      text-align: justify;
      padding: 0px 20px 0px 20px;
      p {
        margin: 0px; } } }
  #home_promotions {
    width: 960px;
    margin: auto;
	#promotions_header{
		background: #93c01f; 
		text-align:center;
		font-family: georgia;
	    font-size: 22px;
	    color: white;
		padding:10px;
		margin-bottom:20px;
		border-radius:10px;
		-moz-border-radius:10px;
		
	}
    .column {
      	border-radius:10px;
		-moz-border-radius:10px;

		float: left;
      min-height: 300px;
      width: 310px;
      border-left: 1px solid RGB(222, 236, 189);
      position: relative;
      margin-right:10px;
      text-align: center;
      .img {
        margin-top: 20px;
        img {
          height: 160px; } }
      .label {
        position: absolute;
        top: -10px;
        left: -5px; }
      .title {
		background: #6d563e;
		color:white;
		padding:5px;
        margin-top: 10px;
        font-family: georgia;
        font-size: 18px;
		a{
			color:white !important;
		}
 }

      .description {
        margin-top: 5px;
        text-align: center;
        padding: 0px 20px 0px 20px;
        p {
          margin: 0px; } } }
    .column_1, .column_2, .column_3 {
      border: 1px solid #6d563e; } 
	.column_3 {
      margin-right:0px ;} 
}
  #page_main {
    width: 960px;
    margin: auto;
    #sidebar {
      float: left;
      width: 240px;
      position: relative;
      min-height: 400px; }
    #content {
      float: left;
      width: 720px; } }
  #menu_bottom {
    margin: auto;
    width: 960px;
    margin-top: 20px;
    margin-bottom: 20px;
    #left_bottom {
      float: left; }
    #right_bottom {
      float: right; } }
  .article {
    border: 1px solid RGB(129, 178, 11);
    padding: 10px;
    margin-bottom: 10px;
    h3 {
      color: RGB(129, 178, 11); }
    .image_file {
      float: left;
      margin-right: 10px; }
    .title, .description {
      margin-left: 130px; }
    .title a, .description a {
      color: #604435;
      text-decoration: none; } }
  .folder {
    border: 1px solid RGB(91, 67, 46);
    padding: 10px;
    margin-bottom: 10px;
    h3 {
      color: RGB(91, 67, 46); }
    .image_file {
      float: left;
      margin-right: 10px; }
    .title, .description {
      margin-left: 130px; }
    .title a, .description a {
      color: #604435;
      text-decoration: none; } } }

#flash_notice {
  border: 3px solid #6bb800;
  padding: 10px; }

#home_promotions a {
  color: #604435;
  text-decoration: #604435; }

.img_link_portlet{
    border: 1px solid RGB(91, 67, 46);
    padding: 10px;
    margin-bottom: 10px;
    h3 {
      color: RGB(91, 67, 46); }
    .image_file {
      float: left;
      margin-right: 10px; }
    .title, .description {
      margin-left: 130px; }
    .title a, .description a {
      color: #604435;
      text-decoration: none; } }


.portlet {
  &.table_content table {
    width: 100%;
    border-collapse: collapse;
    td {
      border: 1px solid black; } }

  &.garde_content table {
      width: 100%;
      border-collapse: collapse;
      td {
        border: 1px solid black;
padding:5px; } }

  &.block_content .two_column .column {
    float: left;
    width: 50%;
    .block {
      padding: 10px; } } }