/**
 * 
 * @version $Revision $
 * @cvs $id $
 */
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS GENERALES
 ***********************************************************************************************************/
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

h1{

}

h2{

}

h3{

}

h4{

}

p {

}

img {
	border: 0px;
}

a:link {		
	text-decoration: underline;
}

a:visited {		
	text-decoration: underline;
}

a:active{		
	text-decoration: underline;
}

a:hover {		
	text-decoration: none;
}


table {
	border-collapse: collapse;
}

input{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
}

textarea {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
	padding-left: 2px;
	height: 100px;
}

select {
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
	color: #000000;
	background-color:#FFFFFF;
	border: 1px inset;
}

label{
	position: relative;
	top: -3px;
	text-align: right;
	margin-right: 5px;
}

ul{
}

li{
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS ELEMENTS DIVERS
 ***********************************************************************************************************/
label.block{
	position: relative;
	top: 4px;
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin-right: 5px;
}

span.fakeInput{
	display: block;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
}

span.dateSelector{
	background-image: url(../images/img.php?file=icons/calendar.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
}

.trigger{
    cursor: pointer;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS EXPANDABLE BUTTON
 ***********************************************************************************************************/
button.expandableButton, 
button.expandableInputButton
{
	border: 0px solid; 
	cursor: pointer; 
	margin-right: 2px;
	padding: 0px; padding-right: 4px;
	color: #03438f;
	background : url(../images/boutons/resizableButtonRightOff.gif) right no-repeat;

}

button.expandableButtonOn, 
button.expandableInputButtonOn {
	border: 0px solid; 
	cursor: pointer; 
	 margin-right: 2px;
	padding: 0px; padding-right: 4px;
	color: #FFFFFF;
	background : url(../images/boutons/resizableButtonRightOn.gif) right no-repeat;

}

button.expandableInputButton,
button.expandableInputButtonOn{
	width: 91px;
}

button.expandableButton span, 
button.expandableInputButton span {
	display: block; 
	padding: 0px; padding-left: 30px; padding-right: 2px; padding-bottom: 2px;
	height: 28px; line-height: 28px;
	background : url(../images/boutons/resizableButtonLeftOff.gif) left no-repeat;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #03438f;
}

button.expandableButtonOn span, 
button.expandableInputButtonOn span {
	background : url(../images/boutons/resizableButtonLeftOn.gif) left no-repeat;
	color: #ffffff;
	display: block; 
	padding: 0px; padding-left: 30px; padding-right: 2px; padding-bottom: 2px;
	height: 28px; line-height: 28px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;

}

button.expandableButton span img,  
button.expandableInputButton span img,
button.expandableButtonOn span img,  
button.expandableInputButtonOn span img {
	margin: 0px; margin-right: 9px; margin-bottom: 2px;
	vertical-align: middle;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT.BUTTON
 ***********************************************************************************************************/
input.button, input.buttonOn {
	width: 118px; height: 25px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #03438f;
	border: 0px solid;
	background-image : url(../images/boutons/inputButtonOff.png);
	cursor: pointer;
	padding-bottom: 1px;
	background-color:transparent;
	padding-bottom : 3px;
}

input.buttonOn {
	background-image : url(../images/boutons/inputButtonOn.png);
	color: #ffffff;
}

input.buttonAdd {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnAdd.gif);
}

input.buttonCancel {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnCancel.gif);
}

input.buttonDelete {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnDelete.gif);
}

input.buttonValidate {
	background-image : url(../images/img.php?file=design/webadmin/winXP/btnValidate.gif);
}

input.iconButton{
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	text-decoration: none;
}

input.iconButtonDelete{
	background-image : url(../images/img.php?file=icons/delete.gif);
}

input.iconButtonUpdate{
	background-image : url(../images/img.php?file=icons/pencil.png);
}

input.file {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	border: 1px inset;
	color: #666666;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES INPUT
 ***********************************************************************************************************/
input.text, input.shortText, input.middleText, input.mediumText, input.longText, input.longlongText, input.wideText, span.fakeInput {
	height: 17px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	color: #000000;
	border: 1px inset;
	margin-bottom: 3px;
	padding-top: 2px; padding-left: 2px;
}

input.tinyText, textarea.tinyText, select.tinyText, span.tinyText {
	width: 75px;
}

input.shortText, textarea.shortText, select.shortText, span.shortText {
	width: 150px;
}

input.middleText, textarea.middleText, select.middleText, span.middleText {
	width: 200px;
}

input.mediumText, textarea.mediumText, select.mediumText, span.mediumText {
	width: 200px;
}

input.longText, textarea.longText, select.longText, span.longText {
	width: 250px;
}

input.longlongText, textarea.longlongText, select.longlongText, span.longlongText {
	width: 350px;
}

input.wideText, textarea.wideText, select.wideText, span.wideText {
	width: 500px;
}

input.error, textarea.error, select.error, span.error  {
	background-color: #FFA500;
}

input.disabled, span.disabled{
	background-color: #EFEEE8;
}

select.shortText, select.middleText, select.longText{
	font-size: 12px;
}

img.iconInput{
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS STRUCTURANTS L'INTERFACE
 ***********************************************************************************************************/
div#main{
	width: 990px;
	position: relative;
	padding: 0px;
	margin: 0px; margin-right: auto; margin-left: auto;
	overflow: visible;
}

div#header{
	height: 112px; width:990px;
	background-color: #FFFFFF; background-image:url(../images/design/header.jpg); background-position:top; background-repeat:no-repeat;
}

div#header a#accueil{
	position:absolute;
	width:155px;
	height:90px;
	display:block;
	border:none;
	left:10px;
	top:10px;
	
}

