body {
	/*width:600px;*/
	width: auto;
	background-color: #000000;
	font-family:'Times New Roman';
	height:auto;
	margin-left: auto;
	margin-right: auto;
	
}

#lampe-aladin
{
	float: right;
	width: 86px;
	height: 91px;
	background-image: url(../images/lampe-aladin.gif);
	background-repeat: no-repeat;
}

#popup-lampe {
	/*position: absolute;
	display:none;
	width: 150px;
	left: 0px;
	right: 0px;
	padding: 15px;
	padding-left: 60px;
	padding-right: 20px;
	border: 3px double rgb(122,122,122);
	background-color: rgb(210,227,245);
	background-image: url(../images/popup-zoom.png);
	background-repeat: no-repeat;
	z-index: 1;
	text-align:center;*/
	
	position:absolute;
	left:50%;
	top:105px;
	width:300px;
	display:none;
	padding:5px;
	background:#FFFFFF;
	border:#666666 3px double;
	padding: 15px;
	padding-left: 60px;
	padding-right: 20px;
	border: 3px double rgb(122,122,122);
	background-color: rgb(210,227,245);
	background-image: url(../images/popup-zoom.png);
	background-repeat: no-repeat;
}

#popup-lampe input{
	background-color: rgb(202,202,202);
	border: 1px solid rgb(173,173,173);
	font-size:10px;
}

#popup-lampe #precedent{
	width:50px;
	height:50px;
	background-image: url(../images/precedent.png);
	background-repeat: no-repeat;
	text-decoration:none;
}


#popup-lampe #suivant {
	width:50px;
	height:50px;
	background-image: url(../images/suivant.png);
	background-repeat: no-repeat;
	text-decoration:none;
}



#cadre {
	font-family:'Times New Roman';
	width: 802px;
	margin-left: -401px;
	background-color: #FFFFFF;
	margin-bottom: 30px;
}

.banner {
	font-family:'Times New Roman';
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 91px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

#menu {
	background-image: url(../images/menu-background.png);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	width: 802px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
		
}

.content {
	width: 200px;
	background-image: url(../images/galet.jpg);
	background-repeat:repeat-y;
	
}

.background-footer {
	width: 802px;
	height:100px;
	background-image: url(../images/lower-background.jpg);
	background-repeat: no-repeat;
	padding-left: 17%;
}

#menu h5 {
	display: none;
}

#menu ul {
	list-style: none;
	padding-top: 16px;
	padding-left: 20px;
	margin: 0px;
	width: 782px;
}

#menu li {
	float:left;
	display: block;
	background-color: gray;
	background-image: url(../images/onglet_droit.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0;
	margin-right: 34px;
	margin-bottom: 10px;
	height: 27px;
}

#menu li#current {
	height: 28px;
}

#menu a {
	display: block;
	background-image: url(../images/onglet_gauche.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 10px;
	color: #2A3182;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Time, "Times New Roman", serif;
	height: 21px;
	float: left;
}


#menu #current {
	background-image: url(../images/onglet_droit_current.png);
}

#menu #current a {
	background-image: url(../images/onglet_gauche_current.png);	
}

#colonne-princ-gauche {
	float: left;
	width: 570px;
	margin: 10px;
	margin-left: 10px;
	margin-right: 0px;
}

#colonne-droite {
	float: right;
	width: 200px;
	margin-right: 4px;
	margin-left: 0px;
	margin-top:0px;
	padding-top:10px;
	background-position:top;
	background-image:url(../images/blank.jpg);	
	background-color:#FFFFFF;
}

#footer {
	clear: both;
}

/* differente boite */

