body {
    background : rgb(255,255,255) url(/images/body.png) 0 150px repeat-x; /**216, 225, 231*/
    margin-right: 0;
    margin-left : 0;
    padding : 0;
    font-size : 0.9em;
    /*font-family : "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;*/
	font-family:Arial,Tahoma,Verdana,sans-serif;

}
img {
    max-width : 450px;
}
embed {
    margin : 15px;
}

h2,h3,h4,h5,h6 {
    font-size : 1.2em;
    font-weight : 600;
    margin-left : 10px;
}

img.enlarged {
    position : absolute;
    z-index : 5;
    cursor : pointer;
}
h2 {
    color : rgb(67, 66, 62);
    font-size : 1.3em;
	padding : 5px;
}

#titre_generique {
	background : rgb(42, 74, 114);
	position : relative;
	width : inherit;
	padding-left : 23px;
	/*border-bottom : 1px solid rgb(154, 171, 168);  Attention : bug sous FF !?? */
	
}
#titre_generique h2.titre_article {
	color : rgb(53, 106, 160);
	padding : 5px;
	text-indent : 15px;
	
}
#content h2 {
	background : rgb(255,255,255);
	height : auto;
	top : 0;
	left : 0;
	width : auto;
}
#content-right h2 {
	background : rgb(255,255,255);
	height : auto;
	border-bottom : 1px solid rgb(63, 76, 107);
}
#article h2 {
	height : auto;
	display : block;
	background : rgb(255,255,255);
	border-bottom : 2px solid rgb(63, 76, 107);
}

p.date {
	position :relative;
	font-style :italic;
	font-size : smaller;
}
h3.intro {
    color : rgb(87, 86, 82);
    margin-left : 15px;
}
fieldset {
    padding : 20px;
}
code, pre {
    font-size : 1.3em;
	font-family : monospace;
	background : rgb(249, 249, 249);
	margin-left : 0;
}
#article a {
    text-decoration : underline;
    color : rgb(255, 180, 0);
}
#top{
    top : 0;
    left : 0;
    position : relative;
    width : 100%;
    height : 30px;
    background : rgb(67, 66, 62) url(/images/network_bg.jpg) repeat-x scroll left top ;
    /*border-bottom : 1px solid rgb(255,255,255);*/
}
#bandeau{
    position : relative;
    width : 100%;
    height : 100px;
    background : rgb(42, 74, 114);/*rgb(49, 69, 93);*/
}
#bandeau-in {
    position : relative;
    max-width : 740px;
    margin : 0 auto;
    height : 100px;
    background : rgb(32, 57, 88) url(/images/bandeau.png) no-repeat;
}
#bandeau-image {
    position : absolute;
    height : 100px;
    width : 133px;
    right : 50px;
    top : 5px;
    margin-top : 5px;
    background : url(/images/bulles2.png) no-repeat;
    font-style : italic;
    font-size: 0.9em;
    color : rgb(255,255,255);
}
#bandeau-image span.author {
    display : block;
    font-size : 0.7em;
    color : rgb(255,200,150);
    margin-top : -15px;
    margin-left : 60px;
}
#navigation {
    position : relative;
    height : 50px;
    width : 100%;
    background : rgb(29, 41, 56);/*rgb(37, 51, 68);*/
}
#navigation-in {
    position : relative;
    height : inherit;
    max-width : 740px;
    background : rgb(23, 34, 47);/*rgb(40,54,71);*/
    margin : 0 auto;
}
#top-in {
    position : relative;
    height : inherit;
    max-width : 740px;
    background : rgb(67, 66, 62) url(/images/network_bg.jpg) repeat-x scroll left top ;
    margin : 0 auto;
}
#navigation-in p.recherche {
    position : absolute;
    top : 0;
    right : 40px;
}
#content {
    position : relative;
    margin : 0 auto;
    max-width : 740px;
    background : rgb(255,255,255);
    height : 100%;
    clear : both;
	padding-bottom : 50px;
	text-align: justify;
	line-height : 1.4em;
	
}

