/* normalise */
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, p {padding: 0;margin: 0;}

ol,ul,li,dl,dt,dd {list-style: none;}

html {text-align: center;}

body {position: relative;width: 850px;margin: 0 auto;text-align: left;}

h2#intro,div#content,div#site_info {width: 850px; margin: 0; padding: 0; z-index:1;}

#index_content_main, #index_content_sub,
#prog_content_main, #prog_content_sub,
#rea_content_main, #rea_content_sub
{margin: 0; padding: 0}


/* DIVS */
div#branding { 
background : url(../img//skin/bg_h1.png) no-repeat top left;
height: 100px;
}

div#nav {
position: relative; top:0; left:0;
margin: 0; padding: 0;
height: 56px;
background: url(../img/skin/bg_nav.png) no-repeat top left;
z-index: 99;
}

h2#intro {height:52px;
background:url(../img/skin/bg_intro.png) no-repeat top left}


/*  CONTENT UNE COLONNE */
div#onecol_content {
position: static;
background : url(../img/skin/bg_content.png) no-repeat top left;
padding-top: 0;
z-index: 1;
margin-bottom: 3em;
}

/*  CONTENT DEUX COLONNES */
div#content {
position: relative;
background : url(../img/skin/bg_content.png) no-repeat top left;
padding-top: 0;
z-index: 1;
margin-bottom: 3em;
}


/*  PIED DE PAGE */
div#site_info { 
width: 100%;
border-top: 1px solid #CCC; 
padding-top: 1em; padding-bottom: 1em; 
}



/*============ STRUCTURE DES COLONNES SELON PAGE ====================*/

/* PAGE ACCUEIL */
	div#index_content_main {width:45%; top:0; left:55%;}


		#diapo_intro {
		float: left;
		padding-right: 1.2em;
		padding-bottom: 1.2em;
		margin: .5em 0 0 0;
		cursor: none;
		}


	div#index_content_sub {width:50%; left:0; top:0;}



/* PAGES PROGRAMMES */
	div#prog_content_main {width:61%; top:0; left:0; }


	#prog_diapo {float: left; margin:0 1em .5em 0;}


	div#prog_content_sub {width:34%; top:0; left:63%}
	

/* PAGES REALISATIONS */
	div#rea_content_main {width:63%; top:0; left:37%;}
	

	div#rea_content_sub {width:32%; left:0; top:0;}
	
	#rea_content_sub a img {border: 0}
	

/*============ /STRUCTURE DES COLONNES SELON PAGE  ====================*/


/*============  MARGES , FLOTTEMENT , PADDING  &  POSITIONS ====================*/
.mrg_no {margin:0}
.mrg_t {margin-top:1.5em}
.mrg_t_l {margin-top:4.5em}
.mrg_t_no {margin-top:0}
.mrg_b  {margin-bottom:1.5em}
.mrg_b_l {margin-bottom:4.5em}
.mrg_b_no {margin-bottom:0}
.mrg_v {margin-top: 1.5em; margin-bottom:1.5em}
.pdg_v {padding-top:1em;padding-bottom:1em}
.pdg_v_l {padding-top:4.5em;padding-bottom:4.5em}
.pdg_v {padding-top:1em;padding-bottom:1em}
.clear {clear: both;}
.static {position:static}






 /* ************************ */ 
 /* Clearance de Shaun INMAN */ 
 /* ************************ */ 
  
 .pc, .sc 
     { 
     position: absolute; 
     }  
  
 .clear_children, .cc_tallest { 
     position: relative; 
     } 
  
 /*\*/* html .clear_children { 
     display: inline; 
     }/**/ 
  
 .cc_tallest:after { 
     content: ''; 
     } /* PREVENTS A REDRAW BUG IN SAFARI */ 
  
/* ----------------------------------------------------- */