/* 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 

*/


/* -----------------------------------------------------------------
	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(layout.css);


/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */	
	
body {
 	} 

h2 { 
}
h3 {}
h3 { }
h4 { }
h5 { }
h6 { }

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

#presentation {
} 
#presentation h1 {
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 8px;
	height : 30px;
	vertical-align: middle;
	color: #666666;
	font: bold 180%/110% "Lucida Grande", Arial, sans-serif;
	background : url(/Asfo/statique/images/personnages-grises.png) no-repeat;
	background-position: right top;
}
#presentation h2 {
	font: bold 140% "Lucida Grande", Arial, sans-serif;
}
.commentaire { 
	margin-left : 50px;
	font-style : italic;
	font: 90%;
	list-style-image : url(/Asfo/statique/images/puce_orange.gif); 
}
#commentaire a:hover {
	color: #666666;
	font-style: normal;
}
.puceverte { 
	margin-left : 50px;
	font-style : italic;
	font: 90%;
	list-style-image : url(/Asfo/statique/images/puce_verte.gif); 
}
#photodirecteur {
	margin : 0 40px 0px 0;
}
.consultercalendrier {
	text-align :right;
	font-style : bold;
	font-size :  120%;
	color : #BFDFA3;
}
.consultercalendrier a{
	color : white;
}
.consultercalendrier a:hover{
	color : #6B1E7E;
}
.guide{
	color : black;
	font-size : normal;
}
.guide h2 {
	border-top : solid 2px ##0050AD;
	border-bottom : solid 2px ##0050AD;
	font-size : 140%;
	font-weight: bold;
	color : #0050AD;
}
.guide h3 {
	color : #0050AD;
	font-size : 120%;
}
.guide ul {
	list-style-image : url(/Asfo/statique/images/puce3.gif); 
}
.guide ol{
	color : #0050AD;
	font-weight: bold;
}
.guide a{
	color : #0050AD;
	font-weight: bold;
}
.guide a:hover {
	color: #5B8ECA;
	font-weight: bold;
}

ol { }
dl { }

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

a {
	color : #006699;
 }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { }
 
code, pre { }
pre { }
 
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page {
	background : #FFFFFF;
	}
#principal {
	clear:both;
	top : 10px;
	left : 10px;
	width : 1000px;
	overflow:hidden;
}

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

#top { }
#top h1 { }
#top h1 a { }
#prelude { 
}
#prelude a { }


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

#wrapper { }
#main { }
#content {
 }
#blocformation {
	width : 100%;
	height : 300px;
	margin-bottom: 10px;
	background : white url(/Asfo/statique/images/bloc_formation.jpg) no-repeat;
	background-position: left top;
	overflow : hidden;
	z-index:-1;
}
#blocformationGauche { 
	float:left;
	width : 260px;
	top : 0px;
	margin-left: 5px;
	overflow:hidden;
}
#blocformationDrte { 
	float:left;
	width : 230px;
	top : 0px;
	margin-left: 5px;
	overflow:hidden;
}
#blocformation a{
	font-family: "Lucida Grande", Arial, sans-serif;
	color : white;
	text-decoration:none;
	font-size : 2em;
}
#blocformation a:hover{
	color : #006600;
}
#blocformationTitre{
	width : 140px;
	margin : 55px 0px 0px 108px;
}
#blocformationTitre2{
	width : 140px;
	margin : 30px 0px 0px 108px;
}
#blocformationExplication{
	width : 220px;
	height : 130px;
	margin : 70px 0px 0px 270px;
	color : white;
	font-style : bold;
}
#blocformationlien{
	width : 220px;
	height : 70px;
	color : white;
	margin : 220px 0px 0px 0px;
}
#blocformationlien a{
	color : white;
	font-size : 1em;
}
#blocformationlien a:hover{
	color : #64B220;
}
#blocRHetconseils {
	width : 100%;
	height : 300px;
	margin-bottom: 10px;
	color : white;
	overflow : hidden;
	z-index:-1;
}
#blocRH{
	float : left;
	width : 252px;
	height : 258px;
	margin : 0;
	padding : 0;
	background : white url(/Asfo/statique/images/bloc_RH.jpg) no-repeat;
	background-position: left top;
	overflow : hidden;
	z-index:-1;
}
#blocRHTitre{
	width : 140px;
	margin : 55px 0px 0px 108px;
}
#blocRHTitre a{
	font-family: "Lucida Grande", Arial, sans-serif;
	color : white;
	text-decoration:none;
	font-size : 1.8em;
}
#blocRHTitre a:hover{
	color : #006666;
}
#blocRHExplication{
	width : 210px;
	height : 80px;
	margin : 30px 0px 0px 30px;
	color : white;
	font-style : bold;
}
#blocRHlien{
	width : 220px;
	height : 70px;
	margin : 10px 0px 0px 30px;
	color : white;
}
#blocRHlien a {
	color : white;
}
#blocRHlien a:hover {
	color : #25DAEF;
}
#blocconseil{
	float : left;
	width : 255px;
	height : 258px;
	margin : 0;
	padding : 0;
	background : white url(/Asfo/statique/images/bloc_Conseils.jpg) no-repeat;
	background-position: left top;
	overflow : hidden;
}
#blocconseilTitre{
	width : 140px;
	margin : 55px 0px 0px 108px;
}
#blocconseilTitre a{
	font-family: "Lucida Grande", Arial, sans-serif;
	color : white;
	text-decoration:none;
	font-size : 1.8em;
}
#blocconseilTitre a:hover{
	color : #663300;
}
#blocconseilExplication{
	width : 210px;
	height : 80px;
	margin : 30px 0px 0px 30px;
	color : white;
	font-style : bold;
}
#blocconseillien{
	width : 220px;
	height : 70px;
	margin : 10px 0px 0px 30px;
	color : white;
}
#blocconseillien a {
	color : white;
}
#blocconseillien a:hover{
	color : #F07226;
}

