@font-face{
font-family : "maFonte";

src : url('miso.eot?') format('eot'),
url('miso.woff') format('woff'),
url('miso.svg#abcd') format('svg'),
url('miso.ttf') format('truetype');
}

body{
scrollbar-face-color: #fff; 
scrollbar-shadow-color: #ccc;
scrollbar-highlight-color: #fff;  
scrollbar-3dlight-color:#ccc;
scrollbar-darkshadow-color: #fff;  
scrollbar-track-color:  #fff; 
scrollbar-arrow-color: #ccc;
background-color:#fff;
margin:0;
padding:0;
}

body.accueil{
scrollbar-face-color: #fff; 
scrollbar-shadow-color: #ccc;
scrollbar-highlight-color: #fff;  
scrollbar-3dlight-color:#ccc;
scrollbar-darkshadow-color: #fff;  
scrollbar-track-color:  #fff; 
scrollbar-arrow-color: #ccc;
background:url(../images/fond.jpg) top center repeat-x #fff;
margin:0;
padding:0;
text-align:center;
}

#ban{
background:url(../images/gif_vfdezign.gif) top right no-repeat;
width:191px;
height:114px;
top:0px;
right:0px;
opacity: 0.7;
filter: alpha(opacity=70);
position:absolute;
z-index:1000;
display:block;
cursor:hand;
}

#general{
position:relative;
margin:0 auto;
width:970px;
text-align:left;
padding:0px;
top:0px;
}

#gauche {
float:left;
width:317px;
margin:0;
padding:0;
text-align:left;
background:url(../images/logo_vfdezign.jpg) top left no-repeat #fff;
height:800px;
position:relative;
top:0;
}

#droit {
	float:right;
	width:653px;
	text-align:left;
	background:url(../images/fond_droit.jpg) top left no-repeat #fff;
	height:800px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
}

#conteneur{
min-height:330px !important;
height:auto !important;
height:330px;
text-align:left;
margin:0px;
position:relative;
top:155px;
left:22px;
width:563px;
}
#bandeau_gauche{
position:relative;
top:0px;
left:73px;
margin:0;
padding:0;
}

#bandeau_texte p{
position:relative;
color:#666666;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
width:146px;
top:200px;
left:15px;
text-align:justify;
}
#flash{
position:relative;
left:0px;
top:133px;
margin:0;
padding:0;
width:145px;
}
#texte {
width:541px;
text-align:left;
}


/* =============== */
/* STYLES GENERAUX */
/* =============== */
p{
margin:0;
padding:0;
}
div{
margin:0;
padding:0;
}
hr{
color:#C33;
}

/* ===================== */
/* STYLES TYPOGRAPHIQUES */
/* ===================== */

body, table, td, p, .texte, select, textarea, input {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000;
}
.texte, .coul_description, .coul_des_formulaire{
vertical-align:top;
text-align:left;
color:#000;
font-size:11px;
}

.texte2{
color:#990000;
font-size:11px;

}

h1 {
font-family:"maFonte", Helvetica, Arial, sans-serif;
font-size:22px;
color:#333333;
font-weight:normal;
margin:0;
padding:0;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#990000;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
background-color:#EAEAEA;
padding:5px;
}

h4 {
font-family:"maFonte", Helvetica, Arial, sans-serif;
font-size:14px;
color:#333333;
font-weight:normal;
margin:0;
padding:0;
}


.texte_rouge{
text-align:left;
color:#990000;
font-weight:bold;
border-left:1px dotted #333;
background-color:#EAEAEA;
display:block;
height:10px;
padding-left:10px;
padding-right:10px;
}
table{
border-collapse:collapse;
border:0;
padding:0;
margin:0;
}
a:link, a:visited, a:active{
color:#990000;
text-decoration:none;	
}
a:hover{
color:#fff;
text-decoration:none;
background-color:#333333;
}

.gros_titre{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
display:block;
color:#990000;
}

.titre{
font-size:13px;
font-weight:bold;
display:block;
color:#336699;	
}
.sous_titre{
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
}

/* texte plus petit que le texte classique */
.petit_texte {
font-size:10px;
color:#666;
}

/* LISTES */
ul, li {
margin:0;
padding:0;
}
ul{
margin:5px 10px 5px 25px;
}
li{
padding:3px 5px;
list-style-image: url(../images/signet.gif);
}



