/* @override 
	http://www.cie-kmk.org/themes/theme_kmk/habillage.css
	http://cie-kmk.org/themes/theme_kmk/habillage.css
*/

/* ---------------- */

/* Feuille de style des squelettes par defaut pour SPIP 2.0  */

/* ---------------- */

/* personalisations */

body {
 text-align : center;
 margin : 0;
 padding : 0;
 background-image : url(../../squelettes/gfx/bg-body.png);
}

#page {
 position : absolute;
 left : 50%;
 width : 970px;
 min-width : 970px;
 max-width : 970px;
 margin-left : -485px;
 top : 50%;
 height : 630px;
 min-height : 630px;
 max-height : 630px;
 margin-top : -315px;
 text-align : left;
 font : 14px/18px Georgia, Tahoma, "Times New Roman", Serif;
 display : none;
}

/* @group hierarchie, pied */

.header, .footer {
 font : normal 9px/18px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 height : 16px;
 padding-top : 2px;
}

.menu_langues {
 text-align : right;
 display : none;
 visibility : hidden;
}

.header {
 top : -10px;
 position : relative;
 left : 10px;
}

.footer {
 text-align : right;
 position : absolute;
 bottom : 0;
 font-weight : normal;
 font-style : normal;
}

.footer ul {
 list-style-type : none;
 display : inline;
 margin : 0;
 padding : 0;
}

.footer ul li {
 list-style-type : none;
 display : inline;
 margin : 0;
 padding : 0;
}

.footer ul li:before {
 content : "|";
}

/* @end */

/* @group menu */

#conteneur-menu {
 display : none;
 position : absolute;
 bottom : 35px;
 left : 0;
 background-color : transparent;
 width : 960px;
 opacity : 0.9;
 text-shadow : #666 1px 1px 2px;
 font : 10px/18px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 text-transform : uppercase;
}

.menu-conteneur ul {
 margin : 0;
 padding : 0;
}

.menu-conteneur ul li {
 list-style-type : none;
 height : 24px;
 background : white url(../../squelettes/gfx/bg-nav.gif);
 border-right : 1px solid #999;
 border-bottom : 1px solid #999;
 margin : 0;
 padding : 0;
 line-height : 24px;
}

.menu-conteneur ul li:hover {
 /*background-color : gray;*/
}

.menu-conteneur ul li.on {
 /*background-color : silver;*/
}

.menu-conteneur ul li li.on li {
 font-weight : normal;
 font-style : normal;
}

/* @group jd_menu */

ul.jd_menu, ul.jd_menu_vertical {
 margin : 0;
 padding : 0;
 list-style-type : none;
 width : 200px;
}

ul.jd_menu ul, ul.jd_menu_vertical ul {
 display : none;
}

ul.jd_menu_vertical li {
 float : none;
}

/* -- Sub-Menus -- */

ul.jd_menu ul, ul.jd_menu_vertical ul {
 position : absolute;
 display : none;
 list-style-type : none;
 margin : 0;
 padding : 0 0 0 10px;
 z-index : 10000;
 width : 190px;
}

ul.jd_menu ul li, ul.jd_menu_vertical ul li {
 float : none;
 margin : 0;
 padding : 0;
}

ul.jd_menu, ul.jd_menu ul, ul.jd_menu_vertical, ul.jd_menu_vertical ul {
 
}

ul.jd_menu_vertical {
 height : auto;
}

ul.jd_menu ul {
 height : auto;
}

* html ul.jd_menu ul {
  height : auto;
}

ul.jd_menu li {
 margin : 0;
 padding : 0;
 cursor : pointer;
 white-space : nowrap;
}

ul.jd_menu li li {
 margin : 0;
 padding : 0;
}

ul.jd_menu li a {
 text-decoration : none;
}

ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active {
 
}

/* @end */

/* @end */

/* @group bg contenus */

.bg-contenu1,
.bg-contenu2, 
.bg-contenu3,
.bg-contenu4,
.bg-contenu5,
.bg-contenu6,
.bg-contenu7,
.bg-contenu8,
.bg-contenu9
{
 height : 594px;
 position : absolute;
 background-position : right top;
 width : 950px;
 background-repeat : no-repeat;
}

