/************************************
 *
 *  Replace these colors as needed
 *  
 *  #3a393e - default font
 *  #666666 - background
 *  #5a5a5a - background shadow
 *  #d8dce3 - header main
 *  #bec1c7 - header shadow
 *  #e9eef5	- left main
 *  #cdd1d7 - left shadow
 *  #a4a4a4 - left color
 *          - left links
 *  #ebf0f7 - left hilite main
 *  #ced3d9 - left hilite shadow
 *  #ffffff - body main
 *  #e0e0e0 - body shadow
 *  #a4a4a4 - mid modules main
 *  #909090 - mid modules shadow
 *  #d8dce3 - right main
 *  #bec1c7 - right shadow
 *  #dde1e9 - right hilite main
 *  #c2c6cd - right hilite shadow
 *  #babfc7 - footer main
 *  #a3a8af - footer shadow
 *  #74777c - footer color
 *
 ************************************/

/* **************************************************************************/
/*GENERAL*/
/* **************************************************************************/
/* Couleur du fond hors contenu */

#logohcfdc{
padding-left:20px;
padding-top: 10px;
}
#logocrf{
padding-left:0px;
padding-top: 0px;
}
#foot{
padding-top:10px;
}
.logoaxa{
padding-left: 10px;
}
/* **************************************************************************/
/*Inscription*/
/* **************************************************************************/
.moduletableins{
padding: 0 0 0 20px;
font-size: 10px;
line-height: 160%;
border: 1px dotted pink;
}
form.moduletableins {
}


/* **************************************************************************/
/*MENU DE GAUCHE (TD1)*/
/* **************************************************************************/

/* Intitulé des titres des menus DE GAUCHE : couleur du texte et du fond de cartouche
td.left div.moduletablealerte h3 {
	font-size: 95%;
	text-transform: uppercase;
	padding: 30px 0 0 20px;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #000;
	height: 49px;
	background: url(../images/titre_menu_corpo.gif) no-repeat;
}
html > body td.left div.moduletablealerte h3 {
	padding: 30px 0 0 60px;
}

td.left div.moduletableprod h3 {
	font-size: 95%;
	text-transform: uppercase;
	padding: 30px 0 0 20px;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #000;
	height: 49px;
	background: url(../images/titre_menu_prod.gif) no-repeat;
}
html>body td.left div.moduletableprod h3 {
	padding: 30px 0 0 60px;
}
td.left div.moduletablehow h3 {
	font-size: 95%;
	text-transform: uppercase;
	padding: 30px 0 0 20px;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #000;
	height: 49px;
	background: url(../images/titre_menu_howto.gif) no-repeat;
}
html>body td.left div.moduletablehow h3 {
	padding: 30px 0 0 60px;
}*/

/* **************************************************************************/
/*ITEMS DU MENU DE GAUCHE (TD1)*/
/* **************************************************************************/
/* ALERTE*/
.moduletablealerte {
height: 31px;
background: url(../images/menu_alerte.gif) no-repeat;
font-size: 115%;
margin-bottom:-10px;
}
html>body .moduletablealerte {
margin-bottom:2px;
}

div.sidepad a:link,
div.sidepad a:visited{
color:#fff;
}

/* PREPARER*/
.moduletablepreparer {
height: 31px;
background: url(../images/menu_preparer.gif) no-repeat;
font-size: 115%;
margin-bottom:-10px;
}
html>body .moduletablepreparer {
margin-bottom:4px;
}


/* ACCIDENT QUOTIDIEN*/
.moduletablequotidien{
height: 31px;
background: url(../images/menu_accident.gif) no-repeat;
font-size: 115%;
margin-bottom:-10px;
}
html>body .moduletablequotidien{
margin-bottom:4px;
}


/* ACCIDENT MAJEUR*/
.moduletablemajeur{
height: 31px;
background: url(../images/menu_majeur.gif) no-repeat;
font-size: 115%;
}



/* FORMATION*/
.moduletableformation{
height: 31px;
background: url(../images/menu_formation.gif) no-repeat;
font-size: 115%;
margin-top: -10px;
margin-left: 1px;
}
html>body .moduletableformation{
height: 31px;
background: url(../images/menu_formation.gif) no-repeat;
font-size: 115%;
margin-top: 3px;
}


