/******************************************
	CONTENU : affichage du texte des pages ;
	affichages des articles, sites 
	rŽfŽrencŽs pour les rubriques ; etc ...
******************************************/
.titre_rub	  { color: white; font-weight: bolder; background: #333 no-repeat left bottom; text-align: center; text-transform: uppercase; margin-right: 20px; margin-left: 20px; border-bottom: 3px solid #ff4500 }
.titre_rub a	  { color: white }
.chapo_rub      { color: #ff4500; text-align: center; list-style: square url(img/li.gif) inside; margin-right: 30px; margin-left: 30px; border-bottom: 1px solid #ff4500 }
.marge_rub	  {  margin-right: 20px; margin-left: 20px; }
.acces_atelier2	   { color: white; font-weight: bolder; background: #333 no-repeat left bottom; text-align: center; border-bottom: 3px solid #ff4500 }
.acces_atelier	    { color: #ff4500; font-weight: bolder; background: transparent no-repeat left bottom; text-align: center; border: solid 1px #ff4500 }
.postit	   { color: #333; background: yellow url(img/coin.jpg) no-repeat right top; margin-right: 2em; margin-left: 2em; padding: 1em 2em }
.chapo_sites     { color: #ff4500; background: url(img/websites.gif) no-repeat left top; text-align: center; margin-right: 20px; margin-left: 20px; padding-left: 126px; border-bottom: 1px solid #ff4500 }
.menu-kari h5 a
    { color: white; text-decoration: none; background: #ff4500 url(img/titre-coin-right.gif) no-repeat right top; margin-right: 3px; padding: 3px 0 0px 4px; display: block }
.menu-kari ul 
     { font-weight: bolder; font-size: 88%; line-height: 1.5em; text-align: left; list-style-type: none; margin: 0px 5px 0.5em 0; padding: 0 }
.menu-kari ul li  { margin: 0; border-bottom: 1px solid #ff4500 }
.menu-kari ul li a
  { text-decoration: none; padding: 3px 0 3px 30px; display: block }
.menu-kari ul li a:hover 	  { color: white; background-color: #ff4500 }
.cartoonoftheday  { text-align: center } 

/******************************************
	Habillage des interviews
******************************************/
.chapo_interview    { font-weight: bold; background: #f3f3f3 url(img/interview.gif) no-repeat left top; text-align: left; margin: 0 0 1em; padding: 0.5em }
.backgroundinterview	  { background-color: white; padding: 1em }
.interview1        { color: white; font-weight: bolder; background: red url(img/blockquote_red.png) no-repeat left bottom; margin-right: 100px; margin-left: 1em; padding: 10px 10px 40px }	
.interview2       { background: #eee url(img/blockquote_grey.png) no-repeat right bottom; margin-right: 1em; margin-left: 100px; padding: 10px 10px 40px }
.interview3         { background: #ff4500 url(img/blockquote_orange_red.png) no-repeat left bottom; margin-right: 1em; margin-left: 100px; padding: 10px 10px 40px }
.interview4            { background: #ff4500 url(img/blockquote_red_orange2.png) no-repeat left top; margin-right: 20%; margin-left: 20%; padding: 20px 5px 5px; clip: inherit }
/******************************************
/******************************************
	Habillage du Login d'acces
******************************************/
.acces-restreint      { color: black; background: url(img/body_bg_red.png) repeat; border: none 1px #8b0000 }
/******************************************
	Habillage fond intercalaire
******************************************/
#crayon	    { background: url(img/crayon.png) no-repeat; margin-top: 130px; height: 300px }
/******************************************
	Habillage menu langues
******************************************/
.drapeau  { text-align: center }
.accueil          { margin-right: 50px; margin-bottom: 0.5em; margin-left: 50px; border-right: 1px #ff4500; border-bottom: 1px #ff4500; border-left: 1px #ff4500 }
.chapo_rub-accueil       { color: #ff4500; text-align: center; list-style: square url(img/li.gif) inside; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px none #ff4500 }
.fiche        { background-color: transparent; border-top: medium none #ff4500; border-right: 1px #ff4500; border-bottom: 1px solid #ff4500; border-left: 1px #ff4500 }
.ss-rub     { margin-right: 20px; margin-left: 152px; padding-bottom: 0.5em; border-bottom: 1px #0a74a6 }
.ss-rub-une        { background-color: #f6f6f6; margin-right: 50px; margin-bottom: 0.5em; margin-left: 50px; padding: 0.2em 1em; border-top: 1px solid #0a74a6; border-bottom: 1px solid #0a74a6 }
.ss-rub-une2           { margin-right: 20px; margin-left: 20px }
h2.ss-rub-une2           { font-weight: bold; font-size: 140%; background-color: #ff0; margin-top: 0px }
.ss-rub-une-titre        { background-color: transparent; text-align: center }
.ss-rub-une-article         { margin-right: 50px; margin-left: 50px }
.portfolio-article        { background-color: #f6f6f6; margin-top: 4em; margin-right: 65px; margin-left: 65px; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 10px solid #333; border-bottom: 10px solid #ff4500 }

/******************************************
	Habillage Portail
******************************************/

.extrait_world
   { line-height: 1.4em; background: #f6f6f6 url(img/world.gif) no-repeat center; margin: 5px; padding: 8px }



/******************************************
	Affichage des onglets de langues
******************************************/
ul#tabnav      { font: bold 80% verdana, arial, sans-serif; background: url(img/onglet_background.jpg) repeat; list-style-type: none; margin: 0; padding-bottom: 19px; border-style: none none solid none; border-width: 1px; border-color: #ff4500 }
ul#tabnav a	 { color: #fff }
ul#tabnav li     { color: white; background-color: #ff4500; float: left; margin: 1px 2px 0; border: solid 1px #ff4500; height: 17px }
ul#tabnav li.active a    { color: #444; background-color: #fff; border-bottom: 2px solid #fff }
#tabnav a   { text-decoration: none; float: left; padding: 2px; display: block }
#tabnav a:hover  { color: #ff4500; background-color: #fffacd; border-bottom: 1px #ff4500 }