html, body {
	width:100%;
	margin: 0;
	background: #F7F7F7;
	font-family: arial, sans-serif; font-size: 9pt; font-weight: normal;
	text-align: center;
}

a {color: #06c; text-decoration: none;}
a:hover {color:#f00; text-decoration: underline;}

h1 {font-weight: bold;}
h2 {font-weight: bold; color: #369}

p { }

img {border:0;}

/* Les ID spécifiques
-------------------------------- */
/* La HP
-------------------------------- */
#Page {width: 760px; margin:0 auto; text-align:center; }
#Top {clear: both; width: 760px; height:125px; background: url(../img/top-bg.gif) no-repeat; text-align:left; margin: 0; padding: 0;}
#Title {}
#Title h1 {margin: 0; padding: 0; padding-left: 10px; padding-top: 15px;}
#Title h1 a {text-decoration: none;}
#Content {clear: both; width: 760px; margin:0 auto; padding: 0; background-color:#FFF; text-align:center; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC;}
#Page [id=Content] {width: 758px; margin-top: -12px; min-height: 300px; }

#Main {clear: both; width: 740px; margin:0 auto; text-align:left; }

#Pgauche {float: left; width: 440px; margin:0; padding: 10px; text-align: left; }
#Content [id=Pgauche]{width: 428px !important;}
#SideBar {float: left; width: 300px; margin: 0; padding: 0; }
#P300x250 {float: left; width: 300px; margin: 0; padding: 10px 0; }


#Bottom {clear: both; width: 760px; height: 22px; margin: 0; padding: 0; text-align: center; font-size: 10px;  color:#800000; font-style: normal; background: #ECECEC; }

/* La nav
-------------------------------- */
#laNav {clear: both; width: 760px; margin:0 0 0 10px; padding: 0 0 0 0; border: 0;}
#laNav ul {margin: 0; padding: 0; list-style-type: none;}
#laNav ul li {display: inline; margin: 0 0 0 -1px; }
#laNav ul li a {font-size: 8pt; font-weight: bold; color: #FFF; text-decoration: none; border-left: solid 1px #CCC; padding: 0 5px;}
#laNav ul li:first-child a {border-left: none;}
#laNav ul li a:hover {color: #CEE7FF;}

/* class specifiques
-------------------------------- */
.mainbox {float: left; width: 740px; margin: 10px 0; padding: 0; }
.mainbox {background:url(../img/bg_gradient_grey.gif) bottom repeat-x}
.titrebox {display: block; height: 18px; padding: 2px 0 0 0; text-align: center; border-bottom:1px solid #ECECEC; }
.mainbox .titrebox {text-align: left; }
.titrebox_txt {display: block; width: 600px; font-family: Verdana; font-weight: bold; color: #088}
.mainbox .titrebox_txt {display: block; text-align: left; padding: 0 4px; }
.contenu ul {list-style: url(../img/puceB.gif) outside; }
.contenu ul li {padding:0 5px; }
.left {float:left}
.right {float:right}

#p_pro { }
#expPro {margin: 0 0 15px 0;}
#expPro img {vertical-align : middle; }
.proImg {width: 150px; height: 50px;}
.proDesc {padding-bottom: 20px;}

.proMdsT {background: #EEE; color: #0063CE; }
.proMdsL {width: 185px; height: 50px; text-align: center; background: #EEE; }
.proMdsR {background: #FFF; }