body {
font: 0.7em verdana, arial, sans-serif;
background-color: #d8d4c9;
margin: 0;
padding: 0 0 50px 0;
}

blockquote, img {
padding: 0;margin: 0;border: 0; 
}

a.none {
background: none;}

table, td, th {
padding: 0 2px;
border-collapse: collapse;
text-align: left;
}

code { font-size:1.3em; }

#conteneur {
width: 95%;
margin: 0 auto;
background: url(/img/bg_beige/colGaucheBg.gif) repeat-y;
background-color: #fff;
}

#coldrtrue, #coldrfalse  {
margin-left: 33px !important;
margin-left: 34px ;
background-position: right top;
background-repeat: repeat-y;
}

#coldrtrue {
background-image: url(/img/bg_beige/coldroitebg2.gif);
}
#coldrfalse {
background-image: url(/img/bg_beige/colDroiteBg.gif);
}

#nocol {
margin-left: 0px;
margin-right: 0px;
padding-right: 33px;
}
#colGaucheDroite {
margin-left: 150px;
margin-right: 333px;
}
#colDroite {
margin-left: 0px;
margin-right: 333px;
}
#colGauche {
margin-left: 150px;
margin-right: 0px;
padding-right: 33px;
}
#nocol div, #colGaucheDroite div, #colDroite div, #colGauche div {
padding: 0 20px;
}

#droite, #gauche, #contenu {
margin-bottom: 20px;
}

/* ############ header ############ */
/* ############ header ############ */
/* ############ header ############ */
/* ############ header ############ */

#header {
height: 100px;
margin-right: 33px;
margin-left: 0 !important;
margin-left: -1px;
color: #fff;
background-color: #004867;
}

#header div.titre {
font: normal normal 1.8em verdana, arial, sans-serif;
float: left;
padding: 10px 0 0 15px;
}
#header .subtitle {
padding: 0;
font: normal normal 0.5em trebuchet ms, verdana, arial, sans-serif;
}

#header div.boxright {
float: right;
padding: 4px;
margin-right: 33px;
font-size: .9em;
background: url('/img/boxrightbg.gif') repeat-y;
}

#header div.boxright table th {
vertical-align: bottom;
text-align: left;
font-style: italic;
font-weight: normal;
font-size: .9em;
padding: 2px 5px;
}
#header div.boxright table td {
vertical-align: bottom;
padding: 2px 5px;
}

#header div.boxright a {
color: #fff;
}
#header div.boxright a:hover {
color: #fff;
text-decoration: none;
}

/* ################ MENU ################ */
/* ################ MENU ################ */
/* ################ MENU ################ */
/* ################ MENU ################ */

#menu {
padding-bottom: 28px;
background-color: #fff;
margin-right: 33px;
margin-left: 0 !important;
margin-left: -1px;
}

/* ---------------- menuHorizontal ---------------- */

#menuHorizontal {
padding-right: 33px;
padding-left: 0px !important;
padding-left: 33px;
height: 22px !important;
height: 23px; 
background: url(/img/menuHbg.png) left bottom repeat-x;
_background: none;
background-color: #004867;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/menuHbg.png');
}

#menuHorizontal ul{
float: right;
list-style-type: none;
margin: 0;
}
#menuHorizontal li{
display: inline;
}

#menuHorizontal a.menuH{
display: block;
float: left;
margin-left: 3px;
height: 19px !important;
height: 20px;
padding: 2px 8px 0 8px ;
color: #fff;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #000;
text-decoration: none;
background: url(/img/menuHbg.png) left bottom repeat-x;
_background: none;
background-color: #8b8881;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/menuHbg.png');

}
#menuHorizontal a.menuH:hover{
background-color: #d8d4c9;
color: #000;
}
#menuHorizontal .activeMenu a{
background: url(/img/pix.gif) left bottom repeat-x;
_background: none;
background-color: #fff;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/pix.gif');
font-weight: bold;
color: #000;
}
#menuHorizontal .activeMenu a:hover{
background-color: #fff;
}

/* ---------------- menuHorizontal2 ---------------- */

#menuHorizontal2 {
Zmargin-right: 33px;
padding-right: 33px;
padding-left: 0px !important;
padding-left: 33px;
height: 20px;
background:  url('/img/headerBg.png') repeat-x;
_background: none;
background-color: #000;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/img/headerBg.png');
}

#menuHorizontal2 ul{
float: right;
list-style-type: none;
margin: 0; padding: 0;
border-left: solid 1px #555;
}
#menuHorizontal2 li{
display: inline;
}

#menuHorizontal2 a.menuH{
position: relative;
cursor: pointer;
display: block;
line-height: 1.5em;
float: left;
height: 20px;
margin: 0;
padding: 0 8px;
color: #fff;
border-right: solid 1px  #555;
text-decoration: none;
}
#menuHorizontal2 a:hover{
color: #fff;
background:  url(/img/headerBg.png) repeat-x;
_background: none;
background-color: #444;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/headerBg.png');
}
#menuHorizontal2 .activeMenu a {
color: #fff;
background:  url(/img/headerBg.png) repeat-x;
_background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/headerBg.png');
background-color: #dc0000;
}

#menuHorizontal2 .activeMenu a:hover {
}



/* ---------------- gauche ---------------- */
/* ---------------- gauche ---------------- */
/* ---------------- gauche ---------------- */
/* ---------------- gauche ---------------- */



#gauche {
float: left;
margin-left: -33px !important;
margin-left: -17px;
width: 160px;
left:0;
padding: 0 10px;
Zborder: solid 1px #000;
}

#gauche hr {
display: block;
padding: 0;
margin: 0;
}

#gauche p {
margin:0; padding-bottom: 4px; line-height: 1.2em;
}

#gauche h2 {
font: 1.6em trebuchet ms, verdana, arial, sans-serif;
color:#000; 
line-height: 1em;
}

#gauche h3 {
display: block;
font: bold 1.0em/0.8em trebuchet ms, verdana, arial, sans-serif;
text-transform: uppercase;
padding: 0;
margin: 6px 0 !important;
margin: 8px 0 3px 0;
color: #444;
border-bottom: solid 1px;
}

#gauche .menugauche {
	list-style-type: none;
	margin: 0;
	padding:0;
}
#gauche .menugauche ul {
	list-style-type: none;
	margin-left: 12px;
	padding:0;
}

#gauche .menugauche li {
margin: 0;
padding: 0;
}
#gauche .menugauche a {
color: #dc0000;
text-decoration: none;
display: block;
font: bold 0.9em verdana, sans-serif;
padding-left: 10px;
background: url(/img/linkbullet.gif) 0 2px no-repeat;
}

#gauche .menugauche a:hover {
background-color: #d8d4c9;

}

/* ---- box ---- */
#gauche .cssbox, 
#gauche .cssbox_body, 
#gauche .cssbox_head, 
#gauche .cssbox_head h2 { 
background-image: url(/img/bg_beige/box.jpg) ;
background-repeat: no-repeat;
background-position: bottom right;

} 

#gauche .cssbox { 
width: 160px !important; 
width: 155px; 
padding-right: 5px; 
margin: 0px auto 8px auto; 
Zborder: solid 1px;
} 
#gauche .cssbox_head { 
background-position: top right;
margin-right: -5px; 
padding-right: 20px; 
} 

#gauche .cssbox_head h2 { 
background-position: top left; 
margin: 0; 
border: 0; 
padding: 2px 0px 2px 10px; 
height: auto !important; 
height: 1%; 
} 

#gauche .cssbox_body { 
background-position: bottom left; 
margin-right: 8px; 
padding: 5px 0 15px 10px; 
 Zborder: solid 1px;} 


/* --- droite ---*/
/* --- droite ---*/
/* --- droite ---*/
/* --- droite ---*/

#droite {
float: right;
margin-right: 35px !important;
margin-right: 18px;
width: 294px;
}

#droite div {
margin-bottom: 10px;
}

#droite h4 {
padding: 2px 10px;
background-color: #000;
font: normal bold 1.2em trebuchet ms,serif;
color: #fff;
margin: 0;
text-transform: uppercase;
margin-bottom: 3px;
}

#droite p {
padding: 4px 10px 0 10px;
margin: 0;
}

#droite a, #gauche a {
color: #000;
}
#droite a:hover, #gauche a:hover {
text-decoration: none;
}



