body
{
	font-family : verdana;
	font-size : 13px;
	color : #447d91	;
	background : url(body_bg.gif);
	font-size : 12px;
	margin : 0;
	padding : 0;
}

div, form
{
	margin : 0;
	padding : 0;
}

div.break 
{
	clear : both;
}

a
{
	color : #eaa049;
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
}


a.alone
{
	color : #eaa049;
	text-decoration : none;
	font-family : georgia, verdana;	
}

a.alone:hover
{
	text-decoration : underline;
	font-family : georgia, verdana;
}



div#leftCol
{
	width : 154px;
	min-height : 730px;
	height : 730px;
	background : url(leftcol_bg.jpg);
	background-color : #0096c1;
	float : left;
}

div#logo
{
	margin : 30px 0 0 20px;
	width : 124px;
	height : 80px;
	background : url(leftcol_logo.png);
	
	_background : none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='stylesheets/leftcol_logo.png', sizingMethod='scale');
	
}

div#wave
{
	position : absolute; 
	z-index : 5;
	margin-top : 20px;
	width : 153px;
	height : 603px;
	background : url(leftcol_wave.gif);
}

div#leftNav { width : 138px; float : right; position : relative; z-index : 10; margin-top : 140px; }
div#leftNav  ul { border : 0px solid red; position : relative; margin : 0; padding : 0;}
div#leftNav  ul li { list-style-type: none; margin-bottom : 2px; position : relative;}
div#leftNav  ul li span{ width : 4px; }
div#leftNav  ul li a.small { font-size : 9px; }
div#leftNav  ul li a { margin-left: 4px; color : #00374e; text-transform : uppercase; font-weight : bold; font-size : 10px; text-decoration : none; }
div#leftNav  ul li a:hover { color : white; }
 
div#contact  { float : right; margin : 10px 8px 0 0;}
div#contact img { margin : 2px 2px 0 0; float : left; }
div#contact { position : relative; z-index : 11; color : white; font-size : 9px; font-weight : bold; }
div#contact  div.big { font-size : 13px; }
div#contact  a { color : white; }




/* PAGE HEADER */
div#topHeader
{
    width: 970px;
    margin: 0 auto 0 auto;
}

div#logo
{
	position : relative;
}


div#topSearch { position : absolute; margin-left : 802px; padding : 5px 10px 10px 10px; background-color : blue; background : url('top_search_bg.png'); }


/* TOP NAV */
div#topNav
{
	font-size : 10px;
	font-weight : bold;
	text-transform : uppercase;
	margin : 50px 0 0 10px;
}

div#topNav ul
{
    margin : 0;
	/* border : 1px solid white; */ /* avoid IE6 margin bug */
	padding : 0;
}

div#topNav ul li
{ 
    padding: 5px;
    list-style-type: none;
    margin-right: 2px;
	float : left;
	text-align : left;
	border : 1px solid #009cca;
	background : url(body_bg.gif);
	/* height : 25px; */
}

div#topNav ul li a
{ 
	color : #009cca;
	text-decoration : none;
}

div#topNav ul a:hover
{ 
	color : #000000;
}



div#topNav ul.l1
{ 
    display : none;
    position : absolute;
    z-index : 9;
    text-align : left;
    margin : 6px 0 5px -6px;
    padding : 0;
}

div#topNav ul.l1 li
{
	float : none;
    margin : 0;
    position : relative; /* avoid bug in IE6 */
    list-style-image : none;
	border : none;
    border-bottom : 2px solid #FFFFFF; 
	background : none;
    background-color : #f6e95f;
    padding : 2px 0;
    margin : 0;
    letter-spacing : 0px;

}

div#topNav ul.l1 li:hover
{
    background-color : #e6d94f;
	   cursor : pointer;
}


div#topNav ul.l1 li a 
{
   font-size : 11px; 
   text-transform : none;  
   text-decoration : none; 
   color : 009cca; 
   padding-left : 5px;
   text-transform : uppercase;
   font-size : 10px;


}

div#topNav ul.l1 li a:hover
{
    text-transform : underline;
	color : black;
}

div#allcontent
{
    width: 1000px;
    margin: 0 auto 0 auto;
	background-color : #FFFFFF;
	padding : 0;
	height : auto;
	background : url(allcontent_bg.png) repeat-y right top;
	
	_background : none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='stylesheets/allcontent_bg.png', sizingMethod='scale');
}



div#mainCol
{
	width : 840px;
	min-height : 800px;
	float : left;
	background-color : #FFFFFF;
}




div#content { background : url(content_bg.gif);}
div#contentMain { padding : 23px 40px; width : 570px; float : left; }



div#contentRight 
 {
	 width : 178px; 
	 float : left;
	 text-align : center;
 }

div#contentRight  div.container
{
	margin-top : 20px;
}


/* COLUMNS RIGHT*/

