HTML, BODY {
	
}

/* --- BODY --- */

BODY {
	background-color:#8994b7;
	margin:0;
	background-image:url(img/degrade-fond-page.jpg);
	background-position:left;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#252f4f;
}

A:link, A:visited {
	color:#b30739;
}

A:hover {
	color:red;
}


/* --- formulaires --- */


INPUT, TEXTAREA
{
	border:1px solid #baccd1;
	padding:2px;
}

INPUT.checkbox, INPUT.radio, INPUT.submit
{
	width:auto !important;
	border:0px;
}

INPUT.submit
{
	border:1px outset #ddd;
}	
	
INPUT.flash
{
	background-color:InfoBackground;
	color:#CC0000;
}

/* --- PAGE --- */

#PAGE {
	position:relative;
	background-color:#FFF;
	width:797px;
	border:1px solid #687393;
	border-width:1px 1px 1px 0;
	padding:1px;
	background-image:url(img/arbre-fond-page.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-top:85px;
}

/* --- LOGO --- */
#LOGO {
	position:absolute;          
	margin-left:-1px;
	margin-top:-67px;
	background-image:url(img/logo-vague-page.gif);
	background-repeat:no-repeat;
	width:500px;
	height:121px;
	cursor:pointer
}

/* --- MENU --- */
#LINK_ACCEUIL {
	position:absolute;
	right:0;
	top:-20px;
	right:10px;
	color: white;
	font-size:11px;
	text-decoration:none
}

/* --- MENU --- */
/*
#MENU {
	margin:0;
	height:37px;
	width:auto;
	background-image:url(img/fond-menu-degrade.gif);
	background-repeat:repeat-x;
	text-align:right;
}

#MENU LI {
	list-style-type:none;
	display:inline;
}

#MENU LI A {
	position:relative;
	line-height:30px;
	padding-right:8px;
	font-family:"Trebuchet MS",Arial;
	color:white;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
*/
#MENU {
	z-index:15;
	background:#BA083E url(img/fond-menu-degrade.gif);
	text-align:right;
	height:37px;
	padding-left:435px
}

#MENU ul, #MENU ul ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#MENU ul {
	height:35px;
	line-height:35px;
	
} 

#MENU a {
	display: block;
	text-align:center;
	line-height:31px;
	padding:0 8px 1px 8px;
	font-family:"Trebuchet MS",Arial;
	color:white;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

#MENU a:hover, #MENU a#actif  {
	
}	

#MENU li { /* all list items */
	float: left;
}

#MENU li:hover ul, #MENU li.sfHover ul { /* lists nested under hovered list items */
	left: auto;
}

/* second-level lists */

#MENU li ul { 
	position: absolute;
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height:auto;
	line-height:auto;
	z-index:999;
	background:url();
	
}

#MENU li ul a { /* second-level lists */
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:14px;
	background: url();
	text-align:left;
	font-weight:normal;
	padding:5px;
	line-height:18px;
	width: 160px;
	background: #38BBB0;
	opacity:0.90;
	-moz-opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#MENU li ul a:hover { /* second-level lists */
	background: #AEE5E0 ;
	color:#252F4F;
	opacity:1;
	-moz-opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}


/* --- CONTENT --- */
#CONTENT {
	background-image:url(img/ligne-verte-fond.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding:25px 15px 10px 65px;
	text-align:justify;
	line-height:150%;
	/*height: 450px;*/
}

/*html>body #CONTENT {
	height: auto;
	min-height: 450px;
} */

H1 {
	position:relative;
	top:-20px;
	margin: 0 0 -20px auto;
	padding-right:20px;
	padding-bottom:3px;
	font-family:"Trebuchet MS",Arial;
	text-align:right;
	color:#b30739;
	font-weight:bold;
	font-size:26px;
	border-bottom:1px solid #8994b7;
	line-height:normal;
	width:530px;
}

H2 {
	color:#269d92;
	font-family:"Trebuchet MS",Arial;
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	text-align:center
}

