/*
	Copyright 2007, Vitacru.com & Kazas.com Inc. All rights reserved.
*/


/* BASIC 
------------


/* Creer une image de page width + margin L+R = 725+10+10=745px de blanc et mettre-de chaque cote-un cube de 10px de large pour la couleur du fonds (donc img de 765px */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004B79;
	background-color: #FFFFFF;
	background-image: url(images/backg/fonds.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}
#wrap {
	background-color: transparent;
	background-image: url(images/backg/bg3.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#container {
	width:725px;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left;
/*	padding-left:10px;
	padding-right:10px;*/
	padding-bottom:20px;
}
#Page_container {
	width:725px;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left;
/*	padding-left:10px;
	padding-right:10px;*/
	padding-bottom:20px;
}

p {
	font-size: 12px;
	color: #004B79;
	line-height: 16px;
}

#divNavToggle {
	line-height: 20px;
	font-weight: bold;
	background-color: #E2F0F8;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #C4DBEA;
}

#divNavToggle h3{
	font-size: 16px;
	color: #315295;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: underline;
}
#divNavToggle p{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#divNavToggle a{
	font-weight: bold;
	color: #7CA9D0;
}
#divNavToggle .subMenu a{
	font-weight: normal;
	color: #336666;
}

/* // NAVBAR */
#LienGoogle_L {
/*	background-color: #E9f6da;
	border: 1px solid #E9f6da;*/
	text-align: center;
	vertical-align: top;
	margin-top: 5px;
	padding-right:1px;
	padding-top:5px;
	padding-bottom:5px;
	display: block;
}

#LienMaman {
	line-height: 20px;
	font-weight: bold;
	background-color: #D9E8C8;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	margin-top: 5px;
	border: 1px solid #BFD7A4;
	font-size: 11px;
}
#LienMaman h3{
	font-size: 16px;
	color: #336666;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: underline;
}
#LienMaman ul{
	list-style-type: circle;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	text-align: left;
	vertical-align: top;
	list-style-position: inside;
	white-space: pre;
}
#LienMaman a{
	text-decoration: none;	
}

.overview {
	background:transparent;
	overflow:hidden;
	margin-top: 15px;
}

.overview p, .overview ul {
	line-height:18px;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 12px;
	color: #8A6C60;
}

.overview img {
	background-position: center center;
	border: 1px solid #666666;
	margin-left: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.diduknow-backgrd {
	border:1px solid #FFCC00;
	padding-top:10px;
	background-color: #FFFAE6;
}

.diduknow-backgrd .lightbulb strong {
	color:#C69E00;
	font-size:12px;
	background-attachment: scroll;
	/*background-color: #fffef9; border color: #fcce00 */
	background-image: url(images/icon_lumiere_faq.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-right: 0pt;
	padding-bottom: 3px;
	padding-left: 20px;
}

hr {
  	border: 0;
 	width: 50%;
  	color: #AACCFF;
  	background-color: #AACCFF;
  	height: 1px;
}
a:link {
	color: #8F5732;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #A8673B;

}
a:hover, a:active {
	text-decoration: underline;
	color: #53331E;
}

.souligner {
	text-decoration: underline;
		}
				
.barrer {
	text-decoration: line-through;
		}
.vert { 
		color: #A6D514;
		}
.vertfonce {
/*	color: #8AB311;*/
	color:#275D24;
		}
				
.blanc { 
		color: #ffffff;
		}
.grisfonce { 
		color: #494949;
		}
.noir { 
	color: #000000;
}
.orange { /*E8A256*/
		color: #EC8E26;

		}
.brun { 
		color: #AB9387;
		}
.rouge { 
		color: #E10000;
		}
.bleu_pale {
	color: #E2EEFF;
		}
.bleu {
	color: #004A95;
		}		
		
label, a { 
		cursor: pointer;
		}


table { 
		border-collapse: collapse; 
		border-spacing:0;
		}
.tableHeight {
	line-height: 25px;
		}

fieldset,img { 
	border:0; 
	}


.ul_fleche {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: left;
	vertical-align: top;
	list-style-position: inside;
	list-style-image: url(images/icn/btn_fleche_bleu_list.gif);
	clear: left;
}
.ul_fleche a {
	color: #8F5732;
	text-decoration: none;
}	
.ul_square {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	text-align: left;
	vertical-align: top;
	list-style-position: inside;
}
#DivNewLine {
	display: block;
	clear: left;
}
caption,th {
	text-align: left;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}	

.clearfix { 
	height: 1%; 
	}

h1 {
	font-size: 34px;
	
}
h2 { 
	font-size: 20px;	
}
h3 {
	font-size: 16px;
	color: #004A95;
	line-height: 34px;
	padding-left: 5px;
}
h4 {
	font-size: 16px;
	color:#F1AB44;
	font-variant: small-caps;
}
h5 {
	font-size: 12px;
	color:#004066;
	text-decoration: none;
	font-weight: bold;
}


.clear  {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding:0px;
	clear: both;
	border: 0px;
	}
	

.HrzDottedline {
	background-image: url(/images/backg/horz_border.png);
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 30px;
}
.FPdottedline {
	background-image: url(/images/backg/horz_border.png);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: left;
	vertical-align: top;
	width: 90%;
	float: left;
	margin-top: -15px;
}
.VrclDottedline {
	background-image: url(/images/backg/horz_border.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	vertical-align: top;
}

	
label {
	line-height: 20px;
	vertical-align: top;
	}

.guillemet {
	vertical-align: top;
	background-image: url(images/backg/guillemets_327px.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.tabbleu {
	background-image: url(images/backg/back_onglet_bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.tabvert_center {
	background-image: url(images/backg/back_onglet_vert_center.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#entete {
	background-image: url(images/photos/fleur_fp.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 70px;
	width: 100%;
}
#navbar {
	width:690px;
	height: 23px;
	float: left;
}
#col_gauche {
	width:145px;
	float:left;
	text-align: left;
}
#col_centre {
	width: 320px;
	line-height: 18px;
	text-align: left;
	float: left;
	margin-left:10px;
	margin-right:10px;
}
#col_centre p {
	line-height: 18px;
	padding-right: 20px;
}
#col_droite {
	width: 230px;
	float:left;
}
#col_droite a {
	color: #8F5732;
	text-decoration: none;
}
#Page_unique {
	width:100%;
	height:100%;
	float:left;
	text-align: left;
	margin-right:10px;
}
#Page_unique p {
	line-height: 18px;
}
#Page_col_gauche {
	width:485px;
	height:100%;
	float:left;
	text-align: left;
	margin-right:10px;
}
#Page_col_gauche p {
	line-height: 18px;
}
#Page_col_droite {
	width: 230px;
	float:left;
}

