* { margin: 0; padding: 0; border: 0; }
body { background: #FFFFFF;text-align: center; font-family: Verdana, arial, sans-serif; color: #000; font-size: 11px; }
img { display: inline; }
table {border-collapse:collapse;}
#container {
	position: relative;
	width:972px;
	margin-left:auto;
	margin-right:auto;
	background: url(/charte/back-body.jpg) repeat-y;
	text-align:center;
}

#principale {
	position: relative;
	width:960px;
	padding-left:6px;
	padding-right:6px;
}

#header {
	position: relative;
	text-align:left;
	background: url(/charte/header_fond.jpg) repeat-x;
	height:119px;
	width:960px;
}

#header2 {
	position: absolute;
	right: 0;
	top:0;
	background: url(/charte/header_droite.jpg) repeat-x;
	width: 216px;
	height: 119px;
}

#headerLogin {
	position: absolute;
	right: 0;
	top:0;
	background: url(/charte/header_droite_login.jpg) repeat-x;
	width: 216px;
	height: 119px;
}
.input_login{
	color: #660066;
	background:#fddff9;
	width: 107px;
	height: 14px;
}

.input_login2{
	color: #660066;
	background:#fddff9;
	width: 150px;
	height: 14px;
}

#title {
	position: relative;
	text-align:left;
	background:#993399 url(/charte/title_fond.jpg) no-repeat;
	height:28px;
	color:#FFF;
	font-weight:bold;
	width:960px;
}

#hello, #logout {bottom:8px; 	position:absolute;}

#hello {
	text-align:left;
	left:20px;
}

#logout {
	text-align:right;
	right:10px;
}

#title img { vertical-align:middle }

#header a, #title a, #lienfooter a {
	color: #cc00cc;

}



