h1 {color:#FF6600;font-weight:bold;font-size:2em;margin:0;padding:0}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
a {)
color:#666666;
text-decoration:underline;
}
/* Categories (index.php) */
/* ---------------------- */

DIV.Dos_cat {width:98%}
  DIV.Dos_cat_titre {
	margin-top:3em; 
	border-bottom:#FF6600 2px dotted; 
	padding:0.4em
  }
	DIV.Dos_cat_titre img {float:left; margin:-15px 1em 0 0; border:#666666 1px solid}
	DIV.Dos_cat_titre h2 {display:inline;font-size:1.5em}
	DIV.Dos_cat_titre span {font-size:0.8em;color:#FF6600;padding-left:1em}	

  DIV.Dos_cat_texte {background:#eee;margin-bottom:5px;padding-bottom:78px;border-bottom:3px solid #C4B4C2;
border-top:2px solid #C4B4C2;}
  DIV.Dos_cat_texte img{float:left;
margin:10px;}
  DIV.Dos_sscat {margin-top:1em}
  DIV.Dos_sscat_titre {margin-left:6em; padding:0.3em; border-bottom:#FF6600 1px dotted}
	DIV.Dos_sscat_titre img {float:left;margin-right:1em}
  	DIV.Dos_sscat_titre h3 {display:inline;font-size:1.4em}
  	DIV.Dos_sscat_titre span {padding-left:1em;color:#FF6600}

  DIV.Dos_sscat_texte {margin-left:6em; margin-bottom:2em; padding:0.2em}


 /* affichage deux colonnes */
 DIV.doscatcol1 {position:relative; float:left; width:47%; padding:6}
 DIV.doscatcol2 {position:relative; width:47%; float:right; padding:6}


/* ----------------------------------- */
/* les dossiers dans une cat (cat.php) */
/* ----------------------------------- */

 DIV.Dos_catphp {width:98%; margin-top:2em;margin-bottom:60px;}
	DIV.Dos_catphp_titre img {float:left;margin-right:1em;}
	DIV.Dos_catphp_titre h2 {font-size:1.5em;display:inline}
	DIV.Dos_catphp_titre SPAN {padding-left:2em;color:#FF6600;font-size:0.8em}

 DIV.Dos_catphp_texte{margin-top:0.2em;border-top:2px solid #FF6600;padding:1em;
 
 }


 /* affichage des souscatégories */
 DIV.Dos_catphp_sscat {background:#eee;width:98%; margin-top:2em;border-top:1px solid #999;border-bottom:1px solid #999;padding:0.4em 0 0.4em 0}
	DIV.Dos_catphp_sscat span {font-size:1.5em;font-weight:bold;padding-left:1em}
	DIV.Dos_catphp_sscat ul {list-style-type:none; margin:1em 0 1em 0; padding:0 0 0 2.5em}
	DIV.Dos_catphp_sscat li {margin:0.5em;background:url(xxl/dossier.gif) no-repeat;padding-left:2em}
	DIV.Dos_catphp_sscat A {font-weight:bold;color:#FF6600;font-size:1.2em}

 /* class supplémentaire pour présentation deux colonnes */
 DIV.doscol1 {position:relative; float :left; width:47%; padding:6}
 DIV.doscol2 {position:relative; width:47%; float:right; padding:6}


/* -------------------------------------------------- */
/* Dossier specifique (dossiers.php, commentaire.php) */
/* -------------------------------------------------- */

 DIV.dossier {width:96%}
	DIV.titre SPAN {display:block;text-align:right;border-bottom:2px dotted #FF6600}

  DIV.chapo {background:#EEEEEE none repeat scroll 0 0;
border-bottom:3px solid #C4B4C2;
border-top:2px solid #C4B4C2;
font-size:1.1em;
font-style:italic;
margin-top:1em;
padding-bottom:100px;
width:auto;}
	DIV.chapo img {float:left;padding-right:2em;margin:0.5em}
  DIV.texte {width:auto;border-top:2px dotted #FF6600;margin:1em 1em 1em 1em;padding-top:10px;}
DIV.texte ul li {list-style-type: circle;margin:5px;}
DIV.texte li {color:#cc6600;}
DIV.texte ol li {list-style-type: decimal;margin:5px;}
  DIV.suite {width:auto;border-top:1px solid #FF6600;font-weight:bold;font-size:1.5em;padding-top:0.5em}
	DIV.suite A {padding-left:2em;font-weight:normal;font-size:0.7em;}
	DIV.suite A:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#FF6600;}

  DIV.debut_suite {text-align:center;border-top:1px solid #FF6600;font-weight:bold;padding-top:0.5em}

  DIV.auteur {margin-top:3em;text-align:right;font-weight:bold;border-top:1px solid #999;border-bottom:1px solid #999;padding:0.4em 0 0.4em 0}

  DIV.commentaire {width:auto;margin-top:1em; border-top:2px dotted #FF6600; text-align:center; padding:0.5em 0 0.2em 0; font-weight:bold}
	DIV.commentaire A {color:#FF6600}
  DIV.commentaire_login {text-align:left;font-weight:bold;border-bottom:1px solid #FF6600}

  DIV.commentaire_texte {text-align:left;padding:1em;margin-bottom:2em;background:#eee}
 /* fond blanc pour le menu */
body {behavior: url(csshover.htc);}
div#menuprise {width: 120px; background:#000000 url(img/prise-escalade-digital.jpg) left top no-repeat;padding-top:40px;}

/* fond blanc pour le menu */ 
div#menuprise a {color:#fff}
div#menuprise ul {padding: 0; width: 120px; margin:0px; background:#000000 url(img/bas-escalade.jpg) left bottom no-repeat;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuprise li:hover {background: #EDD}
div#menuprise li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menuprise li.sousmenu {background: url(img/artimenurightarrow.gif) 95% 50% no-repeat;}

div#menuprise ul li {position:relative; list-style: none; border-bottom:1px solid;color:#fff;margin:0;}
div#menuprise ul ul {position: absolute; top: -1px; left: 120px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menuprise li a {text-decoration: none; padding: 4px 0 4px 8px; display:block;  width:84px}
div#menuprise ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menuprise li a:hover {border-left-color: red;}
div#menuprise ul ul li a:hover {border-left-color: #00FF00;}
div#menuprise ul ul ul li a:hover {border-left-color: #0000FF;}

  DIV.articles_en_relation {margin-top:1em; border-top:1px dotted #646464; text-align:center; padding:0.5em 0 0.2em 0; font-weight:bold;clear:left;}
   DIV.articles_en_relation A {}