

	/* STRUCTURE */
	
		
		#header {
			height:50px;
		}
	
		#logo {
			float:left;
			font-weight:bold;
			padding-right:25px;
		}
		
		#logo-print {
			display: none;
			text-align: center;
		}		
		
		#menu {
			float:left;
		}
		
		#main {
			border:10px solid #FFFFFF;
			margin:0px;
			padding:0px;
		}
		
		#bloc {
			width:788px;
			margin-left:auto;
			margin-right:auto;
		}
		
		
		#social {
			text-transform:uppercase;
			font-weight:bold;
		}
		#social img { padding-right:10px; }
		#social li { height:20px; }

		#texte .para {
			font-size:11px;
			font-weight:bold; 
		}

			
		#footer {
			font-size:11px;
			text-align:center;
			color:#fff;
		}
		
		.col-gauche {
			width:220px;
			float:left;
			padding-right:10px;
			padding-top:10px;
			/* border: 1px solid #000000; */
		}		
		
		.col-droite {
			width:490px;
			float:left;
			border-left:1px #FFFFFF solid;
			padding-left:15px;
			margin-top:15px;
		}		
		

	/* LINK */

		a {
			text-decoration:none;
			color:#fff;
		}
		
		a:hover {
			color:#000;
			text-decoration:none;
		}
			
		.active {
			color:#FFFF00;
		}
		
		#texte a {
			color:#000066;
			text-decoration:underline;
		}
		

		#liste-ss-rub a {
			text-decoration:underline;
			/* color:#fff; */
		}

		.col-droite a {
			color:#FFFF00;
			text-decoration:underline;
		}	
		
		
		
		
		
	/* TEXT */
	
		p { padding:5px 0px; margin:0px; }
		.no-space { padding:0px; margin:0px; }
		#rub { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; height:20px; }
		#ssrub { font-size:12px; font-weight:bold; }
		#texte {  font-size:11px;  }
		.texte {  font-size:11px;}
		.texte-accueil {  font-size:13px;}
		.txt12 { font-size:12px;}
		.txt11 { font-size:11px;}
		.txt10 { font-size:10px;}
		.txt9 { font-size:9px;}
		#l1 { font-size:14px; }
		#l2 { font-size:20px; }
		#titre-ss-ss-rub { font-size:15px; font-weight:bold; text-decoration:none; padding:0px; margin:0px; border-bottom: 1px solid #FFF; padding:2px 4px 2px 0px; margin-bottom: 10px  }
		.question { font-size:12px; font-weight:bold; padding-top:15px  }
		.reponse { padding-left:10px;  }
		.underline { text-decoration:underline;  }
		.astuce { color:#FFFF00; font-weight:bold; }
		.gras { font-weight:bold; }
		.italic { font-style:italic; }
		.right { text-align:right; }
		.center { text-align:center; }
		.yellow { color:#FFFF00; font-weight:bold; }
		.white { color:#FFFF;}
		.black { color:#000;}
		
		#date { text-align:right; padding:0px; margin:0px 0px 5px 0px; font-size:8px; }
		
		h3 { padding:20px 0px 0px 0px; font-size:11px }
		h4 { padding-top:20px; margin:0px; }
		.padding-left45 { padding-left:45px; } 
		
		.cap {
			float: left;
			width: auto;
			font-size: 42px;
			line-height: 35px;
			font-weight: bold;
			padding-right:5px;
			color: #ccc;
			text-transform:uppercase;
		}
		
		.bloc-encadre { border: 1px solid #fff; margin : 10px; padding : 10px; }


		
	/* FORM */
	
		form { padding:10px 0px; }
		input, textarea, select { width:200px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
		#contact input { background-color:#5B6F77; } 
		#contact textarea { background-color:#5B6F77; } 
		#contact select { background-color:#5B6F77; }
		#plans input { background-color:#990000; }
		#plans textarea { background-color:#990000; }
		#plans select { background-color:#990000; }
		#commentaire input { background-color:#990000; }
		#commentaire textarea { background-color:#990000; }
		#commentaire select { background-color:#990000; }
		#buzz input { background-color:#990000; }
		#buzz textarea { background-color:#990000; }
		#buzz select { background-color:#990000; }
		#idee p { padding: 7px 0px 2px 0px;  } 
		#buzz input, textarea, select { /* width:100px; */ }
		#buzz span { width:250px }
		
		/* SONDAGE */
		#poll { border-left:1px solid #FFFFFF; padding-left:10px; width:180px; float:left; margin-top:30px; margin-right:40px; margin-bottom:40px; }
		#sondage { padding:0px; margin:0px; }
		#sondage input { width:20px; }
		label {	display: inline; float: left; width: 150px; clear:both; padding: 3px 0px 3px 0px; }
		
		/* FORM HOME */
		#conversion { background-color:#9b660d; border:#FFFFFF 1px solid; padding: 2px 0px 2px 5px; margin:0px 0px 5px 0px; }
		#calcul { background-color:#795313; border:#FFFFFF 1px solid; padding: 2px 0px 2px 5px; ; margin:0px 0px 5px 0px; }
		#traducteur { background-color:#212526; border:#FFFFFF 1px solid; padding: 2px 0px 2px 5px; ; margin:0px 0px 5px 0px; }
		
		/* FORM SIMULATEUR */
		#simulateur select { margin-bottom:5px; color:#000000; width:220px; }
		#simulateur label { width:170px; float:left; padding-right:5px; }

	/* LISTE MESSAGE */
		#message-screen { text-align:left; float:left; overflow:auto; margin-top:20px; margin-left:25px; height:300px; width:170px; }
		#message-screen p { padding-bottom:10px; }
		#message-screen p { padding:0px; margin:0px }
		#message-screen .nom { font-size:12px; color:#FFFF00; font-weight:bold; }
		#message-screen .datepost { font-size:10px; color:#999999; }
		#message-screen .message { margin-bottom:10px;  }
		#message-screen .message a { text-decoration:underline; color:#FFFF00  }
										
		
	/* OTHER */
		
		#menu ul {
			text-align:right;
			margin:10px 10px 10px 0px;
			padding:0px;
		}
		
		#menu li {
			border-right:1px #fff solid;
			display: inline;
			padding:10px 5px 0px 0px;
			margin:0px 10px 0px 0px;
			text-transform:uppercase;
			font-weight:bold;
			font-size:11px;
		}
		
		#liste-ss-rub {
			padding:10px 10px 20px 0px;
			margin:0px;
			height: 20px;
		}

		#liste-ss-rub ul {
			padding:0px;
			margin:0px;
		}
		
		#liste-ss-rub li {
			display: inline;
			font-weight:bold;
			font-size:11px;
			list-style:none;
			padding:0px 7px;
			margin:0px;
			border-right:1px #fff solid;
			
		}
		
		#liste-ss-ss-rub { 
			padding-left:15px;
			margin:0px;
		}
		
		#liste-ss-ss-rub ul { 
			padding:0px;
			margin:0px;
		}
		
		#liste-ss-ss-rub li {
			font-weight:bold;
			font-size:11px;
			padding:3px 0px;
			margin:0px;
		}
		
		.liste-qd-partir { padding:5px; margin:5px; clear: both; font-size:9px; }
		.liste-qd-partir li { display: inline; width: 27px; float: left; margin:0px 2px; }
		.liste-qd-partir .num{ font-size:8px; }
		.liste-qd-partir .theme{ width: 40px; }
		.liste-qd-partir li img { padding-right:2px; }	
		.liste-qd-partir .calendar { padding:1px 2px;  }
		
		/* fond pour la meilleure periode en islande */
		.liste-qd-partir .bckg-rouge { background-color:#FF0000; }
		.liste-qd-partir .bckg-jaune { background-color:#FFCC00; color:#000000; }
		.liste-qd-partir .bckg-orange { background-color:#FF6600; color:#000000; }
		.liste-qd-partir .bckg-vert { background-color:#009933; }
		
		/* fond pour la temperature */
		.liste-qd-partir .bckg-bleu-fonce { background-color:#1a206a; }
		.liste-qd-partir .bckg-bleu-clair { background-color:#0092b8; color:#000000; }
		.liste-qd-partir .bckg-blanc-fonce { background-color:#3affff; color:#000000; }
		.liste-qd-partir .bckg-blanc-clair { background-color:#fff; color:#000000; }	
		
		/* fond pour le lever de soleil */
		.liste-qd-partir .bckg-noir { background-color:#000; color:#fff; }		
		.liste-qd-partir .bckg-noir-clair { background-color:#3d3e00; color:#fff; }		
		.liste-qd-partir .bckg-jaune-fonce { background-color:#9ea000; color:#000; }		
		.liste-qd-partir .bckg-jaune-clair { background-color:#f8fb00; color:#000; }		
		
		
		
		#buzz ul { 
			padding:0px;
			margin:0px;
		}
		
		#buzz li {
			font-size:10px;
			padding:3px 0px;
		}
		
		#buzz li img {
			padding-right:10px;
		}
		
		.li-disc { list-style-type:disc; }
		.liste-image { list-style-type:none; display:inline; }
		.liste-none { list-style-type:none;  }
		
		th { height:20px; }
	
		
		
			
	/* IMAGES */
			
				
		#main-image {
			width:768px;
			/* height:313px; */
			height:315px;
			padding:0px;
			margin:0px;
		}
		
		img {
		border:0px;
		}
		
		.img_theme {
			width:40px;
			height:40px;
			/* border:5px solid #804000; */
			padding:5px;
		}
		
		.img_tableau {
			border:5px solid #804000;
		}
		
		.img_theme  {
			width:40px;
			height:40px;
			padding:3px;
		}
		
		.big_theme  {
			width:100px;
			margin:10px;
			float:left;
			border: 5px #FFFFFF solid;
		}
		
		.floatLeft {
			float:left;
		}
		
		.noBorder {
			border: none;
		}
		
		.w150 { width:150px; }
		
		a:hover .img_theme   {
			padding:0px;
			border: 3px #FFFFFF solid;
		}
		
		.hover {
			padding:0px;
			border: 3px #FFFFFF solid;
		}
		
		
		
		.img-map {
			width:240px;
			height:240px;
			padding:3px;
		}
		
		.img-texte {
			width:140px;
			float:left;
			padding:10px;
		}
	
	
		.img-left { float:left; margin:10px 10px 10px 0px; }
		.img-right { float:right; margin:10px 10px 10px 0px; }
		.img-actu-left { float:left; margin:0px 10px 5px 0px; }
		.img-right { float:right; margin:10px 0px 10px 10px; }
		.vertical { height:200px; width:auto;  }
		
		.img-200 { width:200px; }
		.img-150 { width:150px; }
		.img-100 { width:100px; }
		
		
		.img-border { border: 5px #FFFFFF solid; }
	
	/* Corrige le bug d'affichage lié aux images PNG transparente sous IE6 */
		#img-png,
		#img-png .png{
			position:relative;
			behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
			this.src = "images/site/icone/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
			this.runtimeStyle.backgroundImage = "none")),this.pngSet=true))
		}
		
		
