* {
margin: 0;
padding: 0;
border: 0;
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
}

#framecontentLeft, #framecontentRight,
#framecontentLeft_vert, #framecontentRight_vert,
#framecontentLeft_rouge, #framecontentRight_rouge,
#framecontentLeft_orange, #framecontentRight_orange{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #ffffff;
color: white;
text-align:right;
}

#framecontentRight,
#framecontentRight_vert,
#framecontentRight_rouge,
#framecontentRight_orange{
left: auto;
right: 0; 
width: 150px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #ffffff;
color: white;
text-align:left;
}

#framecontentTop, #framecontentBottom,
#framecontentTop_vert, #framecontentBottom_vert,
#framecontentTop_rouge, #framecontentBottom_rouge,
#framecontentTop_orange, #framecontentBottom_orange{
position: absolute;
top: 0; 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 120px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #ffffff;
color: white;
}

#framecontentBottom,
#framecontentBottom_vert,
#framecontentBottom_orange,
#framecontentBottom_rouge{
top: auto;
height: 100px; /*Height of bottom frame div*/
bottom: 0;
}

#maincontent,
#maincontent_vert,
#maincontent_orange,
#maincontent_rouge{
position: fixed; 
top: 120px; /*Set top value to HeightOfTopFrameDiv*/
bottom: 100px; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
/*overflow: hidden; */
background:#ffffff url(images/fond_content.png) bottom left no-repeat;
border:1px solid #b2b2b2;
}

* html body{ /*IE6 hack*/
padding: 120px 150px 100px 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent,
* html #maincontent_vert,
* html #maincontent_rouge,
* html #maincontent_orange{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom,
* html #framecontentTop_vert, * html #framecontentBottom_vert,
* html #framecontentTop_rouge, * html #framecontentBottom_rouge,
* html #framecontentTop_orange, * html #framecontentBottom_orange{ /*IE6 hack*/
width: 100%;
}



/* ################### fin layout  ############ */


#menu_pages{
width: 112px;
height: 112px;
overflow: hidden; 
background: #fff;
border:1px solid #b2b2b2;
padding:3px;
border-top:0;
border-left:0;
float:left;
}
#menu_pages a, #menu_pages a:link, #menu_pages a:visited{
color:#969696;
font-size:0.9em;
text-decoration:none;
}
#menu_pages a:hover{
color:#B2B2B2;
text-decoration:underline;
}
.menu_current {
font-weight:bold;
}

h1#titre_page{
font-size:1.3em;
padding-top:2px;
color:969696;
margin-bottom:2px;
}
#maincontent_vert h1#titre_page, #menu_pages_horizontal.menu_vert, 
#menu_pages_horizontal.menu_vert a, #menu_pages_horizontal.menu_vert a:link, #menu_pages_horizontal.menu_vert a:visited, #menu_pages_horizontal.menu_vert a:hover
{color:#9EB10B;}
#maincontent_rouge h1#titre_page, #menu_pages_horizontal.menu_rouge,
#menu_pages_horizontal.menu_rouge a, #menu_pages_horizontal.menu_rouge a:link, #menu_pages_horizontal.menu_rouge a:visited, #menu_pages_horizontal.menu_rouge a:hover
{color:#B72F05;}
#maincontent_orange h1#titre_page, #menu_pages_horizontal.menu_orange,
#menu_pages_horizontal.menu_orange a, #menu_pages_horizontal.menu_orange a:link, #menu_pages_horizontal.menu_orange a:visited, #menu_pages_horizontal.menu_orange a:hover
{color:#EB6500;}

#menu_pages_horizontal {
text-align:right;
margin-bottom:5px;
}


#contenu_pages{
position: fixed;
top: 120px; /*Set top value to HeightOfTopFrameDiv*/
bottom: 100px; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 330px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
overflow: auto;
padding-right:10px;
}
* html #contenu_pages{ /*IE6 hack*/
height: 100%; 
} 

#slogan{
color:#969696;
font-size:0.9em;
padding:3px;
}


#slogan a, #slogan a:link, #slogan a:visited{
color:#969696;
font-size:0.9em;
text-decoration:none;
}
#slogan a:hover{
color:#B2B2B2;
text-decoration:underline;
}

#contenu_pages a, #contenu_pages a:link, #contenu_pages a:visited{
color:#969696;
font-size:0.9em;
text-decoration:underline;
}
#contenu_pages a:hover{
color:#B2B2B2;
text-decoration:none;
}
#contenu_pages ul{
margin-left:10px;
}
#contenu_pages li{
margin-left:25px;
}

#menu_rubriques{
margin-top:120px;
padding-left:3px;
}

#menu_rubriques a, #menu_rubriques a:link, #menu_rubriques a:visited{
font-weight:bold;
font-size:0.9em;
text-decoration:none;
}
#menu_rubriques .lien_vert{color:#ABC00B;}
#menu_rubriques .lien_rouge{color:#C63305;}
#menu_rubriques .lien_orange{color:#FF6D00}

#menu_rubriques a:hover{
text-decoration:underline;
}

#framecontentTop_vert{
background:#ffffff url(images/fond_haut_vert.png) bottom right no-repeat;
}
#framecontentTop_rouge{
background:#ffffff url(images/fond_haut_rouge.png) bottom right no-repeat;
}
#framecontentTop_orange{
background:#ffffff url(images/fond_haut_orange.png) bottom right no-repeat;
}

#framecontentBottom_vert{
background:#ffffff url(images/fond_bas_vert.png) bottom right no-repeat;
}
#framecontentBottom_rouge{
background:#ffffff url(images/fond_bas_rouge.png) bottom right no-repeat;
}
#framecontentBottom_orange{
background:#ffffff url(images/fond_bas_orange.png) bottom right no-repeat;
}

#framecontentRight_vert{
background:#ffffff url(images/fond_droite_vert.png) bottom left no-repeat;
}
#framecontentRight_rouge{
background:#ffffff url(images/fond_droite_rouge.png) bottom left no-repeat;
}
#framecontentRight_orange{
background:#ffffff url(images/fond_droite_orange.png) bottom left no-repeat;
}

#framecontentLeft_vert{
background:#ffffff url(images/fond_gauche_vert.png) bottom right no-repeat;
}
#framecontentLeft_rouge{
background:#ffffff url(images/fond_gauche_rouge.png) bottom right no-repeat;
}
#framecontentLeft_orange{
background:#ffffff url(images/fond_gauche_orange.png) bottom right no-repeat;
}