body {
	background-color:#002740;
	height:100%;
	width:100%;
	font-style:normal;
	margin:0;
    padding:0;
    text-align: center ; /* correction IE 5.X pour le conteneur */
    font: 13px arial,verdana,arial,helvetica,sans-serif;
    background	: #002740;
}
*{
margin:0;
padding:0;
}
p{
	text-align:left;
}
a{
	color:white;
}
img{
    border:0;
}
input,textarea,select	{
    font		: 0.9em verdana,arial,helvetica,sans-serif;
}

textarea{
}

h1,h2,h3,h4,h5,h6,.sub_sub_title,.h2 {
    font-family	: verdana,arial,helvetica,sans-serif;
	text-align:left;
}
h1	{
	color:#ffffff;
	font-size:1.4em;
	margin:20px 0px 15px 0px;
}
h2,.h2			{
    font-size	  : 1.2em;
    color         : #21692E;
	margin:15px 0px 10px 0px;
}
.h2{
	font-weight:bold;
	width:520px;
}
h3				{
	color:#ececec;
	padding-top:5px;
	font-size:1.2em;
}
h4				{
	font-size:12px;
	color:#ececec;
	padding-top:10px;
}
h5,h6			{
    font-size	: 1em;
    border-bottom : 1px solid #CCC;
    margin-top    : 3px;
    margin-bottom : 5px;
}

.sub_sub_title{
	float       : right;
	font-weight : bold;
	color       : #444;
	font-size   : 1.1em;
}

.clear			{
    clear		: both ;
    visibility	: hidden ;
}
.noSize			{
    line-height	: 0 ;
    font-size	: 0 ;
}

a, a:visited		{
    color		: #21692E;
    text-decoration	: none;
}
a:hover			{
    color		: #21692E;
	text-decoration	: underline;
}



/**************************************************/
/*              Style de formulaires              */
/*                                                */
/**************************************************/

form				{
    margin		: 0 ;
}
/*
input,textarea,select{
    border		: 1px solid #336699 ;
}
input[type=radio]{
    border		: 0px solid white !important;
}
input:hover, textarea:hover, select:hover{
    border		: 1px solid #66aaFF;
}
input:focus, textarea:focus, select:focus{
    border		: 1px solid #66aaFF;
}
#contenu input.submit, #barre input.submit {
    border		: 1px outset #bbb ;
}
#contenu input.submit:hover, #barre input.submit:hover {
    border		: 1px outset #d00 ;
}
#contenu input[type="hidden"] {
    display		: none ;
}

#contenu .form_line {
	border-bottom : 1px solid #FFF4D8;
	padding : 5px 8px;
}
#contenu .form_line span {
	width    : 200px;
	display  : block;
	float    : left;
}
*/
/* Set the style for mandatory element in a form*/
.mandatory{
	color:red;
}
/* Set the location of button at the bottom of a form*/
/*
#submitLine{
	text-align:right;
}
*/

/* ------------------ Accueil ------------------ */

.BkgCentral{
	margin-top:150px;
	background-image: url(i/BkgLine.jpg);
	background-repeat:repeat-x;
	width:1px;
	height:160px;
}

/* --- Txt blanc, page accueil --- */

.TxtWhite{
	color:#FFFFFF;
	margin-top:6px;
	}
	
/* --- Txt bibli, page accueil --- */

.TxtBibli{
width:260px;
padding-left:0px;
text-align:center;
margin-left:20px;
}

.TxtBibli p{
font: 11px verdana,arial,helvetica,sans-serif;
padding-bottom:5px;
text-align:right;
margin-bottom:1px;
line-height:120%;
}

/* ------------------ Conteneur ------------------ */

#ConteneurGlobal{
margin:0px;
padding:0px;
width:100%;
}


#Conteneur{
margin:auto;
margin-bottom:20px;
text-align:center;
}

/* ------------------------------------------ Header  ------------------------------------------ */

#Header{
width:100%;
height:199px;
background-color:#002740;
margin:0;
padding:0;
}


#HeaderLeft{
background-image:url(i/headerlinerpt.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:172px;
width:50%;
position:absolute;
z-index:-30;
top:0;
left:0;
}


