/* =INITIAL

   v2.1, by Faruk Ates - www.kurafire.net

   http://kurafire.net/log/archive/2005/07/26/starting-css-revisited

   Addendum by Robert Nyman - www.robertnyman.com */



/* Neutralize styling:

   Elements we want to clean out entirely: */

html, body, form, fieldset {

	margin: 0;

	padding: 0;

	font: 100%/1.3 Verdana, Arial, Helvetica, sans-serif;

	}



/* Neutralize styling:

   Elements with a vertical margin: */

h1, h2, h3, h4, h5, h6, p, pre,

blockquote, ul, ol, dl, address, table {

	margin: 1em 0;

	padding: 0;

	}



/* Apply left margin:

   Only to the few elements that need it: */

li, dd, blockquote {margin-left: 1.5em;}



/* Miscellaneous conveniences: */

html {background: #fff;	color: #000;} /* #006BB3;*/

body {background: #fff;}

h1 {

	font-size: 2em;
	margin: 0 0 0.67em ;
	}

h2 {

	font-size: 1.5em;

	margin: .83em 0;

	}

	#texte h2 {

		font-size : 1.6em;
		margin: 0;
		position: absolute;
			left: -40px;
			top: -16px;
		}
		
	#texte h1 {

		font-size : 1.8em;
		margin: 0;
		position: absolute;
		left: 0px;
		line-height: 1em;
		}		

h3 {

	font-size: 1.17em;

	margin: 1em 0;

	}

h4 {margin: 1.33em 0;}

h5 {

	font-size: 0.83em;

	margin: 1.67em 0;

	}

h6 {

	font-size: 0.67em;

	margin: 2.33em 0;

	}

input, textarea {

	font-family: Arial, Helvetica, sans-serif;

	border: 1px inset #aaa;

	}

	.radio input {border:none;}

	input[type="radio"] {border:none;}

a img {border: none;}

img[usemap] {border: none;} /* !IE JS */

table, th, td {

	border: 1px solid #000;

	border-collapse: collapse;

	}

	caption {

		font-size: 1.2em;

		font-weight: bold;

		margin: 0.2em 0;

		}

	th, td {padding: 0.2em;}

	th {font-size: 1.1em;}

pre {

	overflow: auto;

	width: 100%;

	}

.clear {clear: both;}

.float_left {float: left;}

.float_right {float: right;}

.etoile {

	color:#000;

	padding:0pt 0.5em;

	}

.button {

	font-weight: bold;

	background-color:#006CB4;

	border:1px solid ##005087;

	color:#FFF;

	cursor: pointer;

	font-family:Verdana,Arial,Helvetica,sans-serif;

	font-size:11px;

	padding:0pt 3px;

	width:90px;

	}

.centre{

	text-align: center;

	}

/* Form field text-scaling */

input, select, textarea {font-size: 100%;}



.error{

	color:#FF0000;

	}



