/* CSS pour NEW HOME */
body	   {padding:0px; margin:0px; overflow:auto;font-family: verdana, arial, sans-serif;}
	
.bandeaufond {height:140px; width:100%;  background-color:#1b7abe; ; overflow:hidden; position:absolute; left:0px; top:170px;}	
	
/* center website : */
.content {width:960px;  margin-left:auto; margin-right:auto; position:relative;border:0px black solid;}
* html .content {margin-left:expression( (document.body.clientWidth/2 - 480) > 0 ? (document.body.clientWidth/2 - 480) + "px" : "0px" );}
		 
.content .body 	{border:0px solid black;width:100%; height:140px; overflow:hidden; float:left; background:#1b7abe;}
.content .header  {height:170px;  padding:0px; margin:0px; position:relative; top:0px; overflow:hidden;border:0px solid black}	   	
.content .message 	{border:0px solid black;width:100%; height:auto; overflow:hidden; float:left; }

/*** body **/
.bodyleft  		{position:relative; float:left;  width:505px;    height:210px;border:0px solid black;}

.bodyright   	{position:relative; float:right; width:445px; height:205px;  background-color:#1b7abe; border:0px solid black; }

.bodyright .text {position:relative; white-space: normal; word-wrap: break-word;margin-left:5px; margin-top:15px; line-height:27px; font-family:arial;text-align:justify;}

.bodyright .white { color:#ffffff; font-size:20px; }

.bodyright .white a:link, .bodyright .white a:visited, .bodyright .white a:active  { color:#ffffff;}

.bodyright .red { color:#7f0002; font-size:20px; }

.baseline 		{ position:relative; top:22px; left:65px; height:30px; padding:0px; margin:0px;} 

.baseline .text { color:#990000; font-size:15px; font-weight:800; font-family:arial; padding:0px; margin:0px;}

/* Logo : */		 
.logo { position:absolute; top:120px; left:9px; z-index:200;}
 
/*** footer **/	
 .footer  {font-size: 10pt;text-align:center;border:0px solid black;height:25px;  width:100%; background-color:#1b7abe; position:absolute; top:560px; margin-top:20px;}   
    
 /* Quoi, Où : */
 .quoiou		{position:relative; padding:0px; margin:0px; margin-left:-50px; background:#fff; left:10px; margin-top:33px;}

* html .quoiou	 {margin-top:29px;}
	   
.quoiou ul 			{list-style: none;  margin:0px; padding:0px  auto;}

.quoiou ul li		{float:left; margin-left:10px; height:53px; }

.quoiou ul li .left   {height:53px; float: left;  padding-left: 5px; text-decoration: none; white-space:nowrap;}

.quoiou ul li .right  {height:40px;float: left;  padding: 9px 10px 7px 0px; color:#ffffff; font-weight:100;}

.quoiou ul li .boutonOk   {float: left; cursor:pointer;}

.quoiou .ww_text   	{font-size:20px; font-weight:800; font-family:Tahoma, sans-serif; margin-top:4px; color:#000000; float:left;}

.quoiou .ww_legend   { font-size:11px; font-weight:100; color:#ffe380; font-family:verdana;}

.quoiou .ww_input  	 {float:left; margin-left:4px; text-align:left; }

.quoiou .ww_input  input,

.quoiou .ww_input  input:hover,	

.quoiou .ww_input  select,

.quoiou .ww_input  select:hover,

.quoiou .ww_input  { color:#000000; font-size:13px;}

.quoiou .ww_input  input {margin-top:2px; color:#000000; font-size:13px;}
   
.quoiou .ww_input  select {margin-top:2px; color:#000000; font-size:13px;}

#what input {width:130px;}

#whereinput {width:150px;}

  
/* Photo Dynamique : */		 
.photo_dynamique1 { position:absolute; top:200px; left:9px; z-index:200; } 

 
.quoiou_text   	{font-size:20px; font-weight:800; font-family:Tahoma, sans-serif; margin-top:4px; color:#000000; float:left;}
.quoiou_text_white   	{font-size:20px; font-weight:800; font-family:Tahoma, sans-serif; margin-top:4px; color:#ffffff; float:left;}

	   
/*** message ***/

.comments 	{position:relative; float:left; margin-left:9px; margin-top:9px; width:550px; overflow:hidden; height:247px; }

.comments ul	{list-style: none;  position:relative; padding: 0px; margin:0px; width:550px; }

.comments ul li     { float: left; margin-left: 2px; }	

.comments ul li.img {  width:270px; height:162px; overflow:hidden;}		

.comments ul li.sep {background-color:#e3e3e3; width:1px; height:162px; }



.connexion   	{margin-top:5px; border:0px solid black; float:right; width:389px; height:247px;  padding-top:70px;}

.connexion .logincontent {  border:0px solid black; margin-left:80px; text-align:center; width:250px; height:150px; overflow:hidden;}

.connexion .title {font-size:16px; font-weight:800; font-family:arial; letter-spacing:-0.1px;}

.connexion form  {margin:0px; padding:0px;}

.connexion table {font-size:10px; font-weight:800; margin-top:15px; font-family:verdana;}

.connexion table td {vertical-align:middle;}

.connexion input {font-size:10px; width:100px; }

.connexion img {border:0px;}

.connexion .legend a,

.connexion .legend a:hover,

.connexion .legend a:visited,

.connexion .legend {font-size:9px; font-weight:100; margin-top:10px; text-align:center; color:#000000; font-family:verdana; line-height:15px;}

/* ===== Offre ====*/
.bandeau_offre {height:20px; width:100%;  background-color:#649ee8; ; overflow:hidden; position:absolute; left:0px; top:170px;}
.logo_offre { position:absolute; top:120px; left:9px; z-index:200;}
.content .body_offre    { position:absolute;border:0px solid black;width:100%; height:auto; overflow:hidden; float:left; background:transparent;top:210px;}
 .footer_offre  {text-align:center;border:0px solid black;height:25px;  width:100%; background-color:#649ee8; position:absolute; top:750px; margin-top:20px;}