#HeaderCenter{
background-image:url(i/header.jpg);
background-repeat:no-repeat;
height:199px;
width:1000px;
margin:auto;
margin-top:0px;
padding-top:0px;
text-align:left;
}

#div_recherche{
	float:right;
	color:white;
	font-size:1em;
	margin-right:98px;
	margin-top : 16px;
}
#champ_recherche{
	background:url(i/fond_recherche.jpg) no-repeat;
	width:202px;
	height:22px;
	border:0px;
	padding:4px;
	padding-left:8px;
	padding-right:0px;
	float:left;
}
#ok_recherche{
	float:left;
}

.langlink{
margin:0 27px 0 0;
}

.bibli_title{
font-size:18px;
font-weight : bold;
color:#002740;
margin:0 14px;
margin-top:-66px;
}

.gellule_title{
color:white;
font-family:arial;
font-weight:bold;
font-size:18px;
margin:-69px 10px 0;
width:234px;
}

.gellule{
width:251px;
font-family:Arial;
float:left;
}

/* ------------------ Titres sous le Header ------------------ */

#Intro{
width:830px;
height:100px;
}

#IntroLeft{
	width:331px;
	height:64px;
	float:left;
}


#IntroRight{
	width:400px;
	/*float:left;*/
	margin-left:auto;
margin-right:auto;
}


/*****	FIN MENU		*****/




/**************************************************/
/*                                   Bloc listing                                          */
/**************************************************/

#contenu .listing ul ,#contenu .listing li{
    margin 		        : 0 ;
    padding 	        : 1px;
    list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#contenu .col .listing ul {
    margin 		: 5px 0 5px 3px;
}
#contenu .listing li {
    border-top	: 1px solid #D2D2D2 ;
}
#contenu .listing .first {
    border		  : 0 ;
}
#contenu .listing li a {
    display 	  : block ;
    padding-left  : 4px ;
    border-right  : 3px solid #D2D2D2 ;
    border-left   : 3px solid #D2D2D2 ;
    height        : 15px;
}
#contenu .listing li a span {
    color         : #999999;
    float         : right;
    font-size     :10px;
    padding-right :2px;
}

#contenu .listing li a:hover, #contenu .listing li a.selected {
    color 		  : #f00 ;
    background 	  : #eee ;
    border-color  : #ffa500 ;
}

.userMessage ul, .userMessage li {
    list-style	: none;
}


/**************************************************/
/*                                                */
/*              Navigation dans la structure      */
/**************************************************/
#content{
	min-height : 245px;
	width:830px;
	margin:auto;
	padding:15px 20px 10px 20px;
}

.contentadmin{
	width:950px !important;
}


/* for Internet Explorer */
/*\*/
* html #content {
	height  :  400px;
}
/**/

#contenu #structure_width_case{
	width               : 178px;
	//border              : 1px solid #333;
}

#contenu .structure_col{
    margin 		        : 0 ;
    padding 	        : 0px 4px;
    border-right        : 1px solid #DDD;
    width               : 170px;
    float               : left;
    min-height          : 250px;
    //overflow-y          : auto;
}
#contenu .structure_col ul{
    margin 		        : 0 ;
    padding 	        : 0pt;
    width               : 170px;
    min-height          : 250px;
}
#contenu .structure_col li{

}
#contenu .structure_col .selected_item{
	font-weight         : 800;
	background-color    : #FFD790;
}

/*-------------------------------*
 *            +infos             *
 *-------------------------------*/
#contenu .plusDinfos {
    text-align	: right ;
    color		: #999 ;
    padding		: 0 2px 0 0 ;
}

#contenu .plusDinfos span {
    display		: block ;
    border-top	: 1px solid #ddd ;
    width		: 200px ;
}



#contenu #pied p			{
    margin		: 0 10px 5px ;
    color 		: #666 ;
}

#contenu #pied p a {
    margin-left	: 10px ;
    border-left	: 1px solid #aaa;
    padding		: 0 0 0 10px ;
    line-height	: 8px ;
}

#contenu #pied p a:hover {
    text-decoration: underline ;
}

#contenu #pied p a.noborder {
    border		: 0 ;
    padding		: 0 ;
    margin		: 8px 0 0 0 ;
    vertical-align:middle ;
}

