/* CSS Document */

/*////////////////////        GLOBAL       */
html,body,* {
	margin:0;
	padding:0;}

body {
	background:#6f94aa;}

td,tr,p{
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:14px;}

.msgError {
	color:#FF0000;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;}
	
.msgOk {
	color:#00CC00;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;}
#container {
	width:1200px;
	background-color:#FFFFFF;
	margin:0 auto;}

.clear {
	clear:both;
	height:1px;}

.strong {
	font-weight:bold;}

a.deleteButton{
	background-color: #be222a;
	padding: 10px;
	color: #fff !important;
	font-size: 12px !important;
	border-radius: 6px;}
a.archiveButton{
	background-color:#604730;
	padding: 10px;
	color: #fff !important;
	font-size: 12px !important;
	border-radius: 6px;}
a.addButton{
	background-color: #5277a2;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 10px;
}

a.addButton i{
	font-size: 14px;
	margin-right: 5px;
}
a.grayButton,span.grayButton{
	background-color:#555555;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 10px;
}
a.editButton {
	background-color:#3A762E;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 10px;
}
a.editButton:hover {
	background-color:#29681C;
}

input.submitButton{
	background-color: #5277a2;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 10px;
	border: none;
	cursor: pointer;
}
#contenu a.grayButton.small{
	font-size: 12px;
	padding: 4px;
}
/*////////////////////           MENU          */

#header {
	width:1185px;
	height:70px;
	padding:20px 0 0 15px;
	background:url(../../img/header_shadow.png) repeat-x #d84ca0;
	/*background:url(../../img/header_shadow.png) repeat-x #F09;*/}
#header h1 {
	color:#FFFFFF;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:36px;
	letter-spacing:10px;
	font-weight:normal;}
#header #version {
	color:#FFFFFF;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:10px;
	font-weight:normal;
	margin-right:20px;
	letter-spacing:2px;
	float:right;}
#header #version a{
	font-size:8px;
	color:#FFFFFF;}
#header #version a:hover{
	text-decoration:none;}
#menu {
	height:33px;
	width:inherit;
	background:url(../../img/menu_shadow.png) repeat-x #d84ca0 bottom;
	border-top:solid 2px #FFFFFF;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:14px;
	position:relative;}
#menu a {
	display:-moz-inline-box;
	display:inline-block;
	padding:7px 25px 8px 25px !important;
	padding:5px 25px 5px 25px;
	color:#FFFFFF;
	text-decoration:none;}
#menu a.menuHome:hover {
	background:url(../../img/menu_shadow.png) repeat-x #5277a2 bottom;}
#menu a.menuAppelants:hover {
	background:url(../../img/menu_shadow.png) repeat-x #b27b10 bottom;}
#menu a.menuAppels:hover {
	background:url(../../img/menu_shadow.png) repeat-x #794384 bottom;}
#menu a.menuRecherches:hover {
	background:url(../../img/menu_shadow.png) repeat-x #5f8544 bottom;}
#menu a.menuAdmin:hover {
	background:url(../../img/menu_shadow.png) repeat-x #b42c2d bottom;}
#menu a.menuAdmin {
	position:absolute;
	right:0;
	top:0;}


#sousMenu {
	height:31px;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:14px;
	width:392px;
	margin-left:204px;
	margin-top:15px;
	}

#sousMenu .etapeInactive {
	background:no-repeat top left;
	width:68px;
	height:21px;
	float:left;
	padding:4px 0 0 30px;
	color:#2d3956;
	cursor:pointer;
	}

#sousMenu #etape_1{
	background-image:url(../../img/etapeInact.gif);
	color:#2d3956;
	}
#sousMenu #etape_2{
	background-image:url(../../img/etapeInact.gif);
	color:#2d3956;
	}
#sousMenu #etape_3{
	background-image:url(../../img/etapeInact.gif);
	color:#2d3956;
	}
#sousMenu #etape_4{
	background-image:url(../../img/etapeInact.gif);
	color:#2d3956;	
	}

#sousMenu .etapeActive {
	background:no-repeat top left;
	background-image:url(../../img/etapeAct.gif);
	width:68px;
	height:21px;
	float:left;
	padding:4px 0 0 30px;
	color:#FFFFFF;
	}
/*////////////////////           CONTENU          */
#contenu {
	margin:20px;}
	
#contenu h1,h2,h3 {
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica;
	font-weight:normal;
	color:#2d3956;}
#contenu h1 {
	font-size:24px;
	margin:0;}
#contenu h2 {
	font-size:20px;
	margin:0 0 10px 0;}
#contenu h3 {
	font-size:14px;
	margin:10px 0 10px 0;}

