/* --- STYLES DE BASE --- */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
	height:100%;
}

BODY {
	margin: 0; 
	padding: 0em; /* Remettre ŕ zéro si nécessaire. */
	height: 100%;
	text-align:justify;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px;
	color:#3f595e;
} 

* {margin: 0; padding: 0;}	

img { border: 0 none; }

.clear {clear:both;}

/* Titres */
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 8px 0; /* Rapproche le titre du texte. (5) */
		font-weight:normal;
	    font-style: normal;
	    color:#3f595e;
	    padding:0;
	    text-align:left;
	}
	h1 {
	   	font-size:30px;
		font-family:"Trebuchet MS";
	    padding-bottom:10px;
	    /*font-size: 18px; */
		/*border-bottom:1px #494a4a solid;*/
		line-height:30px;
	}
	h1 a {
	   	font-size:30px;
		font-family:"Trebuchet MS";
	}
	.texteContenu h1 {	   	
		font-size:30px;
		font-family:"Trebuchet MS";
		background:url(/crc_images/site/puceTitre.gif) no-repeat top left;
		padding:0px 0 0px 75px;
		color:#034ea2;
		height:70px;
	}
	h2 {
	   	font-size:20px;
		font-family:"Trebuchet MS";
		line-height:22px;
	}
	h2 a {
	   	font-size:20px;
		font-family:"Trebuchet MS";
	}
	h3 {
	   	font-size:18px;
		font-family:"Trebuchet MS";
		line-height:20px;
	}
	h4 {
	   	font-size:12px;
		font-family:"Trebuchet MS";
		font-weight:bold;
		text-transform:uppercase;
		color:#3f595e;
		padding:0px;
		margin:0px;
		line-height:14px;
	}
	h5, h6 {
	   	font-size:11px;
		font-family:"Trebuchet MS";
		font-weight:bold;
		text-transform:uppercase;
		color:#3f595e;
		padding:0px;
		margin:0px;
		line-height:13px;
	}
	h1 small {
	   	font-size:14px;
		font-family:"Trebuchet MS";
	}

/* Listes */

	ul, ol {
	    margin: 0 0 12px 32px;
	    padding: 0;
	}	

	ul,ol {
		/*list-style: none;*/
	}
	ul li { 
		/*background: transparent url(/hsi_/crc_images/site/site/puce-liste.gif) 5px left no-repeat;*/
	}
	ol li { 
		/*background: transparent url(/hsi_/crc_images/site/site/puce-liste.gif) 5px left no-repeat;*/
	}
	li {margin-left: 0; padding-left: 10px;}
	ul {margin-left: 22px; padding-left: 0;}
	ul {
		text-align: left;
		padding-bottom:0px;
		margin-top: 0;
		margin-bottom: 3px;
	}


