/* CSS Document */

body{
	margin:0pt auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	background:url(images/bg_pattern.jpg) repeat-x left bottom;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#000;
	font-weight:bold;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
}
h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:400;
	color:#000;
}
p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000000;
	line-height:16px;
}

a:active {color: #000; text-decoration:underline;}
a:link {color: #000; text-decoration:underline;}
a:visited {color: #000; text-decoration:underline;}
a:hover {color: #000; text-decoration:underline;}


/* #####################
		TEMPLATE
   #####################*/

#Shadow{
	margin:0pt auto;
	width:922px;
	min-height:768px;
	height:auto!important;
	height:768px;
	background:url(images/bg_shadow.png) repeat-y center top!important;
	background:none;
}
#Container{
	margin:0pt auto;
	width:900px;
	min-height:768px;
	height:auto!important;
	height:768px;
}

#Top{	
	float:left;
	width:900px;
	height:117px;
}
#Logo{
	width:240px;
	height:117px;
	float:left;	
	background:url(images/logo.gif) no-repeat;
}
#Button_logo{
	cursor:pointer;
	float:left;
	width:285px;
	height:115px;
	margin:12px 0 0 10px!important;
	margin:12px 0 0 0px;
	text-decoration:none;
}
#Logo_ov{
	float:left;
	width:50px;
	height:20px;
	font-weight:bold;
	font-size:11px;
	display:none;
	margin:65px 0 0 163px!important;
	margin:65px 0 0 88px;
	text-decoration:none;
}

#Subscribe{
	width:660px;
	height:93px;
	float:left;	
	background:url(images/bg_cyberbulletin.jpg) no-repeat;
}
#Subscribe .SmallInput{
	width:165px;
	float:right;
	margin:66px 0px 0 0;
	background-color:#FFF;
}
#Subscribe .BtnSubmit{
	width:18px; 
	height:16px;
	float:right;
	margin:68px 34px 0 4px;
	background-color:#FFF;
	border:none;
}

#Subscribe_en{
	width:660px;
	height:93px;
	float:left;	
	background:url(images/bg_cyberbulletin_en.jpg) no-repeat;
}
#Subscribe_en .SmallInput{
	width:165px;
	float:right;
	margin:66px 0px 0 0;
	background-color:#FFF;
}
#Subscribe_en .BtnSubmit{
	width:18px; 
	height:16px;
	float:right;
	margin:68px 34px 0 4px;
	background-color:#FFF;
	border:none;
}
#Main_Menu{ float:left; width:660px; height:24px;}
#Main_Menu ul{ margin:0; padding:0; list-style-type:none;}
#Main_Menu li{ height:24px; display:inline;}


#Content{
	float:left;
	min-height:664px;
	height:auto!important;
	height:664px;
	background-color:#FFF;
}

#Left{ 
	float:left; 
	width:214px; 
}

.deco{
	text-align:center;
	margin-top:12px;
}

.marger{
	margin-top:0px;
	margin-bottom:0px;
	
}

/* === MENU ===*/
	#Vertical_Menu{ 
		float:left; 
		width:214px; 
		height:222px; 
		background:url(images/bg_menu_vertical.jpg) no-repeat; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:15px; 
		font-weight:bold; 
		color:#000000;
	}
	#Vertical_Menu_Table{
		margin:10px 0 0 10px;
	}
	#Vertical_Menu_Table img{
		margin:13px 17px 0 15px;
	}
	.VMenu{ padding-top:9px;}
	.VMenu a:active { color: #000000; text-decoration:none; }
	.VMenu a:link { color: #000000; text-decoration:none; }
	.VMenu a:visited { color: #000000; text-decoration:none;}
	.VMenu a:hover {color: #000000; text-decoration:none;}

/* === END === */


#Coordonnee{ float:left; width:214px; height:279px; background:url(images/bg_coordonnee.jpg) no-repeat; padding-top:13px;}
#Coordonnee p{ font-size:12px; margin:6px 10px 0 5px; line-height:14px; text-align:center;}
#Coordonnee .H14{font-size:14px; font-weight:bold; color:#000; line-height:20px; text-align:left;}
#Coordonnee .Heure{font-size:11px; line-height:13px; text-align:center; margin-left:15px; margin-top:12px;}
.brbr{
	line-height:6px;
}

#Coordonnee_en{ float:left; width:214px; height:279px; background:url(images/bg_coordonnee.jpg) no-repeat; padding-top:13px;}
#Coordonnee_en p{ font-size:12px; margin:4px 10px 0 5px; line-height:14px; text-align:center;}
#Coordonnee_en .H14{font-size:14px; font-weight:bold; color:#000; line-height:20px; text-align:left;}
#Coordonnee_en .Heure{font-size:11px; line-height:13px; text-align:center; margin-left:15px; margin-top:12px;}

#FastLink{ float:left; width:214px; height:241px;}

#Main{
	float:left;
	width:639px!important;
	width:646px;
	min-height:780px;
	height:auto!important;
	height:664px;
	padding:18px 24px 0 23px!important;
	padding:18px 20px 0 20px;
	background:url(images/pattern_Content.gif) repeat-y left #FFF;
}


#Main_content{ 
	float:left;
	width:639px;
}
#Main_content p{
	margin:15px 0 0 0;
}

#Footer{
	margin:0pt auto;
	clear:left;
	width:639px;
	text-align:center;
	padding-top:40px;
	margin-bottom:5px;
}
/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;  text-decoration:underline;}
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;  text-decoration:underline;}
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:FFF;margin:0pt auto; }

