* {margin: 0; padding: 0; font-weight: normal; list-style-type: none;}
img {border-width: 0;}
html,
body	{
	width: 100%;
	height: 100%;}

body
	 { color: #333; 
	 font-size: 11px; 
	 font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	 background: #fff; 
	 text-align: center;
}

/* ---- ajouter pour containers elements floatants ---- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}


#page { 
	margin: 0 auto;
	width: 927px;
	background: transparent url(../../charte/fond.gif) repeat-y center top;
	text-align: left;
	position: relative;
}
	
#header {
	background: transparent url(../../charte/fond_head.gif) no-repeat center top; 
	width: 927px;
	height: 171px;
}

#content {
	position:relative;
	width: 860px;
	height: 330px;
	z-index:1;
}

#logo {
	position: absolute;
	left: 22px;
	top: 19px;
	width: 233px;
	height: 114px;
}

#icom a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom1 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom1 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom15 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom15 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom16 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom16 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom17 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom17 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom18 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom18 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom19 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom19 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom14 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom14 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom35 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom35 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}

#icom36 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom36 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}
#icom8 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo-formation.gif) no-repeat 0 0;
}
#icom8 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}
	
#icom20 a {
	float: left;
	width: 233px;
	height: 114px;
	background: transparent url(../../charte/bg-logo.gif) no-repeat 0 0;
}
#icom20 a:hover {
	background: transparent url(../../charte/bg-logo-over.gif) no-repeat 0 0;
}
#laflash {
	position: absolute;
	right: 25px;
	top: 19px;
}

#espaces {
	text-align: left;
	width: 214px;
}
#boite_a_outils {
	position: absolute;
	right: 0;
	top: 40px;
	width: 214px;
}



.spacer{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
}

.filet_v {
	background: transparent url(../../charte/filet-v.gif) repeat-y right top; 
}
.marge {
	margin: 0 10px;
}
.client	{
	width: 208px;
	background: transparent url(../../charte/bg-cadre-droite.gif) repeat-y 0 0; 
}
.client	form {
	display: block;
	margin: 0 0 0 10px;
	border-bottom: #fff 1px solid;/* pour bug safari */
}
.client	h3 {
	background: transparent url(../../charte/bg-identifiant.gif) no-repeat 0 0;
	color: white;
	padding: 8px 0 10px 10px;
}
.client	p a {
	display: block;
	text-decoration: underline;
	font-size: 9px;
	padding: 5px 0 25px 10px;
	background: transparent none;
	color: #666666;
}


#demande {
	background: transparent url(../../charte/bt-demande-renseignements.gif) no-repeat 0 0; 
	width: 208px;
	height: 29px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0;
}
#demande a {
	color: #003366;
}
#newsletter {
	background: transparent url(../../charte/bg-inscription-newsletter.jpg) no-repeat 0 0; 
	width: 208px;
	height: 52px;
	text-align: center;
}
.client a,
#newsletter a {
	display: block;
	color: #000000;
	text-decoration: underline;
}
#newsletter a {
	padding: 25px 0 0 15px;
}
.annonce {
	padding: 20px 0 0 0;
}
.flux_rss {
	padding: 20px 0 0 0;
}

.g {
	float: left;
}
.d {
	float: right;
}
	
.cadre_haut {
	width: 211px;
	height: 11px;
	background: transparent url(../../charte/cadre_01.gif) no-repeat left bottom; 
}
.cadre_centre {
	width: 674px;
	background: transparent url(../../charte/bg-cadre_centre.gif) repeat-y 0 0; 
	padding: 0 0 0 0;
	margin: 25px 0 0 0;
}
.cadre_centre .clear {
	width: 674px;
	height: 34px;
	background: transparent url(../../charte/bg-cadre_centre-bas.gif) no-repeat bottom left; 
}

.actualites {
	float: left;
	width: 315px;
	background: transparent url(../../charte/bg-actualites.gif) no-repeat 0 0; 
}
.agenda {
	float: left;
	width: 359px;
	background: transparent url(../../charte/bg-agenda.gif) no-repeat 0 0; 
}
.actualites h2,
.agenda h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 13px 0 28px 76px;
	text-transform: none;
}
.agenda h2 {
	color: #cc6666;
	padding: 13px 0 28px 92px;
}
.actualites h3,
.agenda h3,
.actualites h3 a,
.agenda h3 a  {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	background: none;
	text-decoration: underline;
	padding: 0;
}
.actualites h2 {
	color: #99cc00;
}
.actualites .module,
.agenda .module {
	padding: 0 0 40px 20px;
	font-size: 10px;
}
.agenda .module {
	padding: 0 26px 40px 40px;
}