#cadre {

	background: 0;

	height: 594px;

	height: 610px;

	padding: 0;

	margin: 0 auto;

	position: relative;

	width: 995px;

	width: 1025px;

	}

	#contenu {

		background: url(../_media/img/bg_color.jpg) transparent repeat-x;

		position: relative;

		margin: 0 15px;

		height: 595px;

		width: 995px;

		}

		#menu {

			display: block;

			height: 100%;

			list-style: none;

			margin: 0;

			position: relative;

				left: 0;

				top: 0;

			width: 100%;

			z-index: 2;

			}

			#menu li{

				font-size: 67%;

				line-height: 1;

				margin: 0;

				position: absolute;

				}

				#menu li div {float: left;}

			#menu p{margin: 0;}

			#ce_quil_faut_savoir {

			top: 155px;

			left: 25px;

			}

			#ce_quil_faut_savoir div{

				background: url(../_media/img/bulle_savoir_off.png) transparent no-repeat; /* IE */

				height: 214px;

				width: 245px;

				}

				#ce_quil_faut_savoir div h2 {margin : 30px 0 0 35px;}

				#ce_quil_faut_savoir div ul {margin: 0; position: relative;}

				#ce_quil_faut_savoir div li {

					font-size: 100%;

					margin: 5px 0 0 60px;

					position: relative;

					width: 90px;

					}

					#ce_quil_faut_savoir div li a {

						color: #000;

						text-decoration: none;

						position: relative;

						zoom: 1;

						}



					#ce_quil_faut_savoir div li a:hover, #ce_quil_faut_savoir div li a.on {

						color: #C62431; 

						}

			#quiz {

				top: 415px;

				left: 20px;

				}

			#quiz div{

				background: url(../_media/img/bulle_quiz_off.png) transparent no-repeat; /* IE */

				height: 178px;

				width: 211px;

				}

				#quiz ul {margin-left:20px;}

					#quiz ul li {

						font-size: 100%;

						margin-bottom: 6px;

						position: relative;

						}

					#quiz ul li a{

						color: #000;

						

						text-decoration: none;

						}

						#quiz ul li a:hover{

							color:#C62431;

						}

						#quiz ul li a.on{

							color:#C62431;

						}

				#quiz div h2 {margin : 20px 0 0 50px ;}

				#quiz div p {margin : 20px 0 0 30px ;}



			#prix_special {

				right:525px;

				top:43px;

				}

			#prix_special div{

				background: url(../_media/img/bulle_prix_special_off.png) transparent no-repeat; /* IE */

				height: 171px;

				width: 194px;

				}

				#prix_special div h2 {margin : 26px 0 0 32px;}

				#prix_special div p {

					margin : 6px 0 0 25px;

					width: 130px;

					}
					

			#sondage div{

				background: url(../_media/img/bulle_sondage_off.png) transparent no-repeat; /* IE */

				height: 183px;

				width: 273px;

				}

				#sondage div h2 {margin : 30px 0 0 40px;}

				#sondage div p {

					margin : 0 0 0 35px;

					width: 185px;

					}

				#sondage div form {margin : 0 0 0 25px;}

					#sondage div form fieldset {

						border: none;

						}

					#sondage div form p {margin: 0;}

					#sondage div form label {font-weight: bold;}

					#sondage div form .submit {margin: 10px 0 0 40px;}

					#sondage div form .submit input {border: none;}

			#chat {

				top: 0;

				right: 200px;

				}

			#chat div{

				background: url(../_media/img/bulle_chat_off.png) transparent no-repeat; /* IE */

				height: 125px;

				width: 227px;

				}

				#chat div h2{ margin : 15px 0 0 100px;}

				#chat div p{

					margin : 5px 0 0 40px;

					width: 145px;

					}

				#chat div a img {margin:7px 0 0 50px;}

			#actualite {

				top: 0;

				right: 200px;

				}

			#actualite div{

				background: url(../_media/img/bulle_actualite_off.png) transparent no-repeat; /* IE */

				height: 166px;

				width: 309px;

				}

				#actualite div h2{ margin : 15px 0 0 100px;}

				#actualite ul {

					list-style-type: none;

					margin-left:40px;

					margin-top:9px;

					width: 170px;

					}

					#actualite ul li {

						font-size:100%;

						line-height:1.1;

						margin-bottom:3px;

						position:relative;

						}

						#actualite ul li.first {background-position:0px 8px;}		

						#actualite ul li a{

							color: #000;

							margin-top:6px;

							position:relative;

							text-decoration: none;

							}

							#actualite ul li a:hover{

								color:#C62431;

								}

							#actualite ul li a.on{

								color:#C62431;

								}

				#actualite div p{

					font-size: 1em;

					line-height: 1;

					

					margin: 4px 0pt 0pt 0px;

					width: 169px;

					}

				#actualite div a img {margin:7px 0 0 50px;}



			#chroniques {

				top: 30px;

				right: 0;

				}

			#chroniques div{

				background: url(../_media/img/bulle_radio2_off.png) transparent no-repeat; /* IE */

				height: 136px;

				width: 202px;

				}

				#chroniques div h2{margin: 20px 0 0 69px;}

				#chroniques div p{

					margin: 9px 0 0 18px;

					width:145px;

					text-align: center;

					}

					#chroniques div a {position: relative;}

			#le_saviez_vous div {

				background: url(../_media/img/bulle_saviez-vous_fond.png) transparent no-repeat; /* IE */

				height: 117px;

				width: 273px;

				}

				#le_saviez_vous div h2 {margin: 45px 0 0 25px;}

				#le_saviez_vous div p {

					margin: 2px 0 0 10px;

					width:185px;

					}

				#le_saviez_vous div a {

					position :absolute;

						bottom: 0;

						right: 10px;

					}



		.arbre {

			position: absolute;

				bottom: 0;

				right: 0;

			}