div#mainMenu{
	width:100%;
	position:absolute;
	top:112px;
}

div#menuBar{
	height: 38px; width:990px;
	z-index: 10000;
	background-color: #FFFFFF; background-image:url(../images/design/menuBackground.jpg); background-position: left top; background-repeat:no-repeat;
	
	margin: 0px; margin-right: auto; margin-left: auto;
}

div#menuBar div.menu{
	height: 33px; width: 900px;
	margin: 0px;margin-left: 8px;
	float:left;
}

div#menuBar div.langMenu{
	height: 35px;
	float:left;
	padding-top:3px;
}

div#menuBar div.langMenu a.languageSelection img.activeLang{
	/* border:1px solid red; */
}

div#menuBar div.langMenu span.langMenuLeft{
	display: block;
	height: 27px;
	width:10px;
	float:left;
	background-image:url(../images/design/menuLangGauche.gif); background-position:right; background-repeat:no-repeat;
}

div#menuBar div.langMenu span.langMenuRight{
	display: block;
	height: 21px;
	padding-top:6px;
	padding-left:10px;
	width:61px;
	float:left;
	background-image:url(../images/design/menuLangDroite.gif); background-position:left; background-repeat:repeat-x;
}

div.mainContentBlock{
	position:relative;
	margin-top:38px;
	clear:both;
}

div#backgroundBoutons{
	position:absolute;
	top:0px;
	right:780px;
	width:39px;
	height:177px;
	background-color: transparent;background-image:url(../images/design/backgroundBoutons.gif); background-position:top; background-repeat:no-repeat;
}

table#mainContent {
	width:990px;
	height:380px;
	background-color: #f7f5d9;background-image:url(../images/design/backgroundAll.jpg); background-position:top left; background-repeat:repeat-y;
}

td#mainContentLeft{
	width: 190px; 
	background-color: transparent;background-image:url(../images/design/backgroundLeft.jpg); background-position:bottom left; background-repeat:no-repeat; 
	padding-bottom:0px;
	margin-bottom:0px;
}


td#mainContentCenter{
	width: 800px; 
	background-color: transparent; background-image:url(../images/design/backgroundCenter.jpg); background-position:bottom; background-repeat:no-repeat; 
	
}

div#page{
	padding :0px;
	margin :0px;
	margin-left:20px;
	margin-right:10px;
}

h2#pageTitle{

}

div#footer{
	width: 990px;
	height: 23px;
	background-color: #ffffff; background-image:url(../images/design/footer.jpg); background-position:top; background-repeat:no-repeat; 
	z-index:15000;
}


/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES ELEMENTS D'INTERFACE
 ***********************************************************************************************************/

a#homePageTrigger{
	position: absolute; top: 17px; left: 13px; 
	text-decoration: none;
}

/*
div#header img#headerAccroche{
	position: absolute; top: 69px; left: 17px; 
	
}

div#header div#headerAnimation{
	width: 620px; height:119px;
	margin-left: 370px;
}
*/

div#page div.pageContent{
	padding: 0px;
	margin: 15px 10px 10px 15px;
	width:740px;
}

div#conteneurIE6{
	padding-bottom:80px;
}

a#altairSignature{
	display:block;
	width:180px;
	position: absolute; bottom: 8px; left:0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	font-size:11px;text-decoration: none;
}

div#footer div#societeAdresse{
	width: 980px; height: 17px;
	text-align: center;
	margin: 0px;
	font-size: 12px; color: #02428e;
	margin-left:7px;
	padding-top:3px;
}

div#footer div#societeAdresse, div#footer div#societeAdresse a{
	font-size: 12px; color: #02428e;
}

div#footer div#links{
	position: absolute; top: 43px; left: 13px;
	width: 228px; height: 30px;
	text-align: center;
	color: #ffffff; font-size: 14px;
	
}

div#footer div#links a {
	color: #ffffff; font-size: 14px;
}

div.contacterNous{
	width: 173px;
	height: 30px;
	background-color:#FFFFFF;
	position:absolute;
	bottom:30px;
	padding:7px 5px 10px 10px;
	
}

a.lienLeft{
	display:block;
	padding-left:25px;
	background-image:url(../images/design/flecheLien.gif); background-position:left center; background-repeat:no-repeat; 
	text-decoration:none;
	color:#02428e;
	font-weight:bold;
	margin-bottom:5px;
}