/* Liens */
	a {
   		text-decoration: underline;
    	color:#034EA2;
	}
	a:link { color:#034EA2; }
	a:visited { color:#034EA2; }
	a:hover, a:focus, a:active { color: #034EA2; text-decoration: none;}

	li,li a  {
		
	}

/* Paragraphes */
	p {
		/*font: normal 12px Verdana , Verdana, Helvetica, sans-serif;  */
		padding-bottom : 10px;
		/*border-bottom:1px black solid;*/
	}
	address {
	    margin: 0 0 0px 0;
	    font-style: normal;
	}
	blockquote {
		margin: 0 0 0px 35px;
	}	

/* Forumulaires */
	
	form, fieldset {
	    margin: 0;
	    padding: 0;
	    border: none;
	}
	input, button, select {
	    vertical-align: middle; /* Solution pb. d'alignement. (9) */
	}


/* Divers éléments de type en-ligne (8) */
	em {
	    font-style: italic;
	}
	strong {
	    font-weight: 700 !important;
	}



/* Valeurs custom site */

	.TresPetite { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:9px; }
	.Petite 	{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:10px; }
	.Normal 	{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:12px; }
	.Moyenne 	{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:13px; }
	.Grande 	{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:14px; }
	.TresGrande { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:16px; }	
	.TresTresGrande { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:18px; }	
	
	.Vert , .Vert a{ color:#86C87A ;}
	.Bleu , .Bleu a{ color:#034EA2; }
	.Rose , .Rose a{ color:#D70B8C; }



/********************************************************************
	HEADER 
/********************************************************************/
#holder{
	width: 100%;
	height: 100%;
	background:#c1c9d3

}
#bg {
	background:#fff url(/crc_images/site/bg.gif) repeat-x top left;
}
#wrapper{
	width:960px;
	margin: 0 auto;
	padding: 176px 0 0;
	position: relative;
}
#header{
	width: 960px;
	height:144px;
	background: url(/crc_images/site/baseline.gif) no-repeat 477px 37px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.logo{
	margin: 0;
	width:327px;
	height:90px;
	position: absolute;
	top:12px;
	left:26px;
	text-indent: -9999px;
	z-index: 100;
}
.logo a{
	width:327px;
	height:90px;
	display: block;
	overflow: hidden;
	background:url(/crc_images/site/logo.gif) no-repeat top left;
}
#navigation{
	margin:106px auto 0 auto;
	padding:0;
	list-style:none;
	font-family: 'Droid Sans', serif;
	font-size:14px;
	display: table;
	position: relative;
	z-index: 10;
	width:960px !important;
	background:url(/crc_images/site/bg-nav.gif) no-repeat bottom left;
	height:40px;
}
/********************* SOUS NAV *********************************/

	ul.nav {
		margin:0px; /* pour FF IE 7/8*/
		padding:px; /* pour FF IE 7/8*/
		_padding:0px; /* pour IE6 */
		position:relative;
		width:100% !important;

	}
	ul.nav:hover {
		margin: 0; padding:0; /* pour FF IE 7/8*/
		_padding:0px; /* pour IE6 */
	}
	ul.nav li{
		margin: 0; padding:0;
		height:40px;
		_height:auto;
		list-style:none;
		color:#fff;
		text-align:center;
	}
	ul.nav li:hover,
	ul.nav li.hover, 
	ul.nav li.Selected {
		background:url(/crc_images/site/bg-sousnav_right.gif) no-repeat top right;
		_background:none;
	}
	ul.nav li:hover a,
	ul.nav li.hover a,
	ul.nav li.Selected a {
		color:#fff !important;
		background:url(/crc_images/site/bg-sousnav_left.gif) no-repeat top left !important;
		_background:none;
		_color:#05356c !important
	}
	ul.nav li a:hover {
		_color:#05356c !important
	}
	ul.nav li a  {
		font-size: 14px;
		margin: 0;
		padding:14px 0 0 0;	
		color:#fff !important;
		/*text-transform:uppercase;*/
		text-decoration: none;
		cursor:pointer;
		display:block;
		height:100%;
		width:100%;
		text-align:center;
		_padding:15px 0 0 0;
		_display:inline-block;
	}
	.sp {
		padding:8px 0 0 0;
		width:1px;
	}
	.sous_nav{
		z-index: 9999 !important;
		position: absolute;
		top:32px;
		_top:24px;
		left:0px;
		margin:0;
		display:none;
		width:235px;
		background:url(/crc_images/site/bg-sousnav.gif) no-repeat bottom left;
		_background:url(/crc_images/site/bg-sousnav.gif) no-repeat bottom 10px;
		padding:8px 0 7px 0;
		_padding:12px 0 7px 0;
	}
	.sous_nav ul {
		margin:0 !important;
		width:215px;
		padding:20px 0 0 0;
		background:#034ea2 url(/crc_images/site/separateur-sousnav.gif) no-repeat center 20px !important;
	}
	ul.nav li div.sous_nav ul li{
		margin:0px;
		padding:0px;
		height:auto;
		list-style: none;
		background:url(/crc_images/site/separateur-sousnav.gif) no-repeat bottom center !important;
	}
	ul.nav li div.sous_nav ul li a {		
		color:#fff !important;
		margin:0px;
		_margin:3px 0 0 0;
		_width:100%;
		text-align:left;
		font-size:13px;
		background:none !important;
		padding:7px 0px 7px 25px;
		width:190px;
	}
	ul.nav li div.sous_nav ul li a:hover { background:#4c91df !important}
	/*
	ul.nav li div.sous_nav ul li:hover,
	ul.nav li div.sous_nav ul li.Selected  {
		background:#4c91df;
	}
	*/
	ul.nav li:hover div,
	ul.nav li.hover div  {
		display: block;
	}

/******************************************************************************************/	


/********************************************************************
	CONTENU
/********************************************************************/
#main {
	border-bottom:6px solid #034ea2;
}
.private {
	background:url(/crc_images/site/bg-espaceClient.gif) no-repeat top left;
	position:absolute;
	display:block;
	height:25px;
	width:162px;
	top:2px;
	right:0px;
	text-align:center;
	color:#fff !important;
	font:bold 16px "Trebuchet MS";
	text-decoration:none;
	z-index:10;
}
.viewer {
	width:678px;
	height:252px;
	border:1px solid #b8b8b8;
	float:left;
}
.rectRight {
	float:right;
	width:275px;
}
.rectRight a { 
	display:block; 
	text-decoration:none;
	padding:10px 0 7px 0;
	min-height:64px;	
	margin: 0 0 2px 0;
	cursor:pointer;
}
.rectRight a h2 {
	font-size:18px;
	color:#3f595e;
	font-weight:normal;
	border-left:4px solid #aad2ff;
	padding:0 0 0 20px;
	margin:0px 0 5px 14px
}
.rectRight a:hover h2 {text-decoration:underline;}
.rectRight a:hover p {text-decoration:none; color:#879a9d}
.rectRight a:hover {
	 background:#f1f4f7 url(/crc_images/site/bg-rectRight.gif) no-repeat bottom left;
}
.rectRight a p {
	color:#879a9d;
	font-size:10px;
	padding:0 25px 0 40px;
	line-height:12px;
}

.box { 
	background:url(/crc_images/site/bg-degrade.gif) repeat-x bottom left;
	float:left;
	width:290px;
	margin:0 10px 0 0px;
	padding:0 10px 10px 10px;
}

#crcCentral {
	float:left;
	width:290px;
	background:url(/crc_images/site/icone-centrale.png) no-repeat top left;
}
#crcCentral h1 { 
	color:#034ea2;
	font-size:30px;
	padding:10px 0 10px 69px;
}
#crcCentral p {
	padding:0 30px 0 69px;
	font-size:12px;
	color:#3f595e;
	line-height:15px;
}
#crcCentral a.plus {
	 color:#034ea2 !important;
	 background:url(/crc_images/site/plus-bleu.png) no-repeat 0 6px;
	 display:block;
	 text-decoration:none;
	 padding:0 0 0 10px;
	 margin: 15px 0 0 69px;
}

