.diorama56 { background:url(../dump/galilee2_g.jpg);}.diorama59 { background:url(../dump/800-_18_g.jpg);}.diorama58 { background:url(../dump/0_17_g.jpg);}.diorama55 { background:url(../dump/jaws-diorama_g.jpg);}.diorama48 { background:url(../dump/vignette1730_g.jpg);}.diorama43 { background:url(../dump/hdr-sans-titre168918_g.jpg);}.diorama46 { background:url(../dump/37389_g.jpg);}.diorama36 { background:url(../dump/p10507566169_g.jpg);}/* CSS Document */
body, html {   margin: 0;   padding: 0;   font-family: Verdana, Arial, Helvetica, sans-serif;   font-size: 1em;   scrollbar-3dlight-color: #f6fcef;   scrollbar-arrow-color: #e2ead9;   scrollbar-base-color: #c9d4d4;   scrollbar-darkshadow-color: #8c9d9d;   scrollbar-highlight-color: #fff;   scrollbar-shadow-color: #9facac;   scrollbar-track-color: #d6e3e3}
body {   background: url(../img/fond.jpg) repeat-x #b0ccce;} 
#main_google {   position: relative; /* on positionne le conteneur */   margin-left: auto;   margin-right: auto;   width: 984px;} 
#main {   width: 760px;   float: left;} 
#google {   width: 165px;   float: left;   height: 50px;} 
#logo {   position: absolute;   left: 50%;   width: 273px;   height: 91px;   margin-left: -500px; /* moitié de la largeur */   width: 280px;   height: 105px;   z-index: 2;}
 #titre_blanc a {   font-size: .6em;   color: #E3A420;   text-decoration: none} 
#form2 {   background-color: #CCCCCC;   padding-left: 20px;}
 .reponse /*(pour le vip)*/ {   font-size: .9em;   font-style: italic} 
.reponse_p /*(pour le vip)*/ {   font-size: .9em;   font-style: italic} 
.pas_trop_proche {   padding-right: 60px;} 
.pas_trop_loin {   padding-left: 30px;}
/*menu déroulant*/ #menu_main {   padding-left: 60px} 
#container_blanc {   background-color: #fff;   display: block;   border-right: 1px solid #c9caca;   border-bottom: 1px dotted black;   clear: left;} 
#titre_blanc {   background-color: #FFFFFF;   float: left;   width: 475px;   padding: 10px 0 2px 284px;   font-size: 15px;   font-weight: bold;   border-right: 1px solid #c9caca;} 
#titre_blanc h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; letter-spacing:0.1em; font-weight:normal; padding-top:4px;}
#navig_photo {   float: right;   width: 75px;   text-align: center;} 
.reponse {   padding-right: 10px;} 
#vignette {   clear: both;   text-align: left;   padding-left: 296px;   border-bottom: 1px solid black;   height: 18px;}
/*#index{background-image:url('../img/.png'); margin-top:-28px;}*/ 
#vignette .img {   margin: 0;   padding: 0 0 1px 0} 
#main_image {   margin: 0pt auto;   display: block;} 
#text_bis {   float: left;   padding: 0 1px 0 0px;   font-size: .7em;   color: #505d6d;   width: 626px;   voice-family: "\"}\"";   voice-family: inherit;   width: 650px;   border-left: 1px solid #c9caca;   border-bottom: 1px solid #c9caca;   border-right: 1px solid #c9caca;} 
#text {   float: left;   padding: 10px 0 0 0px;   font-size: .7em;    width: 630px;   text-align: justify;   line-height: 2em; background-color:#d3e6ea}
html > body #text {   width: 648px; background-image: url(../img/fond_blanc_index.png); background-color:transparent }
.addthis{float:right}
/*liens du texte*/
#text a:link  {   color: #796f6f;   text-decoration: none;   border-bottom: 1px dotted #A6C9D0;  } /*font-size:larger;*/
#text a:visited {   color: #9c6262;   text-decoration: none;   /*font-size:larger;*/
} #text a:hover {   color: #f8a109;   text-decoration: underline;
} #text a:active {   color: #f8a109;   text-decoration: underline;   text-transform: uppercase;
} #text_diorama img{border:1px solid #5c5c5c} 

