html {
	/*background: transparent url(pix/bg_main.gif) repeat-y top center;*/
	background-color:#003366;
	padding:0px;
}

body {
	margin: 0px auto;
	padding: 0; 
	font: 12px/16px Arial, Verdana, sans-serif; 
	color: #666;
	text-align: center;
  
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

h1 {font: normal 17px/17px Arial; color:#1980C5; letter-spacing:0px; margin-top:0px; margin-bottom:17px;}
h2, .ng {font: normal 17px Arial; color:#CEE7FF; letter-spacing:0px; margin-left:0px; margin-bottom:10px;}
h3 {font: normal 15px Arial; color:#000; letter-spacing:0px; margin-bottom:7px;}

h4 {font: bold 35px Georgia, Arial, Verdena; color:#cc0000; margin-bottom:15px;}
h5 {font: normal 11px Arial, Verdena; color:#333; }

ul {list-style:none;}
li {padding:0px;}

hr{	border: none 0; border-top: 1px solid #e5e5e5; height: 1px;	vertical-align:top; margin:10px 0 0px 0; clear:both; padding:0px 0 10px 0; clear:both;}

img {border:0;}

a:link, a:visited {	text-decoration: none; border:0; background-color:transparent; color:#0FB4EC;}
a:active, a:hover {	text-decoration: underline; background-color:transparent;}

form {padding:0px; margin:0px;}
p {padding:0px; margin:0px;}
div, ul {padding:0; margin:0;}

.clear {padding:0; margin:0; height:0px; line-height:0px; clear:both;}

.small {font-size:10px;}

#main {width:930px; margin:auto; padding:15px 15px 10px 15px; text-align:left; margin-top:20px; background: transparent url(pix/bg_main.gif) no-repeat top left;}

#content #in .left {float:left;}
#content #in .right {float:right; margin-left:30px; text-align:left; width:500px;}

#path {background-color:#CEE7FF; font-size:11px; padding:10px 10px;}
#path li {display:inline; margin-right:0px; }
#path li a {padding-left:15px;padding-right:5px; background: transparent url(pix/str_li_.gif) no-repeat 0px 5px; color:#777;}
#path .main {padding-left:0px;padding-right:5px; background: transparent url(pix/str_li_.gif) no-repeat -10px 5px;}

#top {height:193px; width:930px; background: transparent url(pix/bg_top.jpg) no-repeat top left; margin-bottom:15px;}
#top .left {float:left; width:50%;}
#top .right {float:right; width:50%;}
#slogan {font: normal 18px Arial; color:#656158; letter-spacing:0px; position:relative; top:85px; left:100px;}
#topmenu { padding:20px 15px 0 135px;}
#topmenu a, #topmenu .last {font-size:11px; color:#fff; padding:7px 12px; border-right:2px solid #fff;}
#topmenu .last {border-right:0px solid #fff;}

#content ul { margin:10px 0 10px 0;}
#content li {list-style:circle; list-style-type: disc; list-style-position: inside; margin-left:10px;}



#menu_for_4 { margin-bottom:15px;}
#menu_for_4 .box, #menu_for_4 .box_last {width:200px; height:200px; padding:10px; background: transparent url(pix/bg_box4.jpg) no-repeat top left; float:left; margin-right:16px;}
#menu_for_4 .box_last {margin-right:0;}
#menu_for_4 .box .lid, #menu_for_4 .box_last .lid {height:170px; overflow:hidden; font-size:12px; line-height:16px;}
#menu_for_4 .box .bt, #menu_for_4 .box_last .bt {margin-left:36px;}


#menu_for_5 { margin-bottom:15px;}
#menu_for_5 .box, #menu_for_5 .box_last {width:162px; height:200px; padding:10px; background: transparent url(pix/bg_box5.jpg) no-repeat top left; float:left; margin-right:5px;}
#menu_for_5 .box_last {margin-right:0;}
#menu_for_5 .box .lid, #menu_for_5 .box_last .lid {height:170px; overflow:hidden; font-size:12px; line-height:16px;}
#menu_for_5 .box .bt, #menu_for_5 .box_last .bt {margin-left:20px;}

#submenu_for_4, #submenu_for_5 { margin-bottom:15px;}
#submenu_for_4 ul, #submenu_for_5 ul {}
#submenu_for_4 li, #submenu_for_5 li {display:block; padding:0; margin:0; float:left; margin-right:16px;}
#submenu_for_4 .last, #submenu_for_5 .last {border-right:solid 0px #fff; margin-right:0px;}
#submenu_for_4 a, #submenu_for_5 a {display:block; color:#fff; padding:0px 0px; text-decoration:none; font-size:12px; width:200px; height:35px; padding:10px; padding-top:7px; background: transparent url(pix/bg_subbox4.jpg) no-repeat top left; overflow:hidden; font: normal 17px Arial; color:#CEE7FF; }
#submenu_for_4 a:hover, #submenu_for_5 a:hover {background-color:#CABE9B; color:#fff; background: transparent url(pix/bg_subbox4_up.jpg) no-repeat top left;}
#submenu_for_4 .checked, #submenu_for_5 .checked {background: transparent url(pix/bg_subbox4_up.jpg) no-repeat top left; }


#submenu_for_5 li {margin-right:5px;}
#submenu_for_5 a {width:162px; background: transparent url(pix/bg_subbox5.jpg) no-repeat top left;}
#submenu_for_5 a:hover {background: transparent url(pix/bg_subbox5_up.jpg) no-repeat top left;}
#submenu_for_5 .checked {background: transparent url(pix/bg_subbox5_up.jpg) no-repeat top left; }

#content #in {padding:0 30px 20px 30px; text-align:justify;}
#content_start {font-size:14px; line-height:22px;}
#content_start #submenu_for_4, #content_start #submenu_for_5 {display:none;}

#footer{ width:960px; margin:auto; background: transparent url(pix/bg_footer.gif) no-repeat bottom; font-size:11px; height:18px; text-align:center; text-align:left; color:#999; padding:20px;  padding-top:0px; margin-bottom:40px;}

#footer .left {float:center; margin-left:20px;}
#footer .right {float:center; text-align:center; margin-right:20px;}




input{background: url(pix/bg_input.gif) left top no-repeat; height:21px; width:180px; border:none; color:#666; padding-bottom:3px; padding-left:2px; margin-bottom:0px; margin-top:0; line-height:0px; }
textarea {width: 350px;	height: 120px;	border: 1px solid #C5C5C5;	background-color:#DCDCDC; padding: 2px;}

.input_ {background: url(pix/bg_input_.gif) left top no-repeat; width:120px;}

.input_recherche {background: url(pix/bginput.gif) left bottom no-repeat; background-color: transparent; width:180px; height:22px; border:none; color:#666; padding:3px;margin-bottom:5px; margin-top:0;}

.bt, .back, .ok {background: url(pix/bg_bt.gif) center top no-repeat;  border:none; cursor:pointer; color:#fff; width:121px; height:23px; font: normal 11px Arial, sans-serif; text-align:center;}
.back {background-color:#C5C2B4;}

.ok {background: url(pix/btok.gif) center top no-repeat; width:31px; height:21px; text-align:center;}


.checkbox { width:12px; height:12px; background-image:none; padding:0px; margin-right:5px; float:left;}
.radio { width:12px; height:12px; background-image:none; padding:0px; margin-right:5px;float:left;}
.file { background-image:none; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ccc; }



.tab_clear {background: transparent; margin:auto; padding:0;}
.in_right {text-align:right;}
.alert {font-size:11px; color:#cc0000;}



.gal, .galright {float:left; margin-right:16px; width:204px; background-color:#fff; padding:0px; margin-top:10px; text-align:center; margin-bottom:20px;}

.gal_photo {width:204px; height:204px; border:1px solid #ccc; margin-bottom:3px; display:table-cell; vertical-align:middle; text-align:center;}

.gal  a img , .galright a img {border:none; padding:0px; margin:auto; vertical-align:middle;}
.galright {margin-right:0px;}
.galdesc {font-size:11px; color:#333; line-height:14px; padding:5px; background-color:#e5e5e5; border:1px solid #ccc; display:block; text-align:left; border-top:1px solid #fff;}

.gal a:link, .galright a:link, .gal a:visited, .galright a:visited {text-decoration: none; color:#666; background-color:transparent; display:block; }
.gal a:active, .galright a:active, .gal a:hover, .galright a:hover {text-decoration: none; background-color:transparent; color:#ccc;}