@font-face {
  font-family: 'caviar_dreams';
  src: url('../../polices/CaviarDreams.eot');
  src: local('?'),
         url('../../polices/CaviarDreams.ttf') format('truetype');
}
@font-face {
  font-family: 'caviar_dreams_italic';
  src: url('../../polices/CaviarDreams_Italic.eot');
  src: local('?'),
         url('../../polices/CaviarDreams_Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'caviar_dreams_gras';
  src: url('../../polices/CaviarDreams_Bold.eot');
  src: local('?'),
         url('../../polices/CaviarDreams_Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'caviar_dreams_gras_italic';
  src: url('../../polices/CaviarDreams_BoldItalic.eot');
  src: local('?'),
         url('../../polices/CaviarDreams_BoldItalic.ttf') format('truetype');
}


body
	{
	width:100%;
	margin:auto;
	margin-top:0%;
	font-family: "Arial", Helvetica, sans-serif;
	font-size:0.8em;
	}
/*###################
Propriété de la bannière
####################*/
#banniere
	{
	background-color:#84a70b;
	height:143px;
	}
.ban_gauche
	{
	position : absolute;
	top:3%;
	left:2%;
	height:143px;
	width:124px;
	background: url('../../images/1/banniere/tetiere.png');
	background-repeat:no-repeat;
	}
.ban_milieu
	{
	height:143px;
	width:755px;
	background: url('../../images/1/banniere/ban_milieu.png');
	background-repeat:no-repeat;
	margin:auto;
	}
.ban_droite
	{
	position : absolute;
	right:0%;
	height:143px;
	width:130px;
	border:0px solid black;
	}
.ban_droite ul
	{
	list-style-type: none;
	list-style-position: inside;
	background: url('../../images/1/banniere/fond_speed_droite.png');
	height:52px;
	}
.ban_droite li
	{
		padding-top:5px;
		margin-left:-20px;
	}

/*###################
Propriété de la speedbarre
####################*/
#speedbarre
	{
	padding-top:0px;
	height:33px;
	width:100%;
	background: url('../../images/1/speedbarre/fond_speed.png');
	}
	
.speed_gauche ul {
font-family:"caviar_dreams_gras",Arial, Helvetica, sans-serif;
	 padding:0;
	 margin:0;
	 list-style-type:none;
 }
.speed_gauche li {
	 margin-left:2px;
	 padding-top:5px;
	 float:left; /*pour IE*/
 }
.speed_gauche ul li a {
	 display:block;
	 float:left;   
	 width:100px;
	 text-decoration:none;
	 text-align:center;
 }
 .speed_gauche{
	float:left;
	height:33px;
	width:50%;
	border:0px solid black;
}
.speed_droite{
	float:right;
	height:33px;
	width:150px;
	margin-right:1.5em;
	border:0px solid black;
	text-align:right;
}
.speed_milieu{
	margin-left:50%;
	margin-right:150px;
	height:33px;
	border:0px solid black;
}
.speed_droite ul {
	 padding:0;
	 margin:0;
	 list-style-type:none;
 }
.speed_droite li {
	 margin-left:2px;
	 float:left; /*pour IE*/
 }
/*###################
Propriété du body
####################*/
#body
{
margin-top:0px;
padding-top:0px;
width:100%;
border:0px solid black;
background: url('../../images/1/body/fond_corps.png') no-repeat;
background-position: right top;
background-color:#f8faed;
}
/*###################
Propriété du menu
####################*/
#menu_g
{
margin-left:2%;
width:18%;
min-height:400px;
float:left;
background: url('../../images/1/menu/fond_menu.png') no-repeat;
background-position: bottom center;
background-color:#f8faed;
border:0px solid black;
}
/*###################
Propriété du corps
####################*/

#corps
{
padding-top:2%;
width:70%;
margin-left:20%;
border:0px solid black;
}
div.hg_corps
{
	background: url('../../images/1/corps/hg_corps.png') left top no-repeat;
	padding-left: 0px; /* Remplacez par votre valeur à vous */
	margin:0;
	border:0px solid black;
}
div.hd_corps
{
	background: url('../../images/1/corps/hd_corps.png') right top no-repeat;
	padding-right: 0px; /* Remplacez par votre valeur à vous */
	margin:0;
	border:0px solid black;
}
div.h_corps
{
	background: url('../../images/1/corps/h_corps.png') top repeat-x;
	height:30px; /* Remplacez par votre valeur à vous */
	margin:0;
	margin-left:30px;
	margin-right:30px;
	border:0px solid black;
}
div.cg_corps
{
    background: url('../../images/1/corps/cg_corps.png') left repeat-y;
    padding-left: 10px; /* 6 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
	padding-right:0px;
	margin-top:0px;
	
	border:0px solid black;
}

div.cd_corps
{
    background: url('../../images/1/corps/cd_corps.png') right repeat-y;
    padding-right: 10px; /* 6 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
    overflow: hidden;
	min-height:350px;
}
div.bg_corps
{
	background: url('../../images/1/corps/bg_corps.png') left top no-repeat;
	padding-left: 0px; /* Remplacez par votre valeur à vous */
}

div.bd_corps
{
	background: url('../../images/1/corps/bd_corps.png') right top no-repeat;
	padding-right: 0px; /* Remplacez par votre valeur à vous */
}

div.b_corps
{
	height:30px; /* Remplacez par votre valeur à vous */
	margin-left:30px;
	margin-right:30px;
	background: url('../../images/1/corps/b_corps.png') bottom repeat-x;
	border-bottom:0px solid #eacc82;
	border:0px solid black;
	
}
/*###################
Pied de page
####################*/
#footer{
height:29px;
background-color:#98bf0e;
}


/*###################
Page de connection
####################*/
#form_1
{
width:384px;
height:134px;
background-color:#8fc5fc;
border:2px solid #4688cb;
margin:auto;
}
.icone_gauche
{
	float:left;
	width:130px;
	height:130px;
}
.message
{
	margin-left:129px;
	width:250px;
	border:0px solid black;
}
/*###################
messages divers...
####################*/

#message{
	margin:auto;
	margin-top:12%;
	width:400px;
	border:0px solid black;
	padding-bottom:0%;
	padding-top:0%;
}
div.hg{
	background: url('../../images/1/cadre_1/hg.png') left top no-repeat;
	padding-left: 0px; /* Remplacez par votre valeur à vous */
	margin:0;
	border:0px solid black;
}

