﻿@import url(Menu.css);


html, body
{
    background:#ffffff url(../../Images/Shared/background.jpg) no-repeat top center;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    font-size:x-small;
    text-align:justify;
}
html, body, div#siteMaster
{
    height: 100%;
}
/* 
===================================================================================
--> Général
===================================================================================
*/
img{border:0px;}
form, p, fieldset{padding:0px; margin:0px}

.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.hidden{ display:none; }

div#siteMaster div#site
{
    margin-left:auto;
    margin-right:auto;
}

div.large
{
    width:980px;
    overflow:hidden;
}

div.largePadding
{
    width:950px;
    clear:both;
}

/* 
===================================================================================
--> Titres
===================================================================================
*/
h1, h2, h3, h4
{
    padding:0 0 10px 0;
    margin:0px;
    font-size:small;
    font-weight:normal;
}

h1{padding:5px 0px 5px 0px; font-size:medium; color:Red;}

h2{color:#0e7db6;}

h3{padding-top:10px;}

h4
{
    font-size:xx-small;
    padding: 2px 0px 2px 0px; 
    color:#ffffff; 
    background-color:#044795;
    margin-bottom:5px;
}

/* 
===================================================================================
--> Listes a puce
===================================================================================
*/
ul
{
	margin: 0 0 0 10px;
	padding:0px;
}

li
{
	margin:5px 0;
	padding:0px;
	list-style-type: none;
	background:transparent url(../Images/Shared/Icons/puce.gif) no-repeat 0 5px ;
	padding-left: 10px;
}

ul.listMenu li
{    
    padding: 1px 0px 1px 0px;
    margin:0px 0px 0px 8px;
    display:inline;
    background:transparent;
}

ul.listMenu li a 
{
    color: #696969;
    text-decoration:none;
}

ul.listMenu li a:hover{text-decoration:underline;}



/* 
===================================================================================
--> Liens
===================================================================================
*/
a
{
    color:#696969;
    text-decoration:underline;
}

a:hover
{
    color:red;
    text-decoration:none;
}

a.link
{
    background:transparent url(../Images/Shared/Icons/puce.gif) no-repeat 0 5px ;
	padding-left: 10px;
}


a.flag{ text-decoration:none; }
a.flag:hover{ font-size:small; }

/* 
===================================================================================
--> Header
===================================================================================
*/

div#header
{
    height:65px;
}


.menu{margin:0 auto; padding:0; float:left; margin-top:20px; height:30px; width:697px; display:block; background:url('../Images/Shared/Header/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(102,102,102); text-decoration:none; cursor:pointer; background:url('../Images/Shared/Header/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../Images/Shared/Header/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(102,102,102);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; background:url('../Images/Shared/Header/topMenuImages.png') 0px -90px no-repeat; color:rgb(0,0,0);}
.menu li a.active span, .menu li a.active:hover span{font-weight:bold; background:url('../Images/Shared/Header/topMenuImages.png') 100% -90px no-repeat;}

/* 
===================================================================================
--> Content
===================================================================================
*/
div#content
{
    padding:15px;
}


/* 
===================================================================================
--> Footer
===================================================================================
*/

div#footer
{
    padding:15px;
}