#contenu p {
	color:#2d3956;}
#contenu a {
	text-align:center;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#2d3956;}
#contenu a:hover {
	text-decoration:underline;
	}

#contenu li{
	font-family:"Century Gothic", Arial, Helvetica;
	text-align:center;
	font-size:14px;
	color:#2d3956;}

#contenu table {
	margin:0 auto;}
#contenu table td {
	height:30px;}
#contenu table.moinsHaute td {
	height:20px;}
#contenu table td.leftRow {
	padding-right:10px;}

#contenu input.encradre {
	border:solid 1px #2d3956;
	width:150px;
	}

#contenu .divCadreSection {
	border:solid 1px #2d3956;
	padding:20px;
	margin:10px 0 10px 0;
	float:left;
	width:450px;
	}
#contenu .divCadreSectionWide {
	border-bottom:solid 1px #2d3956;
	padding:20px 0 30px 0;
	margin:10px 0 40px 0;
	position:relative;
	}
#contenu .divCadreSectionWidenoBotMarg {
	border-bottom:solid 1px #2d3956;
	padding:20px 0 30px 0;
	margin:10px 0 10px 0;
	position:relative;
	}
#contenu .divNoCadreSectionWide {
	border-bottom:none;
	padding:20px 0 30px 0;
	margin:10px 0 40px 0;
	position:relative;
	}
#contenu .divCadreSectionWideLeft {
	border:solid 1px #2d3956;
	padding:20px;
	margin:10px 0 10px 0;
	position:relative;
	}
#contenu .divCadreSection p{
	font-family:"Century Gothic", Arial, Helvetica;
	text-align:center;
	font-size:14px;
	color:#2d3956;}
#contenu .divCadreSectionWide p,#contenu .divNoCadreSectionWide p,#contenu .divCadreSectionWidenoBotMarg p{
	font-family:"Century Gothic", Arial, Helvetica;
	text-align:center;
	font-size:14px;
	color:#2d3956;}
#contenu .divCadreSectionWideLeft p {
	font-family:"Century Gothic", Arial, Helvetica;
	text-align:left;
	font-size:14px;
	color:#2d3956;}

#contenu #resumePermanent{	
	float:right;
	width:230px;
	margin:0;
	padding:0;
	position:relative;}
#contenu #resumePermanent p{
	font-family:"Century Gothic", Arial, Helvetica;
	text-align:left;
	font-size:14px;
	color:#2d3956;}
#contenu #resumePermanent p.high{
	margin-bottom:5px;}
#contenu #resumePermanent p.titreHigh{
	margin-top:4px;}
#contenu #resumePermanent h4{
	font-family:"Century Gothic", Arial, Helvetica;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	color:#2d3956;
	background-color:#E2E8FF;
	margin-bottom:5px;}
#contenu #resumePermanent p.small{
	font-size:10px;}
#contenu #resumePermanent .resumeSection{	
	float:right;
	width:230px;
	border:solid 1px #2d3956;
	margin:10px 0 0 10px;
	padding:10px;
	position:relative;}
#contenu #resumePermanent .resumeSection .divNotes{	
	height:150px;
	overflow:auto;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:10px;
	color:#2d3956;
	}
#contenu #resumePermanent .resumeSection a .editButton {
	background-color:#3A762E;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 10px;
	
	position:absolute;
}
#contenu #resumePermanent .resumeSection a .editButton:hover {
	background-color:#29681C;
	}

#contenu a .retourListe {
	border:solid 1px #2d3956; 
	font-size:14px; 
	padding:5px 5px 3px 5px; 
	height:20px; 
	width:110px;
	}
#contenu a .retourListe:hover {
	background:#e4edf5;
	}
#contenu a .editButton {
	background-color:#3A762E;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 10px;
	
	position:absolute;
}

#contenu a .editButton:hover {
	background-color:#29681C;
	}
.topRight { right:5px; top:5px;}
.bottomRight { right:5px; bottom:5px;}
.bottomCenter { bottom:5px; margin:0 auto;}
.right { right:5px;}

.formComment {
	font-size:10px;
	color:#333;}

.enfantGrise,#contenu table tr.enfantGrise td{
	color: #645A5B;
	font-size: 14px !important;
	height: 20px;
}
tr.visited td{
	background-color: #7f99c6;
}

/*////////////////////           FOOTER          */
#footer {
	height:30px;
	border-top:solid 1px #2d3956;
	padding:10px 0 0 0;
	font-family:"Century Gothic", Arial, Helvetica;
	font-size:10px;
	color:#2d3956;
	text-align:center;}
#footer p{
	font-size: 10px;
}
#footer a{
	text-decoration:none;
	color:#2d3956;}