#contenu #pied #copyrights {
    text-align    : center;
    border-top	  : 1px solid #aaa ;
    margin		  : 15px 1px 0px 1px;
    padding		  : 5px  ;
    color 		  : #666 ;
    background 	  : #FFF ;
}
#contenu #pied p img {
    vertical-align:middle ;
}


/**************************************************/
/*              Liens admin                       */
/**************************************************/

#.admin_box {
    padding: 0 15px 10px;
}


#contenu .admin_box h2 {
    margin: 0;
    background		: none;
}
.admin_box div {
    padding			: 5px 10px 0;
    border			: 1px solid #ddd ;
    -moz-border-radius: 10px ;
}
.admin_box form * {
    margin-right:5px;
    float:right;
}
.admin_box form .clear, .admin_box form option {
    float:none;
}

.admin_box ul {
    line-height:20px;
}
.admin_box li {
    background-repeat:no-repeat;
    padding:0 0 2px 20px;
}
.admin_box a:hover{
    background:none;
}

.admin_box a:hover
{
    background:none;
}

/*********************************************************/
/*                  Messages dft alert                   */
/*********************************************************/
#bg_msg {
    position: fixed;
    z-index:800;
    top: 0px;
    left: 0px;
    background-color:#000;
    filter:alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: 0.45;
    height:100%;
    width:100%;
}
* html #bg_msg { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#hide_selected{
    z-index:799;
    position:absolute;
    top: 0;
    left: 0;
    background-color:#000;
    border:none;
    filter:alpha(opacity=0.45);
    -moz-opacity: 0.45;
    opacity: 0.45;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    display  : none;
}

#message_cadre{
	font-size : 10pt;
	font-weight : bold;
	width : 320px;
	background:#FFFFFF none repeat scroll 0%;
	border:4px solid #525252;
	color:#000000;
	left :50%;
	position:fixed;
	text-align:center;
	top:50%;
	z-index:802;
	padding : 10px;
}
* html #message_cadre {
    position: absolute;
    top: expression(0 + parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#valid_mess_error{
	width : 120px;
	height : 20px;
	background:#33B62C none repeat scroll 0%;
	margin : 5px;
	float : right;
	border : 2px solid #BBB;
	color : #555;
	cursor : pointer;
}
#valid_mess_error:hover{
	border : 2px solid #555;
	color : #000;
}

#cancel_mess_error{
	width : 120px;
	height : 20px;
	background:#FF5500 none repeat scroll 0%;
	margin : 5px;
	float : right;
	border : 2px solid #BBB;
	color : #555;
	cursor : pointer;
}
#cancel_mess_error:hover{
	border : 2px solid #555;
	color : #000;
}


/*********************************************************/
/*                  Messages dft dialog                   */
/*********************************************************/
#message_background {
    position: fixed;
    z-index:800;
    top: 0px;
    left: 0px;
    background-color:#000;
    filter:alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: 0.45;
    height:100%;
    width:100%;
}
* html #message_background { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#hiding_message{
    z-index:799;
    position:absolute;
    top: 0;
    left: 0;
    background-color:#002740;
    border:none;
    filter:alpha(opacity=0.50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    display  : none;
}

#cadre_message{
	font-size : 10pt;
	font-weight : bold;
	width : 520px;
	background:#FFFFFF none repeat scroll 0%;
	/*border:4px solid #525252;*/
	color:#000000;
	position:fixed;
	text-align:center;
	margin-top:10%;
	z-index:802;
	padding : 10px;
}
* html #cadre_message { 
    position: absolute;
}

#status_alert_message ul li{
	list-style-image    :none;
    list-style-position :outside;
    list-style-type     :none;
}

#btn_valid_pop{
	float:right;
	position:relative;
	top:-20px;
	left:20px;
	cursor:pointer;
}
#btn_valid_pop:hover{
}
#btn_cancel_pop{
	width : 120px;
	min-height : 20px;
	background:#FF5500 none repeat scroll 0%;
	margin : 5px;
	float : right;
	cursor : pointer;
	height : auto;
	border : 2px solid #555;
	color : #000;
}
#btn_cancel_pop:hover{
	background:#F35A5A none repeat scroll 0%;
	border-color:black;
}


/*********************************************************/
/*              Onglets de niveau contenus               */
/*********************************************************/
#top_content_tabs_nav{
	background-color : #353535;
	height           : 25px;
}