.box {
	background-image: url(../images/box-top-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;	
}

.top-box {
	background-image: url(../images/box-top-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	height: 28px;
	padding-left: 6px;
	line-height: 29px;
	margin-left: 10px;
	color: white;
	font-weight:normal;
	font-stretch:ultra-condensed;
	
}

.top-box-retract {
	background-image: url(../images/box-top-right-retract.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0;
	padding-left: 6px;
	padding-top: 6px;
	margin-left: 10px;
	height: 22px;
	line-height: 23px;
	color: white;
}

div.box a div.top-box-retract {
	text-decoration: none;
	cursor: pointer;
	color: white;
}

div.box a div.top-box {
	text-decoration: none;
	cursor: pointer;
	color: white;
	
}

div.top-box td{
color:white;
}

div.top-box td a{
float:right;
text-decoration:none;
color:white;
}

.top-user-box {
	background-image: url(../images/box-user-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0;
	padding-left: 6px;
	padding-top: 18px;
	margin-left: 10px;
	height: 22px;
	line-height: 23px;
	color: white;
}

div.top-user-box a {
text-decoration:none;
color:#FFFFFF;


}

.box-user {
	background-image: url(../images/box-user-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;	
}

.box-middle {
	border-left: 1px solid rgb(195,195,195);
	background-image: url(../images/box-right.png);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0px;
	padding: 8px 7px;
	padding-top: 2px;
	padding-bottom: 1px;
}


.box-bottom-retract {
	background-image: url(../images/box-bottom-retract.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 3px;
	height: 5px;
}

.box-bottom-right {
	background-image: url(../images/box-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	padding: 0;
	height: 11px;
}

.box-bottom {
	background-image: url(../images/box-bottom-right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0;
	padding: 0;
	height: 11px;
}

.fond-ecriture {
	background-image: url(../images/lettre-japonaise.png);
	background-repeat: no-repeat;
	background-position: center;
	color: gray;
}

#onglet_qui{
	padding:0;
 	margin:0;
 	list-style-type:none;

	
}

#onglet_qui li{
	 float:left; /*pour IE*/
}

#onglet_qui li a {
	display:block;
	float:left;   
	width:138px;
	line-height:40px;
	background:black url(../images/block_quica/noir-1.png) repeat-x;
	font-size: 12px;
	color:#DCDCDC;
	text-decoration:none;
	text-align:center;
}

#onglet_qui li.selected a {
	background:black url(../images/block_quica/noir-2.png) repeat-x;
 	color:white;
}

#onglet_qui li a:hover {
	background:black url(../images/block_quica/noir-2.png) repeat-x;
 	color:white;
}

/* mise en page */
.corps {
	width:350px;
	/*font-size: 13px;
	font-weight: normal;*/
	vertical-align: top;
	text-align: justify;
	padding:0 5px 0 5px;
	margin:0;
	
}
.EditImage{
	width:150px;
	vertical-align:top;
}
.encadre{
	border: 3px double rgb(122,122,122);
	background-color: rgb(210,227,245);
	font-size: 13px;
	font-weight: bold;
	text-align: justify;
}
/* boite actualite */
#actualite-box {
	
	background-color: rgb(235,235,235);
	padding: 3px;
	background-image: url(../images/actualite.png);
	background-repeat: no-repeat;
	background-position: center 5px;
	padding-top: 40px;
	margin-bottom: 8px;
	margin-top:0px;
}


#actualite-box h1{
	display: none;
}

#actualite-box div.actualite-box-element {
	background-image: url(../images/fleche-verte.png);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	line-height: 13px;
	text-align: left;
}

#actualite-box .title {
	color: rgb(14,31,124);
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	border-right: 3px solid rgb(14,31,124);
	border-left: 3px solid rgb(14,31,124);
	padding: 0px 0px;
	margin-left: 25px;
	margin-right: 7px;
	font-size: 12px;
}

#actualite-box .subtitle {
	clear: both;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
}

#actualite-box .resume {
	font-size: x-small;
	margin-left: 10px;
}

#actualite-box .suite {
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 110px;
	padding-left: 13px;
	color: rgb(14,31,124);
	background-image: url(../images/fleche-actualite-grise.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
}

#actualite-box hr {
	margin-left: auto;
	margin-right: auto;
	height: 2px;
	width: 95%;
	color: white;
	background-color: white;
	margin-top:	3px;
	margin-bottom:	10px;
	border: none;
}

/* petite boite membre sur la banniere */

