html,body{
margin:0;
padding:0;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-color:#f2bb18;
}


#contenant{
padding-bottom:5px;
padding-top:5px;
margin:auto;
width:910px;
background-color:#575757;
border:3px solid  #999999;
border-right:3px solid #000000;
border-bottom:3px solid #000000;
}

#site{
width:900px;
margin:auto;
border:1px solid black;
}


.titre{
height:43px;
background-repeat:no-repeat;
background-position:100% 0%;
padding-left:1px;

}

p.titre{
margin:0;
}

p.titre a img{
border:none;
}

#gauche{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:374px;
color:#CCCCCC;
background-image:url(images/bgimage.JPG);
background-repeat:repeat-y;
}

#gauche a img{
border:none;
}

#bien{
border:1px solid #333333;
height:75px;
overflow:scroll;
}

#gauche form{
margin:auto;
padding:5px;
background-image:url(images/titres/bg_form.jpg);
background-repeat:repeat-x;
border:1px solid black;
background-position:0% 100%;
width:300px;
}

#gauche form input,select{
background-color:#fbda7d;
border:1px solid black;
}



#gauche h3{
margin:0;
margin-top:8px;
margin-bottom:3px;
background-color:#333333;
font-size:14px;
color:#FFFFFF;
}

.texte4{
border-left:#ffff99 solid 10px; 
padding-left:5px;
background-color:#333333;
}

#corps{
background-image:url(images/prolimm2_05.jpg);
background-repeat:repeat-y;
background-position:100% 0%;
}

.clearer{
width:0;
height:0;
line-height:0;
clear:both;
}

#centre{
margin-left:390px;
padding-left:5px;
padding-right:10px;
}


p#print a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}

p#print a:hover{
text-decoration:underline;
}

p#print a img{
border:none;
}

#pied{
background-image:url(images/prolimm2_06.jpg);
height:50px;
}




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.yzeotxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}

.yzeolink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.ContenuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FAD03C;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ContenuTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #A3BB4D;
	font-weight: bold;
}
.ContenuLien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFD124;
}
.yzeo {
	text-decoration: none;
}
.IntroTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	font-weight: bold;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	color: #FAD03C;
}


.Introlien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99B046;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.lien {
	font-family: Arial, Helvetica, sans-serif;
	color: #FAD03C;
}
.lienformu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px
	color: #FAD03C;
	}
.lienformu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px
	color: #FAD03C;
	}
