/* CSS pour Lightbox Fancybox */

/* reset all */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html, body { background-color: #999;}

body { padding-top: 10px; }	/* 10px to make the container go all the way to the bottom of the topbar */

/* -----------------------Début des fontes ---------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 2, 2011 04:30:37 PM America/New_York */

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('ColabThi-webfont.eot');
    src: url('ColabThi-webfont.eot?#iefix') format('embedded-opentype'), url('ColabThi-webfont.woff') format('woff'), url('ColabThi-webfont.ttf') format('truetype'), url('ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('ColabLig-webfont.eot');
    src: url('ColabLig-webfont.eot?#iefix') format('embedded-opentype'), url('ColabLig-webfont.woff') format('woff'), url('ColabLig-webfont.ttf') format('truetype'), url('ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateRegular';
    src: url('ColabReg-webfont.eot');
    src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('ColabReg-webfont.woff') format('woff'), url('ColabReg-webfont.ttf') format('truetype'), url('ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('ColabBol-webfont.eot');
    src: url('ColabBol-webfont.eot?#iefix') format('embedded-opentype'), url('ColabBol-webfont.woff') format('woff'), url('ColabBol-webfont.ttf') format('truetype'), url('ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* -----------------------Fin des fontes -----------------------------------------*/
/* --------------Entete-----------------------------------------------------------*/
.header {
    position: relative;

}

.logo {
    letter-spacing: -1px;
    color: rgba(255,102,0,8);
    text-shadow: 2px 2px 1px rgba(0,0,0,.6);
    font: bold 44px 'ColaborateThinRegular', Arial, sans-serif;
    text-align: center;
	padding-bottom:20px;
	
}
.logo i {
    font-size: 24px;
    font-family: 'ColaborateRegular', Arial, sans-serif;
    color: rgb(119,104,71);
    position: relative;
    top: -0.18em;
    display: inline-block;
    text-shadow: none;
}
.logo i.mm {
    font-size: 18px;
    color: yellow;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    top: 0.1em;
    left: 0.5em;
    line-height: 90%;
    text-align: center;
    background-color: rgb(110,138,195);
    padding: .25em .5em .25em 1em;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.75);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.75);
    box-shadow: 1px 1px 2px rgba(0,0,0,.75);
}
.footer {
    position: relative;
    bottom: 0;
    left: 0;
    padding-top: 10px;
}
.footer p {
    font-size: 12px;
    font-family: 'ColaborateLightRegular', Arial, sans-serif;
    padding: .5em .25em .5em 1em;
	color:rgba(0,51,255,0.7);
    -moz-border-radius: 2px 0 0 0;
    border-radius: 2px 0 0 0;
    margin: 0;
    text-align: center;
}


/* ---------------Container------------------------------------------------------*/	
.container{width:1176px; margin-left: auto; margin-right: auto; zoom:1;}
.container:before,.container:after{display:table;content:"";zoom:1;*display:inline;}
.container:after{clear:both;}
.container > footer p {text-align: center; } 	/* center align it with the container */

/* downsize our container to make the content feel a bit tighter and more cohesive. 
NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */

footer{margin-top:17px;padding-top:17px;}
			  
/* The grey background content wrapper */
.content {
	background-color: #CCC;
	padding: 10px;
	margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
	/* Arrondis des bords */
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	/* Ombre des bords */
/* 	La première valeur indique le décalage horizontal vers la droite (ici 8px)
	le deuxième correspond au décalage vertical vers le bas (ici 8px)
	le chiffre suivant indique la force du dégradé (ici 0)
	et enfin, la couleur (ici #aaa)
*/
	box-shadow: 3px 5px 0 rgba(0,0,0,.6);
	/*
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.3);
	*/
	
  }

  /* Page header tweaks */
.page-header {
	background-color: #69F; text-align:center;
	padding: 10px 20px 10px;
	margin: -20px -20px 20px;
  }
/* Styles you shouldn't keep as they are for displaying this base example only */
  .content .span10,
  .content .span4 { min-height: 500px;}
  /* Give a quick and non-cross-browser friendly divider */
  .content .span4 {
	margin-left: 0;
	padding-left: 19px;
	border-left: 1px solid #eee;
  }

.topbar .btn {border: 0;}
 
	  
	  /* CSS LIGHTBOX  */
	  
.lightbox {margin-right:5px;}	/* Détermine l'intervalle entre les vignettes */
.lightbox img {padding:2px; border:1px solid #CCC;}
.lightbox img:hover {border:3px solid #900; padding:1px; color:#F09;}
	  
#fond-noir {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:777777;
	background:	rgba(0,0,0,0.5);
}
	  
#contenu {position:relative; width:835px; margin:15% auto;}

#contenu img {padding:15px; background-color: #fff; border-radius:20px; -moz-border-radius:20px;
	  -webkit-border-radius:20px; box-shadow:0 0 50px #000; -moz-box-shadow:0 0 50px #000; -webkit-box-shadow:0 0 50px #000;}
	  
#close {position:absolute; top:-25px; right:-25px; height:50px; width:50px; background:url(img/close.png) top left no-repeat; cursor:pointer;}
#close:hover {background:url(img/close_hover.png) top left no-repeat;} 
	  
#title {position:absolute; bottom:-25px; left:15px; padding: 3px 15px; background:#FF0; 
	  color: #F00; font-family:Verdana, Geneva, sans-serif, Gadget, sans-serif; font-size:16px;font-style:italic; font-weight:bold; border-radius:5px; -moz-border-radius:5px;
	  -webkit-border-radius:5px; box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; 	     -webkit-box-shadow:0 0 20px #000; display:inline-block;}