body {
	margin:0;
	padding:0;
	color:#222222;
	background: #fff url(/images/titre/fond-body.png) repeat-x;
}

div { padding:0; margin:0; }
img { border:0; padding:0; margin:0; }

/* -------------------------------------------------------------------  */
/* --------------- Positionnement des blocs de la page ---------------- */
/* -------------------------------------------------------------------  */

#global {
    width: 809px;
	margin: 0 auto 0 auto;
}

#contenu {
	float:right;
	width:619px;
	padding: 0 0 0 20px;
}

#contenuHP {
	float:right;
	height:38px;
	margin:0;
	padding:0;
	padding-top:10px;
	width:310px;
	text-align:right;
	background: #fff url(/images/hp/fond-accroche.jpg) no-repeat;
	font-size:0;
}

/* -------------------------------------------------------------------  */
/* --------------- 				Styles				   ---------------- */
/* -------------------------------------------------------------------  */

/* Liste de choix du site */
select, option
{
  color: #E26A00;
  background-color:#e6ecf2;
}

.form_error
{
  padding-left: 10px;
  color: #d8732f;
}

/* -------------------------------------------------------------------  */
/* --------------- MENU ADMIN	   ------------------------------------ */
/* -------------------------------------------------------------------  */

#admin-bar {
	position:absolute;
    left: 0; 
    top: 0;
 	padding: 2px;
    overflow: hidden;
  	filter:alpha(opacity=85);
	z-index: 995;
    width: 115px;
    background-color: #eef;
    border: 1px #bbb solid;
}

#admin-bar a { color: #444; font-size: 11px; }
#admin-bar a:hover { color: #e33; }
#admin-bar hr { height: 1px; }
#admin-bar img { vertical-align: middle; display: inline-block; }
#admin-bar ul {	padding: 0; margin: 0; }
#admin-bar li { 
	padding: 2px 2px 2px 5px;
  	font-size: 11px;
	margin: 0;
}

#admin-bar select, #admin-bar option
{
	padding: 0;
	margin: 0;
	width: 100px;
  	font-size: 10px;
}

/* -------------------------------------------------------------------  */
/* --------------- MENU CONTEXTUEL ------------------------------------ */
/* -------------------------------------------------------------------  */

/* Boite de confirmation centrée sur la page */
#center-box {
	width: 400px;
	height: 170px;
	text-align: center;
	margin: 50px auto 50px auto;
	padding: 40px;
	border: 1px solid #ccc;
	background: #c7d2d6 url(/images/fond-center-box.gif) repeat-x top;
}

/* Menu d'édition des pages en ligne */
#admin_page_button {
	position: absolute;
	top: 166px;
  	right: 20px;
	background: #eee;
	padding: 5px;
	border: 1px dashed #ccc;
}

/* Croix pour fermer le menu d'édition des pages en ligne */
#admin_page_close {
	position: absolute; 
	top:0; 
	right:0;
}

/* -------------------------------------------------------------------  */
/* --------------- MENU ET CONCEPTION DES PAGES      ------------------ */
/* -------------------------------------------------------------------  */



div.contact {
	width:170px;
	text-align:center;
	padding:25px 0 15px 0;
	border-bottom: 1px solid white;
}

#menu {
	width:170px;
	float:left;

	padding-top:11px;

}

#menu ul {
 	list-style-type: none;
	padding:0;
	margin:0;
}

#menu li {
	padding: 3px 0 3px 20px;
	list-style-type: none;
	list-style-image: none;
	font-size:10px;
	color:#8f8f8f;
	margin-bottom:1px;
}

#menu li.service {
 color:#8f8f8f;
 font-weight:bold;
}

#menu li.service-a {
	background: gray url(/images/menu/fond-service-a.png);
}

#menu li.service-a a {
	color:#fff;
	font-weight:bold;
}




#menu li.kelcom,#menu li.kelcom-a {
	margin-top:20px;
	background: gray url(/images/menu/fond-kelcom.png);
}
#menu li.kelcom-a {
	margin-top:20px;
	background: gray url(/images/menu/fond-kelcom.png);
}
#menu li.kelcom-a a {
	color:#fff;
	font-weight:bold;
}



#menu li.service a {
color:#8f8f8f;
}

#menu li.service2 {
	padding-left:30px;
	background: #dadada;
	font-size:11px;
	font-weight:bold;
	color:white;
}


#menu li.service2 a {
	font-size:11px;
	font-weight:normal;
	color:#888;
}



#menu li.kelcom a{
	margin-top:20px;
	color:white;
}

#menu li.kelcom2 {
	padding-left:30px;
	background: #dadada;
	font-size:12px;
	font-weight:bold;
	color:white;
}

#menu li.kelcom2 a {
	font-size:12px;
	font-weight:normal;
 color:#8f8f8f;
}

#menu li.kelcom3 {
	padding-left:50px;
	background: gray url(/images/menu/fond-kelcom-3.gif);
	font-size:11px;
	font-weight:bold;
	color:white;
}

#menu li.kelcom3 a {
	font-size:11px;
	font-weight:normal;
	color:#eee;
}


