body{
	border: 0px;
	background-color: Black;
	margin : 0px;
	padding : 0px;
}
#accueil{
position: absolute;
width:1024px;
height:768px;
background-image: url(images/home_page2.jpg);
text-align:center;
}
#accueil h2{
  margin-top:100px;
	font-size: 24px;
	margin-left:100px;
  color:#ffffff; 
}
#accueil p{
  margin-top:10px;
	font-size: 22px;
	color:#ffffff;  
}
#accueil li{
  margin-top:10px;
	font-size: 22px;
	color:#ffffff;  
	font-family: Arial;
	text-align:left;
	margin-left:280px;
}
#entrez a{
position: absolute;
z-index:100;
top:300px;
left:100px;
font-size: 22px;
color:#ff397a;  
font-family: Arial;
text-decoration:none;
}
#home{
position: absolute;
width: 800px;
left: 50%;
margin-left: -375px;
}
body, table{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #FFFFFF;
}

#Base_Design{
	
}

#Banner_Top{
	height : 102px;
	width : 1024px;
	background-image: url(images/header.jpg);
	text-align: center;
}

/*#Banner_Top a{
	color : #ffffff;
	font-weight: bolder;
	font-size : 14px;
	text-decoration: none;
	margin-left : 3px;
	margin-right : 3px;
	padding
}

#Banner_Top a:hover{
	color : #999999;
}*/

#Banner_Bottom{
	height : 39px;
	width : 1024px;
	background-image: url(images/footer.jpg);
}
#Banner_Bottom a{
padding-top: 10px;
margin-left:800px;
}
#Left{
	width: 61px;
	height : 611px;
	background-image: url(images/background_left.jpg);
}

#Right{
	width : 59px;
	height : 611px;
	background-image: url(images/background_right.jpg);
}

#Bottom{
	height : 19px;
	width : 1024px;
	background-image: url(images/background_bottom.jpg);
}

#Banner_Name_CV{
	height : 24px;
	width : 1024px;
	background-image: url(images/header2_CV.jpg);
}

#Banner_Name_Rea{
	height : 24px;
	width : 1024px;
	background-image: url(images/header2_Rea.jpg);
}
#Banner_Name_Rea img{
  float:right;
}
#Banner_Name_Moi{
	height : 24px;
	width : 1024px;
	background-image: url(images/header2.jpg);
}

#Banner_Name_Livre{
	height : 20px;
	width : 1024px;
	background-image: url(images/banner_name_Livre.jpg);
}

#Banner_Name_Contact{
	height : 24px;
	width : 1024px;
	background-image: url(images/header2_Contact.jpg);
}

#Center_CV{
	width : 1024px;
	height : 550px;
	background: url(images/background2.jpg) no-repeat;
	color : #000000;
}

#CV_Text{
	margin-left : 35px;
	padding-right:10px; 
	padding-top:50px;
	padding-left:40px;
	padding-bottom:20px;
	width : 460px;
	height : 430px;
}

#CV_Text p{
	margin-left : 10px;
	text-align : justify;
}


#Center_Rea{
	width : 1024px;
	height : 611px;
	background-image: url(images/background.jpg);
	color : #ffffff;
}

/*#Center_Rea div{
	width : 894px;
	height : 590px;
	overflow : auto;
}*/

#Center_Rea p{
margin-left:100px;
}

#Center_Rea h1{
	margin-left : 40px;
	font-size: 16px;
	text-decoration: underline;
	color : #FFFFFF;
}

#Center_Rea img{
	margin : 4px;
	border : 0px;
}


#Center_moi{
	width : 1024px;
	height : 534px;
	background: url(images/background.jpg) no-repeat;
	overflow:auto;
	color : #ffffff;
}
#Center_Rea{
	width : 1024px;
	height : 534px;
	background: url(images/background.jpg) no-repeat;
	overflow:auto;
	color : #ffffff;
}
#Center_client{
	width : 1024px;
	height : 534px;
	background-image: url(images/background.jpg);
	overflow:auto;
	color : #ffffff;
}
#Center_client h2{
padding-top: 20px;
padding-left:100px;
size:18px;
color:#50C9B6;
}
#Center_client p{
size:14px;
padding-left:100px;
}
#Center_Contact{
	width : 1024px;
	height : 534px;
	background: url(images/background.jpg) top left no-repeat;
	color : #ffffff;
}
#Center_Verif{
	width : 1024px;
	height : 534px;
	background: url(images/background.jpg) top left no-repeat;
	color : #ffffff;
}
#Center_Verif p{
margin-left:200px;
}
#formu{
padding-top: 20px;
padding-left:100px;
}
#formu h2{
size:18px;
color:#3E3488;
}
#adresse{
position:absolute;
left:700px;
top:150px;
z-index:10;
}
#adresse span{
size:18px;
font-weight:bold;
}
#adresse h2{
color:#3E3488
}
#adresse p{
padding-bottom:5px;
}
#Center_Rea Contact{
	font-size: 16px;
	text-decoration: underline;
	color : #FFFFFF;
}

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

/*a:hover{
	color : #cccccc;
}*/

#Livre_Or img{
	margin: 2px;
}

.Livre_Or_Form{
	color : #000000;
}


.Livre_Or_Titre{
	font-weight: bold;
	background-color: #630900;
	color: #FFFFFF;
	height: 15px;
	vertical-align: middle;
	border-left: solid #630900 1px;
	border-right: solid #630900 1px;
}

#Main .Livre_Or_Titre a{
	color : #eeeeee;
}

.Livre_Or_Message{
	background-color: #ffffff;
	border-left: dashed #630900 1px;
	border-right: 1px dashed #630900;
	border-bottom: dashed #630900 1px;
	padding : 5px;
	color : #000000;
}

