body {

		background: url(images/fondpdmgris.jpg);

		color:black;

		font-size:100%;
		
		font-family:Verdana,Arial,Sans-serif;

}

#cadreblanc {

		background-color:#FFFFFF;
		position:absolute;
		top:30px;
		margin-left:340px;
		margin-right:10px;
		width:650px;
		height:520px;

}

#cadrevisuel{



		position:absolute;

		left:0px;

		top:0px;

		height:240px;

      		overflow:none;

}

#cadretexte {

		position:absolute;

		top:260px;
		margin-left:10px;
		padding-right:10px;
		height:260px;
		width:630px;
		background-color : #FFFFFF;
    	overflow:auto;

}

#lienligne {

		position:relative;
		height:60px;
		margin-top:20px;
		width:630px;
		background-color : #FFFFFF;

}

#liennom {
		position:absolute;
		left:0px;
		width:310px;
}

#lienlogo {
		position:absolute;
		right:0px;
		width:310px;
}


#logo {

		position :absolute;

		top:30px;

		left:45px;

}

#devis {

		position:absolute;

		top:20px;

		left:370px;
		
		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 10px;

		font-weight: bold;
		

}

#referencement{
		position:absolute;
		bottom:10px;
		left:50px;
		margin-right:50px;
		height:10px;
		font-size:0.3em;
		color:#F00000;
}

#decor {

		position:absolute;

		background: url(images/deco.jpg);

		top:0px;

		right:10px;

		width:240px;

		height:240px;
		
		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 10px;

		font-weight: bold;
		

}


#menu {

      width:300px;

      position:absolute;

     	bottom:25px;

		left:5px;

      margin-left:0;

      margin-right:0;

		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 14px;

		font-weight: bold;

		color: #FFFFFF;

		line-height: 1.5em;

}



#menu0 {

      width:300px;

      position:absolute;

      bottom:60px;

		left:45px;

      margin-left:0;

      margin-right:0;

		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 14px;

		font-weight: bold;

		color: #000000;

		line-height: 1.5em;

}



a{

		text-decoration:none;	

}



.noir a:link, .notice a:link, .td03pack a:link {

		color:#000000;

}

.noir a:visited, .notice a:visited, .td03pack a:visited  {

		color:#000000;

}

.noir a:hover, .notice a:hover, .td03pack a:hover {

		color:#CC0033;

}





.rouge a:link, .tddevis a:link {

	color: #CC0033;

}

.rouge a:visited, .tddevis a:visited  {

	color: #CC0033;

}

.rouge a:hover, .tddevis a:hover{

	color: #FFFFFF;

}



.blanc a:link, .td01pack a:link {

		color:#FFFFFF;

}

.blanc a:visited, .td01pack a:visited {

		color:#FFFFFF;

}

.blanc a:hover, .td01pack a:hover {

		color:#CC0033;

}



#menuextraits {

        width:313px;

        position:absolute;

        bottom:25px;

		left:5px;

        margin-left:0;

        margin-right:0;

		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 12px;

		font-weight: bold;

		color: #000000;

		line-height: 1.2em;

}

#menuextraits ul {

	list-style:none;

}

	



li.menucache ul {

	display: none;

	position: absolute;

	background: none;

	left: 180px;

	top: 6em;

}

li.menucache:hover ul {

	display: block;

}

li.menucache ul a:link {

	color: #999999;

}

li.menucache ul a:visited {

	color: #999999;

}

li.menucache ul a:active {

	color: #999999;

}

li.menucache ul a:hover{

	color: #CC0033;

}













#menubas {

		position:relative;

		bottom:O;

		margin-left:auto;

		margin-right:auto;

		height:25px;

		width:960px;

}

#menubas table{

		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 11px;

		font-weight: bold;

		color: #FFFFFF;

		text-decoration: none;

}





.td02 {
	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: bold;

}

.td03 {



	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	font-weight: bold;

}

.tdmail {

	padding: 5px;

}

.td01pack {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

}



.td01pack li {

	padding-top: 0.6em;

	margin-left: -2.5em;

}



.td02pack {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

	padding-top: 20px;

}

.td03pack {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

}



.td03pack li {

	padding-top: 0.6em;

	margin-left: -2.5em;

}

.tddevis {

	padding: 5px;

	font-family: Arial, Helvetica, sans-serif;

	color: #CC0033;

	font-size: 14px;

	font-weight: bold;

}







.notice {

	text-align:left;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;	

	padding-bottom:10px;

	padding-left:10px;

	padding-right:10px;

}





.lignevideo {

	background: none;

	width:581px;

	height:60px;

}



.extraitslogo {

	position:absolute;

	left:20px;

	height:40px;

	width:100px

}

.titrevideo {

	position:absolute;

	left:120px;

	padding-top:15px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;	

}

.lecteur {

	position:absolute;

	right:20px;

	background: none;

	height:50px;

	width:40px;

	font-size:10px;

}

.videosuivante, .videoprecedente{

	position:absolute;

	bottom:0px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 0px;

	font-weight: bold;

	color: #CC0033;	

}

.videoprecedente {

	left:10px;

}

.videosuivante {

	right:10px;

}