body { margin:0; padding:0;background:url(../img/r/img/top.gif) repeat-x top center; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

a, a:hover, a:visited, a:active {font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none;color:#777;}

img {border:0; vertical-align:middle;}

.white, .white:hover, .white:visited, .white:active {color:#fff;font-weight:bold; line-height:30px; vertical-align:middle;}

.orange, .orange:hover, .orange:visited, .orange:active {color:#F60;font-weight:bold;line-height:30px; vertical-align:middle;}

.link, .link:hover, .link:visited, .link:active {color:#F60;font-size:12px; text-decoration:underline;}

.link_red, .link_red:hover, .link_red:visited, .link_red:active  {color:#F60;font-size:12px; text-decoration:underline;}

.just {text-align:justify;}

h1 {font-size:16px;font-weight:bold;color:#333;}
h2 {font-size:15px;font-weight:normal;color:#333;}

#logo {float:left;}
#logo img { cursor:pointer;}

/*.logtop {height:51px;position:absolute;left:1000px;top:10px;}
.logtop div {position:absolute;right:300px;top:8px;height:51px}
.logtop div img { padding:5px 0 0 0 ; margin: 6px 6px 6px 12px;vertical-align:middle;}
.log, .log:hover, .log:visited, .log:active {color:#fff; font-size:12px; vertical-align:middle; }
*/

.m {width:100%;}
.mm {width:984px;}

.nav {height:53px; background:url(../img/r/img/nav/bg.gif) repeat-x left center;color:#FFF;vertical-align:text-top;cursor:pointer;}
.sep {width:22px;height:53px;}
.nav td {padding:0 0px;}
.nav p {height:25px;padding:10px 0;margin:0;}
.sel_ov {background:url(../img/r/img/nav/bg_ov.gif);}

.mbb {margin-top:10px;}
.mt {background:url(../img/r/img/bloc/top.gif) no-repeat center center; height:11px; width:984px; font-size:3px;}
.mmi {background:url(../img/r/img/bloc/middle.gif) repeat-y center center; height:auto; width:984px;text-align:left;}
.mmi2 {height:420px;position:relative;background:url(../img/r/img/bg_computer.gif) no-repeat 220px 0;margin-top:-17px;}
.mb {background:url(../img/r/img/bloc/bottom.gif) no-repeat center center; height:10px; width:984px; font-size:3px;}

.bottom ul {display:block;list-style-type:none;margin:10px 0;padding:0;}
.bottom ul li {display:inline; padding:0 15px;}
.bottom ul li a {color:#666; font-size:13px;}

.ll {border-right:1px solid #F60;}

.colR { position:absolute;top:0;right:0;width:273px;height:530px;}
.colT { padding:0 10px;}



/* HOME */
.bk1 {position:absolute;top:90px;left:25px;font-size:30px; line-height:42px;width:354px;font-weight:bold;color:#222;}
.bk2 {position:absolute; top:17px; right:43px; font-size:24px; width:200px; font-weight:bold;color:#222; text-align:center;}
.bkimg {position:absolute; top:295px; left:13px; width:690px;}


.imgpicto {position:absolute; right:15px; top:150px;}
.btsee {position:absolute;right:62px;top:285px; cursor:pointer;}
/*
.imgpicto {position:absolute; right:17px; top:226px;}
.btsee {position:absolute;right:62px;top:140px; cursor:pointer;}
*/

/*.bkbas {position:absolute;top:365px;right:45px;font-size:14px; color:#999;width:180px;}*/
.bkbas {color:#999999;font-size:13px;position:absolute;right:20px;top:363px;width:242px;text-align:center;}

/* DEMOS */
#nav_perso {position:absolute;top:0;right:4px;width:276px;}
	#title_right {color:#333;padding:0 0 0 20px; font-size:17px}
	.perso_bloc {height:65px;cursor:pointer;line-height:63px;font-size:16px;}
		.perso_bloc img {padding:0 15px; vertical-align:middle;}
	.perso_bloc:hover {background-color:#ddd8cc;}

	.sep_demo { background:url(../img/r/img/sep_demo.gif) repeat-x center left;height:4px;font-size:3px;}

	#bt_test {padding:7px 0;}
	.baseline { font-size:13px; color:#aaa;padding:6px 0;}

/* FAQ */


/* --- */
a img {border: 0;}

.err {
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:14px;
color: #F60;
font-style: italic;
}
.copyright
{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:11px;
color: #333;
font-style: normal;
}
#cadre_pres {
    border: 1px dotted #333;
    padding: 5px;
    margin:0 0 5px 0;
    
}
.lst_pres {
    font-size:12px;
    color:#7a7a7a;
    line-height:14px;
}
.lst_pres2 {
    font-size:12px;color:#7a7a7a;line-height:18px;
}

.popup, .popup:hover, .popup:visited, .popup:active {color:#F60;font-weight:bold;line-height:30px; vertical-align:middle;}

.cpteurtop {
        /*background:url(../img/r/img/bloc/compteurs.png) center left;*/
        left:300px;
        height:51px;
        width:350px;
        position:relative;
    }
.cpteurtop div {
        position:absolute;
        right:0px;
        top:20px;
    }
.cpteurtop li {
    font-size:12px;color:#FFFFFF;line-height:12px;
}
.cpteurtop div img { margin:0 6px 0 12px;vertical-align:middle;}
.cpteur, .cpteur:hover, .cpteur:visited, .cpteur:active {color:#fff; font-size:12px; vertical-align:top; }
.log, .log:visited, .log:active {color:#fff; font-size:12px; vertical-align:top; }

.log:hover {
    color:#7a7a7a;
}
logtop {height:51px;position:relative;}
.logtop div { position:absolute;right:10px;top:20px;}
.logtop div img { margin:0 6px 0 12px;vertical-align:middle;}



.cpteurright {
        background:url(../img/r/img/bloc/bg_cpteur_right.png) center left;
        /*left:300px;*/
        height:auto;
        width:250px;
        position:relative;
        border:dotted #FFFFFF 1px;
        padding-bottom:7px;
    }
.cpteurright div {
        position:absolute;
        right:15px;
        top:25px;
        
    }
.cpteurright div img { margin:0 6px 0 12px;vertical-align:middle;}

/* ---- */

.titre {font-size:24px;font-weight:bold;color:#333;}
.gras {font-size:14px;font-weight:bold;color:#333;}

.form6 {
    border:1px solid #BEBEBE;
    padding:2px;
    width:200px;
    font-size:13px;
    color:#F60;

}
div#ToolTipDiv {
  Position: absolute;
  top: 100px;
  left: 100px;
  height: auto;
  width: 200px;
  border:1px solid #D6732D;
  background-color: #FFE5CC;
  color: #D6732D;
  display: none;
  padding: 3px;
}

div#pop_descr {
  Position: absolute;
  top: 100px;
  left: 100px;
  height: auto;
  width: 400px;
  border:1px solid #D6732D;
  background-color: #FFE5CC;
  color: #D6732D;
  display: none;
  padding: 3px;
}

.ann_descr {
  height: auto;
  width: auto;
  border:1px solid #D6732D;
  background-color: #FFE5CC;
  color: #D6732D;
  display: none;
  padding: 3px;
}
.pub {
    font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:9px;
    color: #333;
    font-style: normal;
    border:1px dotted #333;
    background-color: #FFF1E3;
    padding: 3px;
}

#plan img {
padding: 5px;
background: white;
border: 1px solid #DDD;
margin: 5px 5px 5px 0;
}
#plan img:hover {
padding: 5px;
background: white;
border: 1px solid #F60;
margin: 5px 5px 5px 0;
}
#navigation {
    background: none;
}
#navigation a:hover {
        color:#F60;
        /*background: #F60;*/
        font-weight:bold;
        vertical-align:middle;
        border-color:#F60;
        border:solid;
    }
#navigation a, #navigation a:visited, #navigation a:active {
        padding:8px 8px 8px 8px;
        color:#F60;
        font-weight:bold;
        vertical-align:middle;
    }
#navigation input:hover {
        color:#F60;
        /*background: #F60;*/
        font-weight:bold;
        vertical-align:middle;
        border-color:#F60;
        border:solid;
    }
#navigation input, #navigation input:visited, #navigation input:active {
        padding:2px 2px 2px 2px;
        color:#F60;
        font-weight:bold;
        vertical-align:middle;
        border:0;
    }

.lst_pres_01 ul {
    list-style-image: url("../img/r/img/ico/arrow_147.gif") ;
    margin-left:-20px;
    color:#555;
    line-height:16px;
    font-size:14px;
}

.lst_pres_02 ul {
    list-style-image: url("../img/r/img/ico/arrow_81.gif") ;
    margin-left:20px;
    color:#555;
    line-height:12px;
    font-size:12px;
}

#mark {
        background:url(../img/r/img/bloc/bg_mark.jpg) top left repeat-x;
        /*left:300px;*/
        height:auto;
        width:auto;
        position:relative;
        /*border:solid #FFFFFF 1px;*/
        padding:1px 5px 1px 5px;
        margin-bottom:8px;
    }

#mark p {
        color:#555;
        font-size:12px;
        vertical-align:top;
        font-weight:bold;
        line-height:12px;
}