/* -----------------------------------------------------------------------------------------------------------
	PROJET :	 	Projet LE SIECLE
	SHORTCUTS : 	-o:outer, -i:inner, -c:center, -l:left, -t:top, -b:bottom, -r:right, col:colonne, bl:bloc, al:align
	SOMMAIRE :		RESET - STRUCTURE - PLUGINS - CONTENT
----------------------------------------------------------------------------------------------------------- */

/*  RESET
-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */
* { padding:0; margin:0; vertical-align:baseline; }
html { font-size:100%; }
body { font-size:0.75em; font-family:Georgia, "Times New Roman", Times, serif; } /* 12px */
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul, li { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
input, select, textarea, button { font:1em Arial, Helvetica, sans-serif; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { border:0; font-size:1em; }
table { border-collapse:collapse; }

/*	clearfix */
.cf:after, #menu:after, #entete ul:after, .section:after, #middle:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf, #menu, #entete ul, .section, #middle { display:inline-block; }
* html .cf, * html #menu, * html #entete ul, * html .section, * html #middle { height:1%; }
.cf, #menu, #entete ul, .section, #middle { display:block; }





/*  STRUCTURE
-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */
body { background:#4d302e; color:#303030; }

/*  HEADER
----------------------------------------------------------------------------- */
#header { background:#fff url(images/dotted.gif) repeat-x 0 100%; z-index:100; }
#header-i { width:735px; margin:0 auto; padding:60px 0 3px 0; position:relative; z-index:100; }
#header h1, #header .h1 { color:#891c1c; font-family:"Times New Roman", Times, serif; font-size:3.75em; text-transform:uppercase; font-weight:normal; }
#header h1 a { color:#891c1c; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; text-decoration: none; }
#header .h1:hover { text-decoration:none; }

/*  HEADER Connexion
----------------------------------------------------------------------------- */
#header-c {
	position:absolute;
	top:0px;
	right: 0px;
	padding:4px;
	min-width: 90px;
	border: 1px solid #891c1c;
	background-color: #f3f1d9;
	text-align: right;
	-moz-box-shadow: 2px 2px 3px 0px #656565;
	-webkit-box-shadow: 2px 2px 3px 0px #656565;
	-o-box-shadow: 2px 2px 3px 0px #656565;
	box-shadow: 2px 2px 3px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#f3f1d9, Direction=134, Strength=3);
}
#header-c  a {
	margin-right: 5px;
	margin-left: 5px;
	text-decoration: none;
  color: #7f6a61;
}
#header-c a:hover {
  color: #891c1c;
}
/* menu */
#menu { position:absolute; right:0; bottom:0; _bottom:-1px; z-index:100; }
#menu .first { background:none; }
#menu li.current_page_item ul li a, #menu .first li.current_page_item ul li a { color:#303030 !important; }
#menu li.current_page_parent ul li a, #menu .first li.current_page_parent ul li a { color:#303030 !important; }
#menu li { display:block; float:left; position:relative; background:url(images/bg-menu.gif) no-repeat 0 9px !important; z-index:100 !important; }
#menu li a { display:block; float:left; padding:0 10px 3px 10px; font-family:Georgia, "Times New Roman", Times, serif; color:#303030!important; font-size:1.17em; height:30px; line-height:30px; z-index:100; }
#menu li a:hover, #menu li:hover a { color:#e01212; text-decoration:none; background:url(images/bg-menu-hover.gif) repeat-x 0 100%; }
/* add by vanessa */
#menu .current_page_item a, #menu .current_page_parent a { background:#4d302e url(images/zebra.gif)!important; color:#fff !important; }
#menu .current_page_item li a, #menu .current_page_parent li a { background:#f3f1d9 !important; color:#303030 !important; }


#menu ul { position:absolute; top:-999em; left:-1px; background:#f3f1d9; width:180px; z-index:100; -webkit-box-shadow:#ccc 0px 0px 3px; -moz-box-shadow:#ccc 0px 0px 3px; box-shadow:#ccc 0px 0px 3px; }
#menu li:hover ul, #menu li.sfHover ul { top:33px; }
#menu ul li { display:block; }
#menu ul li a, #menu li:hover li a { padding:7px 12px; line-height:15px; height:auto; background:#f3f1d9!important; float:none; width:156px; color:#303030; }
#menu ul li a:hover { background:#fff!important; color:#891c1c; }

