*{
margin:0;
padding:0;
font-family:Arial;
}

/**  Container:Page affichée (Haut+ corps+ bas)**/
#container{
width:920px;
margin:50px auto;
}

/** Entete: Logo & slogan **/
#entete{
width:920px;
height:85px;
}

#logo{
float:left;
width:410px;
height:85px;
background:#000;
}

#slogan{
float:right;
width:510px;
color:#FFF;
font-size:13px;
margin-top:8px;
}

#slogan span{
line-height:26px;
}

/**  Structure du Corps = Panneau gauche + contenu page **/
#corps{
clear:both;
width:920px;
/*height:540px;*/
height:auto;
margin-top:5px;
}


/**  Structure du panneau gauche **/
#panneau-gauche{
float:left;
width:170px;
height:540px;
max-height:540px;
}

#menu{
margin-top:11px;
}

#menu a{
display:block;
height:22px;
width:169px;
}

#news{
font-size:10px;
color:#32323d;
font-family:verdana;
margin-top:12px;
background:url(../img/interface/fond_news.gif) repeat-y;
}

#news a{
color:#32323d;
text-decoration:none;
}

#news a:hover{
color:#000;
}

#news .titre{
font-size:11px;
padding-left:8px;
background:url(../img/interface/puce_news.gif) no-repeat center left;
}

#news .top{
background:url(../img/interface/titre_news.gif);
height:35px;
width:169px;
}

#news .bottom{
background:url(../img/interface/bas_news.gif) no-repeat #2e2f34;
height:10px;
width:169px;
}

#news .news{
width:156px;
padding:3px 5px 3px 8px;
background:url(../img/interface/separation_news.gif) no-repeat bottom;
}

#news .last{
background:none;
}

#pub2{
margin-top:11px;
width:100px;
height:63px;
background:url(../img/interface/video.gif) no-repeat;
padding:10px 0 10px 69px;
font-family:tahoma;
font-size:10px;
}

#pub2 a{
display:block;
line-height:18px;
font-size:11px;
font-weight:bold;
color:#47474e;
text-decoration:none;
background:url(../img/interface/voir_video.gif) no-repeat right center;
margin-right:8px;
}



/**  Structure du contenu de la page **/
#contenu{
width:728px;
height:568px;
padding:10px;
background:#FFF;
text-align:left;
border:1px #000 solid;
float:left;
font-size:12px;
}
#contenu h1 {
	font-size:21px;
}
#contenu h2 {
	text-align:  left;
	font-family: tahoma;
	font-size:14px;
	font-weight: bold;
	margin-top:14px;
	margin-bottom: 14px;
}

#contenu a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


/**  Structure du bas de page (Contact...)  **/
#copyright{
clear:both;
float:right;
width:130px;
text-align:right;
}
	
#bas-gauche{
float:left;
padding-left:180px;
margin-top:5px;
}

#bas-gauche img{
vertical-align:middle;
}

#bas-droite{
float:right;
margin:2px;
}


/*bloc demo et telecharger*/
#bloc_demo_telecharger, #bloc_demo_telecharger_home{
width:500px;
height:180px;
position:absolute;
top:500px;
left:50%;
margin-left:-50px;
}

#bloc_demo_telecharger .bloc_voir_video, #bloc_demo_telecharger_home .bloc_voir_video{
float:right;
width:321px;
padding:5px 18px 119px;
background:url(../img/interface/demo-tirage-numerique.jpg) bottom no-repeat #eff2fb; 
font-family:Tahoma; 
font-size:11px; 
text-align:justify;
margin-top:10px;
}

#bloc_demo_telecharger .link_demo a, #bloc_demo_telecharger_home .link_demo a{
font-size:11px; 
font-weight:bold; 
font-family:Tahoma; 
color:#37373d;
padding-left:24px;
text-decoration:underline;
background:url(../img/interface/voir_demo.gif) no-repeat; 
position:absolute;
margin-top:119px;
right:0;
text-align:left;
}

#bloc_demo_telecharger .telecharger{
float:left;
display:block;
width:115px;
height:61px;
background:url(../img/interface/telecharger.gif) no-repeat;
margin:110px 0 0 10px;
}

#bloc_demo_telecharger_home .telecharger{
float:left;
display:block;
width:133px;
height:71px;
background:url(../img/interface/telecharger-home.gif) no-repeat;
margin:100px 0 0 0px;
}