/* copyright Bookmark 2007 */



/********************************/
/*			GENERAL 			*/
/********************************/

body
{
	background: url("../images/bg/bg_body.gif") left top;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	

	margin: 0;
	
}

div#page
{

}

div#frame
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	
	text-align: left;
	width: 840px;
	
	background-color: #FFFFFF;
	
}

div.floatBreak
{
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}


/********************************/
/*			CONTENU 			*/
/********************************/

p
{
	margin: 0px;
	padding: 0px;
}


div.contenu
{
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	
	margin: 0;
	padding: 0px 20px 0 20px;

	text-align: justify;
	text-justify: distribute;

}

div.contenu ul
{
	margin: 0 0 0 0px;
	padding: 0;

	list-style: none;
}

div.contenu ul ul
{
	margin: 10px 0 0 15px;
	padding: 0;

	list-style: none;
}

div.contenu li
{
	background: url("../images/puce1.gif") no-repeat left 5px;

	font-size: 12px;
	font-weight: normal;
	color:#000000;
	
	margin: 0;
	padding: 0 0 10px 15px;

	list-style-image: url("../images/dot.gif");
}

span.exergue
{
	color: #33CCCC;
}

div.soustitre
{
	font-size: 12px;
	font-weight: bold;
	color:#33CCCC;
	
	margin: 0;
	padding: 10px 0 10px 0;

}


li
{
	list-style-type: none;
	list-style-image: url("../images/dot.gif");
}




/********************************/
/*			TITRES 				*/
/********************************/

/* Chapo home - bleu */
h1
{
	font-size: 26px;
	line-height: 31px;
	height:100px;
	font-weight: lighter;
	color:#33CCCC;
	
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;

}

/* Chapo rubrique - bleu */
h2
{
	font-size: 18px;
	line-height: 26px;
	font-weight: lighter;
	color:#33CCCC;
	
	margin: 0 0 0 20px;
	padding: 25px 0 0 0;

}

/* Chapo rubrique - bleu foncˇ */
h3
{
	font-size: 18px;
	line-height: 26px;
	font-weight: lighter;
	color:#33CCCC;
	
	margin: 0 0 0 20px;
	padding: 35px 0 0 0;

}

/* Titre accroche - bleu fonce */
h4,h5,h6
{
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	color: #33CCCC;
}


.intm
{
	font-size: 24px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	color: #003399;
}


span.firstletter
{
	font-size: 24px;
}


/********************************/
/*		TETIERE / RUBRIQUES 	*/
/********************************/

div#tetiere
{
/*	background: url("../images/tetiere/fond_tetiere.jpg");
	background-repeat: no-repeat;
	background-position: left top;
*/

	width: 600px;
	height: 80px;

	margin: 0;
	padding: 0;
}

div#rubriques
{
	background: url("../images/tetiere/fond_rubriques.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	
	width: 600px;
	height: 20px;

	margin: 0;
	padding: 0;
}

a#rub1
{
	background: url("../images/tetiere/rub1.gif");
	background-repeat: no-repeat;
	background-position: left top;

	width: 74px;
	height: 20px;

	margin: 0 0 0 20px;
	padding: 0;

	float:left;
}

a#rub1:hover
{
	background-position: left -20px;
}

a#rub2
{
	background: url("../images/tetiere/rub2.gif");
	background-repeat: no-repeat;
	background-position: left top;

	width: 72px;
	height: 20px;

	margin: 0 0 0 18px;
	padding: 0;

	float:left;

}

a#rub2:hover
{
	background-position: left -20px;
}

a#rub3
{
	background: url("../images/tetiere/rub3.gif");
	background-repeat: no-repeat;
	background-position: left top;

	width: 68px;
	height: 20px;

	margin: 0 0 0 18px;
	padding: 0;

	float:left;

}

a#rub3:hover
{
	background-position: left -20px;
}

a#rub4
{
	background: url("../images/tetiere/rub4.gif");
	background-repeat: no-repeat;
	background-position: left top;

	width: 106px;
	height: 20px;

	margin: 0 0 0 18px;
	padding: 0;

	float:left;

}

a#rub4:hover
{
	background-position: left -20px;
}




/********************************/
/*			ACCROCHES			*/
/********************************/

div.accroche
{
	padding: 17px 15px 0px 20px;
}


div.accroche ul
{
	margin: 0;
	padding: 0;

	list-style: none;
}

div.accroche li
{
	background: url("../images/nav/fleche.gif");
	background-repeat: no-repeat;
	background-position: left 7px;

	line-height: 13px;

	padding: 5px 0px 0px 17px;

	list-style-image: url("../images/dot.gif");
}

div.accroche li a
{
	font-size: 13px;
	font-weight: normal;
	color:#666666;

	margin: 0;
	padding: 0;
	vertical-align:top;

}


/*			ACCROCHE COL DROITE				*/

div.accroche_1X1
{
	padding: 17px 15px 0px 0px;
}

div.accroche_1X1 ul
{
	margin: 0;
	padding: 0;

	list-style: none;
}

div.accroche_1X1 li
{
	background: url("../images/nav/fleche.gif");
	background-repeat: no-repeat;
	background-position: left 7px;

	line-height: 13px;
	
	padding: 5px 0px 0px 17px;

	list-style-image: url("../images/dot.gif");
}

div.accroche_1X1 li a
{
	font-size: 11px;
	font-weight: normal;
	color:#666666;

	margin: 0;
	padding: 0;
	vertical-align: top;

}

img.logo_small
{
	margin: 4px 0px 0px 0px;
	border: 0;
}




/********************************/
/*			CONTACT				*/
/********************************/
div.contact
{
	background-color: #003399;

	height: 20px;
	margin: 0;
	padding: 0px 0px 0px 15px;
}

div.contact ul
{
	margin: 0;
	padding: 2px;

	list-style: none;
}

div.contact li
{
	background: url("../images/nav/fleche_contact.gif");
	background-repeat: no-repeat;
	background-position: left 2px;

	margin: 0;
	padding: 0px 0px 0px 17px;

	list-style-image: url("../images/dot.gif");
}

div.contact li a
{
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
	
	margin: 0;
	padding: 0;
	vertical-align:top;
}

div.retourtop
{
	background: url("../images/nav/fleche_retourtop.gif");
	background-repeat: no-repeat;
	background-position: 100px top;

	background-color: #003399;

	height: 20px;
	margin: 0;
	padding: 0;
}


/********************************/
/*			LIENS				*/
/********************************/

a,a:link,a:visited
{
	text-decoration:none;
}

a:hover
{
	text-decoration: underline;
}



.roll_over { cursor: pointer; }