/* ********************************************************************** SELL CSS ********************************************************************** */

/* ***** General ***** */
body { background: #fff url(../images/bgbody.jpg) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; line-height: 16px; margin: 0; padding: 0; border: 0; }
#global { width: 990px; margin: 0 auto; }
.blog { color: #666; }


/* ***** Header & nav ***** */
#header { width: 990px; height: 190px; }
	#headertop { background: url(../images/bgheader.jpg) top no-repeat; position: relative; width: 990px; height: 162px; }
	#headertopblog { background: url(../images/bgblogheader.jpg) top no-repeat; position: relative; width: 990px; height: 162px; }
	#headertop .home { position: absolute; width: 213px; height: 80px; left: 12px; top: 42px; }
	#headertopblog .home { position: absolute; width: 213px; height: 110px; left: 12px; top: 42px; }

	#headernav { background: url(../images/bgheadernav.jpg) no-repeat; width: 990px; height: 28px; padding-left: 12px; }
	#headernav #nav { margin: 0; padding: 0; }
	#headernav #nav li { display: inline; }
	#headernav #nav li a { background: url(../images/bgnav.jpg) no-repeat; float: left; height: 28px; line-height: 24px; font-size: 11px; font-weight: bold; text-transform: uppercase; overflow: hidden; }
	
	#headernav #nav li#Grey a { background-position: 0 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #A6A6A6; } /* 125px */
	#headernav #nav li#Blue a { background-position: -129px 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #1A98C1; } /* 125px */
	#headernav #nav li#Orange a { background-position: -258px 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #FF7800; } /* 125px */
	#headernav #nav li#Red a { background-position: -387px 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #E22B2B; } /* 125px */
	#headernav #nav li#Purple a { background-position: -516px 0; width: 105px; margin: 0 136px 0 0; padding-left: 20px; color: #7E6DA1; } /* 125px */
	#headernav #nav li#Black a { background-position: -777px 0; width: 190px; font-size: 0; }
	
	#headernav #nav li#Grey a:hover { background-position: 0 -28px; margin: 0 4px 0 0; color: #fff; }
	#headernav #nav li#Blue a:hover { background-position: -129px -56px; margin: 0 4px 0 0; color: #fff; }
	#headernav #nav li#Orange a:hover { background-position: -258px -84px; margin: 0 4px 0 0; color: #fff; }
	#headernav #nav li#Red a:hover { background-position: -387px -112px; margin: 0 4px 0 0; color: #fff; }
	#headernav #nav li#Purple a:hover { background-position: -516px -140px; margin: 0 136px 0 0; color: #fff; }
	#headernav #nav li#Black a:hover { background-position: -777px -168px; color: #fff; }
	
	#headernav #nav li#Grey a:active { background-position: 0 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #A6A6A6; } /* 125px */
	#headernav #nav li#Blue a:active { background-position: -129px 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #1A98C1; } /* 125px */
	#headernav #nav li#Orange a:active { background-position: -258px 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #FF7800; } /* 125px */
	#headernav #nav li#Red a:active { background-position: -387px 0; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #E22B2B; } /* 125px */
	#headernav #nav li#Purple a:active { background-position: -516px 0; width: 105px; margin: 0 136px 0 0; padding-left: 20px; color: #7E6DA1; } /* 125px */
	#headernav #nav li#Black a:active { background-position: -777px 0; width: 190px; }
	
	#headernav #nav li#Greyon a { background-position: 0 -28px; width: 105px; margin: 0 4px 0 0; padding-left: 20px;; color: #fff; }
	#headernav #nav li#Blueon a { background-position: -129px -56px;width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #fff; }
	#headernav #nav li#Orangeon a { background-position: -258px -84px; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #fff; }
	#headernav #nav li#Redon a { background-position: -387px -112px; width: 105px; margin: 0 4px 0 0; padding-left: 20px; color: #fff; }
	#headernav #nav li#Purpleon a { background-position: -516px -140px; width: 105px; margin: 0 136px 0 0; padding-left: 20px; color: #fff; }
	#headernav #nav li#Blackon a { background-position: -777px -168px; width: 190px; font-size: 0; }
	

/* ***** Container ***** */
#container { width: 990px; margin-top: 20px; }

/* ---> Left column */
#containerLeft { float: left; width: 773px; }

/*---> Right column */
#containerRight { float: right; width: 211px; background: url(../images/bgRight.jpg) top repeat-y; margin-bottom: 20px; }
#topRight { background: url(../images/bgTopRight.jpg) top no-repeat; width: 211px; height: 7px; }
#contentRight { margin: 0 9px 0 12px; }
#contentRight .darkGrey { color: #fff; background: #000 url(../images/bgdarkgrey.jpg) no-repeat; padding: 4px; }
#contentRight .darkGrey table td { padding: 2px 0; }
#contentRight .lightGrey { background: #000 url(../images/bglightgrey.jpg) no-repeat; border-top: 2px solid #fff; padding: 4px; }
#bottRight { background: url(../images/bgBottRight.jpg) top no-repeat; width: 211px; height: 9px; }

/*---> Left column blog */
#leftblog {  width: 600px; /*622*/ padding: 0 10px 0 12px; float: left; }

/*---> Right column blog */
#rightblog {  width: 344px; /*362*/ padding: 0 9px; float: right; }

/*---> Blocks */
.block773 { width: 773px; margin: 0 0 8px; }

.block773Ads { background: url(../images/bgAds.gif) top no-repeat; width: 773px; height: 100px; }
.block773Ads .ads { padding: 5px 0 0 39px; }

.block773BlueHeader { background: url(../images/bgBlock773BlueHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block773GreenHeader { background: url(../images/bgBlock773GreenHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block773OrangeHeader { background: url(../images/bgBlock773OrangeHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block773RedHeader { background: url(../images/bgBlock773RedHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block773PurpleHeader { background: url(../images/bgBlock773PurpleHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block773GreyHeader { background: url(../images/bgBlock773GreyHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }

.block773MiniBlueHeader { background: url(../images/bgBlock773MiniBlueHeader.jpg) top no-repeat; height: 7px; }
.block773MiniGreenHeader { background: url(../images/bgBlock773MiniGreenHeader.jpg) top no-repeat; height: 7px; }
.block773MiniOrangeHeader { background: url(../images/bgBlock773MiniOrangeHeader.jpg) top no-repeat; height: 7px; }
.block773MiniRedHeader { background: url(../images/bgBlock773MiniRedHeader.jpg) top no-repeat; height: 7px; }
.block773MiniPurpleHeader { background: url(../images/bgBlock773MiniPurpleHeader.jpg) top no-repeat; height: 7px; }

.blockBlueContainer { background: url(../images/bgBlockBlueContainer.jpg) top repeat; margin: 1px 0 0; padding: 4px; border: 1px solid #66bbd8; }
.blockBlueContainer .contentBlueLeft { background: #fff; float: left; width: 128px; height: 96px; margin: 0 8px 0 0; }
.blockBlueContainer .contentBlueRight { float: left; /*width: 619px;*/ background: url(../images/bgContentBlueRight.jpg) top repeat; padding: 4px; }

.blockGreenContainer { background: url(../images/bgBlockGreenContainer.jpg) top repeat; margin: 1px 0 0; padding: 4px; border: 1px solid #b3d97e; }
.blockGreenContainer .contentGreenLeft { background: #fff; float: left; width: 128px; height: 96px; margin: 0 8px 0 0; }
.blockGreenContainer .contentGreenRight { float: left; /*width: 619px;*/ height: 88px; background: url(../images/bgContentGreenRight.jpg) top repeat; padding: 4px; }

.blockOrangeContainer { background: url(../images/bgBlockOrangeContainer.jpg) top repeat; margin: 1px 0 0; padding: 4px; border: 1px solid #ffa657; }
.blockOrangeContainer .contentOrangeLeft { background: #fff; float: left; width: 128px; height: 96px; margin: 0 8px 0 0; }
.blockOrangeContainer .contentOrangeRight { float: left; /*width: 619px;*/ height: 88px; background: url(../images/bgContentOrangeRight.jpg) top repeat; padding: 4px; }

.blockRedContainer { background: url(../images/bgBlockRedContainer.jpg) top repeat; margin: 1px 0 0; padding: 4px; border: 1px solid #ec7272; }
.blockRedContainer .contentRedLeft { background: #fff; float: left; width: 128px; height: 96px; margin: 0 8px 0 0; }
.blockRedContainer .contentRedRight { float: left; /*width: 619px;*/ background: url(../images/bgContentRedRight.jpg) top repeat; padding: 4px; }

.blockPurpleContainer { background: url(../images/bgBlockPurpleContainer.jpg) top repeat; margin: 1px 0 0; padding: 4px; border: 1px solid #aa9fc1; }
.blockPurpleContainer .contentPurpleLeft { background: #fff; float: left; width: 128px; height: 96px; margin: 0 8px 0 0; }
.blockPurpleContainer .contentPurpleRight { float: left; /*width: 619px;*/ height: 88px; background: url(../images/bgContentPurpleRight.jpg) top repeat; padding: 4px; }

.contentLine { margin: 4px 0 0; padding: 4px 0 0 0; border-top: 1px solid #dadada; }
.contentLine dl.first { float: left; width: 370px; margin: 0; }
.contentLine dl.last { float: right; width: 370px; margin: 0; }
.contentLine2 { margin: 2px 0 0 0; }

.blockLastBlueContainer { width: 763px; background: #e7f4fa; margin: 1px 0 0; padding: 4px; border: 1px solid #66bbd8; }
.blockLastGreenContainer { width: 763px; background: #e9f4d9; margin: 1px 0 0; padding: 4px 4px 0 4px; border: 1px solid #b3d97e; }
.blockLastOrangeContainer { width: 763px; background: #ffebd9; margin: 1px 0 0; padding: 4px 4px 0 4px; border: 1px solid #ffa657; }
.blockLastRedContainer { width: 763px; background: #fbe5e5; margin: 1px 0 0; padding: 4px 4px 0 4px; border: 1px solid #ec7272; }
.blockLastPurpleContainer { width: 763px; background: #ece9F1; margin: 1px 0 0; padding: 4px 4px 0 4px; border: 1px solid #aa9fc1; }

.block378 { width: 378px; }
.block378BlueContainer { width: 368px; margin: 1px 0 0; padding: 4px; border: 1px solid #66bbd8; }
.block378GreenContainer { width: 368px; margin: 1px 0 0; padding: 4px; border: 1px solid #b3d97e }
.block378OrangeContainer { width: 368px; margin: 1px 0 0; padding: 4px; border: 1px solid #ffa657; }
.block378RedContainer { width: 368px; margin: 1px 0 0; padding: 4px; border: 1px solid #ec7272; }
.block378PurpleContainer { width: 368px; margin: 1px 0 0; padding: 4px; border: 1px solid #aa9fc1; }
.block378BlueContainer .cont268Blue { background: #e7f4fa; float: left; padding: 2px 4px; }
.block378GreenContainer .cont268Green { background: #e9f4d9; float: left; padding: 2px 4px; }
.block378OrangeContainer .cont268Orange { background: #ffebd9; float: left; padding: 2px 4px; }
.block378RedContainer .cont268Red { background: #fbe5e5; float: left; padding: 2px 4px; }
.block378PurpleContainer .cont268Purple { background: #ece9F1; float: left; padding: 2px 4px; }

.pict90 { float: left; width: 92px; margin: 0 8px 0 0; }

.block378BlueHeader { background: url(../images/block378BlueHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block378GreenHeader { background: url(../images/block378GreenHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block378OrangeHeader { background: url(../images/block378OrangeHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block378RedHeader { background: url(../images/block378RedHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }
.block378PurpleHeader { background: url(../images/block378PurpleHeader.jpg) top no-repeat; height: 21px; line-height: 21px; }

.block378MiniBlueHeader { background: url(../images/block378MiniBlueHeader.jpg) top no-repeat; height: 7px; }
.block378MiniGreenHeader { background: url(../images/block378MiniGreenHeader.jpg) top no-repeat; height: 7px; }
.block378MiniOrangeHeader { background: url(../images/block378MiniOrangeHeader.jpg) top no-repeat; height: 7px; }
.block378MiniRedHeader { background: url(../images/block378MiniRedHeader.jpg) top no-repeat; height: 7px; }
.block378MiniPurpleHeader { background: url(../images/block378MiniPurpleHeader.jpg) top no-repeat; height: 7px; }

.blockRub { margin: 4px 0 0; }

.blockRubLeft { padding: 4px; margin: 0 0 4px 0; background: #ebebeb; border: 1px solid #e4e4e4; float: left; width: 373px; height: 120px; }

.blockRubRight { padding: 4px; margin: 0 0 4px 0; background: #f4f4f4; border: 1px solid #eee; float: right; width: 373px; height: 120px; }

.blockDoc { background: #f7f7f7; border: 1px solid #eee; padding: 4px; margin-bottom: 2px; }

.block344 { width: 344px; margin: 0 0 10px 0; }
.block344top { background: url(../images/bgheader344.jpg) top no-repeat; width: 344px; height: 26px; }
.block344content { padding: 0 5px; }

.block600 { width: 600px; margin: 0 0 30px 0; }


/* ***** Footer ***** */
#footer { background: url(../images/bgfooter.jpg) top no-repeat; width: 990px; height: 51px; }
#footerContent { color: #fff; padding: 6px 0 0 0; text-align: center; word-spacing: 2px; }


/* ***** Tags ***** */
h1.title { margin: 2px 0 0 0; padding: 0 0 3px 0; font-size: 18px; color: #5AA2D1; }
h1.artTitleGrey { margin: 0; color: #484848; font-size: 12px; padding: 0 0 2px 0; }

h3.title344 { padding: 0 8px; margin: 0; line-height: 28px; font-size: 12px; color: #5AA2D1; text-transform: uppercase; }

h4.blockTitle { margin: 0; color: #fff; font-size: 14px; padding: 0 0 0 4px; }
h1.artTitleBlue { margin: 0; color: #1a98c1; font-size: 14px; padding: 0 0 8px 0; }
h1.artTitleGreen { margin: 0; color: #8dc63f; font-size: 14px; padding: 0 0 8px 0; }
h1.artTitleOrange { margin: 0; color: #ff7800; font-size: 14px; padding: 0 0 8px 0; }
h1.artTitleRed { margin: 0; color: #e22b2b; font-size: 14px; padding: 0 0 8px 0; }
h1.artTitlePurple { margin: 0; color: #7e6da1; font-size: 14px; padding: 0 0 8px 0; }
h1.artTitleGrey { margin: 0; color: #484848; font-size: 14px; padding: 0 0 2px 0; }

h4.grey48 { margin: 0; color: #484848; font-size: 12px; padding: 0 0 8px 0; }
h4.whiteRight { margin: 0; color: #fff; font-size: 13px; padding: 0 0 8px 0; }
h4.greyRight { margin: 0; color: #EDAA28; text-align: right; border-bottom: 3px solid #EDAA28; font-size: 13px; padding: 0 0 2px 0; }

dl { margin: 0; }
.lightGrey dl { margin: 2px 0; }
.lightGrey dt { color: #484848; font-weight: bold; }
.lightGrey dd { margin: 0; padding: 0 0 0 8px; color: #666; font-style: italic; }

ul { margin: 0; }

p.intro { color: #666; margin: 0; padding-left: 12px; font-style: italic; }
p.spip { margin: 0 0 10px 0; }

.GreenChapo { color: #8dc63f; font-weight: bold; background: #e9f4d9; padding: 4px; }
.imageArt { width: 182px; padding: 0 0 4px;  }
.imageInfo { width: 180px; border: 1px solid #eee; border-top: 0; border-right: }
.imagePlus { text-align: right; padding-right: 2px; width:178px; border: 1px solid #eee; border-top: 0; }
.infoComp { text-align: right; padding-right: 2px; margin-top: 5px; width:178px; border: 1px solid #eee; }

.textblog { margin: 5px 0; }
.imageblog { margin: 5px 0; }
.docblog { margin: 30px 0 5px 0; }
.footerpost { background: url( ../images/bgt.gif) bottom repeat-x; height: 12px; }
span.white { background: #fff; padding-right: 4px; }
.uppercase { text-transform: uppercase; }
.clear { clear: both; display: block; height: 0px; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }

.pagination { margin: 0 0 20px 0; text-align: center; word-spacing: 4px; line-height: 15px; }
.pagination .on { background: #5AA2D1; color: #fff; font-size: 11px; border: 1px solid #5AA2D1; padding: 0 3px; }


/* ***** Images ***** */
.textblog img { border: 0; }


/* ***** Links ***** */
a { color: #00509f; text-decoration: none; }
a:hover { color: #333; }

a.Blue { color: #1a98c1; }
a.Green { color: #8dc63f; }
a.Orange { color: #ff7800; }
a.Red { color: #e22b2b; }
a.Purple { color: #7e6da1; }
a.White { color: #fff; }
a.Grey { color: #fff; } /*yellow*/
a.Grey66 { color: #666; }

a.link { color: #333; }

a.blog { color: #5AA2D1; text-decoration: none; }
a.blog:hover { color: #666; }

a.lien_pagination { color: #5AA2D1; font-size: 11px; border: 1px solid #5AA2D1; padding: 0 3px; }
a.lien_pagination:hover { background: #5AA2D1; color: #fff; font-size: 11px; border: 1px solid #5AA2D1; padding: 0 3px; }


/* ***** SPIP ***** */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 97%; }
table.spip_barre a img { padding: 3px; border: 1px outset #999; background-color: #E5E5E5; }
table.spip_barre a:hover img { background: #FFF; border: 1px solid #999; }
table.spip_barre input.barre { width: 100%; background: #EEE; font-size: 10px; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte { clear: both; margin-top: 2.5em; padding-top: 2px; border-top: 2px solid #CCC; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; list-style:none;}
.forum-fil { margin: 10px 0 20px 0; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; list-style:none; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #5AA2D1; }
.forum-chapo small { color: #5AA2D1; }
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { margin: 0; padding: 0; margin-bottom: 1em; list-style:none; }
ul ul .forum-message { }
ul ul ul .forum-message { }
ul ul ul ul .forum-message { }
ul ul ul ul ul .forum-message { }
ul ul ul ul ul ul .forum-message { }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #5AA2D1; margin: 0; padding: 3px 6px 2px 6px; background: #EDF6FD; list-style:none; }
ul ul .forum-chapo { background: #EDF6FD; }
ul ul ul .forum-chapo { background: #EDF6FD; }
ul ul ul ul .forum-chapo { background: #EDF6FD; border-bottom: 1px dotted #5AA2D1; }
ul ul ul ul ul .forum-chapo { background: #EDF6FD; }
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip { text-align: left; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip fieldset { display: block; margin: 0.77em 0; padding: 8px; border: 1px solid #B9DBF8; }
.formulaire_spip fieldset.previsu { display: block; margin: 0.77em 0; padding: 8px; border: 1px solid #CC0000; }
.formulaire_spip fieldset.previsu legend { color: #CC0000; font-weight: bold; padding: 2px; /*background: #FFF;  Sinon, superposition dans MSIE */ }
.formulaire_spip legend { color: #5AA2D1; font-weight: bold; padding: 2px; /*background: #FFF;  Sinon, superposition dans MSIE */ }
.formulaire_spip label {}
.formulaire_spip .forml { color: #333; width: 96%; padding: 1px; border: 1px solid #ccc; font-family: inherit; font-size: inherit; }

/*.spip_bouton { text-align: right; }*/
.spip_bouton input { background: #5AA2D1; color: #fff;  font-size: 10px; margin: 3px 0; padding: 1px 1px; border: 1px solid #B9DBF8; font-weight: bold; cursor: pointer; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #CC0000; }
fieldset.reponse_formulaire { border: 1px dotted #F00;; font-weight: normal; }
.reponse_formulaire legend { padding: 2px; background: #fff; color: #F00; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 4px; margin-bottom: 4px; padding: 1px; border: 1px solid #eee; }
.spip_documents_right { float: right; margin-left: 4px; margin-bottom: 4px; padding: 1px; border: 1px solid #eee; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }