@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: 10px 3px 14px 3px;
background-color:#FFFFFF;
/*background: url(../img/bg_nav_accueil_gr.jpg) top left repeat-x;*/
}

span.titre_art{
display:block;
padding:28px 4px 0 4px;
font-size:15px;
width:110px;
} 


/*-----------  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;
}