/* --- footer ---*/
/* --- footer ---*/
/* --- footer ---*/
/* --- footer ---*/

.pied, .pied_Left {
background-image: url(/img/bg_beige/footerBg.gif);
background-repeat: no-repeat;
}


.pied {
clear: both; 
background-position: bottom right;
margin-left: -33px !important;
margin-left: -34px;
margin-right: 0;
}

.pied_Left {
background-position: bottom left; 
margin-right: 56px;
right: 0;
}

.piedContent{
padding: 5px 0 30px 0;
font-size: .9em;
margin-left: 56px;
color: #000;
border-top: solid 1px;
}
.piedContent a {
color: #000;
}

/* ######################## contenu ######################## */
/* ######################## contenu ######################## */
/* ######################## contenu ######################## */
/* ######################## contenu ######################## */


#contenu {
Zoverflow : auto;
Zposition: relative;
Zmin-height: 500px;
line-height: 1.4em;
}
#contenu p{
margin: 0;
margin-bottom: 6px;
}
#contenu hr{
border: 0;
margin: 0;
padding: 0;}

#contenu div{
margin: 0;
padding: 0;
}
#contenu div.doc{
padding-bottom: 10px;
}

#contenu div.boitespetop{
background: url(/img/btspetopbg2.gif) left top repeat-x;
padding: 3px 15px;
margin-left: -1px;
background-color: #fff;
}
#contenu div.boitespebottom{
background: url(/img/btspebottombg.gif) left bottom repeat-x;
padding: 3px 15px;
margin-bottom: 2px;
background-color: #fff;
}


#contenu blockquote{
margin-left: 20px;
}

#contenu .inner-title{
font: italic bold 1.8em/1em trebuchet ms, verdana, arial, sans-serif;
}

#contenu pre {
padding: 6px 0px;
margin: 1px -1px ;
margin-bottom: 12px;
background-color: #FBFAF9;
border-style: solid;
border-color: #000;
border-width: 1px 0;
font: normal 1em monaco, courrier, monospace;
}

#contenu font.ongletspe{
background-color: #dc0000;
color: #fff;
padding: 2px 10px;
text-align: center;
margin: -1px;
white-space: nowrap;
}

#contenu font.onglet{
background-color: #000;
color: #fff;
padding: 2px 10px;
text-align: center;
margin: -1px;
white-space: nowrap;
}


#contenu h4 {
margin: 15px 0;
font: normal bold 1.6em/1em trebuchet ms,verdana,arial,sans-serif;
background: url(/img/conth4bullet.gif) 0 3px no-repeat;
padding-left: 22px;
color: #dc0000;
}


#contenu h2{
margin: 15px 0;
font: normal bold 1.4em/.7em trebuchet ms, verdana, arial, sans-serif;
}

#contenu h1{
font: normal 1.4em trebuchet ms, verdana, arial, sans-serif;
}

#contenu .date{
font-size: 0.7em ;
font-weight: normal;
font-style: italic;
color: #000;
padding: 0 4px;
border-left: solid 1px #000;
Zborder-width: 1px 0 0 1px;
}

#contenu table.tableFixe,
#contenu table.tableFluide,
#contenu table.tableFixeLeft {
margin: 1px auto 15px auto;
border-top: solid 2px #000;
background: url(/img/footertable.gif) center bottom no-repeat; 
background-color: #fff;
}

#contenu table.tableFluide {
float: none !important;
float: left;
width: 100%;
}
#contenu table.tableFixeLeft {
margin: 1px 0;
margin-bottom: 15px;
}

#contenu .tableFixe td, 
#contenu .tableFixe th,
#contenu .tableFixeLeft td, 
#contenu .tableFixeLeft th,
#contenu .tableFluide td, 
#contenu .tableFluide th {
vertical-align: middle;
padding: 4px 6px;
border: solid 1px #444;
text-align: center;
}

#contenu .tableFixe th, 
#contenu .tableFixeLeft th, 
#contenu .tableFluide th {
width: 1px;
ztext-align: left;
background-color: #d8d4c9; color: #000; 
font-weight: bold;
}

#contenu th.row {
width: auto;
ztext-align: left;
background-color: #8b8881;
font-weight: bold; color: #fff;
}

