/* -----------------------------------------------------------------------
 Feuille de style principale des dossiers de l'entrepôt
 Pierre Kessler - CRDP d'Alsace
11:43 mardi 24 août 2010
 ----------------------------------------------------------------------- */
/* RESET CSS */
html, body, form, fieldset { margin: 0; padding: 0; font-size: 100% ; font-family: Geneva, Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif}
body,html {min-height:101%;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1em;}
form label { cursor: pointer;}
fieldset { border: none;}
input, select, textarea { font-size: 100%; font-family: inherit;}
table { border-collapse: collapse; border-spacing: 1px;}
caption, th, td { text-align: left; font-weight: normal;} 
img, iframe, object {border: 0 none;}
input, textarea, select, button {border: 1px solid #000;}

/* Éléments de structure */

body {color: #000;text-align:center;font-family : Georgia, "Times New Roman", Times, serif;background: #fff url(/main2/styles/main_background2.png) repeat-x; margin-top:12px;}
a:active, a:focus {outline: 0;}

#footer{font-family : Geneva, Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	margin-bottom:35px;
	font-size : 0.8em;
	clear: both;width: 100%;
	background: #c52d3a url(/main2/styles/footer_background.png) no-repeat bottom center;
	height:30px;
	position:relative;
	}
#footer p {padding-top:4px;}	
#footer a:link, #footer a:visited{color: #fff;text-decoration: none;}
#footer a:hover,#footer a:active{color: #fff;text-decoration: underline;}
#wrap {width : 950px; margin : 0 auto 0 auto;}
#page {
	text-align:left;
	padding : 2px 24px 24px 24px;
	border : 1px solid #e52b38;
	border-top:none;
	border-bottom:none;
	min-height: 600px;
	background:#fff;
	overflow:hidden;}

