/*
CSS-file for three column layout 2006
http://www.savio.no/
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
 font-family:Arial, Helvetica, sans-serif;
 margin:0;
 padding:0;
 color: #556F7C;
}
body {
font-size: 70%;
min-width: 760px;
}
.clear { clear: both; }
#mainContainer {

background: #fff;

}
* html #mainContainer {

}

/**************************
CONTENU GENERIQUES
**************************/
#content img { border:none; }

#content h1, h2, h3, h4 { margin:0; padding:0; font-family:"Lucida Sans Unicode"; color:#1202e4; }

#content h1{
	border-bottom:1px dotted #1202e4;
	margin-bottom:11px;
}

#content h2{
	font-size:164%;
	margin-bottom:7px;
	font-weight:normal;
}

#content h3{
	font-size:130%;
	margin-bottom:7px;
	font-weight:normal;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a{ color:#1202e4; text-decoration:none; }

#content ul { margin:0; padding:0; list-style-type:disc; list-style-position:inside; margin-bottom:10px; margin-left:30px; font-size:110%;}

#content ul li{ line-height:160%; }

#content p, #content form, #content input, #content fieldset, #content legend, #content label, #content dl, #content dt, #content dd { margin:0; padding:0; }

#content p{
	font-size:110%;
	line-height:160%;
	margin-bottom:15px;
}

#content a { color:#1202e4; text-decoration:underline; }

.bloc_cadre{
	width:100%;
	margin-bottom:15px;
}

	.bloc_cadre_style1 .repeattop{
		background:transparent url("../bg/bloc_cadre_style1_fond.png") repeat-x top left;
	}
	
	
	.bloc_cadre_style1 .repeatbottom{
		background:transparent url("../bg/bloc_cadre_style1_fond.png") repeat-x bottom left;
	}

	.bloc_cadre_style1 .repeatleft{
		background:transparent url("../bg/bloc_cadre_style1_fond.png") repeat-y top left;
	}

	.bloc_cadre_style1 .repeatright{
		background:transparent url("../bg/bloc_cadre_style1_fond.png") repeat-y top right;
	}

	.bloc_cadre_style1 .topleft{
		background:transparent url("../bg/bloc_cadre_style1_topleft.png") no-repeat top left;
	}

	.bloc_cadre_style1 .topright{
		background:transparent url("../bg/bloc_cadre_style1_topright.png") no-repeat top right;
	}

	.bloc_cadre_style1 .bottomleft{
		background:transparent url("../bg/bloc_cadre_style1_bottomleft.png") no-repeat bottom left;
	}

	.bloc_cadre_style1 .bottomright{
		background:transparent url("../bg/bloc_cadre_style1_bottomright.png") no-repeat bottom right;
	}
	

		.bloc_cadre .contenu{
			padding:10px;
		}

	.bloc_cadre_style2{
		border:1px solid #c2cbd0;
		background:transparent url("../bg/bloc_cadre_style2_fond.png") repeat-x bottom left;
	}

	.bloc_cadre_style3{
		border-top: 1px dotted #1202e4;
		border-bottom: 1px dotted #1202e4;
	}
/**************************
HEADER
**************************/
#header {
	height:50px;
	width:100%;
	background:transparent url("../bg/bg_header2.png") repeat-x top left;
	padding-top:9px;
}

	#mainmenu{
		list-style:none;
		margin:0 auto;
		margin-left:25%;
		width:70%;
	}

		#mainmenu li{
			float:left;
			margin-left:17px;
			font-size:110%;
		}

			#mainmenu li.active{
				background:transparent url("../bg/header_menu_tab_bg2.png") repeat-x top left;
			}

				#mainmenu li a{
					color:#556F7C;
					text-decoration:none;
					display:block;
					float:left;
					width:auto;
					height:22px;
					line-height:22px;
				}

				#mainmenu li.active a{
					background:transparent url("../bg/header_menu_tab_left2.png") no-repeat top left;
					color:white;
					font-weight:bold;
					padding-left:35px;
				}

					#mainmenu li a span{
						display:block;
						float:left;
						width:auto;
						height:22px;
						line-height:22px;
						cursor:pointer;
					}

					#mainmenu li.active a span{
						background:transparent url("../bg/header_menu_tab_right2.png") no-repeat top right;
						padding-right:35px;
					}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 265px;
padding-right: 210px;
}
/*** This is the visible right col background. Because of IE (both 6 and 7) the right col background and inner border is in fact an repating image where 1px of the left part of the image is black, and is simulating a border.
***/
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%;
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -265px; /*** Same length as .outer padding-left but with negative value ***/
background:transparent no-repeat 5% 100%;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
background: transparent;
margin-right: -265px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap{
padding: 5px;
background:transparent no-repeat center bottom;
}

/* BREADCRUMP */

#content .breadcrumbs_block {
background:transparent url("../bg/bg_breadcrumbs_block2.png") no-repeat scroll 0 0;
color:#666666;
font-size:154%;
font-weight:600;
margin:20px 0;
min-height:25px;
padding:3px 0 0 35px;
}
#content .breadcrumbs_block a {
color:#666666;
text-decoration:none;
}
#content .breadcrumbs_block .current_page {
color:#1202e4;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 250px;

padding: 5px;
}
* html #left {
position: relative; /*** IE needs this  ***/

}

	#sousmenu{
		margin:0px 7px;
		list-style:none;
		padding-bottom:300px;
	}

		#sousmenu li{
			border-top:1px solid #C7CACF;
			color:#1202e4;
			display:block;
			padding:5px 0px;
			text-transform:uppercase;
		}

			#sousmenu li a{
				color:#1202e4;
				display:block;
				font-size:110%;
				margin:0px 8px;
				text-decoration:none;
			}

				#sousmenu .sousmenu_n2{
					margin:5px 8px 0px 10%;
					width:86%;
				}

					#sousmenu .sousmenu_n2 li{
						border:medium none;
						padding:4px 0px;
						text-transform:uppercase;
					}

						#sousmenu .sousmenu_n2 li a{
							font-size:100%;
							margin:0px;
						}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 190px;
position: relative; /*** IE needs this  ***/
padding: 5px;

margin-right: -210px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {

}
/**************************
FOOTER
**************************/
#footer {
text-align: center;
background:transparent url("../bg/bg_header2.png") repeat-x top left;
padding-top:9px;
padding-bottom:12px;
}

	#footer a{
		color:#556F7C;
	}

	#footer_menu{
		margin:24px 0 10px;
	}

		#footer_menu li{
			border-right:1px solid;
			display:inline;
			font-size:145%;
			margin-right:18px;
			padding-right:18px;
		}

		#footer_menu li.last{
			border-right:none;
		}