a:hover.lienLeft{
	text-decoration:underline;
}
/*------------------------------------------ BOUTON -----------------------------------------------------------------*/
a.linkButton{
	display: block;
	width: 162px; height: 28px; padding-top: 8px;
	text-align: center; text-decoration: none;		
	background: url(../images/boutons/wideButtonEmptyOff.jpg);
}

a.linkButton span{
	font-size:12px; font-weight:bold;
	color:#FFFFFF;
}
	
a.linkButton:hover{
	height: 28px; padding-top: 8px;
	background:url(../images/boutons/wideButtonEmptyOn.jpg);
}

a.linkButton:hover span{
	color:#FE7700;
}

a.linkButton img{
	position: relative; top :-6px;
}

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LE PLAN DU SITE
 ***********************************************************************************************************/
 
ul#sitemap{
	margin-left: 20px;
}
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LE BLOC NEWS
 ***********************************************************************************************************/
 /*
div#accueilNewsBox{
	width: 690px;
	padding-bottom: 10px;
	background: url(../images/design/NewsAccueilFooter.gif) #FF9C0E bottom no-repeat;
}

div#accueilNewsBox h3.header{
	width: 677px; height: 21px;
	padding: 0px; padding-left: 13px; padding-top: 4px;
	margin: 0px;
	background: url(../images/design/NewsAccueilHeader.gif) #ffffff;
	font-size: 15px; color: #E79039;
}

div#accueilNewsBox div.content{
	margin: 15px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px;
	border-bottom:  1px dashed #E79039;
}
*/
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES BLOC DE LA COLONNE DE GAUCHE
 ***********************************************************************************************************/
 /*
div.blocGaucheCategorieRouge,
div.blocGaucheCategorieJaune,
div.blocGaucheCategorieVert,
div.blocGaucheCategorieGris,
div.blocGaucheCategorieViolet,
div.blocGaucheCategorie{
	width: 253px;
	margin: auto; margin-top: 5px;
	padding-bottom: 22px;
	background-position: bottom; background-repeat:no-repeat;
}

div.blocGaucheCategorieRouge h3,
div.blocGaucheCategorieJaune h3,
div.blocGaucheCategorieVert h3,
div.blocGaucheCategorieGris h3,
div.blocGaucheCategorieViolet h3,
div.blocGaucheCategorie h3{
	width: 205px; height: 24px;
	margin: 0px; padding: 0px;
	background-position:top; background-repeat:no-repeat;
	padding-top: 8px; padding-left: 48px;
	font-size: 17px;
}

div.blocGaucheCategorieRouge div.content,
div.blocGaucheCategorieJaune div.content,
div.blocGaucheCategorieVert div.content,
div.blocGaucheCategorieGris div.content,
div.blocGaucheCategorieViolet div.content,
div.blocGaucheCategorie div.content{
	width: 249px;
	margin: 0px; padding: 0px;
	border-left: 2px solid; border-right: 2px solid;
	background-color: #EBEBE7;
}

div.blocGaucheCategorieRouge a,
div.blocGaucheCategorieJaune a,
div.blocGaucheCategorieVert a,
div.blocGaucheCategorieGris a,
div.blocGaucheCategorieViolet a,
div.blocGaucheCategorie a{
	display: block;
	width: 225px;
	margin: 0px; 
	padding: 0px; padding-top: 5px; padding-bottom: 5px;
	padding-left: 24px;
	background-position:8px 8px; background-repeat:no-repeat;
	font-size: 12px; font-weight: bold; border-top: 1px solid #C6C1BF;
	text-decoration: none;
}

div.blocGaucheCategorieRouge a span.descriptionCourte,
div.blocGaucheCategorieJaune a span.descriptionCourte,
div.blocGaucheCategorieVert a span.descriptionCourte,
div.blocGaucheCategorieGris a span.descriptionCourte,
div.blocGaucheCategorieViolet a span.descriptionCourte,
div.blocGaucheCategorie a span.descriptionCourte{
	font-size: 11px; font-weight: normal; font-style: italic;
}
*/
/*------------------------------------------ BLOC ROUGE -----------------------------------------------------------------*/
/*
div.blocGaucheCategorieRouge{
	background-image: url(../images/design/blocGaucheCategories_rougeFooter.jpg);  background-position: bottom; background-repeat:no-repeat;
}

div.blocGaucheCategorieRouge h3{
	background-image: url(../images/design/blocGaucheCategories_rougeHeader.jpg);
	color: #B2221E;
}

div.blocGaucheCategorieRouge div.content{
	border-left: 2px solid #B92621; border-right: 2px solid #B92621;
}

div.blocGaucheCategorieRouge a{
	background-image: url(../images/design/fleche_rouge.gif);
	color: #B2221E;
}
*/
/*------------------------------------------ BLOC JAUNE -----------------------------------------------------------------*/
/*
div.blocGaucheCategorieJaune{
	background-image: url(../images/design/blocGaucheCategories_jauneFooter.jpg);  background-position: bottom; background-repeat:no-repeat;
}

div.blocGaucheCategorieJaune h3{
	background-image: url(../images/design/blocGaucheCategories_jauneHeader.jpg);
	color: #CA9219;
}

div.blocGaucheCategorieJaune div.content{
	border-left: 2px solid #F3BD48; border-right: 2px solid #F3BD48;
}

div.blocGaucheCategorieJaune a{
	background-image: url(../images/design/fleche_jaune.gif);
	color: #CA9219;
}
*/
/*------------------------------------------ BLOC VIOLET -----------------------------------------------------------------*/
/*
div.blocGaucheCategorieViolet{
	background-image: url(../images/design/blocGaucheCategories_violetFooter.jpg);  background-position: bottom; background-repeat:no-repeat;
}

div.blocGaucheCategorieViolet h3{
	background-image: url(../images/design/blocGaucheCategories_violetHeader.jpg);
	color: #5B5FAD;
}

div.blocGaucheCategorieViolet div.content{
	border-left: 2px solid #5B5FAD; border-right: 2px solid #5B5FAD;
}

div.blocGaucheCategorieViolet a{
	background-image: url(../images/design/fleche_violet.gif);
	color: #5B5FAD;
}
*/
/*------------------------------------------ BLOC VERT -----------------------------------------------------------------*/
/*
div.blocGaucheCategorieVert{
	background-image: url(../images/design/blocGaucheCategories_vertFooter.jpg);  background-position: bottom; background-repeat:no-repeat;
}

div.blocGaucheCategorieVert h3{
	background-image: url(../images/design/blocGaucheCategories_vertHeader.jpg);
	color: #277907;
}

div.blocGaucheCategorieVert div.content{
	border-left: 2px solid #659A4E; border-right: 2px solid #659A4E;
}

div.blocGaucheCategorieVert a{
	background-image: url(../images/design/fleche_vert.gif);
	color: #277907;
}
*/
/*------------------------------------------ BLOC GRIS -----------------------------------------------------------------*/
/*
div.blocGaucheCategorieGris{
	background-image: url(../images/design/blocGaucheCategories_grisFooter.jpg);  background-position: bottom; background-repeat:no-repeat;
}

div.blocGaucheCategorieGris h3{
	background-image: url(../images/design/blocGaucheCategories_grisHeader.jpg);
	color: #525050;
}

div.blocGaucheCategorieGris div.content{
	border-left: 2px solid #4D4E53; border-right: 2px solid #4D4E53;
}

div.blocGaucheCategorieGris a{
	background-image: url(../images/design/fleche_gris.gif);
	color: #525050;
}
*/
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LES BLOCS DE CATEGORIE
 ***********************************************************************************************************/
