body{
	text-align:center;
	background-color:#FFB09C;
	background-image:url(design_rose/fond.jpg);
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:14px;
	margin:0px;
	padding: 0px;
	color:#6E3264;
}
a, a:link, a:visited, a:active {
	text-decoration: none;
	color:#C117A3;
	font-weight:bold;
}
a:hover {
	color:#F154D5;
}
h3{
	border-bottom:2px dashed #6E3264;
}
#rose{
	width:10px;
	height:10px;
	background-color:#FFB09C;
	border:1px solid black;
	display:inline;
	float:right;
	cursor:pointer;
}

#bleu{
	width:10px;
	height:10px;
	background-color:#A3DAFF;
	border:1px solid black;
	display:inline;
	float:right;
	cursor:pointer;
}




.message{
	background-color:#CCFFFF;
	border:2px dashed #660099;
	width:90%;
	padding:3px;
}

#main{
	width:770px;
}
#contenu{
	width:770px;
	background-color:#FFB09C;
	background-image:url(design_rose/etoile.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#bandeau_haut_ru{
	background-image:url(design_rose/haut_ru.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width:770px;
	height:155px;
}
#bandeau_haut_tr{
	background-image:url(design_rose/haut_tr.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width:770px;
	height:155px;
}
#bandeau_haut_cn{
	background-image:url(design_rose/haut_cn.png);
	background-repeat:no-repeat;
	text-align:left;
	width:770px;
	height:155px;
}
#bandeau_haut{
	background-image:url(design_rose/haut.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width:770px;
	height:155px;
}
#haut_lien{
	width:200px;
	height:100px;
	position:absolute;
}
#haut_box{
	float:right;
	margin-right:30px;
	margin-top:60px;
	width:250px;
	height:45px;
	text-align:center;
}
.fin{
	height:12px;
	width:60px;
}

#centre{
	float:right; 
	width:620px;
	margin-left:10px;
	background-color:#FFD8CF;
}

#gauche{
	float:right; 
	width:137px;/*129 IE6 */
	/*width:115px;*/
	text-align:left;
}

#footer{
	background-color:#C610B5;
	width:770px;
}
#footer a{
	color:#FF99FF;
}
.c{
	padding-left:1px;
	margin-bottom:15px;
}

.ch{
	background-image:url(design_rose/haut_menu.jpg);
	background-repeat:no-repeat;
	text-align:center;
	width:138px;
	height:33px;
	font-variant:small-caps;
	color:#6D075B;
	font-weight:bold;
	font-size:16px;
}

