@charset "UTF-8";
body {
	margin:0;
	padding:0;
	background-color: #494848;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(images/body.jpg);
	background-repeat: repeat-x
}

body#body_accueil {
	margin:0;
	padding:0;
	background-color: #494848;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(images/bodyAccueil.jpg);
	background-repeat: repeat-x;
}

img{
	border:none;
	margin:0;
	padding:0;
}

h1{
	display:none;
}

h2{
	margin:0 0 10px 400px;
	color:#c1c315;
}

	ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	li a{
		text-decoration:none;
		display:block;
		margin:0;
		padding:0;
	}
	
	.image_menu {
		position:absolute;
		left: -5000px;
				}



hr{
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}

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

/*							PAGE D'ACCUEIL

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

			#conteneur_index{
				margin:0 auto;
				padding:0;
				width: 1200px;
				height:955px;
				background-image: url(images/main.gif);
				background-repeat: no-repeat;
			}
			
				/*---------------- ZONE D'EN-TETE - ACCUEIL -----------------------------------*/
			
				#header_index{
					width:1200px;
					height:350px;
					/*background-color:blue;*/
				}
					
					/*---------------- IDENTITE VISUELLE - ACCUEIL -----------------------------------*/
					#logo_index{
						width:289px;
						height:350px;
						float:left;
						margin:0;
						padding:0;
						background-image: url(images/logo_index.gif);
					}
					
					#logo_index:hover{
						width:289px;
						height:350px;
						float:left;
						margin:0;
						padding:0;
						background-image: url(images/logo_index_over.gif);
					}
					
					#titre_index{
						width:272px;
						height:350px;
						float:left;
						margin:0;
						padding:0;
						background-image: url(images/titre_index.gif);
					}
					
					#titre_index:hover{
						width:272px;
						height:350px;
						float:left;
						margin:0;
						padding:0;
						background-image: url(images/titre_index_over.gif);
					}
					
					
					/*---------------- MENU - ACCUEIL -----------------------------------*/
					#menu_index{
						width:639px;
						height:350px;
						margin:0;
						padding:0;
						float:left;
						/*background-color:green;*/
					}

					
					#menu_index li{
								float:left;
								margin:0;
								padding:0;
								height:350px;
							}
					
						/*---------------- BOUTONS OFF - ACCUEIL -----------------------------------*/
						
									#accueil_indexon{
										background-image:url(images/accueil_indexon.gif);
										background-repeat:no-repeat;
										width:132px;
										height:350px;
									}
									#book_index{
										background-image:url(images/book_index.gif);
										background-repeat:no-repeat;
										width:140px;
										height:350px;
									}
									
									#cv_index{
										background-image:url(images/cv_index.gif);
										background-repeat:no-repeat;
										width:160px;
										height:350px;
									}
									#contact_index{
										background-image:url(images/contact_index.gif);
										background-repeat:no-repeat;
										width:207px;
										height:350px;
									}
									
					/*---------------- BOUTONS HOVER - ACCUEIL -----------------------------------*/
								a:hover#accueil_index{
									background-image:url(images/accueil_indexon.gif);
									background-repeat:no-repeat;
									width:132px;
									height:350px;
								}
								a:hover#book_index{
									background-image:url(images/book_indexon.gif);
									background-repeat:no-repeat;
									width:140px;
									height:350px;
								}
								
								a:hover#cv_index{
									background-image:url(images/cv_indexon.gif);
									background-repeat:no-repeat;
									width:160px;
									height:350px;
								}
								a:hover#contact_index{
									background-image:url(images/contact_indexon.gif);
									background-repeat:no-repeat;
									width:207px;
									height:350px;
								}
						
		/*---------------- PRESENTATION - ACCUEIL -----------------------------------*/				
								
								#presentation{
									font-size:16px;
									margin: 0 0 0 170px;
									padding:-80px 0 0 0;
									width:390px;
									
								}
								
								#wip{
									margin: 30px 0 0 0;
									width:561px;
									height:380px;
									background-repeat:no-repeat;
									background-image: url(images/wip.gif);
									/*background-color:white;*/
									float:left;
								}
								
								#img_wip{
									margin:26px 0 0 255px;
								}
								#verswip{
									margin:26px 0 0 0;
									float:left;
								}
	
	
	/*---------------- ZONE DE PIED DE PAGE ACCUEIL -----------------------------------*/							
							
				#menu_secondaire_index{
					margin-left:400px;
					margin-top: 50px;
					
				}
		
				#menu_secondaire_index li {
					float: left;
					margin:25px;
					padding:0;
				}
				
				#menu_secondaire_index li a{
					text-decoration:none;
					font-size:12px;
					color:#FFFFFF;
					
				}
				
				#menu_secondaire_index li a:hover{
					text-decoration:underline;
					color:#c1c315;
				}
					
				#menu_secondaire_index li a#actif_index{
					font-size:12px;
					text-decoration:underline;
					color:#c1c315;
				
				}			
