/* police par defaut de tout le site */

html {
padding:0;
background-image: url(/templates/temp/img/fond-ligne-droite.jpg);
background-repeat: repeat-y;
background-position: top right;
background-color:#FFF;
}

body {
margin: 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
background-image: url(/templates/temp/img/fond-ligne-gauche.jpg);
background-repeat: repeat-y;
color: #000000;
}
TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal}

/* lien par défaut */
A {color:#666; text-decoration:none}
A:hover {color:#FF6600; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#666; font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}


/* temp.html */

	#hh01{height:41px; float:left; padding-bottom:0}
		#hh01 a:hover {background:#FFF}
		
	#hh02{float:right; font-weight: bold; color:#FFF; padding-bottom:0}
   #hh02 ul {padding:0; margin:0; margin-bottom:7px; margin-right:1em; display:inline; border-right:2px solid #FFF000}
   #hh02 ul li {border-left:2px solid #FFF000; display:inline; margin-left:5px}
   #hh02 a {color:#FFF}
   #hh02 a:hover {color:#FFF000}

#header2{
	clear:left;
	width:100%;
	height:68px;
	background:#CCC;
	border-bottom:4px solid #FF6600
}
	#hh03{float:left; font-size:10px; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}

#mentete {
	height:21px;
	margin-left: 40px;
   margin-right: 40px;
	background:#666
}
	
	
	#entete {
	float:left;
	padding-top:0.2em;
	padding-left:1em;
	color:#FFF; font-weight:normal
	}
		#entete A {color:#FFF}
		#entete A:hover {color:#FF8000}

  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

	DIV.mg1 {clear:left; font-size:9pt; color:#FFCC33; font-weight:bold; background:#000; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em}
	DIV.mg3 {color:#000; padding-left:0.4em; line-height:15px}
	DIV.mg3 a {color:#000}


#menugauche {
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	width:135px;
	float:left;
	background:#EEE
}    
 
#contenupage {
	padding-left:135px;
	padding-right:5px
} 
	#coulcentre {padding:20px; background:#FFF}

#footer {
clear: both;
	width:auto;
text-align: center;
height:21px;
background:#666;
margin-bottom: 0;
padding-bottom: 38px;
padding-left:0.4em;
padding-top:0.2em;
font-size: 11px;
font-weight:bold;
margin-top: 20px;
margin-left: 40px;
margin-right: 40px;
padding-right: 50px;
background-color: #4d80b9;
color: #ffffff;
font-weight: bold;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

	#footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
	#footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
	#footer A {color:#FFF}
	#footer A:hover {color:#FF6600}


#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #ffffff;
}

/* page accueil */

 #rubriques h1, #aa02 h1, #aa01 h1 {font-size:1.5em}


.acceuil{
width:100%;
border:0;
margin:0 auto;
padding:0;
text-align:center;
}