.Livre_Or_Form{
	background-color: #ffffff;
	border: 1px dashed #630900;
}
.menu {
   position: relative;
   height: 29px;
   width: 421px;
   background: url("bg.gif") no-repeat top;
   padding: 15px;
   margin-top:20px;
   margin-left:400px;
   overflow: hidden;
}
.menu li {
   float: left;
   list-style: none;
}
.menu li.back {
   background: url("images/lava2.gif") no-repeat right -30px;
   width: 9px;
   height: 30px;
   z-index: 8;
   position: absolute;
}
.menu li.back .left {
   background: url("images/lava2.gif") no-repeat top left;
   height: 30px;
   margin-right: 9px; /* 7px is the width of the rounded shape */
}
.menu li a {
   font: bold 14px arial;
   text-decoration: none;
   color: #fff;
   outline: none;
   text-align: center;
   top: 7px;
   text-transform: uppercase;
   letter-spacing: 0;
   z-index: 10;
   display: block;
   float: left;
   height: 30px;
   position: relative;
   overflow: hidden;
   margin: auto 10px;    
}
.menu li a:hover, .menu li a:active, .menu li a:visited {
   border: none;
}
.menu3 {
   position: relative;
   height: 29px;
   width: 421px;
   background: url("bg.gif") no-repeat top;
   padding: 15px;
   margin-top:20px;
   margin-left:400px;
   overflow: hidden;
}
.menu3 li {
   float: left;
   list-style: none;
}
.menu3 li.back {
   background: url("images/lava3.gif") no-repeat right -30px;
   width: 9px;
   height: 30px;
   z-index: 8;
   position: absolute;
}
.menu3 li.back .left {
   background: url("images/lava3.gif") no-repeat top left;
   height: 30px;
   margin-right: 9px; /* 7px is the width of the rounded shape */
}
.menu3 li a {
   font: bold 14px arial;
   text-decoration: none;
   color: #fff;
   outline: none;
   text-align: center;
   top: 7px;
   text-transform: uppercase;
   letter-spacing: 0;
   z-index: 10;
   display: block;
   float: left;
   height: 100px;
   position: relative;
   overflow: hidden;
   margin: auto 10px;    
}
.menu3 li a:hover, .menu3 li a:active, .menu3 li a:visited {
   border: none;
}
.menu4 {
   position: relative;
   height: 29px;
   width: 421px;
   background: url("bg.gif") no-repeat top;
   padding: 15px;
   margin-top:20px;
   margin-left:400px;
   overflow: hidden;
}
.menu4 li {
   float: left;
   list-style: none;
}
.menu4 li.back {
   background: url("images/lava4.gif") no-repeat right -30px;
   width: 9px;
   height: 30px;
   z-index: 8;
   position: absolute;
}
.menu4 li.back .left {
   background: url("images/lava4.gif") no-repeat top left;
   height: 30px;
   margin-right: 9px; /* 7px is the width of the rounded shape */
}
.menu4 li a {
   font: bold 14px arial;
   text-decoration: none;
   color: #fff;
   outline: none;
   text-align: center;
   top: 7px;
   text-transform: uppercase;
   letter-spacing: 0;
   z-index: 10;
   display: block;
   float: left;
   height: 30px;
   position: relative;
   overflow: hidden;
   margin: auto 10px;    
}
.menu4 li a:hover, .menu4 li a:active, .menu4 li a:visited {
   border: none;
}
.menu5 {
   position: relative;
   height: 29px;
   width: 421px;
   background: url("bg.gif") no-repeat top;
   padding: 15px;
   margin-top:20px;
   margin-left:400px;
   overflow: hidden;
}
.menu5 li {
   float: left;
   list-style: none;
}
.menu5 li.back {
   background: url("images/lava5.gif") no-repeat right -30px;
   width: 9px;
   height: 30px;
   z-index: 8;
   position: absolute;
}
.menu5 li.back .left {
   background: url("images/lava5.gif") no-repeat top left;
   height: 30px;
   margin-right: 9px; /* 7px is the width of the rounded shape */
}
.menu5 li a {
   font: bold 14px arial;
   text-decoration: none;
   color: #fff;
   outline: none;
   text-align: center;
   top: 7px;
   text-transform: uppercase;
   letter-spacing: 0;
   z-index: 10;
   display: block;
   float: left;
   height: 100px;
   position: relative;
   overflow: hidden;
   margin: auto 10px;    
}
.menu5 li a:hover, .menu5 li a:active, .menu5 li a:visited {
   border: none;
}
#formu div.row {
  clear: both;
  padding-top: 10px;
  padding-left: 100px;
  font-size: 1em;
	color: white;
  }

#formu div.row label{ 
  float: left;
  width: 25%;
  text-align: left;
  font-size: 1em;
	color: #fff;
  }

#formu div.row span.formw{
  float: right;
  width: 70%;
  text-align: left;
  }
.champs{
background-color:#787879;
color:#3E3488;
}
input.champs:focus, textarea.champs:focus {
background:#3E3488;
color:#fff;
}
#category select{
margin-left:200px;
}
#menu_category{
}
#menu_category ul{
   background: url("images/category.gif") no-repeat top left;
margin-left:120px;
margin-top:30px;
padding-left:100px;
padding-top:8px;
height:30px;
}
#menu_category li{
	list-style-type: none;
	display:inline;
  color:white;
  font-size:1.2em;
  padding-right:10px;
}
#menu_category li a:hover{
color:#74e3ec;
}


#images{
margin-left:90px;
margin-right:70px;
}
#images img{
float:left;
}
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

.red{
font-size:20px;
color:red;
text-align:center;
font-weight:bold;
}
.clear{
clear:both;
}