/*
Document     : default.css
Modified on  : 23 janv 2013
Author       : erwan c
Description  : styles generaux update 7.2

*/

/*
20120605 - Elements ajoutés pour la v7.2
*/
@import url(inuit.css);
/*
Fin Element ajouté pour la v7.2
*/

@import url(menu.css);
@import url(alodisplay.css);
/*
20120801 - Ajout d'une feuille de style pour TinyMCE
*/
@import url(tinyclasses.css);

/*
20120605 - Elements ajoutés pour la v7.2
*/
th, td {
    vertical-align: center;
    padding: 0;
    border: none;
}
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, address, figure, pre, fieldset, table, hr, .nav, .island, .media {
margin-bottom: 0px;
}
@media (max-width: 640px) { 
 
 /* passer tous les éléments de largeur fixe en largeur automatique */ 
 body, element1, element2 { 
   width: auto !important; 
   margin: auto !important; 
   padding: auto !important; 
 } 
 
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */ 
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { 
   max-width: 100% !important; 
 } 
 
 /* gestion des mots longs */ 
 textarea, table, td, th, code, pre, samp { 
   word-wrap: break-word; /* césure forcée */ 
 } 
 code, pre, samp { 
   white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */ 
 } 
 
 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */ 
 element1, element2 { 
   float: none !important; 
   width: auto !important 
 } 
 
 /* masquer les éléments superflus */ 
 .hide_mobile { 
   display: none !important; 
 } 
 
 /* Un message personnalisé */ 
 body:before { 
   content: "Version mobile du site"; 
   display: block; 
   color: #777; 
   text-align: center; 
   font-style: italic; 
 } 
}
/*****************************
Styles des cadres ecran
******************************/

@media screen {
#cadreEnTete { background: #C0BFBF url("img/bg_body.gif") top left repeat-x;
border-bottom: solid 1px  silver;
 position:relative; }
#cadreColGauche {
        position: relative;
        float: left;
        width: 195px;
        background-color: #FFFFFF;
        margin-top: 5px;
        padding: 5px;
    }

#cadreColDroite {
        position: relative;
        padding: 5px;
        margin-top:5px;
        width:195px;
        float:left;
        background-color: #FFFFFF;
    }
#cadrePiedDePage {
    clear:both;
    background-color:#918c85;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding: 3px;
}
}
@media screen,print {
    #cadreContenuCentre {
        position: relative;
        padding: 5px;
		/*alignement cadreColGauche*/
        margin-top: 5px;
        width:580px;
        float:left;
        margin-left:0px;
        margin-bottom:10px;
        background-color: #FFFFFF;
    }
	#container {
    width:1000px;
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
    background-color: #ffffff;
}
}
/*****************************
Styles des cadres impression
******************************/
@media print {
#cadreEnTete {display: none;}
#cadreColGauche {display: none;}
#cadreColDroite {display: none;}
#cadrePiedDePage {display: none;}
}




/*****************************
Styles Generaux des pages 
******************************/
/**font personnaliser
@font-face {
font-family: 'calibri';
src: url('fonts/CALIBRI.eot') format('eot'),
url('fonts/CALIBRI.ttf') format('truetype');
} 
**/


.body {
    padding: 30px;
}
.rich-table {
    width:100%;
}
/****Sélecteurs HTML*********/
body {
    font-size: 11px;
}
h1 {
    font-family: Arial,sans-serif;
    color: #578BB8;
    font-size: 1.6em;
    margin-top: 0;
}

body {
    margin: 0px;
    font-family: Arial,sans-serif;
    color: #616161;
}


body {
    color: #000000;
    background-color: #ffffff;
    background: #C0BFBF url("img/bg_body.gif") top left repeat-x;
    font-family: Arial,Helvetica,sans-serif;
}
h1 {
    font-size: 14px;
    font-weight: bold;
    color: #918c85;
    font-family: Arial,Helvetica,sans-serif;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000066!important;
    font-family: Arial,Helvetica,sans-serif;
}

h3 {
    font-size: 1.17em;
    font-weight: bold;
}

tbody tr:nth-of-type(odd) {
    background: none;
}
th, td {
    vertical-align: center;
    padding: 0;
    border: none;
}
/**************FONCTION GENERAL****************/
.pageTitle {
    font-size: 14px;
    font-weight: bold;
    color: #918c85;
    font-family: Arial,Helvetica,sans-serif;
}
#pageTitle {
    font-size: 14px;
    font-weight: bold;
    color: #918c85;
    font-family: Arial,Helvetica,sans-serif;
}

.spinner {
	position: fixed;
	width: 90px;
	height: 55px;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -27px;
	z-index:1000;
}

