/***** Ajout pour jquery *****/

.innerfade-title{
        		position: absolute;
        		bottom: 20px;
        		left: 0;
        		z-index: 290;
        		width: 100%;
        		background: #00a7ee url(img/title-bg.png);
        		height: 34px;
        		filter:alpha(opacity=80);
        		-moz-opacity: 0.8;
        		opacity: .8;
        		border-top: 1px solid white;
		}
		.innerfade-title h2{
		        color: white;
		        font-weight: bold;
        		margin-top: 0;
        		margin-bottom: 0;
       			text-align: center;
        		font-family: Arial;
        		font-size: 16px;
        		font-style: italic;
        		line-height: 34px;
		}
		.mycontrolboxclass{
			position: absolute;
			right: 35px;
			top: 20px;
		}
		.bg-frame img { behavior: url(win_png.htc); }
		
		#animated-portfolio{
		position: absolute;
		z-index: 2;
		}
		
		#colonne_flash{
			
			/*border: #0f0 solid 1px;*/
		}
		
		#cache{
			position: absolute;
			z-index: 4;
			width: 315px;
			height: 383px;
			background: url(images/cache.png) no-repeat;
			/*border: #f00 solid 1px;*/
		}
		
		#texte_defilant{
			position: absolute;
			z-index: 3;
			width: 315px;
			height: 383px;
			/*border: #f00 solid 1px;*/
		}

/*****************************************/
    
body, html{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color:#403833;
	background: #000;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

img{
	border: none;
}


a{
	text-decoration: none;
}

p{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-align: justify;
}

h1,h2,h3{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight: lighter;
}

.spacer{
	height: 1px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}


#haut{
	height: 139px;
	font-size: 0px;
	overflow: hidden;
	/*border: #0000ff solid 1px;*/
}


/******  CONTENEUR  *****/

#super_conteneur{
	position: absolute;
	top: 50%;
	height: 590px;
	width: 100%;
	margin: -295px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/fond_super_conteneur.jpg) no-repeat center top;
	/*border: #00f solid 1px;*/
}

#conteneur{
	width: 940px;
	padding: 0px 20px 0px 20px;
	margin: auto;
	height: 590px;
	/*border: #0ff solid 1px;*/
}

#contenu{
	width: 550px;
	height: 378px;
	float: left;
	padding: 0px 20px 0px 50px;
	
	/*border: #00f solid 1px;*/
}

#contenu h1{
	color: #7bab08;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 12px;
	background-repeat: no-repeat;
}

#scroll{
	/*width: 350px;*/
	height: 283px;
	overflow: auto;
	padding: 0px 12px 20px 0px;
	/*border: #00f solid 1px;*/
}

/******  COLONNE FLASH  *****/

#colonne_flash{
	width: 315px;
	height: 383px;
	float: left;
	/*border: #f0f solid 1px;*/
}


/******  MENU  *****/
#bloc_menu{
	height: 32px;
	/*border: #f0f solid 1px;*/
}

#bloc_menu a{
	display: block;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 9px 16px 0px 0px;
	background-position:top;
	background-repeat: no-repeat;
	float: left;
	/*border: #f0f solid 1px;*/
}

#bloc_menu a:hover{
	background-position: bottom;
}

#bloc_menu_accueil{
	height: 32px;
	/*border: #f0f solid 1px;*/
}

#bloc_menu_accueil a{
	display: block;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 5px 17px 0px 0px;
	background-position:top;
	background-repeat: no-repeat;
	float: left;
	/*border: #f0f solid 1px;*/
}

#bloc_menu_accueil a:hover{
	background-position: bottom;
}

/****** outils  *****/

#bloc_outils{
	padding: 12px 0px 0px 0px;
	font-size: 11px;
	width: 310px;
	float: right;
	/*border: #f0f solid 1px;*/
}

#bloc_outils a{
	display: block;
	color: #a6a6a6;
	font-size: 11px;
	float: right;
	background: url(images/fond_outils.gif) no-repeat right ;
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
}

#bloc_outils a:hover{
	color: #ccbebe;
}



/****** TITRE PAGE  *****/

#titre_page{
	width: 550px;
	height: 35px;
	margin: 25px 0px 10px -20px;
	/*border: #ff0 solid 1px;*/
}

.ligne{
	height: 12px;
	font-size: 0px;
	clear: both;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	background: url(images/fond_ligne.jpg) no-repeat center;
	/*border: #0000ff solid 1px;*/
}

/****** IMAGE CONTENU  *****/

.img_contenu{
	background: #fff;
	padding: 6px;
	border: #d4d4d3 solid 1px;
}


/******  FOOTER  *****/

#footer{
	/*height: 23px;*/
	padding: 8px 0px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

#footer a{
	color: #424242;
	font-size: 11px;
}



/*****  ACCUEIL  *****/

#bloc_accueil{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 980px;
	height: 580px;
	margin: -290px 0px 0px -490px;
	/*border: #ff0 solid 1px;*/
}


#haut_accueil{
	height: 410px;
	/*border: #ff0 solid 1px;*/
}

#bloc_outils_accueil{
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	width: 310px;
	float: right;
	color: #bfb6b1;
	/*border: #f0f solid 1px;*/
}

#bloc_outils_accueil a{
	display: block;
	color: #bfb6b1;
	font-size: 11px;
	float: right;
	background: url(images/fond_outils.gif) no-repeat right;
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 8px 0px;
}

#bloc_outils_accueil a:hover{
	color: #eee7e3;
}


#flash_accueil{
	width: 642px;
	height: 338px;
	float: right;
	/*border: #f0f solid 1px;*/
}

.texte_accueil{
	width: 260px;
	color: #fff;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.contact_accueil{
	width: 260px;
	font-size: 11px;
	color: #665b54;
	float: right;
	text-align: right;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: #f0f solid 1px;*/
}

.contact_accueil a{
	/*color: #665b54;*/   
  color:#990c30
}

.contact_accueil a:hover{
	color: #f4f0ed;
}

/******  FOOTER  *****/

#footer_accueil{
	/*height: 23px;*/
	padding: 20px 0px 0px 0px;
	clear: both;
	/*border: #ff0 solid 1px;*/
}

#footer_accueil a{
	background: url(images/fond_lien_footer.gif) no-repeat right ;
	padding: 0px 8px 0px 8px;
	color: #958e89;
	font-size: 11px;
}

ul{
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
}

.lienemail{
  color:#990c30;
}
.lienemail:hover{
  color:#f4f0ed;
}