body {
margin : 0;
padding : 0;
font : 73% arial, verdana, tahoma, "Trebuchet MS", sans-serif;
line-height : 1.7em;
color : #333;
background : #fff;
}
#banner {
height : 200px;
margin : 0 auto;
padding : 0;
background : #f7f7f7 url(images/riad-fes.jpg) no-repeat;
color : #333;
}
#banner h1 {
margin : 0;
padding : 25px;
text-align: left;
background : transparent;
color : #fff;
}
#navlist {
padding : 4px 5px 4px 0;
margin : 0 0 20px 0;
text-align : left;
letter-spacing : 3px;
color : #fff;
background : #ccc;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 5px 0.75em;
margin : 0;
color : #fff;
background : #D96C00;
text-decoration : none;
}
#navlist li a:link {
color : #fff;
background :#D96C00;
}
#navlist li a:visited {
color : #fff;
background : #D96C00;
}
#navlist li a:hover {
color : #fff;
background : #A45200;
}
#navlist li a#current {
color : #fff;
background : #A45200;
}
.menu ul li {
line-height : 1.8em;
margin : 0 10px 0 0;
padding : 0;
list-style-type : square;
color:#A45200;
background : inherit;
}
.menu ul li a {
color: #A45200;
background : inherit;
}
.menu ul li a:hover {
color:#A45200;
background : inherit;
}
#content {
padding-left : 5px;
margin : 0 200px;
}
#content p {
padding : 10px;
}
#sidebar-a {
float : left;
width : 140px;
margin-left : 15px;
padding : 0 5px 0 10px;
border-right : 1px solid #eee;
}
#sidebar-b {
float : right;
width : 140px;
margin : 0 15px 0 0;
padding : 0 5px 0 10px;
border-left : 1px solid #eee;
}
#footer {
clear : both;
padding : 5px;
margin : 0;
background : #555;
color : #f7f7f7;
}
#footer a {
text-decoration : none;
color : #000;
background : inherit;
}
#footer a:hover {
text-decoration : underline;
color : #fff;
background : inherit;
}
#moncadre {
width:580px;
border-left:1px solid #FF9933; /* height:160px;background-color:#FFFF00;couleur du cadre */
border-right:1px solid #FFCC33;
border-bottom:1px solid #FFCC33;
border-top:1px solid #FF9933;
}
.txt{
width:270px;
top:20px; 
left:10px;
margin-top:20px;
padding:10px;
margin-left:10px;
background:#FFCEB7;
}
a {
text-decoration : none;
color : #D96C00;
background : inherit;
}
a:hover {
text-decoration : underline;
color:#BF6000;
background : inherit;
}
a img {
border : 0;
}
.border {
padding : 10px;
margin : 10px;
border : 1px solid #D96C00;
}
.imgleft {
float : left;
border : 1px solid #D96C00;
margin : 5px 10px 10px 15px;
padding : 5px;
}
.imgright{
float : right;
border : 1px solid #D96C00;
margin : 5px 15px;
padding : 15px;
}
h1 {
margin : 20px;
padding : 5px;
font-size : 140%;
letter-spacing : 3px;
text-align: center;
color : #fff;
background : #D96C00;
}
h2 {
margin : 0;
padding : 0;
font-size : 130%;
text-transform : none;
letter-spacing : 5px;
color : #D96C00;
background : inherit;
}
h3 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
letter-spacing : 3px;
color : orange;
background : #eee;
}
h4 {
padding : 5px;
text-transform : uppercase;
font-size : 110%;
color : #fff;
background : #f17c0b;
}
.clear {
clear : both;
width : 100%;
}
.col3,.col3center {
float: left;
width: 30.5%;
}
.col3center {
margin: 0 3%;
}
strong {
color: #000;
}