BODY
{
	background	: #ffaf00 url(../img/degrade_fond.jpg) repeat-x;
	font-family	: Arial;
	font-size	: 11px;
}


H1
{
	font-size	: 16px;
	font-weight	: bold;
	color		: #f29400;
	background	: url(../img/bobine_titre_orange.gif) no-repeat 235px 0px;
	height		: 24px;
	width		: 407px;
	margin		: 0px;
	border-bottom	: 1px solid #f29400;
	padding-left	: 1px;
}

H1.commerce
{
	background	: none;
	color		: #f29400;
}

H1 IMG
{
	margin-right	: 5px;
}

H2
{
	margin		: 0px;
	font-size	: 14px;
	font-weight	: bold;
	color		: #f29400;
}

H2 A
{
	color		: #f29400;
	text-decoration	: none;
	text-transform	: uppercase;
}

H2 A:hover
{
	color		: #000066;
}



#container
{
	width		: 924px;
	margin-left	: auto;
	margin-right	: auto;
}

#bandeau
{
	line-height	:0px;
}

#content
{
	
}

#calage
{
	height: 100px;
}

#bobine
{
	background	: url(../img/bobine.gif) no-repeat;
	margin-left	: 437px;
	width		: 389px;
	height		: 18px;
	padding-left	: 70px;
	padding-top	: 30px;
}

#bobine A
{
	color		: #000066;
	font-weight	: bold;
	text-decoration : none;
	margin-left	: 10px;
}



#visuel
{
	margin-left	: -25px;
	margin-top	: -220px;
	position	: absolute;
	z-index: 5;
}

#ombrebas
{
	margin-left	: 180px;
	margin-top	: 16px;
	position	: absolute;
	width		: 250px;
	text-align	: right;
	z-index: 4;
}

#mentions
{
	margin-left	: 210px;
	margin-top	: 20px;
	position	: absolute;
}


#credits
{
	margin-left	: 715px;
	margin-top	: 23px;
	position	: absolute;
	width		: 350px;
	text-align	: right;
}

#credits IMG
{
	border		: 0px;
}

#credits A, #mentions A
{
	color		: white;
	font-size	: 11px;
	margin-left	: 10px;
}

#credits DIV
{
	float: left;
}

#navtop
{
	background	: url(../img/barre_navigation.jpg) no-repeat;
	width		: 924px;
	height		: 52px;
	position	: absolute;
}

HTML.MSIE #navtop
{
	margin-top	: -3px;
}

#navtop .items
{
	position	: absolute;
	margin-left	: 200px;
	margin-top	: 4px;
}

#navtop .items A
{
	color		: white;
	text-decoration	: none;
	font-size	: 13px;
	font-weight	: bold;
	margin-right	: 20px;
}

#navtop .items A:hover, #navtop .items A.selected
{
	color		: #000066;
}

#navtop .fd
{
	height		: 90px;
	background	: url(../img/fond_left.jpg) no-repeat;
	
}

#navtop .recherche
{
	position	: absolute; 
	margin-left	: 13px;
	margin-top	: 10px;
	padding-left	: 2px;
	background	: url(../img/recherche.jpg) no-repeat;
	width		: 160px;
}

#navtop .recherche .ok
{
	position	: absolute;
	margin-left	: 133px;
	margin-top	: 7px;
}

#navtop .recherche A
{
	color		: white;
	text-decoration	: underline;
	font-weight	: bold;
}

#navtop .recherche INPUT
{
	border		: 1px solid white;
	width		: 118px;
	padding-left	: 0px;
	margin-left 	: 3px;
	margin-top 	: 2px;
	height		: 15px;
	position	: absolute;
	color		: #000066;
	font-weight	: bold;
}

#texte
{
	margin-top	: 52px;
	padding-bottom	: 20px;
	position	: absolute;
	width		: 924px;
	background	: url(../img/fond.jpg) repeat-y 0 35px;
}

HTML.MSIE7 #texte
{
	margin-top	: 49px;
}

HTML.MSIE8 #texte
{
	margin-top	: 44px;
}


#texte .zone
{
	margin-left	: 185px;
	padding-left	: 30px;
}

#texte .right
{
	position	: absolute;
	margin-left	: 700px;
	width		: 230px;
	height		: 400px;
}

HTML.MSIE6 #texte .right, HTML.MSIE7 #texte .right
{
	margin-left	: 515px;
}

#texte .right .pave
{
	margin-bottom	: 10px;
}

#texte .right .pave INPUT
{
	width		: 60px;
	height		: 12px;
	font-size	: 11px;
}

#texte .right .pave .fond
{
	background	: #ffec00;
	width		: 210px;
	margin-top	: -3px;
	padding-top	: 5px;
}


#texte .right .pave TD
{
	color		: #000066;
	font-size	: 11px;
	font-weight: bold;
}

#texte .right .pave .texte
{
	padding-left	: 6px;
	float		: left;
	width		: 80px;
}