/*
table.catgeoriesListe{
	padding: 0px;
	margin: 0px;
}

td.blocCentreCategorieRouge,
td.blocCentreCategorieJaune,
td.blocCentreCategorieVert,
td.blocCentreCategorieGris,
td.blocCentreCategorieViolet,
*/
td.blocCentreCategorie{
	padding: 3px;
} 
/*
td.blocCentreCategorieRouge div.content,
td.blocCentreCategorieJaune div.content,
td.blocCentreCategorieVert div.content,
td.blocCentreCategorieGris div.content,
td.blocCentreCategorieViolet div.content,
*/
td.blocCentreCategorie div.content{
	position: relative;
	width: 224px; height: 177px; overflow: hidden;
	margin: 0px; margin : 0px;
	cursor: pointer;
	border:1px solid #4876AC;
	background-position: center top; background-repeat:no-repeat;
	background-color:white;
}
/*
td.blocCentreCategorieRouge div.content h4,
td.blocCentreCategorieJaune div.content h4,
td.blocCentreCategorieVert div.content h4,
td.blocCentreCategorieGris div.content h4,
td.blocCentreCategorieViolet div.content h4,
*/
td.blocCentreCategorie div.content h4{
	position: absolute; bottom: 0px; left: 0px; z-index: 5000;
	margin: 0px; padding: 0px; padding-left: 18px; padding-top: 3px;
	width: 210px; height: 20px;
	background-image: url(../images/design/railItemBullet.gif);
	background-position: 3px 5px; background-repeat:no-repeat;
	font-size: 12px; font-weight: bold;
	background-color:#E2E2E2;
	color:#4876AC;
	
}
/*
td.blocCentreCategorieRouge div.content a,
td.blocCentreCategorieJaune div.content a,
td.blocCentreCategorieVert div.content a,
td.blocCentreCategorieGris div.content a,
td.blocCentreCategorieViolet div.content a,
*/
td.blocCentreCategorie div.content a{
	text-decoration: none;
}

