* {
	margin: 0;
	padding: 0;
}

body {
	background: #c7dce1 url(../images/background.jpg) repeat-x top;
	font: normal 13px Verdana, Georgia, "Times New Roman", Times, serif;
	color: #807466;
}

h1 {
	color: #1967a2;
        font-size:18px;
		padding-bottom:4px;
		border-bottom:1px solid #a29380;
		width:420px;
}



h2 {
color: #1967a2;
       font-size:18px;
		padding-bottom:4px;
		border-bottom:1px solid #a29380;
		width:420px;
}

h3 {
color: #76A0B2;
font-size:16px;
}

h4 {
color:#76A0B2;
font-size:13px;
}


blockquote, ul, ol {
	text-align: left;
        color:#A8A8A8;
}

p {
text-align: left;
        color:#807466;
		margin:15px 0 15px 0;
}

blockquote {
	margin-left: 25px;
	padding-left:10px;
	border-left: 1px dotted #11a5d4;
}

ul {
margin:10px 0 10px 0;

}

a {
	text-decoration: none;
	color: #1967a2;
}

a.current {
color: #3a9ac7;
}

a:hover {
	
	color: #3a9ac7;
}

#conteneur {
position:relative;
margin:20px auto auto auto;
	width: 903px;}

/* Logo */

#logo {
position:absolute;
	height: 114px;
        position:relative;
        top: 20px;
        left: 10px;
}

#nom {
	position:absolute;
	color:#1967a2;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	left: 140px;
	top: 30px;
}

#nom a {
text-decoration:none;}

.bleuclair {
color:#3a9ac7;
}

.grismenu {
font-size:16px;
color:#7f7971;
line-height:36px;
}

#header {
    height:198px;
    width:903px;
    background: url(../images/header.jpg) no-repeat;
}


/* Page */

#corps {
	width: 901px;
	min-height:200px;
	margin: 0;
        padding-top:20px;
		padding-bottom:20px;
		border-left: 1px solid #a29380;
		border-right:1px solid #a29380;
		background:url(../images/puzzle.gif) right bottom no-repeat #FFFFFF;
		float:left;
}

#corps1 {
	width: 901px;
	min-height:200px;
	margin: 0;
        padding-top:20px;
		padding-bottom:20px;
		border-left: 1px solid #a29380;
		border-right:1px solid #a29380;
		background:url(../images/puzzle.gif) right bottom no-repeat #FFFFFF;
		float:left;
}

#global {
padding:10px 20px 20px 20px;
}

/* Content > Sidebar > Menu */

#corps1 li {
    padding: 6px;
    padding-left:25px;
    background: none;
    margin-left:0px;
    list-style:none;
    text-align:left;
	text-decoration:underline;
	color:#296c89;
    background: url(../images/puce.jpg) no-repeat left;
}

#corps li {
margin-top:5px;
    padding: 1px 6px 6px 6px;
    padding-left:25px;
    background: none;
    margin-left:0px;
    list-style:none;
    text-align:left;
	color: #807466;
    background: url(../images/puce.jpg) no-repeat left top;
}

#menu {
	height: 39px;
        position:relative;
        top:45px;
        left:10px;
	font-weight:bold;
	font-size:16px;
	}
	
	
	/* \*/
 #menu {
	height: 39px;
        position:relative;
        top:45px;
        left:20px;
	font-size:16px;
	}
/* */

/*safari et chrome*/




#menu a {
    padding:5px;
}

#menu table {
    margin:0;
    padding:0;
    border:0;
}

#bu01 {
    height:39px;
    width:9px;
    background: url(../images/button_01.png) no-repeat;
}
#bu02 {
    height:39px;
    background: url(../images/button_02.png) repeat;
}
#bu03 {
    height:39px;
    width:10px;
    background: url(../images/button_03.png) no-repeat;
}

#separation {
clear: both;
    height:5px;
    width:903px;
    position:relative;
    background: url(../images/separation.jpg);
}

#contactform {
padding-left:30px;
}

/* Footer */

#footer {
	clear: both;
	width: 903px;
        height:49px;
        top:0px;
	margin: 0;
	background: url(../images/footer.jpg) no-repeat top;
}

#footer a {
	color: #FFFFFF;
}

.bleu {
    color: #1967a2;
}

#footer a:hover {
	color: #a29381;
	text-decoration:underline;
}

#footer .active a {
	color: #1867A2;
}

#images {
    position:relative;
    width:901px;
    padding:0;
    margin:0;
	border-left: 1px solid #a29380;
		border-right:1px solid #a29380;
}
img {
    margin:0;
    padding:0;
}
#images li {
	display: inline;
        margin: 0;
        padding:0;
        list-style:none;
}

#images ul {
    margin: 0;
    padding:0;
    list-style: none;
}

#gauche {
    width:430px;
    position:relative;
    left:15px;
    top:10px;
	float:left;
}

#droite {
    width:400px;
	top:20px;
    position:relative;
	float:left;
	margin-left:40px;
}

#crea a{
    color:#fff;
    font-size:8px;
}

#crea {
position:relative;
text-align:right;
padding-right:2px;
top:-20px;
}

#crea a:hover{
    color:#f9f9f9;
}

#mentions {
padding-top:20px;
    font-size:11px;
  
    text-align:center;
}

.right {
float:right;
text-align:right;
padding:5px;
margin:5px;
background-color:#FFFFFF;
border: 1px solid #CCCCCC;}

.left {
float:left;
text-align:left;
padding:5px;
margin:5px;
background-color:#FFFFFF;
border: 1px solid #CCCCCC;}

