/* STYLES DE BASE */

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,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul {	list-style:none;}
caption,th { padding-right:5px; text-align:right;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}

h1:first-letter { text-transform:uppercase; }
h1{ text-align : center; font-size:18px; padding:10px 0; color: #593b34;}


h2{ font-size:16px; font-style:italic; padding:10px 10px 10px 0; color: #593b34;}

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

.clear{clear:both; display:block; }
fieldset{ margin-bottom:10px; padding:10px 10px 15px 10px;}
legend{color:#593b34; font-size:13px; font-weight:bold; padding:0px 10px;}
input, textarea{border:solid 1px grey;}

/* CONTAINER */

body { font-family: Optima, Arial, Helvetica, sans-serif; background: url("images/background.jpg") no-repeat top center; color: #8b6d55; margin: 0px; font-size:14px; }
#container { width: 950px; margin: 0 auto 0 auto; }



/* BLOCS GENERAUX */

#top { height: 243px; }
#left { float: left; width: 190px; padding: 0 10px 10px 10px; } /* width:210px */
#center { float: left; width: 510px; padding: 20px; } /* width:550px */
#right { float: left; width: 170px; padding: 0 10px 10px 10px; } /* width:190px */
*html #right { float: right; width: 150px; padding: 0 5px 10px 5px; }
#bottom { clear: both; background: #f2e6db; text-align: center; }
#bottom-content { text-align:center; }


/* AUTRES BLOCS */

#menuh { height: 30px; text-align: center; padding-top:8px; }
#menuv { }
#breadcrumb { font-size: 10px; color: #666666; }
#breadcrumb a { color: #666666; }

.widget { margin-top: 20px; }

/* HEADER */
#logo { display: block; width: 210px; height: 70px;  }
#langage { position: absolute; top: 20px; margin-left: 900px; }
#lg-fr, #lg-en { display: block; width: 30px; height: 15px; margin-top: 5px; }
#lg-fr { background: url("images/fr.png") no-repeat; }
#lg-en { background: url("images/en.png") no-repeat; }

/* MENU HORIZONTAL */

#menuh { z-index:1000; font-family: Optima; font-size: 17px;}
#menuh a { color: #ab8d74; }
#menuh div { display: inline; float:left;}
#menuh div ul {position: absolute; margin: 0px 0 0 0; background-color: #CCCCCC; line-height:25px; border: 1px solid black; border-top:none;
        }
#menuh div ul li { font-size: 10px; }
#menuh div a { color: #ab8d74; text-decoration: none; display: block; line-height: 30px; padding: 0 10px 0 25px; }
#menuh div a:hover {  color:#f4dfcc; }
#menuh div a.selected { color:#f4dfcc; }
#menuh div ul a { text-align:left; }
#menuh div ul a:hover { background: white; color: #333333; }
#menuh div#push { background: #aad12d; width: 170px; float: right; }
#menuh div#push a{ color: white; }


/* MENU VERTICAL */

#menuv li { display: inline; font-family: Optima; font-size: 17px; }
#menuv li a { color: #84664c; margin-top: 10px; border-bottom: 1px solid #84664c; display: block; line-height: 25px; text-decoration: none; font-weight: bold; }
#menuv li ul { margin-top: 10px; }
#menuv li ul a { text-transform: none; font-size: 14px; font-weight: normal; margin-top: 0; border: none; line-height: 20px; padding-left: 10px; color: #8B6D55; }


/* PIED DE PAGE */

#menup li { display: inline; }
#menup li a { line-height: 30px; }


/* ID ET CLASSES DU CENTRE  */

#center .text { line-height: 18px; }
#center .img { float: left; margin: 0 10px 10px 0;  }
#center .list { border-top: 1px solid #EDEDED; clear: both; padding: 10px; overflow:hidden; }
#center .list div { font-style: italic; margin-top: 5px; }


/* WIDGETS */

.widget h6 {font-family: Optima; color: #83654c; font-size: 17px; font-weight: bold; text-align: center; padding: 5px; border-bottom: 1px solid; }
.widget ul { padding: 5px;  }
.widget li { margin-bottom: 5px; }
.widget p { padding: 5px; text-align: right; }

/* FORM */
.obligatoire { color: #593b34; font-weight:bold;}
input.error, textarea.error{ background-color:#FFBFBF;}