#blocCatalogueTitre {
	clear:left;
	background : transparent url(/Asfo/statique/images/header_informatique.jpg) no-repeat;
	background-position: center top;
	margin-top : 20px;
	width : 500px;
	height : 170px;
}
#blocCatalogueTitre h1 {
	padding-top : 15px;
	padding-left : 55px;
	color : white;
	font-style : bold;
	font-size : 170%;
}

.blocCatalogueSousTitre {
	background-position: center top;
	width : 500px;
	height : 41px;
}
.blocCatalogueSousTitre h4{
	background : transparent url(/Asfo/statique/images/bg_titre.jpg) no-repeat;
	padding-top: 8px;
	padding-left : 15px;
	color : white;
	font-size : 1.3em;
	font-style : bold;
	height : 41px;
}
.blocCatalogueSousTitre a{
	color : white;
}

.blocCatalogueSousSousTitre {
	background : transparent url(/Asfo/statique/images/bg_tableau.jpg) repeat-y;
	background-position: center top;
	width : 500px;
	height : 20px;
}
.blocCatalogueSousSousTitre h5{
	padding-left : 15px;
	color : #56595C;
	font-size : 1.2em;
	font-style : bold;
}
.blocCataloguelibelle {
	background : transparent url(/Asfo/statique/images/bg_milieu_libelle.png) no-repeat;
	padding-left : 40px;
	color : #56595C;
	text-align : left;
	font-style : bold;
}
.blocCatalogueNombre {
	background : transparent url(/Asfo/statique/images/bg_milieu_nombre.png) no-repeat;
	padding : 0;
	margin : 0;
	color : #56595C;
	text-align : center;
	font-style : bold;
}

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

.content-inner { }

.pagination { }
#navlinks { }


