/* En-tête */
#header 
{
	background-image: url("../img/Bg_logo.png");
	background-repeat: no-repeat;
	background-position: top left;
	width:985px;
	height:124px;
}
#header .hleft 
{
	float: right;
    padding-top: 20px;
}
#header .hleft2 
{
	float: right;
    padding-top: 55px;
    padding-left: 8px;
    padding-right:18px;
    font-size:110%;
    font-weight:bold;
    color:#276E9C;
    width:170px;    
}
#header .hright
{
	width: 576px;
	height: 55px;
    float: right;
	padding: 0px 10px 0px 5px;
    margin-top: 30px;
	background-image: url("../img/header-hright-bg.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#header .hright h2
{
    display: none;
}
#header .hright a
{
	font-weight: bold;
}

/* Zone principale */
#main 
{
	min-height:694px;
}
/* Contenu */
#content {
	WIDTH: 540px;
	float:left;
	margin:0px 0px 0px 16px;
	padding:0px;
	vertical-align:top;
}
#content .navigation, #content .navigation A
{
	color:#28adad;
	font-weight:bold;
	padding-bottom:5px;
}
#content DIV.content {
	MARGIN: 0px;
	padding:0px 0px 0px 0px;
	background-image: url("../img/bg_fille.gif");
	background-repeat:repeat-y;
	width:537px;
}
#content DIV.content .texte
{
	margin:0px;
	padding:0px 20px 10px 20px;
}
#content DIV.bottom 
{
	width:537px;
	height:33px;	
	background: #FFFFFF url("../img/base_fille.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}
#content H1 {
	PADDING: 0px 0px 0px 18px;
	margin:0px;
	font-size:160%;
	display:none;

}
#content H2 {
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
	margin:0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	color:#276E9C;
}
#content H3 {
	FONT-SIZE: 110%;
	FONT-WEIGHT: bold;
	color:#276E9C;
}
#content IMG {
	PADDING : 0px;
	MARGIN: 0px;
	BORDER: 0px;
}
#content IMG.icon {
	MARGIN: 2px 3px;
	VERTICAL-ALIGN: middle;
}

#content A {
	COLOR: #28ADAD;
	font-weight:bold;	
	text-decoration:underline;
}

#content P {
	MARGIN: 0px 0px 10px 0px;
}
#content UL, #content OL {
	MARGIN: 0px 0px 10px 20px;
	PADDING: 0px;
}
#content UL LI {
}
/* FAQ */
#content UL.doc 
{
	color:#28ADAD;
}
#content UL.doc A 
{
	text-decoration:none;
}

/* Liste de thèmes */
#content UL.thm 
{
	margin: 0px 0px 10px 60px;
}
#content UL.thm LI
{
	list-style:url("../img/puce_theme.gif");
}
#content UL.thm LI H2 
{
	padding:0px;
	margin:0px;
}
#content UL.thm A
{
	color:#276E9C;
	font-weight:bold;
	text-decoration:none;
}
#content UL.thm A:hover
{
	color:#4F5A61;
	font-weight:bold;
	text-decoration:underline;
}
#content .all
{
	background-image: url("../img/mright-all-bg.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
	font-weight: bold;
}
/* Liste de documents */
#content .cm_floatLeft IMG,#content .cm_floatRight IMG
{
	padding:5px;
}

/* Tableaux */
#content TABLE {
	BORDER-COLLAPSE: collapse;
	border: 1px solid #D6D6D6;
}
#content TABLE CAPTION {
	MARGIN: 0px 0px 1px -1px;
	COLOR: #FFFFFF;
	BORDER: none;
	PADDING: 2px;
	FONT-SIZE: 115%;
	FONT-WEIGHT: bold;
}
#content TABLE THEAD TH {
    FONT-WEIGHT: bold;
	PADDING: 2px;
	TEXT-ALIGN: center;
	border: 1px solid #D6D6D6;
}
#content TABLE TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	border: 1px solid #D6D6D6;
}
#content TABLE .row0 {
    BACKGROUND-COLOR: #FFFFFF;
}
#content TABLE .row1 {
    BACKGROUND-COLOR: #ECF5FA;
}
#content TABLE .details {
	TEXT-ALIGN: center;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/details.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 50% 10px;
	PADDING-TOP: 26px;
	PADDING-BOTTOM: 10px;
}

#content TABLE TD.gotop {
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 10px;
}

