body,html {

	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color: #e0e0e0;
	scrollbar-shadow-color: #e0e0e0;
	scrollbar-3dlight-color: #e0e0e0;
	scrollbar-arrow-color: #c9ea71;
	scrollbar-track-color: #e0e0e0;
	scrollbar-darkshadow-color: #e0e0e0;
	
	color: #005189;
	font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px; /*ajout*/
	background: #deeaf7 url(../images/fondSiteOiseau.jpg) top center repeat-x; /* initiale fond bleu nuages :#deeaf7*/

}
/*//////////////////////AJOUT JULIEN/////////////////////////////////////////*/
/*******************Colonne Gauche**********************/
#societe{
	font-size:11px;
	text-align: center;
}
#societe a:hover{
	color:#008cff;
	text-decoration:none;
}
.texteRouge{
	color:red;
}
/*************** Fin de colonne Gauche*******************/

/************** PAGES CONFIANCES ***************************/
#passCommande{
	font-size:11px;
}
.puceCarreVert{
	list-style-image: url(../images/puce2.gif);
	margin-left :20px ;
	margin-right:20px;
	padding:0;
}
.puceCarreVertModule{
	list-style-image: url(../images/puce2.gif);
	margin:0;
	padding:0;
}
.puceCarreVert h4{
	font-size:11px;
	font-weight: bold;
	margin:0;
	padding:0;
}
.puceFleche{
	list-style-image: url(../images/fleche.gif);
	margin-left :10px;
	padding:0;
}
.retourSommaire{
	text-align: right;
}
.puceModule {
	list-style-type: none;
	background:url(../images/bgtitre2_left.GIF) top left no-repeat;
	width:195px;
	color:#ffffff;

	margin:0;
	padding:0;
	padding-left:20px;
	line-height:20px;
}
.menuDroit{
	margin:0;
	padding:0;
}
/************ Fin PAGES CONFIANCES **************************/
/************ page société***********************************/
#iso27001{
	font-size:11px;
	background: url(../images/logoISO27001.jpg) top left no-repeat;
	padding-left: 120px;
}
#iso9001{
	font-size:11px;
	background: url(../images/logoISO9001.jpg) top left no-repeat;
	padding-left: 120px;
}
#iso14001{
	font-size:11px;
	background: url(../images/logoISO14001.jpg) top left no-repeat;
	padding-left: 120px;
}
#ohsas18001{
	font-size:11px;
	background: url(../images/logo18001.jpg) top left no-repeat;
	padding-left: 120px;
}
/***************fin page société******************************/

#basPage, #basPage a{
	color:#035cc0;
}

.presentation{
	font: ;
	font-size:11px;
	color:#026AB0;
	font-weight:bold;
	padding-left: 70px;
	padding-right: 70px;
	text-align: center;
}


/*/////////////// FIN AJOUT JULIEN/////////////////////////////////////////*/

