/* --------------------------------------------------
file: main.css
website: www.apis-togo.org
version: 1.0
created: 24/03/07
author: Jonathan Roesslinger
Inspi : www.BenoitBrochier.fr
---------------------------------------------------*/


/* GENERAL LAYOUT ----------------*/

body {
height: 100%;
text-align: center;
margin: 0px 0 0 0;
padding: 0;
background:#F2F2E3;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
min-height: 100%;
width: 963px;
margin: 0 auto;
padding: 0;
text-align:left;
background:url(images/bg_blanc.jpg) right repeat-y;
background-color:#FFFFFF;
}

#clearLeft{
clear:left;
height:0px;
}

#clearBoth{
clear:both;
height:0px;
}


/* FONTS ----------------*/

.quatorzeNoirBold{
font-size:14px;
font-weight:bold;
color:#4a4848;
}

.douzeNoirBold{
font-size:12px;
font-weight:bold;
color:#4a4848;
}

.img {
text-align:center;
}


.seizeNoir, p {
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#000000;
text-align:justify;
}

.seizeNoir a{
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#CC1100;
text-align:justify;
text-decoration:underline;
}

.seizeNoir a:hover{
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#f7921e;
text-align:justify;
text-decoration:none;
}

.arialQuatorzeJaune{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#f7921e;
}

h1{
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#CC1100;
}

h2{
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#773000;
}


/* HEADER ----------------*/

#header {
margin:0;
padding:6px 0 0 0;
background:url(images/bg_blanc.jpg);
height:120px;
}

#header img {
margin: 0 0 0 0;
float:center;
}

#header_bottom {
height:6px;
background:url(images/bg_blanc.jpg);
line-height:5px;
font-size:5px;
margin:0;
padding:0;
}



/* MENU TOP ----------------*/

#menuTop {
background: url(images/bg_blanc.jpg) left;
margin:0;
width:963px;
padding:0 0 2px 0;
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
}

#menuTop ul {
height:36px;
list-style:none;
font-weight:bold;
margin:0 12px 5px 11px;
padding:0;
background:#CC1100;
}

#menuTop ul li {
float:left;
display:block;
background-color:#CC1100;
border-top:3px solid #CC1100;
border-bottom:3px solid #CC1100;
margin:0;
padding:0;
}

#menuTop ul li:hover {
border-top:3px solid #773000;
border-bottom:3px solid #773000;
}

#menuTop ul li a {
float:left;
display:block;
height:24px;
padding: 6px 10px 0 10px;
text-decoration:none;
color: #DB9B02;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
background-color:#CC1100;
border-right:1px solid #DB9B02;
}

#menuTop ul li a:hover {
background-color:#773000;
}

#menuTop ul li a.MenuTopActif {
background-color:#773000;
}


/* big CONTENT ----------------*/

#content {
background:url(images/bg_content.jpg) repeat-y;
height: 1%;
}


/* LEFT CONTENT ----------------*/

#left {
float:left;
padding: 0px 6px 0 11px;
width:214px;
}



/* MENU LEFT ----------------*/

#menuLeft {
background-color:#728418;
height:250px;
}

#menuLeft ul{
list-style:none;
margin:0;
padding:11px 0 0 8px;
}

#menuLeft a{
border-top:1px solid #773000;
font-size:14px;
font-weight:bold;
color:#DB9B02;
text-decoration:none;
display:block;
vertical-align:middle;
text-indent:17px;
width:197px;
height:29px;
line-height:29px;
}

#menuLeft a:hover{
color:#FFFFFF;
background-color:#9CB521;
text-indent:20px;
}

#menuLeft a.menuLeftActif{
color:#FFFFFF;
background-color:#9CB521;
text-indent:20px;
}

#menuLeft ul li ul{
margin:10px 0 5px 30px;
padding:0;
}

#menuLeft ul li{
margin:0;
padding:0;
}

#menuLeft ul li ul li a{
font-size:12px;
font-weight:bold;
color:#773000;
text-decoration:none;
border:none;
background:none;
line-height:14px;
height:18px;
text-indent:10px;
width:170px;
}

#menuLeft ul li ul li a:hover{
color:#FFFFFF;
text-indent:10px;
width:170px;
}


#blancLeft {
height:6px;
background:#FFFFFF;
line-height:5px;
font-size:5px;
margin:0;
padding:0;
}


/* MENU LEFT A RALLONGE----------------*/

#menuLeftRallonge {
background-color:#728418;
}

#menuLeftRallonge ul{
list-style:none;
margin:0;
padding:11px 0 0 8px;
}

#menuLeftRallonge a{
border-top:1px solid #773000;
font-size:14px;
font-weight:bold;
color:#DB9B02;
text-decoration:none;
display:block;
vertical-align:middle;
text-indent:17px;
width:197px;
height:29px;
line-height:29px;
}

#menuLeftRallonge a:hover{
color:#FFFFFF;
background-color:#9CB521;
text-indent:20px;
}

#menuLeftRallonge a.menuLeftRallongeActif{
color:#FFFFFF;
background-color:#9CB521;
text-indent:20px;
}

#menuLeftRallonge ul li ul{
margin:10px 0 5px 30px;
padding:0;
}

#menuLeftRallonge ul li{
margin:0;
padding:0;
}

#menuLeftRallonge ul li ul li a{
font-size:12px;
font-weight:bold;
color:#773000;
text-decoration:none;
border:none;
background:none;
line-height:14px;
height:18px;
text-indent:10px;
width:170px;
}

#menuLeftRallonge ul li ul li a:hover{
color:#FFFFFF;
text-indent:10px;
width:170px;
}




/* GENERALE LEFT ----------------*/

#generaleLeft {
background-color:#773000;
padding: 6px 0 0 0;
}

#generaleLeft ul{
list-style:none;
margin:0;
padding:11px 0 0 13px;
}

#generaleLeft ul{
list-style:none;
margin:0;
padding:11px 0 0 13px;
}

#generaleLeft a{
border-top:1px solid #773000;
font-size:14px;
font-weight:bold;
color:#DB9B02;
text-decoration:none;
display:block;
vertical-align:middle;
text-indent:17px;
width:197px;
height:29px;
line-height:29px;
}

#generaleLeft a:hover{
color:#FFFFFF;
background-color:#773000;
text-indent:20px;
}

#generaleLeft a.menuLeftActif{
color:#FFFFFF;
background-color:#773000;
text-indent:20px;
}


/* RIGHT CONTENT ----------------*/

#right{
width:720px;
float:left;
padding: 2px 12px 0 0;
}


#right a{
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#9CB521;
text-decoration:underline;
}



/* RIGHT PICTURE ----------------*/

#rightPicture{
float:right;
padding:0 0 0 2px;
}



/* FOOTER ----------------*/

#footer{
background:url(images/bg_vert.jpg) left;
height: 30px;
margin:8px 0 0 0;
padding:0;
text-align:center;
clear:both;
}

#footer {
text-decoration:none;
color: #4a4848;
font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:28px;
}

#footer a{
color: #4a4848;
}


#footer a:hover{
color: #000000;
text-decoration:none;
}