#top_content_tabs_nav .top_content_tab{
	background-color : #FFF4D8;
	float            : left;
	padding          : 6px;
	margin-left      : 10px;

}


/*********************************************************/
/*                  Legends                              */
/*********************************************************/
.legend_list {
	padding-left : 5px;
}

.legend_list li{
	font-weight   : bold;
	min-height    : 25px;
}

.legend_list li img{
	margin-right : 10px;
	margin-bottom : -5px;
}
/*********************************************************/
/*                  Boutons divers                       */
/*********************************************************/
.btn1{
	border           : 1px solid #888;
	padding          : 1px 5px;
	display          : inline;
	cursor           : pointer;
	font-size        : 9pt;
	margin           : 0px 5px;
	background-color : #EFEFEF;
}

/*********************************************************/
/*        Message d'erreur dans les formulaires          */
/*********************************************************/
form label.error{
    color: red;
	font-style: italic;
}

form input.error{
	border: 1px solid red;
}

form textarea.error{
    border: 1px solid red;
}

/* ********************************************************** */
/*			DISABLED ELEMENTS	in FORMS					*/
/* ***********************************************************/
.disabledField{
	background-color:#EEEEEE;
	cursor:not-allowed;
	/*display:none;*/
}

.enabledField{
	background-color:#AAAAAA;
	cursor:text;
	/*display:block;*/
}

/* ********************************************************** */
/*					ACCUEIL   					    */
/* ***********************************************************/

/* ------------------ Titres sous le Header ------------------ */

#Intro{
width:830px;
}

#IntroLeft{
text-align:left;
width:253px;
height:64px;
float:left;
color:white;
font-family:arial;
font-size:18px;
margin-top:4px;
font-weight : bold;
}

#Separation{
background-image:url(i/separation.jpg);
background-repeat:no-repeat;
width:8px;
height:64px;
float:left;
#margin-left:10px;
margin-right:10px;
}

#IntroRight{
width:400px;
float:left;
}

.TxtWhite{
color:#FFFFFF;
margin-top:6px;
}
#logo{
padding-top:22px;
padding-left:76px;
float:left;
}

/* ------------------ BACKGROUND BANDE CENTRALE ------------------ */

#BkgBandeCentrale{
background-image: url(i/BkgLine.jpg);
background-repeat:repeat-x;
width:100%;
height:120px;
position:absolute;
top:340px;
z-index:-20;
left:0;
}


/* ------------------ BANDE CENTRALE ------------------ */

#BandeCentrale{
width:830px;
margin-top:48px;
margin-left:auto;
margin-right:auto;
padding:auto;
z-index:20;
}

#NotreSociete{
width:260px;
float:left;
background:transparent; 
height:110px;
margin-left:auto;
margin-right:auto;
}

#NosProduits{
width:260px;
float:left;
background:transparent;
height:110px;
margin-left:auto;
margin-right:auto;
}

#Bibliotheque{
width:161px;
float:left;
background:transparent;
margin-left:auto;
margin-right:auto;
}

.TxtBdCentrale{
width:260px;
padding-left:0px;
text-align:center;
margin-left:20px;
}
.TxtBdCentrale p{
padding-bottom:5px;
text-align:center;
}
.TxtBdCentrale ul li{
font: 11px verdana,arial,helvetica,sans-serif;
margin-bottom:1px;
line-height:120%;


}

/* ------------------ Liens et pictos Bande Centrale INDEX ------------------ */

.Fleche{
padding-right:5px;
}

.LienFleche{
list-style:none;
text-align:left;
margin-top:10px;
}

.LienFleche li{
margin-left:30px;
}

.LienFleche li img{
padding-right:7px;
}

.LienFleche a{
color:#494949;
text-decoration:none;
}

.LienFleche a:hover{
color:#148f43;
text-decoration:underline;
}





/* ------------------ DIV VIDE ESPACE BLANC ------------------ */

.EspaceBlanc{
height:20px;
width:830px;
}

/* ------------------ HIGHLIGHTS ET BIBLIOTHEQUE ------------------ */

#BoxHighBib{
width:830px;
text-align:left;
}