.presentation{
   text-align:center;
	border:0;
	padding:0;
	padding-top:40px;
	padding-bottom:10px;
	margin:0 auto;
	width:300px auto;
	background-image: url(/templates/temp/img/presentation.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   border: 2px outset black;
}

.presentation1{
   text-align:center;
	border:0;
	padding:0;
	padding-bottom:10px;
	margin:0 auto;
	width:250px auto;
	padding-top:110px;
	background-image: url(http://www.cncnoumea.net/templates/temp/img/presentation270.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   border: 2px outset black;
   }

.partenaires{
	padding:0;
	margin:10px;
	padding-top:40px;
	padding-bottom:0px;
	width:210px;
	text-align:center;
	height:auto;
   line-height: 5px;
	background-image: url(/templates/temp/img/sponsor.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   border: 2px outset black;
}

.meeting{
	padding:0;
	margin:0;
   border: 2px outset black;
   background-color: #ff0000;
   width:210px;
   height:150px;

}

.meeting .intitule {
   width:210px;
   height:150px;
   display:block;
   background-image: url(/templates/meeting/img/meeting100.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #ff0000;
}

.meeting img{
vertical-align: middle;
}

.alaune{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.alaune .titre {
   margin-top:5px;
   margin-left:5px;
	padding-top:40px;
	background-image: url(/templates/temp/img/alaune.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}

.calendrier{
	padding:0;
	margin:0 auto;
	padding-top:40px;
	width:auto;
	min-width:250px;
	max-width:300px;
	text-align:center;
   border: 2px outset black;
}

.calendrier .intitule {
   margin:auto;
   margin-top:0px;
   width: 206px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/calendrier.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.aere{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.aere .intitule {
   margin:auto;
   margin-top:0px;
   width: 214px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/aere.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}


.agenda{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.agenda .intitule {
   margin:auto;
   margin-top:0px;
   width: 128px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/agenda.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.agenda strong{
background-color: #FFF000;
}

.photos{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.photos .intitule {
   margin:auto;
   margin-top:0px;
   width: 144px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/photos.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.actualites{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.actualites .intitule {
   margin:auto;
   margin-top:0px;
   width: 198px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/actualites.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}

.resultats{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.resultats .intitule {
   margin:auto;
   margin-top:0px;
   width: 174px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/resultats.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.dossiers{
	padding:0;
	margin:0;
   border: 2px outset black;
}

.dossiers .intitule {
   margin:auto;
   margin-top:0px;
   width: 155px;
	padding-top:30px;
        display:block;
	background-image: url(/templates/temp/img/dossiers.jpg);
   background-repeat: no-repeat;
   background-position: center top;
}

.dossier{
	padding:0;
	margin:0;
	text-align:center
}

#aa01{
	float:left;
	width:62%;
	padding:0.5em
}

#aa02{
	float:right;
	width:31%;
	BORDER:#003366 1px dotted;
	padding:0.5em;
	background:#EEE
}
	#aa02 h1 {display:inline}



#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid
}

	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	#rubriques A {color:#FF6600}
	#rubriques A:hover {color:#FF6600}
	#rubriques img {float:left}

/* fin page accueil */



/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}


/* templates fleur */

#container {
	width: 800px;
	display: inline;
}

#main-title {
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
text-align: right;
margin-top: 0;
padding-bottom: 5px;
padding-top: 2px;
padding-right: 2px;
padding-left: 2px;
background-color: #333333;
color: #ffffff;
left:0;
height:15px;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align: left;
}

#header{
	margin-top:1em;
	margin-bottom:0;
	left:0;
	width:100%;
	height:69px;
	BORDER-BOTTOM:#000 6px solid
}

#header-image {
text-align:center;
color:#FFF;
background-color: #1E69E5;
background-image: url(/templates/temp/img/logo-cnc.gif);
background-repeat: no-repeat;
background-position: left;
height: 177px;
border-top: 2px #FEFF0A solid;
border-bottom: 2px #FEFF0A solid;
margin-left: 40px;
margin-right: 40px;
}

#header-title {
margin: 10px;
margin-left: 180px;
margin-right: 40px;
font-size: 3em;	
letter-spacing: 5px;
font-weight: bold;
text-align: right;
padding-top: 35px;
color: #ffffff;
}	

#navbar {
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
margin-top: 0;
padding-bottom: 30px;
font-weight: bold;
padding-top: 1px;
background-color: #333333;
color: #ffffff;
word-spacing: 8px;
border-bottom: 2px #FEFF0A solid;
}

#navbar a:link, #navbar a:visited {
color: #ffffff;
word-spacing: none;
}

#navbar a.current {
color: #ff4700;
}

#navbar a:hover {
color: #ff4700;
text-decoration: underline;
}

#recherche {
float:right;
   position: relative;
   right: -40px;
   top: -25px;
}

p.byline {
text-align: right;
margin-bottom: 0;
}

h1 {
margin-left: 40px;
margin-right: 40px;
font-size: .8em;
padding-bottom: 3px;
padding-top: 23px;
padding-left: 50px;
padding-right: 0;
color: #000000;
border-bottom: 1px #ff4700 solid;
letter-spacing: 5px;
font-weight: bold;
background-color: #F2F2F2;
margin-top: 0;
margin-bottom: 0;
}


#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
font-size: .7em;
line-height: 1.8em;
background-color: #ffffff;
}

#main-text p {
text-align: justify;
margin-left: 50px;
margin-right: 50px;
}

h2 {
padding-bottom: 3px;
padding-right: 0;
color: #000000;
border-bottom: 1px #000000 solid;
letter-spacing: 5px;
margin-left: 50px;
margin-right: 50px;
font-size: 1em;
margin-top: 0;
padding-top: 10px;
}

p, ul, ol {
margin-top: 17px;
margin-bottom: 0;
}

table {
margin:0;
}

ol, ul {
margin-left: 75px;
margin-right: 75px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #000fff;
}

a:hover {
text-decoration: underline;
color: #fff000;
}

a.info {
  position:relative;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  top:20px;
  left:-75px;
  z-index: 20;
  background: #000FFF;
  color: #fff;
  border:1px solid #000;
  width:150px;
  text-align:center;
  font-weight:bold;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
  list-style-position: inside;
}

.calinfo {
  list-style-type: square;
  list-style-position: inside;
  margin:0;
  padding:0;
  margin-left:6px;
  padding-left:6px;
  text-align:left;
}

.calinfo li {
 margin-top:10px;
}

#body {
margin-left: 40px;
margin-right: 40px;
}

.right {
float: right;
text-align: right;
width: 50%;
}
.left {
float: left;
text-align: left;
padding-left: 50px;
}
.right h3 {
margin-top: 0px;
font-size: 90%;   
}