.lienformu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FAD03C;
	}
	.lienbt {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.centrer {
	text-align: center;
	margin: 0 auto;
}



/* tableau triage */

table#theTable
        {
        width: 90%;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #666666;
        border-collapse:collapse;
		border-bottom: 1px solid #666666;
        }
table#theTable .cs1
        {
        width:30em;
        }
table#theTable .cs2
        {
        width:20em;
        }
table#theTable .cs1 td,
table#theTable .cs2 td,
table#theTable #scientificNotation
        {
        text-align:right;
        }
table#theTable caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }

table#theTable th
        {
        font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        border-right: 1px solid #666666;
        border-bottom: 1px solid #666666;
        border-top: 1px solid #666666;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        padding: 8px 5px 4px 15px;
		background-image:url(images/bg_th.jpg);
		background-repeat:repeat-x;
        padding-left:15px;
        vertical-align:middle;
        }
table#theTable td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #666666;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
table#theTable th.sortable,
table#theTable th.sortable-text,
table#theTable th.sortable-date,
table#theTable th.sortable-keep,
table#theTable th.sortable-date-dmy,
table#theTable th.sortable-numeric,
table#theTable th.sortable-currency,
table#theTable th.sortable-sortByTwelveHourTimestamp,
table#theTable th.sortable-sortIPAddress,
table#theTable th.sortable-sortEnglishLonghandDateFormat,
table#theTable th.sortable-sortScientificNotation,
table#theTable th.sortable-sortImage,
table#theTable th.sortable-sortFileSize

        {
        cursor:pointer;
		color:#FFFFFF;
       background-image:url(images/bg_th.jpg);
		background-repeat:repeat-x;
        padding: 8px 12px 4px 16px;
        }
table#theTable th.forwardSort
        {
        background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
		
		background-image:url(images/fleche_haut.jpg);
		background-repeat:no-repeat;
        }
table#theTable th.reverseSort
        {
     	background-image:url(images/fleche_bas.jpg);
		background-repeat:no-repeat;
        }
table#theTable th.forwardSort a,
table#theTable th.reverseSort a
        {
		padding-left:15px;
        color:#000;
        outline:0 none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#CAE8EA url(../media/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#a80000 !important;
        cursor:wait;
        }
*/
table#theTable th a
        {
        text-decoration:none;
        color: #FFFFFF;
        }
table#theTable td a
        {
        text-decoration:underline;
        color:#FFF;
        }
table#theTable td a img
        {
        margin:0 auto;
        border:3px solid #ddd;
        }
table#theTable td a:hover
        {
        color:yellow;
       
        }
		
     
		
table#theTable td
        {
        font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #666666;
        border-bottom: 1px solid #666666;
        padding: 6px 3px 6px 3px;
        color: #CCCCCC;
        }
table#theTable td.lft
        {
        text-align:left;
        }
table#theTable tr.alt
        {
	
        background: #ffff99;
        color: #797268;
        }
/* Poor old Internet Explorer has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used... */
table#theTable tr[class="alt"] td
        {
        background: #717171 url(../media/td_alt.jpg) no-repeat;
        }
table#theTable td[class~="alt"]
        {
        background: #fff url(../media/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either */
table#theTable tbody tr.alt td:first-child
        {
        background: #717171 url(../media/bullet2.gif) no-repeat;
        font-weight:bold;
        }
table#theTable tbody tr td:first-child
        {
        background:url(../media/bullet1.gif) no-repeat;
        font-weight:bold;
        }



/* PAGINATION TABLEAU */
ul.tablePaginater
        {
        display:block;
        list-style:none;
        padding:0;
        margin:1px 0 1em 0;
        text-align:center;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
        }
ul.tablePaginater li
        {
        display:inline;
        width:2.1em;
        height:2.1em;
        line-height:2em;
        vertical-align:middle;
        margin-right:4px;
        color:#fff;
        list-style:none;
        cursor:pointer;
        }
ul.tablePaginater li.currentPage a
        {
        border-color:#f2d030 !important;
        color:#FFF;
        }
ul.tablePaginater li a
        {
        display:table-cell !important;
        display:inline-block;
        text-align:center;
        width:2em;
        height:2em;
        color:#CCC;
        padding:0.2em;
        min-width:2em;
        min-height:2em;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        cursor:pointer;
        }
ul.tablePaginater li a:focus
        {
        color:#fff;
        text-decoration:none;
        outline:none;
        border-color:#aaa;
        }
td.sized1
        {
        width:16em;
        text-align:left;
        }
td.sized2
        {
        width:10em;
        text-align:left;
        }
td.sized3
        {
        width:7em;
        text-align:left;
        }
		
		
		
#centre h1{
margin:0;
color:#CCCCCC;
}

/* DETAIL */
#bien_detail{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#bien_detail a img{
padding:3px;
background-color:#ffff99;
border:1px solid #999999;
}

#bien_detail img:hover{
background-color:#333333;
}
#bien_detail{
font-size:12px;
border:1px solid black;
}

#bien_detail td{
color:#FFFFFF;
}

.texte4{
color:#FFFFFF;
}

div.retour a{
text-decoration:none;
padding-top:4px;
display:block;
background-color:#333333;
width:80px;
margin:auto;
height:20px;
border:1px solid black;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
}

div.retour a:hover{
background-color:#ffff99;
color:black;
}

p.justify{
color:#009999;
margin:0;
padding:0;
}

/*------Modification Trim David Cartier page accueil.php-------*/
.titre_cc{color:#fad03c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-align:center;}

table#theTableAccueil{ border:#fad03c solid 2px;}

div#titre_prod{margin-top:8px;}
a#lien_produit{color:#fad03c; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img#img_prod_accueil{border:#575757 solid 1px; margin-top:8px;}

.donnee{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold;}
.data{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}

div#border_g{height:120px; border:#fad03c solid 2px; padding:auto; text-align:center}
div#border_c{height:120px; border:#fad03c solid 2px; padding:auto; text-align:center}
div#border_d{height:120px; border:#fad03c solid 2px; padding:auto; text-align:center}

/* Plan Google */
#map {
	width: 450px;
	height: 338px;
	margin: 15px auto;
	border:2px solid #DEB331;
}
#map .infosbulle {
	width: 160px;
	height: 90px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #575757;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}