.BoxCarre{
width:88px;
height:85px;
background-image: url(i/BoxHighBib.jpg);
background-repeat:no-repeat;
float:left;
padding:8px 10px 0px 0px;
text-align:center;
}

.BoxCarreTxt{
float:left;
width:160px;
}




/* --------- EN SAVOIR PLUS --------- */

.EnSavoirPlus{
margin-top:10px;
font-size:0.9em;
}

.EnSavoirPlus a{
color:#FFFFFF;
text-decoration:none;
}

.EnSavoirPlus a:hover{
text-decoration:underline;
}

.Plus{
margin-right:5px;
padding-top:10px;
}


/* --------- BOX HIGHLIGHTS --------- */

#HighLights{
width:292px;
margin-left:42px;
float:left;
text-align:left;
}

/* --------- FOOTER - ACCES PAR CATEGORIE --------- */

#footer{
	width:900px;
	margin:auto;
	text-align:center;
}

/* Class si Explorer inferieur a IE6 */

.toocool {
	position:absolute;
	top:13px;
	margin:0 auto;
	margin-left:-310px;
}
.toocool h1 {
	background:#99cc00;
	color:#fff;
	padding: 0 10px;
	border-left: solid 5px #e3e3e3;
}



/* Text-decoration: none et text-decoration: underline pour Firefox */

.tab_footer{
padding:0px;
font-size:0.85em;
text-align:left;
float:left;
width:169px;
}
.tab_footer li{
list-style-type: none;
}
.tab_footer li a{
text-decoration:none;
color:white;
}
.tab_footer li a:hover{
text-decoration:underline;
color:#CCCCCC;
}

/* Couleurs des titres des categories */

#CoulCat1{
color: #00AAE5;
}
#CoulCat2{
color: #B0BE2D;
}
#CoulCat3{
color: #F26837;
}
#CoulCat4{
color: #DBDBDC;
}


/* Separation */

.Separation{
background: url('i/separation-footer.gif') no-repeat right;
height:124px;
width:6px;
float:left;
margin:18px 10px 0 10px;
}


/* Image acces par categories */

#acces_par_cat{
	width:826px;
	margin:auto;
	padding:0px;
	padding-bottom:10px;
	padding-top:20px;
	clear:both;
}

#toggler_footer {
	font-weight:bold;
	color: #FFFFFF;
	height:40px;
	margin:0px;
	padding-bottom:0px;
	cursor:pointer;
	z-index:10;
}
#toggled {
	position:relative;
	background:#303C3D;
	width:760px;
	height:0px;
	padding:20px;
	text-align:center;
	margin:auto;
	margin-top:0px;
	overflow:hidden;
	display:none;
}
#mentions_footer{
	color:white;
	padding-top:10px;
	padding-bottom:20px;
	font-size:0.8em;
}
#mentions_footer a{
	color:white;
	text-decoration:none;
}
#mentions_footer a:hover{
	text-decoration:underline;
}

/* #########	MENU	 ######### */

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle{
font-size:0.9em;
}
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: transparent;
border: 1px solid #9aa6b7;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
text-align:left;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #002740;
background-color: #B2BAC5;
text-decoration: none;
padding: 6px 5px;
border-bottom: 1px solid #9aa6b7;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width:170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #002740;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(i/bulletlist.gif) no-repeat 3px center; /*light gray background*/
color: #00014e;
display: block;
width: auto;
padding: 6px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu{
	padding:47px 0 0 80px;
	float:left;
	text-transform:uppercase;
}

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Arial;
list-style-type: none;
/*border-bottom: 1px solid gray;*/
/*background: #B2BAC5;*/
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
color: white;
text-align:center;
width:130px;
/*background: #B2BAC5;*/
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
color: #002740; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
color: #002740; /*background of tabs for hover state */
}

/* ######### FORMULAIRE DE CONTACT ######### */
.onglet{
	display:inline;
	cursor:pointer;
}
.bouton_quest{
	background:#FFF url(i/fond_bouton_quest.jpg) right no-repeat;
	height:25px;
	display:inline;
	color:white;
	font-weight:bold;
	width:250px;
	float:left;
	cursor:pointer;
}
.bouton_quest div{
	padding-bottom:17px;
	width:230px;
	text-align:center;
	position:relative;
	top:-21px;
}
.cont_onglet label:first-letter{
	text-transform:uppercase;
}