H3 {
	color:#6d6f96;
	padding-left:17px;
	margin-left:15px;
	background-image:url(img/carre-rouge.gif);
	background-repeat:no-repeat;
	background-position:0px 6.5px;
	font-size:17px;
	margin-bottom:6px;
}

H3 A { color:#6d6f96 !important; }

H4 {
	color:#C00;
	font-style:italic;
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
}

BLOCKQUOTE {
	margin-top:0;
	margin-bottom:0;
}

/* --- MENTIONS --- */
#MENTIONS {
	margin-top:1px;
	background-color:#b30739;
	height:22px;
	line-height:22px;
	padding:0 5px;
	color:white;
	font-size:10px;
	text-align:right;	
}

#AFAQ {
	position:absolute;
	bottom:8px;
	left:11px;
	background-image:url(img/logo-afaq.gif);
	background-repeat:no-repeat;
	width:43px;
	height:54px;
}

/* --- MENU --- */
#SUBMENU
{
	position:absolute;
	width:170px;
	left:0;
	top:80px;
	background-color:white;
	background-image:url(img/fond-submenu.gif);
	background-repeat:repeat-y
}
/*#CONTENT { padding-left:185px }*/
#SUBMENU UL
{
	margin:0;
	padding:0;
	border-top:1px dotted #35bdb2
}

#SUBMENU UL LI
{
	list-style-type: none;
	line-height:100%;
	text-align:left;
	border-bottom:1px dotted #35bdb2
}

#SUBMENU UL LI A
{
	display:block;
	padding:4px 4px;
	line-height:140%;
	padding-left:25px;
	text-decoration:none;
	font-size:12px;	
	color:#3b445e;
	font-weight:bold;
	background-image:url(img/submenu-fleche-rouge.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
	width:auto;
}

#SUBMENU UL LI.active A
{
	background-color:#dbe0ed;
	background-image:url(img/submenu-fleche-rouge-open.gif);
	background-position:8px 10px;
}

/* --- sous --- */

#SUBMENU UL LI UL {
	display:none;
	border-top:0px;
}

#SUBMENU UL LI.active UL {
	display:block;
}

#SUBMENU UL LI UL LI {
	border-bottom:1px dotted #eee;
	
}

#SUBMENU UL LI UL LI A, #SUBMENU UL LI.active UL LI A  {
	padding-left:30px;
	background-color:white;
	font-weight:normal;
	background-image:url();
}

#SUBMENU UL LI UL LI A:hover {
	color:#CC0000;
}


#SUBMENU UL LI UL LI.active A {
	background-color:#f2fbfa;
	font-style:italic;
	color:#CC0000;
}




/* --- ACREAT --- */

#ACREAT {
	width:790px;
	font-size:10px;
	text-align:right;
	color:#c7cde0;
	padding-right:10px;
}

#ACREAT A {
	color:#c7cde0;
	text-decoration:none;
}

#ACREAT A:hover {
	color:#fff;
	text-decoration:underline;
}


/* --- ACCUEIL --- */
#TABLEAU-ACCEUIL {
	margin:10px auto;
}

#TABLEAU-ACCEUIL TD {
	vertical-align:top;
}
#TABLEAU-ACCEUIL TD.droite {
	width:100%;
	padding-top:10px;
}

#visuel-accueil {
	position:relative;
	margin-left:-20px;
}

#EDITO {
	width:440px;
	background-color:#eff1f8;
	padding:12px 15px;
	/padding-top:25px;
	margin-left:-20px;
	line-height:130%;
	margin-top:34px;
	position:relative
}

#EDITO #EDITO-GIF {
	position:absolute;
	top:-15px;
	left:25px;
}

#NEWS {
	position:relative;
	left:5px;
	padding:0px 8px;
}


.news {
	margin-bottom:14px;
	font-size:13px;
	line-height:130%;
}


.news .news-titre {
	font-weight:bold;
	border-bottom:1px solid #dfe2ed;
	font-style:normal;
	margin-bottom:4px;
	text-align:left;
	font-size:14px;
	padding-bottom:2px;
}

