@charset "UTF-8";
/* CSS Document */

html, body  {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	margin: 			0;
	padding: 			0;
	text-align: 		center;
	color : 			#000;
	background:			#fff;
}

/*  Cadre principal ============================= */


div#conteneur {
	margin: 			0 auto;
	margin-bottom:		60px;
	position:			relative;
	width: 				760px;
	padding: 			0;
	text-align: 		left;
	border: 			1px solid #CCCCCC;
	border-top:			none;
	background:			#fff;
}

/* Header ====================================== */
div#header {
}

/*  Navigation ================================= */

div#nav {
	margin:				4px 0 0 0;
}

div#nav ul,
div#subnav ul {
	margin:				0;
	padding:			0;
}

div#nav ul li,
div#subnav ul li {
	list-style-type:	none;
	float:				left;
}

/* Navigation niveau 2 */
div#subnav {
	margin:				0 0 16px 0;
}

div#subnav ul li {
	margin-right:		20px;
}

div#subnav ul li.active a,
div#subnav ul li.active a:link,
div#subnav ul li.active a:visited,
div#subnav ul li.active a:active {
	text-decoration:	underline;
}

/* Colonne gauche =============================== */
div#left {
	width:				163px;
	padding: 			24px 0 0 14px;
	float:				left;
	
}

/* Colonne centrale ============================== */

div#contenu {
	width:				550px;
	padding: 			0 0 0 189px;
	margin:				0 12px 0 0;
	
	line-height:		1.6em;
}

/* Footer ======================================= */

div#footer {
	width: 				100%;
	font-size: 			8px;
	text-align: 		right;
	color: 				#868600;
	background:			#B2B240;
	height:				20px;
	line-height:		20px;
	margin:				80px 0 0 0;
}

div#footer div.padding {
	padding:			0 14px;
}

div#footer a,
div#footer a:link,
div#footer a:hover,
div#footer a:visited,
div#footer a:active {
	color:				#fff;
}


/*  Logo ======================================== */

div#logo {
	height:				120px;
	background:			url(../../img/logo_opt.gif) 0px 10px no-repeat;
	padding:			20px 0 0 200px;
}

/*  <Hx> ========================================= */

h1, h2, h3 { 
	color: 				#B2B240;
}

h1, h2  {
	font-size:			10px;
	margin:				20px 0 16px 0;
	text-transform:		uppercase;
}

h3 {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#000;
	margin-bottom:		6px;
}

.admin h1 {
	font-size:			14px;
	color:				#000;
}


/*  Liens ======================================== */

/* General */

a:link, a:visited, a:active,
ul#switch li span {
	color: 				#B2B240;	
	text-decoration: 	none;
	padding:			0;
}

a:hover,
ul#switch li span:hover {
	cursor:				pointer;
	text-decoration:	underline;
}


/* Autres mises en forme ========================= */
p, ul {
	margin: 			0 0 16px 0;
}

ul {
	list-style-type:	disc;
	margin-left:		16px;
	padding:			0;
	margin-bottom:		10px;
	color:				#000;
}

ul li {
	margin-bottom: 		0px;
}


/*  Notifications ================================ */

/* Confirmations */
ol.cnf {
	border: 			dotted #00CC00 1px;
	padding: 			12px; 
	width: 				450px;
}

ol.cnf li {
	color: 				#006600;
	margin-left: 		16px;
}


/* Erreurs */
ol.err {
	border: 			dotted #FF0000 1px;
	padding: 			12px; 
	width: 				450px;
}

ol.err li {
	color: 				#CC0000;
	margin-left: 		16px;
}

/* img [fix] */
img {
	border: 			none;
}

/* Spacer */
.clear {
	clear: 				both;
}

/* listes */
ul#switch div,
ul#switch div.closed {
	display:			none;
}

ul#switch div.open {
	display:			block;
}

ul#switch {
	margin:				0;
	padding:			0;
 }

ul#switch li {
	list-style-type:	none;
	padding:			8px 0;
	border-bottom:		dotted #bbb 1px;
}

ul#switch li span.vide {
	text-decoration:	none;
	cursor:				default;
}

img.img-left {
	position:			absolute;
	left: 				10px;
	display:			block;
}

/* Plan du site */
ul#list li,
ul#listAriane li {
	list-style-type:	none;
}
ul#listAriane  {
	margin:0;
	padding:0;
}

/* Formulaires */
label {
	width: 				150px;
	float:				left;
	font-weight: 		bold;
}

input, textarea {
	width:				300px;
	color:				#333;
	background-color:	#FFFFFF;
	font-size:			10px;
	padding:			2px 4px;
	border: 			1px solid #B1B141;
}

input[type=checkbox] {
	width:20px;
}	

textarea {
	height:				200px;
}

/* tableau */

table.tables {
	border-collapse: 	collapse;
	width:				100%;
}

table.tables td {
	padding:			4px 6px;
}

a.button,
a.button:visited,
a.button:hover,
a.button:active,
a.button:link,
span.button {
	display:			block;
	padding:			2px 0px;
	
	width:20px;
	text-align:			center;
	border:				solid #B2B240 1px;
	background:			#fff;
}

a.button:hover {
	background: 		#B2B240;
	color:				#fff;
	text-decoration:	none;
}

span.button {
	color:				#ccc;
	border:				solid #ccc 1px;
}

input.small {
	width:				100px;
}

/* Fiches ----------- */
h2.fiche {
	font-size:			14px;
	background:			#B2B240;
	color:				#fff;
	padding:			4px 8px;
}

h3.fiche {
	font-size:			12px;
	background:			#FFF;
	color:				#999;
	padding:			5px 2px;
	border-bottom:		dotted #aaa 1px;
	margin-bottom:		12px;
}