*{
margin: 0;
padding: 0;
}
a img{
  border: 0;
}
html, body{
background: #000;
font-family: Verdana, Helvetica, sans-serif; 
}
#global{
background: #000;
text-align: center;
width: 920px; 
  margin: 0 auto;
}  
#global h1{
width: 500px; 
height: 110px;
text-indent: -9000px;
background: url('/gfx/wicked_pro.jpg') 0 -30px no-repeat;
margin: 0 auto 0 auto;
}

h3{
 color: #ccc;
 font-size: 16px;
}

#global p{
color: #ccc;    
font-size: 11px;
margin: 5px;
}

#projects_list{
margin: 20px auto 0 auto;
padding: 4px;
border: 0;
font-size: 11px;
text-align: left;
border: 1px dotted #677FCE;
border-width: 1px 0;
float: left;
}

#projects_list h2,
#contact_form h2{
color: #666;
font-size: 16px;
margin: 16px 0 18px 0;
}

#projects_list dl{
margin-bottom: 20px;
}
#projects_list dt a{
color: #677FCE;
font-weight: bold;
}
#projects_list dd{
color: #666;
padding: 1px 0 0 0;
}
#footer{
  clear: both;
  padding: 5px 0 0 0;
}
#footer p, #footer p a{
color: #3D3D3D;
  }

.ilv em{
  font-style: normal;
  color: #900;
}
#project_ilvbt{
  margin-top: 20px;
}

#top_projects{
border-right: 1px dotted #677FCE;
  float: left;
  width: 450px;
}
#other_projects{
  width: 450px;
  margin: 0 0 0 10px;
  float: left;
}

/* boites d'erreurs et de notifications */
.confirm_box, .small_confirm_box,
.info_box, .small_info_box,
.error_box, .small_error_box{
  text-align: center;
  width: 100%;
}

.small_confirm_box .box_content,
.confirm_box .box_content{
  border-color: #181820;
  background: #d2f9d1 url('/gfx/confirm_ico.png') 5px center no-repeat;
  min-height: 45px; 
  border: 2px dotted #181820;
  width: 380px;
  margin: 2px auto 10px auto;  
  display:block;
}
.small_confirm_box .box_content{
  background: #d2f9d1 url('/gfx/small_confirm_ico.png') 5px center no-repeat;
  width: 500px;
  min-height: 25px;
  border: 1px dotted #181820;
}


.small_info_box .box_content,
.info_box .box_content{
  border-color: #181820;
  background: #D1D8F9 url('/gfx/notif_ico.png') 5px center no-repeat;
  min-height: 45px; 
  border: 2px dotted #181820;
  width: 380px;
  margin: 2px auto 10px auto;  
   display:block;
}
.small_info_box .box_content{
  background: #D1D8F9 url('/gfx/small_notif_ico.png') 5px center no-repeat;
  width: 500px;
  min-height: 25px;
  border: 1px dotted #181820;
}


.small_error_box .box_content,
.error_box .box_content{
  border-color: #181820;
  background: #f9d1d2 url('/gfx/error_ico.png') 5px center no-repeat;
  min-height: 45px; 
  border: 2px dotted #181820;
  width: 380px;
  margin: 2px auto 10px auto;  
  display:block;
}
.small_error_box .box_content{
  background: #f9d1d2 url('/gfx/small_error_ico.png') 5px center no-repeat;
  width: 500px;
  min-height: 25px;
  border: 1px dotted #181820;
}


.small_confirm_box .box_content p, .confirm_box .box_content p, 
.small_info_box .box_content p,    .info_box .box_content p, 
.small_error_box .box_content p,   .error_box .box_content p{
  margin: 15px auto 20px auto;    
  padding: 3px;
  text-align: center;
  padding: 0 5px 0 55px;
  margin: 5px 0;
  text-align: justify;
  font-size: 13px;
}
.confirm_box .box_content p a, 
.info_box .box_content p a, 
.error_box .box_content p a{
  font-size: 13px;
}

.small_confirm_box .box_content p ,.small_confirm_box .box_content p a,
.small_error_box .box_content p   ,.small_error_box .box_content p a,
.small_info_box .box_content p    ,.small_info_box .box_content p a{
  font-size: 10px;
}
.small_error_box .box_content p a{
  text-decoration: underline;
  font-weight: bold;
}

#global .small_confirm_box .box_content p,
#global .small_error_box .box_content p,
#global .small_info_box .box_content p{
  padding: 0 5px 0 35px;
}

#global .small_confirm_box .box_content p,
#global .confirm_box .box_content p{
  color: #000;
}

#global .small_info_box .box_content p,
#global .info_box .box_content p{
  color: #18213A;
}

#global .small_error_box .box_content p,
#global .error_box .box_content p{
  color: #8B0F0F;
}


.box_content button {padding:2px;
margin: 8px;
background-color:#fff;
font-weight:bold;
cursor:pointer;
}

.box_content form{
  text-align: center;
}
.box content form p{
  text-align: left;
}