@import url(reset.css);

/**
 * MAJOR CONTENTS
 */
html{ background:#321f19; }
body{ background:#321f19; color:#fff; height: 100%; overflow-x:hidden}

#conteneur{ background:#321f19; color:#333; font-family:Arial, Helvetica, Verdana, sans-serif; text-align:center}
#conteneur div{ text-align:left;}

#header{ background:#555 url(../img/design/header-background.png) repeat-x; height:127px; width:930px /* 960 - 30*/; margin:0 auto; padding:0 0 0 30px;}
#header a{ background:url(../img/design/logo.png) no-repeat; text-indent:-2000em; display:block; width:348px; height:111px; position:absolute; top:0; margin:0; z-index:2; }
#header .motto{ color: #f0f0f0; font-size:1.3em; font-weight:normal; margin: 95px 0 0 270px; position:absolute; z-index:3; }

#main-container{ background:#1D110D; position:relative; width:960px; margin:2em auto; padding:0;}
#main-container .top-wrapper{  }
#main-container .top{ display:block; height:30px; padding:0px; margin:0px; }
#main-container .bottom{ width:990px; height:30px; padding:0; margin:0; }
#main-container .main-content{ overflow:hidden; background: url(../img/design/content-background.png) repeat-y; min-height:300px; padding:0px 4em; margin:0px; border:0px;}
#main-container .main-content .vignette{ position:absolute; left:0px; bottom:18px; background:url(../img/design/vignette-left-bottom.png) no-repeat; display:block; width:163px; height:47px; margin-left:16px; text-indent:-2000em}

/**
 * ELEMENTS
 */
h1{ font-size:2em}
h2, .h2{ font-size:1.4em; font-weight: bold; color:#c2415a}
a{ color:#666; text-decoration:none}
a:hover{ color:#888; text-decoration:underline}
.imp{ font-weight: bold; }
.floatl{ float:left; }
.floatr{ float:right; }
.xl{ font-size:1.5em!important}
.xxl{ font-size:3em!important}
.rose{ color:#ff0066!important}
.clear{ clear:both; }
:focus{ outline:none}


/**
 * FORMS
 */
.input-text{ background:#f0f0f0; color:#333; border:2px solid #fff; font-size:1.4em; padding:0.2em 0.4em;}
.input-container img{ display:block; }

label{ color:#333}

.accueil-form{ overflow:auto; margin:0 0 0 4em; padding:4em 0 2em 0; }
.accueil-form h1{ float:left; font-weight:normal; line-height:2.2em; margin:0; margin-right:1.5em}
.accueil-form .input-container{ float:left; margin-right:2em; }

.input-text-big{ background:url(../img/design/input-text-big-background.png) repeat-x; display:block; float:left; border:none; font-size:20px; text-indent:0px; /*height:56px;*/ /*width:300px;*/ vertical-align:baseline; padding:18px 8px; margin:0px; _margin-left:-19px;}

.input-text-left, .input-text-right{ background-repeat:no-repeat; background-position:left center; display:block; float:left; width:16px; height:56px; padding:0px; margin:0px; }
.input-text-left{ background-image:url(../img/design/input-text-big-left.png); }
.input-text-right{ background-image:url(../img/design/input-text-big-right.png); }

.submit-button{ background:url(../img/design/submit-button-background.png) repeat-x; float:left; font-weight:bold; color:#333; border:none; font-size:1.2em; line-height:1em; width:50px; height:56px; margin:0}
.submit-button:hover{ color:#999; cursor:pointer}

.submit-left, .submit-right{ background-repeat:no-repeat; background-position:left center; display:block; width:14px; height:56px; float:left; padding:0px; margin:0px; }
.submit-left{ background-image:url(../img/design/submit-button-left.png); }
.submit-right{ background-image:url(../img/design/submit-button-right.png); }

.under-form{ background:url(../img/bonhomme3_250.png) no-repeat right top; height:190px; width:95%; padding-top:3em; margin-left:4em}
.under-form p{ font-size:1.3em}


/**
 * MINI-MENU dans le FOOTER
 */
#footer{ background:#1D110D url(../img/design/footer-background.png) repeat-x; padding:0.5em 2em;}
#footer .container{ width:960px; margin: 0 auto; text-align: center; }

#footer .mini-menu{ overflow:auto; list-style:none; margin:1em 0 1.5em 0;}
#footer .mini-menu li { float:left; display: block; margin:0px 20px;}
#footer .mini-menu li a{ display:block; color:#fff; width:440px; height:40px; background:#321f19; font-size:1.5em; margin:0; padding:1em 0;}
#footer .mini-menu li a:hover{ color:#fff; text-decoration:none; background:#321a18}
#footer .mini-menu li a span{ display:block; font-size:0.6em; }

#footer .clear{ border:1px solid #321f19;}

#footer .mini-links{ overflow:auto; list-style:none; color:#321f19; margin:1em 0 0.5em 0;}
#footer .mini-links a{ color: #321f19; }
#footer .mini-links li{ display:inline; margin:0 2em}

#footer .copyright{ color: #321f19; }