/* CSS Document - EUROBOISSON - mars 2008 Devellopeur Dietkiewicz Stéphane pour convergence communication */

body
	{
		height:auto;
		background-color:#fef1ed;
		margin-top:0px;
		padding-top:0px;
		margin-left:auto;
		margin-right:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666;
		background-color:#FDF4E5;
		background-image:url(../../images/graph/degrad_fong.gif);
		background-repeat:repeat-x;
		
		/* MOD SCROLL */
		scrollbar-3dlight-color:#d7917e;
		scrollbar-arrow-color: #;
		scrollbar-base-color: #000; /* vert flash */
		scrollbar-darkshadow-color: #916255; /* contour droite et bas */ 
		scrollbar-face-color: #d7917e; /* carre fleche, onglet de defilement */
		scrollbar-highlight-color: #ffbdab; /* contour haut et gauche */
		scrollbar-shadow-color: #b07767;
		scrollbar-track-color: #feedce;
		
	}

/*
body
	{
	position:relative;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#d6e4e8;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	padding-top:0px;
	}
*/

#bloc_global {
	position: relative;
	display: block;
		width:940px;
	margin: 0px auto 0px auto; }

#bulles
	{
		position:relative;
		width:1000px;
		height:350px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		padding-top:0px;
		background-image:url(../../images/graph/bulles.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/bulles.png', sizingMethod='image'); 
	}

.O
	{
		width:90px;
		height:97px;
		background-image:url(../../images/graph/oneBulle.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/oneBulle.png', sizingMethod='scale'); 
	}


#logo
	{
		position:absolute; 
		top:63px; 
		left:0px;
		height:70px;
		width:430px;
		background-image:url(../../images/graph/logo.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/logo.png', sizingMethod='image'); 
	}

#logoLink
	{
		position:absolute; 
		top:63px; 
		left:0px;
		height:70px;
		width:430px;
	}

h1
	{
		font: normal normal bold 16px Arial, Helvetica, sans-serif;
		color:#333;
		margin:0px 0px 8px 0px;
	}

p{
	padding:0px;
	margin:0px;
	}	
	

h2
	{
		font: normal normal bold 12px Arial, Helvetica, sans-serif;
		color:#ffbc23;
		display:block;
		padding:0px 0px 8px 0px;
		margin:0px 0px 3px 180px;
		border-bottom:1px solid #999;
		text-align:left;
	}

h3
	{
		font: normal normal normal 12px Arial, Helvetica, sans-serif;
		color:#666;
		margin:0px 0px 3px 0px;
	}

.promoTitre
	{
		color:#333333;
	}

.promoSousTitre
	{
		color:#cc0000;
	}

#blackOn
	{
		position:absolute; 
		margin-left:50%;
		top:0px;
		left:-600px;
		width:1200px; 
		height:1200px; 
		background-color:#333333; 
		filter:alpha(opacity=60); 
		-moz-opacity: 0.6; 
		opacity: 0.6;
	}





#menuDLinkB
	{
		position:absolute;
		top:254px; /*134px;*/
		left:521px;
		width:135px;
		height:255px;
		background-image:url(../../images/graph/menuD.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/menuD.png', sizingMethod='image'); 
		z-index:50;
	}

#menuDLink
	{
		position:absolute;
		top:254px; /*134px;*/
		left:521px;
		width:135px;
		height:255px;
		z-index:51;
		padding-top:10px;
		text-align:center;
	}


/*////////////////////////////// --- MISE EN FORME TXT --- /*/

.message
	{
		font: normal italic normal 11px Arial, Helvetica, sans-serif;
		color:#CC0000;
		text-decoration:none;
	}


.aBlue
	{
		font: normal normal normal 11px Arial, Helvetica, sans-serif;
		color:#2a2a6d;
		text-decoration:none;
	}

.aBlueG
	{
		font: normal normal bold 11px Arial, Helvetica, sans-serif;
		color:#2a2a6d;
		text-decoration:none;
	}	

.aBlue:hover , .aBlueG:hover
	{
		color:#CC6600;
	}

.aMenuD
	{
		color:#c68000;
		font: normal normal bold 11px Arial, Helvetica, sans-serif;
		text-decoration:none;
		display:block;
		vertical-align:middle;
		text-align:center;
		height:25px;
		width:115px;
		background-image:url('/images/graph/menuDbloc.jpg');
		border:0px dashed #00CC33;
	}

.aMenuD:hover
	{
		color:#FFFFFF;
	}

.aO
	{
		font: normal normal bold 11px Arial, Helvetica, sans-serif;
		color:#ffb70f;
		text-decoration:underline;
	}

.aO:hover
	{
		color:#333366;
	}

.aLinkM
	{
		font: normal normal normal 11px Arial, Helvetica, sans-serif;
		color:#ffb70f;
		text-decoration:none;
	}

.aLinkM:hover
	{
		color:#AABBDD;
		text-decoration:underline;
	}


.inputContact
	{
		/*display:block;*/
		border:1px solid #e98d04;
		background-color:#FFF;
		width:99%;
		font-family:Arial, Helvetica, sans-serif;
	}

.textareaContact
	{
		display:block;
		border:1px solid #e98d04;
		background-color:#FFF;
		height:75px;
		font-family:Arial, Helvetica, sans-serif;
	}

.submitContact
	{
		display:block;
		border:1px solid #e98d04;
		width:80px;
		height:auto;
	}

.contFlash
	{
		background-image:url(../../images/graph/degrad_fong.gif);
		background-repeat:repeat-x;
	}


#bigFooter
	{
		/*position:absolute;*/
		width:877px;
		* width : 877px;
		height:426px;
		background-image:url(../../images/graph/bigFooter.jpg);
		background-repeat:no-repeat;
		/*
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/bigFooter.png', sizingMethod='image'); 
		*/
		border-right:2px solid #ff9966;
		border-bottom:1px solid #ff9966;
		background-color:#FFFFFF;
		/* margin-top: -25px; */
		* margin-top:0px;
		padding-top:-25px;
		* padding-top:0px;
		
		
	}


#footer
	{
		/*position:absolute;
		bottom:-8px;*/
		width:876px;
		margin-left:-25px;
		height:30px;
		background-image:url(../../images/graph/footer.jpeg);
		background-repeat:no-repeat;
		background-color:#ffffff;
	}

#galerie
	{
		/*position:absolute;
		bottom:40px;
		right:30px;*/
		width:825px;
		height:370px;
		background-image:url(../../images/graph/galerie.jpeg);
		background-repeat:no-repeat;
	}

/* BLOC DE POSITIONNEMENT */

#zoneGraph /* Fond */
	{
		position:absolute;
		top:255px; /* base : 135px; */
		left:23px;
		width:940px;
		height:875px;
		background-image:url(../../images/graph/fond_courb.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/fond_courb.png', sizingMethod='image'); 

	}

#zoneCache /* Bricolage pour cacher l'exedant */
	{
		position:absolute;
		top:255px; /* base : 135px; */
		left:23px;
		width:64px;
		height:580px;
		background-image:url(../../images/graph/fond_courb_coup.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/fond_courb_coup.png', sizingMethod='image'); 

	}


#zoneText
	{
		position:absolute;
		top:260px; /* base : 140px; */
		left:84px;
		width:879px;
		height:auto;
		/*
		background-color:#FFCCCC;
		filter:alpha(opacity=60); 
		-moz-opacity: 0.6; 
		opacity: 0.6;
		*/
	}


#header
	{
		position:absolute;
		top:0px;
		left:83Px;
		width:900px;
		height:255px;
		background-image:url(../../images/graph/header.jpg);
		background-repeat:no-repeat;
	}

#BullAnim
	{
		position:absolute;
		top:0px;
		left:400px;
		width:500px;
		height:255px;
		width:500px;
		background-image:url(../../images/graph/bulleAnimGiant.gif);
		background-repeat:no-repeat;
	}


#z1
	{
		padding-top:70px;
		top:70px;
		left:-30px;
		width:370px;
		height:inherit;
		font:normal normal normal 12px Arial, Helvetica, sans-serif;
		text-align:justify;
		color:#666;
		padding-left:3px;
	}
	
#z1cont
	{
		top:70px;
		left:-30px;
		width:370px;
		height:auto;
		padding-right:10px;
		margin-right:20px;
		font:normal normal normal 12px Arial, Helvetica, sans-serif;
		text-align:justify;
	}

#z2
	{
		top:70px;
		left:370px;
		width:420px;
		height:auto;
	}

#z3
	{
		width:835px;
		* width:835px;
		padding-left:40px;
		height:auto;
		font:normal normal normal 12px Arial, Helvetica, sans-serif;
		margin-top:25px;
		* margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		background-color:#FFFFFF;
		border-right:2px solid #ff9966;
		border-left:2px solid #ff9966;
	}

#z4
	{
		width:856px;
		* width:855px;
		padding-left:20px;
		height:auto;
		font:normal normal normal 12px Arial, Helvetica, sans-serif;
		margin-top:25px;
		* margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		background-color:#FFFFFF;
		padding-bottom:2px;
	}

#z4_cont
	{
		top:15px;
		left:0px;
		border:1px solid #dedede;
		background-color:#feedce;
		width:835px;
		margin-bottom:2px;
	}

#z4_head
	{
		background-image:url(../../images/graph/espaceCom/headerCom.gif);
		width:284px;
		height:16px;
		margin-left:20px;
	}
/* STYLE DE CARACTTER */
.zc_title
	{
		font:normal normal  bold 13px Arial, Helvetica, sans-serif;
		color:#cc0000;
		margin-top:5px;
	}

.zc_text
	{
		font:normal normal  normal 12px Arial, Helvetica, sans-serif;
		color:#333;
		
	}

.zStyle
	{
		text-align:justify;
		overflow:auto;
		height:120px;
		padding-right:5px;
		
		
	}

#z2C
	{
		position:absolute;
		top:62px;
		left:405px;
		width:180px;
		height:230px;
		background-image:url(../../images/graph/cercleOr.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/cercleOr.png', sizingMethod='image'); 
	}

#z2I
	{
		position:absolute;
		top:72px;
		left:430px;
		width:155px;
		height:200x;
	}

#z2Txt
	{
		/*position:absolute;*/
		top:0px;
		left:0px;
		width:420px;
		height:230px;
		text-align:justify;
		color:#666;
		font:normal normal normal 12px Arial, Helvetica, sans-serif;
	}



/*////////////////////////////// --- LA NAVIGATION --- /*/

#navig
	{
		position:absolute;
		top:160px; /* 40px; */
		left:430px;
		width:510px;
		height:180px;
	}

.blocCentre
	{
		text-align:center;
		vertical-align:center;
		padding:inherit;
	}

#soc
	{
		position:absolute;
		top:25px;
		left:0px;
		width:125px;
		height:125px;
		background-image:url(../../images/graph/onglet/onglet_01.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/onglet/onglet_01.png', sizingMethod='image'); 
	}

#prod
	{
		position:absolute;
		top:40px;
		left:90px;
		width:140px;
		height:140px;
		background-image:url(../../images/graph/onglet/onglet_02.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/onglet/onglet_02.png', sizingMethod='image'); 
	}

#mag
	{
		position:absolute;
		top:55px;
		left:205px;
		width:120px;
		height:120px;
		background-image:url(../../images/graph/onglet/onglet_03.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/onglet/onglet_03.png', sizingMethod='image'); 
	}

#serv
	{
		position:absolute;
		top:30px;
		left:305px;
		width:105px;
		height:105px;
		background-image:url(../../images/graph/onglet/onglet_04.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/onglet/onglet_04.png', sizingMethod='image'); 
	}

#cont
	{
		position:absolute;
		top:45px;
		left:400px;
		width:105px;
		height:105px;
		background-image:url(/images/graph/onglet/onglet_05.png);
		background-repeat:no-repeat;
		* background-image: url(images/spacer.gif); 
		* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/graph/onglet/onglet_05.png', sizingMethod='image'); 
	}




/* LINK */

#socL
	{
		position:absolute;
		top:25px;
		left:0px;
		width:125px;
		height:125px;
	}

#prodL
	{
		position:absolute;
		top:40px;
		left:90px;
		width:140px;
		height:140px;
	}

#magL
	{
		position:absolute;
		top:55px;
		left:205px;
		width:120px;
		height:120px;
	}

#servL
	{
		position:absolute;
		top:30px;
		left:305px;
		width:105px;
		height:105px;
	}

#contL
	{
		position:absolute;
		top:45px;
		left:400px;
		width:105px;
		height:105px;
	}

/* BULLES */


#socB
	{
		position:absolute;
		top:25px;
		left:15px;
		width:125px;
		height:125px;
		background-image:url(../../images/graph/bulles.gif);
		background-repeat:no-repeat;
	}

#prodB
	{
		position:absolute;
		top:20px;
		left:110px;
		width:140px;
		height:140px;
		background-image:url(../../images/graph/bulles.gif);
		background-repeat:no-repeat;

	}

#magB
	{
		position:absolute;
		top:35px;
		left:205px;
		width:120px;
		height:120px;
		background-image:url(../../images/graph/bulles.gif);
		background-repeat:no-repeat;

	}

#servB
	{
		position:absolute;
		top:15px;
		left:305px;
		width:105px;
		height:105px;
		background-image:url(../../images/graph/bulles.gif);
		background-repeat:no-repeat;

	}

#contB
	{
		position:absolute;
		top:20px;
		left:400px;
		width:105px;
		height:105px;
		background-image:url(../../images/graph/bulles.gif);
		background-repeat:no-repeat;

	}