@charset "utf-8";
/* CSS Document */
/* 
    Document   : ck-style
    Created on : 25 août 2013, 15:53:39
    Author     : H2M
    Description:
        Purpose of the stylesheet follows.
*/

body { 
    margin: 0 0 1em 0;
	background-color:#EFEFEF;
    padding: 0;
}

#bloc_page {
	background-color:#d2d2d2;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

#header {
    width: 960px;
    padding: 0;
}

#top {
    background-image:url(imgs/top.png);
    background-repeat:no-repeat;
    width:960px;
    height:40px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

#sep {
    background-image: url(imgs/menu_sep.png);
}

#menu {
	padding-top:10px;
	padding-left:15px;
	height: 35px;
	text-align:center;
	position:relative;
}

#topmenu { 
	background-image: url(imgs/top_menu.png); 
	list-style:none;
	height:54px; 
	position:relative; 
	font-size:14px;
}

#menuleft, #menuright {
	background-repeat:no-repeat;
	height: 35px;
	width:3px;
}

#menuleft {float:left; background-image:url(images/menu/menu_left.png);}
#menuright {float:left; background-image:url(images/menu/menu_right.png);}

#menu ul {float:left; list-style:none;}
#menu ul li {float:left; font-family:Georgia,serif,Times; font-size:14px;background-image: url(images/menu/menu.png);}
#menu ul li a {display:block; float:left; line-height:35px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer;}
#menu ul li a b {float:left; display:block; padding:0 20px 0 10px;}
#menu ul li a {color:#fff;}
#menu ul li a b {color:#fff;}
#menu ul li a:hover {color:#000;background-color:#E0E0E0;height:32px;}
#menu ul li a:hover b {color:#000;background-color:#E0E0E0;height:32px;}
#menu ul li a.current {color:#000;background-color:#E0E0E0;height:32px;cursor:default;}
#menu ul li a.current b {color:#000;background-color:#E0E0E0;height:32px;cursor:default;}

#logo {
    background-image: url(design/top1.png);
    background-repeat: no-repeat;
    width: 960px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
}

#Im3 {
	background-image: url(design/top2.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 66px;
	margin-left: auto;
	margin-right: auto;
}

#Im4 {
	background-image: url(design/top3.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 102px;
	margin-left: auto;
	margin-right: auto;
}

#titlegallery {
	float:left;
    margin-left: 20;
	padding-top: 50px;
	color:white;
	text-align:center;
    width: 220px;
}

#banner {
    float: right;
    height: 40px;
    width: 280px;
    font-size: 16px;
    margin-right: 15px;
    color: #0b55a3;
	position:relative;
}

#global {
	clear:both;
    width: 960px;
	padding:0;
}

#leftblock {
    float: left;
    color: white;
	position: relative;
    width: 249px;
	height:auto;
	background-repeat:no-repeat;
    color: white;
    font-size: 0.9em;
}

#rightblock {
    float: right;
    width: 130;
}

#ads {margin:0;position:relative;}
	

#leftblock p, #rightblock p {
    margin-left: 1em;
}

#leftblock ul, #rightblock ul {
    margin: 0 0 1em 0;
}

#leftblock li, #rightblock li {
    list-style-type: none;
    margin: 0 0 0 1em;
}

#leftblock li a, #rightblock li a {
    color: white;
    text-decoration: none;
}

#leftblock li a:hover, #rightblock li a:hover {
    text-decoration: underline;
}

#list { background-image:url(design/left2-1.png); display:block; width:249px; }
#list ul { list-style:none; }
#list ul li { font-family:Georgia,serif,Times; font-size:15px; }
#list ul li a { height:28px; padding-left:10px;	text-decoration:none; color:#d2d2d2; }
#list ul li a:hover { color:#B0FFFF; }
#list ul li a:active { color:#000; }

#picbox { display:block; padding-left:23px; width:210px; alignment-baseline:central; height:220px; }

#leftbottom {
	background-image: url(design/left3.png);
	background-repeat:no-repeat;
	height: 52px;
}

#content {
    margin-left: 255px;
    margin-right: 140px;
    background-color:#d2d2d2;
}

#content p {
    margin: 0 0 0 1em;
	padding-top:10px;
	text-align:justify;
}

#content ul { font-size:16px; font-weight:bold; padding:30px; }
#content ul li { font-size:16px; }
#content ul li.title2 { font-size:16px; }
#content ul li.title2 a { font-size:16px; }

#bottom {
    clear: both;
    width: 960px;
	background-image:url(images/bottom.png);
	background-repeat:no-repeat;
	height:65px;
	margin-right:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }

#bottom_div {
	color:#FFFFFF;
	padding-right:20px;
	clear:both;
	margin-top:15px;
	padding-top:15px;
}

#bottom_div a {
	color:white;
	text-decoration:none;
}

#bottom_div a:hover {
	color:#F90;
	text-decoration:underline;
}

.title {
	font-size:20;
	font-family:"Arial Black", Gadget, sans-serif;
	text-align:center !important;
}

.title1 {
	font-size:16;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.title2 {
	font-size:12;
	font-family:Georgia, "Times New Roman", Times, serif;
}