/*Slim box*/
#lbCaption {
	font-weight: bold!important;
	color: #fff!important;
}
html{
	margin: 0;
	padding: 0;
}
body{
	text-align: center;
	font-family: "Arial", "Verdana", "Sans-serif", "serif";
	font-size: 85%;
	background-image: url("img/bg_body.jpg");
	padding-top: 110px;
}
p{
	margin-bottom: 1em;
        padding-left: 15px;
}
table{
	border-collapse: collapse;
	width: 100%;
	font-size: 1em;
	margin: 1.2em 0;
}
table tr td{
    text-align: left;
    vertical-align: top;
}
table tr td a{
    text-decoration: none!important;
    padding-right: 15px;
    background-image: url("img/feuille12.gif");
    background-repeat: no-repeat;
    background-position: right 1px;
    color: #595959!important;
    font-wieght: bold!important;
    font-size: 1.2em;
}
table tr td a:hover{
    padding-right: 15px;
    background-image: url("img/feuille.gif");
    background-repeat: no-repeat;
    background-position: right 1px;
    color: #99cc33!important;
}
#margins_pages{}
#page{
	width: 942px;
	margin: auto;
	text-align: left!important;
	background-image: url("img/bg_pages.jpg");
	background-repeat: no-repeat;
	background-position: 0 6px;
}
#col2{
	width: 241px;
	height: 339px;
}
#col3{
	margin: 0;
	padding: 0;
	margin-right:248px;
	margin-left: 16px;
}
/*----- PROPORTION----*/
#header{
	position: relative;
	height: 274px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 16px;
}
#illustration{
	float: left;
	width: 734px;
	height: 236px;
	overflow: hidden;
}
#logo{
	float: left;
	width: 157px;
	height: 236px;
	overflow: hidden;
}
#main{
	height: 339px;
	/*width: 906px;*/
	font-size: 1em;
	padding-right: 34px;
	
}
#main h1{
	font-size: 1em;
	font-weight: bold;
	background-image: url("img/feuille.gif");
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 1em;
	color: #595959;
}
#col2_content{
	padding: 7px 5px;
}
#content_news{
	float: left;
	width: 213px;
	height: 327px;
	padding-right: 5px;
	overflow: hidden;
}
#content_news .news{
	margin-bottom: 40px;
}
#content_news p{
	padding:0;
}
#col3_content{
	padding: 7px 5px;
}
#content{
	float: left;
	width: 615px;
	height: 327px;
	padding-right: 3px;
	overflow: hidden;
        text-align: justify;
}
#content p a{
	display: inline;
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille.gif");
	background-repeat: no-repeat;
        background-position: right 2px;
        padding-right: 15px!important;
        font-weight: bold;
}
#content p a br{
	display: none;
}

#content p a:hover{
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille2.gif");
	background-repeat: no-repeat;
        background-position: right 2px;
        padding-right: 15px;
        font-weight: bold;
}
.single a{
	display: inline;
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille.gif");
	background-repeat: no-repeat;
        background-position: right 2px;
        padding-right: 15px!important;
        font-weight: bold;
}
.single a br{
	display: none;
}
.single a:hover{
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille2.gif");
	background-repeat: no-repeat;
        background-position: right 2px;
        padding-right: 15px;
        font-weight: bold;
}
ul{
    list-style: none;
}
#content ul li{
    padding-left: 15px;
    background-image: url("img/feuille2.gif");
    background-repeat: no-repeat;
    background-position: 0 2px;
}
.scroll{
	float: left;
	width: 13px;
}
#up{
	padding-bottom: 5px;
}
#footer{
	color: #999999;
	font-size: 0.9em;
}
#footer p{
	margin-top: 15px;
}
#footer a{
	color: #99cc33;
	text-decoration: underline;
}
/*---- MAIN MENUS------*/

#main_menu{
	height: 32px;
	font-size: 1.1em;
	padding-left: 13px;
}
#main_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#main_menu ul li{
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
}
#main_menu ul li a{
	text-decoration: none;
	color: #666666;
}
#main_menu ul li a:hover{
	color: #fff;
	text-decoration: none;
}
#main_menu ul li.selected a{
	color: #99cc33;
	text-decoration: underline;
}

/*CONTENT 2 COL*/
.col2{
    overflow: hidden;
}
.col2 .left_content{
    float: left;
    width: 300px;
}
.col2 .right_content{
    float: left;
    width: 300px;
}

/*REFERENCE*/

.tx-xcibreferences-pi1{
	padding-left: 15px;
        overflow: hidden;
	width: 600px;
	margin-bottom: 20px;
}

.tx-xcibreferences-pi1 .category{
	float: left;
	width: 520px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.tx-xcibreferences-pi1 .name{
	float: left;
	margin-right: 10px;
}
.tx-xcibreferences-pi1 .references{
	float: right;
}
.tx-xcibreferences-pi1 .reference{
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 20px;
	background-color: #99cc33;
}
.tx-xcibreferences-pi1 .reference:hover{
	background-color: #507407;
}
.tx-xcibreferences-pi1 .reference-empty{
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 20px;
	background-color: #666666;
}
/*News*/
.latest {
        padding: 0;
        margin: 0;
        padding-top: 5px;
        border-top: 1px solid gray;
}
.latest .news{
    border-bottom: 1px solid gray;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5!important;
}
.latest .latest_header{
	padding-left: 15px;
        padding-bottom: 5px;
        font-weight: bold;
}
.latest h1{
	margin-bottom: 0!important;
	padding: 0;
}
.latest h1 a{
	text-decoration: none!important;
}
.latest .date{
    font-size: 0.8em;
    padding-left: 15px;
    font-style: italic;
    color: gray;
}
.latest .subheader{
    padding-left: 15px;
}
.more h1{
    background: none!important;
}
.latest .more a{
        background: none;
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille.gif")!important;
	background-repeat: no-repeat;
        background-position: right top;
        padding-right: 15px;
        font-weight: bold;
}
.latest .more a:hover{
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille2.gif")!important;
	background-repeat: no-repeat;
        padding-right: 15px;
        font-weight: bold;
}
/*single*/
.single{
	overflow: hidden;
}
.single .head{
        border-bottom: 1px solid gray;
        width: 100%;
        margin: 10px 5px 5px 0px;
        padding-bottom: 5px;
}
.single .head td{
	vertical-align: top;
}
.single .head h1{
	padding: 0;
        margin: 0!important;
}
.single .title{
    width: 490px;;
}
.single .date{
    font-size: 0.8em;
    padding-left: 15px;
    font-style: italic;
    color: gray;
    text-align: right!important;
}
.single .return{
        border-top: 1px solid gray;
        padding-top: 5px;
        text-align: right;
}
.single .return h1{
        background: none!important;
}
.single .return a{
	text-decoration: none!important;
	color: #99cc33!important;
        background-image: url("img/feuille.gif");
	background-repeat: no-repeat;
        background-position: top right;
        padding-right: 15px;
}