#content h3 {
    font-size : 1.2em;
    color : rgb(37, 51, 68);
}
#content h4 {
    font-size : 0.9em; 
}
#content h5 {
    font-size : 0.7em;
    color : rgb(131, 110, 90);
}
#content-left {
    /*float : left;*/
	position : relative;
	padding: 2em 27% 3em 1.5em;
	top : 0;
	left : 0;
    width : auto;
	background : rgb(255,255,255);
}
#content-right {
    /*position : relative;*/
    position : absolute;
    top: 0px;
    margin-top : 0px;
	margin-left : 15px;
	padding-top : 60px;
    right : 0;
    width : 27%;
    height : inherit;  
	background : rgb(255,255,255);
	
}
#content-right h3{
    font-size : smaller;
    margin-left : -10px;
}

#header-right {
	position : relative;;
	height : 200px;
	width : 100%;
	background : rgb(154, 171, 168);
}

#footer {
    clear : both;

    margin: 0px;
    margin-top : 50px;
    min-height : 200px;
    min-width : 100%;
    background : rgb(232, 237, 240);/*(/images/jap.png) repeat-x;*/
    border-top : 15px solid rgb(81, 138, 166);
}
/**
#footer-in{
    position : relative;
    margin : 0 auto;
    max-width : 678px;
    background : rgb(228,234,238);
    min-height : 150px;
    padding-top : 20px;
    border-top: 0px solid rgb(81, 138, 166);
    clear : both;
}
**/

/** 3 block float in footer **/
#footer #left-block {
	float : left;
	border-right : 5px solid #ffffff;
	min-height : 200px;
	background : rgb(232, 237, 240);
	width : 33%;
}
#footer #center-block {
	float : left;
	border-right : 5px solid #ffffff;
	min-height : 200px;
	background : rgb(232, 237, 240);
	width : 33%;	
}
#footer #right-block {
	float : left;
	width : 33%;
	min-height : 200px;
	background : rgb(232, 237, 240);	
}

a.footer-link {
    color : rgb(118, 120, 156);
    text-decoration : underline;
}

#footer p.bottom-footer {
	display : inline-block;
	font-size : 0.6em;
	font-style : italic;
	text-align : center;
}
/** MISE EN PAGE TEXTE */
/** menu et navigation */

#top ul.top-infos {
    color : rgb(111, 110, 90);
    font-size : 0.7em;
    font-weight: bold;
    list-style : none;
    margin-left : -20px;
}
#top-in ul li {
    float: left;
    padding-top : 5px;
    margin-right : 20px;
    color : rgb(111, 110, 90);
}
#top-in ul li a {
    color : rgb(111, 110, 90);
}
#top-in ul li a:hover {
    color : rgb(255,255,255);
}
#navigation-in ul {
    margin : 0;
    margin-left : -25px;
    padding-top : 15px;
}

#navigation-in ul li {
    display : inline;
    color : rgb(255,255,255);
    padding : 15px 20px 0 0;
    margin-top : 15px;
    font-weight : bold;
}

#content p.filariane {
    color : rgb(111, 110, 90);
    font-size :smaller;
}
#content p.resume {
    color : rgb(91, 90, 70);
    font-size : 0.9em;
    font-weight : bold;
    max-width : 58%;
}

/** contentu */
/** généralité */
.lettrine1 {
    color : rgb(37, 51, 68);
    font-size : 2.5em;
    font-weight : bold;
}
p {
    margin-left : 15px;
}
pre, p.code {

    /*background:#ECF7D6 ;*/
    /*border:5px solid rgb(63, 76, 107);*/
    font-family:Courier,"Courier New",monospace;
    font-size:60%;
    margin:1em;
    /*overflow:auto;*/
    padding:1em;
    max-width : 98%;
    margin-left : 4.7em;
	font-weight : bold;
}

