/*------------------------- CSS WEBLODY.COM -------------------------*/
/*------------------- Copyright Elodie Bailly -----------------------*/
/*---------------------------- 2009 ---------------------------------*/

* {border:0pt none; margin:0;padding:0;}
html, body {margin:0;padding:0;font:13px/1.4em Verdana, Helvetica,sans-serif;}
.hide {	display: none;}
img {border:0; margin:0; padding:0;}

a {text-decoration:none; font-weight:bold; outline: none;}
a:hover { text-decoration: underline;}
p { font-size:12px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
p a { text-decoration:none; font-weight:bold; font-size:12px;}
p a:hover { text-decoration: underline;}
ul,ol { list-style: 		none; }
hr{clear:both; visibility:hidden; height:5px;}

body{
	color:#000000;
	bottom :0;	
	text-align:center;
	background :#EFEFEF url('../gfx/background.jpg') repeat;
}	


.conteneur{
	position:relative;
    width:1000px; 
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
}



/*header--------------------------*/
/*--------------------------------*/

#header {
float:left;
height:306px;
width:100%;
background:#EFEFEF	url('../gfx/header_acceuil.jpg') no-repeat 50% 0;min-width:1000px;
}



#top_bar{
float:left; 
width:1000px;
height:306px;
}


#top_bar a{
border:				none;
}

#top_bar_center{

display:			block;
width:				1000px;
height:				306px;
margin:				0 auto;
}

#header_menu {
position:			absolute;
float:				left; 
height: 			19px; 
width: 				260px; 
padding: 			2px 0 0 0; 
margin: 			3px 0 0 720px;
} 

#header_menu ul {
padding: 			0;
margin: 			0;
}

#header_menu ul li {
float: 				right;
list-style: 		none;
}

#header_menu ul li a, #header_menu ul li a:visited{
z-index: 			10;
display: 			block;
float: 				left;
height: 			19px;
overflow: 			hidden;
color:				#4C4C4C;
font-size:			11px;
position: 			relative;
padding:			0 12px 2px 12px;
font-family: Tahoma, Arial, Verdana, Helvetica;


}

#header_menu ul li a:hover{
color:				#000;
text-decoration:none;
}

#header_menu li.background {
background: 		url('../gfx/bg_menu_right.png') no-repeat top right;
z-index: 			8;
position: 			absolute;
visibility: 		hidden;
}

* html #header_menu li.background{
background: 		url('../gfx/bg_menu_right.gif') no-repeat top right;
}

#header_menu .background .left {
background: 		url('../gfx/bg_menu.png') no-repeat top left;
height: 			19px;
margin-right: 		4px; /* 7px is the width of the rounded shape */
}

* html #header_menu .background .left{
background: 		url('../gfx/bg_menu.png') no-repeat top left;
}



#top_bar h1 a{
  display: block;
  position: absolute;
  width: 191px; height: 33px;
  font-size: 1px;
  text-indent: -9000px;
  top: 188px;left:125px;
  background: transparent url('../gfx/titre.gif') no-repeat 0 0;
}

#top_bar #title a:hover {
 display: block;
  position: absolute;
  width: 191px; height: 33px;
  font-size: 1px;
  text-indent: -9000px;
  top: 188px;left:125px;
  background: transparent url('../gfx/titre_hover.gif') no-repeat 0 0;
  }

#top_bar #header_contact a{
  display: block;
  position: absolute;
  width: 87px; height: 69px;
  font-size: 1px;
  text-indent: -9000px;
  top: 209px;left:889px;
  background: transparent url('../gfx/contact.gif') no-repeat 0 0;
}

#top_bar #header_contact a:hover{
  display: block;
  position: absolute;
  width: 87px; height: 69px;
  font-size: 1px;
  text-indent: -9000px;
  top: 209px;left:889px;
  background: transparent url('../gfx/contact_hover.gif') no-repeat 0 0;
}