#form_contact table{
	width:500px;
}
#form_contact td{
	text-align:left;
	padding:2px;
	width:100%;
}

#form_contact input[type="text"],#form_contact textarea{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 100%;
	background:url("i/fond_input_txt.jpg") repeat-x;
	border:1px solid #BCBCBC;
	padding:2px;
}

#form_contact textarea{
	width: 250px;
	height: 150px;
}

/* ######### FAMILLE ######### */

.img_famille{
	display:inline;
	padding:0px 10px 10px 0px;
}
.images_famille{ /*conteneur*/
	display:block;
	width:550px;
}
/* -------------------------------------------------------------------------------*/
/*           TEMPLATE IMAGE + PHOTOS   MINIATURES              */
/* -------------------------------------------------------------------------------*/

.ZoneTxtImgColG{
width:100%;
}

.ZoneTxtColG{
width:350px;
float:right;
margin-right:25px;
}

.ZoneTxtColG p{
margin-left:25px;
text-align:justify;
}

.ZoneImgColG{
width:175px;
height:260px;
float:right;
padding-right:50px;
padding-left:20px;
}


.ZoneImgColG img{
background: none;
	padding: 0;
}

#WrappAll{
width:175px;
margin-top:5px;
}

.WrappTab{
margin-right:10px;
float:left;
width:24px;
}


.fancyTitle{
color:#FFFFFF;
z-index:100;
}

/* -------------------------------------------------------------------------------*/
/*                    TABLEAU CARACTERISTIQUES                             */
/* -------------------------------------------------------------------------------*/

#table_carac{
	width:880px;
}
.pair{
	background-color:#F4F7FB;
}
.impair{
	background-color:#E0E7EF;
}
.pair td, .impair td{
	padding:3px 10px;
}
.highslide-container div {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10pt;
	width: 900px;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
	width: 880px;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(i/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 900px;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
	width: 880px;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

.highslide-body tr td{
font-size:9px;
}

.highslide-body p{
font-size:10px;
}
.green_hz{
}
.green_vt{
}
.Texture, .green_hz, .green_vt{
color:#148f43;
font-weight:bold;
background-color:#EDEDED;
padding:5px;
vertical-align:bottom;
}
#tiptop{
background-color:#FFF;
position:absolute;
padding:5px 10px;
z-index:30000;
border:2px solid #B5C0CF;
}

.tdgrey{
background-color:#f0f0f0;
}

.tddarkblue{
background-color:#00b1e9;
}

.tdlightblue{
background-color:#bff2fb;
}

.highslide-body tr td a{
color:#000000;
}

.nocadre{ 
border:none; 
}

/* -------------------------------------------------------------------------------*/
/*                                    BIBLIOTHEQUE                                         */
/* -------------------------------------------------------------------------------*/

#ContenuColG_bibli .box{
	width:530px;
	padding-bottom:30px;
}
#tab_autres_fichiers{
	width:530px;
}
#tab_autres_fichiers th{
	text-align:center;
}
#tab_autres_fichiers td,th{
	padding:2px;
}

/* -------------------------------------------------------------------------------*/
/*                                    POPUP HIGHLIGHT                                    */
/* -------------------------------------------------------------------------------*/

#fond_gris_popup{
	position:fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background-color:#002740;
	-khtml-opacity:.50;
	-moz-opacity:.50;
	-ms-filter:�alpha(opacity=50)�;
	filter:alpha(opacity=50);
	opacity:.50;
	visibility:hidden;
}
.popup{
	visibility:hidden;
	position:fixed;
	margin:auto;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	width:500px;
	left:50%;
	margin-left:-250px;
	top:20%;
	text-align:left;
}
#popup_video{
	top:10%;
}

#fermer_popup,.fermer_popup{
	float:right;
	position:relative;
	top:-14px;
	left:30px;
	cursor:pointer;
}
#img_popup{
	float:left;
	padding:0px 15px 5px 0px;
}
#lien_highlight,.lien_highlight{
	cursor:pointer;
}

/* -------------------------------------------------------------------------------*/
/*                                          RECHERCHE                                           */
/* -------------------------------------------------------------------------------*/

.bouton_cat{
	cursor:pointer;
}