.presentation {
    margin-left : 4.6em;
    font-size : smaller;
    max-width : 70%;
}
#content p.main-paragraphe, #content p.articles {
    margin : 15px;
    margin-left : 4.6em;
    font-size : smaller;
    /*max-width : 57%;*/
}
#content p {
    z-index : 0;
}
#content p.introduction {
    color : rgb(67, 66, 62);
    font-style : italic;
    max-width : 57%;
    font-size : smaller;
    font-weight : bold;
    padding-bottom : 45px;
    border-bottom : 1px dashed rgb(67, 66, 62);
}

#content p.separateur {
    border-bottom : 1px solid rgb(67, 66, 62);
}
span.lettre {
    display : block;
    float : left;
    font-size : 4em;
    color : rgb(141, 110, 90);
    z-index : auto;
}
#content p.main-paragraphe {
    /*margin-left : 15px;*/
    line-height : 1.5em;
}
#content-right p {
    font-size : small;
    margin-left : -8px;
}
#content-right p.date-auteur {
    margin-left : -10px;
    font-style : italic;
    color : rgb(150,150,150);
    font-size : 0.8em;
}

/** titre */

#content-right h2 {
    color : rgb(67, 66, 62);
    font-size : 1.5em;
    margin-left : -11px;
    font-size : 1.1em;
    font-weight : bold;
}
.lettrine2 {
    color : rgb(49, 69, 93);
}
#bandeau-in h1 {
    color : rgb(250,240,240);
    margin : 0;
    padding : 0;
    padding-top : 25px;
    padding-left : 18px;
    font-family : serif;
}
#bandeau-in h1 span.texte {
    font-size : 0.5em;
}
#bandeau-in h1 span.lettrine {
    font-size : 1.7em;
    color : rgb(49, 69, 93);
}
/** liens */
a {
    color : rgb(223, 231, 236);
    text-decoration : none;
}
#content a {
    color : inherit;
}
#content-right a {
    text-decoration : none;
    color : rgb(34, 47, 58);
    padding-right : 10px;
}
#content-right p.more {
    border-bottom :1px solid  rgb(216, 225, 231);
    max-width : 97%;
    padding-bottom : 10px;
}
#content-right p.more span {
    float :right;
}
/*
.bottom-footer {
    font-size : 0.9em;
	font-weight : bolder;
    color : rgb(34, 47, 58);
	margin-top : -10px;
}
*/
#footer p a.mail {
    color : rgb(111, 110, 90);
    text-decoration : underline;
}
#footer p a.mail:active {
    color : rgb(111, 110, 90);
}
#footer p a.mail:hover {
    color :rgb(86, 140, 208);
}

/** recherche */
form.recherche {
    float : right;
    margin-top : -20px;
    /*margin-right : -15px;*/
}
input.search {
    background : rgb(255,255,255) url(/images/icon_textbox_search.gif) no-repeat;
    text-indent : 20px;
}
input.submit {
    background: rgb(255, 196, 37);
}

/** ================= Administration du site ===================== */
.managearticle {
    border : 1px solid rgb(111, 110, 90);
    background : rgb(175, 226, 239);
}
.managearticle li {
    list-style : none;
    display : inline;
    margin: 5px;
}
/** ================= Page d'acceuil ===================== */
ul.presentation li{
    list-style : circle;
    margin-left : -30px;
}

/** =================== Articles =============================*/
#article, .teaser {
    margin : 0;
    margin-left : 1em;
    font-size : smaller;
    max-width : 88%;
    color : rgb(37, 51, 68);
    position : relative;
}
.teaser {
    margin : 15px;
    border-left : 3px solid  rgb(86, 140, 208);
    background : rgb(239, 236, 226);
    padding : 5px;
    padding-left : 10px;
    color : rgb(34, 48, 66);
    font-weight : bold;
}
#article.code, #article pre {
    margin : 10px;
    color : rgb(10,0,0);
    /*background : rgb(224, 231, 236);*/
    width : 100%;
    height : auto;
    font-size : 0.7em;
	border-left : 1px solid rgb(150,42,55);
	margin-left : 10px;
}

