@charset "utf-8";body {	margin:0;	padding:0;	line-height: 1.5em;	font-family:Geneva, Arial, Helvetica, sans-serif;	font-size:12px;	color:#333333;}#maincontainer {	width: 940px; /*Width of main container*/	margin: 5px auto; /*Center container on page*/}#contentwrapper {	float: left;	width: 100%;	padding-top:10px;}#contentcolumn {	margin: 0 206px 0 206px;}#leftcolumn {	float: left;	width: 206px; /*Width of left column*/	margin-left: -940px; /*Set left margin to -(MainContainerWidth)*//*background: #C8FC98;*/}#rightcolumn {	float: left;	width: 206px; /*Width of right column*/	margin-left: -206px; /*Set left margin to -(RightColumnWidth) *//*background: #FDE95E;*/}/*-------- content column in styles lang --------*/#footer {	clear: left;	width: 100%;	text-align: center;	padding: 4px 0;	border:1px solid #CCCCCC;/*background: url(../img/bg_footer.jpg) left top no-repeat; */}#footer a {	color: #FFFF80;}.innertube {	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/	margin-top: 0;}.none {	display:none;}/*-----------    LINK ------------ */a.link {	color: #61B0FB;	text-decoration:none;}a.link :hover {	text-decoration:underline;}/*-----------    HEADER ------------ */#header_address {	color:#FFFFFF;	font-size:14px;	font-style:italic;	font-weight:bold;	padding:12px 320px 0 0;	float:left;	width:500px;}/*-----------    IMAGES ------------ */.block {	display:block;}.img_border {	padding:5px;}/*-----------    FIL D'ARIANNE ------------ */#fil_ariane {	padding-bottom: 5px;	font-size:14px;}#fil_ariane a {	color: #61B0FB;	text-decoration:none;}#fil_ariane a:hover {	text-decoration:underline;}/*-----------   TITRES ------------ */h1 {	margin:0;	padding:8px;	border-bottom:1px solid #CCCCCC;	font-size:24px;	color:#313130;	font-weight:bold;	background-color:#FFFFFF;/*background: url(../img/bg_title.jpg) top left repeat-x;*/}h2 {	margin:0;	padding:7px 8px 7px 8px;	border-bottom:1px solid #CCCCCC;	font-size:15px;	color:#ffffff;	background: url(../img/bg_subtitle.jpg) top left repeat-x;}h3 {	margin:0;	padding:7px 8px 7px 8px;	border-bottom: 1px solid #666666;	font-size:16px;	color:#444444;}.titre_h3 {	margin:0;	padding:7px 8px 7px 8px;	border-bottom: 1px solid #666666;	font-size:16px;	color:#444444;	display:block;}/*-----------   TABLEAUX   ------------ */.bg_tab_contact {	background: url(../img/bg_tab_contact.jpg) top left repeat-y;}/*-----------   TEXTES ------------ */.text {	margin: 20px 0 0 17px;	font-size:12px;}.article {	border: 1px solid #CCCCCC;	padding:0;	background: url(../img/bg_nav_accueil_g3.jpg) bottom left repeat-x;}.section {	border: 1px solid #CCCCCC;	padding:0;	background:#8EB83A url(../img/bg_nav_accueil_g3.jpg) top left repeat-x;}.article_text {	display:block;	padding:0 10px;}/*.article_text p:first-letter{padding:3px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:24px;}*/.copyright {	display:block;	font-size:26px;	padding: 2px 0;}/*-----------   LANGUAGES ------------ */.flag {	border:1px solid #76A80B;	margin:4px 5px 0 5px;}/*-----------  LOGO BITOUAH------------ */#logo_bitouah {	clear:both;	width: 938px;	height:70px;	margin-top:5px;}#logo_bitouah img {	padding: 0 15px;}/*-----------  NEWS------------ */#block_news {	padding-top:10px;}#news {	width:206px;	height:200px;	margin:0;	padding:0;	font-family:Geneva, Arial, Helvetica, sans-serif;	font-size:14px;	color:#333333;}ul#news li {	list-style:none;}ul#news li a.link {	color:#333333;	text-decoration:none;}/*-----------  EDITORIAL------------ */.text_accueil {	border: 1px solid #CCCCCC;	padding:0;	background: url(../img/bg_nav_accueil_g2.jpg) bottom left repeat-x;}.editorial_text {	display:block;	padding:0 10px;}.editorial_text p:first-letter {	padding:3px;	font-family:Georgia, "Times New Roman", Times, serif;	font-style:italic;	font-size:24px;}/*-----------  MENU------------ *//*Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */div.suckerdiv {	direction:ltr; /*Hack Ie7*/	padding-top:10px;	padding-bottom:10px;}.suckerdiv ul {	margin: 0;	padding: 0;	list-style-type: none;	width: 206px; /* Width of Menu Items */	border-top: 1px solid #ccc;}.suckerdiv ul li {	position: relative;}/*Sub level menu items */.suckerdiv ul li ul {	position: absolute;	margin:0;	width: 206px; /*sub menu width*/	top: 0;	visibility: hidden;}/* Sub level menu links style */.suckerdiv ul li a {	display: block;	overflow: auto; /*force hasLayout in IE7 */	color:#877D71;	font-weight:bold;	text-decoration: none;	background: #fff;	padding: 3px 0 3px 3px;	border: 1px solid #ccc;	border-top:0;}.suckerdiv ul li a span {	display:block;	padding-top:19px;}.suckerdiv ul li a:hover {	background: url(../img/bg_menu.jpg) top left repeat-x;	color:#FFFFFF;/*text-decoration:underline;*/}.suckerdiv ul li ul li a:hover {	background: #FFFFFF url(../img/bg_sub_menu.jpg) top left repeat-x;}/* Holly Hack for IE \*/* html .suckerdiv ul li {	float: left;	height: 1%;}* html .suckerdiv ul li a {	height: 1%;}/* End */.suckerdiv img {	border:0;	padding:2px;	padding-right:8px;}/*-----------  SCROLLABLE------------ *//* root element for scrollable */div.scrollable {	/* required settings */    position:relative;	overflow:hidden;	/* vertical scrollers have typically larger height than width */    height:345px;	width: 493px;}/* root element for scrollable items */div.scrollable div.items {	position:absolute;	/* this time we have very large space for the height */    height:20em;}.vertical {	height:665px;	overflow:hidden;	position:relative;	width:493px;	top: 5px;	left:5px; *top: 0; *left:0;}.items {	height:20em;	margin:0;	position:absolute;}#actions {	margin:15px 0 5px; *margin-top:9px;	width:505px;	border:1px solid #CCCCCC;	height:365px;	background: url(../img/bg_nav_accueil_g2.jpg) bottom left repeat-x;}#actions a.nextPage, #actions a.prevPage {	color:#666666;	cursor:pointer;	font-size:14px;	text-decoration:none;}#actions a.nextPage:hover, #actions a.prevPage:hover {	color:#7DAD1B;	text-decoration:underline;}.disabled {	visibility:hidden;}.presentation_articles {	width:102px;	height:111px;	border: 1px solid #CCCCCC;	padding:8px;	margin: 10px 3px 14px 3px;	background-color:#FFFFFF;/*background: url(../img/bg_nav_accueil_gr.jpg) top left repeat-x;*/}.presentation_articles_sec {	width:225px;	/*height:111px;*/        border: 1px solid #CCCCCC;	padding:8px;	margin: 0 3px 14px 0;	background-color:#FFFFFF;/*background: url(../img/bg_nav_accueil_gr.jpg) top left repeat-x;*/}span.titre_art {	display:block;	padding-bottom: 5px;	font-size:15px;}/*-----------  SCROLLABLE------------ *//*-----------  BUTTONS  ------------ *//*Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */a.ovalbutton {	background: transparent url('../img/oval-gray-left.gif') no-repeat top left;	display: block;	font: normal 13px Tahoma; /* Change 13px as desired */	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */	height: 24px; /* Height of button background height */	padding-left: 11px; /* Width of left menu image */	text-decoration: none;}a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {	color: #494949; /*button text color*/}a.ovalbutton span {	background: transparent url('../img/oval-gray-right.gif') no-repeat top right;	display: block;	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/}a.ovalbutton:hover { /* Hover state CSS */	background-position: bottom left;}a.ovalbutton:hover span { /* Hover state CSS */	background-position: bottom right;	color: black;}.buttonwrapper { /* Container you can use to surround a CSS button to clear float */	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */	width: 100%;}/*-----------  DEFILE  ------------ */#defile a {	text-decoration: none;}