/* CSS Document */

sup {
font-size: 18px	;
line-height: 10px;
border-bottom: 1px solid;
}

.txt_a_droite {
	float: right;
}

.txt_au_centre {
	text-align: center !important;
}

.txt_a_gauche {
	float: left;
}

.txt_ombre_blanche {
	text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=135, Strength=2);*/
	filter: alpha(opacity=100);
}

.txt_ombre_noire {
	text-shadow: 1px 1px 1px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
}

.txt_noir {
	color: #000;	
}

/* Liens */
.art-postcontent a:link, .art-postcontent a:visited {
	color: #00F;
	text-decoration:none;
    border-bottom: 1px dashed #00F;
}

.art-postcontent a:hover, .art-postcontent a:active {
	text-decoration:none;
    border-bottom: 1px solid #00F;
}


/* Barre de menu haute */ 
ul.art-hmenu > li:before {
	background: url("../images/menuseparator.png") no-repeat scroll center center transparent;
}

/* Contenu principal */ 
.art-sheet {
	margin-bottom: 20px;	
}

.art-sheet-body {
-webkit-box-shadow:  0px 0px 4px 4px #666;
        box-shadow:  0px 0px 4px 4px #666;
}

/* Pied de page*/
.art-footer:before, .art-footer:after {
		height: 28px;
}

.art-footer {
	margin-top: 0;	
}

ul.art-hmenu>li>a:hover {
   text-decoration:underline;
}

ul.art-hmenu>li>a.active {
   font-weight: bold;
}

/* Onglets accueil ----------------*/
#conteneur {
	position: relative;
	width: 980px;
	height: 450px;
}

.menu_onglet {
	float: left;
	position: absolute;
	margin-top: -15px;
}

.onglet {
	width:  240px;
	height: 75px;
	margin: 50px 0 0 0;
	padding: 0;
	position: relative;
	display: block;
	background-image:url('../images/onglet_off.png');
	background-repeat:no-repeat;
}

.onglet:hover {
	cursor: pointer;
	background-image:url('../images/onglet_hover.png');
}

.actif:hover {
	cursor: pointer;
}

.actif {
	width:  300px;
	height: 75px;
	margin: 50px 0 0 0;
	padding: 0 0 0 10px;
	position: relative;
	display: block;
	background-image:url('../images/onglet_on.png');
	background-repeat:no-repeat;
}

.onglet p, .actif p {
	font-size: 22pt;
	font-weight: bold;
	padding: 20px 0 0 10px;
}

#box_accueil {
	width:  940px;
	height: 500px;
	margin: 10px;
	float: right;
	position: relative;
	/* Image affichée au chargement de la page */
	background-image:url('../catalogue/img_accueil/fond_etancheite.jpg');
}

#bloc_text {
	border-collapse:separate;
	position: relative;
	float:  right;
	margin: 10px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #ccc;	
	width:  450px;
	height: auto;
-webkit-box-shadow:  0px 0px 4px 4px #666;
        box-shadow:  0px 0px 4px 4px #666;
	
}

#bloc_text ul li {
	font-size: 16pt;
	padding: 0 0 16px 25px;
	line-height: 24px;
	background-image:url('../images/bullet_right.png');
	background-position: 0 2px;
}

.alpha {
	/* Fallback for web browsers that doesn't support RGBa */
	background:  255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
	/* For IE 5.5 - 7*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddffffff, endColorstr=#ddffffff);
	/* For IE 8*/
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ddffffff, endColorstr=#ddffffff)";*/
}

.bloc_ref {
	border-collapse:separate;
	margin-bottom: 30px	;
	padding: 0 10px;
-webkit-box-shadow:  0px 0px 8px 2px #666;
        box-shadow:  0px 0px 8px 2px #666;	
background: #FFFFFF;
background: -moz-linear-gradient(top,  #f2f5f6 0%, #c8d7dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc));
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
background: -o-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
background: -ms-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
background: linear-gradient(to bottom,  #f2f5f6 0%,#c8d7dc 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );*/
}

.titre_bloc_ref {
	color : #558391;
	font-size: 14px;
	font-weight: bold;
	border-bottom : 1px solid #ccc;
	line-height: 28px;
	padding: 0 5px;
}

tr.titre td{
background: #FEFF5F;
background: -moz-linear-gradient(top,  #fcf6c4 0%, #ffff00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf6c4), color-stop(100%,#ffff00));
background: -webkit-linear-gradient(top,  #fcf6c4 0%,#ffff00 100%);
background: -o-linear-gradient(top,  #fcf6c4 0%,#ffff00 100%);
background: -ms-linear-gradient(top,  #fcf6c4 0%,#ffff00 100%);
background: linear-gradient(to bottom,  #fcf6c4 0%,#ffff00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6c4', endColorstr='#ffff00',GradientType=0 );
}

td.detail_ref, td.detail_ref p, td.detail_ref ul {
	padding: 0 5px;
	margin-top: 5px;
}

tr.annee_detail_ref td {
padding: 5px;
font-size: 18px;
font-weight: bold;
color: #333;
background: #DDE5E9;
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc));
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
}

ul.ui-tabs-nav li.tab_real_group {
background: rgb(240,249,255);
background: -moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1)));
background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
background: -o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
background: linear-gradient(to bottom,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 );
}

#bloc_recherche {
	float: right; 
	position: relative;
}

#resultat {
	visibility:hidden;
	float: right;
	position: relative;
	padding: 0 10px 0 0;
	min-width: 190px;
	-webkit-box-shadow:  0px 0px 2px 2px #999;
			box-shadow:  0px 0px 2px 2px #999;
	background: rgb(245,250,255);
	background: -moz-linear-gradient(top,  rgba(245,250,255,1) 0%, rgba(220,233,244,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,250,255,1)), color-stop(100%,rgba(220,233,244,1)));
	background: -webkit-linear-gradient(top,  rgba(245,250,255,1) 0%,rgba(220,233,244,1) 100%);
	background: -o-linear-gradient(top,  rgba(245,250,255,1) 0%,rgba(220,233,244,1) 100%);
	background: -ms-linear-gradient(top,  rgba(245,250,255,1) 0%,rgba(220,233,244,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,250,255,1) 0%,rgba(220,233,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5faff', endColorstr='#dce9f4',GradientType=0 );
}

.logo_part {
	margin : 20px 50px !important;
	padding: 5px !important;
}

.logo_part:hover {
	border-collapse:separate;
-webkit-box-shadow:  0px 0px 8px 2px #666;
        box-shadow:  0px 0px 8px 2px #666;	
}

img.photo {
    border-collapse: separate;
    border-color: #FEFEFE;
    border-style: solid;
    border-width: 4px;
	-webkit-box-shadow:  0px 0px 4px 2px #666;
    box-shadow:  0px 0px 4px 2px #666;
    height: 100px;
    margin: 0;
    overflow: auto;
    width: 150px;
}