html {background: url(../images/bgBody.png) repeat-x;}
	body {font-family: Verdana;}

	/*#debug {display: none;}*/ /* = Layout
	---------- */
	#page {
		width: 800px;
		margin: 0 auto;
		position: relative;
		}

	#main {width: 580px;margin-top: 15px;}
	#header {width: 580px;height: 170px;}
	
	/* = #sideBlock*/
	#sideBlock {
		position: absolute;
		top: 0; right: 0;
		width: 200px;
		}

	/* = Header
	---------- */
	#logo a {
		display: block;
		background: transparent url(../images/bgLogo.jpg) no-repeat;
		width: 600px; height: 117px;
		text-indent: -1000em;
		overflow: hidden;
		}

	#signature h2 {
		width: 581px; height: 48px;
		background: transparent url(../images/bgSignature.png) no-repeat;
		text-indent: -1000em;
		overflow: hidden;
		}
	#logoCrci a {
		display: block;
		width: 45px; height: 45px;
		position: absolute;
		top: 70px; left: 555px;
		text-indent: -1000em;
		}
	.clear {clear: both; height: 1px;}

	/* = Onglets moteur de recherche
	------------------------------- */
	#search_steps {
		font-family: CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		border-top: 3px #C7DEF3 solid;
		border-bottom: 3px #C7DEF3 solid;
		color: #669FC8;
		}

	#search_steps :after {
		content: "-";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}

	#search_steps span {
		display: block;
		padding: 8px 35px 0 10px;
		}

	#search_steps a {
		text-decoration: none;
		color: #fff;
		}
	#search_steps a:hover {
		color: #C7DEF3;
		}
		
	#search_steps li {
		font-size: 93%;
		width: 193px;
		height: 2.69em;
		background: #002970 url(../images/ongletsEtapes.png) no-repeat;
		float: left;
		position: relative;
		}

	#search_steps li.selected {
		color: #fff;
	}

	#search_steps li#st1 {
		background-position: 0 -102px;
	}

	#search_steps li#st2 {
		background-position: -194px 0;
	}

	#search_steps li#st3 {
		background-position: -388px 0;
	}

	#search_steps li#st1.selected {
		background-position: 0 0;
	}

	#search_steps li#st2.selected {
		background-position: -194px -34px;
	}

	#search_steps li#st3.selected {
		background-position: -388px -68px;
	}

	#search_steps li#st1ns {
		background-position: 0 -34px;
	}

	#search_steps li#st2ns {
		background-position: -194px -68px;
	}

	/* = Onglets de consultation
	--------------------------- */
	#consult_steps {
		font-family: CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		background: #c7def3;
		padding: 0.3em 0 0 0.5em;
	}

	#consult_steps h2 {
		border: 0 !important;
		margin: 0;
		padding: 0 !important;
	}

	#consult_steps :after {
		content: "-";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	#consult_steps li {
		width: 145px;
		height: 40px;
		margin-left: 1px;
		float: left;
		background: transparent url(../images/bgOnglets.png) no-repeat;
		color: #fff;
	}

	#consult_steps li a {
		color: #001B46;
		text-decoration: none;
		display: block;
		height: 100%;
		color: #fff;
	}

	#consult_steps li.selected {
		background-position: -145px 0;
	}

	#consult_steps span {
		display: block;
		height: 100%;
		padding: 3px 0 0 10px;
	}

	/* = Onglets edition
	--------------------------- */
	#edit_steps {
		border-bottom: 1px #005FAE solid;
		height: 2em;
		font-size: 90%;
		color: #001B47;
	}

	#edit_steps li {
		width: 160px;
		height: 2em;
		float: left;
		text-align: center;
	}

	#edit_steps li.selected {
		font-weight: bold;
	}

	#edit_steps li.selected span {
		border-bottom: 5px #005FAE solid;
	}

	#edit_steps span {
		display: block;
		height: 2em
	}

	/* = Outils de contenu
	--------------------- */
	.tools {
		height: 25px;
		margin: 0 0 1em 0;
	}

	.tools li {
		float: right;
		margin-right: 10px;
	}

	.tools .print a {
		display: block;
		background: transparent url(../images/btnImprimer.png) no-repeat;
		width: 75px;
		height: 25px;
		text-indent: -1000em;
	}

	.tools .export a {
		display: block;
		background: transparent url(../images/btnExportPDF.png) no-repeat;
		width: 116px;
		height: 25px;
		text-indent: -1000em;
	}

	.tools li a:hover {
		background-position: 0 -25px;
	}

	/* = Blocs droite
	----------------- */
	#sideBlock {
		width: 200px;
		font-family: CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS"
	}

	#sideBlock h2,#sideBlock p {
		margin: 0 0 0.8em 0;
	}

	#sideBlock h2 {
		font-size: 138.5%;
	}

	#sideBlock .bloc a {
		text-decoration: none;
		display: block;
		background: #08489D;
		color: #fff;
		font-family: CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		padding: .5em;
		border: 2px #fff solid;
	}

	#sideBlock .bloc a:hover {
		background: #00326B;
	}

	#sideBlock .bloc {
		margin: 0 0 15px 0;
	}

	#sideBlock #accroche {
		background: transparent url(../images/accroche.png) no-repeat;
		height: 202px;
		text-indent: -1000em;
	}

	#sideBlock #accesServices {
		background: #142251;
		color: #fff;
		padding: 10px;
	}

	#sideMenu {
	
	}

	#sideMenu #sm1,#sideMenu #sm2,#sideMenu #sm3 {
		margin: 0 0 10px 0;
		padding: 10px;
	}

	#sideMenu #sm1 {
		background: #08499E;
	}

	#sideMenu #sm2 {
		background: #51A20F;
	}

	#sideMenu #sm3 {
		background: #1D72C9;
		overflow: auto;
	}

	#sideMenu #sm3 a {
		background: transparent url(../images/logoAEF.png) no-repeat;
		height: 50px;
		float: left;
		padding-left: 55px;
	}

	#sideMenu a {
		color: #fff;
		text-decoration: none;
	}

	#sideMenu h3 {
		color: #fff;
		font-size: 120%;
	}

	#sideMenu li {
		color: #fff;
		font-size: 90%;
		font-family: Verdana;
	}

	#sideMenu li a {
		text-decoration: none;
		color: #fff;
		padding-left: 1em;
	}

	#sideMenu #sm1 h3 {
		margin-bottom: .5em;
	}

	/* = BLOC ANNUAIRE / LOIC /Janvier 2010 */
	#annuaire {color: #001B47;}
	#annuaire #logos {
		position: absolute;
		right: 200px;
		border: 1px #fff solid;
		margin: -15px 0 0 0;
		width: 185px; height: 76px;
		}
	#annuaire #logos img {
		display: block;
		width: 185px; height: 76px;
		overflow: hidden;
		}
	#annuaire p {
		font-size: 85%;
		margin: 0 0 .8em 0;
		line-height: 1.5;
		}

	#annuaire h1 {
		font: bold 116% CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		background: #08499E;
		color: #fff;
		padding: .8em;
	}

	#annuaire h2 {
		font: bold 123.1% CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		padding: 0 0 8px 0;
		border-bottom: 1px #99C1E4 solid;
		margin: 0 0 0.8em 0;
	}
	#annuaire h3 {
		font: bold 108% CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		margin: 0 0 0.8em 0;
		}
	#annuaire td,#annuaire th {font-size: 85%;}
	#annuaireContent {
		background: #C7DEF3 url(../images/bgAnnuaire.png) repeat-x 0 -10px;
		padding: 25px 10px 10px 10px;
		}
	.section {font-size: 1em;font-weight: bold;}
	
	.bt_imp_pdf {clear: both; margin: 0 0 1em 0;}
	a.modifier,
	.bt_imp_pdf span a {
		text-decoration: none;
		font-size: 85%; color:#fff;
		padding: .5em .5em .5em 25px;
		}
	a.modifier {
		background: #F33D00 url(/design/designannuaire/images/commande/return.png) no-repeat 2px 5px;
		}
	.bt_imp_pdf span a {
		background: #F33D00 url(/design/designannuaire/images/commande/acrobat.png) no-repeat 2px 5px;
		}
	#annuaire p.more {
		color:#878E14; font-size: 85%; 
		font-weight: bold;
		padding: 13px .5em 12px 40px;
		background: transparent url(/design/designannuaire/images/commande/itemPlus.gif) no-repeat 2px 5px;
		}
		
		
	.mailBottom a {color:#08489D; text-decoration: none;}
	
	#annuaire p.infos {
		padding:0; color:#08489D;
		background-image: none;
		}
	#annuaire .telBottom,
	#annuaire .mailBottom {	
		padding: 0 0 0 20px;
		}
	#annuaire .telBottom {	
		background: transparent url(/design/designannuaire/images/commande/telephone.png) no-repeat 0 0;}
	#annuaire .mailBottom {
		background: transparent url(/design/designannuaire/images/commande/email.png) no-repeat 0 0;}

	/* = Table de liste de résultats
	------------------------------- */
	table.resultList {border-collapse: collapse;width: 100%;}
	.resultList td {padding: 5px;border-bottom: 1px solid #3E8CC7;}
	.resultList td a {color: #001B47;}
	.resultList td a:visited {color: #599CE2;}

	.resultList th {
		font-weight: bold;
		color: #fff;
		background: #F42D00;
		white-space: nowrap;
		border-bottom: 2px #C81D00 solid;
		padding: 5px;
		}
	.resultList tr.line_odd td {background: #D6EBFF;}
	.resultList .small {font-size: 70% !important;}

	/* = Table consultation données entreprises
	------------------------------------------ */
	table.listeDatas {
		border-collapse: collapse;
		width: 100%; margin: 0 0 1em 0;
		}
	.listeDatas tr {padding-bottom: 5px;}
	.listeDatas td {color: #000;}
	.listeDatas th {
		width: 40%; text-align: right;
		padding-right: 10px; vertical-align: top;
		}

	/* =TEMP, etat des table ?-------------  */
	.listeDatas.green {border: 1px green solid;}
	.listeDatas.red {border: 1px red solid;}

	/* = Pagination
	-------------- */
	.pagination {
		height: 2em;
		line-height: 2em;
		position: relative;
		background: #F52400;
		text-align: center;
		color: #fff;
		position: relative;
		}

	.pagination span.current,
	.pagination a {
		color: #FFF; font-weight: bold;
		text-decoration: none;
		margin: 0 10px 0 10px;
		/*position: absolute; top: 0;*/
		}
	.pagination span.current {color:#1A336B;}	
	.pagination .prev {left: 5px;}
	.pagination .next {right: 5px;}

/* = Formulaires */
	/* = Formulaire génériques-------------  */
	.defaultbutton,.contactbutton {
		background: #08489D;
		color: #fff;
		font: bold 116% CenturyGothic, Century Gothic, "Century Gothic",
			Trebuchet MS, "Trebuchet MS";
		padding: .2em;
		border: 0;
	}
	.contactbutton {font-size: 12px;float: right;}
	.contact_info_hidden {background-color: #CCCCCC;}

	/* =Formulaire -------------  */
	#annuaire p.field_line {
		font-size: 85%;
		margin: 0 0 .8em 0;
		clear: both;
		}
	#annuaire p label {
		width: 30%;
		float: left;
		text-align: right;
		padding: 0px 10px 0 0;
	}
	#annuaire form div.field_value {
		width: 65%; float: left;
		font-size: 85%;
		margin: 0 0 .8em 0;
		padding: 0 10px 0 0;
	}
	#annuaire form p.field_valid {text-align: right;}

	form .help {
		margin-top: .3em;
		display: block;
		font-size: smaller;
	}
	
/* = fin formations_courtes */
/* = début 2009 - loic -------------------------------------------------------------*/	
	#formations_courtes {}
	#formations_courtes caption,
	#formations_courtes {text-align:left;}
	#formations_courtes caption {font-size: 70%!important;}
	
	#formations_courtes table {
		width: 100%; margin: 0 0 .8em 0;
		border-left: 1px #ccc solid;
		border-bottom:1px #FFF solid;
		}
	#formations_courtes th, 
	#formations_courtes td {padding: 0.3em;font-size: 80%; }
	#colA #formations_courtes table thead th {
		padding:0.5em; text-transform:uppercase;
		font-weight: bold; color: #1a336b;
		background: #8abcfb;
		}
	#formations_courtes table tbody td {
		color: #1a336b; padding:0.5em; 
		background: #fff;
		}
	#formations_courtes table tbody td.odd {
		background: #e8f4ff !important;
		}
	#formations_courtes table tbody td a {color:#124A7F;}
	#formations_courtes table tbody th {
		font-weight: bold;
		background: #3987C4;
		color: #333;
		border-bottom: 1px #fff solid;
		font-size: 85%;
		}
	#formations_courtes tfoot td {
		background: #EFE0D7;
		}
	#formations_courtes table caption {
		color: #FFF; padding:0.5em; 
		font-size: 110%;
		text-transform:uppercase;
		background: #3b83e4;
		color: #fff; font-weight: bold;
		}
	#formations_courtes tr.pair td {background:#F1F5F8!important;}
	
	/*= */
	#formations_courtes h1, #formations_courtes h2,
	#formations_courtes h3, #formations_courtes h4  
	#formations_courtes p {font-family:"Century Gothic", Arial, sans-serif;}
	
	#formations_courtes #colA h1 {
		font-size:175%;/*24px*/; 
		padding-bottom:3px; color:#fff;
		border-bottom:1px #0A1839 solid; margin:0 0 10px 0;
		}
	#formations_courtes h2{font-size:146%;/*19px*/; margin:10px 0;color:#3987C4;}
	#formations_courtes h3{font-size:131%;/*17px*/; margin:5px 0;color:#3987C4;}
	#formations_courtes h4{font-size:100%;/*13px*/; margin:3px 0; color:#3987C4;}
	#formations_courtes p{font-family:Arial; font-size:93%;/*11px*/ line-height:140%; margin:5px 0;}
	#formations_courtes p a {color:#1D72C9;}
	#formations_courtes strong{font-weight:bold;}
	#formations_courtes blockquote {margin:2em; border-left:2px #DCBE5C solid;}
	#formations_courtes blockquote h4,#contentDoc blockquote p{margin-left: 1em; font-style:italic;}
	
	/* formations_courtes .pagination */
	#formations_courtes .pagination {
		border-top: 1px #82ACD0 solid;
		background-color:#E6F5FF;
		}
	#formations_courtes .pagination a {font-size: 85%;color:#3B83E4;}
	
	/* = formulaires */
	#formations_courtes .formulaire fieldset {
		border-left:1px #82ACD0 solid;
		border-top:1px #82ACD0 solid;
		border-bottom:1px #C6E8FE solid;
		border-right:1px #C6E8FE solid;
		margin:10px 0; padding: .5em;
		background:#E6F5FF;
		}
	#formations_courtes .formulaire .border{
		border-top:1px #82ACD0 solid;
		border-bottom:1px #82ACD0 solid;
		}
	#formations_courtes .formulaire legend {
		font-family:"Century Gothic", Arial, sans-serif; 
		font-size:131%; margin:10px; color:#82ACD0;
		}
	#formations_courtes .formulaire div.fieldLine {padding:5px;overflow:auto;}
	#formations_courtes .formulaire div.fieldLine label, .formulaire div.fieldLine p.pseudoLabel{
		position:relative; top:3px;
		margin-right:10px;
		float:left; width:25%;
		font-size:93%; font-weight:normal !important;
		text-align:right; color:#00204E;
	}
	#formations_courtes .formulaire input,
	#formations_courtes .formulaire textarea, 
	#formations_courtes .formulaire select {
		border-left:1px #82ACD0 solid;
		border-top:1px #82ACD0 solid;
		border-bottom:1px #C6E8FE solid;
		border-right:1px #C6E8FE solid;
		font-size:93%; color:#124A7F;
		padding:1px 1px;
	}
	#formations_courtes .formulaire .inptRdo, 
	#formations_courtes .formulaire .inptCbox {vertical-align: middle; margin-right:5px; position:relative; top:1px;}
	#formations_courtes .formulaire img {vertical-align: middle;}
	#formations_courtes .formulaire span.oblig{color:red;}

	#formations_courtes .complement { font-style:italic; margin:10px 0px 10px 165px;}
	#formations_courtes .complement p {margin:10px 0;}
	#formations_courtes .fieldValid {
		padding-left:165px;
		border-top:1px #82ACD0 solid;
		}
	#formations_courtes .fieldRecherche {padding:5px 0 5px 10px;}
	#formations_courtes .fieldValid input, 
	#formations_courtes .fieldBtRecherche input{
		margin:10px 0;color:#fff;
		padding:5px 3px; border:none;
		}
	#formations_courtes .txt{width:auto;}
	
	
	/* = field_ Valide */
	#formations_courtes .blocBtn{
		width:100%;
		overflow: hidden;
		margin-right: 10px;
		padding:0; margin:0 0 10px 0;
		border-bottom:1px #0a1839 solid;
		}
	#formations_courtes a.btnForm{
		float:left; cursor: pointer;
		display:block; width:194px; height:24px;
		font-size:85%; color:#FFF; 
		font-weight:bold; text-decoration:none; text-align:center;
		padding:5px 0; margin:10px 10px 10px 0;
		background:transparent url('../images/btForm.gif') 0px 0 no-repeat;
		}
	#formations_courtes a:hover.btnForm {color:#fff; text-decoration:underline;}
	