/* MENU QUI SOMMES NOUS*/
.moduletablesommes{
height: 25px;
text-transform: uppercase;
font-weight:bold;
margin-left:-45px;
margin-bottom: -15px;
}
html>body .moduletablesommes{
height: 31px;
text-transform: uppercase;
font-weight:bold;
margin-left:-50px;
padding-top: 20px;
margin-bottom: 0px;
}
div.moduletablesommes a:link,
div.moduletablesommes a:visited{
color:#a7a7a7;
border-top: 1px solid #A7A7A7;
padding-bottom: 10px;
padding-top: 10px;
}

/* MENU SAVOIR*/
.moduletablesavoir{
height: 25px;
text-transform: uppercase;
font-weight:bold;
margin-left:-45px;
margin-bottom: -15px;
}
html>body .moduletablesavoir{
height: 31px;
text-transform: uppercase;
font-weight:bold;
margin-left:-50px;
padding-top: 5px;
margin-bottom: 0px;
}
div.moduletablesavoir a:link,
div.moduletablesavoir a:visited{
color:#a7a7a7;
border-top: 1px solid #A7A7A7;
padding-bottom: 10px;
padding-top: 10px;
}


/* MENU RESTEZ INFORMES*/
.moduletableinforme{
height: 31px;
text-transform: uppercase;
font-weight:bold;
margin-left:-45px;
margin-bottom: -15px;
}
html>body .moduletableinforme{
height: 31px;
text-transform: uppercase;
font-weight:bold;
margin-left:-50px;
padding-top: 3px;
margin-bottom: 0px;
}
div.moduletableinforme a:link,
div.moduletableinforme a:visited{
color:#a7a7a7;
border-top: 1px solid #A7A7A7;
padding-bottom: 10px;
padding-top: 10px;
}

/* MENU TELECHARGER*/
.moduletabletelecharger{
height: 21px;
text-transform: uppercase;
font-weight:bold;
margin-left:-45px;
margin-bottom: -15px;
}
html>body .moduletabletelecharger{
height: 31px;
margin-left:-50px;
margin-bottom: 0px;
}
div.moduletabletelecharger a:link,
div.moduletabletelecharger a:visited{
color:#a7a7a7;
border-top: 1px solid #A7A7A7;

padding-bottom: 10px;
padding-top: 10px;
}

/* MENU QUESTIONNAIRE*/
.moduletablecitoyen{
height: 31px;
text-transform: uppercase;
font-weight:bold;
margin-left:-45px;
}
html>body .moduletablecitoyen{
height: 31px;
text-transform: uppercase;
font-weight:bold;
margin-left:-50px;
padding-top: 5px;
}
div.moduletablecitoyen a:link,
div.moduletablecitoyen a:visited{
color:#a7a7a7;
border-top: 1px solid #A7A7A7;
border-bottom: 1px solid #A7A7A7;
padding-bottom: 10px;
padding-top: 10px;
}

/*classe de la table trousse des menus*/
#trousse{
margin-top: 8px;
padding-left:50px;
margin-bottom: 20px;
}
html>body #trousse{
margin-top: 9px;
padding-left: 55px;
margin-bottom: 20px;
}
/* **************************************************************************/
/*Titre des pages et calage du texte des pages*/
/* **************************************************************************/

.texte_contact{
font-size: 100%;
color:#000;
}
.texte_champ{
font-size: 90%;
font-weight:bold;
color:#5C5C5C;
}

/* **************************************************************************/
/*Titre des pages et calage du texte des pages*/
/* **************************************************************************/


/* Titres des articles*/
td.contentheading  {
  font-size: 180%;
  line-height: 100%;
  font-weight: normal;
  text-align :left;
  vertical-align:middle;
  color: #046BBA;
  background:#FFF;
  padding-left:0px;
  padding-top: 0px;
  padding-bottom: 10px;
}

html>body td.contentheading  {
  padding-left:0px;
  padding-top: 5px;
  padding-bottom: 20px;
}
.componentheading  {
  font-size: 180%;
  line-height: 100%;
  font-weight: normal;
  text-align :left;
  vertical-align:middle;
  color: #046BBA;
  background:#FFF;
  padding-left:0px;
  padding-top: 30px;
  padding-bottom: 10px;
}

