/*
	CSS pour CanAssistance
	Emilie - egzakt.com
	2005-11-30
*/

#body_wrapper {
	background-color:#F0F2E6;	
	text-align: left;
	font: 11px/18px Verdana, Arial, sans-serif;
	color:#000000;
	margin:0;
	height:100%;
	text-align:center;
}

li {
	font: 13px Trebuchet;
	font-weight: bold;
	color: #757B5A;
	list-style:square url(../../images/cb/bullet_beige.gif);
	list-style-position:outside;
	margin-top: 10px;
}

li ul li{
	font: 11px Verdana;
	color: #000000;
	list-style:square url(../../images/cb/bullet_noir.gif);
	list-style-position:outside;
	margin-top: 10px;
}

h1 {
	font: small-caps 24px/18px Times, Verdana, Arial, serif;
	color:#757B5A;
	margin:0 0 20px 0;
}


h2 {
	color:#757B5A;
	font: 18px/20px 'Trebuchet MS', Verdana, Arial, sans-serif;
	margin-bottom:0;
}


a {
	cursor:pointer;
	color:#214D9F;
	font: 11px/15px Verdana, Arial, sans-serif;
	text-decoration:none;	
}
a:hover {
	color:#2381E8;
}

.htmlBlock_default,
.htmlBlock_default table tr td, 
.htmlBlock_default p,
{
	font: 11px/18px Verdana, Arial, sans-serif; 
	/*font: 12px Arial, sans-serif;*/
	
}
.htmlBlock_default ul li a {
	font: 13px Trebuchet;
	font-weight: bold;
}

img {
	border:0;
}


ul {
	padding-left:16px;
	margin-left:0;
}


.clear {
	clear:both;
}



/* ENTETE
------------------------------------------ */
#wrapper {
	margin:auto;
	width:768px;
	background-color:#FFFFFF;
	height:100%;
	text-align:left;
	display:table;
}

#logo {
	float:left;
	margin:15px 0 0 10px;
}

#entete,
#image_section {
	float:right;
	width:585px;
}

#entete a {
	width:60px;
	display:block;
	float:right;
	text-align:center;
	color:#000000;
	background-color:#E9E8D9;
	border-right:1px solid #FFFFFF;
}

#entete a:hover {
	background-color:#DFDEC8;
	text-decoration:none;
}

#entete a span {
	display:block;
	padding:5px;
}




/* NAVIGATION
------------------------------------------ */
#navigation {
	width:180px;
	float:left;
	margin-top:5px;
}

#navigation a, #navigation a.selected {
	width:160px;
	display:block;
	background-color:#CDCAA7;
	font: 12px/15px Verdana, Arial, sans-serif;
	color:#000000;
	border-bottom:1px solid #EFEEE2;
}

#navigation .mnutitle {
	background-color:#CDCAA7;
	font: 11px/15px Verdana, Arial, sans-serif;
	color:#000000;
	padding:3px 12px 3px 12px;
	margin-right: 20px;
}

#navigation a.selected, 
#navigation  .selected {
	background-color:#214D9F;
	color:#FFFFFF;
}

#navigation a:hover {
	background-color:#C0BB8F;
	text-decoration:none;
}

#navigation a.selected:hover {
	background-color:#214D9F;
}

#navigation a span {
	display:block;
	padding:3px 12px 3px 12px;
	font: 11px/15px Verdana, Arial, sans-serif;
}

#navigation .sous_navigation a, #navigation .sous_navigation a.selected {
	display:block;
	background:#DEDCC5 url(/images/cb/fleche.gif) no-repeat 8px 7px;
	font: 11px/15px Verdana, Arial, sans-serif;
	color:#000000;
	border-bottom:0;	
}

#navigation .sous_navigation a.selected {
	background:#FFFFFF url(/images/cb/fleche_selected.gif) no-repeat 8px 7px;
	color:#214D9F;
}

.#navigation .sous_navigation a:hover {
	background-color:#EBEADC;
}

#navigation .sous_navigation a.selected:hover {
	background-color:#FFFFFF;
}

#navigation .sous_navigation a span {
	display:block;
	padding-left:20px;
}





/* CONTENU
------------------------------------------ */
#contenu {
	float:right;
	width:585px;
	margin-top:5px;
}

