@charset "utf-8";

/*-------------------------------------------------------------------------------------*/
/* FEUILLE DE STYLES TYPOGRAPHIE */
/* Copyright Sonilog Interactive 2007*/
/*
	Feuille de style contenant les regles de style des éléments typographiques 
*/
/*-------------------------------------------------------------------------------------*/


/*=====================================================================================*/
/* TYPOGRAPHIE GENERALE */
/*=====================================================================================*/


body {
	text-align: left;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size:75%;
	line-height: 1.15em;
	color: black;
}
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, div, a {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color:#3a3a3a;
}
img {
	border: 0;
}
p{
	margin: 1em 0 1em 0;
	line-height:1.2em;
}

p.article{
	font-size:13px;
}

ul{
	margin-left:20px;
}


/*=====================================================================================*/
/* TITLES */
/*=====================================================================================*/

h1 {
	color:#000000;
	font-size:1.6em;
	height:1.2em;
	margin:0;
}

div#texte h1{
	display:inline;
}


h1 {
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
}

h2.orange {
	color:#d86d13;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
}

h1.orange {
	color:#d86d13;
}

h1.black-bullet {
	padding-left:14px;
	background:url(../images/black-puce.gif) no-repeat;
	background-position:0 5px;
}

h1.title-descr { 
	font-size:20px;
}


h2.black-bullet {
	padding-left:14px;
	background:url(../images/black-puce.gif) no-repeat;
	background-position:0 5px;
}

h2.orange-bullet {}

h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
}
/*	HOME */
/*-------------------------------------------------------------------------------------*/


div#header div#logo h1{
	text-indent:-4000px;
}

body#home div#content div#col-left h2 {
	margin:0 0 15px 0;
}

body#home div#content div#col-center h2 {
	margin:0;
	font-size:1.1em;
}

body#home div#content div#col-center h1 {
	margin:0;
	font-size:1.1em;
}


/*	RUBRIQUES */
/*-------------------------------------------------------------------------------------*/

body#section div#content div#col-center h2,
body#article div#content div#col-center h2
{
	margin:0;
}

/*=====================================================================================*/
/* PARAGRAPHES */
/*=====================================================================================*/

div#footer div#legal p{
	color:#CCCCCC;
}

div#content div#col-left p {

}

p.intro-section {
	font-size:1.1em;
	margin-top:20px;
	color:#1D1D1D;
}

p.intro {
	font-size:1.1em;
	font-weight:bold;
	margin-top:20px;
	color:#333333;
}




/*=====================================================================================*/
/* LIENS */
/*=====================================================================================*/


a:link {
	/*color: #07387e;*/
	color:#523205;
	text-decoration: none;
}
a:visited {
	color:#696358;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}


#legal a:link{
	color:#CCCCCC;
	text-decoration: none;
}

#legal a:visited{
	color:#CCCCCC;
	text-decoration: none;
}

#legal a:hover{
	color:#CCCCCC;
	text-decoration: underline;
}


/* LIEN WIDGET SAVOIR PLUS */
/*-------------------------------------------------------------------------------------*/

a.arrow {
	padding-right:10px;
	color:#d86d13;
	font-weight:bold;
	background:transparent url(../images/orange-arrow.gif) no-repeat scroll right;
}

a.arrow:hover {
	color:#d86d13;
	text-decoration:none;
}
a.arrow:visited {
	color:#d86d13;
	text-decoration:none;
}


/* LIEN WIDGET ACCESS CLIENT */
/*-------------------------------------------------------------------------------------*/

div.cw-title a {
	margin:0;
	color:#d86d13;
}
div.cw-title a:hover {
	color:#d86d13;
	text-decoration:none;
}
div.cw-title a:visited {
	color:#d86d13;
}

div.cw-title-narrow a {
	margin:0;
	color:#d86d13;
}
div.cw-title-narrow a:hover {
	color:#d86d13;
	text-decoration:none;
}
div.cw-title-narrow a:visited {
	color:#d86d13;
}



/*=====================================================================================*/
/* TYPO WIDGETS */
/*=====================================================================================*/


h3.title-widget, h3.title-widget-float {
	margin:0;
	font-size:1.15em;
	color:#d86d13;
	padding-left:14px;
	background-image:url(../images/orange-puce.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
}

h3.title-widget-float {
	float:left;
}

.cw-content p.fiche{
	margin:0;
	padding:0;
	margin-left:10px;
}


/*	TYPO WIDGETS TAB SERVICES HOME	*/
/*-------------------------------------------------------------------------------------*/
div.ts-title h3 {
	margin:0;
	color:#2f5f80;
	font-size:1em;
}

div.ts-col-l h1,	
div.ts-col-r h1 {
	display:block;
	margin:12px 0 10px 0;
	color:black;
	font-size:1em;
}

div.ts-col-l p,	
div.ts-col-r p {
	display:block;
	float:left;
	width:82px;
	margin:0 0 0 10px;
	font-size:1em;
}

h2.acc-btn{
	display:block;
	float:left;
	width:82px;
	margin:0 0 0 10px;
	font-size:1em;
	font-weight:normal;
}

	div.ts-col-l a:link,	
	div.ts-col-r a:link {
		color:#3A3A3A;
		text-decoration:none;
	}
	div.ts-col-l a:visited,	
	div.ts-col-r a:visited {
		color:#3A3A3A;
		text-decoration:none;
	}
	div.ts-col-l a:hover,	
	div.ts-col-r a:hover {
		color:black;
		text-decoration:none;
	}
	div.ts-col-l a:active,	
	div.ts-col-r a:active {
		color:#3A3A3A;
		text-decoration:none;
	}

h3.focus-box{
	margin-top:-10px;
	padding-top:0;
}

/*	ZOOM BOX HOME	*/
/*-------------------------------------------------------------------------------------*/

div.zoom-box-home p {
	margin-bottom:0.4em;
}

.petit{
	font-size:9px;
}

.discount{
	font-size:12px;
	color:#CC3300;
	font-weight:bold;
}


h2#cont{
	font-size:0;
	margin:0;
	padding:0;
}

/* Special anti-spam */

div.antispam-left li{
	padding-top:5px;
}

div.antispam-left{
	width:250px;
}

div.antispam-right{
	position:absolute;
	width:230px;
	margin-left:220px;
}

div#banner div#logo h1{
	text-indent:-4000px;
}