/* CSS Document */
body
{
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #EEE;
}

p
{
	text-align: justify;
	margin: 12px 0;
}
div.text
{
	margin-top: 10px;
	padding: 0 6px 6px 6px;
}

div.h3
{
	margin: 0;
	padding-left: 6px;
	font-size: 1.1em;
	color: #003399;
	text-decoration: underline;
}

div#header
{
	background-color: #FFF;
}

div#content_header
{
	margin: auto;
	width: 985px;
	height: 75px;
}

div#accessLinks
{
	float: left;
	text-align: center;
	padding-top: 22px;
	padding-left: 5px;
}

div.connexion
{
	float: right;
	text-align: right;
	padding-top: 15px;
}

div.connexion label
{
	font-size: 1.1em;
	font-weight: bold;
	color: #86898c;
}

div.connexion input
{
	padding: 3px;
	border: 1px solid #a0a5ac;
	background-color: #f3f3f3;
}

div.connexion input.submit
{
	border: 0;
	width: 24px;
	height: 24px;
	background: url('../images/connect.png') no-repeat 0 100%;
  cursor: pointer;
}

div.connexion input.valider
{
	border: 0;
	width: 24px;
	height: 24px;
	background: url('../images/send.png') no-repeat 0 100%;
  cursor: pointer;
}

div.connexion a:link, div.connexion a:visited {
	text-decoration: underline;
}

div.connexion a:hover, div.connexion a:active {
	text-decoration: underline;
}

a:link, a:visited {
	color: #8b8c8f;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}

#menuRight ul , .block ul, div#accessLinks ul
{
	margin: 0;
	padding: 0;
}

div#accessLinks ul li
{
	display: inline;
}

div#accessLinks span
{
	padding: 2px;
	margin-right: 2px;
	font-weight: bold;
}

div#accessLinks span.select
{
	color: #FF0000;
}

div#logo
{
	float: left;
	margin-top: -85px;
	padding-top: 1px;
	height: 110px;
	z-index: 999;
}

div#logo img
{
	z-index: 999;
}

div#navigation
{
	height: 36px;
	background-color: #2b2e33;
}

div#content_navigation
{
	margin: auto;
	padding-top: 10px;
	width: 1000px;
	min-height: 26px;
}

div.fond
{
	background: #8F0305 url('../images/bg_bouton.png') repeat-x;
}
	
ul#menu
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu li
{
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 4px;
	margin-top: 1px;
	height: 25px;
	width: 150px;
	border-right: 1px solid #000;
	border-left: 1px solid #5a5c60;
	background-color: #2B2E33;
}	

ul#menu li h1
{
 margin: 0;
 padding: 0;
 display: inline;
 font-size: 1em;
}

ul#menu li.first
{
	border-left: 0;
}

ul#menu li.select
{
	background: #8F0305 url('../images/bg_bouton.png') repeat-x;
	height: 24px;
}

ul#menu li.last
{
	border-right: 0;
}

#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #db0406;
	text-decoration: none;
}


div#menu_left
{
	float: left;
	background:url('../images/menu_left.png') no-repeat;
	width: 9px;
	height: 35px;
}

div#menu_center
{
	float: left;
	height: 25px;
	width: 775px;
}

div#menu_right
{
	float: left;
	background:url('../images/menu_right.png') no-repeat;
	width: 9px;
	height: 35px;
}

div#body
{
	margin: auto;
	width: 1000px;
}

div#content
{
		padding: 0;
}

div.module
{
	background-color: #616466;
}

div.module h2
{
	color: #8F8F8F
}

div.module table
{
	width:100%;
  border:1px solid #616466;
  text-align: left;
	border-spacing: 1px;
}

div.module table td
{
	padding: 3px;
	background-color: #EFEFEF; 
}

div.module table td.th
{
	padding: 3px;
	background-color: #DFDFDF; 
}

.center
{
	text-align: center;
}

div#fondMetiers
{
	position:relative;
	margin-top:10px;
	min-height: 334px;
}