/* = fin formations_courtes */
/* = Décembre 2009 - loic -------------------------------------------------------------*/

	/*Erreurs, avertissements*/
	.warning {
		padding: .5em;
		margin: 1em;
		color: #555;
		border: 2px #D87D1A solid;
		background: #FFCF78;
		}

	.warning p,.warning ul {font-size: 85%;}

	.warning p,.warning ul,.warning h1,
	.warning h2,.warning h3,.warning h4,
	.warning h5,.warning h6{margin: 0 0 .8em 0;}

	.warning h1,.warning h2,.warning h3,
	.warning h4,.warning h5,.warning h6 {font-weight: bold;}

	.error {
		display: block;
		padding: .2em;
		margin: 0 0 .1em 0;
		font-size: 95%;
		background: #ffe;
		}

	/* =Table Edition des données-------------  */
	.edit td,.edit th {
		border-bottom: 1px #8BA9C9 solid;
		border-top: 1px #8BA9C9 solid;
		padding-bottom: 2px;
		padding-top: 2px;
		}
	.edit .locked td {
		background: transparent url(../images/lock.png) no-repeat 100% 0;
		padding-right: 15px;
		}

	/* CLEMENT ajout */
	.contact_locked {
		background: transparent url(../images/lock.png) no-repeat 100% 0;
		}

	.edit .editAdmin td{
		background: transparent url(../images/pencil.png) no-repeat 100% 0;
		padding-right: 15px;
		}

	.deleteContact {
		height: 16px;
		width: 16px;
		background: transparent url(../images/cross.png) no-repeat 100% 0;
		cursor: pointer;
		float: right;
		}
	.undoDeleteContact {
		height: 16px;
		width: 16px;
		background: transparent url(../images/arrow_undo.png) no-repeat 100% 0;
		cursor: pointer;
		float: right;
		}

	/* /CLEMENT */ /* =Classes-------------  */
	.infos {
		background: #E9F2FD url(../images/infos.png) no-repeat 0 50%;
		padding: .2em .2em .2em 18px;
		border: 1px #fff solid;
		}

	/* =Recap commande-------------  */
	.commandeliste {
		border-bottom: 1px #999 solid;
		padding-bottom: .5em;
		margin-bottom: .3em;
		}
	.commandeliste h3 {font-size: 95% !important;}

	/* = navOngletAnnuaire */
	#navOngletAnnuaire {margin: 0 0 10px 0;}

	#navOngletAnnuaire li {
		float: left;
		font-size: 93%;
		color: #fff;
		padding: 0.5em;
		margin: 0 1px 10px 0;
		background-color: #1D72C9;
		}

	#navOngletAnnuaire li a {
		color: #fff;
		text-decoration: none;
		}

	/* =Liste de fichiers-------------  */
	a.top {
		height: 25px;
		display: block;
		text-align: right;
		padding: 0 20px 0 0;
		text-decoration: none;
		font-size: 93%;
		color: #08489D;
		background: transparent url(../images/flcTop.gif) no-repeat top right;
	}

	.fileList {
		background: #F6FFE7;
		/*border-top: 3px #BEEA71 solid;*/
		padding: .2em;
		margin-bottom: 1.5em;
	}

	.fileList div {
		margin: 0;
		font-size: 93%;
		padding: 0.5em 0.5em 0em 0.5em;
	}

	.fileList div {
		border-bottom: 1px #BEEA71 solid;
		padding-bottom: .3em;
		margin-bottom: .4em;
	}

	.fileList div input {vertical-align: middle;}

	.fileList div:after {
		content: "-";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}
	.fileList .fileName {font-size: 90%;}
	.fileList .lnkInfos {float: right; font-size: 85%;}
	
	p.lnkInfos {
		display: block;
		width: 99%;
		background: transparent url(../images/itemPlusAnnuaire.gif) no-repeat
		top right !important;
		}
	p.lnkInfos a {
		display: block;
		float: right;
		padding: 0.2em;
		margin: 0 20px 0 0;
		color: #fff;
		text-decoration: none;
		border: 1px #ffff solid;
		background-color: #08489D;
		cursor: pointer;
		cursor: hand;
		}

	.fileDetail p.moins {
		background: transparent url(../images/itemMoinsAnnuaire.gif) no-repeat
		top right !important;
		}
	.filePrice {
		font-weight: bold;
		font-size: 93%;
		color: #466C06;
		display: block;
		float: none;
		padding-left: 1.5em;
		}
	.filePrice br {display: none;}
	.fileShortDesc {font-weight: bold;}

	/*detailExtended */
	.detailExtended {
		clear: both;
		color: #08499E;
		border: 1px #08489D solid !important;
		background-color: #fff;
		}

	.detailExtended .filePrice,
	.detailExtended .fileShortDesc,
	.detailExtended .fileLongDesc {
		border: 0;
		}

	.detailExtended .filePrice {color: #08499E;}
	.detailExtended .fileShortDesc {color: #08499E;}
	.detailExtended .fileLongDesc {color: #08499E;}

	/* =Utils-------------  */
	.nobraique {white-space: nowrap;}
	ul.other_search {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		}
	ul.other_search a {color: #333;}