body, html
{
	margin: 0px; 
    padding: 0px;
    height: 100%;
    text-align: center;
}

body 
{	
	background-color: #b03f24; 
    background-image: url(../images/ecran-gravier.jpg);
    background-repeat: repeat;
    background-position: right top;
}

span.desc
{
	display: none;
}

a:link
{
	color: #e26345;	
}

a:visited
{
	color: #757575;	
}

a:hover
{
	color: #e26345;	
}

a:active
{
	color: #e26345;	
}

#site 
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	width:820px;
	height: 1050px;
	min-height: 950px;
	text-align: left;
}

#menu 
{
	background-color:green;
	position:relative;
	width:200px;
	height:100%; 
	float:left;
	text-align: left;
	background-color: #f2f2f2;
	background-image: url("../images/menu-fond.gif");
	background-repeat: repeat-y;
}

/*#header 
{
	background-color:red;
	position:relative;
	width:820px;
	height:80px;
	text-align: left;
	background-color: #f2f2f2;
	background-image: url("../images/ecran-page.jpg");
	background-position: 200px -15px;
	background-repeat: no-repeat;
}*/
#header 
{
	background-color:red;
	position:relative;
	width:820px;
	height:62px;
	text-align: left;
	background-color: #f2f2f2;
	background-image: url("../images/header.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#content 
{
	background-color:white;
	position:relative;
	width:600px;
	height:100%;
	float: left;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
}

#video 
{
	background-color:white;
	position:relative;
	width:600px;
	height:200px;
	float: center;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
#miseenavant 
{
	background-color:white;
	position:relative;
	width:600px;
	height:350px;
	float: center;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

#video2 
{
	background-color:white;
	position:relative;
	width:600px;
	height:350px;
	float: center;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

#groupeyacast 
{
	background-color:white;
	position:relative;
	width:300px;
	height:220px;
	float: center;
	text-align: justify;
	padding-left: 0px;
	padding-right: 20px;
}

#pvr 
{
	background-color:white;
	position:relative;
	width:600px;
	height:405px;
	float: center;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

/*****/
/*#logo
{
	display: block;
	width: 200px;
	height: 102px;
	background-image: url("../images/menu-tete.gif");
	background-repeat: no-repeat;
}*/

#contact
{
	position: absolute;
	top: 8px;
	left: 740px;
	display: block;
	width: 43px;
	height: 44px;
}

.contact_off:hover
{
	background-image: url("images/lien-contact.gif");
	background-repeat: no-repeat;
	background-position: left -43px;
}

.contact_off
{
	background-image: url("images/lien-contact.gif");
	background-repeat: no-repeat;
}

.contact_on
{
	background-image: url("images/lien-contact.gif");
	background-repeat: no-repeat;
	background-position: left -43px;
}


#extranet
{
	position: absolute;
	top: 8px;
	left: 670px;
	display: block;
	width: 65px;
	height: 43px;
}

.extranet_off:hover
{
	background-image: url("images/lien-cdn.gif");
	background-repeat: no-repeat;
	background-position: left -43px;
}

.extranet_off
{
	background-image: url("images/lien-cdn.gif");
	background-repeat: no-repeat;
}

.extranet_on
{
	background-image: url("images/lien-cdn.gif");
	background-repeat: no-repeat;
	background-position: left -43px;
}

/*****/
#accueil
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 15px
}

.accueil_off:hover
{
	background-image: url("images/menu-acceuil.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.accueil_off
{
	background-image: url("images/menu-acceuil.gif");
	background-repeat: no-repeat;
}

.accueil_on
{
	background-image: url("images/menu-acceuil.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#besoins
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.besoins_off:hover
{
	background-image: url("images/menu-besoins.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.besoins_off
{
	background-image: url("images/menu-besoins.gif");
	background-repeat: no-repeat;
}

.besoins_on
{
	background-image: url("images/menu-besoins.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#solutions
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.solutions_off:hover
{
	background-image: url("images/menu-solustreaming.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.solutions_off
{
	background-image: url("images/menu-solustreaming.gif");
	background-repeat: no-repeat;
}

.solutions_on
{
	background-image: url("images/menu-solustreaming.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#services
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.services_off:hover
{
	background-image: url("images/menu-sva.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.services_off
{
	background-image: url("images/menu-sva.gif");
	background-repeat: no-repeat;
}

.services_on
{
	background-image: url("images/menu-sva.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#engagements
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.engagements_off:hover
{
	background-image: url("images/menu-engagements.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.engagements_off
{
	background-image: url("images/menu-engagements.gif");
	background-repeat: no-repeat;
}

.engagements_on
{
	background-image: url("images/menu-engagements.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#qos
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.qos_off:hover
{
	background-image: url("images/menu-qos.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.qos_off
{
	background-image: url("images/menu-qos.gif");
	background-repeat: no-repeat;
}

.qos_on
{
	background-image: url("images/menu-qos.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#diffusion
{
	display: none; visibility: hidden;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.diffusion_off:hover
{
	background-image: url("images/menu-diffuenlive.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.diffusion_off
{
	background-image: url("images/menu-diffuenlive.gif");
	background-repeat: no-repeat;
}

.diffusion_on
{
	background-image: url("images/menu-diffuenlive.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

#infrastructure
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.infrastructure_off:hover
{
	background-image: url("images/menu-infrastructure.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.infrastructure_off
{
	background-image: url("images/menu-infrastructure.gif");
	background-repeat: no-repeat;
}

.infrastructure_on
{
	background-image: url("images/menu-infrastructure.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}


#clients
{
	display: block;
	width: 200px;
	height: 28px;
	margin-top: 5px
}

.clients_off:hover
{
	background-image: url("images/menu-ilsnousfontconfiance.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}

.clients_off
{
	background-image: url("images/menu-ilsnousfontconfiance.gif");
	background-repeat: no-repeat;
}

.clients_on
{
	background-image: url("images/menu-ilsnousfontconfiance.gif");
	background-repeat: no-repeat;
	background-position: left -28px;
}


/*****/

#autopromo
{
	display: block;
	width: 166px;
	height: 83px;
	margin-top: 20px;
	margin-left: 15px;
	background-image: url("../images/voeuxYM.jpg");
	background-repeat: no-repeat;
	border-width: 0px;
}

#whatshot
{
	background-color:#F6DAC7;
	display: block;
	width: 166px;
	height: 310px;
	margin-top: 20px;
	text-align: align-left;
	padding-left: 10px;
	padding-right: 22px;
	border-width: 0px;
}

#lien_pdf
{
	background-color:#F6DAC7;
	display: block;
	width: 166px;
	height: 55px;
	margin-top: 10px;
	text-align: align-left;
	padding-left: 10px;
	padding-right: 22px;
	border-width: 0px;
}

#pres_yacast
{
	background-color:#F6DAC7;
	display: block;
	width: 166px;
	height: 30px;
	margin-top: 10px;
	text-align: align-left;
	padding-left: 10px;
	padding-right: 22px;
	border-width: 0px;

}

/*****/


.txtitre  { color: #e26345; font-size: 16px; font-family: Verdana; font-weight: bold }
.txligne  { color: #000000; font-size: 12px; font-family: Verdana; font-weight: bold }
.txtexte  { color: #757575; font-size: 12px; font-family: Verdana; }
.txtextepres  { color: #757575; font-size: 10px; font-family: Verdana; }
.txnom    { color: #e26345; font-size: 12px; font-family: Verdana; }
.whot_titre  { color: #e26345; font-size: 12px; font-family: Verdana; font-weight: bold }
.whot_categorie  { color: #000000; font-size: 10px; font-family: Verdana; font-weight: bold }
.whot_texte    { color: #000000; font-size: 10px; font-family: Verdana; }
.whot_tout     { font-size: 10px; font-family: Verdana; }
.pdf_texte    { color: #000000; font-size: 10px; font-family: Verdana; }
.pdf_header  { color: #000000; font-size: 10px; font-family: Verdana; font-weight: bold }
.yacast   { color: #3A1A57; font-size: 10px; font-family: Verdana; font-weight: bold }


/**** popup ****/
#popup_fond {
	top: -100px;
	left: 0px;
	width: 100%;
	height: 150%;
	position: fixed;
	background-image: url(../images/overlay.png);
	text-align: left;
	z-index:100;
}

* html #popup_fond {
	z-index:100;
	position: absolute;
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/overlay.png);
	filter: progid : DXImageTransform . Microsoft .
		AlphaImageLoader(src = "/images/overlay.png", sizingMethod = "crop")
		;
}

#popup-contenu {
	z-index:1001;
	width: 680px;
	height: 400px;
	margin: 0px auto;
	background-color: #FFFFFF;
	display: block;
	position: absolute;
	top: 300px;
	left: 40%;
	margin-top: -160px;
	margin-left: -210px;
	padding: 10 10 0 0px;
}