html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:auto;
}

p, li, ul, div, a, h1, h2, h3, h4, h5, h6, form, input, b, strong, hr, ol, ul, em ,br, a, table{
	margin:0;
	padding:0;
}

h1{
padding-bottom:10px;
font-size:16px;
color:#244A96;
font-weight:bold;
}

h2{
padding-left:15px;
font-size:13px;
color:#3596DD;
font-weight:bold;
padding-bottom:10px;
}

h3{
font-size:12px;
padding-left:30px;
color:#244A96;
font-weight:bold;
padding-bottom:10px;
}

h4{
padding-left:40px;
font-size:11px;
color:#3596DD;
font-weight:bold;
padding-bottom:10px;
}

h5{
padding-left:50px;
font-size:11px;
color:#244A96;
font-weight:lighter;
padding-bottom:5px;
}

p{
color:#3596DD;
text-align:justify;
padding-right:5px;
padding-bottom:5px;
}

ul{
color:#3596DD;
text-align:justify;
padding-right:5px;padding-left:30px;
padding-top:10px;
padding-bottom:10px;
}

a{
	text-decoration:underline;
	color:#3596dd;
	padding:0px;
}

a:hover{
text-decoration:underline;
}

table{
margin-top:10px;}


th{
background-color:#3497DD;
color:#FFFFFF;
font-weight:bold;
}

td{
background-color:#6FB7FF;
color:#FFFFFF;
padding:3px;
padding-left:5px;}

.fond{
margin:auto;
background-color:#3497DD;
background-position:center;
width:986px;
}

.bleu{
float:left;
background-color:#3497DD;
margin:auto;
}

.racine{
background-image:url(/images/charte/fond-interne.jpg);
background-position:top;
float:left;
background-repeat:no-repeat ;
width:986px;
min-height:510px;
}

.bas-contenu{
float:right;
margin-right:10px;
_margin-right:5px;
background:url(/images/charte/pageinterne/bas-contenu.gif) no-repeat;
width:776px;
height:9px;
}

.remarq{
	font-size:9px;
	color:#000000;
}
/*******************************************************************
						PARTIE ENTETE
********************************************************************/

.entete{
float:left;
width:986px;
height:147px;
_margin-bottom:-50px;
}

.animation{
margin:0px;
float:left;
width:200px;
}

.logo{
width:366px;
height:139px;
float:right;}

.partieGauche{
float:left;
width:200px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;}

.contenu{
float:left;
background-color:#FFFFFF;
width:776px;
}

.drapeau{
background:url(/images/charte/drapeauGB.gif) no-repeat;
width:27px;
height:17px;
margin-top:60px;
margin-left:30px;
}

.logoPrint{
display:none;}

/*********************************************************************************
								STYLE MENU-SERVICE
**********************************************************************************/

.menuHaut-g{
float:left;
background:url(/images/charte/pageinterne/menuHaut-g.gif) no-repeat;
width:13px;
height:38px;}

.menuHaut-d{
float:left;
background:url(/images/charte/pageinterne/haut-menu-d.jpg) no-repeat;
width:7px;
height:38px;}

.menuHaut{
float:left;
width:756px;
height:38px;
background-color:#3497DD;
}

.menuHaut .actualite a{
padding:0px;
float:left;
background: url(/images/charte/pageinterne/actu.gif) no-repeat;
width:135px;
height:38px;
margin-right:10px;
}

.menuHaut .actualite a:hover{
float:left;
background: url(/images/charte/pageinterne/actu-hover.gif) no-repeat;
width:135px;
height:38px;
}

.menuHaut .presentation a{
padding:0px;
float:left;
background: url(/images/charte/pageinterne/presentation.gif) no-repeat;
width:157px;
height:38px;
margin-right:10px;
}

.menuHaut .presentation a:hover{
float:left;
background: url(/images/charte/pageinterne/presentation-hover.gif) no-repeat;
width:157px;
height:38px;
}

.menuHaut .services a{
padding:0px;
float:left;
background: url(/images/charte/pageinterne/services.gif) no-repeat;
width:124px;
height:38px;
margin-right:10px;
}

.menuHaut .services a:hover{
float:left;
background: url(/images/charte/pageinterne/services-hover.gif) no-repeat;
width:124px;
height:38px;
}

.menuHaut .liens a{
padding:0px;
float:left;
background: url(/images/charte/pageinterne/liens.gif) no-repeat;
width:89px;
height:38px;
margin-right:10px;
}

.menuHaut .liens a:hover{
float:left;
background: url(/images/charte/pageinterne/liens-hover.gif) no-repeat;
width:89px;
height:38px;
}

.menuHaut .contacts a{
padding:0px;
float:left;
background: url(/images/charte/pageinterne/contacts.gif) no-repeat;
width:131px;
height:38px;
margin-right:10px;
}

.menuHaut .contacts a:hover{
float:left;
background: url(/images/charte/pageinterne/contacts-hover.gif) no-repeat;
width:131px;
height:38px;
}

.menu01{
margin-top:15px;
float:left;
width:770px;
}


/*******************************************************
			MENU Page interne (accueil, envoyer un ami...
********************************************************/

.menu01 .Accueil a{
float:right;
color:#92A4CB;
font-size:10px;
width:70px;
height:14px;
margin-right:5px;
}

.menu01 .Envoyer a{
margin-top:2px;
float:right;
color:#92A4CB;
font-size:10px;
width:130px;
height:12px;
}

.menu01 .Imprimer a{
margin-right:15px;
margin-left:5px;
float:right;
color:#92A4CB;
font-size:10px;
height:13px;
}

.menu01 .Imprimer img{
margin-right:5px;}

.menu01 .Envoyer img{
margin-right:5px;}

.menu01 .Accueil  img{
margin-right:5px;}

/*********************************************

		MENU SERVICE
***********************************************/

.ssmenu{
width:200px;
float:left;
color:#FFFFFF;
padding-top:110px;}

.ssmenu ul{
padding:0px;
padding-left:30px;
list-style:none;
color:#FFFFFF;
font-weight:bolder;
font-size:13px;
background:none;
}

.ssmenu li{
padding-bottom:20px;}

.ssmenu a{
padding:0px;
padding-left:15px;
margin-bottom:10px;
background:none;
color:#FFFFFF;
text-decoration:none;
}

.ssmenu a:hover{
color:#F4BE0D;
text-decoration:none;
background:url(/images/charte/puce-menuG.gif) no-repeat;
}

/**************************************************
		STYLE CONTENU-TEXTE
***************************************************/

.contenu-texte{
width:740px;
float:left;
padding-left:20px;
padding-top:25px;
padding-bottom:10px;
min-height:250px;
_height:250px;
}
.contenu-texte th{
	line-height: 20px;
}
.T-rubrique{
float:left;
color:#FBB714;
font-size:32px;
font-family:"Century Gothic", Verdana;
margin-left:20px;
_margin-left:10px;
margin-right:15px;
}

.T-presentation{
float:left;
background:url(/images/charte/pageinterne/T-presentation.gif) no-repeat;
width:284px;
height:23px;
margin-left:10px;
margin-right:20px;
}
.fleche{
float:left;
background:url(/images/charte/fleches-bullles.gif)  no-repeat;
width:16px;
height:21px;
margin-top:12px;
margin-right:20px;
}

.T-sous-rubrique{
float:left;
color:#244A96;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, "Century Gothic", Verdana;
margin-top:15px;
}
.trait-bleu{
font-size:0px;
float:left;
margin-top:10px;
margin-left:20px;
_margin-left:10px;
margin-right:15px;
width:735px;
background:transparent;
border-color:#3497DD;
border-width:0 0 1px;
border-style:solid;
}
.titreBoiteOutils{
	font-size:12px;
	color:#244A96;
	font-weight:bold;
	margin-bottom:2px;
}

/******************************************************************
			STYLE PIED PAGE
********************************************************************/

.piedPage{
float:left;
width:986px;
background:url(../images/charte/pageinterne/piedpage.gif) no-repeat;
height:110px;
color:#FFFFFF;
background-color:#FFFFFF;
}

.menuPiedPage{
font-size:0px;
float:right;
color:#FFFFFF;
text-align:right;
margin-top:95px;
padding-right:10px;
float: left;
width:805px;

}

.menuPiedPage p{
float:right;
color:#FFFFFF;
font-size:11px;
}

.menuPiedPage a{
color:#FFFFFF;
font-size:11px;
text-decoration:none
}

.menuPiedPage a:hover{
color:#FFFFFF;
font-size:11px;
text-decoration:underline;
}