/* ---------------- */
/* Balises grobales */
/* --------------- */ 
body
{
	margin: 0;
	background-color: #464645;
	font-family: Arial, Helvetica, sans-serif;
}

html, body
{
	height: 100%;
	overflow: hidden;
}

/* tableau général */
#global
{
	width: 100%;
}

/* Ligne fine de 1px entre deux lignes */
.line
{
	height: 1px;
	background-color: #7A7979;
}

/* taille standar des cellules */
.stanSize
{
	width: 328px;
}

#tooltip
{
	border: 1px solid gray;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	z-index: 100;
	padding-bottom: 3px;
	background-color: #303030;
	font-size: 10px;
	color: #CCCCCC;
	font-family: verdana;
}

a
{
	color: #f7941d;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.topElt a, .topElt a:hover
{
	color: #333333;
	text-decoration: none;
	font-size: 9px;
}

.echoNews
{
	background-color: #353535;
	font-size: 10px;
	width: 800px;
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
}
/* ---------------------- */
/* Balises Menu de gauche */ 
/* ---------------------- */
#zoneMenu
{
	background-color: #363636;
	vertical-align: top;
}

/* position des fléches dans les boutons */
.ddFleches
{
	color: #F7941D;
	position: relative;
	left: 20px;
	top: 39px;
 	font-weight: bold;
}

/* position du texte dans les boutons */
.textMenu
{
	position: relative;
	left: 20px;
	top: 38px;
	text-transform: uppercase;
	font-family: verdana;
	font-size: 10px;
}

/* position des fléches dans les boutons */
.ddFlechesExemples
{
	color: #F7941D;
	position: relative;
	left: 45px;
	top: 37px;
 	font-weight: bold;
}

/* position du texte dans les boutons */
.textMenuExemples
{
	position: relative;
	left: 45px;
	top: 37px;
	text-transform: uppercase;
	font-family: verdana;
	font-size: 10px;
}


/* div des boutons */
.affMenu
{
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #cccccc;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
	width: 224px;
	margin-left: 33px;
	height: 96px;
	position:relative; 
}

.affMenu2
{
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #cccccc;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
	width: 224px;
	margin-left: 33px;
	height: 96px;
	position:relative; 
}

.affMenu:hover
{
	padding-top: 2px;
	height: 94px;
}

/* div des boutons */
.affMenuPres, .affMenuPres2
{
	background-repeat: no-repeat;
	background-position: right bottom;
	color: white;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
	width: 221px;
	height: 96px;
	position:relative; 
}

.affMenuPres:hover
{
	padding-top: 2px;
	height: 94px;
}

/* div des boutons pour la page exemples.php */
.ExempleaffMenu
{
	background-image: url("../image/boutons/btn_exemples_out.gif");
	color: #cccccc;
	font-size: 11px;
	text-align: left;
	width: 207px;
	height: 99px;
	cursor: pointer;
	background-position: right top;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.ExempleaffMenu2
{
	background-image: url("../image/boutons/btn_exemples_over.gif");
	color: #cccccc;
	font-size: 11px;
	text-align: left;
	width: 207px;
	height: 99px;
	cursor: pointer;
	background-position: right top;
	background-repeat: no-repeat;
	text-transform: uppercase;
}

.ExempleaffMenu:hover
{
	background-image: url("../image/boutons/btn_exemples_over.gif");
	padding-top: 2px;
	height: 97px;
}

/* titre de la page contact */
.titleContact
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #0c0c0c;
	margin-left: 20px;
	margin-top: 17px;
	padding-left: 5px;
	padding-top: 1px;
	height: 16px;
}

.leftFleche
{
	width: 20px;
	cursor: pointer;
	background-image:url( "../image/leftBar_bg.gif");
	background-repeat: repeat-y;
	background-position: left;
}

.rightFleche
{
	width: 20px;
	cursor: pointer;
	background-image:url( "../image/rightBar_bg.gif");
	background-repeat: repeat-y;
	background-position: right;
}


/* ------------------------------ */
/* Balises du corps avec le texte */ 
/* ------------------------------ */
#zoneText
{
	background-color: #212121;
	vertical-align: top;
	height: 425px;
}

#zoneTextContact
{
	background-color: #212121;
	vertical-align: top;
}

/* pour la page exemples.php */
#zoneTextExemple
{
	background-color: #212121;
	width: 375px;
	vertical-align: top;
}

/* Liste des images cachés */
.next
{

}

/* gestion du titre de corps du texte */
.title
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #181818;
	margin-bottom: 5px;
	padding-left: 25px;
	height: 17px;
}

/* texte de la zone texte */
.textZoneText
{
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	color: white;
	font-size: 11px;
	margin-bottom: 10px;
	text-align: justify;
}
/* gestion du numero du titre du corps du texte */
.numberTitle
{
	color: #F7941D;
}

/* */ 
#overFlow
{
	overflow : auto;
	height: 410px;
}

.corpstitleContact
{
	font-family: Arial;
	font-size: 9px;
	color: white;
	background-color: #3e3e3e;
	margin-top: 17px;
	padding-left: 348px;
	padding-top: 3px;
	height: 14px;
}

