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

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


#content #page_web {height:60px;background: url('../gfx/titre_web.gif') no-repeat; color:#E29FFF;}


#contact_txt p{padding-left:48px;}

.opacite {filter:alpha(opacity=80); -moz-opacity: .80; width:440px;}


h3 {background:url('../gfx/btn_year-web.jpg') no-repeat; height:20px; width:90px; display:block;
text-align:center; margin : 30px 0 0 40px; 
font-size:12px;}




.page_web_cadre hr{height:10px;}

.page_cadre1 { float:left;
	font-size: 10px;
	line-height: 1.6em; 
	width:460px; margin : 10px 0 0 0; padding-left:38px;}
.page_cadre2 { float:left;
	font-size: 10px;
	line-height: 1.6em; 
	width:460px; margin : 10px 0 0 7px;}
.page_web_cadre .page_cadre1 strong, .page_web_cadre .page_cadre2 strong{color:#E29FFF;}
.page_cadre1 em, .page_cadre2 em {color:#666666; font-style:normal;}

.page_cadre1 dt, .page_cadre2 dt {width:460px;height:240px; display:block;}

.page_cadre1 dt , .page_cadre2 dt {
background:transparent url('../gfx/cadre_hovergrand.gif') no-repeat;
}
.page_cadre1 dt a, .page_cadre2 dt a{
display:block;background:transparent url('../gfx/cadre_hovergrand.gif') no-repeat;
 width:460px;text-align:center;  height:240px;
text-decoration:none;
}
.page_web_cadre .page_cadre1 dt a:hover,.page_web_cadre  .page_cadre2 dt a:hover{  height:240px;background:transparent url('../gfx/cadre_hovergrand_web.gif') no-repeat;text-decoration:none;}
.page_cadre1 dt img, .page_cadre2 dt img {margin-top:7px; text-align:left;padding-left:9px;}

.page_cadre1 dd, .page_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;}
.page_web_cadre .extra:hover b {display:block; position:absolute; bottom:2px; left:3px; width:452px; background:#E29FFF; height:20px; opacity:0.2;}


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



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

.page_web_cadre .plus_charte {background:url('../gfx/ico_web_charte.gif') left no-repeat;padding-left:13px;}
.page_web_cadre dd a{color:#9F33CF; text-decoration:none;}
.page_web_cadre dd a:hover {text-decoration:underline;}