span.pink {color: #cc00cc;}
span.violet {color: #993399}
span.bleu {color: #0066cc}
span.miniviolet{color: #993399;font-size:9px;font-weight:bold}
span.white, span.strongwhite {color:#C6C6C6}
span.strongwhite {font-weight:bold;}
span.darkblue {color:#06C;font-weight:bold;}

h3 {
	padding:0;
	border-bottom:1px solid #939;
	font-size:12px;
	color:#939;
	margin:0 0 5px 0;

}

#table1 * {vertical-align:middle;line-height:37px;}
#table1 img {margin:0 10px 0 10px;}

#table1 a {
	text-decoration:none;
	color:#06C;
}

.linemail {
	padding-top:5px;
}

.none {
	text-decoration:none;
	color:#939;
	
}

.linemail2 {
	padding-top:7px;
}
#infobulle {
	border:1px solid #939;
	width:170px;
	background:#FFF;
	z-index:10000;
	position: absolute;
text-align:left;
padding:5px;
}

.clear {
clear:both;
}

.lienviolet,.stronglienviolet, .underlienviolet, .lien_path a {
 color:#939;
 text-decoration:none;
}
.underlienviolet:hover {
	text-decoration:underline;
}


.stronglienviolet{
	font-weight:bold;
}

.lienblanc {
 color:#fff;
 text-decoration:none;
 font-weight:bold;
}

.tooviolet {
	height:20px;
	background:#939;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	padding: 5px 10px;
}

.topviolet {
	height:24px;
	background:#FFF url(/charte/fondtop.jpg) no-repeat bottom right;
	text-align:center;
	color:#939;	
	padding: 0 20px 0 0;
	width:25%;	
}

.top2violet {
	background:#939 url(/charte/fondtop2.jpg) no-repeat bottom right;
	width:75%;
}

.ongletv21 {
	height:24px;
	background:#FFF url(/charte/fondtop.jpg) no-repeat top left;
	color:#939;	
	width:18px;	
	font-size:0;
	float:left;
}
.ongletv22 {
	height:24px;
	background:#FFF url(/charte/fondtop2.jpg) no-repeat top left;
	color:#939;	
	width:12px;	
	font-size:0;
	float:left;
	margin-left:15px;
}
.ongletv23 {
	float:left;
	width:25%;
	background-color:#FFF;
	height:24px;
	color:#993399;
	line-height:24px;
	text-align:center;
}


/* FORM MODIF ELECTEUR */
.forminsc OPTION { background-color: #FFF ; }
.forminsc SELECT {margin:2px; border: 1px solid #939;background-color: #FFF ; }
.forminsc .BUTTON { width:200px; border: 1px solid #939;font-family: arial, helvetica, sans-serif ; border-width: 1pt ; font-size: 10pt ; color: #000 ; background-color: #FFF ; }
.forminsc INPUT {margin:2px; width:255px; border: 1px solid #939; font-family: Arial, Helvetica, sans-serif ; color: #000 ; }

#forminsc OPTION { background-color: #FFF ; }
#forminsc SELECT {margin:2px; border: 1px solid #939;background-color: #FFF ; }
#forminsc .BUTTON { width:200px; border: 1px solid #939;font-family: arial, helvetica, sans-serif ; border-width: 1pt ; font-size: 10pt ; color: #000 ; background-color: #FFF ; }
#forminsc INPUT {margin:2px; width:255px; border: 1px solid #939; font-family: Arial, Helvetica, sans-serif ; color: #000 ; }


/* FORM CONTACT */
#form_contact {border: 1px solid #654665;padding:15px; width: 450px;margin-left:auto;	margin-right:auto;	}
#form_contact fieldset {border: 0px solid}
#form_contact OPTION { background-color: #FFF ; }
#form_contact SELECT { border: 1px solid #333;background-color: #FFF ; }
#form_contact TEXTAREA { width:255px; border: 1px solid #333;background-color: #FFF ; color: #000 ; }
#form_contact .BUTTON { width:200px; border: 1px solid #333;font-family: arial, helvetica, sans-serif ; border-width: 1pt ; font-size: 10pt ; color: #000 ; background-color: #FFF ; }
#form_contact INPUT { width:255px; border: 1px solid #333; font-family: Arial, Helvetica, sans-serif ; color: #000 ; }
#form_contact LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 100px ; margin-left: 10px ; }


#formaddadr LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 200px ; margin-left: 10px ; }
#formaddadr .input { width:255px; border: 1px solid #FCF; font-family: Arial, Helvetica, sans-serif ; color: #000 ; margin-bottom:1px}
#formaddadr .textarea { height:75px;width:255px; border: 1px solid #FCF;background-color: #FFF ; color: #000 ; }
#formaddadr .checkbox {width:20px;margin-left:5px}


#formaddadr .textreq { height:75px;width:255px; border: 1px solid #FCF;background-color: #fffdd6 ; color: #000 ; }
#formaddadr .textreqok { height:75px;width:255px; border: 1px solid #FCF;background-color: #FFF ; color: #000 ; }

#formaddadr .formreq {background-color:#fffdd6; width:255px; border: 1px solid #FCF; font-family: Arial, Helvetica, sans-serif ; color: #000 ; margin-bottom:1px}
#formaddadr .formreqok {background-color:#fff; width:255px; border: 1px solid #FCF; font-family: Arial, Helvetica, sans-serif ; color: #000 ; margin-bottom:1px}

#carteIdentite td {
	border-bottom: 1px solid #993399;
	height:25px;
	color:#0066cc;
}

.editable
{
  color: #000;
  border:1px solid #ff0000;
}

#changePhoto {
	border: 1px solid #939;
	color:#0066cc;
	height:50px;
	width:500px;
	padding:5px;
}

#tableCarnet a {
	color:#fff;
	font-weight:bold;
	text-decoration: none;
}

.lineadr2, .lineadr, .trtoexp {
	cursor:pointer;
}

.lineadr2 {
	background-color:#FCF;
}

.lineadr td {
	padding:5px;
	border-bottom:1px solid #939;
}

.lineadr2 td {
	padding:5px;
	border-bottom:1px dotted #939;
}

.newadr td {
	padding:5px;
	border-bottom:2px solid #939;
}

#headadr  {
	background:#939;
	color:#FFF;
	font-weight:bold;
}

#headadr td {
	padding:0 5px;
}
.trtoexp {
	background:#FCF;
}

.trtoexp td {
	padding:5px;
	border-bottom:1px solid #939;
}

#formaddadr {
	padding:5px;
	border:1px solid #FCF;
	margin:5px 0;


}

.ss_vaccin {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border-left:1px solid #939;
}


#ulpoids {
	position:relative;
}

#ulpoids li {
	height:20px;
	clear:both;
	position:relative;
}