div#fondMetiers div.plateau
{
	position:relative;
	float: left;
	width: 608px;
	height: 334px;
}
div#fondMetiers div.plateau p#promo{position:absolute;text-align:left;right:15px;bottom:65px;width:325px;color:#fff;font-size:1.4em;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;}

img#ruban{position:absolute;left:-5px;top:-3px;}
img#badge{position:absolute;right:50px;top:30px;}
img#plateau{position:absolute;left:5px;bottom:60px;}
img#promo{position:absolute;right:15px;bottom:130px;}
img#savoirPlus{position:absolute;right:10px;bottom:10px;}
div#fondMetiers div#type_services
{
	float: right;
	width: 387px;
	height: 331px;
	background: url('../images/cadre_service.png') no-repeat;
}

div#type_services h1
{
	color: #FFF;
	font-size: 3em;
}

div#actu
{
	height: 260px;
	margin-left:10px;
}

div#type_services div#actu img
{
	padding-top: 15px;
}

div.bouton
{
	float: left;
	margin-top: 10px;
	margin-left: 18px;
	padding: 8px 7px;
	width: 150px;
	min-height: 36px;
	color: #FFF;
	padding-top: 5px;
	background: #8F0305 url('../images/bg_bouton.png') repeat-x;
}


div#lienContacts
{
	position: relative;
	text-align: left;
	margin: auto;
	width: 200px;
}

div#lienContacts div.bouton
{
	width: 200px;
	min-height: 32px;
	margin-right: 0;
	padding: 0 0 8px 0;
	margin-left:0;
	border-bottom: 1px solid #616466;
	background: none;
}

div.bouton h2
{
	margin: 0;
	font-size: 1.2em;
	color: #FFF;
	background: url('../images/right.png') no-repeat right;
}

div#lienContacts div.bouton h2
{
	height: 20px;
	padding-top: 5px;
	padding-left: 30px;
	margin: 0;
	color: #000;
	background: none;
}

div#lienContacts div.achat h2
{
	color: #7EAC00;
}

div#lienContacts div.bouton h2.tel
{
	font-size: 1.1em;
	padding-top: 7px;
	background: url('../images/phone_2.png') no-repeat left 3px;
}

div#lienContacts div.bouton h2.mail
{
	background: url('../images/mail.png') no-repeat left;
}

div#lienContacts div.bouton h2.rap
{
	background: url('../images/phone.png') no-repeat left;
}

div#lienContacts div.bouton h2.plan
{
	background: url('../images/globe_3.png') no-repeat left;
}

div#lienContacts div.bouton h2.devis
{
	background: url('../images/devis.png') no-repeat left;
}

div#lienContacts div.bouton h2.bon
{
	background: url('../images/bon.png') no-repeat left;
}

div.bouton a:link, div.bouton a:visited {
	color: #FFF;
	text-decoration: none;
	width: 260px;
	height: 20px;
}

div.bouton a:hover, div.bouton a:active {
	color: #fff;
	text-decoration: none;
	width: 260px;
	height: 20px;
}

div#contenu 
{
	width: 1000px;
}

div#contenu div.block
{
	position: relative;
	float: left;
	width: 250px;
	color: #c8c8c8;
	font-size: 1.2em;
}
div#contenu div.block div.haut{float:left;background: url("../images/cadre_gauche_haut.png") no-repeat;width:250px;height:12px;line-height:0;}
div#contenu div.block div.centre{float:left;position: relative;background: url("../images/cadre_gauche_centre.png") 0 5px;min-height: 230px;padding: 0 12px;}
div#contenu div.block div.bas{float:left;background: url("../images/cadre_gauche_bas.png") 0 0 no-repeat;width:250px;height:15px;}
div#contenu div.block p{text-align: left;}
div.left
{
	float: right;
	width: 13px;
	height: 42px;
}

div.right
{
	float: right;
	width: 13px;
	height: 42px;
	margin-left: 20px;
}

div#contenu div.block div.centre div
{
	position: absolute;
	bottom: 1px;
	float: left;
	margin-right: 10px;
	padding: 8px 7px;
	width: 90px;
	height: 20px;
	font-size: 1.1em;
	color: #FFF;
	background: #535659 url('../images/bg_type.png') repeat-x;
}