#contenu_padding {
	padding-right:10px;
}

a.suggestions {
	color:#214D9F;
	font: bold 14px/26px 'Trebuchet MS', Verdana, Arial, sans-serif;
}

a.suggestions:hover {
	color:#2381E8;
}

/*
.separateur_contenu {
	margin:3px 0 10px 0;
}
*/
.separateur_contenu {
	text-align: right;
	background-image: url(/images/cb/separateur_contenu_bg.gif);
	background-repeat: repeat-x;	
	height: 15px;
	margin:3px 0 10px 0;
}

.haut {
	text-align:right;
	margin:-15px 20px 0 0;
}

.haut a {
	font: 9px/12px Verdana, Arial, sans-serif;
}

.contenu_ancre {
	padding-right:30px;
}



/* ACCUEIL
------------------------------------------ */

.intro_accueil {
	width: 95%;
}

.intro_accueil tr td {
	vertical-align: top;
}

.intro_accueil_gauche {
	width:260px;
}

.intro_separateur {
	width:15px;	
}

.intro_accueil_droite {
	padding: 10px 0px 0px 5px;
	
}

.intro_accueil_droite a {
	font: bold 14px/14px 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#214D9F;
}

.intro_accueil_droite a:hover {
	color:#2381E8;
}

.intro_accueil_droite img {
	float:left;
	margin:1px 3px 10px 0;
}



/* NAVIGATION CONTENU
------------------------------------------ */
table.navigation_contenu {
	margin-top:-10px;	
	padding:0px;	
	border:0px;
}

td.nav_contenu_col1 {	
	width:190px;
	vertical-align:text-top;
}

td.nav_contenu_col_autre {
	vertical-align:text-top;
	width:190px;
	padding:0px 5px 0px 5px;
}

ul.nav_contenu {
	margin:0px;
}

li.nav_contenu {
	list-style:square url(../../images/cb/bullet_bleu.gif);
	list-style-position:outside;
	margin-top: 0px;
}

td.nav_contenu_ligne {
	width:2px;	
	background-color:#777A64;	
	padding:0px;
}

img.nav_contenu_img_patch {
	width:2px;
}

#navigation_contenu div {
	float:left;
	width:170px;
	margin:0 10px 20px 0;
	padding-right: 5px;
	border-right:2px solid #909292;
}

#navigation_contenu a {
	line-height:18px;
}


/* BAS
------------------------------------------ */
#globe {
	float:left;
	margin-top:34px;
}

#navigation_bas {
	float:left;
	width:405px;
	height:85px;
	margin:34px 0 0 19px;	
	background-color:#CDCAA7;
	text-align:right;
}

#navigation_bas_padding {
	padding:12px;
}

#navigation_bas a {
	color:#004DCC;	
}

#navigation_bas a:hover {
	color:#2381E8;
}

#logo_bas {
	float:left;
	margin-top:20px;
}

#copyright {
	clear:both;
	margin-left:10px;
	color:#686865;
	font: 10px/14px Verdana, Arial, sans-serif;
	text-transform:uppercase;
}




/* POPUP
------------------------------------------ */
html#popup {
	height:1%;
}

#wrapper_popup {
	margin:10px auto 0 auto;
	width:500px;
	background-color:#FFFFFF;	
	text-align:left;
	border:2px solid #848581;
}

#contenu_popup {
	padding:10px 23px 10px 23px;
}

.contenu_popup_ancre {
	padding-right:10px;
}

#fermer {
	margin-top:10px;
	text-align:right;
}

#fermer a {
	font: 10px/14px Verdana, Arial, sans-serif;
}

/* Tableau
-------------------------------------------*/
.table_editeur {
	border-collapse: collapse;
}

.table_editeur * td {
	height:16px;	
	padding:5px 10px 5px 10px;
}

.table_editeur .table_editeur_entete td {
	background-color:#CDCAA7;
	font-weight:bold;
	border-bottom:solid 2px white;
}

.table_editeur tr td {
	background-color:#DEDCC5;
	border: 1px solid #EFEFDE;
}

.cb_titre {
	color:#757B5A;
	font-family:'Trebuchet MS',Trebuchet,sans-serif;
	font-weight:bold;
	font-size:15px;
	margin-top:0px;
}

.componentContent .navigation_contenu {
	margin-top:0px;	
}