/* CSS COMMON www.mattwins.fr 

Author : Damien SYREN

Support : Media Screen
Version : V 1.0
Date : 26 05 2008

*/

@import url("_reset.css");

/*// -------------------------------/
//         CSS GENERIQUE           /
/------------------------------- */

body
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	padding:20px;
	_padding:0;
	_margin:20px 0;
	background:url(../images/bgBody.gif) repeat;
}
a
{
	color:#1560d2;
	text-decoration:underline;
	outline: none;
}
a:hover {
	color:#545454;
	text-decoration:none;
}

.spacer, hr {
	clear:both;
	line-height:1px;
	height:1px;
	font-size:1px;
}

/*//
/// ------------------------------- /
//          CSS STRUCTURE          /
/------------------------------- */

div#bg {
	background:url(../images/bgBandeGrise.gif) repeat-x;
	width:100%;
	height:392px;
	position:absolute;
	top:0;
	left:0px;
}
div#container {
	position:relative;
	max-width:955px;
	min-width:735px;
	_width:955px;
	margin:auto;
	background-color:#ffffff;
	-moz-box-shadow:0 5px 30px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 5px 30px rgba(0, 0, 0, 0.2); 
}
	div#container div#header {
		position:relative;
		height:157px;
		_margin-top:1px;
		border-right:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-top:1px solid #cccccc;
		background:url(../images/bgTop.gif) repeat-x top left;
	}
	div#container div#main {
		position:relative;
		background:url(../images/bgCenter.gif) repeat-x bottom;
		border-right:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-bottom:1px solid #ffffff;
		padding:25px 30px 25px 30px;
		min-height:520px;
	}
	div#container div#footer {
		position:relative;
		bottom:0px;
		height:26px;
		line-height:26px;
		font-size:11px;
		background-color:#545454;
		border:1px solid #545454;
		text-align:center;
		color:#FFFFFF;
	}
/*BG CAMERA*/
span#bgLastVideos {
	display:block;
	position:absolute;
	width:233px;
	height:210px;
	bottom:0;
	right:0;
	background:url(../images/bgLastVideos.jpg) no-repeat bottom right;
	_background-image:none;
	z-index:0;
}

/*//
/// ------------------------------- /
//           CSS MODULES           /
/------------------------------- */

/*-------// MODULE TOP \\-------*/

/* titre */
a.logo
{
	width:335px;
	position:relative;
	top:25px;
	left:25px;
}

/* menu */
div#header div
{
	width:100%;
	height:57px;
	position:absolute;
	bottom:0;
        left:0;
	background:#1D70EE url(../images/bgMenu.gif) repeat-x;
}
	div#header div ul
	{
		position:absolute;
		bottom:10px;
		left:15px;
	}
		div#header div ul li
		{
			float:left;
			width:auto;
			border-right:1px solid white;
			font-family:Arial, sans-serif, Geneva, Helvetica;
			font-size:11px;
			letter-spacing:0.5px;		
			text-transform:uppercase;
		}
		div#header div ul li:last-child
		{
			border-right:none;
		}
		div#header div ul li a
		{
			display:block;
			margin:0 8px;
			color:#FFFFFF;
			text-decoration:none;
		}
		div#header div ul li a:hover
		{
			text-decoration:underline;
		}
		div#header div ul a.selected {
			text-shadow:#333333 1px 1px;
		}
		div#header div ul a.selected:hover {
			text-decoration:none;
		}

/*-------// MODULE BOTTOM \\-------*/

div#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}	
div#footer a:hover {
	color:#FFFFFF;
	text-decoration:none;
}	
/*//
/// ------------------------------- /
//       CLASSES REDONDANTES       /
/------------------------------- */

h3 {
	background:url(../images/bgH2.gif) repeat-x center;
	font-size:13px;
	text-transform:uppercase;
	color:#646464;
	margin-bottom:12px;
}
	h3 span {
		background-color:#FFFFFF;
		padding-right:10px;
	}
		h3 span a,
		h3 span a:hover {
			text-decoration:none;
			padding-right:24px;
			color:#646464;
			background:url(../images/rss.png) right no-repeat;
		}
.archivesMois {
	display:none; 
	color:#868686; 
	padding:7px;
}
.selected {
	font-weight:bold;
}
a.selected,
a.selected:hover {
	color:#646464;
	text-decoration:none;
}
a.img{ display:block; border:1px solid #DCDCDC; float:left; margin-right:20px; margin-bottom:20px; position:relative; z-index:10 }
a.img img{ display:block }
a.img:hover{ border:1px solid #1d70ee }

/* HIGHSLIDE \\-------*/

/******************************************************Images*/
.highslide-image {
    border: 0px solid white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../javascript/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
.highslide-overlay {
	display: none;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(../javascript/highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../skin/javascript/highslide/graphics/close.png', sizingMethod='scale');
}
.controlbar {
	background-color:#FFFFFF;
	color:#000000;
	padding:8px;
}
	.controlbar a {
		color:#000000;
	}

/******************************************popup*/
.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(../javascript/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(../javascript/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}