body{
margin:0px;
padding:0;
line-height: 1em;
background: #E1E1E1;
}

b{font-size: 110%;}
em{color: red;}

a img{ border: none; }

h1{
font-family: Verdana, Arial, serif;
font-size: 30px;
color: #ffcc66;
}

.bottomh1{
font-family: Verdana, Arial, serif;
font-size: 16px;
color: #ffcc66;
}

h2{
font-family: Verdana, Arial, serif;
font-size: 18px;
color: #ffcc66;
}

.bottomh2{
font-family: Verdana, Arial, serif;
font-size: 12px;
color: #ffcc66;
line-height: 13px;
}

p{
font-family: Verdana, Arial, serif;
font-size: 11px;
color: #ffcc66;
line-height: 16px;
}

.graytext {
	color: gray;
}

.orangebold {
	font-weight: bold;
	color: #ffcc66;
}

a:link, a:visited {
	color: #ffcc66; 
	text-decoration: none;
}

.aligdroit{
text-align: right;
}

.aliggauche{
text-align: left;
}

#maincontainer{
width: 800px; /*Width of main container*/
height: 526px; /*Height of main container*/
margin: 0 auto; /*Center container on page*/
}

#topleft{
float: left;
width: 185px;
height: 384px;
background: #a0a1a4;
}

#topright{
float:left;
width: 515px;
height: 384px;
background: #FFFFFF; 	
}

#topleftcontent{
position: relative;
float: right;
width: 155px;
height: 291px;
top: 65px;
bottom: 0px;
right: 15px;
background: #a0a1a4;
padding: 0px;
text-align: right;
}

#topleftcontent div {
	position:absolute;
	bottom:0;
	right:0;
}

#toprightcontent{
position: relative;
float: left;
width: 435px;
height: 271px;
top: 70px;
bottom: 0px;
left: 15px;
background: #FFFFFF;
margin-top: 10px;
padding-top: 10px;
}

#toprightcontent_qui{
position: relative;
float: left;
width: 435px;
height: 271px;
top: 50px;
bottom: 0px;
left: 15px;
background: #FFFFFF;
margin-top: 10px;
padding-top: 10px;
}

#toprightcontent div {
	position:absolute;
	bottom:0;
	left:0;
}
#toprightcontent_qui div {
	position:absolute;
	bottom:0;
	left:0;
}
#presentationcontent1 {
position: relative;
float: left;
width: 430px;
height: 90px;
top: 0px;
left: 15px;
background: #ffffff;
}
#presentationcontent2 {
position: relative;
float: left;
width: 430px;
height: 90px;
top: 110px;
left: 15px;
background: #ffffff;
}

#presentationcontent3 {
position: relative;
float: left;
width: 430px;
height: 90px;
top: 220px;
padding-left: 10px;
background: #ffffff;
}

#toprightsilhouettes {
	float: right;
	width: 100px;
	height: 384px;
	background: #FFFFFF url(../images/MMtranspar.gif) no-repeat bottom left;
	overflow:hidden;
}

#toprightpictfrontpage {
position: relative;
float: left;
width: 51px;
height:50px;
top:240px;
margin-left: 25px;
background: #FFFFFF;
}
#toprightpictfrontpage2 {
position: relative;
width: 51px;
height:50px;
top:240px;
margin-left: 135px;
background: #FFFFFF;
}

#toprightpictfrontpage3 {
position: relative;
width: 51px;
height:50px;
top:240px;
margin-left: 235px;
background: #FFFFFF;
}

#toprightpictfrontpage4 {
position: relative;
width: 51px;
height:50px;
top:240px;
margin-left: 335px;
background: #FFFFFF;
}

#toprightpict1 {
position: relative;
float: left;
width: 215px;
height:250px;
top:70px;
left: 15px;
background: #ffffff;
}

#toprightpict6 {
position: relative;
float: left;
width: 215px;
height:240px;
top:50px;
left: 15px;
background: #ffffff;
}

#toprightpict2 {
position: relative;
float: left;
width: 200px;
height:125px;
top:70px;
left: 15px;
background: blue;
}

#toprightpict2 div {
	position:absolute;
	top:0;
	left:0;
}

#toprightpict3 {
position: relative;
float: left;
width: 200px;
height:125px;
top:70px;
left: 15px;
background: yellow;
}

#toprightpict3 div {
	position:absolute;
	bottom:0;
	left:0;
}

#toprightpict4 {
position: relative;
float: left;
width: 205px;
height:160px;
top:70px;
left: 15px;
}