#crcAudit {
	float:left;
	background:url(/crc_images/site/icone-audit.png) no-repeat top left;
	width:290px;
	margin:0 0 0 0px;
}
#crcAudit h1 { 
	color:#d70b8c;
	font-size:30px;
	padding:10px 0 10px 69px;
}
#crcAudit p {
	padding:0 30px 0 69px;
	font-size:12px;
	color:#3f595e;
	line-height:15px;
}
#crcAudit a.plus {
	 color:#d70b8c !important;
	 background:url(/crc_images/site/plus-rose.png) no-repeat 0 6px;
	 display:block;
	 text-decoration:none;
	 padding:0 0 0 10px;
	 margin: 15px 0 0 69px;
}

#crcCourtage {
	float:left;
	background:url(/crc_images/site/icone-courtage.png) no-repeat top left;
	width:290px;
	margin:0 0 0 0px;
}
#crcCourtage h1 { 
	color:#7dba71;
	font-size:30px;
	padding:10px 0 10px 69px;
}
#crcCourtage p {
	padding:0 30px 0 69px;
	font-size:12px;
	color:#3f595e;
	line-height:15px;
}
#crcCourtage a.plus {
	 color:#7dba71 !important;
	 background:url(/crc_images/site/plus-vert.png) no-repeat 0 6px;
	 display:block;
	 text-decoration:none;
	 padding:0 0 0 10px;
	 margin: 15px 0 0 69px;
}
a.plus span { text-decoration:underline;}
a.plus span:hover { text-decoration:none}
.referencement {
	text-align:center;
	color:#90a8ac;
	clear:both;
	padding:50px 0 0px 0;
}




.Left {
	vertical-align:top;
	width:579px;
	padding:0 83px 0 40px;
}
.Right {
	vertical-align:top;
	width:285px;
}