#contenu table a {
color: #000; background: none;
text-decoration: underline;
}
#contenu table a:hover {
background: none;
text-decoration: none;
}
#contenu table th.row a {
color: #fff;
}



#contenu table tr.bg1 {
background: #fff url(/img/trbg1.gif) 0 -1px repeat-x; Zcolor: #669900;
}

#contenu table tr.bg2 {
background: url(/img/trbg2.gif) 0 -1px repeat-x; Zcolor: #ff9900;
}

#contenu table tr.bg3 {
background: url(/img/trbg3.gif) 0 -1px repeat-x;  Zcolor: #dc0000;
}


#contenu table.center {
margin: 0 auto;
}

#contenu table.encartred {
border: solid 2px #dc0000;
width: 100%;
}
#contenu table.encartblack {
border: solid 2px #000;
width: 100%;
}

#contenu table.encartred td.celltab, table.encartblack td.celltab{
padding: 15px;background: #d8d4c9 url(/img/rayure.gif);
}


#contenu ul{
margin: 0 10px;
padding: 0px 10px ;
margin-bottom: 8px;
}
#contenu ul li{
margin: 1px 13px;
list-style: square outside;
}

#contenu a{
color: #dc0000;
text-decoration: none;
padding-bottom: 1px;
background: url(/img/underline.gif) left bottom repeat-x;
}
#contenu a:hover{
background: url(/img/underlinehover.gif) left bottom repeat-x;
}

#contenu div.btprecend{
background: url(/img/precend.gif) no-repeat;
width: 24px; 
height: 15px;
cursor: pointer;
}
#contenu div.btprec{
background: url(/img/prec.gif) no-repeat;
width: 24px; 
height: 15px;
cursor: pointer;
}
#contenu div.btsuivend{
background: url(/img/suivend.gif) no-repeat;
width: 24px; 
height: 15px;
cursor: pointer;
}
#contenu div.btsuiv{
background: url(/img/suiv.gif) no-repeat;
width: 24px; 
height: 15px;
cursor: pointer;
}

#contenu div.triup{
background: url(/img/triup.gif) no-repeat;
width: 12px; 
height: 12px;
margin: 2px 5px 0 0;
float: left;
}



/* ### form ### */

form {
}

select, input, textarea{
font: normal 1em verdana, sans-serif;
border: solid 1px #000;
padding: 1px;
}


.button {
height: 26px;
color: #fff;
Zmargin-top: 2px;
padding: 0 10px 5px 10px;
border: solid 1px #000;
background: #000 url(/img/buttonbg.gif) 0 3px repeat-x;
}


/* ### tableContent ### */

#contenu #tableContent {
border-bottom: solid 1px;
padding: 0 30px 15px 30px;
}
#contenu #tableContent a {
font-weight: bold;
background: none;
text-decoration: underline;
}
#contenu #tableContent a:hover {
text-decoration: none;
}



#contenu #tableContent blockquote {
margin: 3px 15px;
}

/* ### tableContent - end ### */


/* ### download ### */


#contenu table.download {
margin: 15px auto;
padding: 0;
width: 302px;
background: url(/img/boxdownload.gif) no-repeat;
border: none;
border-collapse: collapse;
}

#contenu .download td {
border: 0; padding: 0;
}

#contenu .download dl {
margin: 0 auto;
padding: 5px 15px 15px 15px;
}
#contenu .download dt {
margin: 0;
width: 50%;
float: left;
font-weight: bold;
font-size: .9em;
border-bottom: 1px solid #aaa79e;
}
#contenu .download dd {
font-size: .9em;
border-bottom: 1px solid #aaa79e;
}
#contenu .download dt.last, #contenu .download dd.last {
border-bottom: 0;
}
#contenu .download th {
font-size: 1.2em;
text-align: center;
padding: 3px 0;
color: #fff;
}
#contenu .download td.list {
background: #fff url(/img/boxdownload.gif) left bottom no-repeat;
}
#contenu .download tr.link a {
display: block;
font-size: 1.6em;
text-align: center;
padding: 5px 0;
margin: 0 2px;
color: #fff;
border-bottom: solid 1px #000;
background-color: #dc0000;
}

#contenu .download tr.link a:hover {
color: #fff;
text-decoration: none;
}


/* ### download - end ### */