/* Formulaires */
#content FORM {
}
#content FIELDSET {
	PADDING: 5px 0px;
}
#content LEGEND {
	FONT-WEIGHT: bold;
	MARGIN-LEFT: 0px;
	PADDING-LEFT: 0px;
}
#content FORM DIV {
	PADDING: 3px 0px;
}
#content INPUT, #content SELECT, #content TEXTAREA {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #000066;
	COLOR: #000066;
}
#content FORM INPUT.radio {
	BORDER: none;
}
#content .legende {
	FONT-SIZE: 87%;
	FONT-STYLE: italic;
}
#content .obligatoire {
	FONT-WEIGHT: bold;
}
#content FORM .formSubmit {
}
#content FORM .submit INPUT {
}


/* Formulaire CONTACT */
FORM#contact SPAN {
	FONT-WEIGHT: bold;
}
FORM#contact LEGEND {
	DISPLAY: none;
}
FORM#contact LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#contact INPUT {
	WIDTH: 250px;
	BORDER: 1px solid #276E9C;
}
FORM#contact TEXTAREA {
	WIDTH: 300px;
	max-width:300px;
	BORDER: 1px solid #276E9C;
}
FORM#contact #inf_codepostal {
	WIDTH: 50px;
}
FORM#contact DIV.submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#contact DIV.submit INPUT {
	WIDTH: auto;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #FD9D07;
	BORDER : 1px solid #276E9C;
	FONT-WEIGHT: bold;
}

/* Résultats de la recherche */
#content .resultHead {
	TEXT-ALIGN: center;
	PADDING: 2px;
	MARGIN-TOP: 15px;
	BACKGROUND-COLOR: #D1D1D1;
}
#content #resultList UL {
	LIST-STYLE: none;
	MARGIN: 0px;
	PADDING: 0px;
}
#content #resultList UL LI {
	BORDER-BOTTOM: 1px solid #D1D1D1;
	MARGIN: 10px 0px 0px 0px;
	PADDING: 0px 0px 10px 0px;
}
#content #resultList LI A {
	FONT-WEIGHT: bold;
}
#content .resultFoot {
	TEXT-ALIGN: center;
	PADDING-TOP: 2px;
	MARGIN-BOTTOM: 15px;
}

/* Plan du site */
#content #plansite 
{
	padding-top:10px;
}
#content #plansiteleft 
{
	width:50%;
	float:left;
}
#content #plansiteright 
{
	width:50%;
	float:right;
}
#content UL.plansite {
	LIST-STYLE: none;
	MARGIN: 0px;
}
#content UL.plansite LI UL {
	LIST-STYLE-TYPE: none;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 15px;
}
#content UL.plansite LI UL LI H3 A
{
	BACKGROUND-IMAGE: url("../img/puceVerte.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:10px;
	color:#276E9C;
}
#content UL.plansite LI UL LI A{
	PADDING-BOTTOM: 2px;
	COLOR: #4F5A61;
	text-decoration:none;
	BACKGROUND-IMAGE: url("../img/puceOrange.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	padding-left:10px;
}
#content UL.plansite A:hover
{
	text-decoration:underline;
}
#content UL.plansite LI UL LI UL {
	LIST-STYLE-TYPE: none;
	MARGIN-TOP: 2px;
	MARGIN-BOTTOM: 10px;
}
#content UL.plansite LI H3 {
	PADDING-LEFT: 3px;
}

/* Retour haut de page */
DIV.gotop {
	TEXT-ALIGN: right;
	PADDING: 5px;
	MARGIN: 0px;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
}
DIV.gotop A {
	color:#276E9C;
	font-size:90%;
}


/* Formulaire INTRANET */
FORM#intranet SPAN {
	FONT-WEIGHT: bold;
}
FORM#intranet LEGEND {
	DISPLAY: none;
}
FORM#intranet LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
FORM#intranet INPUT {
	WIDTH: 150px;
	BORDER: 1px solid #276E9C;
}
FORM#intranet TEXTAREA {
	WIDTH: 300px;
	BORDER: 1px solid #276E9C;
}
FORM#intranet DIV.submit {
	TEXT-ALIGN: center;
	MARGIN: 5px 0px;
}
FORM#intranet DIV.submit INPUT {
	WIDTH: auto;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #FD9D07;
	BORDER : 1px solid #276E9C;
	FONT-WEIGHT: bold;
}