#toprightpict4 div {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

#toprightpict7 {
position: relative;
float: left;
width: 205px;
height:240px;
top:50px;
left: 15px;
}

#toprightpict7 div {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

#toprightpict5 {
position: relative;
float: left;
width: 400px;
height: 250px;
top:40px;
left: 15px;
}

#toprightbottomparagraph{
position: relative;
float: left;
width: 410px;
height: 12px;
top: 50px;
left: 15px;
background: #FFFFFF;
margin-top: 0px;
padding-top: 10px;
text-align:left;
}

#dividerline {
float: left;
width: 814px; /*Width of main container*/
height:1px; /*Height of dividerline*/
margin: 0 auto; /*Center container on page*/
padding: 0;
background: url(../images/divider.jpg) no-repeat;
overflow:hidden;
}

#bottomleft{
float: left;
clear:both;
width: 185px;
height: 61px;
background: #a0a1a4;
}

#bottomright{
float:right;
width: 615px;
height: 61px;
background: #ffffff; 	
}

#bottomleftcontent{
position: relative;
float: right;
width: 95px;
height: 30px;
top: 0px;
right: 15px;
background: #a0a1a4;
padding-top: 10px;
text-align: right;
}
#bottomleftcontentminilogo{
position: relative;
float: left;
width: 20px;
height: 30px;
top: 10px;
left: 50px;
background: #a0a1a4;
text-align: right;
}

#bottomrightcontent{
position: relative;
float: left;
width: 550px;
height: 30px;
top: 5px;
left: 15px;
background: #FFFFFF;
padding-top: 10px;
}


#bottomrightsection{
clear: left;
width: 100%;
background: #EAEAEA;
height: 245px; /*Height of bottomright section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 240px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 240px; /*Width of left column*/
margin-left: -720px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.hiddenPic {
 display:none;
 }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 105px; /*Width of top level menu link items*/
/*padding: 1px 8px;*/
border: none;
font-family: Verdana, Arial, serif;
font-size: 11px;
color: gray;
text-decoration: none;
text-align:center;
}

	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 100px; /*width of sub menu levels*/
color: #33CC99;
text-decoration: none;
padding: 1px 15px;
/*border: 1px solid #ccc;*/
}

.suckertreemenu ul li a:hover{
/*background-color: black;*/
color: #ffcc66;
font-weight: bold;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
 background: #003399 url(../media/arrow-right.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(../media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* Pagination Styles */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
position: relative;
float: left;
clear:left;
width: 410px;
left: 15px;
top: 80px;
background: #FFFFFF;
padding-top: 10px;
padding: 2px;
text-decoration: none; 
font-family: Verdana, Arial, serif;
font-size: 11px;
color: #666666;
line-height: 16px;
}
/* Page Numbers */
.pages {
position: relative;
float: left;
clear:left;
width: 410px;
left: 15px;
top: 85px;
background: #FFFFFF;
padding-top: 10px;
padding: 2px;
text-decoration: none; 
font-family: Verdana, Arial, serif;
font-size: 11px;
color: #666666;
line-height: 16px;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    font-family: Verdana, Arial, serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.pages span.current {
    font-family: Verdana, Arial, serif;
	font-size: 11px;
    color: #FFCC66;
    line-height: 16px;
}

.pages a {
    text-decoration: none;
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.pages a:hover {
    font-family: Verdana, Arial, serif;
	font-size: 11px;
    color: #FFCC66;
    line-height: 16px;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}

/* Page Numbers - pages perso Mumu et Marc */
.pages2 {
position: relative;
float: left;
clear:left;
width: 410px;
left: 15px;
top: 301px;
background: #FFFFFF;
padding-top: 10px;
padding: 2px;
text-decoration: none; 
font-family: Verdana, Arial, serif;
font-size: 11px;
color: #666666;
line-height: 16px;
}

.pages2 a, .pages2 span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    font-family: Verdana, Arial, serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.pages2 span.current {
    font-family: Verdana, Arial, serif;
	font-size: 11px;
    color: #FFCC66;
    line-height: 16px;
}

.pages2 a {
    text-decoration: none;
	font-family: Verdana, Arial, serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}

.pages2 a:hover {
    font-family: Verdana, Arial, serif;
	font-size: 11px;
    color: #FFCC66;
    line-height: 16px;
}

.pages2 a.nextprev {
    font-weight: bold;
}

.pages2 span.nextprev {
    color: #666;
}

.pages2 span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}