body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #FFFFFF;
	background-image:url(../grafs/fond_V4.jpg);
	background-position: top center; 
	background-color: #015EAE;
	background-repeat:no-repeat;
    }
h1{
	margin:3px 0 5px 0;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
}
.titre_pro{
	margin:3px 0 5px 67px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
h3{
	margin:5px 0 5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#000080;
}
a:link,
a:visited,
a:focus
a:active {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover{
  color: #FFFFFF;
  text-decoration: underline;
}
#container {
	width: 1045px;
	margin: 0 auto; 
	text-align: left;
	background-color: #01285A;
	padding-top:20px;
}
#mainContent {
	padding: 0 20px; 
	color: #01285A;
}
#mainContent a,  #mainContent a:link {
	color: #01285A;
	text-decoration: none;
}
#mainContent a:focus, #mainContent a:active, #mainContent a:visited {
  text-decoration: none;
  color: #01285A;
}
#mainContent a:hover {
  color: #01285A;
  text-decoration: underline;
}

#header{
	color:#FFFFFF;
}
#logo{
	float:left;
	width:118px;
}
#menu{
	float:left;
}
#clear{
	clear:both;
}
p{
	padding:0;
}
img{
	border:0;
	margin:0;
}
#form_contact td {
	border-bottom: 1px solid #BDCFE5;
	padding-top: 4px;
	padding-bottom: 4px;
}
#form_contact textarea{
	height:54px;
}
#bt_submit_contact {
	width:196px;
	display: block;
	margin-top: 10px;
	font-size: 11px;
	margin-left: 20px;
}
#form_contact{
	width:480px;
	margin:0 0 0 120px;
	padding-top: 24px;
}
#form_contact .td_submit_contact {
	border-style: none;
}
.input_box1{
	width:286px;
}
.input_box2{
	width:180px;
}
.input_box3{
	width:150px;
}
.input_box4{
	width:80px;
}
.input_box6 {
	width: 100px;
}
.en_valeur {
	font-weight: bold;
}	
.conseil {
	font-size: 11px;
	font-style: italic;
}
.obligatoire {
	font-size: 12px;
	font-style: italic;
	font-weight:bold;
}
#actu_accueil_haut{
	font-size: 10px;
	color:#FFFFFF;
	margin:7px 16px 0 8px;
	height:17px;
}
#actu_accueil_milieu{
	width:119px;
	height:51px;
	margin:0 0 0 4px;
	background-position: center
}
#actu_accueil_bas{
	margin:1px 0 0 30px;
	font-size: 10px;
	color:#000000;
 	font-weight: bold; 
}
#actu_accueil_bas a:link,
#actu_accueil_bas a:focus, 
#actu_accueil_bas a:active, 
#actu_accueil_bas a:visited {
  text-decoration: none;
  color: #000000;
}
#actu_accueil_bas a:hover {
  color: #000000;
  text-decoration: underline;
}
#ensavoirplus{
 color: #A61B76; 
 font-weight: bold; 
 font-size: 10px; 
 font-variant:small-caps;
}
#ensavoirplus a:link,
#ensavoirplus a:focus, 
#ensavoirplus a:active, 
#ensavoirplus a:visited {
  text-decoration: none;
  color: #A61B76;
}
#ensavoirplus a:hover {
  color: #A61B76;
  text-decoration: underline;
}
#autreactu{
	color:#ffffff;
	font-size: 10px;
	height: 80px;
}
#autreactu a:link,
#autreactu a:focus, 
#autreactu a:active, 
#autreactu a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	font-variant:small-caps;
}
#autreactu a:hover {
	color: #ffffff;
	font-weight: bold;
	font-variant:small-caps;
	text-decoration: underline;
}
#form_qualif td {
	border-bottom: 1px solid #BDCFE5;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size:11px
}
.selectQualif2{
	width:420px;
}
/*
1 sols sportifs #7EA520 id_niveau1=1
2 batiments #E8BE30 id_niveau1=2
3 piscines #2D9FC4 id_niveau1=3
4 patinoires #474982 id_niveau1=11
5 installations matériels #9251AF id_niveau1=12
6 conseil ingénierie #767678 id_niveau1=5
7 aménagement récré et ludique #BF3F76 id_niveau1=14
8 maintenance #D16324 id_niveau1=13
*/
#barre1{
	border-bottom:#7EA520 1px solid;
	margin-right:10px;
}
#barre2{
	border-bottom:#E8BE30 1px solid;
	margin-right:10px;
}
#barre3{
	border-bottom:#2D9FC4 1px solid;
	margin-right:10px;
}
#barre11{
	border-bottom:#474982 1px solid;
	margin-right:10px;
}
#barre12{
	border-bottom:#9251AF 1px solid;
	margin-right:10px;
}
#barre5{
	border-bottom:#767678 1px solid;
	margin-right:10px;
}
#barre14{
	border-bottom:#BF3F76 1px solid;
	margin-right:10px;
}
#barre13{
	border-bottom:#D16324 1px solid;
	margin-right:10px;
}
.selectQualif{
	font-size:11px;
}
.souligntd{
	border-bottom: 1px solid #BDCFE5;
}
.niveau1{
	margin : 0 0 0 0px;
	font-weight:bold;
	font-size:15px;
}
.niveau2{
	margin : 0 0 0 10px;
	font-weight:bold;
	font-size:14px;
}
.niveau3{
	margin : 0 0 0 20px;
	font-weight:bold;
	font-size:13px;
}
.niveau4{
	margin : 0 0 0 30px;
	font-weight:bold;
	font-size:12px;
}
.displayyes{
	display: block ;
	font-size:12px;
}
.displaynone{
	display: none;
}
.lien a:link,
.lien a:focus, 
.lien a:active, 
.lien a:visited ,
.lien a:hover ,
.lien  {
	text-decoration:underline;
}
#texteediteur a:link,
#texteediteur a:focus, 
#texteediteur a:active, 
#texteediteur a:visited {
  text-decoration: underline;
  color: #000099  ;
}
.cadrefom {
	border: 1px solid #336633;
}
.cadre1 {
	border: 1px solid #999999;
}
.warning {
	font-weight: bold;
	color: #CC0000;
}
.maj_a_valider {
	color: #2E8B5C;
	font-weight: bold;
}
.petit {
	font-size: 11px;
}
.login{
	border: #006699 1px solid;
}
.loginl{
	border-left: #006699 1px solid;
}
.loginrw{
	border-right: #ffffff 1px solid;
}