form#searchForm
{
	color : gray;
	font-size : 11px;
	text-align : left;
}
form#searchForm div
{
	color : #009cca;
	font-size : 10px;
	text-transform : uppercase;
	font-weight : bold;
}

form#searchForm input
{
	border : 1px solid silver;
	font-size : 11px;
	width : 140px;
	float : left;
}

form#searchForm input.button
{
	float : left;
	border : 1px solid black;
	color : #009cca;
	font-size : 10px;
	text-transform : uppercase;
	font-weight : bold;
	width : 25px;
	cursor : pointer;
	border : 1px solid #009cca;
	background : url(body_bg.gif);
	margin-left : 5px;
}

form#searchForm input.button:hover
{
	color : #000000;
}

form#searchForm div.ok:hover
{
	text-decoration : none;
}




div.quizz_q_container { margin-bottom : 20px; border : 1px solid #F0F0F0; background-color : #FAFAFA; padding : 10px; }
div.quizz_q { font-weight : bold; }
div.quizz_r { margin : 2px 10px; }
div.quizz_r_container { margin : 5px 0; }
input.guizz { float : left; margin-right : 5px; }



div#homeEdito { width : 280px; float : left; }
div#homeActu { width : 270px; float : left; margin-left : 20px; }
div#homeFooter { margin-top : 30px; }

div#actus_container { margin-left : 10px; float : left; width : 220px; }

div#actus_container div.actu_1 div.actu_title { font-weight : bold; font-size : 15px;}
div#actus_container div.actu_1  div.actu_teaser { font-size : 12px; }
div#actus_container div.actu div.actu_title { font-weight : bold; font-size : 12px; margin-top : 15px;}
div#actus_container div.actu  div.actu_teaser { font-size : 10px; }

div#actus_container div.actu_all_link { font-weight : bold; font-size : 13px; margin-top : 30px; }



div#homeActu div.title
{
	float : left;
	padding : 0px 0;
	width : 34px;
	height : 101px;
	text-align : center;
	background-color : #f1efe0;
	border : 1px solid #efa429;
}

div#homeActu div.title img
{
	margin-top : 20px;
}



div#portrait
{
	margin-top : 10px;
}

div#portrait div.title
{
	float : left;
	padding : 0px 0;
	width : 34px;
	height : 101px;
	text-align : center;
	background-color : #f1efe0;
	border : 1px solid #efa429;
}

div#portrait div.title img
{
	margin-top : 3px;
}

div#portrait div.photo
{
	margin-left : 3px;
	float : left;
	border : 1px solid #efa429;
	width : 130px;
}


div#actu
{
	margin-top : 10px;
}

div#actu div.title
{
	float : left;
	padding : 0px 0;
	width : 34px;
	height : 101px;
	text-align : center;
	background-color : #f1efe0;
	border : 1px solid #efa429;
}

div#actu div.title img
{
	margin-top : 20px;
}

div#actu div.content
{
	text-align : left;
	margin-left : 3px;
	float : left;
	font-size : 10px;
	color : black;
	width : 130px;
	height : 101px;
	font-weight : normal;
	text-transform : none;
}

div#actu div.content p
{
	margin : 0;
	padding : 0;
}

div#actu div.content div
{
	margin-top : 5px;
	font-size : 10px;
	text-align : left;
}

div#actu div.content div a
{
	margin-top : 5px;
	font-size : 10px;
	font-weight : normal;
}

div#actu h2
{
	margin : 0;
	padding : 0;
	font-size : 10px;
	
	color : #97860c;
}



/* FOOTER */
div#footer
{ 
	background-color : white;
}

div#partner_container { margin : 20px 0 0 10px; }
div#partner_container div.label{ float : left;}
div#partner_container div.logo{ width : 150px; text-align : center;}
div#partner_employeurs { float : left; height : 53px; width : 150px; border : 1px solid #addfea;}
div#partner_institutions { float : left; height : 53px; width : 500px; margin : 0 10px; border : 1px solid #addfea;}
div#partner_institutions img { margin : 7px 0 0 15px; float : left;}
div#partner_soutien { float : left; height : 53px; width : 150px; border : 1px solid #addfea;}




div#footer-nav
{ 
	padding : 5px 0;
}
div#footer-nav ul
{
	padding : 0;
	font-size : 9px;
	margin : 3px auto;
	width : 680px;
	text-transform : uppercase;
}
div#footer-nav ul li
{ 
    list-style-type: none;
    margin-left: 0px;
	float : left;
}
div#footer-nav ul li a:hover
{ 
	color : #0096c1;
	text-decoration : underline;
}
div#footer-nav ul li a
{ 
	color : #0096c1;
}
div#footer-nav ul li.spacer
{ 
	border-left : 1px solid #0096c1;
	width : 1px;
	height : 7px;
	margin : 3px 5px;
}