.branding {height:101px; background: #fff url(/main2/styles/bandeau_secondaire.jpg) no-repeat; margin:0; position:relative;}
#dossier .branding, #produit .branding {height:151px; background: #fff url(/main2/styles/bandeau_principal.jpg) no-repeat center center;}

.replaceText {text-indent: -9000px; height:1px; margin:0; padding:0;}
.clear {clear: both;}

/* Titres */

h1,h2,h3,h4,h5,h6 {font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida sans Unicode", sans-serif;position:relative;}
h1 {font-size:1.1em;margin-top:0;line-height:1.3;font-family:Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida sans Unicode", sans-serif;width:620px;}
#dossier h1, #produit h1, #selection h1{width:100%;}
h1:first-line {font-size:1.3em;text-shadow: 2px 2px 2px #ccc;}
h2{border-bottom: 1px solid #999; margin-top: 1.4em; margin-left: 1.4em;font-size: 1.3em; line-height: 175%;clear:both;}
h3:first-line {font-size:1em;font-weight:bold;}
h3{margin:24px 24px 8px 32px; font-size: 1em;font-weight:normal;}
h4{margin:16px 24px 4px 32px;font-size: 0.9em;}
h5{margin:16px 24px 4px 32px;font-size: 0.8em;color:#666;background:transparent;}

#cartouche_titre {float:left;min-height:160px;}
/* Espacement standard des textes */

ul,ol,dl,li {margin:0 24px 4px 24px;}
dt{margin-top:12px; font-weight:bold;margin-left:1em;}
#page dl {margin-bottom:12px;}
p{margin:0 24px 0 32px;}
#signature{color: #666; text-align:right; font-size:90%; margin:2em 0 2em 0;}
.biblioref{color: #666; text-align:right; font-size:90%; margin:12px 72px 0 0;}
.intro {margin:0 0 0 32px;}
.rouge_charte {color:#c5343a !important;}

/* Liens */


a[target="_blank"] {background: url(/main2/styles/nouvfen_ico.gif) no-repeat 0 58%; padding-left: 16px;}
a:link, a:visited{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}
.home_image a[target="_blank"],.left_image a[target="_blank"],.right_image a[target="_blank"] {background: inherit; padding-left: 0;}

.left_image a[target="_blank"],.right_image a[target="_blank"] {background: inherit; padding-left: 0;}
.sito a[target="_blank"] {background: inherit; padding-left: 0;}
.sito h4 a[target="_blank"] {background: url(/main2/styles/nouvfen_ico.gif) no-repeat 0 58%; padding-left: 16px;}

.commande a:link, .commande a:visited{background: #f00; url(/main2/styles/right-ico.png) left center; padding-left : 16px; height:50px;}
/* Permet de cliquer sur le logo dans le bandeau */
#dummy {position:absolute; left:0px; top:33px; width:150px; height:45px;}
#retour_bnpa{position:absolute; left:188px; top:50px; width:410px; height:74px;}
#retour_bnpa_std{position:absolute; left:180px; top:45px; width:422px; height:24px;}


/* Navigation interne */


.toc {
 background : #eee;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 border: 1px solid #999;
 float : right;
 margin: 0;
 width:260px;
 padding:0;
 line-height : 120%;
}

.toc h4 {margin:8px 6px 2px 6px;text-transform:uppercase;font-size : 0.8em;position:relative;}
#texte .toc li{margin-top:0; margin-bottom:0;}
.toc ul {list-style:outside;margin:2px 6px 8px 4px;}
.toc a, #footer a {color: #000;text-transform:none;}
.toc li a{font-size : 0.8em;}
.toc p {margin:8px 6px 8px 12px;text-transform:none;font-size : 0.8em;}

.left_image {float:left; margin:0 24px 12px 32px; text-align:left; width:300px; background:#fff;}
.left_image img {margin: 0 0 6px;}
.left_image p {
 margin: 4px 0 8px 0;
 font-style: italic ;
 color: #666;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 0.8em;
 text-align:left;
 line-height:120%;
}

.image_ina {float:left; margin:0 24px 12px 32px; text-align:left; width:200px; background:#fff;}


.center_image {margin:24px auto 12px auto; text-align:left; width:300px; background:#fff;}
.center_image img {margin: 0;}
.center_image p {
 margin: 4px 0 8px 0;
 font-style: italic ;
 color: #666;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 0.8em;
 text-align:left;
 line-height:120%;
}

.thumb_dico {float:left; margin:0 24px 24px 0; text-align:left;}
.thumb_dico img {margin: 0 0 6px; border: 1px solid #ccc;}

.right_image {float:right; margin:12px 12px 12px 32px; text-align:left;  width:300px;}
.right_image img {margin: 0 0 6px; }
.right_image p {
 margin: 0;
 font-style: italic ;
 color: #666;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 0.8em;
 text-align:left;
 line-height:120%;
}

/* PAGE DE GARDE DES DOSSIERS */

#homepage h2 {margin-left:52px;}
h2, #dossier h2,ol.letter_bar a, ol.letter_bar a:active, ol.letter_bar a:visited  {color : #999;}

.illustration {margin:24px; width:688px; border: 1px solid #666;}
.illustration img {margin: 24px 24px 36px 24px;}
.illustration p {
 margin-bottom: 12px;
 font-style: italic ;
 color: #666;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 0.8em;
 text-align:center;
}
#entete {width : 570px; margin:0;padding:0;overflow:hidden;}

.home_image {float:right; margin:0 ; width:300px; text-align:center;}
.home_image img {margin: 16px 0 6px 24px; }
.home_image p {
 margin: 0 ;
 color: #666;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 0.8em;
 text-align:right;
 line-height:120%;
}


#toc_home {float:left; text-align: left; margin: 0 10px 0 0 ; background: url(/main2/styles/sp_toc.png) repeat-y; background-position: -265px 0;width:215px;}
#selection #toc_home {float:right;margin-top:24px;}
#toc_home dl{margin: 0;font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:0.9em;background: url(/main2/styles/sp_toc.png) no-repeat; background-position:bottom right; padding-bottom:17px;}
#toc_home dt{margin: 0 ; padding-left: 12px; line-height:26px; height:32px; color:#fff; background: url(/main2/styles/sp_toc.png) no-repeat;}
#toc_home dd{margin: 0 0 0 10px;line-height:26px; height:26px; padding: 0 0 0 6px}

a:link, a:visited, a:hover, a:active{color:#00f;}
#mn_1,#mn_2,#mn_3,#mn_4,#mn_5,#mn_6,#mn_7,#mn_8,#mn_9 {background: url(/main2/styles/sp_toc_puces.png) no-repeat}


#mn_3{background-position: 0 -176px;} /*jaune*/
#mn_4{background-position: 0 -307px;} /*vert*/
#mn_2{background-position: 0 -264px;} /*rouge*/
#mn_5{background-position: 0 -44px;}  /*bleu*/
#mn_7{background-position: 0 -132px;} /*gris*/
#mn_9{background-position: 0 -351px;} /*rose*/
#mn_1{background-position: 0 -220px;} /*orange*/
#mn_8{background-position: 0 0;}      /*blanc*/
#mn_6{background-position: 0 -88px;}  /*cyan*/



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

/* ARTICLES */
div .citation {background : #eee; padding:24px 16px 12px 16px; margin:32px 12px 32px 32px; border:1px solid #666; font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;font-size:.9em;}
.citation .biblioref{padding-right:16px;}
.citation h4{padding-top:0; margin-top:0;text-align:left;}


.t_article  {
border:1px solid #333;
border-collapse:collapse;
width:96%;
font-family: Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size:0.9em;
}

th {
border:1px solid #333;
padding:5px;
background-color:#eee;
vertical-align:top;
}

td {
font-size:0.8em;
border:1px solid #666;
padding:5px;
text-align:left;
vertical-align:top;
}

.commande {width:90%; margin-left:32px;}

.texte_petit {font-size: .85em;}

.auteur {margin-top:-16px;color:#666;font-size:.85em;}

/* ALBUMS PHOTO */

/* Vignettes */

#album_wrapper {
 margin: 24px 32px 12px 32px;
 padding-top:32px;
 text-align:center;
}

#album_wrapper dd{margin-left:0; font-size:.9em;}
#album_wrapper, .index {background: #eee;}

#album_table {margin-left:auto; margin-right:auto;padding:12px;}
#album_table td{padding:6px;border:none;}
#album_table img{border:1px solid #666; padding:4px;background:#fff;}

#multipage{padding:12px;font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;font-size:0.85em;}

/* Images seules */
div#bg_image{text-align:center;background: #eee; padding:24px;}
.license_logo {float : left;}

#legende_album{
 padding: 18px 6px 6px 6px;
 text-align : left;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 14px;
 line-height:125%;
 margin:0;
}

#legende_album:first-line {font-weight:bold;}

#license {
 margin-top:16px;
 padding: 12px 6px 0 6px;
 height: 42px;
 text-align:left;
}

#license, #license p, #legende_album p #bg_image p{
 margin:0;
 line-height:110%;
 font-size: 11px;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#license img{float: left;margin-right:12px;}

.nav_album{
 padding: 0 0 12px 6px;
 text-align : left;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 14px;
 line-height:115%;
 margin:0;
 color : #ccc;
}

.nav_album span {	font-size:11px;	color: #666;}

.photo_auteur {color: #666;font-size:85%;font-weight:normal;text-align:left;padding:4px 0 20px 0 }

#photo_commentaire {
 text-align:left;
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 13px;
 line-height:120%;
 margin: 0;
}

#photo_commentaire p{
 margin: 0 0 8px 0;
}

object {border:1px solid #666; margin:12px;}

.video {
 margin: 24px auto 24px auto;
 text-align:center;
 padding:24px 16px 24px 16px;
 background:#eee;
 border:1px solid #000;
 width:410px;}

.responsable, .date_publication {
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 margin-left:0;
 color:#666;
}
.responsable{margin-top:6px;}
.date_publication { padding-bottom:16px;font-size:0.8em;margin-top:0;}

.flash {
 background-color: #eee;
 border: 1px solid #333;
 color: #000000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align:center;
 margin: 12px 10px 15px 32px;
 width:42%;
}

#audio_album {
 color: #000000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10px;
 margin: 12px 10px 15px 0;
 width:42%;
}

#audio_album p {margin:0;}
#audio_album object {border:none; margin:0;}
.flash p {margin-top:0.8em;}

.titreSon:first-line {font-weight:bold;}
.titreSon {margin:0 0 8px 0;font-size:12px;line-height:110%; margin-bottom:0;}

.top_space0 {margin-top : 0 !important;}
.top_space4 {margin-top : 4px !important;}
.top_space8 {margin-top : 8px !important;}
.top_space12 {margin-top : 12px !important;}
.top_space16 {margin-top : 16px !important;}
.top_space18 {margin-top : 18px !important;}
.top_space24 {margin-top : 24px !important;}
.top_space32 {margin-top : 32px !important;}
.top_space36 {margin-top : 36px !important;}

.bottom_space36 {margin-bottom : 36px !important;}
.bottom_space32 {margin-bottom : 32px !important;}
.bottom_space24 {margin-bottom : 24px !important;}
.bottom_space18 {margin-bottom : 18px !important;}
.bottom_space16 {margin-bottom : 16px !important;}
.bottom_space12 {margin-bottom : 12px !important;}
.bottom_space8 {margin-bottom : 8px !important;}
.bottom_space4 {margin-bottom : 4px !important;}
.bottom_space0 {margin-bottom : 0 !important;}

.font85 {font-size : 0.85em !important;}

.centre {text-align:center;}
.droite {text-align:right;}
.gauche {text-align:left;}

.left_space0 {margin-left:0;}

.top_mark {margin : 0 0 0 12px;border: none; height: 15px; width: 15px; vertical-align: middle;}
.ico_d {margin : 0 0 0 6px;border: none; height: 18px; width: 18px; vertical-align: -5px;}
.ico_g {margin : 0 6px 0 0;border: none; height: 18px; width: 18px; vertical-align: -5px;}
.medium_ico {margin : 0 0 0 8px;border: none; height: 18px; width: 18px; vertical-align: -3px;}
.poeme{text-align:center;}
.incise{color:#778; font-size:0.75em;}

small {font-size:.7em;color:#666;background:inherit;}	
big {font-size:.85em;color:inherit;background:inherit;}	

.ombre, .toc, .index {
 box-shadow: 3px 3px 8px #99a;
 -webkit-box-shadow: 3px 3px 8px #99a;
 -moz-box-shadow: 3px 3px 8px #99a;
 /* filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2); zoom: 1; */
}

.ombre {
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);

 zoom: 1; 
}

#lexique {
 border:none;
 padding: 5px;
 margin: 20px 0 20px 0;
 height:30px;
 line-height:30px;
}

.dictionnary{
 border-bottom:1px dotted #ccc;
 margin-bottom:20px;
 font-size:0.9em;
}

.dictionnary h4,.dictionnary p {margin:0;}

ol.letter_bar {
 display: inline;
 float: left;
 clear: both;
 list-style: none;
 margin:0;
}

ol.letter_bar li {
 display: block;
 float: left;
 padding-right: 3px;
 margin: 0;
 font-size:18px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ol.letter_bar li strong{
 font-size:24px;
 font-weight: bold;
}

.toggleLink{
 display:block;
 margin-top:-20px;
 margin-bottom:0px;
 text-align:right;
 background: #fff url(/main2/styles/loupe.jpg) no-repeat right top;
 height:24px;
 padding-right:35px;
 padding-top:10px;
 padding-bottom:0;
 margin-left:400px;
 font-size:0.8em;

}

.toggle {overflow:hidden;display:inline-block;}

.index {
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 border: 1px solid #999;
 margin: 0;
	padding-left:12px !important;
 width:97%;
}

.mini_menu{
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: .9em;
 margin-left: 0;
 line-height: 110%;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/main2/styles/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/main2/styles/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/main2/styles/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/main2/styles/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/main2/styles/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/main2/styles/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/main2/styles/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/main2/styles/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#333;font-size:0.7em;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/main2/styles/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/main2/styles/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/main2/styles/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/main2/styles/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/main2/styles/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/main2/styles/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/main2/styles/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/main2/styles/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/main2/styles/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/main2/styles/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/main2/styles/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/main2/styles/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


.collapsible-heading {
	padding-left:15px;
	background:url(/main2/styles/icon-triangle.png) 0 6px no-repeat;
}
.collapsible-heading-collapsed {
	background-position:0 -84px;
}
.collapsible-heading-toggle {
	text-decoration:none;
	color:#333;
}
.collapsible-heading-status {
	position:absolute;
	left:-99999px;
}
.collapsible-content-collapsed {
	display:none;
}
.desc_carte div , .sito div{position:relative;overflow:hidden;color:#000;line-height:130%}
.desc_carte img, .sito img {float:left;margin: 0 12px 12px 32px; border: 1px gray solid;}
.desc_carte ul {position:relative;list-style-position : inside; margin-left:152px; font-size:.96em;}
.ours{
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: .85em;
 margin: 0 0 12px 0;
}

.version_imprimable {
 font-family : Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: .85em;
 
}
.sito .ours {font-size: 0.7em;color:#333;margin-bottom:4px;}
.desc_carte p, .desc_carte h4 {margin-left:132px;position:relative;}
.desc_carte .toggle {padding-left : 32px;}

#produit .prix {font-size: 1.3em;font-weight:bold;color:#F00;}
#produit .home_image {float:right; margin:0 ; width:310px; text-align:center;}
#produit .home_image img {margin: 0 !important;}
#produit .home_image p {text-align:center;}
#produit .home_image {margin-top:12px !important;}
#produit #description {width:590px; margin:0;padding:0;overflow:hidden;}
#produit #chapeau{width:100%; margin:0;padding:0;overflow:hidden;}
#produit #chapeau p, #selection #chapeau p{margin:0;color:#666;background:transparent;}
#produit h1:first-line {font-size:1.4em;*font-size:1.2em;}
#produit dl {font-size:.85em;margin-left:20px;}
#selection #description {width:660px; margin:0;padding:0;overflow:hidden; float:left;}
#selection h1:first-line {font-size:1.4em;*font-size:1.2em;}

.largeur_totale {width:100% !important;}
.largeur_660 {width:660px !important;}

/* JQUERY TOOLS */
.tip {
cursor : help;
border-bottom: 1px dotted #000000;
color: #000000; outline: none;
}	
.tooltip {
	background-color:#333;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}

/* tab pane styling */
.panes div {
	display:none;		
	padding:6px;
	border:1px solid #999;
	border-top:0;
	height:98px;
	font-size:14px;
	background-color:#fff;
	text-align:left;
	overflow:auto;
}

.panes p {
	margin:0;padding:4px 6px 0 6px;font-size:0.95em;line-height:130%;
}
.panes p:last-child {padding-bottom:0;}
.panes p:first-child {padding-top:8px;}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
font-family: Geneva, Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(blue.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

.traduction_mp3 {float:right;width:150px;padding:12px 4px 4px 0;text-align:right;line-height:20px;font-size:.75em !important; color: #666;font-weight:normal; }
#mp3player {border:none; margin:0;padding:0;}
.titre_image {color:#000;font-family: Geneva, Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;;font-weight:bold; }

div.diaporama {
    margin: 25px auto;
    padding: 0;
    position: relative;
    text-align: center;
}
div.diaporama object {
    margin: 5px;
    padding: 4px;
	border:none;
}
div.diaporama p {
    color: #848484;
    font-family: Verdana, Arial, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    background-color: transparent;
    font-size: 0.8em;
    margin: 5px 0px 10px 0px;
    text-align: center;
    display: block;
}