/**************LIEN GENERAUX****************/
a:active, a:link, a:visited {
    color: #000;
}
a:hover {
    color: #3094c9;
}
/**************FORMULAIRE GENERAUX****************/
input, textarea {
    border: 1px solid #BBBBBB;
    font-size: 10px;
    background: #F0F8FF;
    color: black;
}

input[type='submit'], input[type='button'] {
    background: #918c85;
    color: white;
    margin: 5px;
    border-color: gray;
}
/*****************************
Styles blcPortalFree free 

#blcPortalFree {}

#blcPortalFree input[type='submit'] {
    background: #918c85;
    color: white;
    margin: 5px;
    border-color: gray;
}
******************************/
#frmFreeSearch input[type='text'] {
    background: none repeat scroll 0 0 #F0F8FF;
    border: 1px solid #BBBBBB;
    color: #000000;
    font-size: 14px;
    width: 450px;}

#blcLoginMenu input[type='text']{
width:120px;
	}
#blcLoginMenu input[type='password']{
width:120px;
	}
/**************encadrer formulaire generic****************/
.searchForm{
	border:solid 1px silver;
}
.rich-inplace-select-view-hover {color: #918c85;}
.rich-inplace-select-selected-item {background-color: #918c85;}
.rich-inplace-select-list-decoration {background-color: white;}
/*

.rich-inplace-select-selected-item {background-color: #918c85;}
.rich-inplace-select-list-decoration {background-color: #918c85;}
.rich-inplace-select-view {background-color: #918c85;}
.rich-inplace-select-field {background-color:#918c85;}
.rich-inplace-select-control {background-color: #918c85;}
.rich-inplace-select-control-press {background-color: #918c85;}
*/
/*autocompletion**/
.rich-sb-int-sel {color: #000000;}
/*
.rich-list-picklist-button-content {
    padding-bottom: 0;
    padding-left: 1px;
    padding-right: 4px;
    padding-top: 0;
	 padding-right: 20px;
	 color: #000000;
}
.rich-list-picklist-button{background-color: #918c85;color: white; background-image:none;}
.rich-list-picklist-button-disabled{background-color: #918c85;color: white; background-image:none;}
.rich-list-picklist-button-light{background-color: #918c85;color: white; background-image:none;}
.rich-list-picklist-button-press{background-color: #918c85;color: white; background-image:none;}

.rich-picklist-control-disabled, .rich-picklist-control-top, .rich-picklist-control-bottom, .rich-picklist-control-up, .rich-picklist-control-down, .rich-picklist-control-copyall, .rich-picklist-control-copy, .rich-picklist-control-remove, .rich-picklist-control-removeall{border: 0px;}
*/
.rich-picklist-source-cell, .rich-picklist-target-cell, .rich-picklist-source-cell *, .rich-picklist-target-cell * {cursor: pointer; }
/*test .rich-list-picklist-button-disabled {display:none;}*/
/*test
td.rich-picklist-source-cell-active,.rich-picklist-target-cell-active {padding:1px 2px;white-space:nowrap;border-top:1px dotted;border-bottom:1px dotted;}
.rich-picklist-source-cell-active,.rich-picklist-target-cell-active,.rich-picklist-source-cell-active *,.rich-picklist-target-cell-active *{font-size:15px;font-family:Arial,Verdana,sans-serif;}.rich-picklist-source-cell-active,.rich-picklist-target-cell-active{border-top-color:#000;border-bottom-color:#000;}
*/
/**************specifique au bloc ****************/
#cadreFilArianne {
    height: 24px;
    padding-left: 10px;
    font-size: 10px;
}
/*barre d'outil*/
.toolbar a{text-decoration:none;}
.arrondi {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../../../scripts/PIE.htc);
}
/* Evaluation */
/************NEW *************/
#panAddRatingHeader {
BORDER-BOTTOM-COLOR: #918c85;
	BACKGROUND-COLOR: #918c85;
	BORDER-TOP-COLOR: #918c85;
	FONT-FAMILY: Arial,Verdana,sans-serif;
	COLOR: #ffffff;
	BORDER-RIGHT-COLOR: #918c85;
	FONT-SIZE: 11px;
	BORDER-LEFT-COLOR: #918c85;
	FONT-WEIGHT: bold;
	/*BACKGROUND-IMAGE: none; enleve l'image bleu*/
	BACKGROUND-IMAGE: none;

}
.eval {width:15px;	height:17px; background-image:url("img/eval.png"); background-repeat:no-repeat;}
.eval.on4 { width:60px; height:17px; }
.eval.on5 { width:75px; height:17px; }
.eval.null { background-position: 0px -84px; }
.eval.n00 { background-position:-75px -69px; }
.eval.n10 { background-position:-60px -15px; }
.eval.n20 { background-position:-45px -15px; }
.eval.n30 { background-position:-30px -15px; }
.eval.n40 { background-position:-15px -15px; }
.eval.n50 { background-position:  0px -15px; }
.eval.n05 { background-position:-60px 0px; }
.eval.n15 { background-position:-45px 0px; }
.eval.n25 { background-position:-30px 0px; }
.eval.n35 { background-position:-15px 0px; }
.eval.n45 { background-position:  0px 0px; }

