/* CSS Document */

@font-face {
    font-family: "FuturaStd";
    src: url('../font/Futura-Std-Book_19044.ttf');
}

* {
border:0;
margin:0;
padding:0;
}


html, body {
font-family: Arial, sans-serif;
background-color: #000;
border: 0px solid transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: 200;
color:#fff;
font-size: 0.96em;
}


td, li {
text-align: left;
}

p {
text-align: justify;
color:#999;
}


p strong {
font-size:inherit;
color:inherit;
}

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

img, object, embed, canvas, video, audio, picture {
height: auto;
}

img {
border:0;
}


h1 {
font-size:1.8em;
text-transform: uppercase;
height:1.0em;
font-weight: 100;
}


h2 {
font-weight: normal;
color:#ccc;
margin-bottom: 3px;
}

h3 {
font-weight: normal;
margin-bottom: 16px;
color:#ccc;
}

h4 {
font-size:1.2em;
margin-bottom:12px;
color:#666;
font-weight: 400;
}

a {
font-size:inherit;
color: inherit;
text-decoration: none;
}

a:hover {
color:#eeeeee;
}

a:active {
color:#999;
}

a.arrowlink:before {
    content:'\25BA';
    margin-right:4px;
}


/* pour FF */
/* enlve border dotted des liens */

a:active
{
outline: none;
}

ul {
list-style:none;
}

li {
list-style:none;
}



#cadre {
margin: 0px auto 0px auto;
background-color: #2a2929;
border-bottom:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #666;
border-top:1px solid #666;
}

#content, #contentright, .slide, #contentportfolio, #contentcenter {
position: absolute;
}

#content img {
max-width: 100%;
max-height: 100%;
}

#entete {
width:100%;
height:80px;
display: none;
}


#mainmenu {
position: absolute;
width: auto;
z-index:100;
}


#mainmenulist li {
display:table-cell;
vertical-align: middle;
text-transform: uppercase;
font-weight: normal;
font-family: "FuturaStd", Arial, sans-serif;
color:#ccc;
}

#footer {
bottom:0;
width:100%;
height: 100%;
width: 100%;
border: 1px solid #ccc;
}

#lang {
position:absolute;
top:0;left:0;
}

#logo {
position: absolute;
z-index: 100;
}

#logo img {
max-width:100%;
max-height:100%;
}


#picto_table {
position: absolute;
z-index:1;
border-spacing: 0;
border-collapse: collapse;
}

#picto_table td {
width:50%;
text-align: center;
vertical-align: middle;
padding:7%;
}

#picto_table td img {
width: 100%;
}


#search {
position: absolute;
z-index:1;
height:32px;
width:184px;
}

#search td {
vertical-align: middle;
height: 32px;
padding-right:4px;
padding-left:4px;
}

#str {
border: 1px solid #ccc;
background-color: transparent;
width:144px;
margin-right: 4px;
padding-left:6px;
color: white;
}


#map {
position: absolute;
}
#mapbutton {
position: absolute;
}


.rouge {
color: #d90202;
}
.noir {
color: black;
}

.gras {
font-weight: bold;
}

#right {
float:right;
margin-right: 8px;
visibility:hidden;
}


.item {
width: 100%;
height:auto;
border-top:1px solid #666;
padding-top:7%;
padding-bottom:5%;
}

.item-child-0 img {
/* width: 100%; */
max-width: 100%;
max-height: 100%;
}

.item-child-1 {
/* color:red; */
color:#ccc;
text-transform: uppercase;
margin-top: 2px;
}

.grid {
width:110%;
}

div.grid > .pair {
margin-top: 12px;
}
div.grid > .impair {
margin-left: 12px;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
/*   width: 22%; */
}

.grid-item {
  float: left;
  background: #fff;
  border: 1px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 3px;
  padding:6px;
  cursor: pointer;
}

.grid-item a {
color: #d90202;
}

.grid-item a:hover {
color: orange;
}

.grid-item-part1 {
width: 100%;
}


.grid-item-part1 {
text-align: center;
}