div#contenu div.block div.right
{
	right: 10px;
}
div#contenu div.block div.centre h3{padding:0;}
div#contenu div.block div.centre h2
{
	margin: 0;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight:bold;
	height: 20px;
	cursor: pointer;
	background: url('../images/type_right.png') no-repeat left;
}

div#contenu div.block a:link, div#contenu div.block a:visited {
	color: #FFF;
	text-decoration: none;
}

div#contenu div.block a:hover, div#contenu div.block a:active {
	color: #fff;
	text-decoration: none;
}

div#contenu div.left
{
	border-left: 0;
}

div#contenu div.blockContact
{
	border-right: 0;
	margin: 0;
  width: 250px;
}

div#contenu div.blockContact div.centre div
{
	margin-right: 6px;
	padding: 8px 7px;
	min-height: 50px;
	width: 84%;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #75787b;
	border-right: 1px solid #696c6f;
	border-left: 1px solid #363739;
	border-top: 1px solid #191b1d;
	background: #626467 url('../images/bg_tel.png') repeat-x;
}

div#contenu div.blockContact div.centre div h2
{
	position: absolute;
	bottom: 3px;
	left: 5px;
	margin: 0;
	padding-left: 28px;
	font-size: 1.3em;
	font-weight: 400;
	height: 20px;
	cursor: default;
	background: url('../images/tel.png') no-repeat left 3px;
}
div#contenu div.blockContact div.haut{background: url("../images/cadre_droit_haut.png") no-repeat;width:250px;height:12px;}
div#contenu div.blockContact div.centre{min-height:230px;background: url('../images/cadre_droit_centre.png') 0 bottom repeat-y;}
div#contenu div.blockContact div.bas{background: url("../images/cadre_droit_bas.png") no-repeat;width:250px;height:19px;}
div#contenu > div.right a:link, div#contenu div.right a:visited {
	color: #FFF;
	text-decoration: underline;
}

div#contenu > div.right a:hover, div#contenu div.right a:active {
	color: #FF0000;
	text-decoration: underline;
}

div#contenu div.module
{
	position: relative;
	width: 758px;
	min-height: 570px;
	float: right;
	background-color: #FFFFFF;
	padding: 20px 12px;
	padding-left: 20px;
	border: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	background: #FFF url('../images/bg_module.png') repeat-x;
}

div#fil_fer
{
	font-size: 1.1em;
	text-transform: capitalize;
}

div#contenu div#fil_fer a:link, div#contenu div#fil_fer a:visited {
	color: #000;
	text-decoration: none;
}

div#contenu div#fil_fer a:hover, div#contenu div#fil_fer a:active {
	color: #FF0000;
	text-decoration: none;
}

div.detail
{
	float: left;
	width: 70%;
	padding: 5px;
}

div.raccourcis
{
	position: absolute;
	right: 2px;
	width: 28%;
	padding: 5px;
	text-align: center;
	margin-left: 10px;
}

div.raccourcis img
{
 width: 200px;
}

div.block li
{
	padding-bottom: 10px;
	margin-left: 20px;
}

div.block p
{
	padding: 2px 0;
}

div#contenu h1
{
	font-size: 1.8em;
	margin-top: 0;
	color: #8F8F8F
}

div#contenu h3
{
	margin-top: 0;
	padding-top: 10px;
	font-size: 1.3em;
}

div#contenu span.more
{
	float: right;
	padding-top: 5px;
	right: 15px;
	bottom: 15px;
}

div#contenu div#blockRight
{
	float: left;
	width: 210px;
	min-height: 270px;
	margin-right: 0;
	padding: 17px 0;
	z-index: 99;
	background: #616466  url('../images/bg_block_left.png') no-repeat;
}

div#blockRight div#menuRight
{
	position: absolute;
	width: 181px;
	padding: 5px 15px;
	z-index: 99;
}

div#blockRight div#menuRight ul
{
	margin-left: -15px;
	list-style-position: outside;
	list-style-type: none;
}

