/* CSS Document */

* { margin:0; padding:0;}
html{font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#000;}
body{
	font: 11px "Trebuchet MS", helvetica, sans-serif;
	background-image: url(images/background.gif);

}

div.ribbon{
position:absolute;
right: 0;
top:0;
overflow:visible;
background-color:transparent;
margin:0;
padding:0;
z-index:1000000000;
border:none;
float:none;
}


#pub_droit{
	border: solid 1px green;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

#pub_gauche{
	border: solid 1px green;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

.tableau {
    border-collapse:collapse
}

.tableau td {
    padding : 0.4em ;
    border-spacing:0;
    border:1px solid #00b218;
    empty-cells: show;
    background-color:#fafafa;
}

 
.tableau caption {
    font-size:2em;
    padding:1em 0 0.5em 1em; // HDBG;
}
.tableau tr.impaire td {
   background-color: #eee;
}
.tableau th {
   font-size:1.6em;
   	background-color: #00b218;
	color:#FFFFFF;
	font-weight: bold;
	text-align:left;
	padding-left:20px;
}

h1 {
	font-size: 1.8em;
	padding-left: 5px;
	margin:2px 2px 12px 2px;
	color:#477cb2;
}

h2 {
	font-size: 1.6em;
	padding-left: 5px;
	margin:2px 2px 12px 2px;
	color:#477cb2;
}

h3 {
	font-size: 1.4em;
	padding-left: 5px;
	margin:2px 2px 12px 2px;
	color:#000000;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.submit		{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #00b218;
	margin: 0px;
	clear: none;
	float: none;
	height: 20px;
	border: 1px dotted #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	cursor:pointer;
}

.inp_h{ height:24px; margin:1px 0 4px 0;}
/*****************************************************************/
.indent{ margin:0; padding:0;}
.block{ width:auto; margin:0; padding:0;}
.block_1{ width:auto; margin:0; padding:0;}
.block_2{ width:auto; margin:0; padding:0;}
#page #wrapper .h {margin:0; padding:0;}
.more{ margin:0; padding:0;}
/*****************************************************************/

.col { float:left;}
.clear { clear:both;}
.right{ float:right;}

/*---links---*/
a{ color:#d34807;}
a:hover{ text-decoration:none;}
.link{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	background:url(images/arr.gif) right 5px no-repeat;
	padding:0 13px 0 0; 
	color:#d34807; 
	font-weight:bold;
}
.link_1{ color:#576676; font-weight:bold;}
/*---//	links---*/
/*---txt---*/
.txt{ font-size:14px;}
.txt_1{ font-weight:bold; color:#455462;}
.txt_2{ color:#576676;}
.txt_3{ color:#455462; font-size:14px; font-weight:bold;}
/*---// txt---*/
.main {  margin:0 auto;}
#wrapper{ background:url(images/wrapp_fill.gif) left top repeat-y;}
#wrapper .layer{ background:url(images/wrapp.gif) left bottom no-repeat; width:100%;}

/*******************************************************************************************/
/*******************************************************************************************/
.table .left_top{ background:url(images/left_top.gif) left top no-repeat;}
.table .right_top{ background:url(images/right_top.gif) right top no-repeat;}
.table .left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.table .right_bot{ background:url(images/right_bot.gif) right bottom no-repeat;}
.table .left_bot_1{ background:url(images/left_bot_1.gif) left bottom no-repeat;}
.table .right_bot_1{ background:url(images/right_bot_1.gif) right bottom no-repeat;}

.table .side_top{ background:url(images/side_top.gif) left top repeat-x;}
.table .side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
.table .side_left{ background:url(images/side_left.gif) left top repeat-y;}
.table .side_right{ background:url(images/side_right.gif) right top repeat-y;}
.right_pic{ background:url(images/right_pic.gif) right top no-repeat; width:100%;}
.right_pic_1{ background:url(images/right_pic_1.gif) right top no-repeat; width:100%;}
.right_pic_2{ background:url(images/right_pic_2.gif) right top no-repeat; width:100%;}
.right_pic_3{ background:url(images/right_pic_3.gif) right top no-repeat; width:100%;}
/*******************************************************************************************/
/*******************************************************************************************/
/*---page---*/
#page #wrapper .column .indent{padding:27px 20px 0 38px;}
#page #wrapper .column .h{margin:0 0 11px -3px;}
#page #wrapper .column .block{margin:0 0 20px 0;}

#page #wrapper .column .block_1{width:215px; margin:0 0 30px -2px;}
#page #wrapper .column .block_1 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page #wrapper .column .block_1 .more{margin:10px 14px 0 0;}
#page #wrapper .column .block_2{width:205px; margin:0 0 0 13px;}
#page #wrapper .column .block_2 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page #wrapper .column .block_2 .more{margin:10px 1px 0 0;}

#page #wrapper .column_1 .indent{padding:8px 0 10px 0;}
#page #wrapper .column_1 .h{padding:19px 0 0 23px;}
#page #wrapper .column_1 .table .indent{padding:4px 10px 22px 26px;}
#page #wrapper .column_1 .table .coment{ margin:17px 0 0 27px;}
#page #wrapper .column_1 .block { margin:30px 30px 0 26px;}
#page #wrapper .column_1 .block .date{background:url(images/1_pic_4.gif) 0 3px no-repeat; font-size:10px; color:#d34807; margin:0 0 4px 0; padding:0 0 0 17px;}
#page #wrapper .column_1 .block_1 { margin:20px 30px 0 26px;}
#page #wrapper .column_1 .block_1 .date{background:url(images/1_pic_4.gif) 0 3px no-repeat; font-size:10px; color:#d34807; margin:0 0 4px 0; padding:0 0 0 17px;}
#page #wrapper .column_1 .more{padding:11px 25px 0 0;}
/*---// page---*/

/*---page_1---*/
#page_1 #wrapper .column .indent{padding:8px 0 29px 12px;}
#page_1 #wrapper .column .h{padding:20px 0 0 23px;}
#page_1 #wrapper .column .table .indent{padding:7px 25px 15px 26px;}
#page_1 #wrapper .column .table .block{ margin:15px 0 12px 0;}
#page_1 #wrapper .column .more{padding:11px 0 0 0;}

#page_1 #wrapper .column_1 .indent{padding:28px 0 0 26px;}
#page_1 #wrapper .column_1 .h{margin:0 0 6px -3px;}
#page_1 #wrapper .column_1 .block{margin:0 0 20px 0;}
#page_1 #wrapper .column_1 .block .more{margin:10px 0 0 0;}

#page_1 #wrapper .column_1 .block_1{width:227px; margin:0 0 30px 0;}
#page_1 #wrapper .column_1 .block_1 .indent{ padding:0 20px 0 0;}
#page_1 #wrapper .column_1 .block_1 .h{ background:url(images/bg_h.gif) 0 0 no-repeat; padding:0 0 0 43px; margin:0 0 7px 0;}
#page_1 #wrapper .column_1 .block_1 .more{margin:10px 14px 0 0;}
#page_1 #wrapper .column_1 .block_2{ width:201px;}
#page_1 #wrapper .column_1 .block_2 .indent{padding:47px 0 0 0;}
#page_1 #wrapper .column_1 .block_2 .more{margin:10px 1px 0 0;}
/*---// page_1---*/

/*------Blog -----*/
h3{
	background-image:url(images/dottedline.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:700;
	letter-spacing:-1px;
	line-height:24px;
	margin-bottom:4px;
	padding-bottom:5px;
	text-align:left
}

h3 A{color:#000000;display:block; text-decoration:none}
h3 A:hover{color:#d92914;text-decoration:underline}

div.bulle {
    width: auto;
    margin-bottom: 24px;
}

div.bulle blockquote {
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

div.bulle blockquote p {
    margin: 10px;
    padding: 0px;
	text-align:justify;
}

div.bulle cite {
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 15px;
    top: 6px;
    background: transparent url(./images/FlecheBulle.gif) no-repeat 20px 0;
    font-style: normal;
}


/* Tooltip */
a.tooltip em {
	display: none;	
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#00a61a;
}

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	
}

a.tooltip:hover em {
	display: block;	
	position: absolute;
	left: 60px;
	margin-top: 5px;
	border: 2px solid #000000;
	background: #FFF;
	padding: 10px;
	width: 300px;
}

a.tooltip:hover em img {
	float: left;
	padding-right: 5px;
	border: 0;
}

a.tooltip:hover em .titre {
	line-height: 25px;
}

#footer { color:#fff;}
#footer a{ color:#fff; }
#footer .indent {padding:23px 0 10px 55px;}