/* Settings */


html
{ overflow: scroll; font-size: 100%; }

*
{ margin: 0; padding: 0; font-family: Segoe UI, Verdana, Times New Roman, sans-serif; outline: none; }

body
{ margin: 0; padding: 0; color: black; line-height: 1.4; background: url(../images/logo_querelle.png) no-repeat; background-color: #E6E6E6; font: 10pt Segoe UI, Times New Roman, sans-serif; margin-left: auto; margin-right: auto; text-align: center; }

a img
{ border: none; }

a:active
{ outline: none; }

input, button, select
{ vertical-align: middle; }

#content
{ padding-left: 20px; padding-right: 20px; height: 1100px; margin-left: auto; margin-right: auto; text-align: left; margin-top: 100px; }

/* Work */


#nav_bar
{ padding-bottom: 130px; }

#nav_bar a
{ text-decoration: none; color: #000; }

#nav_bar a:hover
{ text-decoration: underline; color: #727272; }

#nav_bar p
{ font-weight: bold; text-transform: uppercase; }

#menu
{ list-style-type: none; margin: 0;	padding: 0;	border: 0; }

#menu li
{ float: left; margin: 0;	padding: 0;	border: 0; }

#menu_1, #menu_1 li
{ width: 320px; }

#menu_2, #menu_2 li
{ width: 250px; }

#menu_3, #menu_3 li
{ width: 70px; }

.sous_menu
{ display: block;	list-style-type: none; margin: 0; padding: 0; border: 0; }

.sous_menu li
{ float: none; margin: 0; padding: 0; border: 0; }

.en_cours
{ color: #777; }

#focus
{ text-decoration: underline; }

#about
{ float: left; background: #FFF; -moz-border-radius: 4px; margin: 10px; padding: 10px; max-width: 600px; }

#about h3
{ padding-bottom: 30px; text-transform: uppercase; }

.about
{ float: left; background: #FFF; -moz-border-radius: 4px; margin: 10px; padding: 10px; max-width: 600px; text-align: center; }

.about h3
{ padding-bottom: 20px; text-transform: uppercase; }

.about img
{ margin-bottom: 10px; }

#infos
{ float: left; background: #FFF; -moz-border-radius: 4px; margin: 10px; padding: 5px; text-align: center; font-size: 8.5pt; }

#infos a
{ text-decoration: none; }

#galerie li
{ display: inline; }

.mini
{ display: inline; text-align: center; }

.mini img
{ margin-right : 10px; margin-bottom: 8px; margin-top: 2px; }

#cadre
{ float: right; background: #FFF; -moz-border-radius: 4px; padding: 10px; width: 605px; min-height: 300px; margin-bottom: 20px; font-size: 9pt; }

#cadre h3
{ padding-bottom: 5px; padding-top: 10px; font-weight: normal; font-size: 17pt; padding-left: 10px; }

#cadre p
{ padding-bottom: 5px; padding-top: 5px; padding-left: 10px; }

#powered
{ float: right; position: absolute; top: 10px; right: 20px; color: #828282; font-size: 8pt; }

#powered a
{ text-decoration: none; }

#image_affichee p
{ margin-left: 0px; }

.bouton
{ background: #E6E6E6; -moz-border-radius: 4px; margin: 10px; padding: 10px; }

#image_typo
{ text-align: center; }