@CHARSET "UTF-8";

html, body {
   font:normal 10px verdana;
   height:100%;
   margin:0;
   max-height:100%;
   padding:0;
   text-align:center;
}

body {
   background-color:#FFFFFF
}

#page {
   background:#FFFFFF url(/images/background.gif) repeat-y center;
   margin:0 auto;
   padding:0;
   text-align:justify;
   width:982px;
}

* html #page {
   width:980px;
}

#content {
   background:url(/images/background.jpg) no-repeat top center;
   border-left:solid 1px #000000;
   border-right:solid 1px #000000;
   height:560px;
   margin:0 auto;
   padding:0;
   text-align:justify;
   width:980px;
}

#header {
   height:145px;
   text-align:center;
}

#header-left {
	float:left;
   height:145px;
   width:800px;
}

#header-left a {
   display:block;
   height:145px;
   width:800px;
	text-decoration:none;
}

#header-left h1 {
	height:0px;
   width:800px;
	font-size:0px;
}

#header-left h2 {
   height:0px;
   width:800px;
	font-size:0px;
}

#header-right {
   float:right;
   height:145px;
   width:180px;
}

* html #header-right {
   width:178px;
}

#header-right a {
   background:url(/images/classement.gif);
   color:#000000;
   display:block;
   font:bold 10px verdana;
   height:76px;
   letter-spacing:-1px;
   margin-left:25px;
   margin-top:13px;
   padding-top:50px;
   text-decoration:none;
   width:126px;
}

* html #header-right a {
   margin-left:-3px;
	height:126px;
}

#header-right a:hover, #header-right a.actif {
   color:#FF4F32;
}

#header h1, #header h2 {
   font:normal 16px verdana;
   margin:0;
   padding:0;
   display:none;
}

#chemin-de-fer {
   color:#FFFFFF;
   padding:10px 0 10px 220px;
}

#chemin-de-fer a {
   color:#FFFFFF;
   text-decoration:none;
   font-weight:bold;
}

#chemin-de-fer a:hover {
   text-decoration:underline;
}

#chemin-de-fer a.active-page {
   color:#FF4F32;
}

.fleche-chemin-de-fer {
   background:url(/images/fleche-chemin-de-fer.png) no-repeat 0px 2px;
   display:inline;
   margin:0 8px;
   padding:0 4px;
}

* html .fleche-chemin-de-fer {
   background-image:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/images/fleche-chemin-de-fer.png',sizingMethod='scale');
   width:8px;
}

.fleche-chemin-de-fer span {
   display:none;
}

#footer {
   background:url(/images/footer.jpg) no-repeat 0 0;
   border-left:solid 1px #000000;
   border-right:solid 1px #000000;
   height:90px;
   margin:0 auto;
   padding:0;
   text-align:justify;
   width:980px;
}

* html #footer {
   background-position:-1px 0;
}

#footerInfodivio {
   padding:15px 70px 0 260px;
   height:15px;
   text-align:right;
}

#footerInfodivio a {
   color:#FF8E01;
   text-decoration:none;
   font-size:9px;
}

#footerInfodivio a:hover {
   text-decoration:underline;
}

#footerliens {
   padding:30px 0 0 260px;
}

* html #footerliens {
   padding:33px 0 0 240px;
}

#footerliens a {
   color:#FFFFFF;
   display:block;
   font-weight:bold;
   float:left;
   margin:0 24px;
   text-decoration:none;
}

#footerliens a:hover, #footerliens a.actif {
   color:#000000;
   text-decoration:underline;
}

#footerliens .puce {
   background:url(/images/footer-puce.gif) no-repeat top center;
   display:block;
   float:left;
   line-height:16px;
   width:16px;
}

img {
   border:none;
}

#menu {
   float:left;
   height:350px;
   width:220px;   
}

#chiffre {
   background:url(/images/chiffre.gif) no-repeat;
   float:left;
   height:350px;
   margin-top:2px;
   width:50px;   
}

#menu ul {
   list-style:none;
   margin:0 42px 0 50px;
   padding:0;
}

#menu ul#partie1 {
   margin-top:40px;
}

#menu ul#partie2 {
   display:block;
   height:30px;
   margin:27px 0 0 15px;
}

* html #menu ul#partie2 {
   margin-left:12px;
}

#menu ul#partie2 li {
   float:left;
   width:67px;
   margin:12px 0px 0px 0px;
}

#menu ul#partie2 li a {
   display:block;
   padding:5px 0 7px 0;
   width:67px;
   font-size:10px;
   text-align:center;
}

#menu ul#partie2 li#devis {
   margin-left:60px;
}

* html #menu ul#partie2 li#devis {
   margin-left:62px;
}


#menu ul#partie3 {
   margin-top:65px;
}

