* { margin: 0; padding: 0; }
img {	border: none; }
html, body { height: 100%; }
body { background-color: #333333; }
a { outline: none; }

body { font-family: Arial, Helvetica, sans-serif; }

.contenu { width: 955px; }
.g { text-align: left; }
.d { text-align: right; }
.gauche { float: left; }
.droite { float: right; }
.clear { clear: both; }
.rel { position: relative; }

.negmargin { margin-bottom: -380px; }

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* IE 6 */
* html .group { height: 1%; }
/* IE 7 */
*:first-child+html .group { min-height; 1px; }

#admin { height: 30px; width: 100%; background: #000; position: fixed; z-index: 250; }
#newsmenu { position: fixed; left: 762px; top: 30px; width: 150px; background-color: #000; z-index: 251; border-top: 1px solid #c0c0c0; padding: 10px; }
#newsmenu a { display: block; }


#wrapper { min-height: 100%; height: auto !important; height: 100%; width: 100%; background: transparent url("/images/fonds/bg-articles.png") repeat-y top left; }

#adminspacer { height: 30px; }
#entete { width: 100%; background: url("/images/fonds/bg-barre.png") repeat-x top left; }
#masthead { height: 600px; background: transparent url("/images/fonds/bg-haut.png") no-repeat top left; }
#nav { height: 18px; width: 539px; left: 457px; top: 131px; position: relative; }
#ssnav_comp { height: 68px; width: 76px; left: 454px; top: 139px; padding: 8px 0; position: relative; background: url("/images/nav/bg-compagnie.png") no-repeat top left; }
#parcours { height: 17px; width: 76px; margin-bottom: 1px; }
#equipe { height: 17px; width: 76px; }
#doss_diff { height: 17px; width: 110px; margin-bottom: 1px; }
#doss_presse { height: 17px; width: 110px; margin-bottom: 1px; }
#doss_tech { height: 17px; width: 110px; }

#articles { float: left; width: 380px; z-index: 90; left: 40px; top: -380px; position: relative; }
#articles_cont { padding: 0 17px; z-index: 91 }

#rubriques { float: left; width: 160px; z-index: 80; left: 40px; top: -380px; position: relative; }
#rubriques_cont { background: transparent url("/images/fonds/bg-rubriques.png") repeat-y top left; padding: 34px 20px 24px 20px; }

#extras { float: left; width: 275px; z-index: 70; padding-top: 380px; left: 40px; top: -380px; position: relative; }
#extras_bg { background: transparent url("/images/fonds/bg-extras.png") repeat-y top left; padding: 115px 20px 24px 95px; position: relative; }
#extras_cont { top: -380px; margin-bottom: -380px; position: relative; }

.article { padding: 12px 0; background-color: #ffffff; }
.article h1, .article h2, .article h3, .article h4, .article h5, .article p { margin: 0 10px; }
.article h1 { font-size: 20pt; font-weight: bold; line-height: 20pt; color: #e43117; }
.article h2, .article h2 a { font-size: 11pt; font-weight: bold; line-height: 11pt; color: #1a171b; }
.article h3, .article h3 a { font-size: 9pt; font-weight: bold; color: #18a343; }
.article h4, .article h4 a { font-size: 8pt; font-weight: normal; color: #fff; padding: 5px 0 5px 3px; background-color: #b3564c; cursor: pointer; }
.article .deroule h4, .article .deroule h4 a { font-size: 8pt; font-weight: normal; color: #e43117; padding: 5px 0 5px 3px; background-color: #e8ccc9; cursor: pointer; }
.article h5, .article h5 a { font-size: 9pt; font-weight: bold; color: #1a171b; }
.article p, .article p a { font-size: 8pt; color: #1a171b; margin-bottom: 10px; }
.article a { text-decoration: none; }
.article a:hover, .article a:active { text-decoration: underline; }

.bouton { text-align: right; padding-right: 10px; }

.spacer5 { margin-bottom: 5px; }
.spacer10 { margin-bottom: 10px; }
.spacer14 { margin-bottom: 14px; }
.spacer20 { margin-bottom: 20px; }
.spacer42 { margin-bottom: 42px; }

.admin { padding: 3px 0 3px 10px; }
.admin_g { width: 230px; }
.admin_d { width: 90px; }
.edit { background-color: #000000; }
.delete { background-color: #800000;}
.admin a { font-size: 8pt; color: #cccccc; text-decoration: none; }
.admin a:hover, .admin a:active { color: #ffffff; text-decoration: none; }

.article form label { display: block; margin: 0 0 5px 10px; font-size: 9pt; font-weight: bold; color: #18a343; }
/* .article form textarea { width: 98%; font-family: helvetica, arial, sans-serif; padding: 7px; font-size: 14px; }
.article form select { font-size: 14px; padding: 3px; margin: 4px 0 10px 0; } */
.article form input { margin: 0 10px 10px 10px; }
.article form input[type="text"], .article form input[type="password"] { width: 60%; padding: 3px; display: block; background: #f0f0f0; }

#rubs .rub { width: 120px; margin: 0 1px; border-bottom: 1px solid #b2b2b2; padding: 8px 0 10px 0; }
#rubs .last { border-bottom: none; }
#rubs .rub h1 { padding: 0 0 0 8px; }
#rubs .rub h1, #rubs .rub h1 a { font-size: 8pt; font-weight: bold; line-height: 10pt; text-decoration: none; color: #e43117; }
#rubs .rub h1 a:hover { text-decoration: underline; }
#rubs .rub h2 { padding: 0 0 0 12px; }
#rubs .rub h2, #rubs .rub h2 a { font-size: 8pt; font-weight: normal; line-height: 10pt; text-decoration: none; color: #18a343; }
#rubs .rub h2 a:hover { text-decoration: underline; }
#rubs .rub h3 { padding: 0 0 0 16px; }
#rubs .rub h3, #rubs .rub h3 a { font-size: 8pt; font-weight: normal; line-height: 10pt; text-decoration: none; color: #1a171b; }
#rubs .rub h3 a:hover { text-decoration: underline; }

#contact { padding: 12px 10px; background-color: #ffffff; }
#contact h1 { font-size: 20pt; font-weight: bold; line-height: 20pt; color: #e43117; }
#contact p { font-size: 8pt; color: #1a171b; margin-right: 10px; }
#contact fieldset { margin: 0 0 15px 0; border: none; }
#contact fieldset label { margin: 0 0 3px 0; font-size: 9pt; color: #1a171b; }
#contact fieldset label.block { display: block; font-weight: bold; color: #18a343; }
#contact fieldset input[type="text"], #contact fieldset textarea { width: 98%; padding: 3px; background: #f0f0f0; }
#contact fieldset input[type="radio"], #contact fieldset input[type="checkbox"] { position: relative; top: 2px; margin: 0 10px 0 20px; }

/* admin styles */

.lienadmin { font-size: 8pt; font-weight: normal; text-decoration: none; color: #cccccc; }
.lienadmin:hover { color: #ffffff; font-weight: normal; }
.lienadmin:active { color: #cccccc; font-weight: normal; }
.texteblanc { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; font-weight: normal; letter-spacing: 1px; color: #FFFFFF; }
.texte { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; font-weight: normal; color: #cccccc;	}
.texterouge { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; font-weight: normal; color: #e43117; }
.lienphoto { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;	line-height: 11pt; font-weight: normal;	text-decoration: none;	color: #e43117;	}
.lienphoto:hover { color: #333333; font-weight: normal; }
.lienphoto:active {	color: #e43117;	font-weight: normal; }
.texte_upload { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 12pt; font-weight: normal; color: #7f7f7f; }
.soustitre2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 14pt; font-weight: normal; color: #000000; }
.champhaut { width: 220px; background: #fdedeb; font-size: 8pt; line-height: 12px; color: #000000; }
.champlong { width: 220px; background: #fdedeb; font-size: 8pt; color: #000000; height:16px; }
.champhaut2 { width: 170px; background: #fdedeb; font-size: 8pt; line-height: 12px; color: #000000; }
.champlong2 { width: 170px; background: #fdedeb; font-size: 8pt; color: #000000; height:16px; }