/*
------------------------------------------------------------------------------
BASIC LAYOUT
------------------------------------------------------------------------------*/

#container {
position: relative;
padding: 0; margin: 0;
width: 100%;
height: 100%;
}

#logo {
position: absolute;
padding: 0; margin: 0;
top: 20px;
left: 40px;
width: 158px;
height: 53px;
}

#strip {
position: absolute;
padding: 0; margin: 0;
top: 85px;
left: 0;
width:100%;
height: 72px;
background-image: url(../medias/ui/strip.gif);
background-repeat: repeat-x;
background-position: top left;
}

#montblanc {
position: absolute;
padding: 0; margin: 0;
top: 30px;
left: 480px;
width:300px;
height: 133px;
background-image: url(../medias/img/montblanc.gif);
background-repeat: no-repeat;
background-position: top left;
}

#montblanc2 {
position: absolute;
padding: 0; margin: 0;
top: 30px;
left: 250px;
width:300px;
height: 133px;
background-image: url(../medias/img/montblanc.gif);
background-repeat: no-repeat;
background-position: top left;
}

#txt_gfx {
position: relative;
z-index: 3001;
}

#left_shadow {
position: absolute;
padding: 0; margin: 0;
top:9px;
left: 220px;
width:25px;
height: 431px;
background-image: url(../medias/ui/left_shadow.gif);
background-repeat: repeat-x;
background-position: top left;
}

#right_shadow {
position: absolute;
padding: 0; margin: 0;
top:9px;
left: 770px;
width:25px;
height: 431px;
background-image: url(../medias/ui/right_shadow.gif);
background-repeat: repeat-x;
background-position: top left;
}

#top_content {
position: absolute;
padding: 0; margin: 0;
top:9px;
left: 230px;
width:550px;
height: 431px;
background-color: #FFF;
}


#footer {
position: relative;
padding: 0; margin: 0;
width: 100%;
height: 60px;
margin-bottom: 35px;
}

/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
#page  { 
position: absolute;
margin: 0 0 21px; 
padding: 33px 0 0;  
border: 1px solid #cecece;
}


.content  { 
font-size: 1.1em; 
margin: 0 0 25px 25px; 
width: 500px;
margin-top: 50px;
padding-bottom: 50px;
}

.content .section {
color: #4EBDD7;
}

.content .section,
.content h2,
.content h3,
.content p {
	margin-left: 0px;
	margin-right: 0px; 
	line-height: 1.8em;
	}

.content .section {
	font-size: 62.5%; 
	line-height: 12px;
	background-repeat: no-repeat;
	margin-bottom: 3px;
	}
	
.content h2 {
	line-height: 50px;
	margin-top: 6px;
	margin-bottom: 19px;
	z-index: 6000;
	}


/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/

.block {
position: relative;
padding: 0; margin: 0;
width: 100%;
margin-bottom: 25px;
}

.form_block {
position: relative;
background-color: #DDF0F0;
padding: 0; margin: 0;
width: 100%;
margin-bottom: 5px;
text-align: center;
}


#intro_block {
position: relative;
padding: 0; margin: 0;
width: 476px;
height: 350px;
margin-bottom: 15px;
}

#img_01, #img_02, #img_03, #img_04 {
position: absolute;
padding: 0; margin: 0;
width: 234px;
height: 165px;
}

#img_01 {
top: 0; left: 0;
background-image: url(../medias/img/intro_001.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#img_02 {
top: 0; left: 245px;
background-image: url(../medias/img/intro_002.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#img_03 {
top: 176px; left: 0;
background-image: url(../medias/img/intro_004.gif);
background-position: top left;
background-repeat: no-repeat;
}


#img_04 {
top: 176px; left: 245px;
background-image: url(../medias/img/intro_003.jpg);
background-position: top left;
background-repeat: no-repeat;
}



#intro_logos {
position: relative;
padding: 0;margin: 0;
width: 350px;
height: 56px;
padding-left: 20px;
}


/* --------------------------------------------
ONGLETS
----------------------------------------------*/

#block_onglet {
position: relative;
padding: 0; margin: 0;
width: 100%;
height: 140px;
border-bottom: 1px solid #cecece;
margin-bottom: 15px;
}

#ong_set1, #ong_set2 {
position: absolute;
padding: 0; margin: 0;
width: 190px;
height: 120px;
/*border: 1px solid #cecece;*/
}

#ong_set1 {
top: 0; 
left: 0;
}

#ong_set2 {
top: 0; 
left: 195px;
}

.active_link {
	color: #FFF;
	background-color: #4EBDD7;
}