@charset "UTF-8";
/* CSS Document */

/********************************/
/* réalisation: Vingneuf degres */
/********************************/

/************************/
/*  ORDRES DES SYTLES   */
/************************/

/************************/
/*     - width          */
/*     - height         */
/*     - clear          */
/*     - flot           */
/*     - position       */
/*     - margin         */
/*     - padding        */
/*     - liste          */
/*     - background     */
/*     - font           */
/*     - color          */
/************************/

/*******************************************************************/
/*                    FEUILLE DE STYLE STANDARD                    */
/*******************************************************************/

/*********************************************************/
/*                    STYLES GENERAUX                    */
/*********************************************************/

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
background-image:url(images/background.jpg);
background-repeat:repeat-x;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #665b39;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

a {
	text-decoration: none;
	color:#996600
}

a:hover {
	text-decoration: none;
	color:#FF0066;
}

a:visited:hover {
	text-decoration: none;
	color:#FF0066;

}

a:visited {
	text-decoration: none;
	color:#996600
}





#general {
margin-top:20px;
	width:1001px;
	height:823px;
	background-image:url(images/general.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:50%;
	margin-left:-500px;
	border:dashed 5px #000000;
}





/**********************************************/
/*                    HEAD                    */
/**********************************************/


#logo{
	position:absolute;
	padding: 250px 0px 10px 500px;
	

}






/***************************************************/
/*                    CONTENT                      */
/***************************************************/

#header {
background-image:url(images/head.jpg);
background-repeat:no-repeat;
width:1000px;
height:98px;}


#bandeau01 {
	width:239px;
	height:691px;
	float:left;

	
}


#bandeau02 {
	width:167px;
	height:691px;
	float:left;
	padding-top:54px;

	
}


#bandeau03 {
	width:594px;
	height:691px;
	background-image:url(images/content.jpg);
	background-repeat:no-repeat;

	float:left;

	
}






#content {
	width:494px;
	height:397px;
	margin-left:100px;
	background-image:url(image/content.png);
	background-repeat:no-repeat;
	float:left;
	
	
}







/****************************************************/
/*                    NAVIGATION                    */
/****************************************************/

#navig {
width:406px;
height:703px;
background-image:url(images/navig.jpg);
background-repeat:no-repeat;
float:left;
}


#textep {
width:400px;
text-align:justify;}

#lightpaquet {
width:400px;
margin-top:20px;
}

#lightpaquet a {
text-decoration:underline;}

#lightpaquet img {
margin:10px;
border: 1px solid #9d9d9d;
}

#lightpaquet img:hover {
border: 1px solid #000;
}


#textep2 {
	width:404px;
	height:397px;
	margin-left:100px;
	background-image:url(image/content.png);
	background-repeat:no-repeat;
	float:left;
	text-align:justify;
	}
	
	#contentscrool {
	overflow:auto;
	width:404px;
	height:377px;
	margin-top:20px;
	margin-left:100px;
	background-image:url(image/content.png);
	background-repeat:no-repeat;
	float:left;
	text-align:justify;
	}
	


#imagesbas{
float:right;
margin-right:80px;


}

#paquet {
position:absolute;
top: 400px;
left:700px;}