.membre {
	background-image: url(../images/box-membre-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

.membre span.fond, .membre a {
	display: block;
	background-image: url(../images/box-membre-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 49px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 8px;
	padding-right: 20px;
	float: left;
}

.membre a {
	color: white;
	text-decoration: none;
	line-height: 9px;
	text-align: right;
}

.membre a span.clic {
	font-size: 90%;
	color: rgb(24,25,21);
}

#encart {
	text-align: center;
	border-width: 2px;
	border-color: black;
	border-style: solid;
	background-color: white;
	padding: 12px;
}

#encart-gray {
	background-color: rgb(226,226,226);
	padding: 8px 12px;
}


/* differents bouttons avec images */

div.gray-round-boutton {
	background-image: url(../images/left-gray-round-boutton.png);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	padding-left: 15px;
	text-decoration: none;

	height: 15px;
	font-size: 13px;
}

div.gray-round-boutton a {
	display: block;
	color: white;	
	background-image: url(../images/right-gray-round-boutton.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-left: 0px;
	float: left;
	padding-right: 10px;
	padding-left: 5px;
	height: 15px;
	line-height: 15px;
	text-decoration: none;
}

.fleche-verte {
	display: block;
	margin-left: 10px;
	background-image: url(../images/list-actualite.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.FlecheBleu {
	display: block;
	padding-left: 28px;
	line-height: 20px;
	background-image: url(../images/fleche-bleu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.rss {

	display: block;
	margin-left: 10px;
	padding-left: 20px;
	background-image: url(../images/rss.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: gray;
	text-align: left;
	text-decoration: none;
	font-size: 13px;
	margin-bottom: 10px;
	height: 16px;
}

img.rss {
	text-align:none;
	float:right;
}




#popup-aide {
	position: absolute;
	width: 200px;
	left: 0px;
	right: 0px;
	padding: 15px;
	padding-left: 60px;
	padding-right: 20px;
	border: 3px double rgb(122,122,122);
	background-color: rgb(210,227,245);
	background-image: url(../images/popup-zoom.png);
	background-repeat: no-repeat;
	z-index: 1;
	text-align:left;
}



/* calendrier */

div#calendrier{
	border: 1px solid #bfc1be;
	padding: 1px;
	width: 564px;
	overflow-x: auto;
}

div#calendrier table{
	clear: both;
	font-size: 1em;
	text-align: center;
	border-collapse: collapse;
	margin-top: 1px;
	width: 530px;
	margin-top: 4px;
	margin: 7px;
}

div.calendrier_prehead{
	background-image: url('../images/cal_head_month.png');
	background-repeat: repeat-x;
	text-align: left;
	font-size: 1.0em;
	line-height: 26px;
	text-indent: 10px;
	height: 26px;
	width: 560px;
}

div.calendrier_prehead_text {
	float: left;
}

div.calendrier_prehead_links{
	float: right;
	margin-right: 10px;
	margin-top: 2px;
}

div.calendrier_prehead_links img{
	border: 0px;
}

div#calendrier table thead{
	padding: 10px;
	border: 1px;
	text-align: center;
}

div#calendrier table th{
	color: #000000;
	font-size: 1.0em;
	text-align: center;
	font-weight: normal;
	height: 26px;
	background-image: url('../images/cal_head_date.png');
	background-repeat: repeat-x;
	line-height: 23px;
	border: 1px solid #6892CE;
	background-color: rgb(193,219,252);
	overflow: hidden;
}

div#calendrier table thead tr{
	border: 0px;
}

div#calendrier table tr{
	border-bottom: 2px solid #5b8ec7;
}

div#calendrier table td{
	width: 14%;
	border: 1px solid #6892CE;
	vertical-align: top;
	padding: 0px;
}

div#calendrier table td.date_info_prev_month{
	background-color: #e3ebf6;
}

div.date
{
	font-size: 0.8em;
	height: 17px;
	text-align: left;
	text-indent: 4px;
	background-image: url('../images/cal_day.png');
	background-repeat: repeat-x;
	padding-top: 4px;
	border-bottom: 1px solid #6892CE;
	background-color: rgb(206,223,239);
}


div#calendrier ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 2px;
	font-size: x-small;
}

div#calendrier ul a:link
{
	text-decoration: none;
	color: black;
}

div#calendrier ul a:visited
{
	text-decoration: none;
	color: black;
}