div#blockRight div#menuRight li
{
	width: 150px;
	margin: 0;
	padding: 8px 20px 8px 40px;
	border-bottom: 1px solid #252728;
	border-top: 1px solid #7d8083;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	background: #474a4d  url('../images/puce.png') 20px center no-repeat;
}

div#blockRight div#menuRight li.first
{
	border-top: 1px solid #7d8083;
}

div#blockRight div#menuRight li.last
{
	border-bottom: 1px solid #7d8083;
}

div#blockRight div#menuRight li.select
{
	color: #000000;
	background: #FFF;
	text-decoration: underline;
}

div#blockRight div#menuRight li.tel
{
	font-size: 1.4em;
	color: #333333;
	padding: 15px 20px 15px 35px;
	font-weight: bold;
}

div#blockRight div#menuRight li.last img
{
	margin-left: -10px;
	margin-top: 13px;
}


div#menuRight a:link, div#menuRight a:visited {
	color: #e6e5e5;
	text-decoration: none;
}

div#menuRight li.select a:link, div#menuRight li.select  a:visited {
	color: #000;
	text-decoration: none;
}


div#menuRight a:hover, div#menuRight a:active {
	color: #FFF;
	text-decoration: none;
}

div#blockRight div#menuRight li:hover 
{
	background: url("../images/h80.png") repeat-x scroll 0 50% #15212F;
}

div#blockRight div#menuRight  li.select:hover 
{
	background: #FFF;
}

div#blockRight h3
{
	margin: 0;
	color: #4E4A49;
	font-size: 1.3em;
}

div#blockRight div#logoPartenaires
{
	padding: 20px 15px;
	background: url('../images/bg_partenaire.png') repeat-x;
}

div#blockRight div#logoPartenaires div
{
	width: 210px;
	height: 55px;
	margin: 8px 0;
	padding: 7px 0;
	text-align: center;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

div.liresuite
{
	position: absolute;
	bottom: 0;
	right: 3px;
	text-align: right;
	padding-bottom: 3px;
}

div.hid
{
	display: none;
}

div#footer
{
	clear:both;
	margin: 5px auto;
	width: 995px;
	height: 60px;
	color: #000;
}
div#footer div
{
	padding:5px;
	margin-bottom:5px;
	background: #2B2E33;
}
div#footer img {margin: 0 12px;}

div#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#footer ul li
{
	display: inline;
}

div#footer a:link, div#footer a:visited {
	color: #8b8c8f;
	text-decoration: none;
}

div#footer a:hover, div#footer a:active {
	color: #FFF;
	text-decoration: none;
}

br.rc
{
	clear: both;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
}

img
{
	border: 0;
}

form.form 
{
	padding: 10px;
}

form.form div > div.champ
{
	float: left;
	width: 322px
}

form.form span
{
	font-size: 1.2em;
}

form.form label
{
	float: left;
	width: 250px;
	padding-top: 7px;
	vertical-align: baseline;
  cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;	
}

form.form input.field
{
	border: 1px solid #A0A0A0;
	background-color:#FFF;
	color: #5F5F5F;
	margin: 2px 0;
	width: 320px;
	height: 20px;
	text-align: left;
	font-size: 1.1em;
	padding-top: 4px;
}

form.form select
{
	border: 1px solid #A0A0A0;
	background-color:#FFF;
	color: #5F5F5F;
	font-size: 1.1em;
	margin: 2px 0;
	width: 322px;
  height: 24px;
}

form.form textarea
{
	border: 1px solid #A0A0A0;
	background-color:#FFF;
	color: #5F5F5F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 2px 0;
	width: 99%;
	height: 100px;
}

form.form input[type='submit'], form.form input[type='reset']
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 2px 0;
	width: 100px;
	height: 35px;
	cursor: pointer;
}

form.form > div
{
	clear: both;
	margin-left: 15px;
	padding: 5px 0;
	min-height: 30px;
	border-bottom: 1px dotted #999;
}

form.form h4
{
	font-size: 1.2em;
	padding: 3px;
	background-color:#DFDFDF;
}