.ulid {
	position:absolute;
	left:0;
}
.ulim {
	position:absolute;
	right:50%;
}
.ulig {
	position:absolute;
	right:0;
}

#ultaille li {
	height:20px;
	clear:both;
	position:relative;
}

.imagenf
{
margin-left:5px;
margin-right:7px;
}


/* CALENDAR */
/* CALENDAR */

.tablecal  {border:2px solid #939;margin-top:5px;border-collapse:separate;}
.tablecal2  {border:2px solid #939;margin-top:5px;border-collapse:separate;}

.titremois, .titremois a:link, .titremois a:visited { text-decoration: none; font-size: 13px; font-weight: bold; color: #FFF; background: #993399 }
.titremois a:hover  { color: #FFF; text-decoration: underline }

.trclass td {position:relative;padding:5px;}
.divtd {position:relative;height:40px;width:40px}
.rdv, .garde, .vacs {position:absolute; width:16px; }
.rdv {bottom:0px;right:0px;height:16px}
.vacs {top:0px;right:0px;height:16px}
.garde {bottom:0px;left:0px;height:14px}



.titrejours  { color: #000;font-weight:bold; background: #FFCCFF}

.titrenumov  {  color: #000; background: #FFF; border:1px dashed #939} /* Jours du mois */
.titrenum  {  color: #000; background: #FFF; border:1px solid #FFF} /* Jours du mois */

.titrenum2ov  {  color: #C6C6C6; font-weight:bold;border:1px dashed #939} /* Jours hors mois */
.titrenum2  {  color: #C6C6C6; font-weight:bold;border:1px solid #FFF} /* Jours hors mois */

.titrenowov  { color: #444;font-weight:bold; background: #FFCCFF;border:1px dashed #939 } /* Jour J */
.titrenow  { color: #444;font-weight:bold; background: #FFCCFF;border:1px solid #FFCCFF } /* Jour J */

.titrevacsov  {  color: #000;border:1px dashed #939} /* Jour Vacances */
.titrevacs  {  color: #000;} /* Jour Vacances */

.titreweekov  { color: #AAAAAA; background: #1C2D67; border:1px dashed #939 }
.titreweek  { color: #AAAAAA; background: #1C2D67; border:1px solid #1C2D67 }

.titreweek2ov  {  color: #AAAAAA; background: #1C2D67 ; border:1px dashed #939}
.titreweek2  {  color: #AAAAAA; background: #1C2D67 ; border:1px solid #1C2D67}

.titrewend2ov  {  color: #000; background: #DFEFFF ; border:1px dashed #939 }
.titrewend2  {  color: #000; background: #DFEFFF ; border:1px solid #DFEFFF }

#gardesem td {border-top:2px solid #939;height:20px}
#lastsem {border-right:2px solid #939;}
.papa { background: #DFEFFF }
.maman { background: #FFCCFF }


#timez {
	height:510px;
	width:240px;
	background:url(/charte/fondday.jpg) #000;
	position:relative;
	
}

/* CALENDAR */
/* CALENDAR */

.mini {width:50px;}





.formerror {
	background-color:#ffcccc;
	border:red 1px solid !important;
}

.formok {
	background-color:#ccffcc;
	border:green 1px solid !important;
}