body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	/*background-image: url(../images/img-excel12/fond-couleur.gif);*/
	background-image: url(../images/fond.gif);
	overflow-x: hidden;
}
p {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
}
div.popup {
	position:absolute;
	left:50%;
	top:0;
	width:170px;
	height:35px;
	margin-left:-250px;
	margin-top:100px;
	z-index: 2;
	/*visibility: hidden;*/
	visibility: show;
	}
div.affiche {
	position:absolute;
	left:50%;
	top:0;
	width:405px;
	height:255px;
	margin-left:-80px;
	margin-top:200px;
	z-index: 2000;
	visibility: show;
	}
div.popup2012 {
	width:806px;
	height:480px;
	background-color:#000;
	position:absolute;
	z-index: 1001;
	left:50%;
	top:0;
	/*padding-left:29px;*/
	/*padding-top:212px;*/
	margin-left:-403px;
	margin-top:120px;
}
div.fondu {
	width:100%;
	height:100%;
	filter:alpha(opacity=80);
	opacity:0.8;
	background-color:#000;
	position:absolute;
	z-index: 1000;
	left:0;
	top:0;
}
/*div.bt-promo {
	position:absolute;
	left:50%;
	top:0;
	width:148px;
	height:43px;
	margin-left:480px;
	margin-top:405px;
	z-index: 1000;
	visibility: show;
	}
.fond-noel {
	background-image: url(../images/img-excel12/fond-excel2012.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}*/

/* DEBUT AJOUT */
.texte-normal-actu {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}
a.petit-lien-actu {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #16B1E7;
	text-decoration:underline;
	font-style:italic;
}
a.petit-lien-actu:hover {
	text-decoration:none;
}

a.lien-savoirplus {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #49abd9;
	text-decoration:underline;
}
.minititre2 {
	color: #e47025;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
}
.texte-enligne {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #08acd2;
}
.decal-photo {
	margin-right: 10px;
	border: 1px solid #0e1654;
}

a.lien-normal {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration:underline;
}
a.lien-normal:hover {
	text-decoration:none;
}
/* FIN AJOUT */


.thrColFixHdr #container {
	width: 994px;  /* paramétrage de la largeur a 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left;
	background-image: url(../images/fond-page.gif);
} 
.thrColFixHdr #header {
	background-image: url(../images/bandeau1.gif);
	height: 16px;
}
.thrColFixHdr #header2 {
	position: relative;
	background-image: url(../images/bandeau2.gif);
	height: 39px;
	text-align: right;
}
.thrColFixHdr #header3 {
	position: relative;
	background-image: url(../images/bandeau3.jpg);
	/*background-image: url(../images/bandeau3bis.jpg);*/
	height: 125px;
}
.thrColFixHdr #sidebar1 {
	position: relative;
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 304px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	/*background: #EBEBEB;  la couleur de l'arriere-plan est affichée sur la largeur du contenu de la colonne, mais pas au-dela */
	height:367px;
	background-repeat: no-repeat;
	background-image: url(../images/deco-gauche.jpg);
}
.thrColFixHdr #sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 233px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	background-image: url(../images/deco-droite.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.thrColFixHdr #mainContent {
	margin-top: 0;
	margin-right: 233px;
	margin-bottom: 0;
	margin-left: 304px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
}
.thrColFixHdr #mainContent2 {
	margin-top: 0;
	margin-right: 15px;
	/*height:250px;*/
	margin-bottom: 0;
	margin-left: 297px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-image: url(http://plaineoxygene.com/images/page2.jpg);
} 
#contenu-accueil {
	margin:0px;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/deco-centre.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#contenu-page {
	margin:0px;
	padding-top: 50px;
	padding-right: 42px;
	padding-bottom: 0px;
	padding-left: 42px;
	background-repeat: no-repeat;
	background-position: right top;
}
#bloc-texte {
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(http://plaineoxygene.com/images/sepa-menu.gif);
}
#navigpage {
	margin:0px;
	height:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(http://plaineoxygene.com/images/sepa-menu.gif);
}
#actu-accueil {
	width: 145px;
	height:407px;
	margin:0px;
	padding:0px;
	background-image: url(http://plaineoxygene.com/images/ombre-actu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bloc-decompte {
	width:186px;
	height:53px;
	margin-left:25px;
	padding-top:2px;
	background-image: url(../images/fond-decompte.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#bloc-actu {
	width:152px;
	margin-left:42px;
	margin-top:10px;
	background-image: url(../images/fond-actu.gif);
	}
.titre-actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}
.texte-actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2087b4;
	}
	
#titre {
	height:23px;
	margin-bottom:10px;
	background-image: url(../images/ligne-titre.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}


.thrColFixHdr #footer {
	margin: 0px;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(../images/bas.gif);
	background-repeat: no-repeat;
	height: 66px;
	text-align: center;
	background-color: #7dc0e2;
	/*background-color: #4d4126;*/
} 
#menu {
	padding-left:63px;
	padding-top:34px;
	}