.Central {}
.Central h1 {
	background:url(/crc_images/site/icone-centrale.png) no-repeat top left;
	padding:15px 0 30px 75px;
	color:#034ea2;
	font-size:30px;
}
.Central a { color:#034ea2; text-decoration:underline;}

.Audit {}
.Audit h1 {
	background:url(/crc_images/site/icone-audit.png) no-repeat top left;
	padding:15px 0 30px 75px;
	color:#d70b8c;
	font-size:30px;
}
.Audit a { color:#d70b8c; text-decoration:underline;}

.Courtage {}
.Courtage h1 {
	background:url(/crc_images/site/icone-courtage.png) no-repeat top left;
	padding:15px 0 30px 75px;
	color:#7dba71;
	font-size:30px;
}
.Courtage a { color:#7dba71; text-decoration:underline;}


.central_right, .audit_right, .courtage_right { text-decoration:none;}
.central_right h3 {
	background:url(/crc_images/site/icone-centrale_inter.gif) no-repeat top left;
	color:#034ea2;
	padding:7px 0 25px 57px;
	margin:0px;
	font-size:24px	
}
.audit_right h3 {
	background:url(/crc_images/site/icone-audit_inter.gif) no-repeat top left;
	color:#d70b8c;
	padding:7px 0 25px 57px;
	margin:10px 0 0 0px;
	font-size:24px	
}
.courtage_right h3 {
	background:url(/crc_images/site/icone-courtage_inter.gif) no-repeat top left;
	color:#7dba71;
	padding:7px 0 25px 57px;
	margin:10px 0 0 0px;
	font-size:24px	
}
.central_right:hover span, .audit_right:hover span, .courtage_right:hover span { text-decoration:underline;}


/********************************************************************
 CONTACT 
/********************************************************************/
.boxETR {
	padding:10px 10px 0 10px;
	background:#e8ecec;
	border:1px solid #cbd1d1;
}
p.Erreur { color:#d70b31; font-size:14px;}
.FormContactEXTR {}
.FormContactEXTR td {
	padding:2px;
	font-size:11px;
}
.FormContactEXTR input,	.FormContactEXTR textarea{
	border:1px #c4c4c4 solid;;
	font-size:11px;
	padding: 2px 5px;
	color: #000000;
}
.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:2px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #c4c4c4 solid;;
		font-size:12px;
		padding: 2px 5px;
		color: #000000;
	}
	.FormSubmitEXTR {
		font: bold 11px Arial, Helvetica, sans-serif;
		padding: 0px 2px !important;
		margin:0px 0px 15px 0px !important;
		font:normal 12px  arial, verdana !important;
		border:none !important;
		color:#fff !important;
		background:#034EA2;
		height:19px;
	}
	.FormSubmit {
		font: bold 11px Arial, Helvetica, sans-serif;
		padding: 2px 2px !important;
		margin:3px 0px 15px 0px !important;
		font:normal 12px  arial, verdana !important;
		border:none !important;
		color:#fff !important;
		background:#034EA2;
	}
	.LargeInput{
		width:267px;
		border:1px solid #9da5ad; 
		padding:2px 
	}
	.SmallInput{
		width:60px;
		border:1px solid #9da5ad; 
		padding:2px 
	}
	.MediumInput{
		width:192px;
		border:1px solid #9da5ad; 
		padding:2px 
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
		border:1px solid #9da5ad; 
		padding:2px 
	}
	.HalfInput{
		width:126px;
		border:1px solid #9da5ad; 
		padding:2px 
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}





/********************************************************************
	FOOTER
/********************************************************************/



#footer {
	margin:0px auto;
	width:960px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding:12px 0;
}
#footer a {
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
#footer a:hover { text-decoration:underline;}





.Clikeo { 
	padding-top:10px;
	color :#909ba9 !important;
	text-align : center;
}
.Clikeo a,.Clikeo a:visited,.Clikeo a:active { 
	color :#909ba9;
	font: normal normal 7pt Verdana; 
}
.Clikeo a:hover { color:#e4ad19 !important;}





/*/////////////////////////////////////////////////////////////////////////////////////////////////////
ECOMMERCE
////////////////////////////////////////////////////////////////////////////////////////////////////*/

.TexteEcommerce{
	padding:0px 0 0 0;
}
#BarreNavEcommerce{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding:0 0 10px 10px;
	color:#c1913a;
}
#BarreNavEcommerce A,#BarreNavEcommerce A:visited,#BarreNavEcommerce A:hover{
	font-family: arial, Times, serif;
	text-decoration : underline;
	color:#c1913a;
}
#BarreNavEcommerce .current{
	text-decoration:underline;
}
#ECommerce button, #ECommerce .Submit , .Btn{
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 2px 2px !important;
	margin:3px 0px 15px 0px !important;
	font:normal 12px  arial, verdana !important;
	border:1px #2259a4 solid !important;
	color:#2259a4 !important;
	background-color:#ffffff;
	cursor:pointer;
}
#ECommerce .ChoixPaiement{
	padding:3px 0 ;
	font: normal bold  11px Verdana, Verdana, Arial, Helvetica, sans-serif;
}
#ECommerce {
	text-align: left;
	background-color: #fff;
	border: 1px #cccccc solid;
	padding : 8px ; 
	margin : 0 0 10px 0px; 

	font-family:  Verdana, Verdana, Arial,serif;
	font-size: 11px;
	font-weight: normal;
}
#ECommerce .EnteteTableau{
	padding : 5px 15px 5px 15px;
	margin-bottom : 10px;
	text-align: center;
	color: #2259a4;
	border-bottom:1px dashed #cccccc;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TitreTableau{
	padding : 10px 10px 10px 10px;
	font-size: 15px;
	font-weight: bold;
}
#ECommerce .TexteInformations{
	font: normal normal 11px Verdana;
}
#ECommerce .TexteInformations{
	padding : 0 0 10px 0;
}
#ECommerce h2 {
	font: normal bold 16px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2259a4;
	margin: 0;
	padding: 5px 0 10px 0;
}
#ECommerce h3 {
	font: italic bold 14px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2259a4;
	margin: 0;
	padding: 5px 0 10px 0;
}
#ECommerce h4 {
	font: italic bold 13px Verdana, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2259a4;
	margin: 0;
	padding: 10px 0 10px 0;
}
#ECommerce a{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #737373;
}
#ECommerce td{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding:2px 0;
}
#ECommerce .EcommercePanier thead{
	font: normal bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #2259a4;
	margin: 5px 5px;
	letter-spacing : 0px;
	
}
#ECommerce .EcommercePanier th{
	padding: 2px 5px;
	border-bottom:1px dashed #cccccc;
	border-top:1px dashed #cccccc;
}
#ECommerce .EcommercePanier tfoot{
	font: normal bold 12px Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #2259a4;
	border-bottom:1px dashed #cccccc;
	border-top:1px dashed #cccccc;
	padding:5px 5px !important;
}
#ECommerce .EcommercePanier td{
	font-size: 11px;
	font-weight: normal;
	padding:10px 5px;
}
#ECommerce .EcommercePanier{
	border:0px red solid;
	margin-bottom:10px;
}
#ECommerce .EcommerceModeLivraison td{
	font-size: 11px;
	font-weight: normal;
	padding:5px 5px;
}
#ECommerce input {
	font-size: 11px;
}
#ECommerce textarea {
	font-size: 11px;
}
#ECommerce select {
	font-size: 11px;
}
#ECommerce .noborder {
	border : 0px;
}
#ECommerce #ECommerErreur {
	color: red;
	font-size: 12px;
	padding:0 0 5px 0;
}
#ECommerce #ECommerErreur .Titre {
	font-weight: bold;
	font-size: 14px;
	padding:5px 0;
}
#ECommerce .InputSmall { width : 60px; }
#ECommerce .InputMedium { width :150px; }
#ECommerce .InputLarge { width :270px; }
#ECommerce .TextAdresse { width :200px; }	

#ECommerce #EspaceClient td{
	padding:3px;
}

#ECommerce .RelaisSep {
	height:1px;
	background-color:#DCD7C6;
}
#ECommerce .EcommerceRelais td{
	font-size: 11px;
	font-weight: normal;
	padding:10px 1px;
}
#ECommerce .EcommerceRelais td a{
	font-size: 11px;
	font-weight: normal;
	color: #910033;	
}
#ECommerce .EcommerceRelaisHoraire {
	margin-top:10px;
	background-color: #DCD7C6;
	border:	1px #910033 solid;
	display:none;
}
#ECommerce .EcommerceRelaisHoraire td{
	padding:2px 1px;
}