.bg-contenu1 {
 top : 17px;
 right : 7px;
 z-index : -2;
 background-image : url(../../local/cache-gd2/ffb61c13bf2a69c200538d343e8393db.jpg);
}

.bg-contenu2 {
 top : 16px;
 right : 6px;
 z-index : -3;
 background-image : url(../../local/cache-gd2/ffac981c17ef45ca513a0878d5d5217f.jpg);
}

.bg-contenu3 {
 top : 15px;
 right : 5px;
 z-index : -4;
 background-image : url(../../local/cache-gd2/ff154b7caf1196f9c41bf2791f536ac7.jpg);
}

.bg-contenu4 {
 top : 14px;
 right : 4px;
 z-index : -5;
 background-image : url(../../local/cache-gd2/ff39c8212e725ceab460e5fab3b84d25.jpg);
}

.bg-contenu5 {
 top : 13px;
 right : 3px;
 z-index : -6;
 background-image : url(../../local/cache-gd2/ff8f22919fdbc3157a7322c8469dee70.jpg);
}

.bg-contenu6 {
 top : 12px;
 right : 2px;
 z-index : -7;
 background-image : url(../../local/cache-gd2/fe1f773215d3d555dec18559dd2cb588.jpg);
}

.bg-contenu7 {
 top : 11px;
 right : 1px;
 z-index : -8;
 background-image : url(../../local/cache-gd2/fdf905c3bba32e294a83185f8408de50.jpg);
}

.bg-contenu8 {
 top : 10px;
 right : 0;
 z-index : -9;
 background-image : url(../../local/cache-gd2/fde6eaa19cf8be1ad9b2eaf41cb3623e.jpg);
}

.bg-contenu9 {
 top : 9px;
 right : -1px;
 z-index : -10;
 background-image : url(../../local/cache-gd2/fd0a15a7c714d2897123e179a5149136.jpg);
}

/* @end */
/* @group contenu */

#content {
 height : 594px;
 overflow : hidden;
 position : absolute;
 opacity : 0.99;
 padding : 0;
 margin : 0;
 background : #fff url(../../squelettes/gfx/bg-content.png) no-repeat;
 border : 1px dotted #666;
}

#descriptif_site_spip {
 position : absolute;
 top : 0;
 left : 0;
 width : 600px;
}

#contenu-medias {
 height : 594px;
 width : 950px;
 overflow : hidden;
 position : absolute;
 padding : 0;
 margin : 0;
 top : 0;
 left : 0;
 background-color : #fff;
}

/* @group contenus textes */

#conteneur-texte {
 position : relative;
 width : 950px;
}

.contenu-texte {
 width : 950px;
 height : 594px;
 overflow : hidden;
 padding : 0;
 margin : 0;
 background-color : #f2f2f2;
 opacity : 0.95;
}
.prec-suiv {
 font : 9px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
}

/* @group Controle textes */

.control-texte, .control-texte2 {
 position : absolute;
 top : 10px;
 width : 18px;
 height : 18px;
 text-align : center;
 border : 1px dotted #ccc;
 text-transform : uppercase;
 opacity : 0.8;
 cursor : pointer;
 background-image : url(../../squelettes/gfx/bg-nav.gif);
 font-family : Georgia, Tahoma, "Times New Roman", Serif;
;
}

.control-texte {
 z-index : 10;
}

.control-video, .control-photo {
 top : 10px;
 height : 18px;
 text-align : left;
 border : 1px dotted #ccc;
 text-transform : uppercase;
 opacity : 0.8;
 cursor : pointer;
 background-image : url(../../squelettes/gfx/bg-nav.gif);
 font-family : "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 text-transform : none;
 margin-left : 10px;
 font-size : 9px;
 padding-top : 3px;
 padding-left : 5px;
 padding-right : 5px;
 position : absolute;
 right : 10px;
}

.droite .control-video, .droite .control-photo{
 left : 0;
 position : absolute;
}

.control-video {
 width : 65px;
}

.control-photo {
 width : 75px;
}

.left {
 left : 10px;
}