.cadre_bas {
	background: transparent url(../../charte/cadre_03.gif) no-repeat 0 0;
	width: 211px;
	height: 8px;
}

.encadre {
	width: 200px;
	padding: 0 0 0 10px;
}

#search {
	width: 209px;
	height: 36px;
}
#search form {
}


input.btok {
	float: right;
	margin: 0 0 0 0;
	vertical-align: middle;
}
.btok_client {
	float: left;
	margin: 34px 0 0 0;
}
input.champtexte {
	float: left;
	width: 163px;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	height: 16px;
	border: 1px solid #ccc;
	background-color: #edefee;
	color: black;
	font-size: 10px;
	vertical-align: middle;
}
.client input {
	float: right;
	margin-right: 15px;
}
.client input.forml {
	display: block;
	float: none;
	clear: both;
	border: 1px solid #ccc;
	background-color: #edefee;
	margin: 0 0 10px 0;
	width: 169px;
}

#espaces_bas {
	width: 540px;
	height: 37px;
	clear: both;
	margin-top: 14px;
  voice-family: "\"}\"";
  voice-family:inherit;
	margin-top: 0px;
}


.clear {
	clear: both;
}

h1 {
	font-size: 16px;
	background: transparent url(../../charte/bg-h1.gif) no-repeat 0 0;
	color: #ff8f8f;
	padding: 18px 43px 13px 24px;
}
h1 span {
	padding: 18px 34px 13px 0px;
	background: transparent url(../../charte/bg-h1-span.gif) no-repeat top right;
}
h1 span span {
	padding: 0;
	background-image: none;
}


h2  { font-size: 16px; font-weight: bold; text-transform: uppercase;
}

h3 {font-size: 13px;}

h3.spip {
	font-size: 14px; 
	font-weight: bold;
	margin: 5px 0 5px 0; 
	padding: 0px 0 5px 20px; 
	text-transform: uppercase; 
}

h3.spip,
.r_1 h3.spip {
	color: #e680a8;
	background: transparent url(../../charte/fond-h3-rose.gif) no-repeat 0 0;
}
.r_15 h3.spip {
	color: #aed22b;
	background: transparent url(../../charte/fond-h3-vertclair.gif) no-repeat 0 0;
}
.r_16 h3.spip {
	color: #ccabd3;
	background: transparent url(../../charte/fond-h3-violet.gif) no-repeat 0 0;
}
.r_17 h3.spip {
	color: #8aa8d3;
	background: transparent url(../../charte/fond-h3-cyan.gif) no-repeat 0 0;
}
.r_8 h3.spip {
	color: #e8a922;
	background: transparent url(../../charte/fond-h3-orange.gif) no-repeat 0 0;
}
.r_18 h3.spip {
	color: #83a67b;
	background: transparent url(../../charte/fond-h3-vert.gif) no-repeat 0 0;
}
.r_19 h3.spip {
	color: #7fd3d5;
	background: transparent url(../../charte/fond-h3-turquoise.gif) no-repeat 0 0;
}
.r_20 h3.spip {
	color: #aeabfc;
	background: transparent url(../../charte/fond-h3-violetfonce.gif) no-repeat 0 0;
}



	
h4.spip { font-size: 12px; font-weight: bold; color: #000;
}
	
h5 {
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}
h6 {
	font-size: 20px;
	color: black;
	font-family: "Arial Black",
Arial,
Helvetica,
Geneva,
Arial,
SunSans-Regular,
sans-serif;
}


#espaces_bas h5,
.bouton_login {margin: 0}

h5 a,
h3 a {text-decoration: underline;
	background: transparent url(../../charte/curseur-d2.gif) no-repeat right top; 
	padding: 0 20px 0 0;
}
h5 a:hover,
h3 a:hover {text-decoration: none;
}
	
h5 a,
h5 a:hover {color: red;}

.btmdp {
	height: 18px;
	}


