body {
	font-family: "Trebuchet MS",Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	background-color: #880000;
	/*background-image: url(img/design/bg-02.jpg);*/
}

	tr.bleutr
	{
		background-image: url('img/fond_bleu_menu.gif');
		height: 42px;
		background-repeat: repeat-x;
	}
	
	td.test
	{
		padding-top: 0px;
	}
	
A.lienRelais:link {font-family: "Trebuchet MS"; font-size : 15pt;  color: #2D2D2D; text-decoration: none } 
A.lienRelais:visited {font-family: "Trebuchet MS"; font-size : 15pt;   color: #2D2D2D; text-decoration: none } 
A.lienRelais:active {font-family: "Trebuchet MS"; font-size : 15pt;   color: #2D2D2D;  text-decoration: none } 
A.lienRelais:hover {font-family: "Trebuchet MS"; font-size : 15pt;   color: #880000; text-decoration: none} 

.selectionMenu
{
	font-family: "Trebuchet MS"; 
	font-size : 15pt;  
	color: #880000;
	text-decoration: none;
}

#pic_right 
{
	float:right;
	margin-left:10px;
}

#pic_left 
{
	float:left;
	padding: 10px 10px 10px 10px;  
	margin-right: 10px;
}

.table_tarifs {
	border: 1px solid gray;
	width: 650px;
	text-align: center;
}

th.titre {
	font-family : "Trebuchet MS";
}


td.gris {
	background-color: silver;
	font-family : "Trebuchet MS";
	color:black;
}

td.blanc {
	background-color: white;
	font-family : "Trebuchet MS";
	color:black;
}

.texte_accueil {
	font-size: 10pt;
	font-family: "Trebuchet MS";
}

.texte_tarifs {
	font-size: 10pt;
	font-family: "Trebuchet MS";	
}

.texte_accueil02 {
	font-size: 9pt;
	font-family: "Tahoma";
}

.texte_accueil03 {
	font-size: 9pt;
	font-family: "Arial";
}

.texte_accueil04 {
	font-size: 9pt;
	font-family: "Lucida Console";
}

.texte_accueil05 {
	font-size: 9pt;
	font-family: "Tahoma";
}


#titre_1{
	border: 0px solid black;	
	/*
		background-image: url(img/picto/pic_jaune.jpg);
		background-repeat: no-repeat;
		padding-left: 20px;
		font-weight: bold;
	*/
	color: black;
	
	font-family: Trebuchet MS;
	font-size: 13pt;
	margin-bottom: 0px;
	padding-top: 0px;
	
	height: 30px;
	text-align: left;
}

.barre_liens_photos {
	text-align: center;
}

.barre_liens {
	text-align: center;
}

table.plan {
	#width: 510px;
	align: center;
	vertical-align: middle;
	border: 0px solid gray;	
}

td.num_plan {
	width: 10px;
	vertical-align: top;
	text-align: center;
}

td.description_plan {
	width: 150px;
	vertical-align: top;
	text-align: center;
}

td.photo_plan {
	vertical-align: middle;
	text-align: center;
}

.visite {
	height: 450px;	
}

td.fond01
{
	
padding: 10px 10px 10px 10px ;
	vertical-align: top;
	background-image:url('img/design/dessin.jpg');
	background-repeat:no-repeat;
	height:500px;
}

td.fondTarifsGauche
{
	width: 50%;
	padding: 10px 10px 10px 10px ;
	vertical-align: top;
	border: 1px solid gray;
	text-align: center;
	/*background-image:url('img/illu/fond02.jpg');*/
	/*background-repeat:no-repeat;*/
	/*height:500px;*/
}

td.fondTarifsDroite
{
	width: 50%;
	padding: 10px 10px 10px 10px ;
	vertical-align: top;
	border: 1px solid gray;
	text-align: center;
	/*background-image:url('img/illu/fond02.jpg');*/
	/*background-repeat:no-repeat;*/
	/*height:500px;*/
}

/**********/
/* liens  */
/**********/




INPUT, SELECT, TEXTAREA {
   font-family : Tahoma;
   font-size : 7pt;
}


#conteneur {
	position: relative;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	border:0px solid silver; 
}

#header {
	width:850px;
	height: 122px;
	/* background-image: url(design/header.jpg); */
	background-image: url(img/header_RA.jpg);
	background-repeat: no-repeat;
}


#haut {
	position: relative;
	height: 28px;
	width: 850px;
	background-image: url('design/milieu.jpg');
	border: 0px solid lime;
	background-repeat: repeat-y;
}