/*  FOOTER
----------------------------------------------------------------------------- */
#footer { background:url(images/dotted-2.gif) repeat-x 0 0; }
#footer-i { width:735px; margin:0 auto; padding:10px 0 30px 0; text-align:right; font-size:0.83em; font-family:Arial, Helvetica, sans-serif; color:#7f6a61; }
#footer-i a { color:#7f6a61; }

/*  MIDDLE - COL-L - COL-C - COL-R
----------------------------------------------------------------------------- */
#middle-o { background:url(images/bg-middle-o.gif) no-repeat 50% 9px; z-index:1; }
#middle { background:url(images/zebra.gif); z-index:1; zoom:1; }
#middle-i { width:735px; margin:0 auto; padding:14px 0 28px 0; z-index:1; overflow: hidden; }
#middle-i2 { padding:0 0 14px 0; background:url(images/ombre.png) no-repeat 50% 100%!important; background: url(images/ombreIE6.png) no-repeat 50% 100%; z-index:1; }

.small { font-size:0.92em !important; font-style:italic; padding-top:5px !important; }

/* bloc central des pages interieures */
#content { background:#fff; z-index:1; }
#content-i { padding:25px 50px; z-index:1; }
#entete { border-bottom:14px solid #f3f1d9; background:#f3f1d9 url(images/zebra-2.gif); height:46px; overflow:hidden; position:relative; z-index:1; }
/* submenu */
#entete ul { position:absolute; bottom:0; left:6px; }
#entete li { display:block; float:left; padding:0 7px 0 8px; background:url(images/bg-submenu.gif) no-repeat 0 6px; }
#entete li a { display:block; float:left; padding:0 8px; font-family:Georgia, "Times New Roman", Times, serif; color:#303030; font-size:1.25em; height:26px; line-height:26px; }
#entete .first { background:none; }
#entete .current, #entete .first .current { background:#f3f1d9; color:#891c1c; }
#entete li a:hover { color:#891c1c; text-decoration:none; }
/* add by vanessa */
#entete .current, #entete li.current_page_item a { background:#f3f1d9; color:#891c1c; }


#content-i h1 { font-weight:normal; color:#891c1c; text-transform:uppercase; font-size:1.83em; padding:0 0 15px 0; }
#content-i h2 { font-size:1.5em; color:#000; font-weight:normal; padding:0 0 10px 0; }
#content-i h3 { font-size:1.17em; color:#000; font-weight:normal; padding:0 0 10px 0; }
#content-i p { color:#303030; line-height:21px; font-size:1.17em; padding:0 0 15px 0; }


