/*
***********************************************
 PAGE SESAC
***********************************************
*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #6F7172;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

img {
border:0;
}

p {
margin: 0 0 0 0;
padding-left: 10px;
padding-right: 10px;
}

h1 {
color: #DE2524;
font-weight: bold;
font-size: 20px;
border-bottom: 1px dashed #DE2524;
padding-top: 0px;
padding-bottom: 8px;
}

h2 {
color: #01a8b8;
font-weight: bold;
font-size: 15px;
}

a  {
	color: #01a8b8;
	text-decoration: underline;
}

fieldset {
	margin-left: 10px;
	margin-right: 10px;
	color: #666;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #666;
}

legend {
	font-weight: bold;
}

input {
	color: #666;
	border: 1px solid #666;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	width: 150px;
}

ul {
	margin:0;
	padding:0;
}

li {
	list-style-position: outside;
	list-style-type: none;
	margin:0;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.radio{
	width: auto;
}

.submit {
	margin-top: 2px;
	font-size: 10px;
	width: 50px;
}

a:hover  {
	color: #DE2524;
	text-decoration: none;
}

#page {
position: absolute;
width: 1000px;
left: 0%;
background-color:#FFFFFF;
}

#center {
background-color:#FFFFFF;
margin-left: 171px;
margin-right: 243px;
}

#content {
padding-left: 20px;
padding-right: 20px;
}

#left {
position: absolute;
left:0;
width: 171px;
height: 330px;
background-image: url('images/page/page_menu_left.jpg');
}

#right {
position: absolute;
top:0;
right:0;
width: 243px;
}

#footer {
text-align: center;
background-color: #FFFFFF;
font-size: 11px;
border-top: 1px dashed #DE2524;
border-bottom: 1px dashed #DE2524;
}

#footer a  {
color: #6F7172;
text-decoration: underline;
}

#footer a:hover  {
color: #6F7172;
text-decoration: none;
}

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

.menugauche li {
margin-bottom: 5px;
}

.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
}

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

.menudroit li {
margin-bottom: 5px;
}

.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menudroit a:hover {
text-decoration: none;
}

#left2 {
position: relative;
top:200px;
left:0;
width: 171px;
background-color: #FFFFFF;
}

#left3 {
padding-left: 12px;
background-color: #FFFFFF;
background: url('images/page/page_background_bottom.jpg') top left no-repeat;
}

#project {
color: #6F7172;
font-size: 9px;
padding-left:0;
text-align: left;
}

div#frame {
width: 200px;
padding-top: 10px;
background: url('images/page/frame_top.png') top left no-repeat;
}
div#blockframe {
background: url('images/page/frame_bottom.png') bottom left no-repeat;
padding-bottom: 10px;
}

div#blockframe p {
margin: 0;
padding: 0;
}