/*------------------------------------------------------------------------*/

/*						FIN DE LA PAGE D'ACCUEIL

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



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

/*							PAGES SITE

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

			#conteneur{
				margin:0 auto;
				padding:0;
				width: 1200px;
				background-image: url(images/conteneur.gif);
				background-repeat: repeat-y;
			}
			
				/*---------------- ZONE D'EN-TETE  -----------------------------------*/
			
				#header{
					width:1200px;
					height:255px;
					/*background-color:blue;*/
				}
					
					/*---------------- IDENTITE VISUELLE -----------------------------------*/
					#logo{
						width:380px;
						height:254px;
						float:left;
						margin:0;
						padding:0;
						background-image: url(images/logo.gif);
						background-repeat:no-repeat;
					}
					
					#logo:hover{
						width:380px;
						height:254px;
						float:left;
						margin:0;
						padding:0;
						background-image: url(images/logo_over.gif);
						background-repeat:no-repeat;
					}
										
					/*---------------- MENU -----------------------------------*/
					#menu{
						/*width:639px;*/
						width:1200px;
						height:254px;
						margin:0;
						padding:0;
						float:left;
						/*background-color:green;*/
					}
					
						#menu li{
							float:left;
							margin:0;
							padding:0;
								
						}
					
						/*---------------- BOUTONS OFF  -----------------------------------*/
						
									#accueil{
										background-image:url(images/accueil.gif);
										background-repeat:no-repeat;
										width:155px;
										height:254px;
									}
									#book{
										background-image:url(images/book.gif);
										background-repeat:no-repeat;
										width:145px;
										height:254px;
									}
									
									#cv{
										background-image:url(images/cv.gif);
										background-repeat:no-repeat;
										width:155px;
										height:254px;
									}
									#contact{
										background-image:url(images/contact.gif);
										background-repeat:no-repeat;
										width:168px;
										height:254px;
									}
					/*---------------- BOUTONS ON  -----------------------------------*/				
									
									#accueil_on{
										background-image:url(images/accueil_on.gif);
										background-repeat:no-repeat;
										width:155px;
										height:254px;
									}
									
									#book_on{
										background-image:url(images/book_on.gif);
										background-repeat:no-repeat;
										width:145px;
										height:254px;
									}
									
									#cv_on{
										background-image:url(images/cv_on.gif);
										background-repeat:no-repeat;
										width:155px;
										height:254px;
									}
									#contact_on{
										background-image:url(images/contact_on.gif);
										background-repeat:no-repeat;
										width:168px;
										height:254px;
									}				
									
					/*---------------- BOUTONS HOVER -----------------------------------*/
								a:hover#accueil{
									background-image:url(images/accueil_on.gif);
									background-repeat:no-repeat;
									width:155px;
									height:254px;
								}
								a:hover#book{
									background-image:url(images/book_on.gif);
									background-repeat:no-repeat;
									width:145px;
									height:254px;
								}
								
								a:hover#cv{
									background-image:url(images/cv_on.gif);
									background-repeat:no-repeat;
									width:155px;
									height:254px;
								}
								a:hover#contact{
									background-image:url(images/contact_on.gif);
									background-repeat:no-repeat;
									width:168px;
									height:254px;
								}
								
								
	/*-----------------ZONE DE CONTENU -----------------------------------------*/
	#contenu{
		margin: 0 0 30px 0;
		padding:0;
		width:1200px;
	}
	
				/*-----------------SOUS-MENU -----------------------------------------*/
	
				#sous_menu{
					float:left;
					width:277px;
				
					
				}
				
				#sous_menu li a#sous_actif{
					background-color:#c1c315;					
				}
				
				
				#sous_menu li a:hover{
					font-size:20px;
					background-color:#c1c315;
					margin: 0 0 10px 0 ;
					padding: 5px 2px 5px 0;
					text-align:right;
				}
									
				#sous_menu li a{
					font-size:20px;
					background-color:#363535;
					margin: 0 0 10px 0 ;
					padding: 5px 2px 5px 0;
					text-align:right;
					color:white;
				}
				
				
				
				
				
				/*---------- PARAGRAPHE CONTENU ----------------------------------------*/
				
				.para_bookcv{
					float:left;
					width: 380px;
					margin:  0 0 20px 180px;
					
				}
				
				.para_divers a{
					text-decoration:none;
					color:#c1c315;
				}
				
				.para_divers a:hover{
					text-decoration:underline;
				}
				
				/*---------- REALISATIONS - LIENS VIGNETTES - DESCRIPTIFS ----------------------------------------*/
				
				#travaux{
					width:715px;
					float:left;
				}
				
				.realisation{
					 width:560px;
					 margin: 70px 0 0 120px;
				}
					
						.vignette{
							float:left;
							width:225px;
						}
						
						.descriptif{
							float:left;
							width:335px;
						}
				#conteneur #contenu #travaux .realisation .descriptif a {
					text-decoration:none;
					color:#c1c315;
				}
				#conteneur #contenu #travaux .realisation .descriptif a:hover {
				text-decoration:underline;
				}
				
				/*---------- CV ----------------------------------------*/
				
				#curriculum{
					width:715px;
					float:left;
				}
				
				.vitae{
					 width:560px;
					 margin: 40px 0 0 120px;
					 padding-bottom:20px;
				}
				
				#conteneur #contenu #curriculum .vitae h3 {
					background-color:#363535;
					color:#CCCCCC;
					font-weight:normal;
					font-size:18px;
				}
				
				#conteneur #contenu #curriculum .vitae h4 {
					background-color:#363535;
					color:#CCCCCC;
					font-weight:normal;
					font-size:18px;
				}
				
				#conteneur #contenu #curriculum #intitule {
					/*background-color: #FFFFFF;*/
					background-color:#363535;
					/*color:#363535;*/
					color:#c1c315;;
					width:560px;
					margin: 15px 0 0 120px;
					font-weight:normal;
					font-size:19px;
				}
	
						
				.quoi{
					width:400px;
				}
				
				#conteneur #contenu #curriculum .vitae li {
					margin:0 0 5px 10px;
					list-style-type: square;
					list-style-position: inside;
				}
						
				#conteneur #contenu #curriculum .vitae a {
					text-decoration:none;
					color:#c1c315;
					display: inline;
				}
				#conteneur #contenu #curriculum .vitae a:hover {
					text-decoration:underline;
				}
				
				
				/*------------- CONTACT  ---------------------------------------------------*/
				
				#bloc_contact{
					float:left;
					width:277px;
				}
				
				.para_contact{
					 margin: 10px 0 0 120px;
					 padding-bottom:20px;
					 width:160px;
				}
				
				/*------------- FORMULAIRE  ---------------------------------------------------*/
				
				#cadre{
					margin: 0 0 0 480px;
					width: 500px;
				}
				
				.form_style{
					width:300px;
				}
				
				/*------------- ENVOI  ---------------------------------------------------*/
				
				#envoi{
					width: 380px;
				}
				
				
				/*------------- MENTIONS LEGALES  ---------------------------------------------------*/
				#mentions{
					width:560px;
					margin: 20px 0 0 400px;
				}
				
				.legales{
					 width:560px;
					 margin: 60px 0 0 0;
					
				}
				
				#conteneur #contenu #mentions .legales h3 {
					background-color:#363535;
					color:#CCCCCC;
					font-weight:normal;
					font-size:18px;
				}
				
				#conteneur #contenu #mentions .legales li {
					margin:0 0 5px 10px;
					list-style-type: square;
					list-style-position: inside;
					width:400px;
				}
				
				#conteneur #contenu #mentions .legales a {
					text-decoration:none;
					color:#c1c315;
					display: inline;
				}
				
				#conteneur #contenu #mentions .legales a:hover {
					text-decoration:underline;
					
				}	
				
				/*------------- divers  ---------------------------------------------------*/
				
				.para_divers{
					width:400px;
					margin: 20px 0 0 475px
				}
				
				#livres{
					width:715px;
					float:left;
				}
				
				.ouvrage{
					 width:560px;
					 margin: 70px 0 0 120px;
				}		
						.livre{	
							padding-top:10px;
						}
					
						.thumb{
							float:left;
							width:125px;
						}
						
						.descriptif{
							float:left;
							width:335px;
							
						}
									
						
	/*---------------- ZONE DE PIED DE PAGE  -----------------------------------*/							
							
				#footer{
					background-repeat: no-repeat;
					background-image: url(images/footer.gif);
					width:1200px;
					height:225px;
					margin: 0;
				}
				
	
								#menu_secondaire{
									margin-left:350px;
									/*margin-top: 50px;*/
									padding-top:150px;
								}
						
								#menu_secondaire li {
									float: left;
									margin:25px;
								}
								
								#menu_secondaire li a{
									text-decoration:none;
									font-size:12px;
									color:#FFFFFF;
	
								}
								
								#menu_secondaire li a:hover{
									text-decoration:underline;
									color:#c1c315;
								}
								
								#menu_secondaire li a#actif{
									text-decoration:underline;
									color:#c1c315;
								}