@font-face {
	font-family: 'Conv_UtopiaStd-Regular';
	src: url('files/css/UtopiaStd-Regular.eot');
	src: local('?'), url('files/css/UtopiaStd-Regular.woff') format('woff'), url('files/css/UtopiaStd-Regular.ttf') format('truetype'), url('files/css/UtopiaStd-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
color: #000000;
font-family: Conv_UtopiaStd-Regular;
font-size: 15px;
text-align: justify;
background-color: #f1e3ce;
 word-break: break-word;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
}

b
{
}

.left
{
text-align: left;
}

.right
{
text-align: right;
}

.center
{
text-align: center;
}

.justify
{
text-align: justify;
}

A
{
text-decoration: none;
color: #000000;
}

A:link
{
text-decoration: none;
color: #000000;
}

A:visited
{
color: #000000;
text-decoration: none;
font-style: oblique;
}

A:hover
{
text-decoration: underline;
color: #000000;
}

A:active
{
text-decoration: underline;
color: #000000;
}

ul
{
list-style-type: circle;
list-style-position: outside;
margin-left: -20px;
}

img
{
margin: 5px;
padding: 2px;
border-width: 0px;
}

hr
{
width: 100%;
border-color: #c60;
border-width: 1px 0 0 0;
border-style: dashed;
}

textarea
{
font-family: Conv_UtopiaStd-Regular;;
font-size: 15px;
width:100%;
text-align: justify;
}

input
{
font-family: Conv_UtopiaStd-Regular;
font-size: 15px;
}

fieldset {
border-width: 0px;
}

table {
font-family: Conv_UtopiaStd-Regular;
font-size: 15px;
}

td {
align: top;
}

.searchform {
display: inline;
border: 0px;
}

.clearer {
clear: both;
}

.highlight {
color:#f00;
background-color:#000000;
}

// back links
.blinks
{
line-height: 10px;
text-align: right;
}
A.blinks
{
color: #000000;
}

A.blinks:hover
{
text-decoration: none;
color: #000000;
}

A.blinks: visited
{
text-decoration: none;
color: #000000;
}

A.blinks: active
{
text-decoration: none;
color: #000000;
}


.box {
background-color: #FFF;
border-color: #c60;
border-width: 1px;
border-style: dashed;
padding:10px;
}

.circle {
position:fixed;
left:20px;
top:20px;
width: 185px; 
height: 185px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
 }

.circle img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
vertical-align: middle;
behavior: url(css/PIE.htc);
}
#page_top{
background-color: inherit;
margin-left:160px;
}

#page_frame{
background-color: inherit;
}

#page_left{
float:left;
width:200px;
min-height:500px;
}

#page_right{
padding:10px;
float:right;
width:150px;
background-color: inherit;
}

#page_bottom{
clear:both;
margin-top:300px;
background-color: inherit;
font-size: 12px;
}

#header
{
font-size: 15px;
padding:10px;
margin-left:150px;
color: inherit;
background-color: inherit;
}

#menu
{
padding: 10px;
margin-left:350px;
width: 700px;
text-align: justify;
text-justify:inter-word;
color: inherit;
background-color: inherit;
font-size: 15px;
font-family: Conv_UtopiaStd-Regular;
font-style: bold;
text-decoration: none;
word-break: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

#content
{
padding:10px;
margin-left:350px;
margin-top:70px;
width: 650px;
text-align: justify;
color: inherit;
background-color: inherit;
}

#title
{
margin-left:210px;
padding:10px;
font-size: 15px;
font-family: Conv_UtopiaStd-Regular;
font-weight: lighter !important;
line-height: 30px;
text-decoration: none;
color: inherit;
background-color: inherit;
text-align: left;
}

#footer
{
clear:both;
color: inherit;
background-color: inherit;
}

div #blocgauche
{
text-align: justify;
width: 80%;
}
div #blocdroite
{
text-align: justify;
width: 80%;
margin-left:10%;
}

div #chapeau
{
text-align: justify;
width: 90%;
}