body
{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	color : #82bfe5;
	background-color:#ffffff;
	background-image:url(../images-vitrine/fond.jpg);
	background-repeat:repeat-x;
}

.fond-cadre
{
  	background-image:url(../images-vitrine/fond-cadre.jpg);
	background-repeat:no-repeat; 
}

/* ------------------ COULEURS ------------------ */ 

.c1 { color: #7E7E7E; }
.c2 { color: #1579bb; }
.c3 { color: #BD8100; }
.c4 { color: #D0D0D0; }
.c5 { color: #FF0000; }

/* ------------------ TAILLES ------------------ */

.t0 { font-size: 8Px; }
.t1 { font-size: 9Px; }
.t2 { font-size: 10Px; }
.t3 { font-size: 11Px; }
.t4 { font-size: 12Px; }
.t5 { font-size: 13Px; }
.t6 { font-size: 16Px; }
.t6a { font-size: 15Px; }
.t6b { font-size: 16Px; }
.t6c { font-size: 17Px; }
.t6d { font-size: 18Px; }
.t7 { font-size: 24Px; }
.t8 { font-size: 25Px; }

/* ------------------ DIVERS ------------------ */

h1 { color: #0F96BE; font-size: 18Px; font-weight: bold; margin: 0; }
h2 { color: #2d4e64; font-size: 14Px; font-weight: bold; margin: 0; }
h3 { color: #BD8100; font-size: 11Px; font-weight: bold; margin: 0; }
h4 { color: #2d4e64; font-size: 11Px; font-weight: bold; margin: 0 0 0 0; text-decoration:underline;}

.non-souligne { text-decoration: none; }
.souligne { text-decoration: underline; }
.italique { font-style: italic; }
.gras { font-weight: bold; }
.justifie { text-align: justify; }

/* ------------------ MENU ------------------ */

a.menu-haut-lien
{
    width: 160Px;
    height: 17Px;
    line-height: 17Px;
    color: #f3f3f3;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 11Px;
    font-weight: bold;
}

a.lien1 { background-color: #0091BB; }
a.lien1:hover { background-color: #BD8100; }

a.lien2 { background-color: #0091BB; }
a.lien2:hover { background-color: #BD8100; }

a.lien3 { background-color: #00A3D2; }
a.lien3:hover { background-color: #BD8100; }

a.lien4 { background-color: #00AEE0; }
a.lien4:hover { background-color: #BD8100; }


a.lien5 { background-color: #00B9EE; }
a.lien5:hover { background-color: #BD8100; }

/* ------------------ XXXX ------------------ */



.pontillet-horiz
    { 
        height: 1Px;
    	background-image:url(../images-vitrine/pointillet-horiz.gif);
	    background-repeat:repeat-x;
    }
    
    
.barre-titre 
    { 
        background-color: #F5F5F5;  
        height:20px;
        padding-left:10px;
    }
    
    
    
    
.corps-cadre
{
  	background-image:url(../images-vitrine/corps-cadre.gif);
	background-repeat:no-repeat; 
	height:166px;
	width:298px;
}


    
.barre-tableau1 
    { 
        background-color: #F5F5F5;  
        height:17px;
        padding-left:10px;
        
    }
    
    
    
td.realisation-image
{
    background-image:url(../images-vitrine/fond-realisation.jpg);
	background-repeat:no-repeat;
	width: 188Px;
	height: 133Px;
	padding: 4Px 0 0 5Px;
}








/* ------------------ FORMULAIRE ------------------ */


input.input1
{
	border: 1Px solid #e0dddd;
	background-color: #ebebeb;
	width: 200Px;
	height: 15Px;
	line-height: 17Px;
	font-size: 12Px;
	color: #878787;
}

input.button1
{
	border: 1Px solid #e0dddd;
	background-color: #ebebeb;
	height: 19Px;
	width: 200Px;
	font-size: 12Px;
	color: #878787;
}

textarea.textarea1
{
    border: 1Px solid #e0dddd;
	background-color: #ebebeb;
	width: 682px;
	height: 180Px;
	font-size: 12Px;
	color: #878787;
}

select.select1
{
	border: 1Px solid #e0dddd;
	background-color: #ebebeb;
	width: 200Px;
	height: 17Px;
	line-height: 17Px;
	font-size: 12Px;
	color: #878787;
}