/* Feuille de style vierge comportant les principales balises d'un 
blog realise avec dotclear - Etablie par Kozlika pour la dcTeam
le 7 janvier 2007. 

Licence : domaine public 

*/


/* ------------------------------------------------------------
Bloc de styles à supprimer, ne servent qu'aux premiers tests
------------------------------------------------------------- */
 
@import url(layout.css);

body {
 	background : #424242;
 	font-size : 76%;
 	font-family : Verdana,"Trebuchet MS", Arial, sans-serif;
	text-align: center;
 	} 
	
	
#page {
	background : #424242;
	}
#top {
	height: 120px;
	text-align : center;
	border-bottom : 0;
	}
a {	
	color:#22dd22; 
	text-decoration : none;
	}
	
a:hover {#ffdd33;}

	
#menu h2 {
	color : #666;
	font-size:1.2em;
	}
#menu h3 {
	color : #666;
	font-size:1em;

	}
fieldset {
	border : none;
	}
.post h3, .post h4 {
	clear : both;
	}

/* ---------------- fin du bloc à supprimer ---------------------- */



/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
------------------------------------------------------------------ */
@import url(nom_du_fichier.css);


/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body {font-size: 0.72em; color:#ddd; }

h2{font-size: 1.9em;}
h3{font-size: 1.9em;}
 
h1 { }
h2 {color: #22dd22;
font-weight: normal;}
h3 {color: #ffdd33; 
font-weight: normal;}
h4 {color:#22dd22;
font-weight: normal;
font-size: 1.5em; }
h5 {color:#22dd22;
font-size: 1.2em; }
h6 {color: #666;
font-size: 1.1em; }

.titepolice{
	background-color:#424242;
	font-size: 0.9em;
	}


.titepolice1{
	background-color:#424242;
	font-size: 0.95em;
	color: #eee;
	}


/* justifier le texte me renvoie la banniere a gauche*/
p {color:#ddd;
line-height: 160%; 
text-align: justify;
 }
 
/*remet la banniere au lmilieu*/
.ban{
 line-height: 160%; 
 text-align:center;
 }
 

img{
	/** border:1px groove #D4D0C8; **/
	padding:1px;
	background: #424242;
	border: none;
	}

sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul {	background-color:#424242;
	padding: 0 0 0 14em; }
	
.ul {
	background-color:#424242;
	padding: 0 0 0 14em;
	}	
	
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a {#22dd22}
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { width:85%; }

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top {height: 120px;
	text-align : center;}
#top h1 { }
#top h1 a { }
#prelude { }
#prelude a { }


/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper { }
#main {display:block; float: left; margin: 0 10px 0 -100px; }
#content {margin : 0 0 0 80px; }

#content-info { }
#content-info h2 { }
#content-info p { }

.content-inner { }

.pagination { }
#navlinks { }


/* debut cours photos */
#page-title{
	color: #22dd22;
	padding: 2em 0 0 0em;
	margin-top: 1em;
	margin-bottom: 3em;
	text-align:left;
	}

/* contient le texte des cours photos */
#post-content3 {
	color: #eeeeee;
	background-color:#424242;
	padding:0 5em 8em 0;
	margin-top: 5em;
	line-height: 1.9em;
	text-align:left;
	}

/* photo de haut de page alignee a gauche */
#post-phototitre1 {
	background-color:#424242;
	padding:1em 0 0 0;
	margin:1em 0 0 3m;
	text-align:left;
	border: none;
	}
	
/* photo du haut sert dans blancs crames mexpo lumiereettemp miseaupoint */
#post-phototitre3 {
	background-color:#424242;
	padding:0.5em 1em 0 15em;
	border:none;
	text-align:left;
	}	

/* photo du haut sert dans lumiereettemp */	
#post-phototitre5 {
	background-color:#424242;
	padding:0.5em 1em 0 12em;
	border:none;
	text-align:left;
	}		
	
/* sert pour la photo de titre de la page calibrer */
#post-phototitrcal {
	background-color:#424242;
	padding:0 12em 0 0em;
	border:none;
	text-align:right
	}
	

#vignetteg{
	width : 120px;
	background-color:#424242;
	padding:0;
	margin: 0.6em 1em 0 0;
	float:left;
	}

/*sert pour priorite vitesse aligne la vignette a gauche*/	
#vignetteg2{
	width : 125px;
	background-color:#424242;
	padding:0;
	margin: 0.5em 1em 0 0;
	float:left;
	}	


.photovignette1 {
	width : 120px;
	background-color:#424242;
	padding:0;
	margin: 0;
	text-align: left;
	}	
	
/*sert pour priorite vitesse aligne la vignette a droite*/	
#vignetted{
	width : 127px;
	background-color:#424242;
	padding:0;
	margin: 1.4em 0.4em 0 0.6em;
	float:right;
	}

/*sert pour priorite vitesse*/		
.vignetted{
	width : 120px;
	background-color:#424242;
	padding:0;
	margin: 0.4em 0.4em 0 0.6em;
	float:right;
	}	


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */

.post { }
.post.first { }
.post.odd { }

.day-date { }
.post-title { }
.post-info { }
.post-tags { }
.post-excerpt { }
.post-content { }

.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { }
.comment_count { }
.pings_count { }
.attach_count { }

#attachments { }
#attachments h3 { }
#attachments ul { }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



/* ------------------------------------------------------------
	8. MENU
------------------------------------------------------------- */

#menu {margin: 6em 2em 0 1em; width: 180px; display: block; float: left; }

#menu h2 { }
#menu h3 { }
#menu ul { }
#menu li { }

/* liens du menu */
p.p1 a:link { color: #eeeeee; background-color:#424242;}
p.p1 a:visited {color: #eeeeee; background-color:#424242;}
p.p1 a:hover { color: #22dd22; background-color:#424242;}

/* boites du menu des widgets livres avec Dotclear */
#search { }
#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */

#topnav { }
.topnav-arch { }
.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.lastposts { }
.lastcomments { }
.text { }
.links { }


/* a completer separement ou globalement pour le sidebar et la page 
spécifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

.lignefin {
	width : 72%;
	color : #777;
	size : 1px;
	border: none;
}

#piedhtpage {
	margin: 0 0 0 480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #424242;
	font-size: 1.1em;
	clear: both;
	text-align: center;
	}

#footer {
	padding: 0.4em 2em 1ex 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #424242;
	margin-top : 0.6em;
	clear: both;
	height: 140px;
	font-size: 85%;
	text-align: center;
	display :block; 
	width:70%;
	line-height: 1.9em
	}
	
#footer p {
		text-align: center;
		}


/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */

.feed { 
	padding-left:16px;
	background : transparent url(images/feed.png) no-repeat left center;
	 }


/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un nuage) */


/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/*menu jaune*/

p.stitre {
	color: #eee;
	background-color:#424242;
	font-weight: bold;
	}

.ul {
	background-color:#424242;
	padding: 2em 0 0 14em;
	line-height:2em;
	}

	
	/* le texte sera jaune et gras */
p.jauneg { 
	color: #ffdd33; 
	background-color:#424242;
	font-weight: bold;
	}
	
	/* les liens apparaissent en jaune marche */
/* lien haut de page du footer */
p.p2 a:link { color: #ffdd33; background-color:#424242;}
p.p2 a:visited {color: #ffdd33; background-color:#424242;}
p.p2 a:hover { color: #99dd99; background-color:#424242;}

/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {
    clear:both;
    }