#navigation {
	float:left;
	width:769px;
	height:15px;
	background: #dadada url(/images/titre/fond-navigation.png) no-repeat;
	color:#fff;
	padding-left:40px;
	padding-top:0;
}

#navigation a {
	color: white;
	font-weight: bold;
}

#navigation a:hover {
	color: #edc795;
	font-weight: bold;
}

#connexion {
	float:right;
	width:92px;
	background: #4882be;
	text-align:center;
	font-size:12px;
}

#connexion a {
	color: white;
	font-weight: bold;
	font-size:12px;
}

#connexion a:hover {
	color: #f19d14;
	font-weight: bold;
}

.bigMenu {
	width:180px;
	background: url(/images/menu/fond-menu-bas.gif) repeat-y;
}



/* -------------------------------------------------------------------  */
/* --------------- TABLEAU DE COULEUR  ------------------------------------ */
/* -------------------------------------------------------------------  */

.titre-tableau-jaune {
	margin-top:5px;
}

.tableau-jaune {
	padding:8px;
	width:165px;
	clear:both;
	background: #fff url(/images/tableau/fond-jaune.jpg) repeat-x bottom;
	border: solid white 1px;
}

.tableau-jaune li {
	list-style-image: url(/images/tableau/fleche-jaune.gif);
	color:#555;
}
div.tableau-jaune ul {
	margin-left:15px;
		padding-left:15px;
}

.titre-tableau-orange {
	margin-top:55px;
}

.tableau-orange {
	padding:8px;
	width:165px;
	clear:both;
	background: #fff url(/images/tableau/fond-orange.jpg) repeat-x bottom;
	border: solid white 1px;
}

.tableau-orange li {
	list-style-image: url(/images/tableau/fleche-orange.gif);
	color:#555;
}
div.tableau-orange ul {
	margin-left:15px;
	padding-left:15px;
}

.titre-tableau-bleu {
	margin-top:105px;
}

.tableau-bleu {
	padding:8px;
	width:165px;
	clear:both;
	background: #fff url(/images/tableau/fond-bleu.jpg) repeat-x bottom;
	border: solid white 1px;
}

.tableau-bleu li {
	list-style-image: url(/images/tableau/fleche-bleue.gif);
	color:#555;
}
div.tableau-bleu ul {
	margin-left:15px;
		padding-left:15px;
}

/* -------------------------------------------------------------------  */
/* --------------- PIED DE PAGE ------------------------------------ */
/* -------------------------------------------------------------------  */


div.pp {
	margin:0px;
	float:left;
	padding:57px 0 0 5px;
	width:300px;
	color: #fff;
	font-size:10px;


}

div.pp a {
	font-size:10px;
	color: #cacaca;
	
}
/* -------------------------------------------------------------------  */
/* --------------- 				Autres				   ---------------- */
/* -------------------------------------------------------------------  */

.fond-actu {
	padding:0px;
	margin:0;
	width:250px;
	line-height:18px;
	border-right: 1px solid gray;
	border-left: 1px solid white;
	background: #a5bdd0 url(/images/menu/fond-menu.jpg) repeat-x bottom;
	font-size:11px;
}

.actujob_line {	color:#555; }
a.actujob_line:hover { color:white; }

.grille { background-color: #fafafa; }

.inputLabel {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#666;
	padding:4px;
	padding-top:6px;
	padding-left:5px;
	background: #fff url(/images/tableau/fond-jaune.jpg) repeat-x bottom;;
}
.inputValue {
	text-align:left;
	font-size:11px;
	color:#555555;
	padding:4px;
	background: white;
}

.inputValue input, textarea {
	font-family: Trebuchet MS, "Trebuchet MS", sans;
	border-style: solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #efefef;
	border-right-color: #efefef;
	font-size: 1em;
	border-width: 1px;
	color: #777;
	padding: 2px;
	background: #f4f4f4;
}

input submit {
	background: #cacaca;
}

div.picto {
float:left;
width:123px;
height:113px;
vertical-align:top;
text-align:center;
color:#5a5a5a;
font-size:11px;
}

div.picto a{
color:#5a5a5a;
font-size:11px;
}
div.picto img {
margin-bottom:7px;
}
div.impTexte ul{
padding:0;
margin:0;

}

div.impTexte li{
padding-bottom:5px;
font-weight:bold;
}

.div-actu-class{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	padding: 5px;
	background-color: #f9efe2;
	border: 1px solid #dadada;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
	-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.div-actu-class a {
	line-height: 15px;
	font-size: 11px;
	color: #868789;
}

.form-errors-site
{
  font-size: 11px;
  margin-bottom: 10px;
  border: 1px solid #f33;
  background-color: #ffc;
}

.form-errors-site h2
{
  margin: 2px 10px 5px 15px;
  font-size: 11px;
  color: #aaa;
  background: none;
}

.form-errors-site ul
{
  padding: 2px;
  list-style-type: none;
}

.form-errors-site li
{
  list-style-image: none;
  padding: 2px 0 2px 40px ;
  background: url(/sf/sf_admin/images/error.gif) no-repeat 10px 2px;
}

#footer {
height:84px;
width:100%;
background: url(/images/titre/fond-footer.png) repeat-x;
float:left;

}