.right {
 right : 20px;
}

.control-texte span {
 font-family : "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 text-transform : none;
 background-image : url(../../squelettes/gfx/bg-nav.gif);
 font-size : 9px;
 display : none;
 width : 100px;
}

.control-texte2 span {
 font-family : "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 text-transform : none;
 background-image : url(../../squelettes/gfx/bg-nav.gif);
 font-size : 9px;
 display : none;
 width : 110px;
}

.droite .control-texte2.left, .droite .control-texte.left  {
 right : 20px;
 left : auto;
}

.left span {
 text-align : left;
 margin-left : 20px;
 padding-left : 5px;
 float : left;
 top : -19px;
 position : relative;
 padding-top : 2px;
 height : 18px;
}

.right span, 
.droite .control-texte2.left span, 
.droite .control-texte.left span {
 text-align : right;
 margin-right : 20px;
 padding-right : 5px;
 float : right;
 top : -19px;
 position : relative;
 padding-top : 2px;
 height : 18px;
}

#conteneur-texte .spip_documents strong {
 font : 10px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 text-align : left;
}

dt.spip_doc_titre {
 text-align : left;
 padding-top : 10px;
}

/* @end */

/* @end */

/* @group Actualité */

.contenu-actualite {
 height : 594px;
 overflow : hidden;
 background-color : #f2f2f2;
 opacity : 0.95;
 width : 320px;
 position : absolute;
 top : 0;
 right : 0;
 z-index : 1;
}
#content .contenu-actualite small {
 font-weight : normal;
 font-family : "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 font-size : 9px;
}
.contenu-actualite .contenu-texte {
 width : 320px;
}

.contenu-actualite .texte p {
 font-size : 13px;
 margin-bottom : 0;
}

.contenu-actualite .texte p strong {
 font : bold 11px/15px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 display : block;
 margin-bottom : 18px;
 margin-top : 9px;
 color : #464f63;
}

/* @end */

/* @group Listes */

#content ul, #content ol {
 margin-left : 40px;
 list-style-position : outside;
 font : 12px/18px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 margin-bottom : 0;
}

#content ul li {
 list-style-type : square;
}

.page_rubrique #content ul li {
 font-size : 11px;
}
#content ul li li {
 list-style-type : circle;
}

#content .contact ul {
 list-style-type : none;
 list-style-image : none;
 margin-left : 0;
 padding-left : 0;
}

#content .contact ul li {
 list-style-type : none;
}

#content .newsletter ul {
 list-style-type : none;
 list-style-image : none;
 margin-left : 0;
 padding-left : 0;
}

#content .newsletter ul li {
 list-style-type : none;
}

/* @end */

/* @group Divers */

.chapo {
 font-family : "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 border-bottom : 1px dashed #000;
}

.credits {
 position : absolute;
 height: 10px;
 bottom : 7px;
 font : 9px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 color: #000;
 text-shadow : #000 1px 1px 2px;
 opacity : 0.95;
 right : 6px;
}

.contact {
 position : absolute;
 top : 0;
 right : 0;
 width : 390px;
}

blockquote.spip_poesie, blockquote.spip {
 font : italic 14px/18px Georgia, Tahoma, "Times New Roman", Serif;
 margin : 0;
 padding : 0 0 18px;
 border-style : none;
 border-width : 0;
 color : #000;
}

.ps {
 text-align : right;
 font : 10px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
}

.page_rubrique .ps {
 line-height : 18px;
 border-top : 1px dashed #000;
 margin-top : 18px;
 padding-top : 18px;
 padding-bottom : 18px;
}

.precedent {
 width : 50%;
 float : left;
}

.suivant {
 text-align : right;
}

div.small, div.liste.articles.small {
 margin-bottom : 0;
}

img.spip_logos {
 display : none;
 visibility : hidden;
}

#content hr.spip {
 border-bottom : 1px dashed #000;
 border-top-style : none;
 background-color : transparent;
 margin-top : 17px;
 margin-bottom : 18px;
}

/* @end */

/* @end */

/* @group Titres */

h1, h2, h3, h4, h5, h6 {
}

