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

body 
{
	font-family: arial, helvetica, sans-serif;
	text-align: center; /* IE centering */
	color: #000;
	font-size: 76%;
	background-image: url('../images/bg-body.gif');
}


h1, h2, h3, h4, h5, h6, p, li, dt, dd, td, th
a:link, a:visited, a:active, a:hover
{
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}


#outer 
{
	position: relative;
	text-align: left; /* IE centering cancel */
	margin: 0 auto;
	width: 975px;
}


#tools
{
    position: relative;
    float: right;
    margin: 50px 15px 0 0;
	list-style-type: none;
	font-size: .9em;
}

#tools li
{
	display: inline;

}

#tools a:link, 
#tools a:visited
{
	float: left;
	display: block;
	color: #737375;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5px;
	border-left: 1px solid #a3a3a3;
}

#tools a:active, 
#tools a:hover, 
#tools a.active:link, 
#tools a.active:visited
{
	color: #ff7904;
}


#tools a.first:link,
#tools a.first:visited
{
	padding-left: 0;
	border-left: none;
}


#tools a.last:link,
#tools a.last:visited
{
	padding-right: 0;
}


#container
{
	position: relative;
	background-color: #fff;
	min-height: 600px;
	background-image: url('../images/bg-left.jpg');
	background-repeat: repeat-y;
}

* html #container
{
    height: 600px;
}

#left
{
	float: left;
    width: 285px;
}

#content
{
	overflow: auto;
	padding: 30px 30px 30px 15px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #777;
}

* html #content {
    margin: 0 0 0 295px;
    position: relative;
    zoom: 1;
}

* html table {
    width: 95%;
}


#col1 {
	width: 300px;
	float: left;
	min-height: 200px;
	padding: 0 0 0 0px;
}

#col1 img {
	margin-top: 20px;
}

#col1 .top {
	margin-top: 0px;
}

#col1 p {
	padding: 5px 0;
	width: 290px;

}

#col2 {
	width: 300px;
	float: right;
	min-height: 200px;
	border-left: 1px solid #ccc;
	padding: 0 0px 0 26px;
}

* html #col2 {
    width: 274px;
}

#col2 img {
	margin-top: 20px;
}

#col2 .top {
	margin-top: 0px;
}

#col2 p {
	padding: 5px 0;
	width: 290px;
}


#credit {
padding-top: 5px;
font-size: 0.8em;
font-style: italic;
}

blockquote .photo
{
    float: left;
    width: 105px;
}

blockquote
{
    clear: both;
    margin-top: 2em;
}

blockquote p
{
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    padding-left: 105px;
}

.signature
{
    color: #999;
    font-size: .8em;
    line-height: 1.2em;
}

.signature .nom
{
    color: #000;
}

.signature .fonction
{
    font-weight: normal;
}