.r_1 .contenu h1,
h5.r_1,
h5.r_1 a,
h5.r_1 a:hover,
h3.spip,
.r_1 h3.spip,
.r_1 h3.spip a  {
	color: #ff8f8f;
}
.r_15 .contenu h1,
h5.r_15,
h5.r_15 a,
h5.r_15 a:hover,
.r_15 h3.spip,
.r_15 h3.spip a  {
	color: #8fc600;
}
.r_16 .contenu h1,
h5.r_16,
h5.r_16 a,
h5.r_16 a:hover,
.r_16 h3.spip,
.r_16 h3.spip a  {
	color: #c68fc6;
}
.r_8 .contenu h1,
h5.r_8,
h5.r_8 a,
h5.r_8 a:hover,
.r_8 h3.spip,
.r_8 h3.spip a  {
	color: #ff8f00;
}
.r_18 .contenu h1,
h5.r_18,
h5.r_18 a,
h5.r_18 a:hover,
.r_18 h3.spip,
.r_18 h3.spip a  {
	color: #5a8fc6;
}
.r_17 .contenu h1,
h5.r_17,
h5.r_17 a,
h5.r_17 a:hover,
.r_17 h3.spip,
.r_17 h3.spip a  {
	color: #8aa8d3;
}
.r_19 .contenu h1,
h5.r_19,
h5.r_19 a,
h5.r_19 a:hover,
.r_19 h3.spip,
.r_19 h3.spip a  {
	color: #2ac6c6;
}
.r_20 .contenu h1,
h5.r_20,
h5.r_20 a,
h5.r_20 a:hover,
.r_20 h3.spip,
.r_20 h3.spip a  {
	color: #8f8fc6;
}


#menu {
	position: absolute;
	top: 133px;
	left: 19px;
	height: 20px;
	font-size: 12px;
}

#menu li {
	float: left;
	margin: 0 2px 0 0;
	background: #ff9999 url(../../charte/bg-menu-li.gif) no-repeat 0 0; 
}
#menu li a {
	display: block;
	padding: 3px 20px 3px 20px;
	font-size: 13px;
}
#menu li a {
	color: white;
}

#menu li a:hover {
	text-decoration: none;
	border-bottom: 0px solid #f00; 
}

#menu li.r_1 {
	background: #ff9999 url(../../charte/bg-menu-li-r1.gif) no-repeat 0 0; 
}
#menu li.r_15 {
	background: transparent url(../../charte/bg-menu-li-r15.gif) no-repeat 0 0; 
}
#menu li.r_16 {
	background: transparent url(../../charte/bg-menu-li-r16.gif) no-repeat 0 0; 
}
#menu li.r_17 {
	background: transparent url(../../charte/bg-menu-li-r17.gif) no-repeat 0 0; 
}
#menu li.r_8 {
	background: transparent url(../../charte/bg-menu-li-r8.gif) no-repeat 0 0; 
}
#menu li.r_18 {
	background: transparent url(../../charte/bg-menu-li-r18.gif) no-repeat 0 0; 
}
#menu li.r_19 {
	background: transparent url(../../charte/bg-menu-li-r19.gif) no-repeat 0 0; 
}
#menu li.r_20 {
	background: transparent url(../../charte/bg-menu-li-r20.gif) no-repeat 0 0; 
}


#menu li.r_1 a {
	background: transparent url(../../charte/bg-menu-a-r1.gif) no-repeat top right; 
}
#menu li.r_15 a {
	background: transparent url(../../charte/bg-menu-a-r15.gif) no-repeat top right; 
}
#menu li.r_16 a {
	background: transparent url(../../charte/bg-menu-a-r16.gif) no-repeat top right; 
}
#menu li.r_17 a {
	background: transparent url(../../charte/bg-menu-a-r17.gif) no-repeat top right; 
}
#menu li.r_8 a {
	background: transparent url(../../charte/bg-menu-a-r8.gif) no-repeat top right; 
}
#menu li.r_18 a {
	background: transparent url(../../charte/bg-menu-a-r18.gif) no-repeat top right; 
}
#menu li.r_19 a {
	background: transparent url(../../charte/bg-menu-a-r19.gif) no-repeat top right; 
}
#menu li.r_20 a {
	background: transparent url(../../charte/bg-menu-a-r20.gif) no-repeat top right; 
}

.impression {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 15px;
	right: 0;
	margin-right: 10px;
	margin-bottom: -10px;
}
.impression img {
	width: 22px;
	height: 22px;
	border: 0;
}
.send {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 15px;
	right: 0;
	margin-right: 32px;
	margin-bottom: -10px;
	float: right;
}
.send img {
	width: 22px;
	height: 22px;
	border: 0;
}
.pdf {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 15px;
	right: 0;
	margin-right: 50px;
	margin-bottom: -10px;
	float: right;
}
.pdf img {
	width: 16px;
	height: 16px;
	border: 0;
}

