/* CSS Document */
h1{color:#EE3E42;}
#imgRight{background:#EF4A4E url(/design/content/imgRight_annuaires.gif) no-repeat bottom;}
#imgRight_photo{background:url(/design/fullImage/annuaires.jpg) no-repeat bottom}
ul li{background:url(/design/images/list-style-image_7.gif) no-repeat left top;}
h2, h3, h4, h5, h6 {color:#EE3E42;}


/* === footer print === */
#footerPrintContainer{ display:none;}
#footerPrint{display:inline;}
#footerPrint h5{ display:inline; margin:0 10px 0 0;color:#2570CB;}
@media print{
#footerPrintContainer{ display:block; float:left;}
#logo_print{ display:none;}
}

/* === module annuaires ======= */
div#contentPlaceHolder{
	float:right;
	width:145px;
	height:130px;
	margin:0 0 3px 3px;
}
p.dataGridRecordCount{ clear:both; margin-top:0;}

/* ======== debut page detail ============= */
div.annuairesDetail { margin-top:8px; margin-bottom:12px; clear:both;}
div.annuairesDetail  strong{color:#EE3E42;font-weight:bold;margin:0px 5px 2px 0px;}
div.annuairesDetail  span{color:#32445F; margin:2px 0px 0px 0px;}
.backURL{clear:both;margin: 20px 150px 0px 0px; padding:0;font-size:1.0em; font-weight:bold;color:#448EBB; text-align:right;}
.backURL a{color:#448EBB; text-decoration:none;}
.backURL a:hover{color:#264DB3; text-decoration:underline;}
#imgRight{ width:246px;height:356px;background:#EF4A4E url(/design/fullImage/annuairesMini.jpg) no-repeat bottom;}
#imgRight_photo{background:none;width:226px; height:238px;}
#contentText{width:600px;}
#contentText h3 a{color:#EE3E42;}
#contentText h3 a:hover{color:#F3787B;}
h2{ padding:10px 200px 0px 10px; font-size:16px; margin:0;}
h3{ padding:10px 0px 0px 10px; font-size:14px; margin:0;}
.relative{ position:relative; clear:both;}
p{ margin: 0.3em 0 0.2em 1.3em;}
#equipement{margin:5px 150px 2px 20px;}
#activites{margin:5px 150px 2px 0px; padding:5px 10px;background-color:#FDECEC;color:#5A1F20;border:1px solid #FDECEC;}
#specialisations{margin:5px 150px 2px 0px; padding:5px 10px;background-color:#FDECEC;color:#5A1F20;border:1px solid #FDECEC;}
#specialisations ul{margin:5px 0px 5px 20px; padding:0;}
#infosEntreprise{ margin:20px 0px 0px 0px; padding:10px;}
#infosEntreprise h3{ text-decoration:underline; color:#003366;}
#infosEntrepriseTitle{margin:0px 0px 15px 0px; clear:both;}
#infosEntrepriseTitle h2{float:left;color:#0B5BAC; margin:0; padding:10px 20px 0px 10px; font-size:14px;}
#infosEntrepriseTitle img{ float:left;}
#boxCoordonnees{float:left; width:200px; margin:20px 15px 0px 30px; padding:10px; background-color:#E0EBF3;}
#boxAutresInfos{float:left; width:300px; margin:20px 0px 0px 10px; padding:0;}
#adresse{font-size:14px; font-style:normal; color:#252257;}
#infosContact{ text-align:left;}
#infosContact strong{color:#0B5BAC;font-weight:bold;margin:0px 5px 2px 0px;}
#infosJuridiques {margin:0px 0px 3px 0px; padding:0;}
.annuairesDetail strong{color:#0B5BAC;}
/* ======== fin page detail ============= */

/* ======== debut DATAGRID (plus pager) (liste des annuaires ) ========= */
div#dataGridContainer{
	 margin: 0px 0px 0px 10px;
	 clear:both;
	text-align:center;
}

table.datagrid {
	/*margin:0px auto;*/
	margin:1px auto;
	border-collapse:collapse;
	width:100%;
}

tr.datagridheader th, th.datagridheader{
	/* background-image: url("/design/images/fond_header.gif"); */
	/*background-color:#E5ECF9;*/
	background-color:#EE3E42;
    border-width: 0px 0px 2px 0px;
    border: 1px solid #FFFFFF;
    border-bottom : 2px inset;
    padding:2px 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1em;
	font-weight:bold;
	height: 2em;
}
tr.datagridheader th a, th.datagridheader a{
	color: #FFFFFF; font-weight:bold;
}
tr.datagridheader th a:hover, th.datagridheader a:hover{
	color: #BBFAFF;
}

table.datagrid td {
	border: 1px solid #FFFFFF;
	padding: 2px 2px 2px 4px;
	text-align:left;
	font-size:0.8em;
	/*text-decoration : none;*/
	/*font-size: xx-small;*/
}

td.number{
	text-align:right;
}
/*Tr2*/
.oddRow{
	background-color: #FEF1F1;
}
/*Tr1*/
.evenRow{
	background-color: #FDE1E1;
}
tr.trhover{background-color: #FFF9F9; }
tr.highlightedRow {background-color:#F3B4B4;}


table.datagrid td.dgColActions {
	text-align:center;
	width:2%;
}
/*.DataGridActionDisplay a:link,.DataGridActionDisplay a:visited{color:#EE3E42;}*/

td.DataGridActionDisplay img  {
 width:16px;
 height:16px;
 border:none;
 margin:0px 4px;
}

form.pagerSelectBox {
	margin:0px;
	padding:0px;
}
form.pagerSelectBox select {
	/*select.limitSelectBox*/
		color: #555E94;
	font-size: 0.8em;
	background: #eee;
}
form.pagerSelectBox input{
	margin-left: 2px;
}
p.pager{
	/*border: 1px ridge #B0C4DE;
	background:#F5F5F5;
	color: #3C4370;*/
	color:#EE3E42;
	font-size: 0.8em;
	margin: 2px auto;
	padding:2px;
	display: block;
	white-space: nowrap;
	text-align: center;
	height:1.2em;
}
.pager a{
	background:#FFFFFF;
	color:#EE3E42;
	padding:2px 4px;
	text-decoration:none;
}
.pager a:hover{
	font-weight: bolder;
	background:#EE3E42;
	color:#FFFFFF;
}
.pagerCurPageLink{
	font-weight: bolder;
	border: 1px solid #F8B1B4;
	background:#EE3E42;
	color:#FFFFFF;
	padding:2px 4px;
}
/* ======== FIN DATAGRID ========= */


/* DEBUT HTML_QuickForm_Renderer_Tableless */
/*
si problemes , voir manuel pear (faq : http://pear.php.net/manual/en/package.html.html-quickform-renderer-tableless.faq.php)
*/
form.annuairesToolBarForm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float:left;
	width: 400px;
	font-size:0.8em;
    min-width: 300px;
    max-width: 400px;
    width: 400px;
    margin:  0px 0px 20px 0px;
    padding: 0;
    /*
    min-width: 500px;
    max-width: 600px;
    width: 560px;
    */
}
form.annuairesToolBarForm fieldset {
	/*border:1px solid  #56c099;
	background:#EAFEF7;*/
	width: 400px;
    clear: both;
    float: left;
    margin:0;
	padding:0;
	border:1px solid #CCCCCC;
    /*
    border: 0;
    width: 560px;
    */
}
form.annuairesToolBarForm fieldset.hidden {
    border: 0;
}
form.annuairesToolBarForm fieldset legend {
	background:#B1E2D0;
    border:1px solid #56c099;
    padding:3px;
	width: 200px;
    white-space: nowrap;
    display: block;
	font-weight:bold;
	font-size:1.1em;
    /*
    background-color: #CCCCCC;
    font-weight: bold;
     width: 560px;
    padding: 1px;
    */
}
form.annuairesToolBarForm fieldset ol {
    margin: 0;
    padding: 0;
}
form.annuairesToolBarForm fieldset li {
    display: block;
    list-style: none;
    margin: 0;
    clear: both;
}
/*
voir http://pear.php.net/manual/en/package.html.html-quickform-renderer-tableless.faq.php#AEN71519
pour l'explication de ces deux hacks (pour compatibilit firefox 1.+ et IE 7 a la fois)
*/
* html form fieldset li {
    float: none;
}
*+html form fieldset li {
    float: none;
}
form.annuairesToolBarForm label {
    margin: 0 0 0 5px;
	color:red;
}
form.annuairesToolBarForm label.element {
    display: block;
    float: left;
   	width: 80px;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: normal;
    text-align: right; clear:left; font-size:12px;
}
form.annuairesToolBarForm input, form.annuairesToolBarForm textarea, form.annuairesToolBarForm select {
    width: auto;
    font-size:0.9em;
}
form.annuairesToolBarForm textarea {
    overflow: auto;
}
form.annuairesToolBarForm br {
    clear: left;
}
form.annuairesToolBarForm div.element {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    padding: 0;font-size:12px;
}
form.annuairesToolBarForm li.reqnote {
    font-size: 80%;
    margin: 5px 0 0 10px;
}
form.annuairesToolBarForm span.error, form.annuairesToolBarForm span.required {
    color: red;
}
form.annuairesToolBarForm div.error {
    border: 1px solid red;
    padding: 5px;
}

/* FIN HTML_QuickForm_Renderer_Tableless */

/* ==== user messages ======= */
.error {
	background-color:#FFFF00;
	border:1px solid #FF8000;
	clear:both;
	color:#FF0000;
	margin:3px auto;
	padding:3px;
	width:50%;
}
.warning {
	background-color:coral;
	border:1px dashed OrangeRed;
	clear:both;
	color:navy;
	margin:3px;
	padding:3px;
	width:50%;
}
.info {
	background-color:lime;
	border:1px dashed green;
	clear:both;
	color:black;
	margin:3px auto;
	padding:3px;
	width:50%;
}
.success {
	background-color:#C4FFC4;
	border:1px dashed green;
	clear:both;
	color:#008040;
	margin:3px auto;
	padding:3px;
	width:50%;
}

/* ==== fin user messages ======= */

