*{margin:0px; padding:0px;}

html
{
	overflow:scroll;
}

body
{
	background:#FFFFFF;
	color:#FF0000;
	font-family:arial, Verdana, serif;
	/*font-size:1em;*/
}


/* ***************************************************************************** */
/* ****************** début des styles des div de positionnement *************** */

div#global
{
	width:80%;
	min-width:550px;
	max-width:900px;
	margin:auto;
	/*background:#E8EDF1;*/
	background:#dae5ef url(../deco/fond_bordure_droit.gif) repeat-y right;
	padding-left:0px;
	padding-right:5px;
	border-left: 1px solid #113251;
	/*margin-left:10%;
	margin-right:10%;*/
}

div#test
{
	height:200px;
	/*background:#CCDDEE url(images/bateaux_traditionnels.jpg) no-repeat right;*/
}

#partHaut
{
	height:178px;
	border-top:solid #113251 2px;
	border-bottom:solid #113251 2px;
	z-index:20;
}


#partLogo
{
	width:200px;
	height:130px;
	background: url(../deco/logo_paimpol.gif) no-repeat 30px 20px;
}

#partLienRapide
{
	text-align:right;
}

#partMenu
{
	float:left;
	width:200px;
	height:0px;
}

#partContenu
{
	margin-left:200px;	
	/* Astuce importante : Car permet de placer le bas de page plus bas que le menu s'il n'y a pas de contenu*/
	min-height:390px;
}

div#piedPage
{
	text-align:center;
	background:#CCDDEE;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:15px;

	border-top:1px solid #113251;
}

#actualite
{
}

/* ****************** fin des styles des div de positionnement ***************** */
/* ***************************************************************************** */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles d'encart ********************* */
.encart
{
	border:solid #113251 1px;
	background:#CCDDEE;
	margin-top:1em;
	/*margin-bottom:1em;*/
	margin-left:3em;
	margin-right:3em;
}

/* ****************** fin des styles d'encart ********************************** */
/* ***************************************************************************** */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles de texte ********************* */
h1, h2, h3, h4, h5
{
	color:#113251;
}

h1
{
	font-size:1.8em;
	margin-left:10px;
}

h2
{
	font-size:1.2em;
	text-align:center;
	font-variant: small-caps;
	margin-top:0.5em;
	margin-bottom:0.6em;
}

h3.titreEncart
{
	background:url(../deco/fond_titre_h3.jpg) repeat-y;
	font-size:1.0em;
	margin-left:0.5em;
	margin-bottom:0.5em;
	/*padding-left:0.5em;*/
}

.sous-titreEncart
{
	font-size:0.9em;
	/*margin-left:0.5em;*/
	font-weight:normal;
	text-decoration:underline;
}

.petitesCapitales
{
	font-variant: small-caps;
}

h5
{
	font-size:1em;
	margin-left:2em;
	margin-bottom:0.4em;
	margin-top:0.5em;
}
.texte, .texteEncart, ul.ListeEncart, .sous-titreEncart, .texteForm
{
	text-align:justify;
	color:#000000;
}

.texte
{
	font-size:0.9em;
	margin-top:0px;
	margin-bottom:0.5em;
	margin-left:2em;
	margin-right:2em;
}

.texteEncart, ul.ListeEncart
{
	font-size:0.8em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:1em;
	margin-right:1em;

}

.textePiedPage
{
	color:#113251;
	font-size:0.9em;
	font-weight:bold;
}


/* ***************************** fin des styles de texte *********************** */
/* ***************************************************************************** */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles des listes ******************* */
.ListeEncart
{
	list-style: url(../deco/puce_tiret_noir.gif) outside;
	padding-left:0.9em;
}

ul.ListePage
{
	font-size:0.9em;
	list-style: url(../deco/puce_tiret_noir.gif) outside;
	margin-left:3em;
	color:#000000;
}
/* ***************************** fin des styles des listes ********************* */
/* ***************************************************************************** */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles des liens ******************** */
a.lienTexte, a.lienTexteEncart, a.lienRapide
{
	color:#336699;
	text-decoration:none;
}

a.lienEnglish
{
	color:#336699;
	text-decoration:underline;
}

a.lienRapide, a.lienEnglish
{
	margin-right:1.8em;
}

a.lienTexte:hover, a.lienTexteEncart:hover, a.lienRapide:hover, a.lienEnglish:hover
{
	color:#ED7928;
	text-decoration:underline;
}

a.lienSeul
{
	margin-left:2em;
}
/* ***************************** fin des styles des liens ********************** */
/* ***************************************************************************** */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles du menu ********************** */
ul#menu
{
	list-style-type:none;
	padding-left:0px;
	margin: 0px 0px 0px 0px;
}

li.choixMenu,
{
	padding-left:0px;
	line-height:26px;
}

.choixMenuOn, .sous-choixMenuOn
{
	display:block;
	margin-left:0px;
	padding:0px;
	background:#113251;
	text-decoration:none;
	font-weight:bold;
	color:#ED7928;
}

.choixMenuOn
{
	text-indent:15px;
	background:#CCDDEE;
	background:#113251 url(../deco/moins_orange.gif) no-repeat 4px 12px;
	line-height:30px;
}

.sous-choixMenuOn
{
	text-indent:25px;
	background:#CCDDEE url(../deco/point_noir.gif) repeat-y 5px 0px;
	line-height:25px;
}

a.lienMenu, a.sous-lienMenu
{
	display:block;
	/*width:160px;*/
	padding:0px;
	text-decoration:none;
	text-indent:15px;
	color:#000000;
	font-size:1em;
	border-bottom: dotted 1px #000000;
	
}

a.lienMenu
{
	text-indent:15px;
	background:url(../deco/plus_noir.gif) no-repeat 4px 12px;
	line-height:30px;
	font-weight:bold;
	border-bottom: solid 1px #000000;
}

a.sous-lienMenu
{
	text-indent:25px;
	background:#CCDDEE url(../deco/point_noir.gif) repeat-y 5px 0px;
	line-height:25px;
}

a.lienMenu:hover
{
	background:#113251 url(../deco/plus_orange.gif) no-repeat 4px 12px;
	font-weight:bold;
	color:#ED7928;
}

a.sous-lienMenu:hover
{

	background:#CCDDEE url(../deco/point_noir.gif) repeat-y 5px 0px;
	font-weight:bold;
}
/* ***************************** fin des styles du menu ************************ */
/* ***************************************************************************** */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles divers *********************** */

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.stopFloat
{
	clear:both;
}

.stopFloatSeparateur
{
	/*ASTUCE IMPORTANTE POUR LES IMAGES AVEC IE6*/
}

.enLigne
{
	display:inline;
}

.enBloc
{
	display:block;
}

.centrer
{
	text-align: center;
}


/* ***************************** fin des styles divers ************************* */
/* ********************************************************************************************************* */
/* ***************************************************************************** */
/* ***************************** début des styles image ************************ */

.lienImage
{
	border-style:none;
}

.image
{
	margin-left:30px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:5px;
	border:solid 2px #113251;
	padding:2px;
	background:#DD9B6C;
}


.imageLang
{
	margin-top:2px;
}

.imageLogo
{
	margin-top:10px;
	margin-bottom:30px;
	margin-left:30px;
}

.separateur
{
	/*width:100%;*/
	height:50px;
	background:url(../deco/separateur.gif) no-repeat 10px 0px;
	margin-bottom:20px;
}

.drapeau
{
	margin-top:5px;
	margin-right:5px;
	width:22px;
	height:16px;
}

/* ***************************** fin des styles image ************************** */
/* ***************************************************************************** */

/* ***************************************************************************** */
/* ***************************** début des styles formulaires ****************** */

.zoneInputForm
{
	margin-left:10px;
	margin-bottom:10px;
}

.labelForm
{
	
}

.zoneTextarea
{
	width:90%;
}

.zoneTexte
{
	width:50%;
}


/* ***************************** fin des formulaires**************************** */
/* ***************************************************************************** */

/* **************************************************************************** */
/* **************************styles des tableaux ****************************** */
.tableau
{
	
	margin:5px;
	width:100%;
}

/* ***************************** fin des tableaux************************** */
/* ***************************************************************************** */

/* **************************************************************************** */
/* **************************styles des anim flash ****************************** */
flashCentrer
{
	margin-left:30px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:5px;
	border:solid 2px #113251;
	padding:2px;
	background:#DD9B6C;
}
