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

BODY {
	margin: 0; 
	padding: 0em; /* Remettre à zéro si nécessaire. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* À adapter pour la police choisie. (3) */
	line-height:16px;
	color: #657779;
    background: white;
    text-align:justify;
} 

* {margin: 0; padding: 0;}	

img { border: 0 none; }

.clear {clear:both;}



/* Titres */
	h1, h2, h3, h4, h5, h6 {
	    font-weight: bold; /* Valeur par défaut. (6) */
	    font-style: normal;
	    color:#657779;
	    padding:0;
	    text-align:left;
	}
	h1 {
	   	font : bold 18px Arial, Helvetica, sans-serif;
	    padding-bottom:5px;
	    /*font-size: 18px; */
		/*border-bottom:1px #494a4a solid;*/
	}
	h1 a {
	   	font : bold 18px Arial, Helvetica, sans-serif;
	}
	h2 {
	    font-size: 16px;
	}
	h2 a {
	   	font : bold 15px Arial, Helvetica, sans-serif;
	}
	h3 {
	    font-size: 15px;
	}
	h4 {
	    font-size: 14px;
	}
	
	h1 small {
			font:bold 14px Arial, Helvetica, sans-serif;  
	}

/* Listes */

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

	ul,ol {
		/*list-style: none;*/
	}
	ul li { 
		/*background: transparent url(/hsi_/delamarre_images/site/site/puce-liste.gif) 5px left no-repeat;*/
	}
	ol li { 
		/*background: transparent url(/hsi_/delamarre_images/site/site/puce-liste.gif) 5px left no-repeat;*/
	}
	li {margin-left: 0; padding-left: 0px;}
	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:#ec005e;
	}
	a:link { color:#ec005e; }
	a:visited { color:#ec005e; }
	a:hover, a:focus, a:active { color: ec005e; text-decoration: none;}

	li,li a  {
		
	}

/* Paragraphes */
	p {
		/*font: normal 12px Verdana , Verdana, Helvetica, sans-serif;  */
		padding-top : 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: bold;
	}



/* Valeurs custom site */

	.TresPetite { font-family:Arial, Helvetica, sans-serif ; font-size:9px; }
	.Petite 	{ font-family:Arial, Helvetica, sans-serif ; font-size:10px; }
	.Normal 	{ font-family:Arial, Helvetica, sans-serif ; font-size:12px; }
	.Moyenne 	{ font-family:Arial, Helvetica, sans-serif ; font-size:13px; }
	.Grande 	{ font-family:Arial, Helvetica, sans-serif ; font-size:14px; }
	.TresGrande { font-family:Arial, Helvetica, sans-serif ; font-size:16px; }	
	.TresTresGrande { font-family:Arial, Helvetica, sans-serif ; font-size:18px; }	
	
	.rose , .rose a{ color:#ec005e ;}
	.noBold { font-weight:normal;}

/********************************************************************/
/********************* HEADER *********************************/
/********************************************************************/

#background {
	background:url(/delamarre_images/site/bg.jpg) repeat-x top left;
}
#conteneur {
	width:960px;
	padding:50px 0 0 0;
	margin:0 auto;
}
#header {
	width:960px;
	padding:00px 0 0 0;
}
.logo {
	display:block;
	float:left;
	margin:0 0 11px 0;
}
.adresse {
	padding:11px 0 0 0;
	margin:0px;
	float:right;
}
.bgnav_first {
	float:left;
	width:12px;
	height:35px;
	background:url(/delamarre_images/site/bgNav_first.gif) no-repeat top left;
}
.bgnav_last {
	float:right;
	width:12px;
	height:35px;
	background:url(/delamarre_images/site/bgNav_first.gif) no-repeat top left;
}
.nav {
	clear:both;
 	background:url(/delamarre_images/site/bgNav.gif) repeat-x;
	width:960px;
	height:35px;
}
.nav table {
	float:left;
	margin:8px 0 0 0; 
	text-align:center;
	vertical-align:middle;
}
.nav td {
	position:relative;
}
.nav a {
	color:#46595b;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 12px 0;
}
.nav a:hover, .nav a.selected {
	color:#fff;
	background:url(/delamarre_images/site/bgNav_select.gif) no-repeat bottom center;
}
.nav td:hover {
}
#contenu {
	background:#fff;
}
.navGauche {
	 width:215px;
	 padding:40px 0 0 0;
}
.navGauche h3 {
	background:#ec005e;
	color:#fff;
	height:19px;
	padding:3px 0 0 20px;
	width:199px;
}
/*-------------------------------------
	MENU ACCORDEON
--------------------------------------*/
#menu {
	padding:10px 0 0 20px
}
#basic-accordian{
	/*border-top:1px #d1d1d1 solid;
	width:205px;
	padding:0px 0 5px 0;*/
	/*
	min-height:355px  //!important; taille minimal pour les moteur gecko et IE7 
	height:auto		 //!important;  on remet à la normal pour gecko et IE7 
	height:355px; 	// taille max pour IE6 
	*/
}
.accordion_child ul {}
#basic-accordian ul {}
#basic-accordian ul li{}
.accordion_headings {
	cursor:pointer;
}
.accordion_headings h2 {
	padding:0px;
	margin:0px;
}
.accordion_headings span h2 a, .accordion_headings span h2{
	font-size:12px;
	color:#657779;
	font-weight:bold;
	margin-left:7px;
}
.accordion_headings td {
	height:25px;
	border-left:5px solid #c0cdce;
	vertical-align:middle;
}
.accordion_headings:hover{color:#3a3e4a;}

.accordion_headings a {text-decoration:none; color:#313131;}
.accordion_headings a:hover {text-decoration:none; color:#3a3e4a;}
.accordion_headings a.selected {text-decoration:underline; }
.accordion_child{
	padding:2px 0 0 0;
}
.accordion_child td {
	padding:2px 0;
	border-left:5px solid #ec005e;
	text-align:left;
}
.accordion_child ul {
	list-style:none;
	margin:0;
	padding:0px;
}
.accordion_child li {
	 list-style:none !important;
	 padding:0px 0 0 0px;
	 margin:0px 0 0 8px;
	 line-height:18px; 
}
.accordion_child a{
	color:#ec005e;
	font-size:11px;
	text-decoration:none;
}
.accordion_child a:hover {
	text-decoration:underline;
}
.accordion_child a.selected{
	font-weight:bold;
}
.bordure {
	margin:5px 0;
	border-top:1px dashed #cccccc;
}





#navigation {
	border:1px solid #5263AB;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:200px;
}
#navigation a.head {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#5263AB url(collapsed.gif) no-repeat scroll 3px 4px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}
#navigation a.head:hover {
	color:#FFFF99;
}
#navigation a.selected {
	background-image: url(expanded.gif);
}
#navigation a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}










