body{margin:0;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#00003F; background:#E3E3E4 url(/design/images/fond.jpg) repeat-x top;
scrollbar-3dlight-color:#FFA802;
	scrollbar-arrow-color:#FFA802;
	scrollbar-darkshadow-color:#FFA802;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;}

a:link, a:visited, a:hover {color:#02018A;text-decoration: underline;}
a:hover {color:#0101CD;text-decoration: none;}

img{ border:0;}

#page{ position:relative;width:950px; margin:auto; background-color:#FFFFFF;}

/* === Header === */
#headerContainer{ position:relative;width:100%;height:170px;background:url(/design/images/header.jpg) no-repeat top left;}
#logo{ width:165px; height:170px; position:absolute; left:0; top:0; background-color:#FFFFFF;}
#headerContent{width:100%;height:87px; padding:83px 0 0 0; text-align:left;background:url(/design/images/header_s.gif) repeat-x top left;}
#administrer{ margin-left:175px; height:26px; padding:10px 0 0 35px;background:url(/design/images/administrer.jpg) no-repeat top left;}
#utilisateur{ float:right;height:26px; padding:10px 0 0 30px;background:url(/design/images/utilisateur.jpg) no-repeat top left;}
#logout{ float:right;height:26px; padding:10px 0 0 40px; margin:0 20px;background:url(/design/images/logout.jpg) no-repeat top left;}

#mainContent{position:relative;width:95%;text-align:center; margin:auto; padding-bottom:20px;}
/*#mainContent ul{ margin:10px 0 0 5px; padding:0; list-style:none; list-style-image:none;}
#mainContent ul li{ margin:5px 0; padding:2px 3px; height:18px; width:150px; border:1px solid #9391CE;background:url(/design/images/fond_li.jpg) repeat-x top left;font-weight:bold;}
#mainContent ul li a{ color:#FFFFFF; text-decoration:none; display:block;}*/

#footer{ position:relative;width:950px;height:24px;padding-top:5px;margin:auto; font-size:11px; background:url(/design/images/fond_header.jpg) repeat-x left top; color:#FFFFFF;}
#footer a{color:#FFFFFF;}
#credits{width:950px;height:24px;padding-top:10px;margin:auto; text-align:left; font-size:11px;}
#w3Links{ margin:0; padding:0; list-style:none; list-style-image:none;float:right; width:200px;height:20px;}
#w3Links li{ float:right; width:80px; height:20px; background:none; background-image:none; padding:0; text-align:right;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#121194;}
h1{font-weight:normal;font-size:1.8em;padding:0 0 1em 0; text-align:center;}
h2{font-size:16px;padding:0; margin:15px 0px 10px 0px;font-weight:bold;}
h3{font-size:14px;padding:10px 0px 5px 0px;font-weight:bold; color:#EC6333;}
h4{font-size:12px;padding:5px 0px;font-weight:bold;}
h5{padding:3px 0px;}
h6{padding:3px;font-weight:normal;font-style:italic; color:#666666;}

ul {list-style-image:none; list-style:none; text-align:left;}
ul ul{ list-style-type:square;}
ul ul ul{list-style-type: none;}
ul li{background:url(/design/images/list-style-image.gif) no-repeat left top; padding:3px 0px 3px 15px; margin:2px 15px 2px 0;list-style-image:none; list-style:none; text-align:left;}
ul.puceFleche li{background:url(/design/images/puceFleche.gif) no-repeat left top;padding:1px 0px 3px 28px; }

/*Accueil*/
#encartRight{float:right;margin:1em 3% 0 0;}
#encartLeft{float:left;margin:1em 10% 0 3%;}
.gedURL{  width:171px; height:156px;margin:0 0 1em 0; }
.accueilBody{ width:450px; margin:auto;}

/* === Encart Ordre de mission === */
.ordreMission{ width:170px;height:84px;background:url(/design/images/fond_ordreMission.jpg) no-repeat left top; text-align:left;}
.ordreMission h3{ color:#FFFFFF; text-align:center; margin:0; padding:6px 0 0 0;}
.ordreMission ul{ margin:13px 0 0 15px; padding:0; text-align:left;}
.ordreMission ul li{background:url(/design/images/puce_ordreMission.gif) no-repeat left top; margin:1px 0 3px 0; padding:2px 0 3px 25px;}
.relative{ position:relative; margin:auto; clear:both;}

/*Form*/
form{ margin:0;}
.formBouton{width:22px;height:19px;color:#FFFFFF;border:1px solid #ADB398;background:#192E22 url(/design/images/bt_ok.jpg) repeat-x top;}
.formBoutonOver{width:22px;height:19px;color:#FFFFFF;border:1px solid #ADB398;background:#2D4E3B url(/design/images/bt_ok_over.jpg) repeat-x top;}
.formText{border: 1px solid #192E22;padding:3px 2px;}
.formTextarea{border: 1px solid #192E22; padding:3px 2px;}
.formLabel {background-color:#162C20;text-align:right;padding: 4px 10px 4px 0px;}
.error {
	border:1px solid red;
	background-color: #FFEBDF;
	color:#FF0000;
	padding:10px;
}

/* ========== debut Pear HTML_QuickForm_Renderer_Tableless/stylesheet.css
derniere version : http://pear.php.net/package/HTML_QuickForm_Renderer_Tableless/download/All
 =====*/
 /* explications sous inputs (tous formulaires */
 div.element span {font-size:80%}
  /* === Pas d'inscription === */
 p#shopLogin-registerURLBlock{background:url(/design/images/puce_FlecheJaune.gif) no-repeat left top; padding:8px 0 8px 35px; margin:1em 0 2em 30px;}
 /* ====*/
 /*#loginForm{ margin-left:30px;}*/
  #loginFormFieldset legend{ /*font-size:1.3em;color:#2D2D2D; padding-bottom:1em;*/}
 
 * html form.tableLess fieldset li {/*compatibility firefox 1.x*/
    float: none;
}
*+html form.tableLess fieldset li {/*compatibility firefox 1.x*/
    float: none;
}

form.tableLess {
    margin: 0;
    padding: 0;
    width: 900px;
}
form.tableLess fieldset{
    border: 1px solid #0D0C92;
	margin-top:2em;
}
form.tableLess fieldset.hidden {
    border: 0;
}
form.tableLess fieldset legend {
    background:url(/design/images/fond_header.jpg) repeat-x left top;
	white-space: nowrap;
    font-weight: bold;
	height:18px;
    padding:5px 10px 6px 10px;
	margin:0 0 0.5em 0;
    display: block;
	color:#FFFFFF;
}
form.tableLess fieldset ol {
    margin: 0;
    padding: 0;
}
form.tableLess fieldset li {
    display: block;
    list-style: none;
    margin: 0;
    clear: both;
}
form.tableLess label {
    margin: 0 0 0 5px;
}
form.tableLess label.element {
    display: block;
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: bold;
    text-align: right;
}
form.tableLess input, form textarea, form select {
    width: auto;
}
form.tableLess textarea {
    overflow: auto;
}
form.tableLess br {
    clear: left;
}
form.tableLess div.element {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;
}
form.tableLess li.reqnote {
    font-size: 80%;
    margin: 5px 0 0 10px;
}
form.tableLess span.error, form span.required {
    color: red;
}
form.tableLess div.error {
    border: 1px solid red;
    padding: 5px;
}
/* ========== fin pear HTML_QuickForm_Renderer_Tableless =====*/