#centre {
	background-image: url(design/milieu.jpg);
	background-repeat: repeat-y;
	border: 0px solid pink;
	width: 850px;
	padding-left:25px;
	/*padding-right:15px;*/
	/*padding-top: 10px;*/	
	/*padding-bottom: 5px;*/ 
}



.contenu {
	/* background-image: url(img/design/cleague.gif); */
	/* background-position: top left; */
	/* background-repeat: no-repeat; */
	background-image: url(design/milieu.jpg);
	background-repeat: repeat-y;
	border: 0px dashed pink;
	padding: 15px 2px 0px 2px;
	text-align: justify;
	height: 100%;
	margin-top: 5px;
}

.gauche{
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 3px;
	width: 150px;
	background-color: transparent;
	border: 0px solid #FFD700;
}

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

.principal {
	/*margin-left: 165px; */
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: transparent;
	padding: 5px 5px 10px 10px;
	border: 0px solid black;
	height: 100%;
}

#pied {
	border: 0px solid Blue;
	width:850px;
	height: 37px;
	background-image: url(design/footer.jpg);
	background-repeat: no-repeat;
	background-color: #880000;
	text-align: right;
	padding-top: 00px;
	padding-right:25px;
}

#fond_firefox
{
	background-image: url(design/milieu.jpg);
	background-repeat: repeat-y;
}

#bloc_texte{
	/*border: 1px solid silver;*/
	background-color: transparent;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	width: 720px;
	height: 100%;
}

.image{
	/*width: 450px;*/
}


/* Mise en page FonT */
.italique{width: 25px;font-style: italic;}
.gras{font-weight: bold;width: 25px;}
.souligne{text-decoration: underline;width: 25px;}

.rouge {color: Red;}
.vert{color: Green;}
.bleu{color: blue;}
.gris{color: Gray;}
.jaune{color: Yellow;}

.rougeGras {color: Red; font-weight:bold;}
.vertGras{color: Green; font-weight:bold;}
.bleuGras{color: blue; font-weight:bold;}
.grisGras{color: Gray; font-weight:bold;}
.jauneGras{color: Yellow; font-weight:bold;}


/* Styles Pour le menu déroulant */
.menu {
	/*color:black;*/
	/*font-size:12px;*/
	/*font-weight:bold;*/
	/*border:0;*/
	padding-top:4px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	
	/*
	background-color: white;;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	*/
}

.menu.a 
{
	color : red;
	}

.ssmenu {
	/*background: url("img/imagepin.gif") #AA8922;*/
	background-color: #2B4A5F;
	color:black;
	font-size:10px;
	font-weight:normal;
	border-collapse: collapse;
	border: 1px solid silver;
	padding:0;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	background-color: white;;
	/*
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	*/
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
	border-bottom: 1px solid silver;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Tahoma;
	text-decoration:none;
	color:black;
	padding:2px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}
/* spécificité au menu image pour ne pas avoir d'espace autour des img...*/
.menu a, .menu a:visited {
	padding:0;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	/*background: url("img/imagenoyer.gif") #420;*/
	background-color: #2B4A5F;
	color:white;
	text-decoration:none;
}

img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/


/* img flottantes */
.img_flottante_gauche{
	float: left;
	border: 0px solid black;
	margin: 5px;
}

.img_flottante_droite{
	float: right;
	border: 0px solid black;
	margin: 5px;
}

.img_du_jour {
	border: 1px solid black;
	vertical-align: middle;
	text-align: center;
}


.titre_news2{
	background-image: url(img/news/haut.gif);
	background-repeat: no-repeat;
	height: 25px;
	vertical-align: middle;
	color: blue;
	font-family:"Tahoma";
	font-weight: bold;
	padding-top: 0px;
	font-size: 9pt;
	border-bottom: 1px dashed gray;
	padding-left: 4px;
	padding-right: 5px;
	vertical-align: middle;
	padding-top: 5px;
}

.contenu_news2{
	background-image: url(img/news/milieu.gif);
	background-repeat: repeat;
	vertical-align: middle;	
	font-size: 10pt;
	padding-right: 2px;
	padding-left:13px;
	text-align: justify;

}