/*Contenu page Accueil------------------
--------------------------------------*/
#content {
float:left;
width:100%;
background:#EFEFEF	url('../gfx/content.jpg') repeat 50% 0;min-width:1000px;
color:#fff;
}


/*cadre apropos*/
#content #acc_propos_txt {float:left;margin : 10px 0 0 0; }
#content #acc_propos_txt a{color:#9EEEFE;}

#content  .acc_propos_img {
float:left; margin-left:35px; width:68px; }

#content #acc_txt {float:left; margin:3px  0 0 15px; width:500px; display:block; text-align:justify;}


#content #acc_competence {float:left; width:300px; }

#acc_competence dl { margin: 6px 0 0 40px;
background:#000 url('../gfx/encart_experience.jpg') no-repeat;
width:310px; height:150px;
}

dl#acc_competence1{margin-top:20px;}

#acc_competence dd {font-size:10px; line-height:14px; padding:5px 0 0 8px;}

#acc_competence dt {color:#9EEEFE; font-weight:bold; height:25px; padding: 2px 0 0 10px; }

#content h2{
position: relative; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size:25px; font-weight:normal;
padding:0 0 0 100px;
margin: 0 16px 0 12px;
display:block; height:100%;
line-height:60px;
}

#content h2 em {font-size:10px; color:#bbbbbb; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:10px; padding-top:20px;}

#content #acc_propos {height:60px;background: url('../gfx/titre_acc_propos.gif') no-repeat;}
#content #acc_web {height:64px;background: url('../gfx/titre_acc_web.gif') no-repeat;}
#content #acc_illustration {height:57px;background: url('../gfx/titre_acc_illustration.gif') no-repeat;}
#content #acc_photo {background: url('../gfx/titre_acc_photo.gif') no-repeat; }


#content #acc_propos {color:#9EEEFE;}
#content #acc_web {color:#E29FFF;}
#content #acc_illustration {color:#FEE09E; }
#content #acc_photo {color:#9EFEB0;display:block;}



/*cadre réalisations*/

.acc_web_cadre hr, .acc_illus_cadre hr{height:40px;}

.acc_cadre1 { float:left;
	font-size: 10px;
	line-height: 1.6em; 
	width:300px; margin : 10px 0 0 0; padding-left:38px;}
.acc_cadre2 { float:left;
	font-size: 10px;
	line-height: 1.6em; 
	width:300px; margin : 10px 0 0 0;}
