/* - - - - - - - - - - - - - - - - - - - - -

Title : Flash Highlight CSS
Author : Kevin Hale
URL : http://particletree.com

Description : This demo is part of an introduction 
to the Flash / JavaScript Integration Kit by Particletree. 
In this demo we are using Flash as an animation underlayer 
to enhance an html form. Click on the text fields to see 
the the flash movie clip resize move to the appropriate div.

Created : December 15, 2005
Modified : January 9, 2005

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

a{
cursor: pointer !important;
text-decoration: underline;
}

/* ----- ID ----- */

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-position:center;
/*   background-image:url(../images/ligne.gif);*/
  background-repeat:repeat-y;
  
  }
	#centpourcent {
  height: 100%;
  }
#container{
position:absolute;
top:0;
margin:0px;
z-index:1000;
width:100%;
height:100%;
}
#flash{

}
#principal{
position:relative;
margin-left:auto;
margin-right:auto;
z-index:1000;
width:780px;
border-left:dashed 1px #677583;
border-right:dashed 1px #677583;
}
#entete{
width:100%;
border-bottom:dashed 1px #677583;
}
#entete1{
width:100%;
border-top:dashed 1px #677583;
text-align:center
}

.menu_haut {
margin-left:5px;
margin-top:5px;
}
.menu_haut1 {
margin-left:5px;
margin-top:5px;

}
.menu_bas {
margin-left:3px;
margin-right:3px;
margin-top:5px;
}
.menu_bas1 {
margin-left:6px;
margin-top:5px;
margin-right:3px;
}
.logo {
margin-left:30px;
margin-right:80px;
}
.textpied {
	color:#677583;
	font-size:10px;
	font-weight:normal;
	}
.textpiedgras {
	color:#677583;
	font-size:10px;
	font-weight:bold;
	}
.textpied1 {
	color:#677583;
	font-size:9px;
	font-weight:normal;
	}
	.liens {
	color:#677583;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	}
		.liens:hover{
	color:#D26D14;
	font-size:9px;
	font-weight:normal;
		text-decoration:none;
	}
	
@font-face {
        font-family: "DIN";
        src: url("../fonts/DIN-Regular")
      }

.titre_texte {
font-family:"DIN";
font-size:12px;
font-weight:bold;
color:#677583;
margin-top:6px;
}
.titre_texte_di {
font-family:"DIN";
font-size:12px;
font-weight:bold;
color:#677583;
margin-top:6px;
}
.titre_textea {
font-family:"DIN";
font-size:14px;
font-weight:bold;
color:#677583;
margin-top:6px;
}
.titre_texte1 {
font-family:"DIN";
font-size:11px;
color:#677583;
}

.titre_texte2 {
font-family:"DIN";
font-size:11px;
color:#677583;
height:25px;
}
.titre_texte2a {
font-family:"DIN";
font-size:10px;
color:#677583;
margin-top:5px;
width:190px;
text-decoration:none;
}
.titre_texte2ag {
font-family:"DIN";
font-size:10px;
color:#677583;
margin-top:5px;
font-weight:bold;
}
.titre_texte2a:hover {
font-family:"DIN";
font-size:10px;
color:#D26D14;
margin-top:5px;
text-decoration:none;
}
.titre_texte5a {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-top:5px;
font-weight:normal;
text-decoration:none;
}
.titre_texte5ag {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-top:5px;
font-weight:bold;
text-decoration:none;
}
.titre_texte3a {
font-family:"DIN";
font-size:12px;
color:#BEB8B2;
margin-top:5px;
width:190px;
font-weight:bold;
text-decoration:none;
background:url(../images/p_f_g.gif)  left 4px  no-repeat;
}
.titre_texte3ag {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-top:5px;
font-weight:bold;
background:url(../images/p_f_b.gif)  left 4px  no-repeat;
}
.titre_texte3a:hover {
font-family:"DIN";
font-size:12px;
color:#D26D14;
margin-top:5px;
text-decoration:none;
background:url(../images/p_f_o.gif) left 4px  no-repeat;
}
.titre_texte9a {
font-family:"DIN";
font-size:12px;
color:#BEB8B2;
margin-top:5px;
width:190px;
font-weight:bold;
text-decoration:none;
background:url(../images/p_f_g.gif)  left 4px  no-repeat;
}
.titre_texte9ag {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-top:5px;
font-weight:bold;
background:url(../images/p_f_b.gif)  left 4px  no-repeat;
}
.titre_texte9a:hover {
font-family:"DIN";
font-size:12px;
color:#D26D14;
margin-top:5px;
text-decoration:none;
background:url(../images/p_f_o.gif) left 4px  no-repeat;
}
.titre_texte4 {
font-family:"DIN";
font-size:14px;
color:#677583;
margin-top:5px;
font-weight:bold;
}
.titre_texte4a {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-top:5px;
text-decoration:none;
}
.titre_texte4b {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-left:30px;
text-decoration:none;
}
.newsl {
font-family:"DIN";
font-size:12px;
color:#677583;
margin-top:5px;
text-decoration:none;
padding-left:30px;
background-image:url(../images/3_fleches_b.jpg);
background-repeat:no-repeat;
}
.newsl:hover {
font-family:"DIN";
font-size:12px;
color:#D26D14;
text-decoration:none;
background-image:url(../images/3_fleches_o.jpg);
padding-left:30px;
background-repeat:no-repeat
}
.titre_texte4a:hover {
font-family:"DIN";
font-size:12px;
color:#D26D14;
margin-top:5px;
text-decoration:none;
}

.menu_gauche {
margin-top:6px;
}
ul {
margin-left:15px;
margin-top:3px;
}
li {
background: url(../images/fleche_bleu.gif) left 6px no-repeat;
padding: 3px 3px 3px 25px;    
list-style-type:none; 
}
#contenu ul {
margin-left:15px;
margin-top:3px;
list-style-type:none; 
}
#contenu li {
background: url(../images/fleche_orange.gif) left 6px no-repeat;
padding: 1px 3px 3px 25px;    
list-style-type:none; 
}
#contenu li li{
background: url(../images/puce_orange.gif) left 4px no-repeat;
padding: 1px 3px 3px 15px;    
list-style-type:none; 
}
.contenu_cv1 {
width:430px;
height:300px;
background-color:#CCCC33;
}
.contenu_cv2 {
width:430px;
height:300px;
background: url(../images/avocat_carre.gif) left 4px no-repeat;
}
.contenu_cv1 {
width:430px;
height:300px;
/* background: url(../../cv/nil_symchowicz.JPG) left 4px no-repeat; */

}
#cv li{
background: url(../images/puce_orange.gif) left 4px no-repeat;
padding: 1px 3px 3px 10px;    
list-style-type:none; 
}