#content #descriptif_site_spip h1 {
 border-bottom : 1px dashed #fff;
 margin-top : 36px;
 margin-bottom : 18px;
 padding-bottom : 18px;
 text-shadow : #000 1px 1px 2px;
 opacity : 0.9;
 color : #fff;
 font : bold 46px/29px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 width : 90%;
}

#content #descriptif_site_spip h2 {
 margin-bottom : 9px;
 padding-bottom : 9px;
 color : #fff;
 font : bold 32px/40px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 text-shadow : #000 1px 1px 2px;
 opacity : 0.9;
 width : 90%;
 text-align : left;
}

#content .contenu-actualite h2 {
 color : #000;
 width : 100%;
 font : bold 18px/18px Georgia, Tahoma, "Times New Roman", Serif;
 padding-bottom : 0;
 margin-bottom : 0;
}

#content .contenu-actualite h3 {
 font : bold 12px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 border-top : 1px dashed #000;
 margin-top : 18px;
 padding-top : 18px;;
 border-bottom : 0px none transparent;
 margin-bottom : 0;
}

#content h3 {
 margin-bottom : 9px;
 padding-bottom : 9px;
 font : bold 14px/18px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
}

.page_rubrique #content h3, 
#content .contact legend {
 font-size : 18px;
 line-height : 27px;
 font-weight : normal;
 font-style : normal;
 display : block;
 padding-bottom : 18px;
 margin-bottom : 18px;
 border-bottom : 1px dashed #000;
 width : 100%;
 background-color : transparent;
}

#content .newsletter h3, 
#content .contact h3 {
 border-bottom : 1px dashed #000;
margin-bottom : 18px;
padding-bottom : 18px;
 font-size : 14px;
}

dt {
 text-align : left;
}

.page_rubrique #content h3 + h3 {
 font-size : 14px;
 line-height : 18px;
 font-family : Georgia, Tahoma, "Times New Roman", Serif;
 font-weight : bold;
}

/* @end */

/* @group Formulaires */

#content .contact fieldset.previsu {
 padding : 0;
 border-style : none;
 border-width : 0;
}

#content .contact fieldset.previsu legend {
 margin-bottom : 9px;
 padding : 0 0 9px;
 font-size : 14px;
 font-weight : bold;
}

#content .contact textarea {
 height : 90px;
}

#content .contact legend {
 font : bold 14px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
}

#content .contact label {
 margin-top : 9px;
 font-size : 12px;
 font-weight : normal;
 font-style : normal;
 line-height : 18px;
}

#content .reponse_formulaire {
 font : bold 11px/18px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
 margin-bottom : 18px;
}

#content .reponse_formulaire_ok {
 color : #000;
}

input {
 font-family : "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
;
}

input.submit {
 border : 1px dashed #999;
 text-align : center;
 border : 1px dotted #ccc;
 opacity : 0.8;
 cursor : pointer;
 background-image : url(../../squelettes/gfx/bg-nav.gif);
 font-size : 11px;
 font-weight : bold;
 text-transform : uppercase;
 padding : 7px;
 border-color : #999;
 border-style : dashed;
}


/* @end */

/* @group Paragraphes */

p {
 margin : 0;
 line-height : 18px;
 font-size : 1em;
 padding : 0;
}

blockquote p {
 margin-bottom : 0;
 padding-bottom : 0;
}

.contenu-texte p strong {
 font-weight : bold;
}

.chapo p strong {
 font : normal 22px/27px "Lucida Console", "Andale Mono", "Lucida Sans Unicode", "Lucida Grande", Verdana, monospace;
}

.page_rubrique .chapo p {
 color : #fff;
}

.page_rubrique .chapo p strong {
 font-size : 14px;
 margin : 0;
 padding : 0;
 line-height : 18px;
 font-weight : bold;
}

.page_rubrique .chapo p > strong {
}

.page_rubrique .chapo p + p > strong {
}

.contenu-texte small {
 font-weight : bold;
}

/* @end */

/* @group Liens */

.on {
 font-weight : normal;
 font-style : normal;
}

a.on {
 font-weight : bold;
}

a:hover {
 text-decoration : none;
}