.bas_news{
	height: 12px;
	border-left: 0px solid Silver;
	border-right: 0px solid Silver;
	border-bottom: 0px solid Silver;
	
	background-image: url('../../relaiscotier/img/design/fond-news.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.barre_degrade{
	height: 12px;
	background-image: url('../../relaiscotier/img/design/fond-news.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.bas_news2{
background-image: url(img/news/bas.gif);
	background-repeat: no-repeat;
	height: 
	12px;
}


.date_news{
	text-align: right;
	font-size: 7pt;
	color: gray;
}




.titre_n {
	color: blue;
	font-family:"Tahoma";
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
}

.contenu_news{
border-right: 0px solid Silver;
	border-left: 0px solid Silver;
	
	vertical-align: baseline;
	font-size: 10pt;
	padding-right: 2px;
	padding-left:13px;
	text-align: justify;
}

.date_news3{
	text-align: right;
	font-size: 7pt;
	color: gray;
}


TD {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-position: center center;
}
TD.titremenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-position: center center;
}

TD.textemenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-position: center center;
}

TD.textesite {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-position: center center;
}

TD.texteblanc {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	background-position: center center;
}

TD.fondgris{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: center;
}

TD.fondblanc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;

}

TD.fondButsBlanc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #FFFFFF;
	/*background-position: center center;*/
	text-align: left;
	padding:3px 3px 3px 3px;
}

TD.fondgris2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #CCCCCC;
	/*background-position: center center;*/
	text-align: center;
	padding:3px 3px 3px 3px;
}


TD.fondButsGris{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #CCCCCC;
	/*background-position: center center;*/
	text-align: left;
	padding:3px 3px 3px 3px;
}


TD.fondblanc2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
	padding:3px 3px 3px 3px;
}

TD.fondgrisgauche{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: left;
}

TD.fondgrisdroite{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: right;
}

TD.fondblanc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	background-position: center center;
	text-align: center;
}

TD.fondblancdroite{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	background-position: center center;
	text-align: right;
}

TD.fondblancgauche{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	background-position: center center;
	text-align: left;
}

TD.fondbleu{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	background-color: #000099;
	background-position: center center;
	text-align: center;
}
TD.fondjaune{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #ffffd0;
	background-position: center center;
	text-align: center;
}

TD.fondjaunenonaligne{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: #ffffd0;
	background-position: center center;
	text-align: left;
}

A:link { color: black; text-decoration: none } 
A:visited { color: black; text-decoration: none } 
A:active { color: black;  text-decoration: none } 
A:hover { color: #880000; text-decoration: none}



INPUT, SELECT, TEXTAREA {
   font-family : Tahoma;
   font-size : 10pt;
   
}

.bouton_form {
	font-weight : bold;
	background-color: silver;
}

img.dessin
{
	border: 0px solid silver;
}

td.fond_out_odd{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	padding:3px 3px 3px 3px;
	border-bottom: 0px solid black;
	
}

td.fond_out_odd_left{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	text-align: left;
	padding:3px 3px 3px 3px;
	border-bottom: 0px solid black;
	
}

td.fond_out_odd_right{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	text-align: right;
	padding:3px 3px 3px 3px;
	border-bottom: 0px solid black;
	
}

td.fond_out_even{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	padding:3px 3px 3px 3px;
	border-bottom: 0px solid black;
}

td.fond_out_even_left{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	padding:3px 3px 3px 3px;
	border-bottom: 0px solid black;
	text-align: left;
}

td.fond_out_even_right{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	padding:3px 3px 3px 3px;
	border-bottom: 0px solid black;
	text-align: right;
}

/* Tableau pour les news */

td.haut_dispo {
	background: url(img/test/test_01.jpg);
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 7pt;
	/* width: 596px; */
	height: 27px;
}

td.milieu_dispo {
	background: url(img/test/test_02.jpg);
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 7pt;
	/* width: 596px; */
	height: 27px;
}

td.bas_dispo {
	background: url(img/test/test_04.jpg);
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 7pt;
	/* width: 596px; */
	height: 20px;
}



/* set millions of background images */
.rbroundbox60 { background: url(img/nt.gif) repeat; }
.rbroundbox90 { background: url(img/nt.gif) repeat; }
.rbroundbox100 { background: url(img/nt.gif) repeat; }
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox90 { width: 90%; margin: 1em auto; }
.rbroundbox100 { width: 97%; margin: 1em auto; }
.rbroundbox60 { width: 70%; margin: 1em auto; }

.button_calendar {
	background-image: url(img/calendar_icon.gif);
	background-repeat: no-repeat;
	border: none;
	background-color: white;
	height: 25px;
	width: 35px;
}

#ok{
	background-image: url('img/png/ok.png');
	background-position: top left;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 18px;
	
	background-repeat: no-repeat;
	
		width: 90%;
	border: 1px solid silver;
}

#ko{
	background-image: url('img/png/notok.png');
	background-position: top left;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 18px;
	
	background-repeat: no-repeat;
	
		width: 90%;
	border: 1px solid silver;
}