@charset "utf-8";
/* CSS Document */

body {width:100%; background:#002c59; font-size:1em; font-family:Arial; color:#000;}
* {margin:0; padding:0; font-style:normal;}
a {color:#002d5d; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none;}
ul {margin:10px 0; padding:0 0 0 25px;}
ol {margin:10px 0; padding:0 0 0 25px;}
li {margin-bottom:5px;}
p {margin:10px 0;}

h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}


/*===================================================================================================
BLOCK
===================================================================================================*/
#container {
	position:relative;
	margin:0px;
	width:1000px;
	background:#fff;
}
#cols1 {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:212px;
	height:733px;
	background:url(img/bg_menu.jpg) top left no-repeat #fff;
}
#cols2 {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 1px;
	width:787px;
	background:#fff;
}
#header {
	position:relative;
	width:787px;
	height:134px;
	background:#002c59;
}
#main {
	position:relative;
	width:727px;
	padding:12px 30px 30px;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
#footer {
	position:relative;
	width:787px;
	border-top:1px solid #D8D8D8;
	padding:10px 0px;
	font-size:10px;
	color:#000;
}
#clear {
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
}

/*===================================================================================================
CONTENU COLS 1
===================================================================================================*/
#cols1 h1.titreSite {
	position:absolute;
	display:block;
	margin:0px;
	padding:0px;
	top:11px;
	left:27px;
	width:110px;
	height:115px;
}
#cols1 h1.titreSite a {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:110px;
	height:115px;
}
#cols1 h1.titreSite span {
	display:none;
}


.contentMenuP {
	position:absolute;
	display:block;
	margin:0px;
	padding:0px;
	top:135px;
	left:46px;
	width:166px;
	height:598px;
	border-right:1px solid #d8d8d8;
	z-index:1000;
}

#cols1 ul.menuP {
	position:relative;
	display:block;
	margin:50px 0px 0px;
	padding:0px;
	width:166px;
	z-index:1000;
}

#cols1 ul.menuP li {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 3px;
	width:163px;
	border-bottom:1px solid #d8d8d8;
	list-style:none;
	font-size:11px;
	color:#727272;
	text-align:right;
	z-index:1000;
}
#cols1 ul.menuP li.first {
	border-top:1px solid #d8d8d8;
}

#cols1 ul.menuP a {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 30px 3px 5px;
	width:128px;
	color:#002d5d;
	text-align:right;
	font-weight:bold;
	background:#fff;
}
#cols1 ul.menuP a.next {
	background:url(img/menuFleche.gif) 149px center no-repeat #fff;
}

#cols1 ul.menuP a:hover {
	text-decoration:none;
	color:#fff;
	background:#002d5d;
}
#cols1 ul.menuP a.next:hover {
	background:url(img/menuFleche_roll.gif) 149px center no-repeat #002d5d;
}



#cols1 ul.menuS {
	position:absolute;
	display:block;
	top:3px;
	left:166px;
	margin:0px;
	padding:0px;
	width:192px;
	z-index:1000;
	background:#002d5d;
}
#cols1 ul.menuS li {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 3px;
	width:189px;
	border:none;
	list-style:none;
	font-size:11px;
	color:#727272;
	text-align:right;
}
#cols1 ul.menuS a {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 30px 3px 5px;
	width:154px;
	color:#fff;
	text-align:right;
	font-weight:bold;
	background:#002d5d;
	text-align:right;
}
#cols1 ul.menuS a.next {
	background:url(img/menuFleche_roll.gif) 175px center no-repeat #002d5d;
}

#cols1 ul.menuS a:hover {
	text-decoration:none;
	color:#fff;
	background:#006699;
}
#cols1 ul.menuS a.next:hover {
	background:url(img/menuTFleche_roll.gif) 175px center no-repeat #006699;
}



#cols1 ul.menuT {
	position:absolute;
	display:block;
	top:0px;
	left:192px;
	margin:0px;
	padding:0px;
	width:195px;
	z-index:1000;
	background:#006699;
}

#cols1 ul.menuT li {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 3px;
	width:192px;
	border:none;
	list-style:none;
	font-size:11px;
	color:#727272;
	text-align:left;
}
#cols1 ul.menuT a {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:3px 5px;
	width:182px;
	color:#fff;
	text-align:right;
	font-weight:bold;
	background:#006699;
	text-align:left;
}