/* bloc section */
.bl { background:url(images/bg-bl.gif) repeat-x 0 0; padding:20px 0 10px 0; zoom:1; }
.bl-first { background:none; }
.section { padding:10px 0 0 0; zoom:1; }
#content-i .bl h2 { padding:0; }
.section h3 { cursor:pointer; font-size:1.17em; color:#891c1c !important; padding:0 0 5px 20px !important; background:url(images/bg-oc.gif) no-repeat 0 -45px; }
/*.section h3:hover, */.section h3.actif { background-position:0 6px; }
.section ul { display:none; padding:5px 0 0 20px; }
.section li { padding:3px 0 3px 8px; background:url(images/bullet.gif) no-repeat 0 9px; }

/* signature */
.signature { width:413px; padding:20px 28px 20px 250px; background:#f3f1d9 url(images/bg-signature.gif) repeat-y 0 0; margin-left:-28px; margin-bottom:30px; }
.signature a { position:relative; }

/* list */
.list { width:685px; padding:0 0 35px 0; margin-left:-25px; }
.short { padding-bottom:0; }
.list li { font-size:1.17em; color:#000; width:635px ;overflow:hidden; padding:3px 25px; display:block; }
.list li strong { font-weight:normal; width:285px; float:left; }
.list .pair { background:#f9f8ec; }
.list li .cache { visibility: hidden; }

/* bullet */
.bullet { padding:0 0 20px 0; }
.bullet li { display:block; padding:7px 0 7px 30px; background:url(images/bg-bullet.gif) no-repeat 14px 10px; font-size:1.17em; }

/* hp */
#hp { background:url(images/bg-hp.png)!important; background: url(images/bg-hpIE6.png); /* padding:0 0 40px 0;*/ color:#f3f0d8; font-size:1.5em; font-weight:normal; line-height:25px; min-height: 460px; overflow: hidden;}
#hp .habillage { display:block; margin:0 0 25px 0; height:38px; background:url(images/bg-habillage.gif); }
#hp p {  color: #F3F0D8; float: left; font-size: 18px; padding: 0 40px 25px; width: 410px; }
#hp p.article { color:#fff; text-align:right; font-size: 14px;}
#hp #imageAccueil { /*float: left;*/ position: relative; top: -63px; }

/* assoc */
.assoc { padding:0 0 0 25px; }
.assoc li { padding:0 0 4px 20px; background:url(images/bg-bullet.gif) no-repeat 0 4px; font-size:1em; }
.assoc li a { text-decoration:underline; }
.assoc li a:hover { text-decoration:none; }



/*  PLUGINS
-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */

/*  NAVIGATION GABARITS
----------------------------------------------------------------------------- */
#nav-gab { position:fixed; top:0; right:0; width:130px; z-index:999; }
* html #nav-gab { position:absolute; }
#nav-gab li { list-style:none; display:block; height:0.01%; color:#000; text-transform:uppercase; }
#nav-gab li span { display:block; padding:2px; }
#nav-gab .oc-inter { /*text-align:center; */ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; color:#fff; background:#178b9d; }
#nav-gab li a { display:block; padding:2px; background:#1ab7cf; border-bottom:1px solid #ccc; color:#000; font-size:9px; height:0.01%; font-style:italic; padding:2px 5px; }
#nav-gab li a:hover { background:#178b9d; }
#nav-gab li .current, #nav-gab li .current:hover { background:#F60; color:#fff; }

/*  TOOLTIP
----------------------------------------------------------------------------- */
#tooltip { position:absolute; top:-10px; z-index:3000; padding:5px; border:1px solid #d8d8d8; -webkit-box-shadow:#d8d8d8 0px 0px 5px; -moz-box-shadow:#d8d8d8 0px 0px 5px; box-shadow:#d8d8d8 0px 0px 5px; background:url(images/bg-tooltip.gif); }
#tooltip h3 { font-size:1.08em; font-weight:normal; color:#303030; }
#tooltip div { font-size:0.92em; color:#891c1c; font-family:Arial, Helvetica, sans-serif; }



/*  CONTENT
-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */
.labelMbr {
	color: #777;
  font-size: 14px;
  display: inline-block;
	font-weight: 700;
  vertical-align: middle;
  cursor: pointer;
	min-width: 140px;
}
.submitMbr {
	background: #1e8cbe;
	border-color: #0074a2;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
  box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
	color: #fff;
	height: 24px;
	line-height: 12px;
	padding: 0 12px 1px;
	vertical-align: baseline;
	text-decoration: none;
	cursor: pointer;
	margin-left: 10px;
}
.passMbr {
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	margin-left: 10px;
	font-size: 12px;
	padding: 3px;
}
#content-i  #login-form  label {
	color: #777;
  font-size: 14px;
  display: inline-block;
	font-weight: 700;
  vertical-align: middle;
  cursor: pointer;
	min-width: 140px;
}

#content-i   #login-form  input[type=text],#content-i  #login-form  input[type=password] {
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
  font-size: 24px;
	background: #fbfbfb;
	padding: 3px;
  margin: 2px 6px 16px 0;
}
#content-i  #login-form  input[type=checkbox] {
	margin-left: 140px;
}
#content-i #login-form input[type=submit] {
	background: #1e8cbe;
	border-color: #0074a2;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
  box-shadow: inset 0 1px 0 rgba(120,200,230,.6);
  color: #fff;
	height: 30px;
  line-height: 28px;
  padding: 0 12px 2px;
  vertical-align: baseline;
	text-decoration: none;
	cursor: pointer;
	margin-left: 140px;
	width:258px;
}

#content-i #login-form a {
	margin-left: 140px;
	text-decoration: none;
  color: #999;
}

#content-i #login-form a:hover {
  color: #2ea2cc;
}

#content-i  a {
	margin-left: 0px;
	text-decoration: none;
  color: #2ea2cc;
}
#content-i a:hover {
  color: #2ea2cc;
}