#article blockquote {
    color : rgb(42, 74, 114);
    font-style : italic;
}

dt.articles {
    color : rgb(118, 151, 18);
}


/*=========================== Teaser ================== */
div.teaser {
    color : rgb(34, 48, 66);
    font-style : italic;
}
#resume a.teaser-link {
    color : rgb(42, 74, 114);
    font-style : italic;
    text-decoration : underline;
    font-weight : bold;
    font-size : smaller;
}


/** archives colonne droite : articles */
#preview-months {
    padding-bottom : 25px;
    border-bottom : 1px solid rgb(209, 218, 224);
}
#preview-months ul li {
    list-style : none;
}
.tags {
    margin : 10px;
}

.summary_tags {
    padding-bottom : 15px;
    border-bottom : 1px solid rgb(209, 218, 224);
}

/** ==================== Formulaire ==============================*/
.row {
    padding : 10px;
}
.row input {
    background : rgb(224, 232, 236);
}
.row label {
    font-weight : bold;
}
#form_username {
    margin-left : 120px;
}
#form_password {
    margin-left : 100px;
}
#form_email {
    margin-left : 80px;
}
#form_first_name {
    margin-left : 118px;
}
#form_last_name {
    margin-left : 140px;
}
.submit input {
    background : rgb(118, 151, 18);
    margin-top : 15px;
    margin-left : 10px;
}
/** ==================== Form edit preview =======================*/
textarea#form_content {
    height : 200px;
    width : 100%;
    background : rgb(250,230,210);
}



/** ==============  feed ==============*/
.feed, .w3c {
    margin : 0;
    position : relative;
    /*border-bottom :1px solid  rgb(216, 225, 231);*/
    clear : both;
}
#content-right div.w3c p, div.feed p {
    position :relative;
    width : 100%;
    /*min-height : 200px !important ;*/
    clear : both;
    /*color : red;*/
}
.feed li {
    list-style : none;
    margin : 0;
}
span.apress {
    background :rgb(255, 196, 37);
    color : rgb(35, 31, 32);
}
#content-right ul li a {
    margin-left : -35px;
    color : rgb(118, 151, 18);
    font-size : smaller;
    font-style : italic;
    text-decoration : underline;
}

p.description {
    position :relative;
    text-indent : 1.5em;
    margin-left : -30px;
    font-size : smaller;
    color : rgb(42, 74, 114);
}
.rss-wanted {
    margin : 0;
    padding : 0;
}
.rss-problem {
    font-weight : bold;
    color : rgb(118, 120, 156);
    font-family : sans-serif;
    font-size : larger;
}
.rss-title {
    text-align :center;
}

p.more span{
    background-color : rgb(178, 203, 173);
}
/** ================== tags ==================== */
.summary_tags ul li {
    list-style : none;
}


/** ====================== News =================*/
#p_flottant {
    /*background : rgb(118, 151, 18);*/
}
#img_flottant {
    float : left;
    margin : 10px;
}


/**======================== footer block ===================**/
#footer #left-block {
	background : rgb(255, 146, 48);
}
#footer #center-block {
	background : rgb(39, 32, 124);
}
#footer #right-block {
	background : rgb(92, 4, 0);
}
#left-block ul li, #center-block ul li, #right-block ul li{
	list-style : none;
	color : rgb(255,255,255);
}

#left-block ul li a, #center-block ul li a, #right-block ul li a{
	list-style : none;
	color : rgb(255,255,255);
	text-decoration : underline;
}
#left-block h4, #center-block h4,#right-block h4 {
	color : rgb(255,255,255);
}

#preview-months.box {
    clear : both;
}
#content-right div.feed {
    
}