#cols1 ul.menuT a:hover {
	text-decoration:underline;
	background:#006699;
}






















/*===================================================================================================
CONTENU COLS 2
===================================================================================================*/




















/*===================================================================================================
CONTENU HEADER
===================================================================================================*/
#header h1 {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:787px;
	height:115px;
}
#header h1 span {
	display:none;
}

#header h1.titreAccueil {
	background:url(img/titreAccueil.jpg) top left no-repeat;
}
#header h1.titreProfil {
	background:url(img/titreProfil.jpg) top left no-repeat;
}
#header h1.titreActivite {
	background:url(img/titreActivite.jpg) top left no-repeat;
}
#header h1.titreMise {
	background:url(img/titreMise.jpg) top left no-repeat;
}
#header h1.titrePlanification {
	background:url(img/titrePlanification.jpg) top left no-repeat;
}
#header h1.titreEnvironnement {
	background:url(img/titreEnvironnement.jpg) top left no-repeat;
}
#header h1.titreFormation {
	background:url(img/titreFormation.jpg) top left no-repeat;
}
#header h1.titreLien {
	background:url(img/titreLien.jpg) top left no-repeat;
}
#header h1.titreFaq {
	background:url(img/titreFaq.jpg) top left no-repeat;
}
#header h1.titreRejoindre {
	background:url(img/titreRejoindre.jpg) top left no-repeat;
}
#header h1.titreNeuf {
	background:url(img/titreNeuf.jpg) top left no-repeat;
}
#header h1.titreSitemap {
	background:url(img/titreSitemap.jpg) top left no-repeat;
}




#header ul.menuU {
	position:relative;
	display:block;
	margin:0px 0px 0px 62px;
	padding:0px;
	width:280px;
}
#header ul.menuU li {
	float:left;
	display:block;
	margin:0px 13px 0px 0px;
	padding:4px 0px 0px;
	list-style:none;
	font-size:9px;
}
#header ul.menuU li.last {
	margin:0px;
}
#header ul.menuU a {
	position:relative;
	display:block;
	color:#cccc99;
}
#header ul.menuU a:hover {
	color:#fff;
	text-decoration:none;
}




























/*===============================================================================================================================
FOOTER
===============================================================================================================================*/
#footer p {
	margin:5px 0px;
	text-align:center;
}



























/*===============================================================================================================================
ADMINISTRATION
===============================================================================================================================*/
.login {margin-top:15px;}
.login td {background:#fff; padding:5px; color:#000; font-weight:bold;}
.login input.inputClass {padding:2px; height:15px; width:150px;}

.menuAdmin {margin:30px;}
.menuAdmin li {list-style:url(img/puce.gif); margin-bottom:5px; font-size:1em;}

.btnClass {background:#002d5d; height:23px; border:#002d5d solid 1px; color:#fff; cursor:pointer; padding:3px; font-size:11px;}
.btnClass:hover {background:#fff; color:#002d5d;}

.btnClassDisable {background:#E96F35; height:23px; border:#E96F35 solid 1px; color:#fff; cursor:default; padding:3px; font-size:11px; opacity:0.5;}

.adminType {display:block; width:625px;}
.adminTypeTitle {width:641px; height:20px; background:#b1d0e8; color:#4a7c39; margin-top:10px;}
.adminTypeTitle li {float:left; display:block; height:18px; list-style:none; padding:2px 0 0 3px; font-weight:bold; font-size:0.8em;}

.Add {float:left; display:block; width:24px; height:24px; cursor:pointer; background:url(img/Add.png) top left no-repeat; margin-right:5px;}
	.Add span {display:none;}
.Mod {float:left; display:block; width:24px; height:24px; cursor:pointer; background:url(img/Modify.png) top left no-repeat; margin-right:5px;}
	.Mod span {display:none;}
.Del {float:left; display:block; width:24px; height:24px; cursor:pointer; background:url(img/Delete.png) top left no-repeat;}
	.Del span {display:none;}


.comm_bad {margin:5px 0; color:red; font-weight:bold;}
.comm_good {margin:5px 0; color:green; font-weight:bold;}
.bold {font-weight:bold;}