#copyright
{
    clear: both;
    position: relative;
	font-size: .9em;
	margin-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.copyright
{
    color: #eee;
}

#content table.standard td
{
    border: 1px solid #777;
    padding: 7px;
}

#content td
{
	border-bottom: 1px solid #777;
	padding-top: 10px;
}

#content ul
{
    list-style-type: square;
	margin-left: 2em;
}

#content li
{
}

#content li span
{
    color: #000;
}

#menus
{
	position: relative;
	list-style-type: none;
	font-size: 1.2em;
}


#menus a:link, 
#menus a:visited
{
	display: block;
	color: #a3a3a3;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.6em;
	border-bottom: 1px solid #a3a3a3;
	padding: 0 15px;
	text-transform: uppercase;
	text-align: right;
}


#menus a:active, 
#menus a:hover, 
#menus a.active:link, 
#menus a.active:visited
{
	color: #ff7904;
	background-image: url('../images/bg-left-active.jpg');
    background-repeat: repeat-y;
}

#menus a.first:link,
#menus a.first:visited
{
	border-top: 1px solid #a3a3a3;
}

#content a:link, 
#content a:visited
{
	text-decoration: underline;

}

#content a:active, 
#content a:hover, 
#content a.active:link, 
#content a.active:visited
{
	color: #ff7904;
}


#sections
{
	position: relative;
	top: -1px;
	padding: .1em 0 .3em 0;
	list-style-type: none;
	font-size: 1em;
	border-bottom: 1px solid #a3a3a3;
	background-image: url('../images/bg-left-active.jpg');
    background-repeat: repeat-y;
}

#sections li
{
	display: inline;
}


#sections a:link, 
#sections a:visited
{
	display: block;
	color: #a3a3a3;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
    padding-left: 15px;
	text-transform: none;
	font-size: .9em;
	border: none;
}

#sections a.first:link,
#sections a.first:visited
{
	border-top: none;
}


#sections a:active, 
#sections a:hover, 
#sections a.active:link, 
#sections a.active:visited
{
	text-decoration: underline;
	background-image: none;
	border-bottom: none;
	color: #ff7904;
	line-height: 18px;
}

#logo
{
	background-image: url('../images/logo-carre-vert.gif');
	background-repeat: no-repeat;
	overflow: hidden;
	width: 263px;
	height: 79px;
	margin: 9px 0 28px 7px;
}

#logo a
{
	display: block;
	padding-top: 79px;
}

.logos
{
    position: absolute;
    bottom: 10px;
    z-index: 1;
    list-style-type: none;
}

.logos li
{
    display: inline;
}

.logos li a
{
    display: block;
    float: left;
    width: 95px;
    text-align: center;
}


input, 
textarea
{
	font-size: 1.2em;
	line-height: 1.3em;
	color: #aaa;
	border: 1px solid #555;
	margin-bottom: 1em;
	background-color: #ebebeb;
}

h2
{
    color: #a3a3a3;
	font-size: 1.7em;
	font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .5em;
}

h3
{
    color: #999;
    text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: .5em;
    margin-bottom: 1em;
    text-align: justify;
}

h4,
h5,
h6
{
    font-size: 1em;  
}

h4
{
	color: #ff7904;
	font-weight: bold;
}

h5
{
    font-weight: bold;
}

h6
{
    text-decoration: underline;
}


#content p,
#content table,
#content ul,
#content ol,
#content dl,
#content blockquote
{
    margin-bottom: 1em;
}

.bottom
{
    clear: both;
    padding-top: 5px;
}

table
{
    border-collapse: collapse;
    width: 100%;
}

tr, td
{
    vertical-align: top;
}

.fonction
{
    width: 40%;
}

.legende
{
    font-size: .8em;
    line-height: 1.3em;
    color: #999;
}



blockquote
{
    position: relative;
}

p.texte-complet
{
    /*position: absolute;
    left: 110px;
    width: 480px;
    background-color: #eee;
    z-index: 10;
    padding: 15px;
    border: 1px dotted black;*/
}




a.show-complet
{
    color: #999;
}

#contactForm label
{
    display: block;
}

#btn-send
{
    display: block;
}

.champTest
{
    position: absolute;
    left: -5000px;
}

.error
{
    color: red;
}


#content ul.thumbs
{
    margin: 0 0 20px 0;
}

ul.thumbs li
{
    list-style-type: none;
    background-color: #eee;
    margin: 0 0 10px 0;
    
}

* html ul.thumbs li {
    background-color: #fff;
}


#content ul.thumbs li a:link,
#content ul.thumbs li a:visited
{
    display: block;
    text-decoration: none;
    color: #999;
    padding: 5px;
}

#content ul.thumbs li a:hover
{   
    color: #ff7904;
}

ul.thumbs li img
{
    margin-right: 15px;
    border: 1px solid #999;
    vertical-align: middle;
}


.exergue
{
    border: 2px solid #FF7904;
    padding: 10px;
}

#content .exergue p
{
    margin: 0;
}

* html #jquery-overlay {position: relative;}

#jquery-overlay {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data-box em {

	font: 9px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	line-height: 1.4em;

	font-style: italic;
}




#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}






/* pour les cam... */


#mainImg
{
    position: relative;
    width: 620px;
    height: 278px;
}

#mainImgCam3
{
    position: relative;
    width: 630px;
    height: 534px;
}


#mainImg img,
#mainImgCam3 img
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

#mainImg .info,
#mainImgCam3 .info
{
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    height: 30px;
    width: 100%;
    text-align: center;
/*    background-image: url('/images/w50.png'); */
    background-color: #ccc;
}

#mainImg .info p,
#mainImgCam3 .info p
{
    padding-top: 5px;
}

