/* Global */
body {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:0;
	color:#333;
	
	background : #eee;
	padding : 10px;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0099FF;
}
a:hover { 
	text-decoration:none; 
}
p {
	color:#333;
}
blockquote { 
	border:1px solid #DDD;
	background-color:#f2f2f2;
	color:#333;
	padding:12px 5px;
}
code { 
	border:1px solid #DDD;
	background-color:#F2F2F2;
	padding:12px 5px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	margin:0 0 0 8.5%;
	letter-spacing:+1px;
}
/* Main layout */
div#container {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	min-height:600px;
	background-color:#FFFFFF;
	border : 1px solid #aaa;
	padding : 16px;
}

/* Header and nav */
div#header {
	height:85px;
	width:900px;
	clear:both;
	background : #ffffff url(/base_images/REP_BANNIERES/banniere476598df77811_header.jpg) left 0% ;
	background-repeat: no-repeat;
}

div#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	float:left;
	font-weight:normal;
	padding:21px 0 0 17px;
}
div#header h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	margin:0;
	float:left;
	font-size:11px;
	font-weight:normal;
	padding:29px 0 0 12px;
}

span.o { color:#0099FF; }
span.db { color:#333333; }



#menu {
height : 25px;
font-size : 10px;
background : url(../images/menubg.jpg) repeat-x;

}
#menu ul {
padding-top:3px;
list-style : none;
border-left : 1px solid #616161;
}
#menu li {
list-style : none;
padding-left : 24px;
padding-right : 24px;
border-right : 1px solid #616161;
float : left;
}
#menu a {
color : #616161;
}
#menu li:hover {
list-style : none;
border-right : 1px solid #3c4291;
}

/* Content */
.clr { clear:both; }
div#content {
	width:900px;
}
div#main {
	float:left;
	width:650px;
}
div#main h1 {
	margin:10px 0 0 7px;
	padding:0;
	text-align:left;
	font-size:16px;
	color:#333;
	border-bottom:1px dotted #333;
	font-weight:normal;
}
div#main h2 { 
	font-size:15px;
	margin:0 0 0 10px;
	font-weight:normal;
}
div#main h3 { 
	font-size:14px;
	margin:0 0 0 10px;
	font-weight:normal;
}
div#main h2 { 
	font-size:13px;
	margin:0 0 0 10px;
	font-weight:normal;
}
div#main h2 { 
	font-size:12px;
	margin:0 0 0 10px;
	font-weight:normal;
}
div#main p {
	font-size:13px;
	color:#333;
	margin:9px 0 8px 9px;
	padding:0;
}
div#main a { 
	/**font-weight:bold; **/
}
/**sidenavilist**/
#mynavcontainer ul{
	width:200px;
	padding:0 0 0 17px;
}
#mynavcontainer ul li{
	display:block;
	background:url(images/solution_div.gif) left bottom repeat-x;
	/**height:25px;**/
	width:200px;
	padding:0 0 1px 0;
}
#mynavcontainer ul li a{
	background:url(images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 14px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	margin:0;
	display:block;
}
#mynavcontainer ul li a:hover{
	color:#0099FF;
	background-color:#ECECEC;
}
#mynavcontainer ul li.noImg{
	display:block;
	background-image:none;
	height:20px;
}
/* Sidebar */
div#sidebar {
	float:left;
	width:203px;
	padding-top:5px;
	padding-right:10px;
	margin-top:10px;
	margin-right:10px;
	border-right:1px dotted #333;
	min-height:400px;
}
div#sidebar a { 
	color:#333;
	font-size:11px;
	text-decoration:none;
}
div#sidebar a:hover{
	color:#0099FF;
	text-decoration:none;
	
}
div#sidebar h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
div#sidebar h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
div#sidebar h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
div#sidebar h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
div#sidebar h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
	
}
div#sidebar ul {
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}
div#sidebar p {
	padding:5px 0 5px 3px;
	margin:0;
}
div#sidebar form {
	border:1px solid #ddd;
	background-color:#F2F2F2;
	padding:5px;
	
}

/* Footer */
#footer	{
	width: 800px;
	height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #5d5c5c;
	margin-top: 6px;
}
#footer ul {
	list-style: none;
	border-left: solid 1px #5d5c5c;
	float: left;
	margin-top:10px;
}
div#footer li {
list-style : none;
padding-left : 24px;
padding-right : 24px;
border-right : 1px solid #5d5c5c;
float : left;
}
div#footer a {
color : #333333;
}
div#footer li:hover {
list-style : none;
border-right : 1px solid #5d5c5c;
}

.data {
    color: #000000;
    text-align: right;
    background-color: #CCCCCC;

}

.toprow {
    font-size: 11px;
	font-weight: bold;
	text-align: center;
    background-color: #eeeeee;
	color: #666666;

}

.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;

}

/* Tableaux */

.table_gris	td {
	border-bottom: 1px solid #bbbbbb;
	padding: 6px;
}

.text11	{
font-size: 11px;
}
.liste_tags{

}
.liste_tags h1{
color:#FF9854;
text-align:left;
font-size:14px;
float:left;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}

.liste_tags h2{
color:#C26CE7;
text-align:left;
font-size:13px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}
.liste_tags h3{
color:#61D312;
text-align:left;
font-size:12px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}

.liste_tags h4{
color:#008DD5;
text-align:left;
font-size:11px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}

.liste_tags h5{
color:#BBBBBB;
text-align:left;
font-size:10px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}
.liste_tags h6{
color:#BBBBBB;
text-align:left;
font-size:10px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}
.bloc_titre{
font-weight:bold;
margin:5px 0 5px 0;
}
/** tableaux html  ************************************************************/
table.mytable {
width:100%;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
font-size:12px;
}

table.mytable a{
text-decoration : none;
color : #66A3D3;
}

table.mytable a:hover{
text-decoration : none;
color : #93A1AE;
}

table.mytable td {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 0.8em;
text-align:center;
background:#CCCCCC;
}
table.mytable tr.odd td {
  background:#f7fbff
}
table.mytable tr.odd .column1 {
 background:#f4f9fe;
}
table.mytable .column1 {
 background:#f9fcfe;
}

table.mytable  thead th {
background:#f4f9fe;
text-align:center;
font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#66a3d3;
border-left:1px solid #e5eff8;
}
table.mytable  tfoot th {
background:#f4f9fe;
text-align:center;
}

table.mytable  tfoot th strong {
font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:.5em .5em .5em 0;
color:#66a3d3;
}

table.mytable  tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
}