/* ============= */
/* STYLES IMAGES */
/* ============= */
img{
border:0;
text-decoration:none;
background:none;
}
a.img{
border:0;
text-decoration:none;
background:none;
}
a.img:hover{
border:0;
text-decoration:none;
background:none;
}
img.bordure{
border:1px solid #fff;
}
/* Style utilisé pour les popup images - zoom */
a.zoom:link, a.zoom:visited, a.zoom:active{
border:0;
background:none;
}
a.zoom:hover{
border:0;
background:none;
}


/* ================== */
/* FORMULAIRE CONTACT */
/* ================== */
form{
margin:0;
}
input, textarea, select, fieldset{
border:0;
border-bottom: 1px dotted #999;
margin:2px 0;
background:#fff;
color:#000;
font-weight:normal;
padding:1px 5px;
width:150px;
}
/* bouton d'envoi de formulaire */
input.bt-envoi{
background:#000;
margin:0px;
padding:2px 5px;
font-size:10px;
font-weight:bold;
color:#ccc;
width:160px;
border:none;
cursor:hand;
}
.blur {
background-color:#FFFFFF;
}
.focus {
background-color:#e2e0e0;
}
/* boite a cocher (pour enlever le fond de couleur) */
.coche{
background:none;
border:0;
width:auto;
}

/* ================== */
/* HOMEPAGE */
/* ================== */
.bloc {
background:url(../images/fd_bloc.jpg) top left no-repeat #fff;
color:#990000;
text-align:left;
padding:10px;
margin:0px 20px 0px 0px;
float:left;
width:340px;
}
.bloc p{
padding:4px 0px 4px 0px;
}

.date {
font-size:10px;
color:#666;
}

.bloc_aleatoire{
background-color:#000;
color:#FFFFFF;
padding:10px;
float:right;
text-align:left;
width:134px;
margin:0px;
}
.bloc_aleatoire p{
padding:4px;
}

.texte_aleatoire {
color:#ccc;
font-size:10px;
text-align:left;
}

.titre_aleatoire {
vertical-align:top;
color:#fff;
font-size:11px;
text-align:left;
float:right;
}

a.lien:link, a.lien:visited, a.lien:active{
color:#990000;
text-decoration:none;
font-size:9px;
}
a.lien:hover{
color:#fff;
text-decoration:none;
background-color:#333333;
font-size:9px;
}

/* ================= */
/* PAGE SITES INTERNET */
/* ================= */

.site_prod {
border-bottom:1px dotted #999;
margin:8px 0px;
padding:4px 0px;
background:none;
color:#333;
min-height:150px !important;
height:auto !important;
height:150px;
}
.site_prod td {
padding-top:4px;
padding-bottom:4px;
}

.site_blocgauche{
margin:0px;
padding:0px 20px 0px 0px;
float:left;
width:130px;
}
.site_blocdroit {
margin:0px;
padding:0px;
float:right;
width:391px;
}

/* ================= */
/* PAGE INFOS */
/* ================= */
.informations{
width:100%;
}
.bloc_infos {
text-align:left;
width:250px;
padding:0px 10px 0px 10px;
float:left;
border-right:1px dotted #ccc;
}
.statut {
padding:8px;
}

/* ================= */
/* PAGE LOGOS */
/* ================= */

.bloc_logos {
float:left;
margin:0px 10px 10px 0px;
border:1px solid #ccc;
padding:10px;
min-height:200px !important;
height:auto !important;
height:200px;
width:103px;
}

.bloc_crea {
float:left;
margin:0px 10px 10px 0px;
border:1px solid #ccc;
padding:10px;
min-height:190px !important;
height:auto !important;
height:190px;
width:103px;
}

.bloc_print {
float:left;
margin:0px 10px 10px 0px;
border:1px solid #ccc;
padding:10px;
min-height:250px !important;
height:auto !important;
height:250px;
width:103px;
}
/* ================= */
/* PAGE CONTACT */
/* ================= */

.contact td{
padding:5px;
font-size:10px;
border:1px dotted #ccc;
color:#666666;
}

.ligne1{
padding:5px;
background-color:#e2e0e0;
}
.ligne2{
padding:5px;
}