/*------------------------------------------ BLOC ROUGE -----------------------------------------------------------------*/
/*
td.blocCentreCategorieRouge div.content h4{
	background-image: url(../images/design/fleche_rouge.gif);
	color: #B2221E;
}
*/
/*------------------------------------------ BLOC JAUNE -----------------------------------------------------------------*/
/*
td.blocCentreCategorieJaune div.content h4{
	background-image: url(../images/design/fleche_jaune.gif);
	color: #CA9219;
}
*/
/*------------------------------------------ BLOC VIOLET -----------------------------------------------------------------*/
/*
td.blocCentreCategorieViolet div.content h4{
	background-image: url(../images/design/fleche_violet.gif);
	color: #5B5FAD;
}
*/
/*------------------------------------------ BLOC VER -----------------------------------------------------------------*/
/*
td.blocCentreCategorieVert div.content h4{
	background-image: url(../images/design/fleche_vert.gif);
	color: #277907;
}
*/
/*------------------------------------------ BLOC GRIS -----------------------------------------------------------------*/
/*
td.blocCentreCategorieGris div.content h4{
	background-image: url(../images/design/fleche_gris.gif);
	color: #525050;
}
*/
/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LE RAIL PAR CATEGORIE
 ***********************************************************************************************************/
/*
div#itemsRailRouge,
div#itemsRailJaune,
div#itemsRailViolet,
div#itemsRailVert,
div#itemsRailGris,
*/
div#itemsRail{
	height: 45px;
	margin: 0px;
	margin-left:8px;
	border-bottom:1px dashed #a8a7a7;
}
/*
div#itemsRailRouge img.bullet,
div#itemsRailJaune img.bullet,
div#itemsRailViolet img.bullet,
div#itemsRailVert img.bullet,
div#itemsRailGris img.bullet,
*/
div#itemsRail img.bullet{
	position: relative; top: 7px;
	margin-left: 5px; margin-right: 5px;
}
/*
div#itemsRailRouge a.railItem,
div#itemsRailJaune a.railItem,
div#itemsRailViolet a.railItem,
div#itemsRailVert a.railItem,
div#itemsRailGris a.railItem,
*/
div#itemsRail a.railItem{
	position: relative; top: 8px;
	font-weight: bold; font-size: 13px; color:#03438f;
	text-decoration: none;
}
/*
div#itemsRailRouge a.railItemAlone,
div#itemsRailJaune a.railItemAlone,
div#itemsRailViolet a.railItemAlone,
div#itemsRailVert a.railItemAlone,
div#itemsRailGris a.railItemAlone,
*/
div#itemsRail a.railItemAlone{
	position: relative; top: 8px;
	font-weight: bold; font-size: 13px; color: #4876ac;
	text-decoration: none;
}
/*
div#itemsRailRouge span.railItem,
div#itemsRailJaune span.railItem,
div#itemsRailViolet span.railItem,
div#itemsRailVert span.railItem,
div#itemsRailGris span.railItem,
*/
div#itemsRail span.railItem{
	font-weight: bold; font-size: 13px; color: #03438f;
}
/*
div#itemsRailRouge span.railItemAlone,
div#itemsRailJaune span.railItemAlone,
div#itemsRailViolet span.railItemAlone,
div#itemsRailVert span.railItemAlone,
div#itemsRailGris span.railItemAlone,
*/
div#itemsRail span.railItemAlone{
	font-weight: bold; font-size: 13px; color: #4876ac;
}
/*
div#itemsRailRouge span#railItemLast,
div#itemsRailJaune span#railItemLast,
div#itemsRailViolet span#railItemLast,
div#itemsRailVert span#railItemLast,
div#itemsRailGris span#railItemLast,
*/
div#itemsRail span#railItemLast{
	position: relative; top: 8px;
	font-weight: bold; font-size: 13px; color: #4876ac;
}
/*
div#itemsRailRouge span.railItemFirstLetter,
div#itemsRailJaune span.railItemFirstLetter,
div#itemsRailViolet span.railItemFirstLetter,
div#itemsRailVert span.railItemFirstLetter,
div#itemsRailGris span.railItemFirstLetter,
*/
div#itemsRail span.railItemFirstLetter{

}