.loginr{
	border-right: #006699 1px solid;
}

.loginb{
	border-bottom: #006699 1px solid;
}

.cadre {
	border: 1px solid #006699;
}

#bouton_on {
	width:106px;
	height:20px;
	padding:1px 0 0 6px;
	background-image:url(../grafs/etape.gif);
	background-repeat:no-repeat;
	color:#003366;
	font-weight:bold;
	font-size: 11px;
}

#bouton_off {
	width:106px;
	height:20px;
	padding:1px 0 0 6px;
	background-image:url(../grafs/etape.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#999999;
	font-size: 11px;
} 

#bouton_off a:link, #bouton_off a:focus, #bouton_off a:active, #bouton_off a:visited  {
	color: #999999;
	text-decoration: none;
}

#bouton_off a:hover {
	color: #003366;
	text-decoration: none;
}

.fondblanc{
	background-color:#FFFFFF;
}

.supr{
	background-color: #FF9900;
}

.fonce {
	font-size: 12px;
	font-weight: bold;
	color: #01366C;
}

#footer {
	color: #ffffff;
}

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

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

.barredemat{
	color:#000080;
	margin: 0 0 0 10px;
	width:770px;
}

#etape{
	background-image:url(../grafs/fleche_etape.gif);
	background-repeat:no-repeat;
	width:190px;
	height:33px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	font-variant:small-caps;
	padding:7px 0 0 30px;
	margin:8px 0 0 600px;
}

#etape a:link, #etape a:focus, #etape a:active, #etape a:visited {
  text-decoration: none;
  color: #ffffff;
}

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

.bouton {
	background-image:url(../grafs/texture_bouton.gif);
	background-color: #C6CAD0;
	border:1px solid #C6CAD0;
	color:#000080;
	padding:3px 9px;
	font-weight:bold;
	font-size:14px;
	CURSOR: hand;
	CURSOR: pointer;
}
.bouton2 {
	background-image:url(../grafs/texture_bouton2.gif);
	border:1px solid #C6CAD0;
	color:#FA3D05;
	padding:2px 2px;
	font-weight:bold;
	font-size:12px;
	CURSOR: hand;
	CURSOR: pointer;
}
.choix_procedure {
	width:180px;
	background-color: #339966;
	border:1px solid #808797;
	color:#FFFFFF;
	padding:4px 2px;
	font-weight:bold;
	font-size:13px;
	margin:4px;
	CURSOR: hand;
	CURSOR: pointer;
}
.cadre_remarque{
	width :710px;
	margin : 3px 0 10px 40px;
	padding: 10px;
}

.cadre_remarque2{
	color:#000080;
	border:#339966 1px solid;
	font-weight:bold;
}

.valide{
	height:21px; 
	width:10px; 
	background-color:#339900;
}

.a_valider{
	height:21px;
	width:10px;
	background-color:#CC3300;
}
.bof{
	height:21px;
	width:10px;
	background-color:#2D62B0;
}

.fond_tab_demat{
	background-image: url(../grafs/carre_gris.gif); 
	background-position:112px; 
	background-repeat:repeat-y;
}

.input_box5 {
	width: 47px;
	text-align:right;
}

.vert{
	color:#309261;
	font-weight:bold;
	font-size:14px;
}
.vert_simple{
	color:#309261;
	font-weight:bold;
}

.emphase1 {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #36A36C;
	font-size:12px;
}
.emphase1 a:link, .emphase1 a:focus, .emphase1 a:active,.emphase1 a:visited {
  text-decoration: none;
  color: #ffffff;
}

.emphase1 a:hover {
  text-decoration: underline;
  color: #ffffff;
}
.fond1 {
	background-color: #A5CBC4;
}
.fond2 {
	background-color: #D3EFEF;
}
#pagination {
	text-align: right;
	font-size: 12px;
	color: #6B2020;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 770px;
	margin: 5px auto;
	border-top: 1px solid #36A36C;
	border-bottom: 1px solid #36A36C;
	padding-top: 5px;
	padding-bottom: 5px;
}
#pagination a, .lib_pagination {
	font-size: 12px;
	color: #020201;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
}
.align_droit {
	text-align:right;
}

#formlogin{
	margin:0;
	padding:0;
}
.blanc {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:10px;
}
#mainContent .blanc2,
#mainContent .blanc2 a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
#mainContent .blanc2 a:hover  {
	color: #FFFFFF;
	text-decoration: underline;
}
#concerne_aussi{
	overflow:auto;
	text-align:left;
	padding:5px;
	margin:10px 0 0 0;
	width:98%; 
	height:150px;
	border: solid 1px #999999 
}
.periode {
	font-weight: bold;
	color: #01285A;
	background-color: #CCCCCC;
	text-align: center;
	padding:5px 0;
	line-height:15px;
}