/*fin des liens du texte*/ #text h2 {   background-image: url(../img/puce2.gif);   background-repeat: no-repeat;   font-size: 1.2em;   background-color: #d8ebeb;   padding-left: 26px;   margin: 0
} #text h3 {   background-image: url(../img/puce2.gif);   background-repeat: no-repeat;   font-size: 1.1em;   background-color: #d8ebeb;   padding-left: 24px;   margin: 0
} #text p, #text br, #text table{   margin: 0 30px 0 210px;   padding: 4px;   background-color: transparent;   border-left: 1px solid #000000
} #text blockquote {   color: #FF9900;   margin: 0;   padding: 20px 0 0 30px;   font-size: .7em;
} 
#text object {} 
#menu_dte, #menu_dte_art {   float: left;   width: 110px;   background-color: #cccccc;   border-right: 1px solid #c9caca;
} #menu_dte a:link, #menu_dte_art a:link, #menu_dte a:visited, #menu_dte_art a:visited { /*, , #menu_dte a:active, */   margin-top: -10px;   color: #FFF;   text-decoration: none;   width: 100%;   display: block;} 
#menu_dte a:hover, #menu_dte a:hover, #menu_dte a:active, #menu_dte a:active {   color: #E8E7BB;}
html > body #menu_dte_art ul li a, html > body #menu_dte ul li a {   width: auto;   padding-left: 5px;   padding-right: -7px;}

html > body #menu_dte ul li a {   width: auto
} #menu_dte blockquote {   padding: 0 0 0 0px;   margin: 0;   width: 100%;   background-image: url(../img/fond_titre_dio.png);   font-size: 10px;   color: #336699
} #menu_dte_art blockquote {   padding: 0;   margin: 0;   display: block;   width: 100%;   font-size: 10px;   background-color: #f7a10d;   color: #FFF
} .fondblc {   display: block; /* background-image: url(../img/fond_blanc_trans.png);
*/   width: 100%;   height: 34px
} .imgdio {   margin: 10px;   border: 1px ridge black
} #image_agrandie img {   margin-top: 6px;   padding-left: 10px
} #text #text_index { /* le fond des textes d'intro */   margin: 0px;   padding: 10px 20px 10px 10px;   text-align: justify;   font-size: 1.5em;   color: #000000;   background-color: #eab65c;}
/*pour ie6*/
html > body #text #text_index {   background-image: url(../img/fond_titre_art.png);   background-color: transparent;   z-index: 4;}

/* #aa{background-image:url(img/fond_titre_art.png);height:100px}*/ .numerotation {   font-size: .7em;   padding: 10px 0 10px 0}

