* {
margin:0;
padding:0;
}
body {
	width: 874px;
	margin-right: auto;
	margin-left: auto;
	}

#conteneur {
	border: 1px solid #666666;
	margin-top: 10px;
}
#header {
	margin: 0px;
	margin-bottom: 2px;
	text-align: center;
}
/*pour le menu*/
#navcontainer {
	margin: 0px;
	background-color: #b0afaf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	}

	
/*Fin menu*/
/*#conteneur_acces {
	background-color: #cccccc;
	margin-bottom: 5px;
}*/
#conteneur_acces {
	background-color: #cccccc;
	margin-bottom: 5px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}

.acces {
	background-color: #e8e8e8;
	width: 250px;
	float: right;
	padding: 5px;
	margin-top: 10px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.messageRouge 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

#menuAcces {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*color: #FFFFFF; */
	height: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ffa507;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	}

#piedcontainer {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ffa507;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	}
label {
	width: 200px;
	font-weight: normal;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#ulMenuAcces li
	{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-left: 20px;
}
#ulMenuAcces a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 25px;
 }

#ulMenuAcces a:link, #ulMenuAcces a:visited
	{
	color: #666666;
	text-decoration: none;
	}

#ulMenuAcces a:hover
	{
	color: #666666;
	text-decoration: none;
	}


#piedlist li
	{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-left: 20px;
}
#piedlist a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 37px;
 }

#piedlist a:link, #piedlist a:visited
	{
	color: #666666;
	text-decoration: none;
	}

#piedlist a:hover
	{
	color: #666666;
	text-decoration: none;
	}
	
#tableLigneEntete TD
	{
	border-bottom:solid 1px black;
	border-right:solid 1px black;
	}

#tableLigneEntete 
	{

	border:solid 1px black;

	}
	
#TabContenu TD
	{
	border-bottom:solid 1px black;
	border-right:solid 1px black;
	text-align:center;
	
	}

#TabContenu 
	{

	border:solid 1px black;
	/*text-align:center;*/
	}	

	
.titreparagraphe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #707172;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 21px;
	margin-top:20px;
	ccmargin-bottom:20px;
}
.texteparag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.textegras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.titrenoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.extranet {
	margin-top: 10px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.grandeZone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.contenu {
	margin-top: 0px;
	margin-right: 35px;
	margin-left: 35px;
	xbackground-color: red;
}

/*Pour les pages diverses*/
.titrePageDiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #707172;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 21px;
	margin-top: 20px;
	fmargin-bottom: 10px;
	fborder:solid 1px black;
}
.textePageDiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	fborder:solid 1px black;
}
/*fin pages diverses*/

/*Pour le plan du site*/
.plan {
	fbackground-color: #e8e8e8;
	width: 250px;
	padding: 5px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	stext-align: center;
}


.rub1Plan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.rub2Plan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #707172;
	text-decoration: none;
}
/*fin plan du site*/

/*contact*/
.divContact 
{
	margin-top: 0px;
	margin-right: 35px;
	margin-left: 35px;
	xbackground-color: red;
}
/*fin contact*/

/*pour la carte*/
.titre {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.textebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.tableau {
	border: 1px solid #666666;
	padding: 5px;
	dbackground-color: #00FF00;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

/*pour l'encadré*/
.FondDegradeGris {
	background-attachment: scroll;
	background-image: url(../images/Fond_degradeGris.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*Pour les actu*/
.titreActu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.titreActu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.titreActu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

#menuExtranet {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*color: #FFFFFF; */
	height: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ffa507;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ffa507;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	}

#ulMenuExtranet li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	padding-left: 20px;
}
#ulMenuExtranet a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 25px;
 }

#ulMenuExtranet a:link, #ulMenuExtranet a:visited
	{
	color: #666666;
	text-decoration: none;
	}

#ulMenuExtranet a:hover
{
color: #666666;
text-decoration: none;
}

#selStatutCmd
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.titreFormulaire
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #707172;
	text-decoration: none;
}











/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: gray;
	background: #d8e8ff;
	font-weight: normal;
	}
	
input.dpbtn { 
	color:#050; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	background-color: White; 
	border: none; 
	background-image: url('../images/calendar.jpg');
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;	
	cursor: pointer;
	background-position: center center;
	} 
	
	
#wrapper {width:825px; margin:50px auto;}
.sortable {width:823px; border:1px solid #ccc; border-bottom:none;}
.sortable th {padding:4px 6px 6px; background:#444; color:#fff; text-align:left; color:#ccc;}
.sortable td {padding:2px 4px 4px; background:#fff; text-align:left; border-bottom:1px solid #ccc;}
.sortable .head {background:#444 url(../images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .desc {background:#222 url(../images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .asc {background:#222 url(../images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff;}
.sortable .even td {background:#f2f2f2;}
.sortable .odd td {background:#fff;}



#idDonnees table .enteteDonneesGauche
{
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	height:40px;
	background-color:#B0AFAF;
	color:#FFFFFF;
}

#idDonnees table .enteteDonneesMilieu
{
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	height:40px;
	background-color:#B0AFAF;
	color:#FFFFFF;
}

#idDonnees table .enteteDonneesDroite
{
	border-right:1px solid black;
	border-top:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:40px;
	background-color:#B0AFAF;
	color:#FFFFFF;
}

#idDonnees table .contenuDonneesGauche
{
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:40px;
	color:black;
}

#idDonnees table .contenuDonneesMilieu
{
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:40px;
	color:black;
}

#idDonnees table .contenuDonneesDroite
{
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	height:40px;
	color:black;
}