#menu ul li {
   text-align:center;
   margin:10px 0 0 0;
   padding:0;
}

#menu a {
   color:#000000;
   font:bold 12px verdana;
   text-decoration:none;
}

#menu a:hover, #menu a.actif {
   color:#FF4F32;
}

#titre {
   color:#FFFFFF;
   font:bold 14px verdana;
   float:left;
   height:29px;
   letter-spacing:0;
   margin:22px 0 0 90px;
   padding:0;
   width:245px;
}

#titre.condense1 {
   letter-spacing:-1px;
}

#titre.condense2 {
   letter-spacing:-1.5px;
}

#texte {
   float:left;
   margin:10px 0 0 10px;
   overflow-x:hidden;
   overflow-y:auto;
   height:320px;
   width:650px;
	position:relative;
}

#texte #partie-gauche {
   float:left;
   width:50%;
}

#texte #partie-droite {
   float:right;
   width:50%;
}

* html #texte #partie-gauche, * html #texte #partie-droite {
   width:49.5%;
}

#texte a {
   color:#FF4F32;
   font-weight:bold;
}

#texte h3 {
   background:url(/images/trait.jpg) no-repeat 10px 20px;
   color:#FF8E01;
   font:bold 12px verdana;
   margin:0;
   padding:2px 0px 18px 10px;
}

#texte h3.condense {
   letter-spacing:-1px;
}


#texte h4 {
   font:italic normal 12px verdana;
   margin:0;
   padding:2px 10px 10px 50px;
   text-align:left;
}

#texte p {
   font-size:11px;
   margin:0;
   padding:2px 10px;
   text-indent:0px;
}

#texte ul, #texte ol, #texte li {
   font-size:11px;
   margin:0;
   padding:0;
}

#texte li {
   margin:2px 10px 2px 0;
}

#texte ul, #texte ol {
   padding-left:40px;
}

#texte table {
   margin:2px 10px;
}

#texte #resultats {
   /* border-left:solid 1px #000000; */
	/* border-top:solid 1px #000000; */
   font:normal 10px verdana;
   width:100%;
   margin:0;
}

#texte #resultats td a {
   color:#FF4F32;
   font-weight:bold;
}

#texte #resultats th a {
   color:#000000;
   font-weight:bold;
	text-decoration:none;
}

#texte #resultats th a.tri-selection {
	text-decoration:underline;
}

/*
#texte #resultats thead td {
   background:#FF8E01;
   border-bottom:solid 1px #000000;
   border-right:solid 1px #000000;
   font-weight:bold;
   font-size:10px;
}
*/

#texte #resultats td {
   padding:4px;
   white-space:nowrap;
}

/*
#texte #resultats tbody td {
   border-bottom:solid 1px #FF8E01;
   border-bottom:solid 1px #000000;
   border-right:solid 1px #000000;
}

#texte #resultats tbody tr.impair td {
	background-color:#F1C35B;
}

#texte #resultats tfoot td {
   border-bottom:solid 1px #000000;
   border-right:solid 1px #000000;
}
*/

#colDate {
   width:20%;
}

#colCourse {
   width:40%;
}

#colLieu {
   width:20%;
}

#colType {
   width:10%;
}

#colResultat {
   width:10%;
}

p.photo-centre
{
	text-align:center;
}

p.photo-100 img
{
	width:100%;
}

p.legende-img
{
	font-style:italic;
}

#content #texte .photo-parrainage, #content #texte .photo-reference {
	float:left;
	margin:5px 0 10px 0;
}

#content #texte .photo-left {
   text-align:left;
}

#content #texte .photo-left a {
   margin-left:10px;
}

#content #texte .photo-center {
   text-align:center;
}

#content #texte .photo-right {
   text-align:right;
}

#content #texte .photo-right a {
   margin-right:10px;
}

#texte div.photo-33 {
   width:33.33333333%;
}

* html #texte div.photo-33 {
   width:32.5%;
}

#texte div.photo-40 {
   width:40%;
}

* html #texte div.photo-40 {
   width:39.9999999%;
}

#texte div.photo-50 {
   width:50%;
}

* html #texte div.photo-50 {
   width:49.9999999%;
}

#texte div.photo-60 {
   width:60%;
}

* html #texte div.photo-60 {
   width:59.9999999%;
}

#texte div.photo-100 {
   width:100%;
}

#texte div.photo-texte a {
	float:left;
	display:block;
	margin:5px 10px;
}

#texte div.photo-texte-accueil img {
	float:right;
	display:block;
	margin:5px 10px 35px 5px;
}

#texte div.photo-parrainage a img {
   padding:2px;
   border:solid 1px #FF8E3A;
}

#texte div.photo-reference a img {
   padding:0px;
   border:none;
}

img.photo21
{
	margin-top:5px;
}

#texte p.offre {
   font:bold 13px verdana;
}