/* ------------------------------------------------------------
	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 { }



/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#comments { }
#pings { }
#pr { }
#comment-form { }

#comments h3 { }
#pings h3 { }
#pr h3 { }
#comment-form h3 { }

#comments dl { }
#comments dt { }
#comments dd { }
#comments .first { }
#comments .odd { }
#comments .me { }

#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }

#pr dl { }
#pr dd { }

#comment-form fieldset { }
.field { }
.field label { }
.field input { }
.field textarea { }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { }
#comments-feed { }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar { }
#blognav { }
.blognavflash{
	width : 229px;
	margin-bottom: 10px;
	background : white url(/Asfo/statique/images/basmenugauche.png) no-repeat;
	background-position: center bottom;
	overflow : hidden;
}
.blognavflash h4 {
	margin: 0;
	padding: 20px 0px 25px 20px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/hautflash.png) no-repeat;
	background-position: center top;
	font-size : 100%;
	color : white;
}
.blognavflash h3 {
	margin: 0;
	padding: 0px 0px 8px 20px;
	text-align : left;
	color : #336699;
	font-size : 100%;
}
.blognavflash p {
	margin-left: 14px;
	padding: 0px 0px 10px 0px;
	text-align : left;
	color : black;
}
.blognavmenu{
	width : 229px;
	margin-bottom: 10px;
	background : white url(/Asfo/statique/images/basmenugauche.png) no-repeat;
	background-position: center bottom;
	overflow : hidden;
}
.blognavmenu h4 {
	margin: 0;
	padding: 10px 0px 3px 20px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/hautmenugauche.png) no-repeat;
	background-position: center top;
	font-size : 95%;
}
.blognavmenu p {
	margin: 0;
	padding: 10px 0px 3px 20px;
	text-align : left;
	color : black;
}
.blognavmenugauche{
	width : 229px;
	margin-bottom: 10px;
	background : white url(/Asfo/statique/images/milieumenugauche.png) repeat-y;
	background-position: center top;
	overflow : hidden;
}
.blognavmenugauche h4 {
	margin: 0;
	padding: 10px 0px 3px 20px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/hautmenugauche.png) no-repeat;
	background-position: center top;
	font-size : 95%;
}
.blognavmenugauche h3 {
	margin: 0;
	padding: 8px 0px 8px 20px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/basmenugauchegrise.png) no-repeat;
	background-position: center bottom;
	color : #336699;
	font-size : 90%;
}
.blognavmenugauche p {
	margin: 1em 20px;
	text-align : left;
	color : black;
}

.blogComboListeFormation{
	width : 229px;
	margin-top : 23px;
	height : 217px;
	background : white url(/Asfo/statique/images/header_recherche.jpg) no-repeat;
	background-position: center top;
	overflow : hidden;
}
.blogComboListeFormation h5{
	margin-top: 140px;
	margin-left : 20px;
	color : white;
	text-align : left;
	font-size : 14px;
}
.blogComboListeFormation select {
	margin-left : 10px;
	margin-top: 25px;
	border: 1px solid #CCCCCC; 
	width: 170px;
	font-size: 9px; 
}
.blogComboListeFormation input {
	border: 1px solid #CCCCCC; 
	background-color: #ece9e3;
	font-size: 9px; 
}
.blogSousDomaine {
	width : 229px;
	height : 38px;
	background : white url(/Asfo/statique/images/bg_titre_bloc_recherche.jpg) no-repeat;
	background-position: center top;
	overflow : hidden;
}
.blogSousDomaine h5{
	margin-top: 15px;
	margin-left : 20px;
	color : white;
	text-align : left;
	font-size : 14px;
}
.blogSousDomaineLibelle {
	width : 229px;
	background-position: center top;
}
.blogSousDomaineLibelle h6{
	background : white url(/Asfo/statique/images/bg_milieu_recherche.jpg) repeat-y;
	color : black;
	padding-left : 15px;
	text-align : left;
	font-size : 0.8em;
}
.blogSousDomaineLibelle a:hover {
	color : #629DBA;
}

.blogContactParCentre {
	width : 229px;
	background : white url(/Asfo/statique/images/sous_titre_grise.jpg) no-repeat;
	background-position: center top;
}
.blogContactParCentre h5{
	color : #82B109;
	padding-left:10px;
	text-align : left;
	font-size : 1.1em;
}
.blogContactParCentre p{
	background : transparent url(/Asfo/statique/images/footer_recherche.jpg) no-repeat;
	width : 229px;
	height : 100px;
	background-position: center top;
}
.blogContactParCentre a:hover {
	color : #C8E654;
}

#blogextra { 
	float:left;
	width : 235px;
	top : 0px;
	margin-left: 5px;
/*Benoit	left : 880px;		*/
	overflow:hidden;
}
/*            Menu droite Guide d'Accès à la formation                 */
.blogextraaccesformation{
	width : 231px;
	height : 327px;
	margin : 0;
	padding: 0;
	background : white url(/Asfo/statique/images/basaccesformation.png) no-repeat;
	background-position: center bottom;
	overflow : hidden;
}
.blogextraaccesformation h4 {
	margin: 0;
	padding: 10px 0px 120px 15px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/hautaccesformation.png) no-repeat;
	background-position: center top;
	color : white;
	font-size : 95%;
}
.blogextraaccesformation h6 {
	margin: 0px 10px;
	text-align : left;
	color : #0066BC;
	font-size : 100%;
}
.blogextraaccesformation p {
	margin: 5px 10px;
	text-align : left;
	color : black;
}
.blogextraaccesformation a:hover {
	color : #629DBA;
}

