/*
Theme Name: Suisse
Theme URI: http://www.deuxsingesenhiver.com
Description: None
Author: Alexandre Perrachon
Version: 1
License: 
License URI: l
Tags: GMAP
*/

 /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

  -------------------------------------------------------------- */  

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,

  small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,

  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

                                     {	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;	background: transparent; }

  body                               {	line-height: 1;  padding-bottom:90px;}

  ol, ul                             {	list-style: none;  }

  blockquote                         {	quotes: none;  }

  blockquote:before, blockquote:after{	content: '';	content: none;  }

  del                                {	text-decoration: line-through;  }

  /* tables still need 'cellspacing="0"' in the markup */

  table                              {	border-collapse: collapse;	border-spacing: 0;  }

  a img                              {  border: none; }

  /*---------------------- VAR -----------------*/
  @dark-grey:#060606;
  @main-red:#f80000;
  @light-grey:#626262;
  @almost-white:#f2f1ea;


  /*---------------------------------------------------------------------------------------

  LAYOUT: Two columns

  DESCRIPTION: Two-column fixed layout with one sidebar right of content

  ---------------------------------------------------------------------------------------*/
  html                               {  width:100%; height:100%; color:#ffffff; }
  body                               {  border-top: 6px solid @dark-grey;height:100%; width:100%; 
                                        font-family:Helvetica,Arial,sans-serif; letter-spacing:0.5px; color: #272729; 
                                        margin:0; padding:0;                                        
                                      }
  .normal-background {
   background: #f3f2eb url('images/fond_page.jpg') no-repeat top left;    
  }
  .home-body {
      overflow:hidden;
      background: #f3f2eb url('images/home_bg.jpg') no-repeat center center;
      background-attachment: fixed;
      #content
      {
        width:350px;
        position:absolute;
        left:50%;
        top:50%;
        height:300px;
        margin-top:-330px;
        margin-left:-175px;
        border:0;
      }
  }
  
  #header {
          width:100%;
          height:50px;
          color:@dark-grey;
         
          #mainTitle {margin: 30px 0 0 30px;width:300px; font-size:12px; letter-spacing:6px;}
          ul    {  
                position:absolute;  
                top:30px;right:30px;  
                text-transform: uppercase;
                color:@light-grey;
                font-size:10px;
                letter-spacing: 2px;      
                /*float:right;*/
                list-style-type:none;
                li    {
                       display:inline;
                       margin-left:20px; 
                       a {
                         text-decoration:none;
                         color:@light-grey;
                         &:hover {
                                 color:@main-red; 
                                 }
                         }
                      }
                }
  
          }
  #container                         {	width:100%;  }

  #footer                            {	clear: both;	width: 100%;  }

  #under                             {  position:fixed; margin-left:0; margin-top:0; padding:0; top:0; width:50%;  }
  
  #above                             {  margin-left: -200px; }
  
  #content                           {  position:absolute; width:70%;margin-top:6%;right:0;z-index:4;}
  .entry-content                     {  font-size:2px; }
  
  #main                              {  position:absolute; width:100%; height:100%; margin:0; padding:0;}

  #over                              {  position:absolute;top:0; left:0; width: 300px; margin-left:-400px; z-index:6;}
  
  #myMap                             {  position:absolute;width:100%; top:0;height:100%; z-index:2; }

  #post                              {  float:right; margin-right:100px;width: 600px; 
                                        
                                        ul  {
                                            li  {
                                                font-size:12px;
                                                color:#4f4f4f;
                                                margin-bottom:10px;
                                                line-height:18.5px;
                                                }
                                            }
                                      }
  #footerArticle    { 
                     position:fixed; z-index:10;width:100%; height:90px; bottom:-30px;background-color:@dark-grey;  
                     font-size:17px;
                     letter-spacing:1px;
                    .nav-previous {
                                  position:absolute;
                                  margin:20px 0;
                                  left:0;
                                  height:90px;
                                  margin-left:30px;                                  
                                  a {
                                      color:@almost-white;
                                      padding-left:20px;
                                      text-decoration:none;
                                      background: url('images/fleche_gauche.png') no-repeat top left;
                                      &:hover {
                                               
                                               background: url('images/fleche_gauche_hover.png') no-repeat top left;
                                              }
                                    }
                                  }
                    .nav-next     {
                                  position:absolute;
                                  margin:20px 0;
                                  right:0;
                                  height:90px;
                                  margin-right:30px;
                                  a {
                                      color:@almost-white;
                                      padding-right:20px;
                                      text-decoration:none;
                                      background: url('images/fleche_droite.png') no-repeat top right;
                                      &:hover {
                                              
                                               background: url('images/fleche_droite_hover.png') no-repeat top right;
                                              }
                                    }
                                  }
                    
                    }
  #switcher                          {  position:absolute; top:0; z-index:13; height:70%; width:200px;}
  .switchLeft                        {  position:absolute; right:0;}
  #comments                          {  float:right; margin-right:100px;width: 600px;   }
  #comments .navigation              {	padding: 0 0 18px 0;  }
  h3#comments-title,h3#reply-title   {	color: #000;	font-weight: bold;	font-size: 20px;	margin-bottom: 0;  }
  h3#comments-title                  {	padding: 24px 0;  }
  .commentlist                       {	list-style: none;	margin: 0;  }
  .commentlist li                    {  line-height: 24px;	margin: 0 0 24px 0; }

  #comments .comment-body blockquote 
  p:last-child                       {	margin-bottom: 24px;  }
  .commentlist ol                    {	list-style-type: none;  }

  #comments a                        {	font-size: 13px; color:@main-red;	font-style: normal; text-decoration:underline;}
  #comments a:hover                  {	font-size: 13px; color:@main-red;	font-style: normal; text-decoration:none; }
   .comment-author                    {  }
  .comment-author cite               {	font-size: 15px; color:@main-red;	font-style: normal; font-weight:bold;}
  .comment-author cite a             {	font-size: 15px; color:@main-red;	font-style: normal; font-weight:bold; text-decoration:none; }
  .comment-author cite a:hover       {	font-size: 15px; color:@main-red;	font-style: normal; text-decoration:none;}

  /*---------------------------------------------------------------------------------------  
  
  DIV SCROLLABLE : Liste des destinations

  ---------------------------------------------------------------------------------------*/
  .whitelink                 {               
                               color:white;
                              }
  .redlink                   {               
                               color:red;
                              }   
  .itemActive                 {               
                                background-color:@main-red;
                              }  
  .itemInactive                 {               
                                background-color:none;
                              } 
                                   
  .scrollable {
                
                #controlUp   {
                              background:url('images/scrollable_up.png') no-repeat top left;
                              width:172px;
                              height:35px;
                              margin-bottom:15px;
                              
                              &:hover {
                                      background:url('images/scrollable_up_hover.png') no-repeat top left;    
                                      cursor: pointer;                                  
                                      }
                             }
                #controlDown {
                              background:url('images/scrollable_down.png') no-repeat top left;
                              width:172px;
                              height:35px;
                              
                              &:hover {
                                      background:url('images/scrollable_down_hover.png') no-repeat top left;   
                                      cursor: pointer;                                   
                                      }
                             }
                
                .item        {
                              overflow:hidden;
                              height:20%;
                
                              ul li      {  
                                            
                                             padding:15px 10px 4px 10px; 
                                             font-size:12px; color:@dark-grey; 
                                             list-style-type:none;
                                             
                                             p {
                                                line-height:1px;
                                                a {
                                                color:#000000; font-weight:bold; text-decoration:none;
                                               }
                                               }
                                             a {
                                                color:#000000; font-weight:bold; text-decoration:none;
                                               }
                                         .date {
                                                color:white; font-style:italic;
                                               }
                                             &:hover {
                                                cursor: pointer;
                                                background-color:@main-red;
                                                color:white;
                                                p{
                                                  color:white;
                                                    a{
                                                      color:white;
                                                     }
                                                  }
                                                
                                               }
                                        
                                        
                                        }
                              }
                }


  /* ---------------------------------------------------------------------------------------

  Structure

  ---------------------------------------------------------------------------------------- */
  
    /* Text elements */
  .entry-title                       {  position:absolute; z-index:12; text-align:right; right:750px;width:450px;
                                        margin-top:-35px; color:@main-red; font-size:48px; font-weight:bold; }
  #metabox              {
                            position:absolute;
                            z-index:13;
                            width:200px;
                            right:800px;
                            top:150px;
                            text-align:left;
                            background: url('images/position_ico.png') no-repeat top left;
                            padding-top:4px;
                            
                            li {
                                  list-style-type:none;
                                  font-size:0.8em;
                                  margin-bottom: 12px;
                                  
                                  strong 
                                            {
                                              font-size:1.2em;
                                              font-weight:bold;
                                            }
                            
                               }
  
                        }  
                        
  p                                  {	margin-bottom: 18px;  }

  ul                                 {	list-style: square;	margin: 0 0 18px 1.5em;  }

  ol                                 {	list-style: decimal;	margin: 0 0 18px 1.5em;  }

  ol ol                              {	list-style:upper-alpha;  }

  ol ol ol                           {	list-style:lower-roman;  }

  ol ol ol ol                        {	list-style:lower-alpha;  }

  ul ul,ol ol,ul ol,ol ul            {	margin-bottom:0;  }

  dl                                 {	margin:0 0 24px 0;  }

  dt                                 {	font-weight: bold;  }

  dd                                 {	margin-bottom: 18px;  }

  strong                             {	font-weight: bold;  }

  cite,em,i                          {	font-style: italic;  }

  big                                {	font-size: 131.25%;  }

  ins                                {	background: #FFFFCC;  }

  blockquote                         {	font-style: italic;	padding: 0 3em;  }

  blockquote cite, blockquote em,

  blockquote i                       {	font-style: normal;}

  pre                                {	background: #f7f7f7;	color: #222;	line-height: 18px;	margin-bottom: 18px;	padding: 0.8em;  }

  abbr, acronym                      {	border-bottom: 1px dotted #666;	cursor: help;  }

  ins                                {	text-decoration: none;  }

  sup,sub                            {	height: 0;	line-height: 1;	vertical-align: baseline;	position: relative;  }

  sup                                {	bottom: 1ex;  }

  sub                                {	top: .5ex;  }

  input[type="text"],textarea        {	padding: 2px;	background: #f9f9f9;	border: 1px solid #ccc;

  	                                    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

  	                                    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

  	                                    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);  }

  a:link                             {	color:#0066CC;  }

  a:active, a:hover                  {	color: #FF4B33;  }
  /*
  #site-title                        {  float: left; display:block; width: 227px; height: 100px;

                                        text-indent:-9999px; background: transparent url(images/logo-turtles.png); }
  */ 

  /* Text meant only for screen readers */

  .screen-reader-text                {	position: absolute;	left: -9000px;  }

 /* ---------------------------------------------------------------------------------------

  CONTENT

  ---------------------------------------------------------------------------------------- */
  
  #main                              {	padding: 0 0 0 0;  }
  #content p                         {  text-align:justify; color:#4f4f4f; font-size:13px; line-height:18.5px; word-spacing:-1px; }

  #content pre,#content kbd,

  #content tt, #content var          {	font-size: 15px;	line-height: 21px;  }

  #content code                      {	display:block; width:93%; padding: 15px;background: #f7f7f7; color: #222; font-size: 13px;  }

  #content strong, #content b,

  #content dt, #content th           {	 }

  #content table                     {	border: 1px solid #e7e7e7;	text-align: left;	margin: 0 -1px 24px 0;	width: 100%;  }

  #content tr th,#content thead th   {	color: #888;	font-size: 12px;	font-weight: bold;	line-height: 18px;	padding: 9px 24px;  }

  #content tr td                     {	border-top: 1px solid #e7e7e7;	padding: 6px 24px;  }

  #content tr.odd td                 {	background: #F2F7FC;  }

  .hentry                            {	margin: 0 0 48px 0;  }

  .single .hentry                    {	margin: 0 0 36px 0;  }

  .page-title sup                    {  display:inline; margin-left: 10px; color:#a9a9a9; font-size:13px; font-weight:bold; letter-spacing:0px;}

  .page-title                        {  margin-bottom:20px;}

  #content h2                        {  font-weight:normal; color:#252525; font-size:19px; margin-bottom:10px; }

  .entry-title a:link,

  .entry-title a:visited             {	color:#252525;	text-decoration: none;  }

  .entry-title a:active,

  .entry-title a:hover               {	color: #252525;  }

  .entry-meta                        {	color: #888;	font-size: 12px;  }
/**/


  .entry-meta abbr,

  .entry-utility abbr                {	border: none;  }

  .entry-meta abbr:hover,

  .entry-utility abbr:hover          {	border-bottom: 1px dotted #666;  }

  .entry-content fieldset            {	border: 1px solid #E7E7E7;	margin: 0 0 24px 0;	padding: 24px;  }

  .entry-content fieldset legend     {	background: #fff;	color: #000;	font-weight: bold;	padding: 0 24px;  }

  .entry-content input               {	margin: 0 0 24px 0;  }

  .entry-content input.file,

  .entry-content input.button        {	margin-right: 24px;  }

  .entry-content label               {	color: #888;	font-size: 12px;  }

  .entry-content select              {  margin: 0 0 24px 0;  }

  .entry-content sup,

  .entry-content sub                 {	font-size: 10px;  }

  .entry-content blockquote.left     {	float: left;	margin-left: 0;	margin-right: 24px;	text-align: right;	width: 33%;  }

  .entry-content blockquote.right    {	float: right;	margin-left: 24px;	margin-right: 0;	text-align: left;	width: 33%;  }

  #entry-author-info                 {	background: #F2F7FC;	border-top: 4px solid #000;	padding: 18px 20px;	margin: 24px 0;	overflow: hidden;	clear: both;	font-size: 14px;	line-height: 20px;  }

  #entry-author-info #author-avatar  {	background: #fff;	border: 1px solid #e7e7e7;	float: left;	margin: 0 -104px 0 0;	padding: 11px;	height: 60px;  }

  #entry-author-info 

  #author-description                {	float: left;	margin: 0 0 0 104px;  }

  #entry-author-info h2              {	color: #000;	font-weight: bold;	font-size: 100%;	margin-bottom: 0;  }

  .entry-utility                     {	color: #888;	font-size: 12px;	line-height: 18px;	clear: both;  }

  .entry-meta a,.entry-utility a     {	color: #888;  }

  .entry-meta a:hover,

  .entry-utility a:hover             {	color: #FF4B33;  }

  #content .video-player             {	padding: 0;  }

  .hentry                             {  border-bottom: 0px solid #cccccc; }

  #content ul                        {  margin-left:0; }

  #content ul li                     {  padding-left:28px;list-style-type:none; }

  #content a ,#content a:visited     {  text-decoration:none; color:@main-red; }

  #content a:hover                   {  text-decoration:none; color:#4f4f4f; }

  /* Columns-specific stuff */
.col {
	position:absolute;
	 font-size:2px;
  }
.columns {
	margin:0 1em;
	text-transform:none;
	padding:0 !important;
	 font-size:2px;
}
.columns p {
  font-size:2px;
	font-weight:normal;
}
.interstitial {
	border:1px solid black;
	border-width:1px 0;
	 font-size:2px;
}
.interstitial blockquote {
 font-size:2px;
}
.interstitial cite {
 font-size:2px;
}
.interstitial img {
	width:100%;
}

.col-up:hover, .col-down:hover { 
	background-color:#edebe0;
	cursor:pointer;
}

.col-page{
	position:relative;
}
.entry-content-home strong
  {
    color:#ff0000;
  }
  .entry-content-home img{
    margin-right:-300px;
  }
.entry-content-home a
{
    display:inline;
}
  
#home-liste {

  li {
        list-style-type:none;
        font-size:12px;
        a {
            display:block;
            width:200px;
            height:30px;
            padding:15px 0 0 10px;
            text-decoration:none;
            color:white;  
            background-color:@dark-grey;
            &:hover {
                    cursor: pointer;
                    background-color:@main-red;
                    color:white;
                   }          
          }
          
      }
}
.vignette {
  display:block;
  float:left;
  width: 150px;
  height: 100px;
  overflow:hidden;
  margin:0;
  padding:0;
  &:hover 
  {
    
  }
  img
  {
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		width:250px;
    margin:-20% auto;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    &:hover
    {
       opacity: .5;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 100ms; 

    }
  }
}
.flickGallery 
{
   width:450px;
   margin-bottom:20px;
   margin-top:40px; 
   margin-left:-500px;
}
  #map_canvas 						 { height: 80%;}
  #infoWindow 						 { cursor:pointer; position:absolute; width:100%; top:86px; height:80%; z-index:3; background:#000000; opacity: 0.5;	
  										p
										{
	
											
											text-align:center;
											padding-top:200px;
											color:#FFFFFF;
											
											a {
												color:#FFFFFF;
											}
										}
  
  									 }


  #comments                          {  margin-top:50px;}
  #comment                            { }
  .commentlist li {margin:0;padding:0;background:@almost-white; padding-left:20px; border-left: 1px solid @light-grey;}
  ol li {margin:0;padding:0;} 
  #comment                           {  margin:0;  }
  #respond                           {	margin-top: 24px;	overflow: hidden;	position: relative;  margin-bottom:70px;}

  #respond .comment-notes            {	margin-bottom: 1em; visibility:hidden; }

  .form-allowed-tags                 {	line-height: 1em;  }

  .children #respond                 {	margin: 0 48px 0 0;  }

  h3#reply-title                     {	margin: 18px 0;  }

  #comments-list #respond            {	margin: 0 0 18px 0;  }

  #comments-list ul #respond         {	margin: 0;  }

  #cancel-comment-reply-link         {	font-size: 12px;	line-height: 18px;	font-weight: normal;  }

  #respond .required                 {	color:#ffffff;	font-weight:bold;  }

  #respond input                     {	margin:0 0 19px;	width:95%; height:20px; padding:5px; }

  #respond textarea                  {	width:99%; }

  #respond dt, #respond dd           {	color: #888;	font-size: 1px;	line-height: 18px;  }

  #respond dd code                   {	font-size: 1px;  }

  #respond dl                        {	margin: 0 0 10px;  }

  #respond dt                        {	display: inline;	font-weight: normal;  }

  #respond dd                        {	display: inline;  }

  .comment-form-author               {	width:47%; }

  .comment-form-email                {	width:47%; float:left;}

  .comment-form-url                  {	width:47%; float:right;margin-right:10px;}

  .required                          {  visibility:hidden; line-height:1px;text-indent:-9999px; position:absolute; top-:9999px;}

  .form-allowed-tags                 {  visibility:hidden;line-height:1px;text-indent:-9999px;  position:absolute; top-:9999px; }

  #respond label                     {	color: #252525;	font-size: 12px; font-weight:bold; float:left; clear:left; margin-bottom:3px;margin-left:2px;}

  #respond input[type=submit]        {	color: #fff;  float:right; width:106px; height:30px; padding-top:3px; margin-top:30px;margin-bottom:30px;background: @main-red; border:1px solid #b30202;}
.says {visibility:hidden;}
.comment-awaiting-moderation {font-size:10px;}