/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

a{ text-decoration: underline; color: #3690CF; }
a:hover{text-decoration:none;}
a img { border: none; }
p { margin: 8px 0; line-heigth: 12px; text-align: justify; }
ul { margin: 8px 0 8px 30px; list-style-image: url('../images/puce-li.gif'); }
ul li ul { list-style-image: url('../images/puce-li-2.gif'); }
ol { margin: 5px 0 5px 30px; }
li { margin: 2px 0; }
dl { padding: 0 20px 20px 20px;}
dt { font-weight: bold; margin: 10px 0 5px 0; }
dd { margin: 5px 0; padding: 5px;}
fieldset { border: 1px solid blue; padding: 5px; margin: 10px 0;}
legend { font-weight: bold; color: blue; font-size: 14px; }
address { margin: 15px 30px; }
small { font-size: 10px;}
blockquote { font-size: 16px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.align_left {text-align: left; }
.align_right {text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
.invisible { display: none; }

h2{ margin: 15px 0; font-size: 22px; line-height: 40px; color:#F29417; font-style:italic; font-weight:normal; background: url(../images/puce-h2.gif) no-repeat left; text-indent: 50px;}
h3{ margin: 0; font-size: 14px;}
h4{ }
h2.accueil { text-indent: 0; background: none; margin-top: 5px; line-height: 22px; text-align: center; height: 40px; }

.blocAccueil { width: 330px; height: 215px; padding: 0 10px; background: url(../images/bg-blocAccueil.gif) no-repeat; float: left;}
.support { background: url('../images/support.gif') no-repeat left bottom; height: 60px; padding: 5px 5px 0 5px; }

body {
	margin: 0;
	font:  11px verdana,arial,sans-serif;
	color: #666666;
	background: #C4DEF1 url('../images/bg-site.gif') 50% 0 repeat-y;
	}

div#conteneur {
	width: 850px;
	margin: 0 auto;
	/*background: #3690CF url('../images/bg-conteneur.gif') repeat-y left top;*/
	}
	
div#header{
	width: 850px;
	height: 130px;
	background: transparent url('../images/header.jpg') no-repeat left top;
	}

div#header h1 {	}

div#header h1 a span {
	display: none;
	}

div#header h1 a {
	display: block;
	width: 850px;
	height: 130px;
	}

div#visuel {
	height: 200px;
	background: url('../images/visuel.jpg') no-repeat left top;
	}

div#contenu {
	width: 750px;
	/*min-height: 259px;*/
	float: left;
	padding: 20px 50px;
	background: #FFFFFF;
	}

div#footer{
	color: #ADD1EB;
	/*margin-top: 10px;*/
	font-size:10px;
	clear:both;
	width: 850px;
	height: 40px;
	line-height: 40px;
	background: #3690CF url('../images/footer.jpg') no-repeat;
	}
	
#footer p{
	text-align: center;
	margin: 0;
	}
	
#footer a { color: #ADD1EB; text-decoration:none; }
#footer a:hover { text-decoration: underline; }


/************************************
************** CONTACT **************
*************************************/

#contact {
	text-align: left;
	width: 570px;
	}

#contact form {
	margin: 0;
	padding: 5px;
	}

#contact p { margin: 10px 0; font-style: normal;}

#contact label {
	width: 90px;
	display: block;
	float: left;
	font-weight: bold;
	}

#contact input, #contact textarea, #formulaire input, #formulaire textarea  {
	font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	border: 1px solid #3690CF;
	}

#contact input, #formulaire input { width: 280px; }
#contact textarea { width: 400px; }

.confirm { text-align: center; margin: 60px 0 20px 0; font-weight: bold; }

.erreur { color: #F29417; line-height: 22px; padding-left: 25px; background: url('../images/error.gif') no-repeat left;}

.bouton a {
	color: #858585;
	padding: 4px 15px;
	background: #FFFFFF;
	border: 1px solid #3690CF;
	text-decoration: none;
	margin-left: 10px;
	}

.bouton a:hover { background: #3690CF; color: #FFFFFF; }

/************************************
************** NAVBAR ***************
*************************************/
#navbar { padding-top: 170px;}

ul.navbar { 
	margin: 0;
	list-style:none;
	text-align: center;
	font-size:12px;
	}
	
ul.navbar li {
	list-style:none;
	margin: 0;
	display: inline;
	}

ul.navbar a {
	color: #666666;
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 15px 0 15px;
	border-right: 1px solid #999999;
	text-decoration: none;
	letter-spacing: 1px;
	}

ul.navbar a:hover {
	color: #3690CF;
	text-decoration: none;
	background: #FFFFFF;
	}

ul.navbar a.select {
	color: #3690CF;
	text-decoration: none;
	background: #FFFFFF;
	}

/************************************
************** slideshow ************
*************************************/

	#dhtmlgoodies_slideshow{
		width:750px;	/* Total width of slideshow */


	}
	
	#previewPane{
		margin-bottom: 10px;	
		text-align:center;
		vertical-align:middle;
		padding:10px;

		position:relative;		
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	text-align: left;
	padding-top: 25px;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:1;
		background-color: #FFF;
		padding:1px;
		cursor: pointer;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:1;
		background-color: #FFF;
		padding:1px;
		cursor: pointer;	
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border: 0;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}

