/* CSS Document */

* { margin:0; padding:0;}

body { background:#FFFFFF; }
html, input, textarea, select{ font-family:arial; font-size:100%; color:#828282; font-weight:normal; font-size:11px; }

#site_center { text-align:center; }
.main { width:1000px; margin:0 auto; text-align:left; }
.min_width { width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); min-width:1000px; }

input, select { vertical-align:middle; font-weight:normal; }

.col1, .col2, .col { float:left;}
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right;}

.separate { height:30px; background:url(images/bg_bar.jpg) repeat-x center; }

/*------------------ formulaires ------------------*/
form { width:100%; }

form .col1 { width:380px; }
form .col2 { float:right; width:400px; }

form .row { width:100%; height:50px; }

form .submit { width:113px; height:20px; background:url(images/button.jpg) center #FFFFFF; border:0; color:#FFFFFF; font-size:12px; cursor:pointer; }

.infos { border:1px solid #3366CC; padding:20px; margin:0 0 20px 0; }
.infos ul { margin:0 }
.infos ul .errorLi { margin:0 0 4px 0; list-style-type:none; background:url("admin/pix/puce_middle.gif") no-repeat 0% 65%; padding-left:15px; }



/*==================   STRUCTURE   ===================*/

/*------------------ header ------------------*/
#header { height:170px; width:100%; padding:0; margin:0 0; }

#header .row1 { height:120px; padding:0; }
#header .row1 .search { width:300px; float:right; text-align:right; padding:40px 0 0 0; }

#header .row2 { height:150px; background:url(images/bg_header.jpg) no-repeat center center; }
#header .row2 .block { padding:60px 0 0 50px; }
#header .row2 .line1 { color:#FFFFFF; font-size:24px; text-transform:uppercase; margin-bottom:5px; }
#header .row2 .line2 { color:#FFFFFF; font-size:14px; text-transform:uppercase; }


/*------------------ partie centrale ------------------*/
#middle { width:100%; margin-bottom:20px; }


	/*------------------ menu ------------------*/
	#menu { float:left; width:200px; margin-right:20px; } 
	
	#menu .hide_menu { display:none; height:0px; }
	
	#menu .lvl1 { width:200px; color:#FFFFFF; font-size:14px; text-transform:uppercase; }
	#menu .lvl1 { height:55px; background:url(images/menu_lvl1_1.jpg) no-repeat top center; }
	#menu .sub 	{ height:50px; background:url(images/menu_lvl1_2.jpg) no-repeat top center; }
	
	#menu .lvl1 a { display:block; padding:20px 0 15px 10px; color:#FFFFFF; text-decoration:none; }
	#menu .lvl1 a span { margin-left:5px; }
	#menu .lvl1 a:hover span { text-decoration:underline; }
	
	#menu .lvl2, #menu .lvl2_select { width:200px; height:40px; color:#828282; font-size:14px; }
	#menu .lvl2	{ background:url(images/menu_lvl2_2.jpg) no-repeat top left; }
	#menu .first { background:url(images/menu_lvl2_1.jpg) no-repeat top left; }
	#menu .last { height:50px; background:url(images/menu_lvl2_3.jpg) no-repeat top left; }
	#menu .one { height:60px; background:url(images/menu_lvl2_4.jpg) no-repeat top left; }
	
	#menu .lvl2 a, #menu .lvl2_select a { display:block; padding:10px 0 13px 50px; color:#828282; text-decoration:none; }
	#menu .lvl2 a:hover, #menu .lvl2_select a:hover { text-decoration:underline; }
	
	#menu .lvl1_select { height:55px; background:url(images/menu_lvl1_1_2.jpg) no-repeat top center; }
	#menu .sub_select { height:50px; background:url(images/menu_lvl1_2_2.jpg) no-repeat top center; }
	
	#menu .lvl2_select { background:url(images/menu_lvl2_2_2.jpg) no-repeat top left; }
	#menu .first_select { background:url(images/menu_lvl2_1_2.jpg) no-repeat top left; }
	#menu .last_select { height:50px; background:url(images/menu_lvl2_3_2.jpg) no-repeat top left; }
	#menu .one_select { height:60px; background:url(images/menu_lvl2_4_2.jpg) no-repeat top left; }
	
	/*------------------ content ------------------*/
	#content { float:right; width:780px; min-height:300px; }
	
	#popup { margin:10px 20px 20px 20px; width:440px; }
	

/*------------------ footer ------------------*/
#footer { height:50px; width:100%; }

#footer .borderl { float:left; height:50px; width:20px; background:url(images/footer_left.jpg) no-repeat top left #efefef; }
#footer .inside  { float:left; height:50px; width:960px; background:#efefef; }
#footer .borderr { float:right; height:50px; width:20px; background:url(images/footer_right.jpg) no-repeat top right #efefef; }

#footer .ind { padding:20px 20px 0 20px; color:#5b5b5b; }
#footer .col1 { width:50%; }
#footer .col2 { width:50%; text-align:right; }

#footer a { color:#5b5b5b; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


/*------------------ intro ------------------*/
#page0 { background:#2b7e32; }
#page0 .main { width:1000px; height:600px; position:absolute; top:50%; margin-top:-300px; left:50%; margin-left:-500px; }