.acc_web_cadre .acc_cadre1 strong, .acc_web_cadre .acc_cadre2 strong{color:#E29FFF;}
.acc_cadre1 em, .acc_cadre2 em {color:#666666; font-style:normal;}

.acc_cadre1 dt, .acc_cadre2 dt {width:300px;height:160px; display:block;}
.acc_cadre1 dt a, .acc_cadre2 dt a{display:block;background:transparent url('../gfx/cadre_hover.gif') no-repeat; width:300px;text-align:center;  height:160px;text-decoration:none;}
.acc_web_cadre .acc_cadre1 dt a:hover,.acc_web_cadre  .acc_cadre2 dt a:hover{  height:160px;background:transparent url('../gfx/cadre_hover_web.gif') no-repeat;text-decoration:none;}
.acc_cadre1 dt img, .acc_cadre2 dt img {margin-top:7px; text-align:left;padding-left:9px;}

.acc_cadre1 dd, .acc_cadre2 dd {padding:5px 0 0 5px; line-height:15px;}


.extra {display:inline; float:left; text-decoration:none; margin:0;}
.extra em {font-style:normal; }
.extra em.txt, .extra b {display:none;}
.extra img {border:0; display:block;}

.extra:hover {background:#fff; position:relative;cursor:pointer;}
.acc_web_cadre .extra:hover b {display:block; position:absolute; bottom:2px; left:3px; width:292px; background:#E29FFF; height:20px; opacity:0.2; font-size:1px; text-indent:-9000px;}
.acc_illus_cadre .extra:hover b {display:block; position:absolute; bottom:2px; left:3px; width:292px; background:#FEE09E; height:20px; opacity:0.2;font-size:1px; text-indent:-9000px;}


.extra:hover em.txt {display:block; position:absolute; bottom:2px; width:292px; left:3px; height:20px; color:#fff;  margin:0; }
.extra:hover em.txt a:hover {text-decoration:none;}


.acc_illus_cadre .acc_cadre1 strong, .acc_illus_cadre .acc_cadre2 strong{color:#FEE09E;}
.acc_illus_cadre .acc_cadre1 dt a:hover,.acc_illus_cadre  .acc_cadre2 dt a:hover{  height:160px;background:transparent url('../gfx/cadre_hover_illus.gif') no-repeat;text-decoration:none;}

/*cadre Photo*/
.acc_photo_cadre {margin : 10px 0 0 0; padding-left:38px;}
.acc_photo_cadre img {margin-top:8px; text-align:left;padding-left:7px;}
.acc_photo_cadre hr{height:25px;}

.acc_photo_cadre a{display:block;background:transparent url('../gfx/cadre_photo.gif') no-repeat; width:125px;text-align:center;  height:125px;text-decoration:none; float:left; margin-right:4px;}
.acc_photo_cadre a:hover,.acc_photo_cadre dt a:hover{  height:125px;background:transparent url('../gfx/cadre_hover_photo.gif') no-repeat;text-decoration:none;}


.extra2 {display:inline; float:left; text-decoration:none; margin:0;}
.extra2 em {font-style:normal; }
.extra2 em.txt, .extra2 b {display:none;}
.extra2:hover em.txt {display:block; position:absolute; bottom:2px; width:117px; left:3px; height:20px; color:#fff;  margin:0; font-size:10px;}
.extra2:hover em.txt a:hover {text-decoration:none;}
.extra2 img {border:0; display:block;}

.extra2:hover {background:#fff; position:relative;cursor:pointer;}
.extra2:hover b {display:block; position:absolute; bottom:2px; left:3px; width:117px; background:#43A079; height:20px; opacity:0.5;font-size:1px; text-indent:-9000px;}

/*commun*/
.acc_suivant {float:left; width:23px; height:85px; font-size:1px; text-indent:-9000px; margin : 75px 0 0 5px; }
.acc_suivant_photo {float:left; width:23px; height:80px; font-size:1px; text-indent:-9000px; margin : 45px 0 0 5px; }
.acc_suivant a, .acc_suivant_photo a{ width:23px; height:27px;background:transparent url('../gfx/suivant.jpg') no-repeat;display:block; background-position:top left;
}
.acc_suivant a:hover, .acc_suivant_photo a:hover{background:transparent url('../gfx/suivant.jpg') no-repeat; width:23px; height:27px; display:block; background-position:bottom right;
}

.img_acc_petite { width:280px;}



/*footer-----------------------
-----------------------------*/
#footer {
float:left;
width:100%; height:188px;
background:#EFEFEF	url('../gfx/footer.jpg') no-repeat 50% 0;min-width:1000px;
color:#fff;
}


#footer img {float:left; margin:95px 10px 0 15px;}
#footer p {float:left;margin-top:105px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px;color:#BBBBBB;}
#footer p a {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#bbbbbb;}
#footer p a:hover { color:#fff;}
#footer p em {font-size:11px; font-style:normal;}
#footer .footer_padding {padding-left:15px;}

#footer_top {float:left; width:27px; font-size:1px; text-indent:-9000px; margin : 0; padding:20px 0 0 600px; }
#footer_top a{ width:27px; height:23px;background:transparent url('../gfx/top.jpg') no-repeat;display:block; background-position:top left;
}
#footer_top a:hover{background:transparent url('../gfx/top.jpg') no-repeat; width:27px; height:23px; display:block; background-position:bottom right;
}