#menu2 {
	position: absolute;
	width: 242px;
	height: 200px;
	left: 35px;
	text-align: right;
	top: 146px;
	background-repeat: no-repeat;
	background-image: url(http://plaineoxygene.com/images/sepa-menu.gif);
	background-position: top;
	padding-top:2px;
	}
#home {
	position: absolute;
	width: 16px; /* 344 + 12 */
	height: 16px;
	left: 438px;
	top: 6px;
	}
.clearfloat { /* cette classe doit etre placée pour un élément div ou break et doit etre l'élément final avant la balise de fin d'un conteneur qui doit contenir entierement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/******** DEBUT MENU HORIZONTALE *********/
/* UL */
ul#menu_horizontal {
	/*width : 356px; /* 344 + 12 */
	height : 32px;
	padding:0;
	margin:0;
	list-style-type : none;
}
/* BOUTON NORMAL */
ul#menu_horizontal li.bouton {
	padding-right:7px;
	padding-top:6px;
	height : 26px;
	float:left; /*pour IE*/
}
ul#menu_horizontal li.bouton a {
	float:left; /*pour IE*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;
	border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; padding-left:7px;
}
ul#menu_horizontal li.bouton a:hover {
	text-decoration:underline;
}
/* BOUTON SELECTION */
ul#menu_horizontal li.bouton-sel {
	padding-right:7px;
	padding-top:6px;
	height : 26px;
	float:left; /*pour IE*/
	background-image: url(http://plaineoxygene.com/images/puce-sel.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
ul#menu_horizontal li.bouton-sel a {
	float:left; /*pour IE*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; padding-left:7px;
}
/******** FIN MENU HORIZONTALE *********/

/******** DEBUT MENU VERTICAL *********/
/* UL */
ul#menu_vertical {
	width : 182px;
	padding:0;
	margin:0;
	list-style-type : none;
}
/* BOUTON NORMAL */
ul#menu_vertical li.bouton {
	height: 23px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/bt-normal.gif);
	background-position: bottom;
	margin-bottom: 3px;
}
ul#menu_vertical li.bouton a {
	width: auto;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #fff;
	text-decoration:none;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 16px;
}
ul#menu_vertical li.bouton:hover {
	background-image: url(../images/bt-on.gif);
}

ul#menu_vertical li.bouton a:hover {
	text-decoration:none;
	color:#fff;
}
/* BOUTON SELECTION */
ul#menu_vertical li.bouton-sel {
	display: block;
	height: 23px;
	background-repeat: no-repeat;
	background-image: url(../images/bt-sel.gif);
	background-position: bottom;
	margin-bottom: 3px;
}
ul#menu_vertical li.bouton-sel a {
	width: auto;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #fff;
	text-decoration:none;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 16px;
	font-weight: bold;
}
/******** FIN MENU VERTICAL *********/


form {
	padding:0px;
	margin:0px;
}


/******** DEBUT ACTU *********/

/******** FIN ACTU *********/

/******** DEBUT FORMULAIRE *********/
.boite1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 338px;
	border: 1px solid #0e1654;
	padding-left: 3px;
	height: 18px;
	line-height:18px;
	color: #626262;
	background-color:#fff;
}
.boite2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 80px;
	border: 1px solid #0e1654;
	padding-left: 3px;
	height: 18px;
	line-height:18px;
	color: #626262;
	background-color:#fff;
}
.boite3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 249px;
	border: 1px solid #0e1654;
	padding-left: 3px;
	height: 18px;
	line-height:18px;
	color: #626262;
	background-color:#fff;
}
.boite4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 338px;
	border: 1px solid #0e1654;
	padding-left: 3px;
	height: 80px;
	color: #626262;
	background-color:#fff;
}
.boite5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 338px;
	border: 1px solid #0e1654;
	padding-left: 3px;
	padding-top: 2px;
	height: 75px;
	color: #626262;
	background-color:#fff;
}
.boite-newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 134px;
	border: 1px solid #fff;
	padding-left: 4px;
	padding-top: 3px;
	height: 16px;
	color: #fff;
	background-color:#ae5a1b;
}
.boite-normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 340px;
	border: 1px solid #2087b4;
	padding-left: 3px;
	height: 18px;
	line-height:18px;
	color: #000;
	background-color:#fff;
}

.boite-multi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 450px;
	border: 1px solid #2087b4;
	padding-left: 3px;
	padding-top: 2px;
	height: 75px;
	color: #000;
	background-color:#fff;
}

.boite-petite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	border: 1px solid #2087b4;
	padding-left: 3px;
	height: 18px;
	line-height:18px;
	color: #000;
	background-color:#fff;
}
/******** FIN FORMULAIRE *********/

.decal-photo {
	margin-right: 10px;
	border: 1px solid #0e1654;
}
ul#liste {
	padding:0;
	margin:0;
	list-style-type : none;
}
ul#liste li {
	background-repeat: no-repeat;
	background-image: url(http://plaineoxygene.com/images/puce.gif);
	background-position: 0px 6px;
	padding-left: 12px;
}
.ligne-tableau {
border-bottom:1px solid #999999;
}