/*////////////////*/
/*  GENERAL  */

body { background:#fff none repeat-y 1000px 0; font-family: Georgia; font-size: 10px; margin: 0;  margin-top: 0 }

body, h1, h2, h3, h4, h5, h6, p, ul {  }

a { outline: 0 none; color: #000;  }

img { border: none }

a img { vertical-align:middle; }


ul, ol, li, p { list-style-type:none; margin:0; padding:0; }

sup { position:relative; text-transform:lowercase; top:-0.5em; vertical-align:middle; }

.none { display: none !important }

/*////////////////*/

#page { float: left; width: 83em; position: relative; background: #fff; border-left: 1em solid #fff; padding-left: 2em; padding-right: 14em;  }

h1 { margin: 0; text-align: right; font-size: 42px; line-height: normal; padding-bottom: 17px; margin-bottom: 25px  }


#home h1 {  }

h1 a { text-decoration: none; color: #000; text-transform: lowercase; font-weight: bold; color: #000; font-style: italic; display: block; padding-top: 12px;   }

#article h1 { margin-top: 25px;  font-size: 17px; padding-bottom: 0; margin-bottom: 0 }
#article h1 a { text-transform: none; padding-top: 12px;   }

#article #titrePage { margin-top: -13px;  font-size: 22px; padding-bottom: 0; background: none repeat-x bottom; margin-bottom: 20px; min-height: 58px; border-bottom: 2px solid #ccc; }

#article #titrePage h2  { text-align: right; font-size: 18px; margin-top: 3px }

#article #titrePage h2 a{ cursor: text; text-decoration: none; font-weight: normal;   }

.journalPost #content img { max-width: 600px; }


/* h2#titrePage { margin-bottom: -5px; font-weight: normal; font-size: 18px; margin-top: 0; word-spacing: -0.3em; margin-top: 10px; font-weight: bold } */

h2#titrePage { color:#000;
font-family:"verdana",geneva,sans-serif;
font-size:16px;
font-weight:100;
letter-spacing:1px;
line-height:1.5em;
text-transform:uppercase; 
font-weight: bold;
margin-top: 5px
}

hr { margin: 0; padding: 0; border: 0 none; }
.frise1 { background: url(http://www.cyrilcohen.net/TECH/img/frise1.png) repeat-x left top; }
.frise2 { background: url(http://www.cyrilcohen.net/TECH/img/frise2.png) repeat-x left bottom; }


#menu1 { margin-bottom: 40px; margin-top: 20px }

#menu1 li { display: inline; text-align: right;  }
#menu1 li a { text-transform: uppercase; color: #000; font-family: Verdana; font-size: 11px; margin-left: 6px; text-decoration: none; letter-spacing: 1px;  }

#menu1 li a:hover { color: #999  }

#menu1 li.active a { color: #999  }


#menu1 { margin-bottom: 0; margin-top: 19px; position: absolute; top: 0; right: 14em }


#menu_gen { float: left; overflow: hidden; width: 220px }



#menu_gen h2 { margin: 0; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 3px; border-top: 1px solid #ccc; padding-top: 4px; line-height: 12px }
#menu_gen h2 span { font-size: 10px; color: #000; font-family: Georgia; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }

#menu_gen h3 { margin: 0; font-weight: normal; line-height: 13px }
#menu_gen h3 a { font-size: 12px; color: #666;  font-family: Georgia; line-height: 15px; }
#menu_gen h3 a:hover {  }

#menu_gen ul { margin-bottom: 1em; width: 150px; position: relative; margin-bottom: 4px; margin-top: -4px }

#menu_gen ul ul { margin-bottom: 0; padding-bottom: 7px; width: 220px; position: relative; border: none; margin-top: 0 }

#menu_gen .art_desc { display: none }


#menu_gen a { text-decoration: none; padding-right: 5px;  }
#menu_gen a:hover { text-decoration: underline; color: #000 }

#menu_gen .sel a { text-decoration: underline; color: #000 !important; font-weight: bold; font-size: 11px }

#menu_gen a:visited { ; }


#content { float: right; width: 60em; border: 1px none red }
#content h1 { margin: 0; margin-bottom: 1em }

#content p { font-size: 12px; }

#text-content #chap1 { margin-bottom: 20px } 


#text-content #chap1 h2.chap { display: none } 

.journalPost #text-content #chap1 h2.chap { display: block; margin-top: 0 } 
.journalPost #text-content #chap1 h2.chap a { text-align: left }
.journalPost #content { min-height: 600px }


#text-content h2.chap { color:#666;
font-family:Georgia;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
width: 290px;
border-top: 1px solid #ccc;
padding-top: 7px; padding-bottom: 0;
clear: both;
  }

#text-content h2 { 
font-family:Georgia;
font-size:18px;
font-weight:bold;
  }



#text-content h3 { 
font-family:Georgia;
font-size:16px;
font-weight:normal;
margin-bottom: 3px;
  }

#text-content h2.chap a { color:#000; display: block; width: 290px }

#text-content h2.chap a:hover { color:#999; }

#text-content h2.chap.chap1 { font-size: 16px; margin-top: -15px; line-height:1.3em; letter-spacing: 1px; word-spacing: -0.1em; width: auto; border: none; padding: 0;
 }

#text-content h2.chap1 a { text-decoration: none; cursor: default; font-family: Georgia; font-size: 22px; font-weight: bold; line-height: 28px; text-align: right; color: #666; text-transform: none; display: block; width: auto }

#text-content h2 a { text-decoration: none;  }

#text-content h3 {   }

#text-content .open h2 { width: auto; border-width: 2px; margin-top: -1px; }

#text-content .open h2 a { color: #000; text-decoration: none }

#text-content blockquote { padding: 0; margin: 0; margin-bottom: 10px; font-size: 18px }
#text-content blockquote p{ font-family: Georgia; font-size: 14px; line-height: 19px; color: #000; font-weight: bold }

#text-content p{ font-family: Georgia; font-size: 13px; line-height: 18px; color: #000 }

#text-content div div { display: none; font-family: Verdana; line-height: 16px; border-bottom: 1px none #ccc; padding-bottom: 0; margin-bottom: 0   }
#text-content div.current div { display: block; margin-bottom: 0; }
#text-content div.current h2 {  }

#home #content { width: 83em; float: left;  }

#home #vignettes { min-height: 400px }

#home #content ul li .desc { display: none }

#home #content ul li { display: inline;  }
#home #content ul li img { margin: 0 19px 20px 0; border: 3px solid #fff;   }

#home #content ul li a {   }

#home #content ul li a:hover img { border-color: #666 }


#footer { margin-top: 30px; font-family: Georgia; font-size: 14px; color: #666; background: none repeat-x left top; float: left; padding-bottom: 40px; clear: both; width: 100%; padding-top: 10px; border-top: 2px solid #ccc }

#footer a { font-style: italic; text-decoration: none; display: block; height: 11px; width: 200px; background: url(/TECH/img/CYRILCOHEN_BAS_PAGE.png) no-repeat  }

.journal #footer a { font-style: italic; text-decoration: none; display: block; height: 11px; width: 200px; background: url(/TECH/img/bas_de_page.png) no-repeat  }



#chap1 .fermer { display: none !important; }

.fermerUn { clear: left; background: url(img/bouton_fermer.png) no-repeat }
.fermerUn:hover { background: url(img/bouton_fermer_over.png) no-repeat }

#text-content .fermer { float: left; color: #888; text-decoration: none; padding: 0 3px; width: 22px; height: 21px; }
#text-content .fermer:hover { color: #333 }

.toutfermer { color: #888; text-decoration: none; display: none;  }

.fermertout { position: relative; ; text-decoration: none !important; background: url(img/bouton_tout_fermer.png) no-repeat }

.fermertout:hover { background: url(img/bouton_tout_fermer_over.png) no-repeat }


#entetes { margin-top: 20px; border-bottom: 2px solid #000; padding-bottom: 20px }

#entetes h1 { margin: 0; font-size: 10px; padding: 0 }

#entetes a { display: block; height: 2.3em; width: 35.9em; background: url(img/CYRILCOHEN_NOIR.png) no-repeat 0 0; padding: 0 }

#entetes a:hover { background: url(img/CYRILCOHEN_GRIS.png) no-repeat -1px 1px }


.journal #entetes a { display: block; height: 2.3em; width: 50.9em; background: url(img/objetgraphique.png) no-repeat 0 0; padding: 0 }

.journal #entetes a:hover { background: url(img/objetgraphique.png) no-repeat -1px 1px }



.fermerBlock { margin-top: 10px; margin-bottom: 10px; display: none; float: left }

.open .fermerBlock { display: block }

h2.visuelAccueil { margin: 0; padding: 0; font-size: 10px }

#footer a { float: left }

#footer h4.newsyntax { font-size: 10px; margin: 0; padding: 0; float: left; text-align: left; margin-top: -3px; clear: left; padding-top: 7px; }
#footer h4.newsyntax a { color: #ccc; font-size: 10px; font-family: monospace; background: none; display: none; font-style: normal; font-weight: normal;  }

#footer h4.newsyntax a:hover { color: #333  }

.descBlog img { width: 250px; }

.journal h2, .journal h3 { margin: 0 }
.journal .resource { margin-bottom: 15px; padding-bottom: 25px; border-bottom: 1px solid #ccc; width: 250px }
.journal h2 { margin: 5px 0 }
.journal h2 a { text-decoration: none }
.journal h3 { color: #ccc; display: none; }


.journalPost #text-content h2.chap, .journalPost #text-content div div  { display: block !important; border: none }
.journalPost #text-content h2.chap1 { display: none !important; }

.journalPost#article #titrePage h1 { margin-top: 0;  }
.journalPost#article #titrePage h2 { margin-top: 25px; margin-bottom: 0 }

#home #content { margin-top: 30px }



/* journal */

body.journal { font-family: helvetica }

.journal #menu_gen h2 { border-top: 1px none #ccc;  }

.journal.liste#article h1 { font-size: 40px; text-transform: uppercase }
.journal #menu_gen li{ position: relative; z-index: 2; border: 1px solid #fff }