div#calendrier li
{
	font-size:9px;
	background-image: url(../images/cal_event_up.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	width: 73px;
}

div#calendrier li.spec
{
	background-image: url(../images/BOUTONS/cal_event_up_spec.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec4
{
	background-image: url(../images/BOUTONS/cal_event_up_spec4.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec14
{
	background-image: url(../images/BOUTONS/cal_event_up_spec14.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec2
{
	background-image: url(../images/BOUTONS/cal_event_up_spec2.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec7
{
	background-image: url(../images/BOUTONS/cal_event_up_spec7.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec11
{
	background-image: url(../images/BOUTONS/cal_event_up_spec11.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec17
{
	background-image: url(../images/BOUTONS/cal_event_up_spec17.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec19
{
	background-image: url(../images/BOUTONS/cal_event_up_spec19.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec21
{
	background-image: url(../images/BOUTONS/cal_event_up_spec21.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier li.spec22
{
	background-image: url(../images/BOUTONS/cal_event_up_spec22.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier ul li a
{
	display: block;
	background-image: url(../images/BOUTONS/cal_event_down.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 2px 0px;
}

div#calendrier ul li.spec a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier ul li.spec4 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec4.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier ul li.spec14 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec14.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}

div#calendrier ul li.spec2 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec7 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec7.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec11 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec11.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec17 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec17.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec19 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec19.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec21 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec21.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec22 a
{
	background-image: url(../images/BOUTONS/cal_event_down_spec22.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: black;
}
div#calendrier ul li.spec a:link
{
	color: white;
	
}

div#calendrier ul li.spec a:visited
{
	color: white;
}

div#calendrier span
{
	font-weight: bold;
}

div#calendrier div.spacer
{
	width: 0px;
	float: left;
	height: 54px;
}

#popup-zoom {
	position: absolute;
	margin-left: 150px;
	margin-top: 200px;
	padding: 6px;
	width:300px;
	border: 3px double rgb(122,122,122);
	background-color: rgb(210,227,245);
	background-image: url(../images/popup-zoom.png);
	background-repeat: no-repeat;
}

#popup-zoom .zoom {
	margin-left: 50px;
	color: rgb(198,4,4);
	font-weight: bold;
	line-height: 120%;
	padding-right: 6px;
}

#popup-zoom #zoom-soiree {
	margin-left: 10px;
	padding-right: 10px;
}

#popup-zoom ul {
	margin-left: 10px;
	margin-top: 20px;
	padding: 0px;
	padding-right: 20px;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
}

#popup-zoom li {
	padding: 2px;
}

#popup-zoom ul span {
	color: rgb(198,4,4);
}

#popup-zoom img {
	border: 0px;
}

/* formulaire */

div.formulaire-box {
	border-left: 1px solid rgb(179,179,179);
	border-top: 1px solid rgb(179,179,179);
	background-image: url(../images/box-right.png);
	background-position: right top;
	background-repeat: repeat-y;
	padding: 1px;
	padding-right: 6px;
	padding-bottom: 30px;
}

div.formulaire-box .formulaire-box-header {
	background-color: rgb(197,213,240);
	background-image: url(../images/top-formulaire-up.png);
	background-position: left top;
	background-repeat: repeat-x;
	padding-left: 20px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 8px;
}

div.formulaire-footer-box {
	background-image: url(../images/box-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding-left: 11px;
	height: 11px;
}

div.formulaire-footer-box-right {
	background-image: url(../images/box-bottom-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0;
	padding: 0;
	height: 11px;
}

/* boite interieur du formulaire */

div.in-formulaire-box {
	border-left: 2px solid rgb(81,123,210);
	border-top: 2px solid rgb(81,123,210);
	border-bottom: 3px solid rgb(74,116,202);
	border-right: 1px solid rgb(81,123,210);
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 13px;
	font-weight: normal;
}

div.in-formulaire-box .in-formulaire-box-header {
	background-color: rgb(192,219,255);
	background-image: url(../images/top-formulaire.png);
	background-position: left top;
	background-repeat: repeat-x;
	padding-left: 20px;
	line-height: 25px;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid rgb(81,123,210);
}

.in-formulaire-box-body {
	padding: 0px 10px;
	padding-bottom: 20px;
	
}

/* champ pour la presentation des champs de saisi */

.fldGrp {
	float: left;
	vertical-align: top;
}

.fldGrpInline {
	float: left;
	display: inline;
	vertical-align: top;
}

div.in-formulaire-box input, select {
	margin: 0px 25px 0px 0px;
}

.module {
	clear: both;
	margin: 0px;
	vertical-align: top;
	padding-top: 5px;
	font-size: 13px;
}

.moduleNaissance {
	font-weight: bold;
}

.help {
	color: gray;
}

input.boutton {
	background-color: rgb(202,202,202);
	border: 1px solid rgb(173,173,173);
}

.BoutRadio {
	padding: 0px;
	margin: 0px;
	margin-right: 8px;
	
}

div.in-formulaire-box input.BoutRadio {
	padding: 0px;
	margin: 0px;
	margin-right: 8px;
}

.error-input {
	border: 3px solid red;
}

.error {
	color: red;
}

.obligatoire {
	color: red;
	font-size:12px;
}
/* tableau dans la page contact pour ranger les boutons radios */

table#theme table {
	width: 100%;
}

table#theme tr td {
	width: 25%;
}

/* bouton bleu */
.boutonBleuInscription {
	display: block;
	background-image: url(../images/bou-inscription-bleu-up.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	text-align: center;
	font-size: x-small;
	width: 206px;
	color:black;
	text-decoration: none;
}

.boutonBleuInscriptionFooter {
	background-image: url(../images/bou-inscription-bleu-down.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px;
	height: 22px;
	width: 206px;
}

.boutonMarronInscription {
	display: block;
	background-image: url(../images/bou-inscription-marron-up.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px;
	text-align: center;
	font-size: x-small;
	width: 206px;
	color: black;
	text-decoration: none;
}

.boutonMarronInscriptionFooter {
	background-image: url(../images/bou-inscription-marron-down.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px;
	height: 22px;
	width: 206px;
}

.boutonInscriptionBody {
	display: block;
	padding: 15px 10px;
	padding-bottom: 0px;
}

/* home */

table#home-table {
	width: 570px;
}

table#home-table td.premiere-colonne {
	width: 43%;
}

table#home-table td.seconde-colonne {
	width: 58%;
}

table#home-table .box-middle-right {

}

.box-middle img , table.table-box tr.body td img{
	display: block;
	float:right;
	padding-left: 10px;
}
.box-middle td.decouvrir img{
	display: block;
	float:none;
	padding-left: 10px;
}


.box-middle p , table.table-box tr.body td p{
	display: block;
	color: #330099;
	margin-right: 14px;
	margin-top: 3px;
	margin-bottom: 4px;
	font-size: 13px;
}
.box-middle p.titre{
	color: #330099;
	padding-left:30px;
	font-size: 20px;
	font-weight:bold;
	font-style:italic;
}

.box-middle p.titresouligne{
	color: #330099;
	padding-left:0px;
	font-size: 20px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}

.box-middle p.titre a {
	display:block;
	color: #330099;
	padding-left:30px;
	font-size: 20px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	padding-left:30px;
	padding-top: 50px;
}

.box-middle p.location {
	display:block;
	color: #330099;
	padding-left:30px;
	font-size: 15px;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
}

.box-middle p.titrelocation {
	display:block;
	color: #330099;
	padding-left:30px;
	font-size: 20px;
	font-weight:normal;
	text-decoration:none;
	padding-left:30px;
	padding-top: 50px;
}
.box-middle p.sstitre{
	color: #330099;
	margin-left:35px;
	padding-left:30px;
	margin-top:-5px;
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	background-image:url(../images/ying_yang.jpg);
	background-repeat:no-repeat;
}

.box-middle p.deco{
	margin-left: 50px;
	padding-left:15px;
	background-image:url(../images/jaune.jpg);
	background-repeat:repeat-x;
}

.box-middle td{
	text-align:justify;
	padding-top:20px;
	vertical-align:top;
	color: #330099;
	margin-right: 14px;
	margin-top: 3px;
	margin-bottom: 4px;
	font-size: 13px;
	font-style:italic;
}



.box-middle td.location{
	text-align:justify;
	padding-top:5px;
	vertical-align:top;
	color: #330099;
	margin-right: 14px;
	margin-top: 3px;
	margin-bottom: 4px;
	font-size: 13px;
	font-style: normal;
}

.box-middle td.sstitre{ 
	display: block;
	font-size:20px;
	width:220px;
	float:right;
	text-align:right;
	padding-top:0px;
	padding-right:5px;
	border:solid 1px #cccccc;
	font-style: normal;
	font-weight:bold;
}
.box-middle td.principal{ 
	display: block;
	font-size:20px;
	width:100%;
	float:right;
	text-align:right;
	padding-top:0px;
	padding-right:5px;
	border:solid 1px #cccccc;
	font-style: normal;
	font-weight:bold;
}

.box-middle td.sstitre2{ 
	display: block;
	font-size:20px;
	float:right;
	text-align:right;
	padding-top:0px;
	padding-right:5px;
	border:solid 1px #cccccc;
	font-style: normal;
	font-weight:bold;
}

.box-middle img.sizeimg{ 
	display: block;
	width:150px;
	float:right;
	padding-top:0px;
	padding-right:5px;
	border:none;
}

.box-middle div.extract{ 
	display: block;
	width:220px;
	font-size:15px;
	text-align:center;
	padding-top:0px;
	margin-left:175px;
	padding:10px;
	border:solid 1px #cccccc;
	font-style: normal;
	font-weight:bold;
}

.box-middle div.extract2{ 
	display: block;
	font-size:15px;
	text-align:center;
	padding-top:0px;
	padding:10px;
	font-style: normal;
	font-weight:bold;
}
.box-middle .suite {
	
	text-decoration: none;
	margin-top: 3px;
	margin-left: 5px;
	padding-left: 13px;
	color: rgb(14,31,124);
	background-image: url(../images/fleche-actualite-jaune.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
}


ul.fleche-orange {
	color: gray;
	list-style-image: url(../images/fleche-orange.png);
	padding-left: 17px;
	margin-left: 0px;
	font-size: 13px;
}

a.fleche-verte {
	float: right;
	padding-left: 13px;
	padding-right: 10px;
	color: rgb(14,31,124);
	background-image: url(../images/fleche-verte.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	text-decoration: none;	
}

div.location {
	clear: both;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

ul.location {
	width: 190px;
	list-style: none;
	margin-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	margin-left: -5px;
	background-image: url(../images/salle.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 65px;
}

ul.location li{
	width: 90px;
	margin-top: 4px;
	padding-left: 10px;
	background-color: rgb(238,238,236);
}

/* boite normal sous forme de tableau pour la presentation en deux colonnes */

table.table-box {
	margin: 0;
	padding: 0;	
	background-color: #FFFFFF;
}

table.table-box tr.header td {
	background-image: url(../images/box-top-left.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;	
}

table.table-box tr.body td {
	border-left: 1px solid rgb(195,195,195);
	background-image: url(../images/box-right.png);
	background-repeat: repeat-y;
	background-position: right top;
	margin: 0px;
	padding: 8px 7px;
	padding-top: 2px;
	padding-bottom: 1px;
}

table.table-box tr.footer td {
	background-image: url(../images/box-bottom-right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	height: 11px;
}

/* mini calendrier */


#mini-calendrier {
	width: 150px;
	float: right;
	font-size: x-small;
}

#mini-calendrier table {
	padding: 0px 5px;
	width: 150px;
}

#mini-calendrier div.header {
	width: 100%;
	text-align: center;
	background-color: rgb(176,208,255);
	padding: 3px 0px;
	font-weight: bold;
}

#mini-calendrier div.footer {
	width: 100%;
	text-align: center;
	background-color: rgb(156,195,140);
	padding: 3px 0px;
	font-size:10px;
	font-weight: bold;
}

#mini-calendrier div.footer a {
	text-decoration:none;
	color:#333333;
}

#mini-calendrier table tr td.separation {
	background-color: rgb(176,208,255);
	border: 1px solid rgb(176,208,255);
	height: 1px;
}

#mini-calendrier table td {
	width: 12%;
	text-align: center;
	padding: 2px 0px;
}

#mini-calendrier table td.date_info_prev_month {
	color: gray;
}

#mini-calendrier table td.date_select {
	color: orange;
}

table#LoginPassword {
	margin-top: 20px;
	float: left;
	width: 335px;
	font-size: 13px;
}

table#LoginPassword input{
	display: block;
	margin: 0px;
}

td.lien{
	text-align:justify;
	padding-left:130px;
}

#info {
	position:absolute;
	/*left:30%;*/
	height:auto;
	margin-left: auto;
	margin-right: auto;
	top:105px;
	width:795px;
	display:block;
	background-color:#CCCCCC;
	FILTER:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	border: 2px solid rgb(122,122,122);
	/*background-color: rgb(210,227,245);*/
	
}

#info p{

	padding-left:20px;
	padding-right:20px;
}