.header a, .footer a {
 text-decoration : none;
 color : #000;
 font-weight : bold;
}

.page_rubrique #content a {
 color : #000;
 text-transform : uppercase;
 font-weight : normal;
}

.footer li.on a {
 font-weight : normal;
}

.page_rubrique #content .liste a {
 color : #000;
 text-transform : uppercase;
}

.header a:hover, .footer a:hover {
 text-decoration : underline;
}

.footer .on {
 font-weight : bold;
}

.menu-conteneur a {
 color : #000;
 text-decoration : none;
 padding-left : 0;
 display : block;
 margin-left : 10px;
}

.menu-conteneur a.on {
 color : #fff;
 font-weight : normal;
}

.prec-suiv a {
 font-size : 9px;
}

.footer a {
 font-weight : bold;
}

/* @end */

/* @group jScrollPane */

.jScrollPaneContainer {
 position : relative;
 overflow : hidden;
 z-index : 1;
 background-color : #a3a3a3;
 opacity : 0.95;
}

.jScrollPaneTrack {
 position : absolute;
 cursor : pointer;
 right : 0;
 top : 0;
 height : 100%;
 background : #a3a3a3;
}

.jScrollPaneDrag {
 position : absolute;
 background : #fff url(../../squelettes/gfx/drag_grab.gif) no-repeat 50% 50%;
 cursor : pointer;
 overflow : hidden;
}

.jScrollPaneDragTop {
 position : absolute;
 top : 0;
 left : 0;
 overflow : hidden;
}

.jScrollPaneDragBottom {
 position : absolute;
 bottom : 0;
 left : 0;
 overflow : hidden;
}

a.jScrollArrowUp {
 display : block;
 position : absolute;
 z-index : 1;
 top : 0;
 right : 0;
 text-indent : -2000px;
 overflow : hidden;
 background-color : #666;
 height : 9px;
 background : url(../../squelettes/gfx/basic_arrow_up.gif) no-repeat 0 0;
}

a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
 display : block;
 position : absolute;
 z-index : 1;
 bottom : 0;
 right : 0;
 text-indent : -2000px;
 overflow : hidden;
 background-color : #666;
 height : 9px;
 background : url(../../squelettes/gfx/basic_arrow_down.gif) no-repeat 0 0;
}

a.jScrollArrowDown:hover {
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

/* @end */

/* @group hashgrid */

#grid {
 

/* 

Vertical grid lines */
    background : url(../../squelettes/gfx/bg-grid-980.gif) repeat-y 0 0;
 position : absolute;
 left : 50%;
 width : 970px;
 min-width : 970px;
 max-width : 970px;
 margin-left : -485px;
 top : 50%;
 height : 630px;
 min-height : 630px;
 max-height : 630px;
 margin-top : -315px;
}

#grid.grid-1 {
 

/* 

Vertical grid lines for grid 1 */
    background : url(../../squelettes/gfx/bg-grid-980.gif) repeat-y 0 0;
}

#grid div.horiz {
 

/* 18px line height */
 height : 17px;
 border-bottom : 1px dotted #aaa;
 margin : 0;
 padding : 0;
}

/* @end */

/* @group Typos contenu-texte */

.typo4 .contenu-texte p, 
.typo4 .contenu-texte h3.spip {
 line-height : 45px;
 font-size : 36px;
}

.typo3 .contenu-texte p, 
.typo3 .contenu-texte h3.spip {
 line-height : 36px;
 font-size : 27px;
}

.typo2 .contenu-texte p, 
.typo2 .contenu-texte h3.spip {
 line-height : 27px;
 font-size : 18px;
}

.contenu-texte .ps p {
 font-size : 10px;
 line-height : 18px;
 padding-top : 18px;
 border-top : 1px dashed #000;
}

/* @end */

/* @group position contenu-texte */

.droite #conteneur-texte {
 float : right;
}

/* @end */

/* @group taille contenu-texte */

.demi #conteneur-texte, .demi .contenu-texte {
 width : 480px;
}

.tiers #conteneur-texte, .tiers .contenu-texte {
 width : 320px;
}

/* @end */