div.submit
{
  text-align: center;
	padding-top: 10px;
	width: 740px;
  height: 42px;
}

div.boutonContrat
{
	vertical-align: bottom;
  padding-top: 5px;
	text-align: center;
}

span.button
{
  width: 100px;
	padding: 10px 10px 16px 10px;
	text-align: center;
	background: url('../images/bouton_center.png') repeat-x;
}

span.button input
{
  background: transparent;
	border: 0;
	font-size: 1.3em;
	font-weight: bold;
	cursor: pointer;
}

div.boutonContrat span.radio
{
  width: 100px;
	padding: 10px 10px 16px 10px;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	cursor: pointer;
}

div.bouton div input
{
  width: 100%;
	height: 36px;
  border: 0;
	font-size: 1.3em;
	font-weight: bold;
  color: #403F36;
	background: transparent;
  cursor: pointer;
}

div.adresse_int
{
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	width: 30%;
}

div.adresse_donnee
{
	float: right;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	width: 65%;
}

div#divNlt
{
	margin-top: 10px;
}

div#divNlt label
{
	float: none;
	width: 100%;
}

div#result
{
	padding: 5px;
	background: #FFF29F;
	border: 1px solid #FED22F;
}

div#result span.txt
{
	font-size: 1.4em;
	font-weight: bold;
}

div#result div.resumer
{
	border: 0;
	background: transparent;
}

div#contenu div#fuckie
{
	margin: 0;
	padding: 0;
	background: none;
	height: 33px; 
	width: 100%; 
	font-size:0;
}	

div#nivpass {
	display: none;
	height: 28px;
}
div#nivpass div#bad, div#mid, div#good, div#vgood{
	float: left;
	width: 73px;
	height: 18px;
	text-align: center;
	margin-right: 1px;
	padding: 5px 3px 5px 3px;
	vertical-align:middle;
	font-size:small;
}
div.nrm {
	background-color:#DDD;
	color:#000;
}
div.red {
	color:#000;
	background-color:#DB0406;
}

div.yellow {
	color:#000;
	background-color:#FDB14D;
}
div.blue {
	color:#000;
	background-color:#1283C3;
}

div.green {
	color:#000;
	background-color:#A0DA54;
}

div.erreur
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #F1AC88;
	background-color:#FAF5EA;
}

div.reussi
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #8CCE3B;
	background-color:#F1FBE5;
}

div.compte 
{
	padding-top: 20px;
}

div.compte > div
{
	float: left;
	padding-bottom: 10px;
	text-align: left;
	width: 210px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #616466;
	background-color: #EFEFEF;
}

div.compte div div
{
	float: right;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	width: 140px;
	padding-top: 10px;
}

/* to-do list */

.formulaire
{
	padding: 10px 3px;
}
#liste
{
	font-size: 1.4em;
	border: 2px solid #333;
	height: 28px;
	width: 78%;
	padding: 3px;
	background-color: #E8E8E8;
}

#ajouterListe
{
	font-weight: bold;
	color: #FFF;
	width: 20%;
	height: 38px;
	padding: 3px;
	border: 2px solid #333;
	cursor: pointer;
	background: #8F0305 url(../images/bg_bouton.png) repeat-x;
}

.liste
{
	float: left;
	width: 48%;
	font-family:Georgia, "Times New Roman", Times, serif;
	border: 1px solid #666;
	margin: 3px;
	padding: 3px;
	background-color:#FFFF66;
}

div#listes h3
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}

div#listes h3 span
{
	margin-left: 10px;
}