/*------------------------------------------ BLOC ROUGE -----------------------------------------------------------------*/
/*
div#itemsRailRouge{
	padding-left: 40px;
	background-image:url(../images/design/itemRailsBackground_rouge.jpg);
}

div#itemsRailRouge a.railItem{
	color: #B2221E;
}

div#itemsRailRouge a.railItemAlone{
	color: #B2221E;
}

div#itemsRailRouge span.railItem{
	color: #B2221E;
}

div#itemsRailRouge span.railItemAlone{
	color: #B2221E;
}

div#itemsRailRouge span#railItemLast{
	font-weight: normal; font-style: italic; color: #000000;
}
*/
/*------------------------------------------ BLOC JAUNE -----------------------------------------------------------------*/
/*
div#itemsRailJaune{
	padding-left: 40px;
	background-image:url(../images/design/itemRailsBackground_jaune.jpg);
}

div#itemsRailJaune a.railItem{
	color: #CA9219;
}

div#itemsRailJaune a.railItemAlone{
	color: #CA9219;
}

div#itemsRailJaune span.railItem{
	color: #CA9219;
}

div#itemsRailJaune span.railItemAlone{
	color: #CA9219;
}

div#itemsRailJaune span#railItemLast{
	font-weight: normal; font-style: italic; color: #000000;
}
*/
/*------------------------------------------ BLOC VIOLET -----------------------------------------------------------------*/
/*
div#itemsRailViolet{
	padding-left: 40px;
	background-image:url(../images/design/itemRailsBackground_violet.jpg);
}

div#itemsRailViolet a.railItem{
	color: #5B5FAD;
}

div#itemsRailViolet a.railItemAlone{
	color: #5B5FAD;
}

div#itemsRailViolet span.railItem{
	color: #5B5FAD;
}

div#itemsRailViolet span.railItemAlone{
	color: #5B5FAD;
}

div#itemsRailViolet span#railItemLast{
	font-weight: normal; font-style: italic; color: #000000;
}
*/
/*------------------------------------------ BLOC VERT  -----------------------------------------------------------------*/
/*
div#itemsRailVert{
	padding-left: 40px;
	background-image:url(../images/design/itemRailsBackground_vert.jpg);
}

div#itemsRailVert a.railItem{
	color: #277907;
}

div#itemsRailVert a.railItemAlone{
	color: #277907;
}

div#itemsRailVert span.railItem{
	color: #277907;
}

div#itemsRailVert span.railItemAlone{
	color: #277907;
}

div#itemsRailVert span#railItemLast{
	font-weight: normal; font-style: italic; color: #000000;
}
*/
/*------------------------------------------ BLOC GRIS  -----------------------------------------------------------------*/
/*
div#itemsRailGris{
	padding-left: 40px;
	background-image:url(../images/design/itemRailsBackground_gris.jpg);
}

div#itemsRailGris a.railItem{
	color: #525050;
}

div#itemsRailGris a.railItemAlone{
	color: #525050;
}

div#itemsRailGris span.railItem{
	color: #525050;
}

div#itemsRailGris span.railItemAlone{
	color: #525050;
}

div#itemsRailGris span#railItemLast{
	font-weight: normal; font-style: italic; color: #000000;
}
*/

/**********************************************************************************************************
 *                                                                 SPECIFICATIONS POUR LA FICHE DETAIL
 ***********************************************************************************************************/
/* 
table.ficheDetailRouge,
table.ficheDetailJaune,
table.ficheDetailViolet,
table.ficheDetailVert,
table.ficheDetailGris,
*/
table.ficheDetail{
	width: 685px;
	font-size: 12px;
	margin-bottom:10px;
} 
/*
table.ficheDetailRouge td.titre,
table.ficheDetailJaune td.titre,
table.ficheDetailViolet td.titre,
table.ficheDetailVert td.titre,
table.ficheDetailGris td.titre,
*/
table.ficheDetail td.titre{
	background-image:url(../images/design/xContent_Titleparagraphe.png); background-position:left 2px; background-repeat:no-repeat;
	padding-bottom:10px;
	padding-left: 20px;
	font-weight: bold; color: #03438f;
	
}
/*
table.ficheDetailRouge td.colonneGauche,
table.ficheDetailJaune td.colonneGauche,
table.ficheDetailViolet td.colonneGauche,
table.ficheDetailVert td.colonneGauche,
table.ficheDetailGris td.colonneGauche,
*/
table.ficheDetail td.colonneGauche{
	width: 40%;
	padding-left: 20px; padding-right: 20px; padding-top: 20px;
	vertical-align: top;
}
/*
table.ficheDetailRouge td.colonneDroite,
table.ficheDetailJaune td.colonneDroite,
table.ficheDetailViolet td.colonneDroite,
table.ficheDetailVert td.colonneDroite,
table.ficheDetailGris td.colonneDroite,
*/
table.ficheDetail td.colonneDroite{
	vertical-align: top; text-align: center;
	width: 60%;
}
/*
table.ficheDetailRouge td.colonneDroite img.intermediaire,
table.ficheDetailJaune td.colonneDroite img.intermediaire,
table.ficheDetailViolet td.colonneDroite img.intermediaire,
table.ficheDetailVert td.colonneDroite img.intermediaire,
table.ficheDetailGris td.colonneDroite img.intermediaire,
*/
table.ficheDetail td.colonneGauche img.intermediaire{
	border: 1px solid #4876ac;
	cursor: pointer;
}