.news .news-date {
	font-weight:normal;
	color:#b30739;
	font-size:13px;
}

#CITATION {
	width:auto;
	padding: 10px 0px 0px 25px;
	margin:15px auto 0 auto;
	font-style:italic;
	line-height:130%;
	font-size:12px;
	color:#687393;
	background-image:url(img/guillemets-open.gif);
	background-repeat:no-repeat;
	margin-left:-20px;
}

#CITATION DIV {
	background-image:url(img/guillemets-close.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:25px;
}

#CITATION A {
	font-style:normal;
}
/* --- FORMULAIRE --- */
.formulaire
{
	width:90%;
	margin:10px auto;
	border-collapse:collapse;
	border-width:0px;
}

.formulaire TH
{
	text-align:left;
	width:30%;
	line-height:25px;
}

.formulaire TBODY TH, .formulaire TBODY TD
{
	padding:5px;
	border-bottom:1px solid #eee;
	vertical-align:top;
}

.formulaire TR.obligatoire TH
{
	color:#CC0000;
}

.formulaire TD.message
{
	background-color:InfoBackground;
	text-align:center;
	border:0px dotted orange;
	font-weight:bold;
	color:#CC0000;
	padding:10px;
	font-size:16px;
}


.formulaire TBODY TD LABEL
{
	display:block;
}


.formulaire TFOOT TD
{
	text-align:center;
	padding-top:10px;
}

.formulaire INPUT, .formulaire SELECT, .formulaire TEXTAREA
{
	width:95%
}

.formulaire TEXTAREA
{
	height:100px;
}

/* ------ PAGINATION ------*/
#pagination ul
{
	padding: 3px 0;
	margin: 5px 0 0 0;
	list-style-type: none;
	width: 100%;
	font: normal 90% arial, helvetica, sans-serif;
	text-align: center;
}

#pagination li { 
	display: inline; 
	margin:0 3px;
}

#pagination li a {
	text-decoration: none;
	background-color: #8994B7;
	color: #FFF;
	padding: 2px 8px;
	border-right: 1px solid #fff;
	border:1px solid #687393
}

#pagination li a:hover {
	background-color: #B30739;
	border-color:#B30739;
	color: #fff;
}

#pagination li.currentPage {
	color:#999999;
	margin-right:10px;
}

#pagination li.previous a, #pagination li.next a {
	background:transparent;
	color:#687393;
	font-weight:bold;
	border-color:transparent;
	padding:0;
	font-size:110%;
}

#pagination li.previous a:hover, #pagination li.next a:hover {
	color:#B30739
}

#pagination li.active a {
	background:transparent;
	color:#B30739;
	font-weight:bold;
	border-color:#B30739;
}

/* ---------- BLOG --------- */
.blog-feed {
	background: url(img/blog/feed.png) no-repeat left center;
	padding-left:22px;
	float:right;
	margin:-12px -10px 0 0;
	font-size:11px;
	text-decoration:none
}

.billet {
	clear:both;
	padding-top: 15px;
	font-size:90%
}

.billet p {
	padding: 0px 0px 15px;
	margin: 0px;
}

.billet-date {
	background: url(img/blog/mini-calendar.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 95%;
	color: #999999;
}

.billet-author {
	background: url(img/blog/mini-category.gif) no-repeat left center;
	padding-left: 20px;
	font-size: 95%;
	color: #999999
}

.billet-title {
	color: #687393;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 160%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
	text-align:left;
}

.billet-title a, .billet-title a:visited {
	color: #687393;
	text-decoration: none;
}

.billet-title a:hover {
	color: #B30739;
}

.billet-texte {
	clear: both;
	padding-top: 10px;
	font-size:110%
}

.billet-link-more {
	display:block;
	margin-top:5px;
	background: url(img/blog/mini-nav-right.gif) no-repeat left center;
	padding-left:20px;
	font-size:80%
}

.billet-link-back {
	float:right;
	background: url(img/blog/mini-nav-left.gif) no-repeat left center;
	padding-left:20px;
}