#listes ul, .liste ul li
{
	list-style: none;
	vertical-align: bottom;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#listes li
{
	margin: 0;
	min-height: 23px;
	padding: 4px 0;
	border-bottom: 1px solid #999;
}

.liste div.boton
{
	text-align: right;
	padding: 15px 3px 3px;
}

.liste input[type='button']
{
	display: inline;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

span.left
{
	display: none;
	width: 32px;
}

span.right
{
	display: block;
	float: left;
	width: 305px;
	padding: 8px 0 10px 5px;
	margin-left: 10px;
	margin-bottom: -10px;
	border-left: 1px solid #FF9999;
}

span.show
{
	float: left;
	display: block;
}
/* Pour IE 7 et inférieur */
span.show *
{
	float: left;
	display: block;
}
span.right span, span.right div
{
	display: inline-block;
}
/* Fin */
div.tache
{
	width: 230px;
}

div.date
{
	float:right;
	width: 70px;
	font-size: .9em;
	color: #999;
}

.liste input.text
{
	margin-right: 5px;
	width: 185px;
	border: 1px solid #999;
	background-color: #FEFF9F;
}

.liste input.date
{
	width: 70px;
	margin-right: 5px;
	border: 1px solid #999;
	background-color: #FEFF9F;
}

.ui-datepicker, .ui-datepicker-calendar, .ui-widget-content
{
	background: #EEE;
}

/*.ui-icon-check
{
	background-image: url(../images/accept.png);
	background-position: 0 0;
}

.ui-icon-close
{
	background-image: url(../images/del.png);
	background-position: 0 0;
}

.ui-icon-plus
{
	background-image: url(../images/add.png);
	background-position: 0 0;
}

.ui-icon-print
{
	background-image: url(../images/printer.png);
	background-position: 0 0;
}*/

#tooltip {
	position: absolute;
	font-size: 0.9em;
	padding: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #8CCE3B;
	background-color: #F1FBE5;
}
#tooltip h3, #tooltip div { margin: 0;}

/* partenaires */
.partenaire
{
	min-height: 80px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #616466;
	background-color: #EFEFEF;
}

.logo
{
	float: left;
	width: 30%;
	min-height: 80px;
	padding: 2px;
	text-align: center;
	border: 1px solid #CC0000;
	background-color: #FFF;
}

div.reference
{
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
}

div.reference .logo
{
	float: none;
	width: 200px;
}

.easyday
{
	background: #132F57 url('../images/bg_easyday.png') repeat-x;
}

.thepblog
{
	background: #FCFCFA;
}

.texte
{
	float: right;
	font-size: 1.1em;
	width: 68%;
}

div.lien
{
	float: right;
	width: 150px;
	height: 30px;
	padding-left: 5px;
	background: #535659 url('../images/bg_type.png') repeat-x;
}

div.lien h2
{
	margin-top: 5px;
	padding-top: 3px;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight:bold;
	color: #FFF;
	height: 20px;
	cursor: pointer;
	background: url('../images/type_right.png') no-repeat 5px;
}

div#contenu div.block div.centre div.sommes
{
	background: #8F0305 url('../images/bg_bouton.png') repeat-x;
}

div#contenu div.block div.centre  div.sommes h2
{
	background: url('../images/puce_select.png') no-repeat 5px;
}

blockquote {
	text-indent: 25px;
	background: url(../images/quotes1.png) no-repeat  0 2px;
}

blockquote p:last-child {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(../images/quotes2.png) no-repeat bottom right;
}
/* map google */
#map
{
	border: 4px solid #616466;
}

#direction
{

}

div#google #adresse
{
	font-size: 1.4em;
	border: 2px solid #333;
	height: 28px;
	width: 78%;
	padding: 3px;
	background-color: #E8E8E8;
}

#setDirection
{
	font-weight: bold;
	color: #FFF;
	width: 20%;
	height: 38px;
	padding: 3px;
	border: 2px solid #333;
	cursor: pointer;
	background: #8F0305 url(../images/bg_bouton.png) repeat-x;
}

#moyenContacts > div
{
	position: relative;
	float: left;
	width: 340px;
	min-height: 125px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #616466;
	background-color: #EFEFEF;
}

.moyen p
{
	font-size: 1.2em;	
	text-align: left;
	float: right;
	width: 79%;
	margin-top: 5px;
}
.moyen > h2
{
	float: right;
	text-align: left;
	margin: 0;
	width: 77%;
}
.moyen img
{
	float: left;
}

.moyen .lien
{
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* recrutement */
form.form div.job label
{
	width: 300px;
	padding-top: 4px;
	padding-bottom: 4px;
}

form.form  div.job input.check
{
	float: left;
	width: 40px;
}

form.form div#cvEnLigne
{
	border: 0;
}

div#cvEnLigne > div
{
	border-bottom:1px dotted #999999;
	clear:both;
	margin-left:15px;
	padding:5px 0;
}

div#cvEnLigne h5
{
	position: relative;
	font-size: 1.3em;
	margin-top: 0;
	border-bottom: 2px solid #DFDFDF;	
}

div#cvEnLigne h5 span, div#cvEnLigne h4 span
{
	float: right;
}

#addFonction, #addFormation, #closeCv, .infoUpload
{
	padding: 0 5px;
	margin-top: -5px;
	color: #FFF;
	cursor: pointer;
	-moz-border-radius: 4px;
	background: #8F0305 url(../images/bg_bouton.png) repeat-x;
}

#closeCv
{
	margin-top: 0;
	line-height: 1;
}

#fonction form > div, #formation form > div
{
	width: 95%;
}

#fonction .champ, #formation .champ
{
	width: 100%;
}
#fonction h4, #formation h4
{
	margin-top: 0;
}

#fonction label, #formation label
{
	width: 100%;
}

#fonction input.field, #formation input.field
{
	width: 100%;
}

#fonction .submit, #formation .submit
{
	width: 100%;
}

#fonctionListe > div, #formationListe > div
{
	min-height: 20px;
	border-bottom:1px dotted #999999;
}

.quandCv
{
	float: left;
	min-height: 20px;
	width: 150px;
	padding: 3px;
	font-size: 1.1em;
}

.ouCv
{
	float: left;
	min-height: 20px;
	width: 420px;
	padding: 3px;
	font-size: 1.1em;
}

.editCv
{
	float: right;
	text-align: right;
	width: 110px;
	padding: 3px;
}

.editCv img
{
	cursor: pointer;
	margin: 0 5px;
}

.ligne1
{

}

.ligne2
{
 background-color: #EFEFEF;
}

#demotip 
{
	background:url("../images/black_arrow.png") repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:none;
	font-size:12px;
	height:50px;
	padding: 22px 20px;
	width:170px;
	z-index: 999;
}

#cvtip 
{
	background:url("../images/black_arrow_left.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:none;
	font-size:12px;
	height:50px;
	padding: 22px 20px;
	width:185px;
	z-index: 999;
}

#cvtipFormation, #cvtipFonction 
{
	position: absolute;
	right: 20px;
	top: -35px;
	background:url("../images/black_arrow_left.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:12px;
	height:50px;
	padding: 22px 20px;
	width:185px;
	z-index: 99;
}
/* devis */
/* the root element for scrollable */ 
#wizard { 
	overflow:hidden; 
	position:relative;
	background:url("../images/h600.png") repeat-x left bottom #FFFFFF;
	border: 3px solid #778899;
	font-size:12px;
	min-height:570px;
	margin: 5px auto 20px auto;
	overflow:hidden;
	position:relative;
	width:99%;
}	
#drawer {
	background: #F6F6F7 url("../images/h80.png") repeat-x left bottom;
	border-bottom:2px solid #778899;
	display:none;
	font-size:18px;
	left:0;
	padding:15px;
	text-align:center;
	top:0;
	width: 99%;
} 

#drawer .option
{
	position: absolute;
	font-size: 9px;
	top: 5px;
	right: 10px;
	line-height: -1;
}
#drawer .option img
{
	cursor: pointer;
}
#drawer .option input, #drawer .option label
{
  margin-bottom: 0;
	line-height: 0;
} 
/* scrollable items */ 
#wizard .items { 
	width: 200000em; 
	clear:both; 
	position:absolute; 
} 
 
/* single scrollable item called ".page" in this setup */ 
#wizard .page { 
	padding:10px; 
	width:505px;
	height:560px;
	overflow: auto; 
	float:left;
	background: url("../images/ajax-loader.gif") no-repeat 50% 50%;
} 
#tarifTs, #typeTs, #tarifNts, #typeNts, #vosDonnees { 
	overflow: hidden;
}
 