table.ficheDetail td.colonneDroite img{
	border: 1px solid #4876ac;
}
/*
table.ficheDetailRouge td.colonneDroite div.galerie,
table.ficheDetailJaune td.colonneDroite div.galerie,
table.ficheDetailViolet td.colonneDroite div.galerie,
table.ficheDetailVert td.colonneDroite div.galerie,
table.ficheDetailGris td.colonneDroite div.galerie,
<<<<<<< .mine
*/
table.ficheDetail td.colonneGauche div.galerie{
	text-align: left;
	border: 1px solid #4876ac;
}
/*
table.ficheDetailRouge td.colonneDroite div.galerie span,
table.ficheDetailJaune td.colonneDroite div.galerie span,
table.ficheDetailViolet td.colonneDroite div.galerie span,
table.ficheDetailVert td.colonneDroite div.galerie span,
table.ficheDetailGris td.colonneDroite div.galerie span,

*/
table.ficheDetail td.colonneGauche div.galerie span{

	display: block;
	margin: 5px;
	font-weight: bold; color: #4876ac;
}
/*
table.ficheDetailRouge td.colonneDroite div.galerie div,
table.ficheDetailJaune td.colonneDroite div.galerie div,
table.ficheDetailViolet td.colonneDroite div.galerie div,
table.ficheDetailVert td.colonneDroite div.galerie div,
table.ficheDetailGris td.colonneDroite div.galerie div,
*/
table.ficheDetail td.colonneGauche div.galerie div{
	text-align: left;
	margin: 0px; padding: 0px;
}
/*
table.ficheDetailRouge td.colonneDroite div.galerie img.miniature,
table.ficheDetailJaune td.colonneDroite div.galerie img.miniature,
table.ficheDetailViolet td.colonneDroite div.galerie img.miniature,
table.ficheDetailVert td.colonneDroite div.galerie img.miniature,
table.ficheDetailGris td.colonneDroite div.galerie img.miniature,
<<<<<<< .mine
*/
table.ficheDetail td.colonneGauche div.galerie img.miniature{
	border: 2px solid #4876ac;
	cursor: pointer;
}

/*

table.ficheDetailRouge td.colonneDroite div.boutons,
table.ficheDetailJaune td.colonneDroite div.boutons,
table.ficheDetailViolet td.colonneDroite div.boutons,
table.ficheDetailVert td.colonneDroite div.boutons,
table.ficheDetailGris td.colonneDroite div.boutons,
*/
table.ficheDetail td.colonneDroite div.boutons{
	padding: 5px;
	text-align: left;
	border: 1px solid #B2221E;
}

img#ficheImageIntermediaireZoom{
	display: none; position: absolute;
	border: 2px solid #4876ac;
	cursor: pointer;
	z-index:20000;
}

/*------------------------------------------ rouge -----------------------------------------------------------------*/
/*
table.ficheDetailRouge td.titre{
	border-bottom: 1px dashed #B2221E;
	color: #B2221E;
}

table.ficheDetailRouge td.colonneDroite img.intermediaire{
	border: 1px solid #B2221E;
}

table.ficheDetailRouge td.colonneDroite div.galerie{
	border: 1px solid #B2221E;
}

table.ficheDetailRouge td.colonneDroite div.galerie span{
	color: #B2221E;
}

table.ficheDetailRouge td.colonneDroite div.galerie img.miniature{
	border: 2px solid #B2221E;
}

table.ficheDetailRouge td.colonneDroite div.boutons{
	border: 1px solid #B2221E;
}
*/
/*------------------------------------------ jaune -----------------------------------------------------------------*/
/*
table.ficheDetailJaune td.titre{
	border-bottom: 1px dashed #CA9219;
	color: #CA9219;
}

table.ficheDetailJaune td.colonneDroite img.intermediaire{
	border: 1px solid #CA9219;
}

table.ficheDetailJaune td.colonneDroite div.galerie{
	border: 1px solid #CA9219;
}

table.ficheDetailJaune td.colonneDroite div.galerie span{
	color: #CA9219;
}

table.ficheDetailJaune td.colonneDroite div.galerie img.miniature{
	border: 2px solid #CA9219;
}

table.ficheDetailJaune td.colonneDroite div.boutons{
	border: 1px solid #CA9219;
}
*/
/*------------------------------------------ violet -----------------------------------------------------------------*/
/*
table.ficheDetailViolet td.titre{
	border-bottom: 1px dashed #5B5FAD;
	color: #5B5FAD;
}

table.ficheDetailViolet td.colonneDroite img.intermediaire{
	border: 1px solid #5B5FAD;
}

table.ficheDetailViolet td.colonneDroite div.galerie{
	border: 1px solid #5B5FAD;
}

table.ficheDetailViolet td.colonneDroite div.galerie span{
	color: #5B5FAD;
}

table.ficheDetailViolet td.colonneDroite div.galerie img.miniature{
	border: 2px solid #5B5FAD;
}

table.ficheDetailViolet td.colonneDroite div.boutons{
	border: 1px solid #5B5FAD;
}
*/
/*------------------------------------------ vert -----------------------------------------------------------------*/
/*
table.ficheDetailVert td.titre{
	border-bottom: 1px dashed #277907;
	color: #277907;
}

table.ficheDetailVert td.colonneDroite img.intermediaire{
	border: 1px solid #277907;
}

table.ficheDetailVert td.colonneDroite div.galerie{
	border: 1px solid #277907;
}

table.ficheDetailVert td.colonneDroite div.galerie span{
	color: #277907;
}

table.ficheDetailVert td.colonneDroite div.galerie img.miniature{
	border: 2px solid #277907;
}

table.ficheDetailVert td.colonneDroite div.boutons{
	border: 1px solid #277907;
}
*/
/*------------------------------------------ gris -----------------------------------------------------------------*/
/*
table.ficheDetailGris td.titre{
	border-bottom: 1px dashed #525050;
	color: #525050;
}

table.ficheDetailGris td.colonneDroite img.intermediaire{
	border: 1px solid #525050;
}

table.ficheDetailGris td.colonneDroite div.galerie{
	border: 1px solid #525050;
}

table.ficheDetailGris td.colonneDroite div.galerie span{
	color: #525050;
}

table.ficheDetailGris td.colonneDroite div.galerie img.miniature{
	border: 2px solid #525050;
}

table.ficheDetailGris td.colonneDroite div.boutons{
	border: 1px solid #525050;
}
*/