/*           Menu droite Actualité               */
.blogextraactualite{
	width : 231px;
	margin-top : 30px;
	margin-bottom: 10px;
	padding: 0;
	background : transparent url(/Asfo/statique/images/milieumenudroite.png) repeat-y;
	background-position: center top;
	overflow : hidden;
}
.blogextraactualite h6 {
	margin: 1em 5px 0em 15px;
	text-align : left;
	color : #006699;
	font-size : 100%;
}
.blogextraactualite h5 {
	margin: 0;
	text-align : left;
	color : #006699;
	background : transparent url(/Asfo/statique/images/souligne.png) no-repeat;
	background-position: center bottom;
	font-size : 100%;
}
.blogextraactualite h4 {
	margin: 0;
	padding: 10px 0px 5px 25px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/header_actu.jpg) no-repeat;
	background-position: center top;
	color : white;
	font-size : 95%;
}
.blogextraactualite h3 {
	margin: 0;
	padding: 8px 0px 8px 20px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/basmenudroite.png) no-repeat;
	background-position: center bottom;
	color : #336699;
	font-size : 90%;
}
.blogextraactualite p {
	margin: 0em 25px 0em 25px;
	text-align : left;
	color : black;
}
.blogextraactualite a:hover {
	color : #629DBA;
}
#sidebar h2 { }
#sidebar h3 { }
#sidebar ul { }
#sidebar li { }

/* 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 { }

.tags { }
.tags ul { }
.tags li { }
/* 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
------------------------------------------------------------- */
#footer {
	clear : both;
	margin : 0 auto;
	text-align : left;
	width : 1000px;
}
#footer p { }

#calendrierformation {
	clear : both;
	width : 991px;
	margin-top : 30px;
	margin-bottom: 10px;
	padding: 0;
	z-index:10;
}
#calendrierformation h3 {
	margin: 0;
	padding: 10px 0px 5px 25px;
	text-align : left;
	background : transparent url(/Asfo/statique/images/headercalendrier.jpg) no-repeat;
	background-position: center top;
	color : white;
	font-size : 95%;	
}
#calendrierformation h6 {
	width : 991px;
	height : 370px;
	background : transparent url(/Asfo/statique/images/sous_header_calendrier3.jpg) no-repeat;
}
#calendrieragenda {
	float : left;
	width : 800px;
	margin-top : -350px;
	z-index:20;
}
#calendriersite {
	float : left;
	width : 150px;
	margin-top : -350px;
	padding : 10px;
	overflow : hidden;
	z-index:30;
}
#calendriersite h5{
	margin-left : 5px;
	text-align : left;
	font-size : 90%;
}
#calendriersite p{
	color : #663366;
	font-weight: bold ;
}
#calendriersite a{
	text-decoration:none;
}
#calendriersite a:hover{
	color : #629DBA;
}
#basdepage {
	clear : both;
	width : 100%;
	height : 34px;
	background : transparent url(/Asfo/statique/images/footer.png) no-repeat;
	background-position: center top;
}
#basdepage tr {
	background : transparent;
}
#basdepage  p{
	margin-top : 10px;
	margin-left : 35px;
}
#basdepage  a{
	font: 13px/120% Arial, Helvetica, sans-serif;
	color : white;
	text-decoration: none;
}
#basdepage  a:hover{
	font-weight: bold;
	color : #F1E2E2;
}	

.bloccolonnecalendrier {
	margin-left: 15px;
	float : left;
	width : 250px;
	z-index:60;
}
.blocitemcalendrier {
	float : left;
	width : 250px;
	height : 90px;
	overflow : hidden;
	z-index:80;
}

.blocitemcalendrierDateur {
	float : left;
	width : 37px;
	height : 65px;
	background : transparent url(/Asfo/statique/images/icon_calendrier.png) no-repeat;
	background-position: left top;
	text-align : Center;
	font-size : 80%;
	z-index:100;
}
.blocitemcalendrierDateur h5 {
	clear : both;
	padding-top : 8px;
	color : white;
	text-align : Center;
	font-size : 90%;
}
.blocitemcalendrierDateur h4 {
	clear : both;
	padding-top : 16px;
	color : black;
	font-size : 110%;
}

.blocitemcalendrierDonnees {
	float : left;
	width : 200px;
	font-size : 80%;
	overflow : hidden;
}
.blocitemcalendrierDonnees h5 {
	color : black;
	font-size : 110%;
	text-align : left;
	font-style : bold;
	margin-left : 10px;
}
.blocitemcalendrierDonnees p {
	color : #006699;
	text-align : left;
	margin-left : 30px;
}

/* ------------------------------------------------------------
	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(/Asfo/statique/images/feed.png) no-repeat left center;
	 }


/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un nuage) */
.dc-tags #content ul li, .dc-tags #content ul li a, 
.tags ul li, .tags ul li a {
	display : inline;
	width : auto;
	padding-left : 0;
	padding-right : 4px;
	background : transparent;
	line-height : 1.5em;
}
.tags ul li a:hover {
	background-image :none;
}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
.dc-tags .tag100, .tags .tag100 { font-size: 135%; }

/* 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; }


/* ------------------------------------------------------------
	11. PAGES SPECIFIQUES
	j'indique le marqueur du body, a completer pour cibler 
	plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }


/* ---------------------------------------------------
  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;
    }