.stareval.zerooff { background-position:-167px 0; }
.stareval.zero { background-position:-167px -15px; }
.stareval.off { background-position:-167px -30px; }
.stareval.on { background-position:-167px -45px; }
/* Fin evaluation */
/**************Liste de résultat ****************/
/*affichage par nature*/
.bloc-result {
/*desactive
display: none;
*/
}
/************fmt STD *************/
.listalo-std-col1 {}
.ResultatsRechercheSeparator {background: none repeat scroll 0 0;width:5px;}
.ResultatsRechercheInfos {background: none repeat scroll 0 0;font-size:11px;height:auto;margin-top:5px;padding:4px;}


.Link {background:transparent url("img/a_rouge_fleche.gif") no-repeat scroll left center;
    color:#C8333B;
    font-weight:bold;
    padding:0 0 0 18px;
    text-decoration:none;
}

.noticeComplete {background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #918c85;
    margin:2px;
    padding:4px;
}
.notice_abr span {
color:#918c85;
font-size: 12px;
}
.notice_abr span span:hover{
color: #918c85; text-decoration: underline; 
font-size: 12px;
}


.butBasket input[type="submit"], input[type="button"] {background: #918c85;color: white;margin: 1px;border-color: gray;font-weight: bold;font-size:10px;border-top:silver;border-left:silver;cursor: pointer;padding:1px;}
/**************style de bloc à migrer dans alosdisplay ou menu si on regroupe bloc menu****************/

.bloc3col {
    position: relative;
    width: 32%;
    float: left;
    margin: 2px;
    border: solid 1px silver;
    padding: 0;

}
.bloc3col h1 {
    color: #fff;
    padding:5px 5px 5px 10px;
    font-size: 1em;
    font-weight:bold;
    background-color:#918c85;
    /*background: url("../img/bg-bloc-blue.gif") repeat-x scroll 0 0 transparent;*/
    border-color:#918c85;
    border-style:solid;
    border-width:1px;
}
.bloc3col ul.simple {
    padding:0px;
    list-style-position: inside;
    list-style-type: disc;
    font-size: 11px;
    line-height: 1.3em;
}

.bloc3col li.simple {
    padding-left:5px;
}


.bloc2col {
    position: relative;
    width: 48%;
    float: left;
    margin: 2px;
    border: solid 1px silver;
    padding: 0;

}
.bloc2col h1 {
    color: #fff;
    padding:5px 5px 5px 10px;
    font-size: 1em;
    font-weight:bold;
    background-color:#918c85;
    /*background: url("../../../img/users/img/bg-bloc-blue.gif") repeat-x scroll 0 0 transparent;*/
    border-color:#918c85;
    border-style:solid;
    border-width:1px;
	/*
		 -khtml-border-radius:5px; 
		 -webkit-border-radius:5px; 
		 border-radius:5px; 
		 behavior:url(PIE.htc);
		 */
	
}
.bloc2col ul.simple {
    padding:0px;
	margin-left:0px;
    list-style-position: inside;
    list-style-type: disc;
    font-size: 11px;
    line-height: 1.3em;
}

.bloc2col li.simple {
    padding-left:5px;
}

.bloc1col {
    position: relative;
    width: 96%;
    float: left;
    margin: 2px;
    margin-right:10px;
    border: solid 1px silver;
    padding: 5px;
}
.bloc1col h1 {
    color: #fff;
    padding:5px 5px 5px 10px;
    font-size: 1em;
    font-weight:bold;
    background-color:#918c85;
    /*background: url("img/bg-bloc-blue.gif") repeat-x scroll 0 0 transparent;*/
    border-color:#918c85;
    border-style:solid;
    border-width:1px;
}
.bloc1col ul.simple {
    padding:0px;
	margin-left:0px;
    list-style-position: inside;
    list-style-type: disc;
    font-size: 11px;
    line-height: 1.3em;
}

.bloc1col li.simple {
    padding-left:5px;
}

/*BUG IE8 INUIT 564*/
table [colspan]{
	text-align:left;
}