.addthis {
	position: absolute;
	top: 18px;
	right: 10px;
	margin-right: 60px;
	margin-bottom: -10px;
	float: right;
}

.jaime {
	position: absolute;
	width: 125px;
	height: 16px;
	top: 10px;
	right: 10px;
	margin-right: 250px;
	margin-bottom: -10px;
	float: right;
}
.addthis img {
	width: 125px;
	height: 16px;
	border: 0;
}

td {}
a { color: #69f; text-decoration: none;}
a:hover { color: blue;text-decoration: underline;}
a:active { color: red;}

.sans a { color: #333; text-decoration: none;
}
.sans a:hover { color: #333; text-decoration: none;
}

.LIEN a {
	background: transparent url(../../charte/curseur-d2.gif) no-repeat right top; 
	padding: 0 20px 0 0;
}

.acces {display: none;}

dl,
dt,
dd,
ul,
li {
margin: 0;
padding: 0;
list-style-type: none;
}

.container {
	position: relative;
	width: 888px;
	margin: 0 auto 0 auto;
}


.liens_doubleclic {
	float: none;
	width: 100%;
	font-size: 10px;
}
#accueil .liens_doubleclic,
.liens_consultes {
	float: left;
	width: 50%;
	font-size: 10px;
}
.liens_consultes a {
	color: #6699cc;
	text-decoration: underline;
}
.liens_doubleclic a {
	color: #ff9933;
	text-decoration: underline;
}
.liens_doubleclic h3,
.liens_consultes h3 {
	font-size: 10px;
	color: white;
	margin: 0 0 5px 0;
	padding: 7px 0 3px 10px;
	border-bottom: #ff9933 1px solid;
	background: transparent url(../../charte/bg-h2-doubleclic.gif) no-repeat bottom left; 
}
.liens_doubleclic h3 span,
.liens_consultes h3 span {
	padding: 7px 10px 3px 0;
	background: transparent url(../../charte/bg-h2-span-doubleclic.gif) no-repeat bottom right; 
}
.liens_consultes h3 {
	background: transparent url(../../charte/bg-h2-consultes.gif) no-repeat bottom left; 
	border-bottom: #6699cc 1px solid;
}
.liens_consultes h3 span {
	background: transparent url(../../charte/bg-h2-span-consultes.gif) no-repeat bottom right; 
}
.liens_doubleclic ul li,
.liens_consultes ul li {
	display: inline;
	padding: 0 10px 0 0;
}
.gauche_contenu {
	float: left;
	width: 667px;
	margin: 0 0 20px 0;
}
#chemin_fer {
	padding: 0px 0 0 20px;
	color: #000;
	font-size: 10px;
}
#chemin_fer a {
	color: #000
}
.gauche {
	background: transparent url(../../charte/bg-gauche.gif) no-repeat 0 0; 
	width: 194px;
	float: left;
}
.gauche-vide {
	background: transparent url(../../charte/bg-gauche.gif) no-repeat 0 0; 
	width: 20px;
	float: left;
}

.gauche ul {
	width: 187px;
	float: left;
	text-align: right;
	margin: 47px 0 0 0;
	padding: 0;
}
.gauche li {
	width: 187px;
	margin: 0 0 2px 0;
	padding: 0;
}
.gauche li a:link,
.gauche li a  {
	background: transparent url(../../charte/bg-menugauche.gif) no-repeat top right; 
	padding: 0 20px 5px 0;
	display: block;
	color: #0099cc;
}
.gauche li a:hover,
.gauche li a:hover  {
	background: transparent url(../../charte/bg-menugauche-over.gif) no-repeat top right; 
}
.contenu_accueil {
	width: 674px;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	position: relative;
	background: transparent url(../../charte/bg-contenu.gif) no-repeat top right; 
}
.contenu_visite {
	width: 880px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
}
.contenu_visite h1 {
}