/*-----------------------------------------------
------------*/

.newsletter {
	margin:30px 0 0 0;
	width:100%;
}
.newsletter p {
	background:#ec005e;
	padding:2px 0px 2px 20px;
	margin:0px;
	color:#fff;
}
.newsletter div {
	padding:4px 0 0 20px;
}
.newsletter input {
	border:1px solid #adbebf;
	height:19px;
	width:163px;
	margin:4px 0;
	color:#b0c0c2;
	font-size:10px;
	padding:0 0 0 5px
}
.newsletter button {
	border:0px;
	width:22px;
	height:21px;
	margin:0 0 0 3px;
	background:url(/delamarre_images/site/btnOk_news.gif) no-repeat top left;
	cursor:pointer;
}
.blockMail {
	border:1px solid #adbebf;
	height:19px;
	color:#b0c0c2;
	font-size:10px;
	padding:0 0 0 5px
}
.btnNews {
	background:#b0c0c2;
	color:#657779;
	border:0px;
	font-size:10px;
	font-weight:bold;
	padding:2px
}



/********************************************************************/
/********************* CONTENU *********************************/
/********************************************************************/

.texteContenu {
	vertical-align:top;
	padding:7px 20px 10px 23px;
}
.navTop, .navTop a {
	color:#ec005e;
	font-size:9px;
	font-style:italic;
	text-decoration:none;
	margin:0 0 13px 0;
}



/********************************************************************/
/********************* COLONNE DROITE *********************************/
/********************************************************************/

.colRight {
	width:245px;
	padding:1px 12px 5px 0px;
}
.rect td {
	background:#ec005e;
	height:140px;
	width:245px;
	text-align:right;
	vertical-align:middle
}
.rect table {
	margin:1px 0
}
.rect p {
	padding:0 10px 0 0px;
	margin:0px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}



/********************************************************************/
/********************* CONTACT *********************************/
/********************************************************************/

.FormContact{
		margin:10px 0 0 0;
	}
	.FormContact td{
		padding:1px !important;
		font: normal normal 12px Arial, Helvetica, sans-serif;+
		color: #491f16;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #b0c0c2 solid;
		font: normal normal 11px Arial, Helvetica, sans-serif;
		padding: 2px 5px;
		color: #657779;
	}
	input.FormSubmit {
		margin: 0;
		padding: 2px 5px;
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #657779;
		background-color: #b0c0c2;
		cursor:pointer;
		border:0px;
	}
	.LargeInput{
		width:261px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:185px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:123px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	

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

#footer {
	width:916px;
	margin:0 auto;
	height:18px;
	background:#ec005e;
	text-align:right;
	padding:3px 10px 0 10px;
	color:#fff;
	font-size:10px;
	line-height:15px;
}
#footer a {
	color:#fff;
	font-size:10px;
	text-decoration:none;
}
.texteFooter {
	padding:0px 15px;
	font-size:10px;
	text-align:center;
}
.texteFooter p {
	font-size:10px;
	text-align:center;
}

/*----------------
CLIKEO
------------------*/
.Clikeo {
	padding:10px 0 0 0; 
	color:#6d797a;
	margin:0 auto;
	text-align:center
}
.Clikeo a { 
	color: #6d797a !important;
	font-size:10px;
	text-decoration:none;
}
.Clikeo a:hover { 
	color:#f7a900 !important;
}