/* CSS Document */

body{
	margin:0pt auto;
	background:url(../images/propin_ca/pattern.gif);
	color:#000;
	font-family:"Trebuchet MS";
	font-size:12px;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
	border:0px;
	font-family:"Trebuchet MS";
}

h1{
	color:#aa0000;
	font-family:"Trebuchet MS";
	font-size:20px;
	margin-bottom:5px;
}
h2{
	color:#aa0000;
	font-family:"Trebuchet MS";
	font-size:16px;
}
h3{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

p{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#000000;
	line-height:16px;
}

a:active {color: #1800ff}
a:link {color: #1800ff}
a:visited {color: #1800ff}
a:hover {color: #1800ff}


ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:12px;
}

.add-to-box{
	font-size:12px;}

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

#container{
	margin:0pt auto;
	width:915px;
}
#Top{	
	margin:0pt auto;
	width:915px;
	height:138px;
	background:url(../images/propin_ca/bg_top_temp.jpg) no-repeat;
}

	#Logo{
		width:323px;
		height:81px;
		float:left;
		margin-top:25px;
	}
	#LogIn{}
	#Menu{
		clear:left;
		height:28px;
		width:637px;
		margin:0 0 0 170px;
	}
	#Menu ul li{
		float:left;
		display:inline;
		margin-right:18px;
	}

#Bottom{ margin:0pt auto; width:915px;  background:url(../images/propin_ca/main_pattern.jpg) no-repeat;min-height:530px; height:auto!important; height:530px; }

	#Left{ width:139px; float:left; }
		#SubMenu{ width:139px; float:left;}
		#SubMenu img{ width:139px; float:left;} /*for IE6*/
	#Left p{ margin:40px 0 40px 0;}
		
	#Main{ width:637px; float:left; background:url(../images/propin_ca/bg_contenu.jpg) no-repeat bottom #fff9e9;min-height:530px; height:auto!important; height:530px; }
		#Search{ float:left;  width:637px; height:27px; background:url(../images/propin_ca/bg_search.gif) repeat-x;}
		#Content{
			float:left; 
			margin:13px 13px 0 6px !important;
			margin:13px 0px 0 0px;  /*for IE6*/
			width:611px;
			min-height:530px; height:auto!important; height:530px; 
		}
	#categories{min-height:450px; height:auto!important; height:450px; }
		#Content p{
			margin:13px 0 0 0;
		}
		#Footer{
			float:left; 
			width:637px;
			margin:0pt auto;
			text-align:center;
			padding:30px 0 10px 0;
		}
			
	
	#Right{ width:139px; float:left;}
		#Adresse{ float:left; width:139px; height:245px; background:url(../images/propin_ca/bg_coordonnee.jpg) no-repeat;}
		#Adresse p{ color:#FFFFFF; line-height:14px; font-weight:bold; text-align:center; margin:15px 0 0 0;}
		#Adresse .p13{ font-size:13px;}
		#Adresse .pBlack{ font-size:13px; font-family:Arial Black; line-height:15px;}
		#Newsletter{ float:left; width:139px; height:128px; background:url(../images/propin_ca/bg_bulletin.jpg) no-repeat;}
		#Newsletter p{ color:#FFFFFF; line-height:16px; font-size:17px; font-weight:bold; text-align:center; margin:15px 0 0 0;}
		#Newsletter .p24{ font-size:24px; line-height:25px;}
		#Newsletter .SmallInput{background:inherit; background-color:#FFFFFF; width:105px; height:14px;margin:0 0 0 12px!important; margin:0 0 0 0px;}
		#Newsletter .Submit { width:73px; height:17px;background:inherit; margin-left:27px; border:inherit; padding:0px;}
		
		*+html #Newsletter Input.Submit, * html #Newsletter Input.Submit{ width:73px; height:17px;background:inherit;margin:0px 0 0 0px; border:inherit; padding:0px; margin-top:10px; margin-right:10px;}
		*+html #Newsletter Input, * html #Newsletter Input{background:inherit; background-color:#FFFFFF; width:105px; height:14px;margin:0 0 0 0px;}

/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000000;font-weight:400;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000000;font-weight:400; }
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000000;font-weight:400;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000000;font-weight:400; }
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000000;font-weight:400;margin:0pt auto; }

/* #####################
		ACCUEIL
   #####################*/
		#Banner{
			width:637px;
			height:193px;
			float:left;
			display:none;
		}
/* #####################
		ENTREPRISE
   #####################*/
#Entreprise p{ line-height:15px;} 
#Entreprise{ padding-left:10px;}   
#Entreprise .p28{ color:#aa0000; font-size:28px; font-weight:bold; margin-top:20px; margin-bottom:0px;}   
#Entreprise .p24{ color:#aa0000; font-size:24px; font-weight:bold; margin-top:20px; margin-bottom:0px;}   
#Entreprise .FloatLeft{ margin-right:10px;}   
#Entreprise .FloatRight{ margin-left:10px;}   

/* #####################
		PRODUIT
   #####################*/
   
/* #####################
		SERVICES
   #####################*/
#Services{ min-height:530px; height:auto!important; height:530px; padding-left:10px; }
#Services p{ height:110px;}
#Services .resetHeight{ height:50px;}
#Services img{ margin-right:10px;}

/* #####################
		FORMULAIRE
   #####################*/
   #NousJoindre{
    padding-left:10px;
   }
   
#Contact{ margin-bottom:50px;}
#Contact p{ font-size:14px; line-height:16px;}
#Contact .Titre { font-weight:bold; color:#aa0000;}
#Contact img{ margin-right:15px;}

#Contact Input, #Contact textarea, #Contact select{
	border:1px solid #000;
	margin-bottom:5px;
	margin-top:2px;
	font-family:"Trebuchet MS";
	font-size: 8pt; 
	padding:2px 2px 0 5px;
}
#Contact Input{ background:url(../images/propin_ca/bg_input.gif) repeat-x; width:230px; height:14px; border:1px solid #000000;}
#Contact textarea{ background:url(../images/propin_ca/bg_area.gif) repeat-x; width:520px; height:41px; border:1px solid #000000;}
#Contact select{ width:130px;height:18px; border:1px solid #000000;}

.NoStyle{
	border:1px solid #FFFFFF;
	margin:0px;
}

.Rouge{
	color:#ff0000;
}


.message{
	color:#ff0000;
	float:right;
}
#strSecurityError{ color:#FFFF00}
.TitreChamps{ color:#aa0000; font-weight:bold; font-size:14px;}
div .ErrorMessage{ display: none; color: #ff0000; margin-left:15px;}

.FormChoix{ background-color:#aa0000; border:1px solid #000; width:560px; margin-top:15px; color:#FFFFFF; line-height:14px; font-weight:bold}
.FormChoix Input{ width:200px; background-color:#FFFFFF;}
Body .FormChoix{ padding:0 10px 0 10px;}

/* #####################
		UNIVERSEL
   #####################*/
.FloatLeft{ float:left;}
.FloatRight{ float:right;}
.Float{ float:left;}
/* ############ 
	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 */


/* ###################################
   ###################################
   
   			SPECIAL CSS 
   ###################################*/


.validation-advice{ clear:left; color:#F00; text-align:right;}

.category-head{padding-left:10px;}

#Content .category-description{ margin-left:15px;}

#ShortDescriptionStyle{font-size: 12px; color:#FF1100; line-height:14px; }

#Content #ShortDescriptionStyle{margin-top:4px; margin-bottom:4px;}

.pages ul{ list-style:none; float:left; margin-left:15px;}
.pages li{ display:inline;}