/* pour la page exemples.php */
.corpstitleContactExemple
{
	font-family: Arial;
	font-size: 9px;
	color: white;
	background-color: #3e3e3e;
	text-align: center;
	margin-top: 13px;
	padding-top: 3px;
	height: 14px;
}

/* pour la page prestations.php */
.corpstitleContactPrestations
{
	font-family: Arial;
	font-size: 9px;
	color: white;
	background-color: #3e3e3e;
	text-align: center;
	margin-top: 13px;
	padding-top: 3px;
	width: 318x;
	height: 14px;
}

/* div des textes plus titres de l'accueil */ 
.divCentrale
{

}

.affpictg, .affpictc, .affpictd
{
	padding-top: 3px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
}
/* Style image la plus à gauche */
.affpictg
{
	padding-right: 25px;
}

/* Style image la plus à droite */
.affpictd
{
	padding-left: 25px;
}

/* Pointeur "+" ou "-" pour défiler les images */
.plus
{
	background-image: url("../image/decoupe.jpg");
	height: 19px;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
	text-align: left;
	cursor: pointer;
}

/* Pointeur "PLUS" ou "MOINS" pour défiler les images */
.flechesPlus
{
	color: #F7941D;
	float: right;
}

/* fléche next categorie */
#nextOneAff img
{
	position: relative;
	top: -1px;
	cursor: pointer;
}

.lessANDmore
{
	position: relative;
	top: 2px;
}

#nextOnePrestations
{
	position: relative;
	left: 387px;
	top: 420px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#imgReferences
{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 9px;
	padding-bottom: 5px;
}

/* pour la page exemples.php */
.titleContactReferences
{
	font-size: 11px;
	color: white;
	background-color: #101010;
	text-align: left;
	margin-top: 16px;
	padding-top: 2px;
	height: 16px;
	width: 450px;
	text-align: center;
}

.titleContactReferences2
{
	font-size: 11px;
	color: white;
	background-color: #101010;
	text-align: left;
	margin-top: 16px;
	padding-top: 2px;
	height: 16px;
	width: 500px;
	text-align: center;
}

/* titre de la page exemple */
.titleContactExemple
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #0c0c0c;
	margin-top: 17px;
	padding-left: 15px;
	padding-top: 1px;
	height: 16px;
	width: 550px;
	text-transform: uppercase;
}

/* titre de la page exemple */
.titleContactExemple2
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #0c0c0c;
	margin-top: 17px;
	padding-left: 15px;
	padding-top: 1px;
	height: 16px;
 	text-transform: uppercase;
}

/* titre de la page exemple */
.titleContactExemple3
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #0c0c0c;
	margin-top: 17px;
	padding-left: 15px;
	padding-top: 1px;
	height: 16px;
	width: 435px;
 	text-transform: uppercase;
}

.ContactSelected
{
	height: 19px;
	background-image: url(../image/topContact.gif);
	text-align: right;
	background-repeat: repeat-x;
}

.SelectedTextContact
{
	padding-right: 5px;
	margin-left: 30px;
}


.element_spciel
{
 	border: 1px solid #464645;
  	background-color: #181818;
  	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.specil_pict
{
	height: 22px;
	width: 252px;
	border: 0px;
}


#textContact
{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#infoContact td
{
	height: 13px;
}


/* --------------------------------- */
/* Balises Vidéo plus news de droite */ 
/* --------------------------------- */
#zoneView
{
	background-color: #454546;
	vertical-align: top;
	padding-top: 45px;
}

#zoneViewContact
{
	background-color: #464645;
	vertical-align: top;
}

#zoneViewExemple
{
	background-color: #464645;
	vertical-align: top;
	border-left: 1px solid #494949;
}

#corpstitleContactView
{
	font-family: Arial;
	font-size: 9px;
	color: white;
	margin-top: 17px;
	width: 240px;
}

/* titre de la page exemple à droite */
.titleContactExempleView
{
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #0c0c0c;
	padding-left: 10px;
	padding-top: 1px;
	height: 16px;
	background-color: #2a2a2a;
	text-transform: capitalize;
}

/* Categorie de la colone vidéo plus news */
.view
{
	margin-left: 9px;
	margin-top: 15;
	width: 320px;
}

/* Categorie de la colone vidéo plus news */
.viewAccueil
{
	margin-left: 9px;
	width: 320px;
	margin-top: 18px;
	background-color: #212121;
}

/* Titre des categorie de la colone vidéo plus news */
.viewTitle
{
	color: white;
	text-align: center;
	font-size: 8px;
	padding-top: 3px;
	background-color: #545453;
	height: 14px;
}	


/* ---------------------------- */
/* Balises pour le pied de page */ 
/* ---------------------------- */
#zoneBottom
{
	background-color: #464645;
	height: 30px;
}

/* flooteur */
#pied
{
	width: 1000px;
	height: 100%;
	color: white;
}

#nextOne img
{
	cursor: pointer;
}

.v3dbottom
{
	background-image: url(../image/baseLine-V3D.jpg);
	background-repeat: no-repeat;
}

/* ----------------------- */
/* Balises pour les news   */ 
/* ----------------------- */

.newsText{
	padding:10px;
	background-image: url(../image/logo_v3d_news.gif);
	background-position: center center;
	background-repeat:no-repeat;
	text-align:justify;
	font-family:Arial;
	color:white;
	height:366px;	
}