.img_png, .image_typo, .spip_logo {
	/*behavior: url("win_png.htc");*/
}
.cartouche .spip_logos {
   float: left;
   margin-right: 1em;
}
a:link {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	border:0px;

}
a:visited {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	border:0px;

}
a:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	border:0px;

}
a img {
	border: none;
	}

h1 {
	font-family: Arial;
	font-size: 24px;
	}

h2 {
	font-family: Arial;
	font-size: 18px;
	}
	
h3 {
	font-family: Arial;
	font-size: 18px;
	}


ul#menu
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	float:right ;
	text-align: center ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 100px ;
	line-height: 29px ;
	color: #FFFF00;
	 /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/rollnavig.jpg) no-repeat 0 -29px; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu li a:hover
{
	background: url(images/rollnavig.jpg) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #ffffff ;
}

texte {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
}
.texte {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: justify;

}
.adresse {
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	text-align: center;
}
.petitTEXTE {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
}
.topTITRE {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
}
.topTITREARTICLE {

	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.TITRE {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
}
.texteforum {

	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.textePS {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: justify;

}
.petitTEXTECOMMENTAIRE {
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	color: #CCCCCC;
	font-style: italic;

}
.textePSCopie {

	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
}
.justify {
	text-align: justify;
}
.fdtab {
	background-image: url(images/art-touch_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fdtab2 {
	background-image: url(images/web-starter_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fdtab3 {
	background-image: url(images/etude-1-web-starter-pro_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fdtab4 {
	background-image: url(images/etude-1-web-annuaire_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
img.crayon-img-changed {
    display: none;
}
.crayon-changed img.crayon-img-changed {
    display: inline;
}
.crayon-changed img.crayon-crayon {
    display: none;
}
img.crayon-edit, img.crayon-crayon {
    visibility: hidden;
}
.crayon-autorise:hover > span > span > img.crayon-edit, .crayon-hover > span > span > img.crayon-edit,
.crayon-autorise:hover > span > span > img.crayon-crayon, .crayon-hover > span > span > img.crayon-crayon {
    visibility: visible;
}
.crayon-autorise:hover, .crayon-hover {
}
.crayon-boutons, .crayon-searching {
    float: right;
}
.crayon-boutons {
    width: 40px;
    display: none;
}
.crayon-boutons div {
	position: absolute;
}
.crayon-boutons a {
	cursor: pointer;
}
.crayon-icones {
    float: right;
}
.crayon-icones span {
    position:absolute;
}
.crayon-edit, .crayon-crayon, .crayon-img-changed {
	cursor: pointer;
} 
.formulaire_spip .crayon-active {
	padding: 1px;
	border: 1px inset;
}
.crayon-html .formulaire_spip {
	max-width: 703px;
}
.crayon-html textarea {
	overflow: scroll;
	overflow-x: hidden;
}

/* resizer */
.resizehandle {
	background:transparent url("images/resizer.png") no-repeat scroll 45%;
	cursor:s-resize;
	font-size:0.1em;
	height:16px;
	width:100%;
}
.resizehandle + .crayon-boutons {
    /* hack pas beau pour compenser la hauteur du div .jstHandle */
    position:relative;
    top:-16px;
    /* fin hack */
}

/* Les crayons dans un tableau !*/
td .crayon-icones span {
	margin-left:-20px;
}
td .crayon-html {
	padding-bottom:10px;
}
/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Arial, Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Arial, Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */