/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Adobase
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 19 février 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #3f6385;
	background: #81c03f url(../images/Bg_Page.png) repeat-x top;
	margin-bottom: 10px;
}
p {
	font-size: 1.1em;
	margin: 0 0 12px 0;
}
h1 {
	display: block;
	background: url(../images/Img_SloganAdobase.png);
	width: 282px;
	height: 20px;
	text-indent: -800px;
	overflow: hidden;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #0068b9;
	margin: 15px 0 10px 0;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #13a204;
	margin: 15px 0 10px 0;
}
h4 {
	font-size: 1.1em;
	font-weight: normal;
	color: #0f7fbb;
	margin: 15px 0 10px 0;
}
a, a:hover {
	color: #13a204;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.DivClear { clear: both; }
.DivPosition { position: relative; }
.DivLeft { float: left; }
.DivRight { float: right; }

/*- Structure générale ----*/
#wrapper {
	width: 960px;
	margin: 0 auto;
}

/*- Entête de la page ----*/
.Entete {
	position: relative;
	background: url(../images/Bg_Entete.png) no-repeat;
	width: 934px;
	height: 86px;
}
.Entete .LogoAdobase {
	position: absolute;
	top: 10px;
	left: 109px;
}
.Entete .SloganAdobase {
	position: absolute;
	top: 28px;
	left: 331px;
}
.Entete .LogoBoisbriand {
	position: absolute;
	top: 17px;
	right: 19px;
}

/*- Navigations du site ----*/
.Nav {
	float: left;
	position: relative;
	background: url(../images/Bg_Nav.jpg) no-repeat;
	width: 285px;
	height: 500px;
}
.Nav .Radio {
	position: absolute;
	bottom: 197px;
	left: 179px;
}
.Nav .Forum {
	position: absolute;
	bottom: 79px;
	left: 93px;
}
.Nav .Radio a, .Nav .Forum a {
	display: block;
	width: 92px;
	height: 48px;
	text-indent: -800px;
	overflow: hidden;
}

/*- Corps de la page ----*/
.Corps {
	float: left;
	background: #ffffff url(../images/Bg_Corps.png) no-repeat top left;
	width: 649px;
}

/*- Bas de page ----*/
.BasPage {
	position: relative;
	color: #40601f;
	background: #81c03f url(../images/Bg_BasPage.png) no-repeat;
	width: 649px;
	height: 140px;
}
.BasPage .LogoSODA {
	position: absolute;
	top: 9px;
	left: 32px;
}
.BasPage .Copy {
	position: absolute;
	bottom: 0px;
	left: 32px;
}
.BasPage a, .BasPage a:hover {
	font-size: 1em;
	color: #40601f;
}
.BasPage span {
	padding: 0 6px;
}

/*- Styles pour menus principal -----------------------------------------------*/
.Nav .MenuPrincipal {
	position: absolute;
	top: 10px;
	right: -20px;
	width: 155px;
	z-index: 20;
}
.Nav .MenuPrincipal li {
	float: right;
	margin: 0 0 1px 0;
}
.Nav .MenuPrincipal li a {
	display: block;
	height: 26px;
	background: no-repeat 100% 0px;
	text-indent: -800px;
	overflow: hidden;
}
.Nav .MenuPrincipal li a:hover {
	background-position: 100% -26px;
}
.Nav .MenuPrincipal li a.Actif, .Nav .MenuPrincipal li a.Actif:hover {
	background-position: 100% -52px;
}

.Nav .MenuPrincipal li.MenuAccueil a {
	background-image: url(../images/Menu_Accueil.png);
	width: 97px;
}
.Nav .MenuPrincipal li.MenuAdobase a {
	background-image: url(../images/Menu_Adobase.png);
	width: 115px;
}
.Nav .MenuPrincipal li.MenuAlbum a {
	background-image: url(../images/Menu_Album.png);
	width: 134px;
}
.Nav .MenuPrincipal li.MenuActivites a {
	background-image: url(../images/Menu_Activites.png);
	width: 107px;
}
.Nav .MenuPrincipal li.MenuParents a {
	background-image: url(../images/Menu_Parents.png);
	width: 137px;
}
.Nav .MenuPrincipal li.MenuContact a {
	background-image: url(../images/Menu_Contact.png);
	width: 155px;
}

/*- Styles pour sous menus ----------------------------------------------------*/
.ContenuInt .Titre ul {
	position: absolute;
	top: 73px;
	left: 13px;
	width: 465px;
	border-bottom: 1px solid #c1c1c1;
	padding: 0 0 4px 0;
} 
.ContenuInt .Titre ul li {
	float: left;
	font-size: 1.1em;
	line-height: 1em;
	border-right: 1px solid #c1c1c1;
	margin: 0 0 4px 0;
	padding: 0 10px;
	white-space: nowrap;
}
.ContenuInt .Titre ul li.LastItem {
	border: 0;
}
.ContenuInt .Titre ul li a.Actif, .ContenuInt .Titre ul li a.Actif:hover {
	color: #000000;
	text-decoration: none;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.ContenuAcc {
	background: url(../images/Bg_Points.gif) top left;
	width: 598px;
	height: 358px;
	margin: 0 0 0 20px;
	padding: 12px 0 0 12px;
}

/*- Boite d'introduction avec photo ----*/
.ContenuAcc .Intro {
	float: left;
	margin-bottom: 7px;
}
.ContenuAcc .Intro .Contenu {
	float: left;
	width: 319px;
	height: 134px;
	background: #ffffff url(../images/Bg_AccIntroContenu.gif) repeat-x top;
	border: 1px solid #b1b1b1;
	padding: 0 14px 24px 14px;
	overflow: hidden;
}
.ContenuAcc .Intro .Contenu p {
	line-height: 1.4em;
}
.ContenuAcc .Intro .Photo {
	float: left;
	background: url(../images/Bg_AccIntroPhoto.gif) repeat-x bottom;
}
.ContenuAcc .Intro .Photo p {
	margin: 0;
}
.ContenuAcc .Intro .Photo a {
	display: block;
	width: 227px;
	height: 20px;
	background: url(../images/Bt_AccPlus.gif) no-repeat 95% 0%;
	padding: 5px 0 0 10px;
	color: #ffffff;
	font-weight: bold;
}

/*- Boite défilante "Activités" ----*/
.ContenuAcc .Activites {
	float: left;
	width: 286px;
	margin-right: 14px;
}
.ContenuAcc .Activites .Contenu {
	color: #ffffff;
	background: #007cb9 url(../images/Bg_AccActivites.png) no-repeat top right;
	width: 286px;
	height: 93px;
	padding-top: 8px;
}
.ContenuAcc .Activites .ZoneFixe {
	width: 273px; /*256px;*/
	height: 85px;
	margin-left: 15px;
	overflow: hidden;
}
.ContenuAcc .Activites .ZoneMobile {
}
.ContenuAcc .Activites .Bas {
	background: url(../images/Bg_AccActivitesBas.png) no-repeat top;
	width: 276px;
	height: 36px;
	padding-right: 10px;
	text-align: right;
}

/*- Boite défilante "Nouvelles" ----*/
.ContenuAcc .Nouvelles {
	float: left;
	width: 286px;
}
.ContenuAcc .Nouvelles .Contenu {
	color: #ffffff;
	background: #007cb9 url(../images/Bg_AccNouvelles.png) no-repeat top right;
	width: 286px;
	height: 93px;
	padding-top: 8px;
}
.ContenuAcc .Nouvelles .ZoneFixe {
	width: 273px; /*256px;*/
	height: 85px;
	margin-left: 15px;
	overflow: hidden;
}
.ContenuAcc .Nouvelles .ZoneMobile {
}
.ContenuAcc .Nouvelles .Bas {
	background: url(../images/Bg_AccNouvellesBas.png) no-repeat top;
	width: 276px;
	height: 36px;
	padding-right: 10px;
	text-align: right;
}


/*- Styles spéciaux pour pages intérieures ------------------------------------*/
.ContenuInt {
	background:  url(../images/Bg_Points.gif) top left;
	width: 598px;
	margin: 0 0 0 20px;
	padding: 0 0 12px 12px;
}
.ContenuInt .Titre {
	position: relative;
	width: 586px;
	height: 109px;
}
.ContenuInt .Contenu {
	background: #ffffff url(../images/Bg_IntContenu.gif) no-repeat top right;
	border: 1px solid #d6d6d6;
	border-top: 0;
	width: 560px;
	padding: 0 0 18px 24px;
}
.ContenuInt .Contenu .ZoneFixe {
	width: 536px;
	overflow: hidden;
}
.ContenuInt .Contenu .ZoneFixe h2 {
	font-size: 1.8em;
	margin: 0 0 12px 0;
}
.ContenuInt .Contenu .ZoneFixe p {
	line-height: 1.6em;
}

/*- Styles pour Plan du site --------------------------------------------------
ul#SiteMap {
	margin: 0 0 12px 3px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

/*- Premier niveau -----
ul#SiteMap li {
	background:	 ;
	padding: 0 0 5px 12px;
}
ul#SiteMap li a, ul#SiteMap li a:hover {
	font-weight: bold;
	font-size: 1.2em;
	color: ;
	text-decoration: none;
}
ul#SiteMap li a:hover {
	text-decoration: underline;
}

/*- Deuxieme niveau -----
ul#SiteMap li ul {
	margin:	5px 0 5px 12px;
}
ul#SiteMap li ul li {
	background: ;
	padding: 0 0 3px 8px;
}
ul#SiteMap li ul li a, ul#SiteMap li ul li a:hover {
	font-weight: normal;
	font-size: 1.1em;
}

/*- Styles pour formulaires ----------------------------------------------------
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}
.SommaireErreur {
	font-size: 1.1em;
	color: #FF0000;
}
.TxtBox {
	font-size: 1.1em;
	color: #;
	background:	;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin:	0 0 0 0;
}
.TxtArea {
	font-size: 1.1em;
	color: #;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.SelectList {
	font-size: 1.1em;
	color: #;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.Btn {
	font-size: 1.1em;
	color: #;
	background: ;
	border: 1px solid #666666;
	padding: 0 0 0 0;
	overflow: visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TitreActiviteNouvelle {
	font-size: 1.2em;
	font-weight: bold;
	color: #fcf7a1;
	margin: 0 0 2px 0;
}
.TexteDate {
	font-size: 0.9em;
	background-color: #002d58;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 6px;
}
.TexteSpecial {
	font-size: 1.1em;
	color: #fcf7a1;
}
.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/
a.LienSpecial, a.LienSpecial:hover {
	font-size: 1.2em;
	font-weight: bold;
	color: #fdf357;
	text-decoration: none;
}
a.LienSpecial:hover {
	text-decoration: underline;
}

/*- Classes pour les images ----*/
img.ImageGauche {
	margin:	0 15px 5px 0;
}
img.ImageDroite {
	margin: 0  0 5px 15px;
}

/*- Classes pour les photos avec légende ----*/
.PhotoGauche, .PhotoDroite {
	float: left;
	background: url(../images/Bg_Tableau.gif);
	margin:	0 15px 5px 0;
	padding-top: 7px;
}
.PhotoGauche p, .PhotoDroite p {
	margin: 0;
}
.PhotoGauche p.Texte, .PhotoDroite p.Texte {
	color: #FFFFFF;
	font-weight: bold;
	background: #007cb9 url(../images/Bg_ImageContour.png) repeat-x bottom;
	padding: 3px 10px 10px 10px;
}
.PhotoGauche img, .PhotoDroite img {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.PhotoDroite {
	float: right;
	margin: 0  0 5px 15px;
}

/*- Classes pour les listes ----*/
.ContenuInt .Contenu ul {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 12px 0;
}
.ContenuInt .Contenu ul li {
	background: url(../images/Puce_Liste.gif) no-repeat 0px 8px;
	padding: 0 0 0 10px;
}
.ContenuInt .Contenu ul ul, .ContenuInt .Contenu ol ul {
	font-size: 1em;
	margin: 0;
}
.ContenuInt .Contenu ol {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 12px 24px;
	padding: 0;
}
.ContenuInt .Contenu ol li {
	list-style: decimal outside;
}
.ContenuInt .Contenu ol ol, .ContenuInt .Contenu ul ol {
	font-size: 1em;
	margin: 0 0 0 24px;
}

/*- Classes pour les tableaux ----*/
.Tableau {
	font-size: 1.1em;
	margin: 12px 0;
	empty-cells: show;
}
.CelluleTitre {
	color: #ffffff;
	font-weight: bold;
	background: url(../images/Bg_Tableau.gif);
	padding: 8px 10px;
	border-bottom: 1px solid #ffffff;
	vertical-align: top;
}
.CelluleSousTitre1, .CelluleSousTitre2, .CelluleTexte1, .CelluleTexte1Alt, .CelluleTexte2, .CelluleTexte2Alt {
	padding: 3px 10px;
	border-right: 1px solid #e7e7e7;
	vertical-align: top;
}
.CelluleSousTitre1 {
	background: #e4c66e;
}
.CelluleSousTitre2 {
	background: #8fd4ea;
}
.CelluleTexte1 {
	background: #fdfbe9;
}
.CelluleTexte1Alt {
	background: #f7eed5;
}
.CelluleTexte2 {
	background: #ffffff;
}
.CelluleTexte2Alt {
	background: #e7f6fa;
}
.Tableau tr td.LastItem {
	border-right: 0;
}
.Tableau .BasTableau {
	background: url(../images/Bg_Tableau.gif);
	border-top: 1px solid #ffffff;
	height: 4px;
}
/*--------------------------------------------------------------------------*/