/*  <style type="text/css">

/* 

	###############################

	#    B O I T E   B L E U E    #

	#    FEUILLE DE STYLES CSS    #

	#    (c) 2008  -  PORTASYS    #

	###############################

*/





/* 

	###############################

	#    HEADER                   #

	###############################

*/



html, body {

	margin: 0px;

	padding: 0px;

	color: #222222;

	background-image: url(/EXT/IMG/BG/bg_page.jpg);

	background-position: 0,0;

	background-repeat: repeat-x;

	background-color: #FFFFFF;

	background-attachment: fixed;

	/* height:100%; /* needed for container min-height */

}

body {

	margin: 0px;



}

.HeadUtilMenu {

	margin: 0px;

	padding: 2px;

	padding-top: 4px;

	width: 905px;

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

	font-size: 11px;

	line-height: 14px;

	color: #576979;

	text-align: right

}

.HeadUtilMenu a {

	color: #576979;

	text-decoration: none;

}

.HeadUtilMenu a:hover {

	color: #576979;

	text-decoration: none;

	border-bottom: solid #ADB6C0 1px;

}

.ddmContainer {

	/* margin-top: -25px; */ 

	float: right;

}

.ddmBline {

	clear: both;

	height: 7px;

	border-bottom: solid #A8A8AB 1px;

}

.ddmSpacer {

	height: 15px;

}



/* 

	###############################

	#    S. CONTAINER + MODULE    #

	###############################

*/



.sContainer {

	width: 905px;

	margin: 0;

	margin-left: auto;

	margin-right: auto;

	/* min-height: 100%; */

}



.sContainer a {

	color: #8C95A6;

}



.sContainer a:hover {

	color: #55637C;

}





.InterMODULEhaut {

	background-image: url(/EXT/IMG/INTERFACE/MODULE-haut.png);

	background-position: center;

	background-repeat: repeat-y;

	height: 25px;

}

.InterMODULEcentre {

	background-image: url(/EXT/IMG/INTERFACE/MODULE-centre.png);

	background-position: center;

	background-repeat: repeat-y;

	/* min-height: 100%; */ 

}

.InterMODULEbas {

	background-image: url(/EXT/IMG/INTERFACE/MODULE-bas.png);

	background-position: center;

	background-repeat: repeat-y;

	height: 40px;

}





/* 

	###############################

	#   TEXT ZONE ...             #

	###############################

*/



.allpreviewblockbox {

	height: 100%;

	min-height: 100%;

	margin: 0;

	padding: 0;

}

.previewblockbox {

	height: 100%;

	min-height: 100%;

	margin: 0;

	padding: 0;

	float: left;

}



h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 26pt;

	font-weight: normal;

	color: #848484;

	width: 160px;

	height: 75px; /* 100%; */

	min-height: 75px; /* 100%; */

	margin: 0;

	padding: 0;

	padding-top: 15px;

	padding-bottom: 25px;

	border-right: solid #BABABC 1px;

	float: left;

}



h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 13pt;

	font-weight: bold;

	color: #6D6D6D;

	margin: 0;

	padding: 0;

	margin-bottom: 4px;

}



h3 {

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

	font-size: 9pt;

	font-weight: bold;

	color: #824343;

	margin: 0;

	padding: 0;

	margin-bottom: 2px;

}

.previewtextbox {

	width: 250px;

	float: left;

	margin: 0;

	padding: 0;

	margin-left: 10px;

	margin-right: 10px;

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

	font-size: 8pt;

	font-weight: normal;

	line-height: 11pt;

	color: #848484;

	text-align: left;

}

.previewtextbox p {

	margin: 0;

	padding: 0;

	margin-top: 3px;

	margin-bottom: 3px;

}





/* 

	###############################

	#   TEXT ZONE ... CONTENT     #

	###############################

*/



.ContentImg1 {

	margin: 0;

	padding: 0;

	margin-left: 20px;

	float: right;

}

.contentblockbox {

	/* height: 100%; */

	/* min-height: 100%; */

	margin: 0;

	padding: 0;

	/* float: left; */

}



.contentblockbox h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 26pt;

	font-weight: normal;

	color: #848484;

	width: 200px;

	height: 100%;

	min-height: 100%;

	margin: 0;

	padding: 0;

	padding-top: 15px;

	padding-bottom: 25px;

	border-right: solid #BABABC 1px;

}



.contentblockbox h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 16pt;

	font-weight: bold;

	line-height: 16pt;

	color: #6D6D6D;

	margin: 0;

	padding: 0;

	margin-bottom: 18px;

	text-align: left;

}



.contentblockbox h3 {

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

	font-size: 11pt;

	font-weight: bold;

	line-height: 11pt;

	color: #824343;

	margin: 0;

	padding: 0;

	margin-bottom: 10px;

	text-align: left;

}





.contentblockbox h4 {

	font-family: "Times New Roman", Times, serif;

	font-size: 13pt;

	font-weight: bold;

	line-height: 15pt;

	text-align: left;

	color: #6D6D6D;

	margin: 0;

	padding: 0;

	margin-top: 14px;

	margin-bottom: 10px;

}



.contenttextbox {

	width: 678px;  

	float: left;

	margin: 0;

	padding: 0;

	margin-left: 20px;

	margin-right: 0px;

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

	font-size: 9pt;

	font-weight: normal;

	line-height: 11pt;

	color: #848484;

	text-align: justify;

}

.contenttextbox p {

	margin: 0;

	padding: 0;

	margin-top: 8px;

	margin-bottom: 8px;

}

.contenttextbox ul {

	text-align: left;

}





/* 

	###############################

	#   GALLERY                   #

	###############################

*/



.gallerytitle h2 {

	text-align: left;

	border-bottom: #CCCCCC solid 1px; 

}



.gallerycontainer {

	text-align: left;

}



.gallerycontainer h2 {

	border-bottom: #CCCCCC solid 1px;

	margin-bottom: 10px;

	padding-bottom: 2px;

	padding-top: 2px;

	background-color: #E3E6EE;

}



.gallerycontainer img {

	margin-bottom: 8px;

	margin-right: 6px;

}



.imgGallery {

	border: #CCCCCC solid 1px;

}





/* 

	###############################

	#   FOOTER                    #

	###############################

*/



.FOOTER2 {

	clear: both;

	display: block;

	width: 905px;

	height: 30px;

	margin: 0;

	padding: 0;

	margin-top: 10px;

	/* border-top: #666666 solid 1px; */ 

}

.FOOTERTxtLeft {

	margin: 6px;

}

.FOOTERTxtRight {

	margin: 6px;

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

	font-size: 7pt;

	line-height: 13pt;

	color: #222222;

}