/***********************************************************************************
*			BLOCL ACTUALITE ACCUEIL
***********************************************************************************/

div.actualiteBlock{
	margin-left:15px;
	margin-right:25px;
	margin-top:10px;
}

div.contentActualite{
	margin-left:9px;
	margin-right:9px;
}

h3.titreActualite,h3.titreCatalogue{
	background-image:url(../images/design/titreActualiteAccueil.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#02428E;
	font-weight:bold;
	margin-bottom:4px;
	font-size:13px;
	padding-left:35px;
	text-decoration:none;
	padding-top:3px;
	height:23px;
}


div.catalogueBlock{
	margin-left:8px;
	margin-right:15px;
	margin-top:10px;
}

div.contentCatalogue{
	margin-left:0px;
	margin-right:0px;
}

/***********************************************************************************
*			BLOCL OUITLS
***********************************************************************************/
div.outilsBlock{
	margin-left:5px;
	margin-right:0px;
	margin-top:10px;
}


h3.titreOutils{
	background-image:url(../images/design/titreActualiteAccueil.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#02428E;
	font-weight:bold;
	margin-bottom:4px;
	font-size:13px;
	padding-left:35px;
	text-decoration:none;
	padding-top:3px;
	height:23px;
}

div.outilsBlock button span{
	font-size:11px;
}

div.outilsBlock button{
	width:165px;
}

button.expandableVignetteButton 
{
	border: 0px solid; 
	cursor: pointer; 
	margin-right: 2px;
	padding: 0px; padding-right: 4px;
	color: #03438f;
	background : url(../images/boutons/resizableButtonVignetteRightOff.gif) right no-repeat;
	overflow: visible;
}

button.expandableVignetteButtonOn{
	border: 0px solid; 
	cursor: pointer; 
	margin-right: 2px;
	padding: 0px; padding-right: 4px;
	color: #FFFFFF;
	background : url(../images/boutons/resizableButtonVignetteRightOn.gif) right no-repeat;
}

button.expandableVignetteButton,
button.expandableVignetteButtonOn{
	width: 71px;
}

button.expandableVignetteButton span {
	display: block; 
	padding: 0px; padding-left: 30px; padding-right: 2px; padding-bottom: 2px;
	height: 49px; line-height: 16px;
	background : url(../images/boutons/resizableButtonVignetteLeftOff.gif) left no-repeat;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #03438f;
}

button.expandableVignetteButtonOn span{
	display: block; 
	padding: 0px; padding-left: 30px; padding-right: 2px; padding-bottom: 2px;
	height: 49px; line-height: 16px;
	background : url(../images/boutons/resizableButtonVignetteLeftOn.gif) left no-repeat;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
	color: #ffffff;
}

button.expandableVignetteButtonOn div.pdfVignette,
button.expandableVignetteButton div.pdfVignette
{
	padding:0px;
	margin:0px;
	padding-top:5px;

}

div.separation{
	height:8px;
}
/***********************************************************************************
*			BLOCL ACTUALITE ACCUEIL
***********************************************************************************/

div.actualiteBlock{
	margin-left:15px;
	margin-right:25px;
}

div.contentActualite{
	margin-left:9px;
	margin-right:9px;
}

h3.titreActualite{
	background-image:url(../images/design/titreActualiteAccueil.gif);
	background-position:left center;
	background-repeat:no-repeat;
	color:#02428E;
	font-weight:bold;
	margin-bottom:4px;
	font-size:13px;
	padding-left:35px;
	text-decoration:none;
	padding-top:3px;
	height:23px;
}

/**************************************************************
				PRINT REFERENCE
**************************************************************/
div#mainPrint{
	width: 724px;
	padding: 0px;
	margin: 0px; margin-right: auto; margin-left: auto;
	overflow: visible;
	background-color:#E5E7EB;
}

div#mainPrint div.pageContent td.titre{
	padding-left:20px;
}

div#mainPrint div.pageContent div#ficheBoutons{
	display:none;
}