html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
	/*background: #F5F5EE;  couleur de fond gris clair #C9D8D6 bleu clair*/
	background: #F5F5EE;
	color: #555;
	margin: 0;
	overflow-x: hidden;
	background-image: url("image/bonhommeblanc.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;}
	
.box
{
  position:relative;
}
.imgtop, .imgback
{
  position:absolute;
  top:0;
  left:0;
}
.imgtop
{
  z-index:10;
  opacity:0.5;
  filter:alpha(opacity=50);	
}
	
/* fin image */
	
p
{ padding: 0 0 10px 0;
  line-height: 1,2em;}

img
{ border: 0;}

h1, h2, h3, h4, h5, h6
{ color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;}

h1, h2, h3
{ font: normal 170% 'century gothic', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
  color: #000;}

h2
{ font-size: 160%;
  padding: 9px 0 5px 0;
 /* color: #009FBC*/
  color: #FFFFFF;}

h3
{ font-size: 140%;
  padding: 5px 0 0 0;}

h4, h6
{ /*color: #009FBC; bleu fonce*/
color: #00C6F0;
  padding: 0 0 5px 0;
  font: normal 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: #888;
  font: normal 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

h5
{ font-size: 20px;
  padding: 9px 0 5px 0;
   color: #00C6F0;}
  
h6
{ font-size: 24px;
margin: 0 0 15px 0;
  padding: 9px 0 5px 0;
font: normal normal normal 24px/2.0em lobster,cursive ;color:#00C6F0;}


 
.font_0 {font: normal normal normal 31px/1.4em lobster,cursive ;color:#FFFFFF;} 
.font_1 {font: normal normal normal 13px/1.4em Signika,sans-serif ;color:#FFFFFF;} 
.font_2 {font: normal normal normal 22px/1.4em nimbus-sans-tw01con,sans-serif ;color:#00B7A5;} 
.font_3 {font: normal normal bold 14px/1.4em Signika,sans-serif ;color:#333333;} 
.font_4 {font: normal normal normal 22px/1.4em Signika,sans-serif ;color:#00CCB7;} 
.font_5 {font: normal normal normal 25px/1.4em Signika,sans-serif ;color:#000000;} 
.font_6 {font: normal normal normal 17px/1.4em Signika,sans-serif ;color:#037267;} 
.font_7 {font: normal normal normal 16px/1.4em Signika,sans-serif ;color:#049284;} 
.font_8 {font: normal normal normal 14px/1.4em Signika,sans-serif ;color:#333333;} 
.font_9 {font: normal normal normal 12px/1.4em Signika,sans-serif ;color:#000000;} 
.font_10 {font: normal normal normal 10px/1.4em Signika,sans-serif ;color:#000000;} 
.font_pre {font: normal .80em 'trebuchet ms', arial, sans-serif;}

.color_0 {color: #FFFFFF;}
.backcolor_0 {background-color: #FFFFFF;}
.color_1 {color: #000000;}
.backcolor_1 {background-color: #000000;}
.color_2 {color: #FFFFFF;}
.backcolor_2 {background-color: #FFFFFF;}
.color_3 {color: #F17300;}
.backcolor_3 {background-color: #F17300;}
.color_4 {color: #A6C82A;}
.backcolor_4 {background-color: #A6C82A;}
.color_5 {color: #210DF3;}
.backcolor_5 {background-color: #210DF3;}
.color_6 {color: #000000;}
.backcolor_6 {background-color: #000000;}
.color_7 {color: #000000;}
.backcolor_7 {background-color: #000000;}
.color_8 {color: #FFFFFF;}
.backcolor_8 {background-color: #FFFFFF;}
.color_9 {color: #000000;}
.backcolor_9 {background-color: #000000;}
.color_10 {color: #FFFFFF;}
.backcolor_10 {background-color: #FFFFFF;}
.color_11 {color: #000000;}
.backcolor_11 {background-color: #000000;}
.color_12 {color: #333333;}
.backcolor_12 {background-color: #333333;}
.color_13 {color: #666666;}
.backcolor_13 {background-color: #666666;}
.color_14 {color: #999999;}
.backcolor_14 {background-color: #999999;}
.color_15 {color: #FFFFFF;}
.backcolor_15 {background-color: #FFFFFF;}
.color_16 {color: #540054;}
.backcolor_16 {background-color: #540054;}
.color_17 {color: #A900A9;}
.backcolor_17 {background-color: #A900A9;}
.color_18 {color: #FF00FF;}
.backcolor_18 {background-color: #FF00FF;}
.color_19 {color: #FF7FFF;}
.backcolor_19 {background-color: #FF7FFF;}
.color_20 {color: #FFAAFF;}
.backcolor_20 {background-color: #FFAAFF;}
.color_21 {color: #1F302A;}
.backcolor_21 {background-color: #1F302A;}
.color_22 {color: #3E6054;}
.backcolor_22 {background-color: #3E6054;}
.color_23 {color: #5D917F;}
.backcolor_23 {background-color: #5D917F;}
.color_24 {color: #95B5AA;}
.backcolor_24 {background-color: #95B5AA;}
.color_25 {color: #C0DAD1;}
.backcolor_25 {background-color: #C0DAD1;}
.color_26 {color: #382B2B;}
.backcolor_26 {background-color: #382B2B;}
.color_27 {color: #715757;}
.backcolor_27 {background-color: #715757;}
.color_28 {color: #AA8383;}
.backcolor_28 {background-color: #AA8383;}
.color_29 {color: #E2AEAE;}
.backcolor_29 {background-color: #E2AEAE;}
.color_30 {color: #F0D5D5;}
.backcolor_30 {background-color: #F0D5D5;}
.color_31 {color: #2B0D1E;}
.backcolor_31 {background-color: #2B0D1E;}
.color_32 {color: #561B3C;}
.backcolor_32 {background-color: #561B3C;}
.color_33 {color: #80546D;}
.backcolor_33 {background-color: #80546D;}
.color_34 {color: #AA8499;}
.backcolor_34 {background-color: #AA8499;}
.color_35 {color: #D4B0C4;}
.backcolor_35 {background-color: #D4B0C4;}

  
a, a:hover
{ outline: none;
  text-decoration: underline;
  /*color: #AEB002;*/
  color: #0099FBC;}

a:hover
{ text-decoration: none;}

blockquote
{ margin: 20px 0;
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0;
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right;
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}
  
.souligne {
  text-decoration: underline;
}

#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto;
  margin-right: auto;}

#entete
{ background: #000000 url(image/back.png) repeat-x;
/*background:transparent;
position : fixed;
margin:0;*/
  height: 177px;}

#sousentete
{ background: #000000 url(image/back.png) repeat-x;
  height: 50px;}
  
#monlogo
{ width: 80px;
  position: left;
  height: 80px;
  background : transparent;
  background-image:url(image/livreor.gif)  ;}
  
#logo
{ width: 880px;
  position: relative;
  height: 140px;
  background: transparent ;}

#logo #logo_text
{ position: absolute;
  top: 10px;
  left: 0;}

#logo h1, #logo h2
{ font: normal 300% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
{ padding: 22px 0 0 0;
  color: #FFF;
  letter-spacing: 0.1em;
  text-decoration: none;}

#logo_text h1 a .logo_colour
/*{ color: #E4EC04;}*/
{ color: #00C6F0;}

#logo_text a:hover .logo_colour
{ color: #FFF;}

#logo_text h2
{ font-size: 120%;
  padding: 4px 0 0 0;
  color: #FFFFFF;}

#menubar
{ width: 880px;
  height: 46px;}

ul#menu
{ float: right;
  margin: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 1px 2px 0 0;
  background: #5A5A5A url(image/tab.png) no-repeat 0 0;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', sans-serif;
  display: block;
  float: left;
  height: 20px;
  padding: 6px 35px 5px 28px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: #5A5A5A url(image/tab.png) no-repeat 100% 0;}

ul#menu li.selected a
{ height: 20px;
  padding: 6px 35px 5px 28px;}

ul#menu li.selected
{ margin: 1px 2px 0 0;
  background: #00C6F0 url(image/tab_selected.png) no-repeat 0 0;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #00C6F0 url(image/tab_selected.png) no-repeat 100% 0;
  color: #FFF;}

ul#menu li a:hover
/*{ color: #E4EC04;}*/
{ color: #0099FB;}

#site_content
{ width: 880px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding: 0 0 10px 0;}

  #sidebar_container
{ float: right;
  width: 224px;}

.sidebar_top
{ width: 222px;
  height: 14px;
  background: transparent url(image/side_top.png) no-repeat;}

.sidebar_base
{ width: 222px;
  height: 14px;
  background: url(image/side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar_item
{ /*background: url(image/side_back.png) repeat-y;*/
  padding: 0 15px;
  width: 192px;}

.sidebar li a.selected
{ color: #444;}

.sidebar ul
{ margin: 0;}
  
#sidebar1_container
/* Espce au dessus du texte content comm */
{ float: right;
  width: 290px;}

.sidebar1_top
/* haut bordure de la liste comm */
{ width: 400px;
  height: 14px;
  background: transparent url(image/side_top.png) ;}

.sidebar1_base
/* entre deux liste comm */
{ width: 320px;
  height: 14px;
  background: url(image/side_base.png) ;}

.sidebar1
/* comm */
{ float: right;
  width: 320px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar1_item
/* longueur libelle interieur 
enlever repeat-y apres png) 
 comm */
{ 
  padding: 0 15px;
  width: 310px;}

.sidebar1 li a.selected
/* comm */
{ color: #444;}

.sidebar1 ul
/* comm */
{ margin: 0;}

.espace_5 {
margin-left: 5em;
}
.espace_10 {
margin-left: 10em;
}
.espace_15 {
margin-left: 15em;
}

#content
{ text-align: left;
  width: 555px;
  padding: 0 0 0 5px;
  line-height: 1.5em;
  float: left;}

#content ul
{ margin: 2px 0 22px 0px;}

#content ul li, .sidebar ul li
{ list-style-type: none;
  background: url(image/bullet.png) no-repeat;
  margin: 0 0 0 0;
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

 #entetepied
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 300px;
  padding: 28px 0 5px 0;
  background: #3B3939 url(image/footer.png) repeat-x;
  color: #A8AA94;}
  
#footer
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 80px;
  padding: 28px 0 5px 0;
  text-align: center;
  background: #3B3939 url(image/footer.png) repeat-x;
  color: #A8AA94;}

#footer p
{ line-height: 1.7em;
  padding: 0 0 10px 0;}

#footer a
{ color: #A8AA94;
  text-decoration: none;}

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

.search
{ color: #5D5D5D;
  border: 1px solid #BBB;
  width: 134px;
  padding: 4px;
  font: 100% arial, sans-serif;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left;
  width: 200px;
  text-align: left;}

.form_settings input, .form_settings textarea
{ padding: 5px;
  width: 299px;
  font: 100% arial;
  border: 1px solid #E5E5DB;
  background: #FFF;
  color: #47433F;}

.form_settings .submit
{ font: 100% arial;
  border: 0;
  width: 99px;
  margin: 0 0 0 212px;
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer;
  background: #3B3B3B;
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial;
  width: 299px;}

.form_settings select
{ width: 310px;}

.form_settings .checkbox
{ margin: 4px 0;
  padding: 0;
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}

table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}

table tr td
{ background: #E5E5DB;
  color: #47433F;
  border-top: 1px solid #FFF;}