/* Style Reset
----------------------------------------------------------------------------- */
body, div, dl, dt, dd, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
dl, pre, ul, ol, fieldset, p, blockquote { margin: 0px 0px 0px 0px; }
table { border-collapse:collapse; border-spacing:0; padding:0px 0px 0px 0px; }
fieldset, img { border:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; margin: 0px 0px 10px 0px; font-family: Trebuchet MS, arial, helvetica, clean, sans-serif; margin: 10px, 0px, 10px, 0px; padding:0px;  }
td { vertical-align:top; text-align:left;}
.left {text-align:left;}


/* Fonts Size
----------------------------------------------------------------------------- */
body { margin:0 auto; font:10pt Trebuchet MS, arial, helvetica, clean, sans-serif; color: #666; background-color: #E7E2CC;}
table { font-size:inherit; text-align:left;}
body * { line-height:18pt;}

/* DOCUMENT
----------------------------------------------------------------------------- */

body.photo { font:10pt Trebuchet MS, arial, helvetica, clean, sans-serif; color: #666; background-color: #ffffff;}
body.photo table {margin: 20px;}



div#screen {  margin:0 auto; text-align: center; background-color:#E7E2CC; height: auto;}
div#main {  margin:0 auto; text-align: center; background:#fff url(/img/bg/background.jpg) repeat-y; width: 990px; height: auto;}
div#content { text-align: center; background-color:#ffffff; width: 975px; height: auto; }

.col-gauche { width: 300px; height: auto; margin: 0px 70px 0px 30px;}
.col-droite { width: 545px; height: auto; margin-right: 30px; }

div#actualite {background:#fff url(/img/bg_header.jpg) no-repeat left top; padding: 0px 15px 20px 45px; width: 270px;}
div#actualite p { font-size:9pt; line-height: 11pt; margin:0px 0px 20px 0px; }
div#actualite p strong  { display:inline; line-height:11pt; }
div#actualite p em  { display:inline; line-height:11pt; }
div#menu{ padding: 0px 0px 50px 0px;}


.box { font-size:10pt; text-align: justify; }
.box p { text-align: justify; margin:0px 0px 25px 0px; padding:0px;  height:auto; }
.box p strong, em { display:inline; line-height:18pt; }

.box p.enum {margin:0px 0px 20px 0px; height:auto;}
.box p.documentation { line-height: 12pt; margin: 0px 0px 10px 0px; padding: 0px;}
.box p.documentation em, strong { line-height: 12pt; margin: 0px; padding: 0px;}


.box p.grouping {margin:20px 0px 20px 0px; height:auto; background-color: #ccc; }


p.navtools { text-align: right; padding: 10px 30px 10px 0px;}

ul { display: list-item; list-style-position: outside; list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px;}
li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 1em;}
.box li strong, em { display:inline; line-height:18pt; }
ul.plan { display: list-item; list-style-position: outside; list-style-type: square; margin: 0px 0px 20px 30px; padding: 0px;}

.LayerNotesBasPage {  background-color:white; border: solid 1px silver; padding:10px; width: 540px; height:300px;}

/* Forms
----------------------------------------------------------------------------- */
input, textarea, select { font-size:inherit; border: solid 1px #353535; border-bottom-color: #969696; border-right-color: #969696; vertical-align: middle; }
select { height:20px; font-size: 9pt;}
input { height: 20px; font-size: 9pt; vertical-align: middle;}
input.radio { border: 0px; }
.submit { height: 26px; border: groove 1px #A5ACB2; padding: 2px; font-size: 9pt;}
.msgerreur { color: #FA0B0B;}

/* Links
----------------------------------------------------------------------------- */
a:link, a:visited { font:10pt Trebuchet MS, arial, helvetica, clean, sans-serif; color:#ACA473; text-decoration: underline; }
a:hover, a:active { font:10pt Trebuchet MS, arial, helvetica, clean, sans-serif; color:#666633; text-decoration: underline; }

/* Headings
----------------------------------------------------------------------------- */
h1 { font-size:20pt; }
h2 { font-size:18pt; }
h3 { font-size:16pt; }
h4 { font-size:14pt; }
h5 { font-size:12pt; }
h6 { font-size:10pt; }
	
/* Images
----------------------------------------------------------------------------- */
 img { display:block; }
.img-art { margin-bottom: 7px; }
.img-logo { margin-bottom: 80px; }
.img-phrase { text-align: right; margin: 55px 0px 75px 0px;}
.img-inline { display:inline; vertical-align:middle; background-color: White; }

.inner-float-left { float: left; margin:45px 45px 25px 0px; }
.inner-float-right { float: right; margin:45px 0px 45px 45px; }

p.legende { font-size:8pt; line-height: 2pt; margin: 0px; padding: 0px;}
p.legende em, br, strong { display:inline; line-height: 2pt; margin: 0px; padding: 0px;}
a.legende:link, a.legende:visited { font:8pt Trebuchet MS, arial, helvetica, clean, sans-serif; line-height: 16pt; }
a.legende a:hover, a.legende:active { font:8pt Trebuchet MS, arial, helvetica, clean, sans-serif; line-height: 16pt;  }
.dark { color: #444; font-weight: bold;}

.menuselector { padding: 10px; }

/* ONGLETS */
/*----------------------------------------------------------------------------- */

.floatContainer:after 
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

ul#content_tabs {
	background:url('../../img/tab_line.gif') left bottom repeat-x;
	/*float:left;*/
	font-size:10px;	
	list-style:none;
  	margin:0 0 30px 0;
	padding:0;
	width:100%;
}

ul#content_tabs li {
	background:url('../../img/bg_content_tabs.gif') left -100px no-repeat;
	border-bottom:1px solid #8D8E93;
	float:left;
	margin-right:5px;
	margin-top:2px;
	text-align:center;
}

ul#content_tabs li:hover {
	background-position:0 0;
}

ul#content_tabs li.selected {
	background-position:0 0;
	border-bottom:1px solid #FFF;
}

ul#content_tabs li a {
	background:url('../../img/bg_content_tabs.gif') right -100px no-repeat;
	color:#999;
	display:block;
	margin-left:4px;
	padding:4px 10px 4px 8px;
	text-decoration:none;
}

ul#content_tabs li a:hover, ul#content_tabs li.selected a {
	background-position: 100% 0;
	color:#333;
}

* html ul#content_tabs li a:hover {
	background-position:100% -100px;
}

* html ul#content_tabs li.selected a:hover {
	background-position:100% 0;
}



/* Common Elements
----------------------------------------------------------------------------- */
.center { text-align:center; }
.right { text-align:right; }
.smaller { font-size:85%; }
.nomargin { margin:0; }