* {
padding: 0;
margin: 0;
} 

body {
background: #fde581 url(../images/bg.gif) top center repeat-y;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
color: #555;
line-height: 20px;
}

img {border:1px solid #000000;}
a { 
color:#666699;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
a:hover { color: #000; }
h3 { border-bottom: 1px dotted #ccc; color: #000; padding: 10px 0 2px 0;font-size:15px; }
h3 a { color: #3090F0; }
h3 a:hover { color: #F0A848; }

h4{margin:0;padding:0;margin-top:10px;margin-bottom:10px;color:#FF0000}
fieldset{
padding:20px;
}

#wrap {
margin: 0 auto;
width: 980px;
}

#header {
background: url(../images/fond-entete.gif) no-repeat;
height: 150px;
}

/*#header h1 {
font-size:30px;
font-weight:100;
letter-spacing:-2px;
padding:25px 0 0 30px;
text-transform:uppercase;
width:400px;
}*/
/*#header h1 a { color: #3090F0; }
#header h1 a:hover { color: #333; }*/
#header h1 { 
color:#000000;
float:right;
font-size:23px;
font-weight:bold;
height:26px;
padding-top:120px;
text-align:center;
width:539px;
}
#logo{
padding:0px 0px 0 30px;
width:400px;
float:left;
}
#logo img{
border:none;
}
#menu {
background: #C0D8F0 url(../images/menu.gif) no-repeat;
height: 40px;
line-height: 40px;
padding-left: 20px;

}
#menu li {
float:left;
list-style-type:none;
display:block;
margin:0;
padding:0;
}
#menu li a {
padding:0 10px;
text-decoration:none;
color: #fff;
letter-spacing:0px;
font-weight: 100;
font-size: 17px;
}
#menu li a:hover {
color: #ffcc33;
text-decoration: underline; 
}
#menu ul li.ssmenu ul{
position:absolute;
display:none;
background:#663300;
border:none;
margin:0 auto;
padding:0;
position:absolute;
width:189px;
margin:-2px 0 0 -18px;
height:226px;
}
#menu ul li.ssmenu  span{
padding:0 10px;
text-decoration:none;
color: #fff;
letter-spacing:0px;
font-weight: 100;
font-size: 17px;
cursor:pointer;
height:42px;
display:block;
}

#menu ul li.ssmenu ul li{
padding:0 20px;
background:#5F1C19;
border-bottom:1px solid #cccccc;

text-align:center;
text-transform:none;
width:149px;

}
#menu ul li.ssmenu ul li a{
padding:0;
display:block;
color:#ffffff;
text-align:center;
}

#menu ul li.ssmenu ul li a:hover{
font-style:italic;
}
#menu ul li.ssmenu ul li:hover{
background:#666699;
border-left:2px solid #666699;
border-right:2px solid #666699;
width:145px;
}
#menu ul li.ssmenu ul li:hover a{
color:#ffcc33;
}

#menu ul li.ssmenu:hover span{
color: #ffcc33;
text-decoration: underline; 
}
#menu ul li.ssmenu:hover ul{
display:block;
}

#content { 
padding: 10px;
}

#left {
float: left;
width: 200px;
}
#left li {
border-bottom:1px solid #CCCCCC;
list-style-type:none;
margin-bottom:10px;
padding-bottom:10px;
padding-left:0px;
text-align:center;
}


#left h2 {
background:transparent url(../images/hbg.gif) repeat-x scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#FFFFFF;
font-family:Verdana,'Trebuchet MS',Sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-left:10px;
padding:5px 0 5px 0px;
text-align:center;
}
#left .box {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin:0 0 0 10px;
padding:5px 0 0 0;
height:280px;

}

#left .images{

border:none;
margin:0;
height:100%;
padding:0;
width:170px;
margin-left:21px;
margin-top:20px;
}
#left .images img{
border:none;
margin-bottom:10px;
}
#right { 
float: right;
width: 740px;
margin-right: 10px; 
}
.contentleft {
float: left;
width : 550px;
}
.contentleft h2 {
background:#EEF0F1 url(../images/hbg.gif) repeat-x scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#FFFFFF;
font-family:Verdana,'Trebuchet MS',Sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:5px 0 5px 0;
text-align:center;
}
.contentleftbox {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0 0 10px 0;	
padding: 0 10px 10px 10px;
text-align: justify;
}
.contentleftbox ul{
margin-left:45px;
}
.contentleftbox ul.images{
height:300px;
list-style-type:none;
margin:0 auto;
}
.contentleftbox ul.images li{
float:left;
margin-bottom:4px;
margin-right:10px;
}
.contentleftbox ul.images2{
display:block;
height:354px;
list-style-type:none;
margin:0 auto;
text-align:center;
width:557px;
}
.contentleftbox ul.images2 li{
float:left;
margin-bottom:10px;
margin-right:20px;
}

.contentright {
float: right;
width: 180px;
}
.contentright .images{
height:100%;
padding:0;
width:170px;
margin-left:5px;
margin-top:20px;
}
.contentright .images img{
border:none;
margin-bottom:10px;
}
.contentright h2 {
background:#EEF0F1 url(../images/hbg.gif) repeat-x scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#FFFFFF;
font-family:Verdana,'Trebuchet MS',Sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:5px 0 5px 0;
text-align:center;
}
.contentrightbox {
border-right: 1px solid #ccc; 
border-left: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
margin: 0;	
padding: 2px;
text-align: left;
height:280px;
}

#footer {
height: 40px;
line-height: 40px;
background: #C0D8F0 url(../images/footer.gif) repeat-x;
color: #fff;
text-align: center;
}
#footer a { color: #fff; }
#footer a:hover { color: #ffcc33; }