.grid-item-gigante-part1, .grid-item-gigante-part2, .grid-item-gigante-part3, .grid-item-gigante-part4 {
display: none;
margin-bottom: 1%;
}

.grid-item-gigante-part1 {
float: left;
margin-right:2%;
}
.grid-item-gigante-part4 {
float: left;
}


/* !portraits */

#content.portraits {
height:auto;
}

.defgriddiv {
position: absolute;
}

/* clearfix */
.grid2:after {
  content: '';
  display: block;
  clear: both;
}

.grid2-item {
float: left;
}

.grid2-item img {
width: 100%;
height: 100%;
}

.stamp {
position: absolute;
right: 0%;
/* border: 1px solid red; */
/* background-color: #424141; */
}

.fixedgriditem {
position: absolute;
}

/* !TAG CLOUD */

.tagscloud {
text-align: left;
}
.tagscloud li {
display: inline;
text-transform: uppercase;
font-weight: bold;
color:#ccc;
vertical-align: middle;
}
.tagscloud li a:hover {
color:#fff;
}


/* !galeria */


.galleria{ height:auto;position:absolute;z-index:0; }
.galleria-popout, .galleria-progress {
	display:none;
}
.galleria .galleria-stage{ bottom: 0; background-color:#000;}


/* !planche */

div.planche {
float: left;
background-color: #000;
cursor: pointer;
}

div.planche.plancheparu {
background: none;
}

div.planche > div.item-child-0 {
text-align: center;
}

#content > div.planche > div.item-child-0 img {
max-height: 84%;
max-width: 86%;
margin-top:10%;
}

#slide_buttons {
margin-top:18px;
}

#slide_buttons p {
margin-bottom:8px;
}

a.showplanche, a.showplanchenojs {
background-image: url(../img/icon_planche.png);
color:#d90202;
}

a.showslide, a.showslidenojs {
background-image: url(../img/icon_slide.png);
color:#d90202;
}

a.showplanche:hover, a.showplanchenojs:hover, a.showplancheon {
background-image: url(../img/icon_planche_on.png);
color:#fff;
}

a.showslide:hover, a.showslidenojs:hover, a.showslideon {
background-image: url(../img/icon_slide_on.png);
color:#fff;
}

a.showplanche, a.showslide, a.showslidenojs, a.showplanchenojs {
background-repeat: no-repeat;
padding-left:24px;
}


/*  !FOCUS   */

#focuslegend {
position:absolute;
bottom:0px;
background-color: #000;
padding:5px;
font-size: 0.8em;
color:#ccc;
opacity: 0.8;
display: none;
}

img.focusimg {
cursor: pointer;
}


#mainmenulist li.lastli {
margin-right: 0;
}

#mainmenulist li.separator {
padding-bottom: 4px;
text-align: center;
}

.mainmenuon {
color:#fff;
}


#bandeaumenu {
position: absolute;
opacity: 0.6;
z-index: 1;
}

#tagscloudmedia > .tagon1 {
color:#d90202;
}
#tagscloudmedia > .tagon2 {
color:white;
}

div.paru {
float:left;
}

div.paru div.item-child-1 {
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}

div.paru img {
width: 100%;
height: 100%;
border: 3px solid #000;
}

img.hover {
-webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
img.hover:hover {
cursor: pointer;
opacity: 0.6;
}
img.imghoveron {
opacity: 0.6;
}

div.fancybox-skin{background-color:#2a2929;}

.tablelist td {
vertical-align: top;
padding-bottom:3%;
padding-top:3%;
border-bottom:1px solid #666;
/* border: 1px solid red; */
}

.tablelist td.col2 {
padding-left:2%;
}

#musiquetable td.col2 {
text-align: right;
}
#musiquetable td.col2 img {
width: 90%;
}

#contactleft, #contactright {
margin-top:10%;
}
#contactleft img {
width: 100%;
}
#contactleft p {
margin-top: 3%;
}
#contactleft {
width: 38%;
float: left;
}#contactright {
width:60%;
float: right;
padding-right: 1%;
}

p.linkline {
margin-bottom:3px;
text-align: left;
}

.slidetxt p {
text-align: left;
}


@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */

.blink {
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */ 
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}​