#BGFooter{ margin-bottom:15px; clear:left;}

/* #####################
			FAQ
   #####################*/
#FAQ p{ margin:0px; font-size:12px;}
#FAQ hr{ border:1px solid #e1dfdf; margin:2px 0;}
#FAQ .Category{ padding:5px 5px 5px 15px; margin:0 0 12px 0; background-color:#dcd0c6;}

/* #####################
			CONSEILS
   #####################*/

#Main_content .Conseils{
	float:left;
	width:297px;
	min-height:220px;
	height:auto!important;
	height:220px;
	border:1px solid #9c857b;
	margin:10px;
}
#Main_content .Conseils h3{ 
	font-size:12px;
	background-color:#b29e9a; 
	padding:4px 16px 4px 16px; 
	margin:0;
	text-align:center;	
	min-height:35px;
	height:auto!important;
	height:35px;
}
#Main_content .Conseils p{ font-size:11px; margin:4px;}

#Main_content #FAQ a:active{color: #8a7064;}
#Main_content #FAQ a:link{color: #8a7064;}
#Main_content #FAQ a:visited{color: #8a7064;}
#Main_content #FAQ a:hover{color: #8a7064;}

#Main_content .Answer {color: #685f61;}
#Main_content .Answer b{color: #8a7064; font-size:11px;}

	.Conseils h3 a:active { color: #FFF; text-decoration:none; }
	.Conseils h3 a:link { color: #FFF; text-decoration:none; }
	.Conseils h3 a:visited { color: #FFF; text-decoration:none;}
	.Conseils h3 a:hover {color: #FFF; text-decoration:none;}


#NextPrevious{ font-size:10px; width:600px; text-align:right;}

/* #####################
		PRODUITS
   #####################*/
/*== Categgorie ==*/
#Category{ width:650px;}  
#Category h2{ width:250px;}
#Category .right{ margin-left:25px;}
#Category a{float:left; text-decoration:none;}
#Category .espaceD{margin-left:37px;}
#Category h2 .espaceD{margin-left:37px;}
/*== Detail ==*/   
#ProduitsDetails{ float:left; width:290px; border:1px solid #443a38; margin:10px 25px 10px 0;}
#ProduitsDetails h2 { font-size:17px; text-transform:none;}   
#ProduitsDetails h2 , #ProduitsDetails h4, #ProduitsDetails p{ margin-left:15px;}
#ProduitsDetails p{ margin-bottom:10px;}
/*== Detail list ==*/
.ProduitsList{ float:left; width:300px; border:1px solid #443a38; margin:10px 15px 0 0; min-height:166px;}
.ProduitsList h2 { margin-top:5px;}  
.ProduitsList h2 , .ProduitsList h4, .ProduitsList p{ font-size:11px;}
.ProduitsList p{ margin-bottom:10px;}
.ProduitsList img{ float:left;margin-right:8px;}
.Propriete{float:left; width:180px;}
.Propriete h2{text-transform:none;}

/* #####################
		FORMULAIRE
   #####################*/
#Contact p, #Contact td{
	color:#000000;
	font-size:12px;
}
.Map{ float:left;  line-height:15px; font-size:12px;}


Input,textarea,select{
	border:1px solid #8a7064;
	margin-bottom:5px;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	padding:2px 2px 0 5px;
}
Input{ background:#FFFFFF; width:280px; height:18px;}
textarea{ background:#FFFFFF; width:583px; height:58px;}
select{ width:200px;height:18px;background:#FFFFFF;}


label {
	margin:0 0 0 15px;
}

.Checkbox td{
	padding-top:8px;
}


.error{
	color:#ff0000;
	float:right;
	margin-right:15px!important;
	margin-right:0px;
	padding:0!important;
	padding:10px;
}

.Message{
	color:#000000;
}
#Contact strong{
	float:left;
}

.Chk{ width:12px; height:12px; margin:2px; padding:0; background:inherit; border:none;}

div .ErrorMessage{ display: none; color: #BF2323; margin-left:15px;}

.FormChoix{ background-color:#dbd4d0; border:1px solid #8a7064; width:590px; margin-top:15px;}
Body .FormChoix{ padding:0 10px 10px 10px;}
#strSecurity{ width:180px;}

/* #####################
		UNIVERSEL
   #####################*/
#Main_content .ClearMarginTop{ margin-top:0px;}

.clearFloat{ clear:left; margin:0; padding:0}
.FloatLeft{ float:left; margin-right:10px;}
.FloatRight{ float:right; margin-left:10px;}
.Float{float:left; color:#f9b94f; text-transform:uppercase; font-size:11px; font-weight:bold;}
/* ############ 
	HACK pour stretch div dans firefox
   ############
*/

/* ############ 
Fix's #container not clearing inner floats in firefox
   ############
*/
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */


/* ############ 
	PNG FIX FOR IE6
   ############
*/
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}