/********** Modal Dialog ****************/
.modalDialog_transparentDivs{	
	filter:alpha(opacity=60);	/* Transparency */
	opacity:0.6;	/* Transparency */
	-moz-opacity:0.6;
	background-color:#000000;
	z-index:50;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	padding: 0;
	border: 2px solid #3690CF;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color: #FFFFFF;	/* White background color for the message */
	color: #818181;
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
	-moz-opacity:0.3;
}

.dialogTop { text-align: right; background: #3690CF; padding: 3px 0;}
.dialogTop a { color: #FFFFFF; margin-right: 10px;text-decoration: none; }

/************************************
************** OFFRES ***************
*************************************/

.offre { 
	width: 210px;
	float: left;
	background: url('../images/offreBas.gif') no-repeat right bottom;
	padding: 5px 10px;
	}

.offre h2, .offre-izi h2{
	background: url('../images/offreH2.png') no-repeat left bottom;
	text-indent: 0;
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	}

.offre h3, .offre-izi h3 {
	font-size: 12px;
	color: #3690CF;
	margin: 8px 0;
	line-heigth: 12px;
	}

.offre .prix, .offre-izi .prix {
	font-size: 16px;
	font-weight: bold;
	}

.offre-izi {
        width: 350px;
        height: 110px;
        background: url('../images/bg-offre-izi.jpg') no-repeat;
        padding-left: 120px;
        padding-top: 10px;
        padding-right: 10px;
        }  
        
.options {
	padding: 0 10px;
	border-left: 8px solid #F5F5F5;
	}

.prixDetail {
	font-size: 18px;
	color: #3690CF;
	text-align: right;
	line-height: 67px;
	padding-right: 20px;
	margin: 0;
	background: url('../images/prix.gif') no-repeat right bottom;
	}

.bulle {
	text-align: center;
	width: 250px;
	height: 75px;
	padding-top: 13px;
	margin: 15px auto 0 auto;
	background: url('../images/bulle.gif') no-repeat;
	}

.contactezNous {
	text-align: center;
	width: 160px;
	height: 62px;
	padding: 13px 0 0 0;
	margin: 50px 0 0 0;
	background: url('../images/bulle2.gif') no-repeat;
	}

/**********************************************************
******************* DHTML MENU ****************************
***********************************************************/
	#dhtmlgoodies_menu { padding-top: 170px; }

	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility: hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li {
		list-style-type:none;	/* No bullets */
		margin:0;
		padding:0;
	}
	
	#dhtmlgoodies_menu a{
		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
		
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		font-size:12px;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		list-style-image: none;
		background: #FFFFFF;
		/*border: 1px solid #999999;*/
		border-top: none;
		font-size:12px;
		padding: 0;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #666666;
		text-decoration:none;
		text-decoration: none;
		letter-spacing: 1px;
	}
	
	/*
	Main menu items 
	*/


	#dhtmlgoodies_menu .currentDepth1 {
		display: block;
		line-height: 30px;
		border-right: 1px solid #999999;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		display: block;
		line-height: 30px;
		border-right: 1px solid #999999;
		background: #FFFFFF;
		cursor: pointer;
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		padding: 0 15px;
		
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		padding: 0 15px;
		color: #3690CF;
		text-decoration: none;
	}

	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		display: block;
		line-height: 20px;
		padding: 0;
		width:150px;
		text-indent:5px;
		background-color:#3690CF;
		margin:2px 0;
	}

	#dhtmlgoodies_menu .currentDepth2over{
		display: block;
		line-height: 20px;
		padding: 0;
		background-color: #F29219;
		width:150px;
		text-indent:5px;
		margin:2px 0;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#FFF;
	}	
	#dhtmlgoodies_menu .currentDepth2 a{	/* Text rules */
		color:#FFF;
	}	

	#dhtmlgoodies_menu .currentDepth1 a.select {
		display: block;
		line-height: 30px;
		color: #3690CF;
		padding: 0 15px;
		text-decoration: none;
		background: #FFFFFF;
	}