/*fin du formulaire*/ .img_txt { /* le logo sur l'index*/   margin-top: 140px
} .jbalert {   color: #000000;   background-color: #f8a109;   padding: 2px 0 2px 20px;
} #form2 {   padding-left: 30px;   border: 1px solid black;   background-color: #FFFFFF
} .grand {   font-size: 1.2em;   /*background-color:#f8a109;*/   border: 1px solid #fff;   padding: 2px;   color: #fff;
} .date {   background-color: #aaa9a9;   color: #FFF;   font-family: 'Arial Narrow', Arial, sans;   font-weight: normal;   font-size: .8em;   margin: 0;   padding: 0 1px 0 1px;   border: 1px solid #f3a111
} .wip {   color: #000;   font-family: Arial, Helvetica, sans;   font-weight: normal;   font-size: .8em;   margin: 0px 100px 0 0px;
} #vignette a {   font-size: .7em;   color: #003366;   text-decoration: none;} 
.diorama_normal {   border-top: 1px solid black;   border-bottom: 4px solid #3E424A;   display: block;   height: auto;   padding: 10px 0 6px 0px;   margin: 0;   width: 100%;   background-image: url(../img/fond_titre_dio.png);   font-size: 10px;   color: #336699}
 .diorama_p {   border-top: 1px solid black;   border-bottom: 4px solid #3E424A;   display: block;   height: 32px;}
#blogroll{margin-top:20px; padding-left:6px; border-bottom:1px solid #999;font-size:.7em;}
#blogroll a{padding-top:12px;color:#000;}
#blogroll h3{padding-left:-2px;font-size:1.2em;}
#blogroll a:link,#blogroll a:visited{ text-decoration:underline; color: black}
#blogroll a:hover,#blogroll a:active{text-decoration:none; color: white; background-color:orange}

#drapeau{text-align:right; margin-left:500px}
#drapeau img{ margin: 10px 0 0 4px;}
/** * * * RELIQUAT DU VIEUX MENU DEROULANT* * * */
#ul_main  .dejavu a:link,  #ul_main  .dejavu a:visited{background:#006699 url(../img/ended-on.jpg) left top; color:#ccc}
#ul_main  .dejavu a:hover,  #ul_main  .dejavu a:active{background:#006699 url(../img/ended-off.jpg) left top; }
/* * * * * * * * * le forumalire appelé synamiquement par javascript* *  *  *  *  *  *  *  *  *  *  *  */
.formulaire{border-top:1px solid black;border-bottom:1px solid black;padding:10px;background-color:#FFF;}
.formulaire label{display:block;float:left;text-align:right;padding:0 20px 10px 0;width:220px;font-size:.8em;}
.formulaire input{background-color:#c5cfce;border: 1px solid black;}
.formulaire .sub{color:#000000;border:1px solid #000;background-color:#e9a830;display:block}
.formulaire textarea {border:1px solid #000;width:26em;float:left;font-size:1em;background-color:#c5cfce;margin-bottom:10px;}
.formulaire  select{display:block;border:1px solid #000;width:10em;font-size:.7em;background-color:#e9a830;margin-bottom:10px;}.formulaire  img{float:none;padding:4px;}
/* *  *  *  *  * fin du formulaire *  *  *  *  *  *  *  *  * */
/*****THICKBOX  **/
/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/*{padding: 0; margin: 0;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_window {	font: 12px Arial, Helvetica, sans-serif;	color: #333333;}#TB_secondLine {	font: 10px Arial, Helvetica, sans-serif;	color:#666666;}#TB_window a:link {color: #666666;}#TB_window a:visited {color: #666666;}#TB_window a:hover {color: #000;}#TB_window a:active {color: #666666;}#TB_window a:focus{color: #666666;}/* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_overlay {	position: fixed;	z-index:100;	top: 0px;	left: 0px;	height:100%;	width:100%;}.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}.TB_overlayBG {	background-color:#000;	filter:alpha(opacity=75);	-moz-opacity: 0.75;	opacity: 0.75;}* html #TB_overlay { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_window {	position: fixed;	background: #ffffff;	z-index: 102;	color:#000000;	display:none;	border: 4px solid #525252;	text-align:left;	top:50%;	left:50%;}* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image {	display:block;	margin: 15px 0 0 15px;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	border-top: 1px solid #666;	border-left: 1px solid #666;}#TB_caption{	height:25px;	padding:7px 30px 10px 25px;	float:left;}#TB_closeWindow{	height:25px;	padding:11px 25px 10px 0;	float:right;}#TB_closeAjaxWindow{	padding:7px 10px 5px 0;	margin-bottom:1px;	text-align:right;	float:right;}#TB_ajaxWindowTitle{	float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}#TB_title{	background-color:#e8e8e8;	height:27px;}#TB_ajaxContent{	clear:both;	padding:2px 15px 15px 15px;	overflow:auto;	text-align:left;	line-height:1.4em;}#TB_ajaxContent.TB_modal{	padding:15px;}#TB_ajaxContent p{	padding:5px 0px 5px 0px;}#TB_load{	position: fixed;	display:none;	height:13px;	width:208px;	z-index:103;	top: 50%;	left: 50%;	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_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 #TB_HideSelect { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}#TB_iframeContent{	clear:both;	border:none;	margin-bottom:-1px;	margin-top:1px;	_margin-bottom:1px;}
/** * * * * * SUPERFISH* * * * */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;/*top:2.5em; *//* match top ul list item height */top: 22px;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left;margin-bottom:1em;}
.sf-menu a {   text-align: left;   font-size:12px;   font-weight:bold;   display: block;   border-top:0px;   padding: 5px 4px 4px 4px;   color:#fff;   text-decoration: none;   line-height: 14px;   font-variant:small-caps;   border-left:1px solid #c1beb0;background-color:#aaa9a9;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#fff;}
.sf-menu li {background:#aaa9a9;}
.sf-menu li li {background:#74809b;}
.sf-menu li li a:link,.sf-menu li li a:visited {background:#74809b;}
.sf-menu li li a:hover,.sf-menu li li a:active {background:#f8a109;}

.sf-menu li li li {background:#74809b;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#f8a109;outline:0;}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */
width:10px;height:10px;text-indent: -999em;overflow:hidden;background:url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

#ul_main  { /* toutes les listes */  background-color: #aaa9a9;height:22px;list-style-type:none;margin:0;   padding: 0;  line-height: 1;height:26px; text-align:left;  padding:2px 0px 0 200px; width:500px;
}
/** * * * * * * * * FIN DU SUPERFISH* * * * * * * * * * * */