#wizard #status {
	position: relative;
	background:url("../images/h80.png") repeat-x scroll 0 50% #15212F;
	height:35px;
	width: 1550px;
	cursor: pointer;
	margin:0 !important;
}

#wizard ul {
	margin:0 !important;
	padding:0 !important;
}

#wizard ul, #wizard ol, #wizard p {
	margin:10px 0;
}

#status li.active {
	background: #F4F4F4 ;
	font-weight:normal;
	color: #1F2832;
}


#status li {
	position:relative;
	color:#FFFFFF;
	float:left;
	list-style-image:none;
	list-style-type:none;
	padding:10px;
	width: 152px;
}

#wizard li {
	list-style-image:none;
	list-style-type:none;
	margin-bottom:25px;
}

#wizard li {
	list-style-image:none !important;
	list-style-type:none !important;
	margin-top:0 !important;
}

#wizard .right {
	float:right;
}

#wizard .error {
	border:1px solid red;
}
#wizard button {
	background:url("../images/h80.png") repeat-x scroll 0 50% #15212F;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	height:24px;
	outline:1px outset #999999;
}

#wizard button.important
{
	background-color: #BA0507;
}

div.button
{
	position: relative;
	bottom: 15px;
	width: 99%;
}

div.ligneForm
{
	width: 99%;
	min-height: 30px;
	padding: 20px 0 5px 0;
	border-bottom: 1px dotted #999; 
}