html>body .componentheading  {
  padding-left:0px;
  padding-top: 25px;
  padding-bottom: 20px;
}

/* **************************************************************************/
/*Boîte centrale*/
/* **************************************************************************/

/* padding contenu général*/
div.padding {
  padding: 0px 28px 0 8px;
  background: #fff;
}
html>body div.padding {
  padding: 0 0 0 8px;
}
/*Gère les fonds pour avoir une autonomie sur la table suivant précédent*/
html>body div.padding  table{
  background: #fff;

}
html>body div.padding  table.contentpaneopen td{
  background: #fff;
    text-align:justify;
	padding-right: 20px;
}
.highlight{
  text-align:left;
}

/* coins arrondis*/
.roundedcornr_box_560216 {
   background: #f1eeee url(../images/round/roundedcornr_560216_grad.gif) repeat-x top left;
}
.roundedcornr_top_560216 div {
   background: url(../images/round/roundedcornr_560216_tl.gif) no-repeat top left;
}
.roundedcornr_top_560216 {
   background: transparent url(../images/round/roundedcornr_560216_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_560216 div {
   background: url(../images/round/roundedcornr_560216_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_560216 {
   background: transparent url(../images/round/roundedcornr_560216_br.gif) no-repeat bottom right;
}

.roundedcornr_top_560216 div, .roundedcornr_top_560216,
.roundedcornr_bottom_560216 div, .roundedcornr_bottom_560216 {
   width: 100%;
   height: 10px;
   font-size: 1px;

}
.roundedcornr_content_560216 { margin: 0 10px; }



/*Police categorie IE*/
 .contentdescription {
	font-size: 110%;
	line-height: 160%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :justify;
	padding-left: 8px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 5px;
}
/*Police article IE*/
table.contentpaneopen  {
	font-size: 110%;
	line-height: 130%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :justify;
	padding-left: 8px;
	margin-right: 0px;
	padding-right: 0px;
	padding-top: 5px;
}


table.contentpaneopen p a:link,
table.contentpaneopen p a:visited,
table.contentpaneopen ul li a:link,
table.contentpaneopen ul li a:visited,
table.contentpaneopenacc p a:link,
table.contentpaneopenacc p a:visited,
table.contentpaneopenacc ul a:link,
table.contentpaneopenacc ul a:visited,
table.contentpaneopenacc ul li a:link,
table.contentpaneopenacc ul li a:visited{
	color:#2B64B7;
	font-size: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :left;
	padding-top: 5px;
}
.contentdescription a:link,
.contentdescription a:visited{
	color:#2B64B7;
	font-size: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :left;
	padding-top: 5px;
}

/*Police categorie FIREFOX*/
html>body .contentdescription {
	font-size: 110%;
	line-height: 160%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :justify;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 20px;
	padding-top: 20px;
}
/*Police article FIREFOX*/
html>body table.contentpaneopen p a:link,
html>body table.contentpaneopen p a:visited,
html>body table.contentpaneopen ul li a:link,
html>body table.contentpaneopen ul li a:visited,
html>body table.contentpaneopenacc p a:link,
html>body table.contentpaneopenacc p a:visited,
html>body table.contentpaneopenacc ul a:link,
html>body table.contentpaneopenacc ul a:visited{
	color:#2B64B7;
	font-size: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :left;
	padding-top: 5px;
}
html>body .contentdescription a:link,
html>body .contentdescription a:visited{
	color:#2B64B7;
	font-size: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :left;
	padding-top: 5px;
}

html>body table.contentpaneopen  {
	font-size: 110%;
	line-height: 145%;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align :justify;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 3px;
	padding-top: 5px;
}



/* **************************************************************************/
/*Boutons PDF, PRINT, et MAIL*/
/* **************************************************************************/

td.buttonheading {
 	vertical-align: middle;
	text-align: right;
	padding-right:0px;
}
html>body td.buttonheading {
 	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}

html>body table.contentpaneopenautre td.buttonheading img {
	padding-right: 0px;
}
td.buttonheading img {
	margin-right: 6px;
}
html>body td.buttonheading img {
	margin-right: 0px;
}


/* **************************************************************************/
/*MENU DE DROITE (TD3)*/
/* **************************************************************************/

/* couleur de fond et des bordures de TD 3
.right{
padding-top:30px;
background:#transparent;
}
html>body .right{
padding: 15px 0 0 0;
}

table.outer td.right {
	border-color:  #bec1c7; 
	background:  #F8FBFF; 
}
/* Intitulé des titres des menus DE DROITE : couleur du texte et du fond de cartouche
td.right div.moduletable h3 {
	text-indent: 0.3cm;
	padding: 4px 0 0 0;
	font-weight: bold;
	color: #fff;
	height: 20px;
	background: url(../images/titre_menu_right.gif) no-repeat;
}*/

/* **************************************************************************/
/*CONTENU GENERAL (TD2)*/
/* **************************************************************************/

/* couleur de fond et des bordures du CONTENU GENERAL*/
table.outer td.middle {
	background:  #fff;
}

/* **************************************************************************/
/*SMALLPAD (User 1, 2 et 3)*/
/* **************************************************************************/

/* Intitulé des titres des menus de USER 1, 2 et 3 : couleur du texte et du fond de cartouche*/
td.middle div.moduletable h3 {
	color: #666;
	background: #e0e0e0;
}

/* **************************************************************************/
/*MIDBOX (User 4, 5 et 6)*/
/* **************************************************************************/

/* Intitulé des titres des menus de USER 4, 5 et 6 : couleur du texte et du fond de cartouche*/
div.midbox div.moduletable h3 {
	color: #fff;
	background: #BAAE98;
	margin: 0 -3px 0 1px;
	
}
html>body div.midbox div.moduletable h3 {
	color: #fff;
	background: #BAAE98;
	margin: 0 -3px 0 -4px;
	
}

/* Concerne user 4, 5 et 6 ET user 7, 8, et 9*/
div.midbox a:link,
div.midbox a:visited,
div.botbox a:link,
div.botbox a:visited {
  color: #000;
}

/* **************************************************************************/
/*BOTBOX (User 7, 8 et 9)*/
/* **************************************************************************/

/* Couleur du texte BOTBOX : USER 7, 8 et 9*/
div.botbox {
  color: #dddddd;
}

/* **************************************************************************/
/*HEADER*/
/* **************************************************************************/

/* Intitulé des titres des menus FLASHINFO : couleur du texte et du fond de cartouche*/
div.moduletable h3 {
  background: #E0E0E0;
	color: #fff;
}

/* **************************************************************************/
/*FOOTER*/
/* **************************************************************************/
#bot-rocket {
	position: relative;
	text-align: center;
	line-height: 73px;
}
/* couleur de fond, des textes et des bordures de FOOTER*/
div#bot-footer{
	width: 948px;
	height:75px;
	background: #4b4b4b url(../images/footer.gif) right bottom no-repeat;
}

/* couleur des liens texte de FOOTER*/
div#bot-footer a:link,
div#bot-footer a:visited {
	color: #171717;
}
/* Image sous le footer*/
span.copy {
	color: #FFFFFF;
	font-size: 10px;
	padding: -20px 0 0 0;
	width: 946px;
	background: transparent;
}
html>body span.copy {
	color: #FFFFFF;
	font-size: 10px;
	line-height:70px;
	width: 948px;
	background: transparent;
}
/* couleur des liens texte de FOOTER*/
div#bot-rocket a:link,
div#bot-rocket a:visited {
	color: #C9C9C7;
}







td .contentpaneopen ul  li,
td .contentdescription ul  li,
td .contentpaneopenacc ul  li{
margin-top: 10px;
list-style-image:url(../images/puce2.gif);
text-align: justify;
padding-right: 20px;
}
td .contentpaneopen ul ul li,
td .contentdescription ul ul li,
td .contentpaneopenacc ul ul li{
margin-top: 10px;
list-style-image:url(../images/puce3.gif);
color:#4A4A4A;
text-align: justify;
padding-right: 20px;
}
td .contentpaneopen ul ul ul li,
td .contentdescription ul ul ul li,
td .contentpaneopenacc ul ul ul li{
margin-top: 10px;
list-style-image:url(../images/puce4.gif);
color:#6C6C6C;
text-align: justify;
padding-right: 20px;
}