a:link    	{  color:#026AB0; text-decoration: none; }
a:visited 	{  color:#026AB0; text-decoration: none; }
a:active  	{  color:#026AB0; text-decoration: none; }
a:hover         {  color:#026AB0; text-decoration: underline; }

.menug a:link    	{  color:#000000; text-decoration: none; }
.menug a:visited 	{  color:#000000; text-decoration: none; }
.menug a:active  	{  color:#ff8e01; text-decoration: none; }
.menug a:hover         {  color:#ff8e01; text-decoration: none; }

td {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #596269;
}

.cadre {
	padding: 10px;
	height: auto;
	width: 460px;
	border: 1px dotted #cccccc;
	background-color:#edffc1; 
}

.mensub {
	clear:both;
	float:left;
	width:190px;
	background-image: url(../images/mensub1.gif);
	background-repeat: no-repeat;
}

.mensub2 {
	clear:both;
	float:left;
	width:190px;
	/*background-image: url(../images/mensub2.gif);*/
	background-repeat: no-repeat;
}

div.mensub a:link    	{  color:#596269; text-decoration: none ;margin-left:27px }
div.mensub a:visited 	{  color:#596269; text-decoration: none ;margin-left:27px }
div.mensub a:active  	{  color:#596269; text-decoration: none ;margin-left:27px }
div.mensub a:over	{  color:#7bab12; text-decoration: none ;margin-left:27px }

div.mensub2 a:link    	{  color:#596269; text-decoration: none ;margin-left:27px }
div.mensub2 a:visited 	{  color:#596269; text-decoration: none ;margin-left:27px }
div.mensub2 a:active  	{  color:#596269; text-decoration: none ;margin-left:27px }
div.mensub2 a:over	{  color:#7bab12; text-decoration: none ;margin-left:27px }

.current {
	clear:both;
	float:left;
	height:35px;
	line-height:25px;
	text-align:center;
	margin-top:15px;
}

div.current a, div.current a:visited, div.current a:active{
	width:100%;
	float:left;
	color:#3e3d3b/*#FFFFFF*/;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom:solid 10px transparent/*#a0ca37*/;
}

.sub {
	clear:both;
	float:left;
	height:35px;
	line-height:20px;
	text-align:center;
	margin-top:15px;
}

div.sub a, div.sub a:visited, div.sub a:active,div.sub a:link{
	width:100%;
	float:left;
	color:#3e3d3b/*#FFFFFF*/;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom:solid 10px transparent/*#686868*/;
}

div.sub a:hover {  
	border-bottom:solid 3px #fdd106/*#36a1e4*/;
}

div.sub a.current {  
	border-bottom:solid 10px #a0ca37;
}

.titre_menu {
	clear:both;
	float:left;
	background-image: url(../images/fond_titre_menu.gif);
	background-repeat: repeat-x;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	width: 190px;
	padding-top: 2px;	
}

.titre1 {
	float:left;
	background-image: url(../images/fond_titre1.gif);
	background-repeat: no-repeat;
	color:#ffffff;
	font-size: 13px;
	font-weight: bold;
	width:280px;
	height: 25px;
	padding-left: 13px;
	padding-top: 1px;
}

.titre {
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.titre2 {
	float:left;
	background-image: url(../images/fond_titre2.gif);
	background-repeat: no-repeat;
	color:#ffffff;
	font-size: 13px;
	font-weight: bold;
	width:190px;
	height: 25px;
	padding-top: 1px;
}

.agence {
	float:left;
	background-image: url(../images/bgagence.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	width:185px;
	height: 17px;
	margin-left:0px;
	padding-left: 13px;
	margin-bottom:5px;
	cursor:pointer;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #000000;
	color:#FFFFFF;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/***********************************************/
/*          FORMULAIRE                         */
/***********************************************/

/*Forms defaults*/
input, textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#404040;
}

.labelform {
    background:url(../images/fondlabel.gif) no-repeat left top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	float:left;
	width:90px;
	height:17px;
	color:#FFF;
	padding-left:10px;
	line-height:17px;
	vertical-align:top;
}

label {
	color:#657684;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	cursor:pointer;
	padding-left:2px;
	padding-top:1px;
	line-height:12px;
}

label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	margin-left:4px;
	filter:alpha(opacity=0);
	width:12px;
	height:12px;
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}



/*Radio buttons*/

.radioAreaUnchecked, .radioAreaChecked {

	z-index:5;

	position:absolute;

	width:15px;

	height:15px;

	cursor:pointer;

}

.radioAreaUnchecked {

	background:url(../images/radio.gif) no-repeat left top;

}

.radioAreaChecked {

	background:url(../images/radio.gif) no-repeat left bottom;

}



/*Checkboxes*/



checkbox {

	width:16px;

	height:16px;

}



.checkboxAreaUnchecked, .checkboxAreaChecked {

	z-index:5;

	position:absolute;

	width:16px;

	height:16px;

	cursor:pointer;

}

.checkboxAreaUnchecked {

	background:url(../images/checkbox.gif) no-repeat left top;

}

.checkboxAreaChecked {

	background:url(../images/checkbox.gif) no-repeat left bottom;

}



/*Text inputs*/

.textinput, .textinputHovered {

	float:left;

	width:159px;

	height:17px;

	background:url(../images/middle.gif) repeat-x right top;

	border:none;

	padding-left:5px;

	padding-top:3px;

}

.textinputHovered {

	background-position:right bottom;

}







/*Text areas*/

.textarea, .textareaHovered {

	width:336px;

	height:125px;

	background:url(../images/textarea.gif) no-repeat left top;

	border:none;

}

.textareaHovered {

	background-position:left bottom;

}



/*Selects*/

.selectArea {

	float:left;

	width:175px;

	height:17px;

	background:url(../images/middle.gif) repeat-x left top;

}

.selectArea .left {

	width:1px;

	height:17px;

	float:left;

	background:url(../images/middle.gif) no-repeat left top;

}

.selectArea .right {

	cursor:pointer;

	width:16px;

	height:17px;

	float:right;

	background:url(../images/select_right.gif) no-repeat left top;

}

.selectArea .right a {

	display:block;

	width:16px;

	height:17px;

}

.selectArea .right i {

	display:none;

}

.selectArea .center {

	cursor:pointer;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#404040;

	width:150px;

	padding-left:1px;

	padding-top:2px;





}



/*Selects drop-down*/

.optionsDivInvisible, .optionsDivVisible {

	position:absolute;

	margin-top:3px;

	margin-left:2px;

	width:187px;

	height:150px;

	overflow:auto;	/* Scrolling features */

	background:#657684;

	padding:2px;

	font-size:10px;

	z-index:20;

}

.optionsDivInvisible {

	display:none;

}

.optionsDivVisible {

	display:block;

}

.optionsDivVisible p {

	margin:0;

	padding:0;

}

.optionsDivVisible a {

	float:left;

	width:166px;

	background:#657684;

	color:#FFF;

	text-decoration:none;

	padding:1px 4px;

	border:0px;

}

.optionsDivVisible a:hover {

	color:#FFF;

	background:#b6df31;

}



.optionsDivVisible a:visited {

	color:#FFF;



}

.end

{

	float:left;

}







/*Button*/

.buttonSubmit, .buttonSubmitHovered {

	width:181px;

	height:26px;

	color:#FFF;

	font-weight:bold;

	padding:2px 5px;

	background:url(../images/submit.gif) no-repeat left top;

	cursor:pointer;

	border:none;

	margin-top: 5px;

}

.buttonSubmitHovered {

	background-position:left bottom;

}



/*Test div - testing if stylesheets are enabled*/

#stylesheetTest {

	position:absolute;

	left:-999px;

	width:10px;

	height:10px;

}

.login, .loginHovered {

	font-size: 11px;

	color: #686868;

	background-image: url(../images/bglogin.gif);

	float: left;

	height: 17px;

	width: 179px;

	border:none;

	margin-bottom:5px;

	margin-left:10px;

	padding-left: 10px;

	padding-top: 1px;

}

.loginHovered {

	background-position:left bottom;

}





.pass, .passHovered  {

	font-size: 11px;

	color: #686868;

	background-image: url(../images/bgpass.gif);

	float: left;

	height: 17px;

	width: 154px;

	border:none;

	margin-left:10px;

	padding-left: 10px;

	margin-bottom: 5px;

}

.passHovered {

	background-position:left bottom;

}



.bt_recherche, .bt_rechercheHovered {

	font-size: 9px;

	color: #FFFFFF;

	background-color: #aad61c;

	height: 17px;

	width: 120px;

	border:none;

	font-weight:bold;

	cursor:pointer;



}

.go, .goHovered {

	font-size: 9px;

	color: #FFFFFF;

	background-image: url(../images/bggo.gif);

	float: left;

	height: 17px;

	width: 25px;

	border:none;

	font-weight:bold;

	cursor:pointer;



}

.goHovered {

	background-position:left bottom;

}



.plus, .plusHovered {

	font-size: 10px;

	color: #657684;

	background-image: url(../images/bgliste.gif);

	float: left;

	height: 17px;

	width: 45px;

	border:none;

	text-align:left;

	padding-left:5px;

	cursor:pointer;



}

.plusHovered {

	background-position:left bottom;

	color:#FFFFFF;

}





.question, .questionHovered {

	font-size: 10px;

	color: #657684;

	background-image: url(../images/question.gif);

	float: left;

	height: 17px;

	width: 16px;

	border:none;

	font-weight:bold;

	cursor:pointer;



}



.questionHovered {

	background-position:left bottom;

}





.chercher, .chercherHovered {

	margin-left:4px;

	font-size: 9px;

	text-align:left;

	padding-left:9px;

	color: #FFFFFF;

	background-image: url(../images/bgchercher.gif);

	float: left;

	height: 17px;

	width: 85px;

	border:none;

	font-weight:bold;

	cursor:pointer;



}

.chercherHovered {

	background-position:left bottom;

}





.newsform, .newsformHovered  {

	font-size: 11px;

	color: #686868;

	background-image: url(../images/bgformnews.gif);

	height: 17px;

	width: 161px;

	border:none;

	margin-top:5px;

	padding-left: 10px;

	margin-bottom: 5px;

}

.newsformHovered {

	background-position:left bottom;

}



.menu, .menuHovered {

	float: right;

	text-align:left;

	padding-left: 16px;

	font-size: 13px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #bcbcbc;

	background-image: url(../images/menu_over.gif);

	height: 29px;

	width: 85px;

	align:left;

	border:none;

	font-weight:bold;

	padding-top: 8px;

	cursor:pointer;



}

.menuHovered {

	color: #ffffff;

	background-position:left bottom;

}



.menuok, .menuokHovered  {

	float: right;

	text-align:left;

	padding-left: 16px;

	font-size: 13px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #4d4d4d;

	background-image: url(../images/menu_ok.gif);

	height: 29px;

	width: 85px;

	align:left;

	border:none;

	font-weight:bold;

	padding-top: 8px;

}



.menui, .menuiHovered {

	float: right;

	text-align:left;

	padding-left: 16px;

	font-size: 13px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #bcbcbc;

	background-image: url(../images/menui_over.gif);

	height: 29px;

	width: 115px;

	align:left;

	border:none;

	font-weight:bold;

	padding-top: 8px;

	cursor:pointer;



}

.menuiHovered {

	color: #ffffff;

	background-position:left bottom;

}



.menuiok, .menuiokHovered  {

	float: right;

	text-align:left;

	padding-left: 16px;

	font-size: 13px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #4d4d4d;

	background-image: url(../images/menui_ok.gif);

	height: 29px;

	width: 115px;

	align:left;

	border:none;

	font-weight:bold;

	padding-top: 8px;

}







/* Big box with list of options */

	#ajax_listOfOptions{

		position:absolute;	/* Never change this one */

		width:175px;	/* Width of box */

		height:200px;	/* Height of box */

		overflow:auto;	/* Scrolling features */

		background:#657684;	/* White background color */

		text-align:left;

		z-index:100;

	}

	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */

		margin:1px;		

		padding:1px;

		cursor:pointer;

		font-family:Tahoma, Arial, Helvetica, sans-serif;

		font-size:10px;

	        background:#657684;

		color:#FFF;

	}

	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */

		

	}

	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */

		background:#b6df31;

		font-size:10px;

		color:#FFF;

	}

	#ajax_listOfOptions_iframe{

		background-color:#F00;

		position:absolute;

		z-index:5;

	}

li {

	background-repeat: no-repeat;

	list-style-type: square;

	clip: rect(auto,auto,auto,auto);

}

.stitre {

	font-size: 12px;

	line-height: 16px;

	font-weight: bold;

	background-image: url(../images/bgstitre.gif);

	background-repeat: no-repeat;

	height: 16px;

	width: 350px;

	padding-left: 15px;

}


http://www.dataserv.fr/greybox/gb_styles.css

/* Last-Modified: 28/06/06 00:08:22 */

#GB_overlay {

    background-color: #000;

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    z-index: 100;

}



#GB_window {

    left: 0;

    top: 0;

    font-size: 1px;

    position: absolute;

    overflow: visible;

    z-index: 150;

}



#GB_window .content {

    width: auto;

    margin: 0;

    padding: 0;

}



#GB_frame {

    border: 0;

    margin: 0;

    padding: 0;

    overflow: auto;

    white-space: nowrap;

}





.GB_Gallery {

    margin: 0 22px 0 22px;

}



.GB_Gallery .content {

    background-color: #fff;

    border: 3px solid #ddd;

}



.GB_header {

    top: 10px;

    left: 0;

    margin: 0;

    z-index: 500;

    position: absolute;

    border-bottom: 2px solid #555;

    border-top: 2px solid #555;

}



.GB_header .inner {

    background-color: #333;

    font-family: Arial, Verdana, sans-serif;

    padding: 2px 20px 2px 20px;

}



.GB_header table {

    margin: 0;

    width: 100%;

    border-collapse: collapse;

}



.GB_header .caption {

    text-align: left;

    color: #eee;

    white-space: nowrap;

    font-size: 20px;

}



.GB_header .close {

    text-align: right;

}



.GB_header .close img {

    z-index: 500;

    cursor: pointer;

}



.GB_header .middle {

    white-space: nowrap;

    text-align: center;

}





#GB_middle {

    color: #eee;

}



#GB_middle img {

    cursor: pointer;

    vertical-align: middle;

}



#GB_middle .disabled {

    cursor: default;

}



#GB_middle .left {

    padding-right: 10px;

}



#GB_middle .right {

    padding-left: 10px;

}





.GB_Window .content {

    background-color: #fff;

    border: 3px solid #a2adb7;

    border-top: none;

}



.GB_Window .header {

    border-bottom: 1px solid #b3bcc4;

    border-top: 1px solid #a2adb7;

    border-left: 3px solid #a2adb7;

    border-right: 3px solid #a2adb7;

    margin: 0;



    height: 22px;

    font-size: 12px;

    padding: 3px 0;

    color: #333;

}



.GB_Window .caption {

    font-size: 12px;

    text-align: left;

    font-weight: bold;

    white-space: nowrap;

    padding-right: 20px;

}



.GB_Window .close { text-align: right; }

.GB_Window .close span {

	font-size: 11px;

	cursor: pointer;

	margin-left: 4px;

}

.GB_Window .close img {

    cursor: pointer;

    padding: 0 3px 0 0;

}



.GB_Window .on { border-bottom: 1px solid #333; }

.GB_Window .click { border-bottom: 1px solid red; }

.titre_fiche_produit{
    margin: 0px 0px 0px 20px;
    padding: 0px;
    font-size: 16px;
    color: #026ab0;
}

.titre_produit{
    font-size: 14px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    color: #000000;
}