.contenu {
	width: 674px;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	background: transparent url(../../charte/bg-contenu.gif) no-repeat top right; 
}
.contenu2 {
	width: 870px;
	float: left;
	text-align: left;
	position: relative;
	background: transparent url(../../charte/bg-contenu.gif) no-repeat top right;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

.contenu h1 {
	position: relative;
	left: -207px;
	margin-right: -207px;
	background: transparent url(../../charte/bg-h1.gif) no-repeat -5px 0;
	padding: 18px 43px 13px 20px;
	font-weight: bold;
}
.contenu2 h1 span,
.contenu h1 span {
	font-weight: bold;
}
.contenu_print {
	width: 674px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
}
.print {
	font-size: 16px;
	color: #003366;
	font-weight: bolder;
	padding-top: 18px;
	padding-right: 43px;
	padding-bottom: 13px;
}
.droite {
	width: 214px;
	float: left;
	z-index: 10;
	position: relative;
	}

.tiroir {
	position: absolute;
	top: 3px;
	right: 0;
	width: 213px;
	z-index: 990;
}
.tiroir a {
	color: #000000;
}

.chapo {
	color: #003366;
	font-weight: bold;
	padding-bottom: 10px;
}

#footer {
	background: transparent url(../../charte/fond_foot.gif) no-repeat center bottom; 
	width: 927px;
	height: 65px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: center;
}

.pied,
.piedw3c {
	background: transparent url(../../charte/pied-droit.gif) no-repeat right top;
	color: #666;
	float: left;
	padding: 10px 10px 0 0;
	margin: 0 0 0 0;
	height: 32px;
	font-size: 10px;
	color: #000000;
}
.piedw3c {
	background: none;
	margin-left: 10px;
	padding: 10px 0 0 0;
}

.piedw3c span,
.piedw3c a,
.piedw3c img {
	vertical-align: middle;
}
.piedw3c img {
	margin: 0 0 0 5px;
}

.pied a {
	color: #000;
}
#foot {
	width: 868px;
	margin: 6px auto 0 auto;
	background: transparent url(../../charte/pied-gauche.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
	text-align: left;
}

.piedg {
	height: 32px;
	float: left;
	padding: 0;
	margin: 6px 0 0 30px;
	width: 20px;
}
.ref {
	margin: 0;
	padding: 0 0 18px 8px;
}

.ref .descriptif {
	border-bottom: #f00 1px dashed;
	margin: 4px 0 4px 0;
	padding: 4px 0 4px 0;
}

.descriptif {
	font-style: italic;
	margin: 0;
	padding: 4px 0 4px 0;
}
.r_20 .descriptif {
	border-bottom: #aeabfc dashed 1px;
}

ul .descriptif {
}


.document {
	margin: 0;
	padding: 4px 0 4px 0;
}

.spip_documents_left {margin-right: 6px;}
.spip_documents_right {margin-left: 6px;}
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; text-align: center; }

.spip_titre_document {display: none;}

ol.spip  {  
	margin: 4px 0 18px 20px;
	padding: 0;
	font-weight: bold;
}
ol li {
	list-style-type: decimal;
	background: none;
}

ul.plansite {
	border-top: #ccc dashed 1px;
}
ul.plansite ul {
	margin: 4px 0 0 0;
	padding: 4px 0 17px 1.6em;
	font-size: 12px; 
	clear: left;
	border: 0;
}
ul.plansite li {
	color: #666;
	margin: 0;
	padding: 0;
}
ul.plansite li a {
	padding-left: 0.5em;
	text-decoration: none;
	background-image: none;
}
ul.plansite li strong {
	font-size: 105%;
  }
b,
strong,
strong.spip {font-weight: bold;
}
  
.texteencadre-spip {
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 10px;
	text-align: left;
	color: #000;
	font-size: 13px;
	border: #f00 dashed 1px; 
}

.caractencadre-spip {
	padding: 5px;
	font-weight: bold;
	border: #f00 dashed 1px;
	display: block;
}