#mainImg .slider,
#mainImgCam3 .slider
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 500px; /* ATTENTION CAM3 */
    height: 5px;
    margin: 0 0 12px 15px;
    text-align: left;
    background-image: url('/images/w50.png');
    cursor: pointer;
    z-index: 10000;
}

#mainImg .slider a,
#mainImgCam3 .slider a
{
    background-image: url('/images/btn.png');
    background-position: 0 -20px;
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 2;
    margin-left: -10px;
    top: -9px;
}

#mainImg .slider a.ui-state-active,
#mainImgCam3 .slider a.ui-state-active
{
    background-position: -20px -20px;
}

#mainImg .controls,
#mainImgCam3 .controls 
{
    position: absolute;
    bottom: 6px;
    right: 10px;
}

.controls ul
{
    list-style-type: none;
}

.controls ul li
{
    position: relative;
    float: left;
}

.controls ul li a
{
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    background-image: url('/images/btn.png'); 
}

.controls ul #play-stop a
{
    background-position: -40px -20px;
}

.controls ul #play-stop .down
{
    background-position: -60px -20px;
}

.controls ul #play-stop .play
{
    background-position: -40px 0;
}

.controls ul #play-stop .play.down
{
    background-position: -60px 0;
}

.controls ul #next a
{
    background-position: -80px 0;
}

.controls ul #next .down
{
    background-position: -100px 0;
}

.controls ul #prev a
{
    background-position: -80px -20px;
}

.controls ul #prev .down
{
    background-position: -100px -20px;
}


#container #content .controls ul
{
    list-style-type: none;
}

.controls span
{

    display: block;
    padding-top: 25px;
}

.controls .btn 
{
   
}

.controls .hover
{ 

}

.controls .down
{ 

}

#mainImg #loader,
#mainImgCam3 #loader
{
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
}

#mainImg .loader #loader,
#mainImgCam3 .loader #loader
{
    background-image: url("../images/loader.gif");
}


/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(../images/cee-close-btn.png); }
#cee_next 			{ background-image: url(../images/cee-next-btn.png); }
#cee_prev 			{ background-image: url(../images/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(../images/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(../images/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(../images/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_box {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #fff;
}

#cee_count {
	font: 10px Arial, Helvetica, sans-serif;
	-moz-opacity: 0.8;
	opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */
	clear:left;
	float:left;
	padding: 2px 0 4px;
}
.cee_html #cee_title h2 {float:left;}
.cee_html #cee_count {clear:none;padding-left:5px;}
* html #cee_count { /* ie6 hack */
	zoom:1;
	padding-bottom:6px;
}
#cee_next,#cee_prev{
	height:100%;
	width: 49%;
	text-indent:-10000px;
	text-decoration:none;
	visibility:visible;
	background-repeat:no-repeat;
}

#cee_box a {border:0;outline:none}
#cee_box a:link {color: #666;}
#cee_box a:visited {color: #666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666;}
#cee_box a:focus{color: #666;}
#cee_closeBtn {
	background-repeat: no-repeat;
	display:box;
	width:24px;
	height:23px;
	position:absolute;
	text-indent:-10000px;
}
/* Next up a bunch of ugly ass css hacks to fix the fact that IE cuts off the close button when it floats negative. 
Yeah "thou shalt not hack the css" ...so sue me it's better than handling it in the javascript */ 
#cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */
#cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */
*:first-child+html #cee_closeBtn{top:-3px;right:-3px;} /* only IE7 sees this*/ 
* html #cee_closeBtn{top:-3px;right:-3px;} /*only IE 6 sees this*/

#cee_closeBtn:hover {
	background-position: 0px -23px;
	}
	
.cee_close {cursor:pointer}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_box {
	text-align:left;
	color:#000;
}

#cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax {
	display:block;
	margin: 15px 15px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#cee_title {
	padding:7px 15px 5px 15px;
	overflow:hidden;
}
.cee_html #cee_title{
	background-color:#e8e8e8;
	height:18px;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
#cee_title h2 {
	font-size:1em;
	font-weight:400;
	margin:0 0 1px;
}

#cee_ajax{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#cee_load{
	display:none;
	height:50px;
	width:50px;
	margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
	background-position: center center;
	background-repeat:no-repeat;
}

#cee_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #cee_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_iframe{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}