#texte .right .pave A
{
	color		: #000066;
	font-size	: 11px;
}

#texte .right .pave .photo
{
	margin-left	: 88px;
	
	background	: white;
	width		: 108px;
	height		: 108px;
	text-align	: center;
	border		: 1px solid #ccc;
}

#texte .right .pave .photo TABLE
{
	height		: 108px;
}


#texte .actualites .news
{
	margin-top	: -4px;
	margin-bottom	: 5px;
	width		: 440px;
	padding		: 10px;
	padding-right	: 0px;
}

#texte .actualites .news .titre
{
	font-weight	: bold;
	font-size	: 13px;
}

#texte .actualites .news .texte
{
	width		: 340px;
	font-size	: 12px;
	color		: #000066;
}

#texte .actualites .news .texte A
{
	color		: #e31b25;
}

#texte .actualites .news .img
{
	float		: right;
}


#texte .agenda .news .titre
{
	font-weight	: bold;
	font-size	: 13px;
	
}

#texte .agenda .news .texte
{
	width		: 430px;
	font-size	: 12px;
	color		: #000066;
}

#texte .agenda .news .texte A
{
	color		: #e31b25;
}

#texte .agenda .news .img
{
	float		: right;
}


#texte .agenda
{
	margin-top	: 10px;
	width		: 450px;
}

#texte .agenda .news
{
	line-height: 1.5em;
}

#texte .agenda .news A
{
	color		: #e31b25;
	text-decoration	: none;
}

#texte .agenda .news A:hover
{
	text-decoration	: underline;
}

#navleft
{
	width		: 178px;
	margin-top	: 30px;
	margin-left	:-213px;
	position	: absolute;
	z-index		: 6;
	
}

HTML.MSIE #navleft.home
{
	margin-left	:-216px;
}

#navleft .item
{
	width		: 172px;
	height		: 25px;
	padding		: 8px 0px 0px 0px;
	border-top	: 2px solid white;
	text-align	: right;
}

#navleft .item A
{
	margin-right	: 25px;
	margin-left   	: 5px;
	color		: white;
	text-decoration	: none;
	font-size	: 13px;
	font-weight	: bold;
	display		: block;
}


#navleft .item A:hover, #navleft .item A.selected
{
	color		: #000066;
}

#navleft .subitem
{
	width		: 172px;
	padding		: 0px 0px 10px 0px;
	text-align	: right;
}

#navleft .subitem A
{
	margin-right	: 25px;
	color		: white;
	text-decoration	: none;
	font-size	: 12px;
	font-weight	: bold;
	line-height	: 20px;
}

#navleft .subitem A:hover
{
	color		: #000066;
}

#etoileguide
{
	position	: absolute;
	margin-left	: 5px;
	margin-top	: 0px;
	border		: 0;
}

.navcontent
{
	margin-left	: 170px;
}

.subnav . 
{
	padding-right	: 15px;
}

.subnav
{
	position	: absolute;
	width		: 160px;
	text-align	: right;
	
}

.subnav P
{
	margin 		: 0px;
	margin-bottom	: 10px;
	margin-right	: 15px;
}

.subnav A
{
	font-size	: 11px;
	color		: #ffaf00;
	text-decoration	: none;
	
	font-weight	: bold;
	margin-bottom	: 10px;
}

.subnav A.selected, .subnav A:hover
{
	color		: #000066;
}

.trombino .titre
{
	background	: #f29400;
	padding		: 5px;
	color		: white;
}


.trombino
{
	background	: #ffefcc;
	width		: 460px;
	padding-bottom	: 20px;
}

.trombino IMG
{
	border		: 0px;
	padding		: 5px;
}

#outils
{
	position	: absolute;
	top		: -30px;
}


.loginTable INPUT.field
{
	width		: 150px;
}

.loginTable INPUT.bouton
{
	border		: 0px;
	background	: #ccc;
}


/*actualites */

.actus .news
{
	margin-top	: -4px;
	margin-bottom	: 5px;
	width		: 640px;
	padding		: 10px;
	padding-right	: 0px;
}

.actus .news .titre
{
	font-weight	: bold;
	font-size	: 13px;
}

.actus .news .texte
{
	width		: 340px;
	font-size	: 12px;
	color		: #000066;
}

.actus .news .texte A
{
	color		: #e31b25;
}

.actus .news .img
{
	float		: right;
}


.actu .news
{
	margin-top	: -4px;
	margin-bottom	: 5px;
	width		: 640px;
	padding		: 10px;
	padding-right	: 0px;
}

.actu .news .titre
{
	font-weight	: bold;
	font-size	: 13px;
}

.actu .news .texte
{
	width		: 340px;
	font-size	: 12px;
	color		: #000066;
}

.actu .news .texte A
{
	color		: #e31b25;
}

.actu .news .img
{
	float		: right;
}