h1 {

	position: absolute;

		top: 25px;

		left: 25px;

		z-index: 6;

	}

ul.puce {

	list-style: none;

	}

	ul.puce li {

		background: url(../_media/img/puce_rouge.png) 0 3px no-repeat transparent;

		margin: 0;

		padding-left: 10px;

	}



#texte {

	font-size: 67%;

	height:390px;

	position:absolute;

		bottom:  25px;

		right: 0;

		z-index: 10;

	width:470px;

	}



	#texte h3 {clear: both; margin-top: 2em;}

	#texte h1, #texte h2, #texte h3, #texte a {
		color: #E82931;
		}

	#texte a {text-decoration: none;}

	#texte a:hover {text-decoration: underline;}

	.texte {

		height: 342px;

		overflow: auto;

		padding-right: 10px;

		position: absolute;

			bottom: 0;

		width: 460px;

		}

		.texte.titre2Ligne{

			height:316px;

			}

	.texte ul {list-style: none; margin-top: 0;}

	.texte h3 {font-size: 1.2em;}

	.texte h4 {font-size: 1.1em; margin-bottom: 0;}

	.texte p {margin-top: 0;}

	.texte .exergue {color: #036EB6; font-weight:bold; font-style: italic;}

	#texte a.definition {



		font-size: 80%;

		vertical-align: text-top

		}

	dl.definition {font-size: 85%;}

	dl.definition dt  {

		float:left;

		margin:0 0.5em 0 0;

		}

	dl.definition dd {

		display:block;

		float:left;

		margin:0pt 0pt 0pt 3px;

		width:420px;

		}



	/* ECHAPPER AUX IDEES RECUES */



.comment{

	font-style:italic;

	}

.questionnaire li {

	margin-bottom: 10px;

	float: left;

	position: relative;

	width: 405px;

	}

	.questionnaire li img{

		position: absolute;

			left: 0; /* IE */

			top: 0;  /* IE */

		}

	.questionnaire .juste, .questionnaire .faux {

		position: relative;

		padding:0.5em 0 0 3em;

		}

	.questionnaire .juste{color: green;font-weight: bold;}

	.questionnaire .faux{color: red;font-weight: bold;}

	.questionnaire p{

		clear: left;



		}

	.questionnaire div {

		float: left;

		min-height: 45px; /* IE */

		width: 275px;

		}

		.questionnaire label {

			display: block;

			float: left;

			margin-bottom: 3px;

			margin-left: 5px;

			padding-top: 3px;

			width: 95px;

			}

		.questionnaire input {

			float: left;

			}





/* =FORMULAIRE_ENTRAID_EPARGNE */

.borderNone {

	border:medium none;

	}



.formEEC fieldset{

	border: none;

	display: block;

	}





	.formEEC ul.errors{

		margin-top: 10px;

		list-style-image:url(/_media/img/li.jpg);

		}



	.formEEC ul#obligatoire{

		list-style-image:none;

		}

	.formEEC legend{

		color:#E82931;

		font-size: 1.1em;

		font-weight: bold;

		margin: 10px 0 5px 0;

		padding: 0;

		}



	.formEEC fieldset label {

		float:left;

		margin-bottom:0.5em;

		padding-top: 0.3em;

		}

	.formEEC fieldset #question_id{

		height: 4em;

		width: 370px;

		}

	.formEEC #coordonnees label, #infoUtils label {

		width:240px;

		}

		.formEEC #coordonnees .genre, .formEEC #coordonnees2 .genre, .formEEC #infoUtils .choix {

			width:25px;

			}



	fieldset.connu_carac select, fieldset.connu_carac input, fieldset.connu_carac label {

		margin-bottom:1em;

		}









	/* QUIZ */

	.quiz fieldset {

		border: none;

		margin: 0;

		width: 435px

		}

	#texte .quiz h3 {

		font-size: 1.1em;

		font-weight: bold;

		margin: 1.5em 0 0 0;

		width: 430px

		}

	.quiz p {

		clear: left;

		margin: 0 0.5em;

		}

		.quiz input {

			float: left;

			}

		.quiz label {

			float: left;

			padding-top:0.25em;

			width: 400px;

			}

		.quiz .centre{text-align:center; margin: 1.5em 0;}

		.quiz .submit {

			background: #006CB4;

			border: none;

			color: #fff;

			cursor:pointer;

			float: none;

			margin-bottom: 10px;

			padding: 0.4em 1em;

			}

	/* REAGISSEZ */

	.reagissez fieldset {border: none;}

	.reagissez label {

		display: block;

		float: left;

		width: 110px;

		}

	 .reagissez textarea {

	 	height: 150px;

	 	width: 300px;

	 	}

	 .reagissez input{width: 300px;}

	 .reagissez .submit {

	 	background: #006CB4;

	 	border: none;

	 	color: #fff;

	 	float: right;

	 	margin-right: 50px; /* IE */

	 	width: 75px;

	 	}



	div.reaction{

		margin-left:-25px;

		padding-left:25px;

		}



	dl.livredor  {

		width: 440px;

		}

		.livredor dt {

		 	color: #E82931;

		 	font-size: 1.1em;

		 	font-weight: bold;

		 	margin-top:1em;

		 	padding: 0.5em 0.6em 0 0;

		 	}

			.livredor dt.even, .livredor dd.even{

				background: url(/_media/img/bg_message_even.gif);

				margin-left:-25px;

				padding-left: 25px;

			 	}



		 .livredor dd {

		 	margin: 0;

		 	padding-right: 0.6em;

		 	padding-bottom: 0.3em;

		 	}

			.livredor dd.auteur{

				font-weight: bold;

			 	padding-top: 1em;

			 	text-align: left;

			 	}





