/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}

abbr,acronym {border:0;}

/*fonts.css*/
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
body * {line-height:1.22em;}
body {
   margin: 0px;
   padding: 0;   
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: center;
   color: #646566;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: "Trebuchet MS";
}
p, form, input{
	margin: 0px;
	padding: 0px;
}
p{
	line-height: 16px;
}

form, input{
	font-size: 100%;
	font-family: Arial;
	vertical-align:middle; 
	border:0;
}
a {
	text-decoration: underline;
	color: #2a87d0;
}
a:hover {
	text-decoration: none;
}
ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}
legend {
  	display: none;
}
img {
	border: none;
	vertical-align: middle;
}
strong {
	font-weight: bold;
}
.hide {
	display: none;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.breaker{
	clear: both;
	height: 1px;
	overflow: hidden;
}
/**********************************************************************************************************************************************
************************************************** SQUELETTE *********************************************************************************
**********************************************************************************************************************************************/
#page {
	width: 885px;
	margin: 0 auto;
	text-align: left;
}
/*********************************************************
*********************** HEADER *************************
**********************************************************/
#header {
	padding: 2px 0 0 0;
	height: 130px;
	overflow: hidden;
}
#header .logo {
	float: left;
	padding: 0 65px 10px 0; 
}
#header .basline {
	float: left;
	padding: 15px 65px 0 0;
	color: #babfc3;
	font-family: "Trebuchet MS";
	font-size: 167%;
}
#header .basline span{
	display: block;
	padding: 0 0 0 51px;
}
#header .contact{
	float: right;
	color: #fff;
	font-family: "Trebuchet MS";
	background: url(bg_contact.gif) no-repeat;
	height: 59px;
	width: 180px;
	margin: 5px 0 0 0;
	font-weight: bold;
	padding: 7px 10px 0 10px;
}
#header .contact_bis{
	background: url(bg_contact_01.gif) no-repeat;
	height: 22px;
	width: 180px;
	margin: 0;
	padding: 10px 10px 0 10px;
}
#header .contact a{
	color: #fff;
}
#header .nav {
	background: url(bg_nav.gif) no-repeat;
	float: left;
	width:680px;
}
#header .nav li {
	float: left;
	font-weight: bold;
	padding: 0 4px 0 0;
}
#header .nav li a {
	float: left;
	display: block;
	padding: 8px 11px 21px 11px;
	text-decoration: none;
	color: #00467c;
	background: transparent;
}
#header .nav li a:hover,
#header .nav li.encour a {
	color: #fff;
	background: #397eb5;
}
#header .nav li.encour a:hover {
	cursor: text;
}
.banniere {
	margin: 0 0 15px 0;
}
/*********************************************************
*********************** FOOTER *************************
**********************************************************/
#footer {
	background: #f2f3f6;
	padding: 15px 0;
	text-align: center;
	font-size: 92%;
}
#footer li {
	display: inline;
	padding: 0 6px;
}
#footer li a{
	color: #2a87d0;
	text-decoration: none;
}
#footer li a:hover{
	text-decoration: underline;
}
/*********************************************************
*********************** CONTENEUR *********************
**********************************************************/
#conteneur {
	padding: 0 0 20px 0;
}
#conteneur .centre{
	float: left;
	width: 584px;
}
#conteneur .droite{
	float: right;
	width: 285px;
}
/*********************************************************
*********************** BLOCKS *********************
**********************************************************/
h1 {
	color: #00467c;
	font-size: 167%;
	padding: 0 0 10px 0;
}
h2 {
	color: #2a87d0;
	font-size: 150%;
	padding: 0 0 5px 0;
}
.item_block {
	background: #fdfbef;
	border: 1px solid #e9e9e9;
	padding: 15px 14px 5px 14px;
	margin: 0 0 15px 0;
}
.item_block p {
	padding: 0 0 10px 0;
	line-height: 16px;
}
.item_block_float {
	background: url(item_float.gif) no-repeat;
	width: 249px;
	height: 154px;
	margin: 0 0 15px 0;
	padding: 10px 15px 0 17px;
	position: relative;
	float: right;
}
.item_block_float_bis {
	background: url(item_float01.gif) no-repeat;
}
.first_item {
	float: left;
}
.item_block_float h2{
	font-size: 183.5%;
	text-align: right;
	padding: 0 0 10px 0;
}
.item_block_float_bis  h2{
	color: #00467c;
}
.item_block_float h2 span{
	background: #f9f8f8;
	padding: 0 0 0 10px;
}
.item_block_float_bis h2 span{
	background: #fefdf7;
}
.item_block_float li{
	font-weight: bold;
	background: url(puce.gif) no-repeat 0 4px;
	padding: 0 0 10px 12px;
}
.item_block_float li a{
	color:#646566;
	text-decoration: none;
}
.item_block_float li a:hover{
	text-decoration: underline;
}
.item_block_float .lien{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-weight: bold;
}
.item_block_float_bis .lien{
	color: #00467c;
}
.item_block_float p{
	padding: 0 0 7px 0;
}
.item_block_float cite{
	padding: 0 0 7px 0;
	display: block;
	font-style: italic;
}
.form {}
.form p {
	color: #fff;
	padding: 5px 0 0 15px;
	font-size: 150%;
	height: 30px;
	background: url(titre_form.gif) no-repeat;
}
.form form {
	border: 1px solid #dadada;
	background: #97b764;
	color: #fff;
	padding: 10px 0 6px 14px;
	border-top: 0;
}
.form span {
	color: #d3031c;
}
.form form p {
	padding: 0 0 5px 0;
	color: #fff;
	font-size: 100%;
	background: none;
	height: auto;
}
.form label {
	display: block;
	padding: 2px 0 0 0;
}
.form .input {
	height: 17px;
	padding: 0 0 0 5px;
	width: 240px;
	margin: 4px 0 4px 0;
	border: 1px solid #839f57;
}
.form .input_bis {
	width: 150px;
}
.form select {
	width: 158px;
	display: block;
	margin: 4px 0 10px 0;
}
.form textarea {
	height: 60px;
	padding: 0 0 0 5px;
	width: 240px;
	margin: 4px 0 20px 0;
	border: 1px solid #839f57;
}
.banniere {
	color: #fff;
	background: url(banniere.gif) no-repeat;
	height: 197px;
	font-size: 140%;
	font-family: "Trebuchet MS";
	padding: 9px 0 0 280px;
}
.banniere a {
	color: #fff;
}
.banniere p{
	line-height: 18px;
	padding: 0 0 10px 0;
}
.banniere p span{
	display: block;
	padding: 0 0 0 30px;
}
.banniere p strong{
	font-size: 118%;
}
.banniere div{
	padding: 0 0 0 130px;
}
.banniere div p{
	font-size: 118%;
	padding: 0 0 10px 0;
}
.banniere li{
	font-size: 76.5%;
	padding: 0 0 7px 15px;
	background: url(puce_blanche.gif) no-repeat 0 2px;
}
/* Styles ajoutés */
#myContent{margin:15px 0}
.centre p,.centre h2{margin:5px 0}
.telephone{font-size:21px;padding-top:10px;margin-left:15px}