.cc{
	background-color:#FFD8CF;
	text-align:center;
	width:118px;
	margin-left:8px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

.ccl{
	background-color:#FFD8CF;
	text-align:left;
	width:118px;
	margin-left:8px;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

.cb1{
	background-image:url(design_rose/bas1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:137px;
	height:59px;
}
.cb2{
	background-image:url(design_rose/bas2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:136px;
	height:55px;
}
.cb3{
	background-image:url(design_rose/bas3.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:137px;
	height:71px;
}
.cb4{
	background-image:url(design_rose/bas4.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:136px;
	height:52px;
}
.cb5{
	background-image:url(design_rose/bas5.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:136px;
	height:49px;
}
.cb6{
	background-image:url(design_rose/bas6.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:137px;
	height:18px;
}
#menu_haut{
	background-image:url(design_rose/menu_long.jpg);
	background-repeat:no-repeat;
	text-align:center;
	width:620px;
	height:35px;
}
.item_menu{
	font-variant:small-caps;
	color:#000066;
	font-weight:bold;
	font-size:16px;
	margin-right:5px;
}
#principal{
	text-align:left;
	width:605px;
	padding:5px;
}

.title{
color:#0000FF;
text-align:justify;
}

.value{
font-weight:bold;
text-align:justify;
}

.action{
text-align:justify;
}

.explication{
color:#990000;
text-align:justify;
}

.surbrillance tr:hover{
background-color:#CAFFFF;
}

/* tooltip */
#dhtmltooltip{
	position: absolute;
	/*width: 150px;*/
	border: 1px solid white;
	padding: 2px;
	background-color: black;
	visibility: hidden;
	font-weight:bold;
	z-index: 5000;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.box{
	position: absolute;
	visibility: hidden;
	z-index: 100;
	border: 1px solid white;
	padding: 2px;
	background-color: black;
	font-weight:bold;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



/* fin tooltip */




a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ccc}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
	
input{
border:1px solid #CC33FF;
background-color:#FFCCFF;
color:#000000;
}
/* CSS onglets journal quetes, j'ai laissé rose_ ou bleu_ pour etre sur de ne pas etre en conflits avec d'autres classe CSS */

.tab_rose_click{
background-color:#FFB09C;
width:100%;
height:100%;
padding:0px;
margin:0px;
}

.rose_non_click{
	background-color:#FFD8CF;
	background-repeat:repeat-x;
	color:#48260A;
	width:120px;
	vertical-align:bottom;
}

.haut_rose_click{
	background-color:#FFB09C;
	height:2px;
}


.gauche1_rose_click{
	background-color:#FFB09C;
	width:2px;
}
.gauche2_rose_click{
	background-color:#FFB09C;
	width:2px;
}


.droite_rose_click{
	background-color:#FFB09C;
	width:2px;
}


.haut_rose_non_click{
background-color:#FFB09C;
height:2px;
}

.bas_rose_non_click{
background-color:#FFB09C;
height:2px;
}

.gauche1_rose_non_click{
background-color:#FFB09C;
width:2px;
}
.gauche2_rose_non_click{
background-color:#FFD8CF;
width:2px;
}

.droite1_rose_non_click{
background-color:#FFD8CF;
width:2px;
}
.droite2_rose_non_click{
background-color:#FFB09C;
width:2px;
}
.click{
	background-image:url(./design/fond_non_click.jpg);
	background-repeat:repeat-x;
	color:#C117A3;
	width:120px;
	vertical-align:bottom;
}


.non_click a{
	color:#C117A3;
}


.click a{
	color:#C117A3;
}




.bas_click{
background-color:red;
height:0px;
margin:0px;
padding:0px;
width:2px;
}

.bas_non_click, .bas_fin{
	background-image:url(./design/decor_B.gif);
	background-repeat:repeat-x;
	height:9px;
}
.tab_non_click, .tab_fin{
width:100%;
}
.tab_fin{
vertical-align:bottom;
}
.menuinv{
padding-left:10px;
padding-right:10px;
text-align:center;
}

.conteneur a{
color:#C117A3;
}

/* CSS extraction */
/*prairie */
.choixPhaut {
	background-repeat:no-repeat;
	height:36px;
	text-align:center;
	background-image:url(./design_rose/prairie/choixP_haut.jpg);
}
.choixPmilieu{
	background-repeat:repeat-y;
	height:50px;
	text-align:center;
	background-image:url(./design_rose/prairie/choixP_milieu.jpg);
}
.choixPbas{
	background-repeat:no-repeat;
	height:18px;
	text-align:center;
	background-image:url(./design_rose/prairie/choixP_bas.jpg);
}
.prairie_haut{
	background-repeat:no-repeat;
	height:39px;
	text-align:center;
	background-image:url(./design_rose/prairie/prairie_haut.jpg);
}
.prairie_milieu {
	background-repeat:repeat-y;
	width:611px;
	height:100px;
	text-align:center;
	background-image:url(./design_rose/prairie/prairie_milieu.jpg);
}
.prairie_bas{
	background-repeat:no-repeat;
	width:611px;
	height:18px;
	text-align:center;
	background-image:url(./design_rose/prairie/prairie_bas.jpg);
}


/*carte*/
.trH{
text-align:center;
background-repeat:no-repeat;
height:19px;
background-image:url(./design_rose/prairie/casespe_haut.jpg);
}
.trM{
text-align:center;
background-repeat:repeat-y;
height:50px;
background-image:url(./design_rose/prairie/casespe_milieu.jpg);
}
.trB{
background-repeat:no-repeat;
height:16px;
text-align:center;
background-image:url(./design_rose/prairie/casespe_bas.jpg);
}

#blocviral{
	text-align:center;
	border:1px solid pink;
	margin-bottom:10px;
	padding:3px;
	background-color:#FFCCFF;
}