#vosDonnees div.ligneForm
{
	padding-top: 15px;
}

div.ligneForm input.check
{
	float: left;
	margin-top: 8px;
}

div.ligneForm label
{
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 8px;
	color: #2D3A47;
	vertical-align: baseline;
}

div.ligneForm > label
{
	width: 30%;
	font-size: 1.2em;
}

div.ligneForm > span
{
	font-size: 0.9em;
}

div.ligneForm > input[type='text'], div.ligneForm > select, div.ligneForm > textarea
{
	float: left;
	width: 99%; 
}

div.ligneForm > select
{
	height: 24px;
}

div.ligneForm h2
{
	margin-top: 0;
}

div.taches
{
	min-height: 20px;
}

#typeTs .champ label
{
	float: left;
	padding-left: 5px;
	min-height: 20px;
	width: 95px;
}

#typeTs .taches label
{
	width: 215px;
}

.grilleTarif div
{
	padding: 5px 3px;
	font-size: 1.3em;
	font-weight: bold;
	min-height: 20px;
}

.grilleTarif .intitule
{
	float: left;
	width: 80%;
}

.grilleTarif .prix
{
	float: right;
	width: 17%;
	text-align: right;
}

.grilleTarif .last
{
	font-size: 1.4em;
	border-top: 2px solid #999;
}

.grilleTarif .total
{
	color: #7EAC00;
}

div#conditionsGenerales
{
	width: 98%;
	height: 300px;
	overflow: auto;
	padding: 3px;
	border: 1px solid #000;
	background-color: #FFF;
}

.page #divNlt
{
	font-size: 0.8em;
}

div.ligneForm table
{
	font-size: 0.9em;
	margin-bottom: 0;
}

div.ligneForm table td.th
{
	vertical-align: text-top;
	color: #FFF;
	background:url("../images/h80.png") repeat-x scroll 0 0 #112233;
}

div.ligneForm div.bouton
{
	padding: 0 4px;
	color: #FFF;
	font-size: 1.4em;
	text-align: center;
	cursor: pointer;
	width: 7px;
	min-height: 7px;
	margin: 0;
	background: #8F0305 url(../images/bg_bouton.png) repeat-x;
}

div.periode label, div.periode input
{
	width: 47%;
	margin-right: 5px;
}
div.periode label.left, div.periode input.left
{
	float: left;
}

div.periode label.right, div.periode input.right
{
	float: right;
}

#selection, #montant
{
	font-size: 1.2em;
	font-weight: bold;
}

#montant span.total
{
	color: #7EAC00;
	font-size: 1.1em;
}

div.heureEval
{
	padding-top: 5px;
}

table p
{
	margin: 0;
}