.visuel {

	position: absolute;

		right:0;

		top: 30px;

		z-index: 1;

	}



/* =CHRONIQUE RADIO */



.europe1 #logoEurope{

	display: block;

	text-align: center;

	}

.europe1 dl{

	margin-top:0;

	}

	.europe1 dt{

		font-weight: bold;

		margin-bottom: 5px;

		}

	.europe1 dd{

		margin: 0 0 10px;

		}

		.europe1 dd a{

			display: block;

			font-size: 0.9em;

			text-align: right;

			width: 330px;

			}



.chronique dt {

	clear: left;

	float: left;

	font-weight: bold;

	margin-top: 1em;

	}

.chronique dd {

	display: inline;

	float: left;

	margin: 0;

	width: 425px;

	}



/* CONTACT */

.contact .err {color: #000;}

.contact fieldset {

	border: none;

	display: block;

	float: left;

	width: 250px;

	}

	.contact legend {color:#000; margin: 0.5em 0;}

	.contact fieldset.message{width: 150px;}

	.contact fieldset.message label{width: 150px;}

	.contact fieldset p {float: left;}

	.contact label {float:left; width:85px;}

	.contact label.civi {width:30px;}

	.contact input {float: left;}



	.contact .centre {

		padding-top: 2em;

		clear: both;

		text-align: center;

		}

	.contact .submit {

		background:#006CB4 none repeat scroll 0%;

		border:medium none;

		color:#FFFFFF;

		float:none;

		padding:0.4em 1em;

		}

/* ACCESSIBILITE */

.accessibilite dt { margin: 1em 0 0.3em 0; }





/*	=FOOTER */



#footer {

	float: left;

	list-style: none;

	margin: 0 0 5px 0;

	position: absolute;

		bottom: 0;

		left: 275px;

		z-index: 5;

	}

	#footer li {

		border-left: 1px solid #fff;  /* JS */

		display: inline;

		font-size: 67%;

		margin: 0;

		padding: 0 0 0 5px;

		}

		#footer li a {

			color: #fff;

			font-weight: bold;

			text-decoration: none;

			}
			#footer li a.landing {
				color: #ED9014;
				font-weight: normal;
				margin: 0 0 25px 0;
			}

			#footer li a:hover {text-decoration: underline;}



/* =OMBRES */

#ombreGauche, #ombreDroite {

	position: absolute;

		top: 0px; /* !IE */

	height: 595px;

	width: 15px;

	}

#ombreHaut {

	display: block;

	}

#ombreGauche {

	background: url(../_media/img/Ombr_vertCaracTMPG.png) repeat-y; /* !IE */

		left: 0;

	}

#ombreDroite {

	background: url(../_media/img/Ombr_vertCaracTMP.png) repeat-y; /* !IE */

		right: 0;

	}

#ombreBas {vertical-align: top;}