/* reset properties */

h1,h2,h3,h4,h5,h6,p,form,fieldset,dl,dd,dt,hr,div {margin:0;padding:0;}
img {border:0 none; margin:0; padding:0;}
ul,li{list-style-type:none; margin:0; padding:0; }
fieldset,abbr,a, img{border:0 none; text-decoration:none;}

h4{font-size:11px;}

table, tr, th, td { cellpadding:0; cellspacing:0; border:0 none; border-collapse:collapse; }

/* utils */
.abs{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.clr_diff {clear:both;}
.nobrd{border:0 none !important;}
.hide{display:none;}
.txtc{text-align:center !important;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.mg_0 {margin:0 !important;}
.mgl_10 {margin-left:10px !important;}

body { width:965px; margin:0 auto; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#004a84; position:relative}
body a { color:#004a84; }
body a:hover {text-decoration:underline; }
body .btn:hover {text-decoration:none; }
.left_col { width:180px; margin:50px 0 0 35px; }
.main_col { width:720px; }
.right_col { width:205px; }

#content_layout2 .main_col {position:relative; }

/*TEMP*/
/*.liste_actualites { background-color:#bcd63f;}*/
#mise_en_avant { background-color:#0092a5;}
/*.bloc_actu_pre_home { background-color:#bcd63f;}*/
/*.bloc_onglet { background-color:#bcd63f;}*/
/*.bloc_actualites { background-color:#0092a5;}*/

/*common*/
    
#ariane { width:720px; min-height:20px; margin-top:5px; margin-bottom:5px; }

/*left col top - formulaire cible*/
#left_col_top .lct_pds { margin:0 0 25px 0; }
#left_col_top .lct_pds select { margin-bottom:15px;}
#left_col_top .lct_pds a { display:block;padding:2px 20px; border:1px solid #004A84; color:#ffffff; font-size:12px; background:#0092A5 url(../css/bg/arrows/big_green.png) no-repeat 2px 4px; margin:0 13px 0 12px;text-align:center }
#left_col_top .lct_pds a:hover { background:#ffffff url(../css/bg/arrows/big_blue.png) no-repeat 2px 4px; border:1px solid #004A84; color:#004A84; text-decoration:none; }

/*.left_col form { padding:0 25px 0 12px; }*/
.left_col label { display:block; margin-bottom:5px; font-size:11px; font-weight:bold; }
.left_col select { width:155px; /*margin-bottom:25px;*/ font-size:11px; color:#666666; }

/*layout1*/
#content_layout1 .bg_home { width:965px; height:396px;position:relative; }
#content_layout1 .bg_home img {position:absolute;z-index:1;}
#content_layout1 .bg_home .nav {position:absolute;border:1px solid #fff;right:10px;top:10px;padding:2px;z-index:9;}
#content_layout1 .bg_home .nav a{float:left;display:block;border:1px solid #fff;margin:2px;height:7px;width:7px;overflow:hidden;text-indent:-100px;outline:0 none;}
#content_layout1 .bg_home .nav a:hover,
#content_layout1 .bg_home .nav a.on{background:#fff;}
#content_layout1 .liste_actualites { width:178px; height:231px; position:absolute; left:34px; top:133px;  overflow:hidden;z-index:10; }
#content_layout1 #mise_en_avant { width:633px; height:173px;float:left; margin:0 0 15px 0 !important;}
#content_layout1 .bloc_actu_pre_home { width:320px; height:173px; float:right; margin:0 0 15px 0;  overflow:hidden; }

/*#mise_en_avant { position:relative;  overflow:hidden; }
#mise_en_avant a { color:#ffffff; }
#mise_en_avant ul { color:#ffffff; margin:0 0 0 25px; background:#59b8c4; width:220px; height:163px; padding-top:9px; }
#mise_en_avant ul li { font-size:12px; color:#ffffff; background:url(../css/bg/arrows/big_white.png) no-repeat 15px 6px; padding:3px 0 3px 28px; margin:0 0 5px 0; border-bottom:1px solid #8bcdd6; }
#mise_en_avant ul .on { background-color:#0092a5; }
#mise_en_avant ul li ul { position:absolute; left:220px; top:0;background-color:#0092a5; padding-left:20px; display:none; }
#mise_en_avant ul .on ul { position:absolute; left:220px; top:0;background-color:#0092a5; padding-left:20px; display:block; }
#mise_en_avant ul li ul li { background:url(../css/bg/arrows/small_white.png) no-repeat left 6px; padding:2px 0 2px 13px; border:0 none; }
#mise_en_avant ul li ul li a:hover { text-decoration:underline; }
En JS : ul li a:hover atribue la classe "on" au parent  soit ul li
          ul li ul li a:hover attribue la classe "on" au parent du parent du parent soit ul li*/

/*layout2*/
#content_layout2 .liste_actualites { width:178px; height:302px; position:absolute; left:0; top:0; overflow:hidden; }
#content_layout2 .rich_text {margin-bottom:10px; }
#content_layout2 .bloc_onglet {width:515px; height:212px; float:left; }
#content_layout2 .bloc_actualites { width:193px; height:185px; float:right; margin:27px 0 0 0; }
#content_layout2 .bot_left { width:341px; height:176px; margin:12px 0 0 0; float:left; }
#content_layout2 .bot_right { width:367px; height:176px; float:right; margin:11px 0 0 0; }
#content_layout2 .br_top { width:365px; height:83px; overflow:hidden; }
#content_layout2 .br_bot { width:364px; height:83px; margin:11px 0 0 0; }

/*layou3*/
#content_layout3 .main_left { width:515px; float:left; }
#content_layout3 .main_right { width:195px; float:right; }

/*layout5*/
#content_layout5 .main_col { margin-left:35px;}

/*prefooter*/
#prefooter { width:950px; border:1px solid #d6d6d6; margin:10px 0 0 0; padding:10px 0 10px 10px; }
#prefooter .bloc_pre { width:220px; float:left; min-height:50px; padding-left: 5px; margin-right:5px; color:#666666;}
#prefooter .bloc_pre a { color:#666666; text-decoration:none;}
#prefooter .bloc_pre a:hover {text-decoration:underline; }
#prefooter .left_board { border-left:1px solid #d6d6d6; margin-left:5px; }

#header_content {
	min-height:153px;
	width: 720px;
}
#body_content {
	min-height:200px;
	height:100%;
}
#left_col {
	min-height: 280px;
}
#right_col {
	min-height:200px;
}

#menu {
	margin-bottom: 5px;
}

#xiti-logo {
    display:none;
}