p.spip {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
.chapo {
	line-height: 1.5em;
}

.r_1 .contenu ul{
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}
.r_1 .contenu ul li {
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

.contenu ul li.LIEN {
	background: none; 
	padding: 0 20px 0 0;
	margin: 2px 0 8px 0;
	border-bottom: #ccc dashed 1px;
}



.r_16 .contenu ul{
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}

.r_16 .contenu ul li{
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

.r_15 .contenu ul{
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}

.r_15 .contenu ul li{
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

.r_17 .contenu ul{
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}

.r_17 .contenu ul li{
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

.r_8 .contenu ul{
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}

.r_8 .contenu ul li{
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

.r_18 .contenu ul{
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}

.r_18 .contenu ul li{
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

.r_19 .contenu ul {
	margin: 0;
	padding: 4px 0 0 0;
	font-style: italic;
}

.r_19 .contenu ul li{
	border-bottom: #ccc dashed 1px;
	margin: 2px 0 8px 0;
	padding: 0 0 14px 10px;
	background: transparent url(../../puce.gif) no-repeat 0 0;
}

/* au cas ou on mette les liens doubleclic dans le contenu
.contenu .liens_doubleclic {
	float: none;
	width: 80%;
}
.r_8 .contenu .liens_doubleclic ul,
.r_15 .contenu .liens_doubleclic ul,
.r_17 .contenu .liens_doubleclic ul,
.r_18 .contenu .liens_doubleclic ul,
.r_19 .contenu .liens_doubleclic ul,
.r_1 .contenu .liens_doubleclic ul {
	margin: 0;
	padding: 0;
	font-style: normal;
}
.r_8 .contenu .liens_doubleclic ul li,
.r_15 .contenu .liens_doubleclic ul li,
.r_17 .contenu .liens_doubleclic ul li,
.r_18 .contenu .liens_doubleclic ul li,
.r_19 .contenu .liens_doubleclic ul li,
.r_1 .contenu .liens_doubleclic ul li {
	border-bottom-width: 0;
	margin: 0;
	padding: 0;
	background: none;
}
*/

.container ul.spip {
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 13px;
	font-weight: bold;
	zoom:1;
}

.container  ul.spip li.spip,
.ref .titre {
	margin: 0;
	padding: 4px 0 4px 20px;
	background: transparent url(../../charte/curseur.gif)  no-repeat 0 6px;
	border-top: #f00 dashed 1px;
	border-bottom: none;
	clear: left;
}

.votre {
	margin: 5px 0 0 0;
}
fieldset {
	border: 0;
}

.spip_form_legend {
	font-size: 13px; 
	font-weight: bold; 
	color: #000;
	padding: 0 0 10px 0;
}

.principal {
	width: 440px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 20px 0 0;
}
.colonne50 {
	width: 47%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 2% 0 0;
}
.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 20px 0 0;
}
.spip_images {
	padding: 0 5px 0 5px;
}
.equipe {
	padding: 0 0 10px 0;
}
span.center { text-align: center;
}


.del {
	position:absolute;
	left:165px; 
	top:87px;
}

* html .del {
	position:absolute;
	left:165px; 
	top:-360px;
}

.controle {
	position:absolute; 
	left:150px; 
	top:-20px; 
	font-weight:bold; 
	color:red; 
	text-align: center;
}

* html .controle {
	position:absolute; 
	left:150px; 
	top:-470px; 
	font-weight:bold; 
	color:red; 
	text-align: center;
}
.btn-login {
	float: left;
	height: 21px;
	width: 21px;
	position: relative;
	margin-right: 10px;
}
.forml {
	float: left;
	width: 12em;
	border: thin solid #009900;
}
.mdp {
	font-size: 0.8em;
	color: #999999;
}
.cleverm {
	margin-top: 30px;
}
.forms-site {
	float: left;
	width: 250px;
	text-align: left;
}
.crayon a.spip_in {
	display: inline;
}

/* === Pour agenda en page accueil ===*/
#agenda {
	width: 660px;
	background: #f1f6e7 url(../../charte/bg-agenda-new.gif) repeat-y 0 0;
}
#agenda h2 {
	width: 620px;
	background: transparent url(../../charte/bg-agenda-h2.jpg) no-repeat 0 0;
	color: #c66;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0 5px 40px;
	text-transform: none;
}
#agenda h3 a {
	color: #333;
	text-decoration: none;
}
#agenda .bas {
	background: transparent url(../../charte/bg-agenda-bas.gif) no-repeat 0 100%;
	padding: 0 16px 30px 16px;
}
#actualites h2 {
	margin-left: 7px;
}
#actualites h2 {
	background: transparent url(../../charte/bg-actualites-new.jpg) no-repeat 0 0;
	color: #9c0;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 5px 40px;
	text-transform: none;
}

/* === Pour creation de sites ===*/

.section {
	float: left;
	width: 320px;
	text-align: center;
	padding: 0 0 15px 0;
}
.section img {
	border: #e8e7e7 15px solid;
}

.section h3 {
	color: #827e7e;
	font-size: 14px;
	padding: 5px 0;
}
.section .descriptif {
	font-size: 10px;
	color: #999;
}
.img_realisation{
	width:300px;
	height:183px;
	text-align:center;
}
.bloc_realisation{
	float:left;width:50%;	
	padding-bottom:10px;
}
#___plusone_0 {
	display: block !important;
	float: left !important;
	width: 90px !important;
	height: 20px !important;
}