div.hd{
	background: url('../../images/1/cadre_1/hd.png') right top no-repeat;
	padding-right: 0px; /* Remplacez par votre valeur à vous */
	margin:0;
	border:0px solid black;
}

div.h{
	background: url('../../images/1/cadre_1/h.png') top repeat-x;
	height:30px; /* Remplacez par votre valeur à vous */
	margin:0;
	margin-left:30px;
	margin-right:30px;
	border:0px solid black;
}
div.cg{
    background: url('../../images/1/cadre_1/cg.png') left repeat-y;
	padding:0px;
    padding-left: 8px; /* 6 px + 2 px pour faire plus joli. Remplacez par votre valeur à vous */
	padding-right:0px;
	border:0px solid black;
}

div.cd{
    background: url('../../images/1/cadre_1/cd.png') right repeat-y;
	padding:0px;
	margin:0px;
    overflow: hidden;
	border:0px solid black;
}
div.bg{
	background: url('../../images/1/cadre_1/bg.png') left top no-repeat;
	padding-left: 0px; /* Remplacez par votre valeur à vous */
}

div.bd{
	background: url('../../images/1/cadre_1/bd.png') right top no-repeat;
	padding-right: 0px; /* Remplacez par votre valeur à vous */
}

div.b{
	height:30px; /* Remplacez par votre valeur à vous */
	margin-left:30px;
	margin-right:30px;
	background: url('../../images/1/cadre_1/b.png') bottom repeat-x;
	border-bottom:0px solid #eacc82;
	border:0px solid black;
	
}
.mclefoot{
display:none;
}