#Page_col_droite a {
	color: #8F5732;
	text-decoration: none;
}
#Page_produits_col_droite {
	width: 230px;
	float:left;
	background-color: #00FF00;
	height: 500px;
}

#footer {
	width: 100%;
	float:left;
	clear:left;
	text-align: left;
	font-size: 90%;
}
#footer span {
	color: #275D24;
	font-weight: bold;
	
}
#footer a{
	text-decoration: none;
}
/* STRECHY ROUNDED CORNER BOXES
---------------------------------------------------------------------------- 
 
<div id="BoxLeft">
    	<div class="roundedBox">
		<div class="hd"><div class="c"></div></div>
			<div class="bd">
				<table><tr><td>

					TXT ICI

				</td></tr></table>
	  		</div>
		<div class="ft"><div class="c"></div></div>
	</div>		
</div>

*/
.roundedBox a a:hoover{
}
.roundedBox .hd {
	background: url("/images/roundedbox/topleft.gif") left top no-repeat;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}
.roundedBox .hd .c {
	float: right;
	background: url("/images/roundedbox/topright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
}
.roundedBox .bd {
	background: url("/images/roundedbox/middleleft.gif") left top repeat-y #FFF;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #e0e0e0;
	}
.roundedBox .bd .c {
	position: relative;
	float: right;
	width: 11px;
	background: url("/images/roundedbox/middleright.gif") right top repeat-y;
	}
.roundedBox .ft {
	height: 10px;
	background: url("/images/roundedbox/bottomleft.gif") left top no-repeat;
	font-size: 0px;
	line-height: 0px;
	}
.roundedBox .ft .c {
	float: right;
	background: url("/images/roundedbox/bottomright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
}
.border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.border_first {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#bigTeaserContenu {
	background-color:#E9F6DA;
	border-left:1px solid #B6CEAA;
	border-right:1px solid #B6CEAA;
	height:60px;
	width: 247px;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-right: 10px;
	padding-left: 10px;
}
#bigTeaserContenu h3{
	color:#275D24;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -20px;
}
#bigTeaserContenu p{
	color:#275D24;
	font-size: 12px;
}

#TableauTransparent {
	width: 725px;
	display: block;
	text-align: left;
}
#TableauTransparent p {
	color: #ffffff;
}
.mandatoryField {
	/*background-color: rgb(255,255,160);*/
	background-color:#FFFFCC;
}

span.arrowUp {
margin:-3px 0 0;
position:absolute;
right:5px;
top:50%;
}

.arrowDown, .arrowUp, .arrowLeft, .arrowRight, .smallArrowDown, .smallArrowUp, .smallArrowLeft, .smallArrowRight {
background-image: url(images/sprite_global.png);
}

.arrowUp {
background-position:-35px -89px;
height:7px;
width:11px;
}

.arrowDown, .arrowUp, .arrowLeft, .arrowRight {
display:block;
}