img
{
	border:0;
}

#clear
{
	clear: both;
}

/* begining */

html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/img/trame1.png);
	/*background-color:#f3efe1;*/
	height: 100%;
}

#geoloc
{
	width:100%;
	height:1px;
	background-color:#000000;
	background-image:url(../img/test.jpg);
	text-align:center;
	display:none;
	color:#ffffff;
	padding-top:20px;
	padding-bottom:10px;
}
	#geoloc .txtNorm
	{
		font: 23px 'TitilliumText22LRegular', Arial, sans-serif;
		text-shadow: 4px 4px 4px #000;
	}
	#geoloc u
	{
		text-decoration:none;
		color:#999999;
		text-shadow: 4px 4px 4px #000;
	}

#main
{
	margin : auto;
	width : 960px;
	background-color: #ffffff;
	min-height: 100%;
}

#logo
{
	width:960px;
	height:88px;
}

#logo h1
{
  width: 272px;
  height: 88px;
  background: url(/img/logo.jpg);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('/font/TitilliumText22L003-webfont.eot');
    src: url('/font/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/TitilliumText22L003-webfont.woff') format('woff'),
         url('/font/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('/font/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('/font/TitilliumText22L004-webfont.eot');
    src: url('/font/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/TitilliumText22L004-webfont.woff') format('woff'),
         url('/font/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('/font/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('/font/TitilliumText22L005-webfont.eot');
    src: url('/font/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/TitilliumText22L005-webfont.woff') format('woff'),
         url('/font/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('/font/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


#header
{
	width:960px;
	height: auto;
}

#nav
{
	width:960px;
	height:25px;
	margin-top: 20px;
}

#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	text-align: right;
	vertical-align: bottom;
}

.proJAUNE
{
	font: 8px 'TitilliumText22LBold', Arial, sans-serif;
	vertical-align:70%;
	background-color:black;
	color:#FFEB00;
	padding-left:2px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:1px;
	text-transform:uppercase;
	margin-left:3px;
	border-radius:3px;
}

.proBLEU
{
	font: 8px 'TitilliumText22LBold', Arial, sans-serif;
	vertical-align:70%;
	background-color:white;
	color:#184594;
	padding-left:2px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:1px;
	text-transform:uppercase;
	margin-left:3px;
	border-radius:3px;
}

.proVERT
{
	font: 8px 'TitilliumText22LBold', Arial, sans-serif;
	vertical-align:70%;
	background-color:white;
	color:#008542;
	padding-left:2px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:1px;
	text-transform:uppercase;
	margin-left:3px;
	border-radius:3px;
}

.proROUGE
{
	font: 8px 'TitilliumText22LBold', Arial, sans-serif;
	vertical-align:70%;
	background-color:white;
	color:#E1042D;
	padding-left:2px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:1px;
	text-transform:uppercase;
	margin-left:3px;
	border-radius:3px;
}

#menu li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none ;
	text-align: center ;
	font: 17px 'TitilliumText22LMedium', Arial, sans-serif;
}


#menu li  .Crouge {
	padding: 0px 0px 0px 0px;
	margin: 0px 13px 0px 13px;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	color:#E1042D;
	border-bottom: 8px solid #E1042D;
}

#menu li  .Cvert {
  padding: 0px 0px 0px 0px;
  margin: 0px 13px 0px 13px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  color:#008542;
  border-bottom: 8px solid #008542;
}

#menu li  .Cjaune {
  padding: 0px 0px 0px 0px;
  margin: 0px 13px 0px 13px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  color:#FFEB00;
  border-bottom: 8px solid #FFEB00;
  text-shadow: 1px 1px 0px #000;
}

#menu li  .Cbleu {
  padding: 0px 0px 0px 0px;
  margin: 0px 13px 0px 13px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  color:#184594;
  border-bottom: 8px solid #184594;
}

#menu li  .Cgris {
  padding: 0px 0px 0px 0px;
  margin: 0px 13px 0px 13px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  color:#525252;
  border-bottom: 8px solid #525252;
}

#menu li a {
  padding: 0px 0px 0px 0px;
  margin: 0px 13px 0px 13px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  color:#525252;
}



#alaune
{
	width:960px;
	height:340px;
	background-color: #E6E6E6;
	
}

#alaune_bottom
{
	width:960px;
	height:23px;
	background-image: url('/img/alaune_bottom.jpg');
	background-repeat: no-repeat;
	overflow: hidden;

}

#SUBClose
{
	width:53px;
	height:18px;
	position: absolute;
	top:15px;
	left:890px;
}

/* -------------------------------------------------------------------  SUBVERT ------------------------------------------------------------------- */

#SUBVert
{
	width:960px;
	height:340px;
	background-color: #008542;
	position: absolute;
	top:133px;
	display: none;
	background-image: url(/img/SUBF.png);
	background-position-y: 10px;
	background-repeat: no-repeat;
}

#SUBVert h2
{
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 70px;
	padding: 0;
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
	text-decoration: underline;
	color:#ffffff;
}

#SUBVert li
{
	margin:0;
	padding: 0;
	list-style: none;
	font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	margin-bottom:5px;
}

#SUBVert ul
{
	margin: 0;
	padding: 0;
}

#SUBVert li a
{
	text-decoration: none;
	color: #ffffff;
}

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


/* ------------------------------------------------------------------- SUBROUGE ------------------------------------------------------------------- */

#SUBRouge
{
	width:960px;
	height:340px;
	background-color: #E1042D;
	position: absolute;
	top:133px;
	display: none;
	background-image: url(/img/SUBF.png);
	background-position-y: 10px;
	background-repeat: no-repeat;
}

#SUBRouge h2
{
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 70px;
	padding: 0;
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
	text-decoration: underline;
	color:#ffffff;
}

#SUBRouge li
{
	margin:0;
	padding: 0;
	list-style: none;
	font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	margin-bottom:5px;
}

#SUBRouge ul
{
	margin: 0;
	padding: 0;
}

#SUBRouge li a
{
	text-decoration: none;
	color: #ffffff;
}

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

/* ------------------------------------------------------------------- SUBBLEU ------------------------------------------------------------------- */

#SUBBleu
{
	width:960px;
	height:340px;
	background-color: #184594;
	position: absolute;
	top:133px;
	display: none;
	background-image: url(/img/SUBF.png);
	background-position-y: 10px;
	background-repeat: no-repeat;
}

#SUBBleu h2
{
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 70px;
	padding: 0;
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
	text-decoration: underline;
	color:#ffffff;
}

#SUBBleu li
{
	margin:0;
	padding: 0;
	list-style: none;
	font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	margin-bottom:5px;
}

#SUBBleu ul
{
	margin: 0;
	padding: 0;
}

#SUBBleu li a
{
	text-decoration: none;
	color: #ffffff;
}

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

/* ------------------------------------------------------------------- SUBJaune ------------------------------------------------------------------- */

#SUBJaune
{
	width:960px;
	height:340px;
	background-color: #FFEB00;
	position: absolute;
	top:133px;
	display: none;
	background-image: url(/img/SUBF.png);
	background-position-y: 10px;
	background-repeat: no-repeat;
}

#SUBJaune h2
{
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 70px;
	padding: 0;
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
	text-decoration: underline;
	color:#000000;
}

#SUBJaune li
{
	margin:0;
	padding: 0;
	list-style: none;
	font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	margin-bottom:5px;
}

#SUBJaune ul
{
	margin: 0;
	padding: 0;
}

#SUBJaune li a
{
	text-decoration: none;
	color: #000000;
}

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



/* ------------------------------------------------------ SPOTLIGHT -------------------------------------------------------------------- */


#spotlight
{
	width:960px;
	height:340px;
	color:#ffffff;
}

#spotlight #slogan
{
	width:390px;
	height:80px;
	text-align:center;
	position:relative;
	left:50px;
	top:110px;
	font: 35px 'TitilliumText22LBold', Arial, sans-serif;
	line-height:35px;
	color:#ffffff;}

#spotlight #expli
{
	width:420px;
	height:50px;
	text-align:left;
	position:relative;
	left:55px;
	top:227px;
	font: 13px 'TitilliumText22LRegular', Arial, sans-serif;
	color:#E1042D;}

#spotlight #prix
{
	width:200px;
	 height:150px;
	 text-align:left;
	 position:relative;
	 left:700px;
	top:-75px;
		text-align:center;
}

#spotlight #prix .leprix
{
	font: 137px 'TitilliumText22LBold', Arial, sans-serif;
	color:#ffffff;	letter-spacing:-8px;
}

#spotlight #prix .leuro
{
	font: 47px 'TitilliumText22LMedium', Arial, sans-serif;
	vertical-align:115%;
		color:#ffffff;}

#spotlight #prix .letoile
{
	color:#ffffff;	vertical-align:450%;
}

#spotlight #titre
{
	padding:10px;
	width:180px;
	height:70px;
	background-color:white;	position:relative;
	left:700px;
	top:-110px;
	text-align:center;
	font: 25px 'TitilliumText22LBold', Arial, sans-serif;
	color:#E1042D;	}

/*#spotlight #titreIE
{
	padding:10px;
	width:180px;
	height:70px;
	background-color:white;
	position:relative;
	left:700px;
	top:-140px;
	text-align:center;
	font: 25px 'TitilliumText22LBold', Arial, sans-serif;
}*/

#spotlight #apartirde
{
	width:190px;
	height:30px;
	position:relative;
	left:700px;
	top:-110px;
	text-align:right;
	padding-top:5px;
	color:#ffffff;	font-size:11px;
	font-family:Arial;
	padding-right:5px;
}


#spotlight #bouton
{
	width:190px;
	height:30px;
	margin-top: 2px;
	position:relative;
	left:700px;
	top:-110px;
	text-align:right;
	padding-top:5px;
	color:#ffffff;
	font-size:11px;
	font-family:Arial;
	padding-right:5px;
}

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

#CONTROLER_SUBAgency
{
 position:relative;
 top:-300px;
 left:-30px;
}

#OPEN_SUBAgency
{
	width:30px;
	height: 162px;

}

#CLOSE_SUBAgency
{
	width:30px;
	height: 40px;
	display:none;
}

#SUBAgency
{
	width:960px;
	height:340px;
	background-color: #000000;
	position: absolute;
	top:133px;
	display: none;
}

#SUBAgency h2
{
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 35px;
	padding: 0;
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
	text-decoration: underline;
	color:#ffffff;
}

#SUBAgency h3
{
	margin:0;
	padding: 0;
	font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	color:#ffffff;
}

#SUBAgency .txt
{
	margin:0;
	padding: 0;
	font: 12px Arial, sans-serif;
	color:#9D9D9D;
}



/* ----------------------------------------------- Fiche AGENCE ----------------------------------------------- */

#agency_global
{
	height: 100%;
}


#agency_info_sheet h3
{
	margin:0;
	padding:0;
	font: 24px 'TitilliumText22LMedium', Arial, sans-serif;
}

#agency_info_sheet span
{
	margin:0;
	padding:0;
	font: 14px 'TitilliumText22LRegular', Arial, sans-serif;
}

#agency_postit
{
	background-image:url(../img/postit.jpg);
	width:300px;
	height:292px;
}

#agency_postit_blk
{
	float:left;
	/*border:1px solid red;*/
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	margin-left:50px;
	margin-top:40px;
}



/* CONTENT */

#content
{
	width:878px;
	padding-left:41px;
	padding-right:41px;
	padding-bottom:41px;
	padding-top:10px;
	background-color:#ffffff;
}

#contentL
{
	float:left;
	/*border:1px solid red;*/
	width: 630px;
	/*width: 570px;*/
	height: auto;
}

#contentL h2
{
	font: 34px 'TitilliumText22LBold', Arial, sans-serif;
	color : #000000;
	margin:0;
	text-decoration:none;
}

#contentL .baseline
{
	color:#E1042D;	font: 24px 'TitilliumText22LBold', Arial, sans-serif;
	
}

#contentL .intro
{
	font: 14px Open Sans,Helvetica Neue,Helvetica,sans-serif;
	color:#575757;
	font-weight:bold;
}

#contentL .h3bg
{
	background-color:#FDEDF0;	width:100%;
	height:30px;
	padding-top:12px;
	padding-left:10px;
	line-height:30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
  	border-radius: 4px;
}

#contentL h3
{
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
	color:#000000;
	text-decoration: none;
	margin:0;
	padding:0;
}

#contentL .txt
{
	font: 14px Open Sans,Helvetica Neue,Helvetica,sans-serif;
	color:#575757;
}

#contentL span ul
{
	margin-left:20px;
	padding:0;
}

#contentL span li
{
	list-style: none;
	background-image: url(/img/check_black.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#contentL span u
{
	text-decoration:none;
	font-weight:bold;
}


#contentR
{
	float:right;
	/*border:1px solid red;*/
	width: 245px;
	height: auto;
	
}

#contentR_top
{
	width: 205px;
	height: 34px;
	background-image: url(/img/separ_top.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}

#contentR_middle
{
	width: 205px;
	height: auto;
	background-image: url(/img/separ.jpg);
	background-repeat: repeat-y;
	padding-left: 40px;
}

#contentR_middle h3
{
	margin:0;
	padding:0;
	color:#E1042D;	text-transform: uppercase;
	font: 20px 'TitilliumText22LBold', Arial, sans-serif;
}

#contentR_middle a
{
	/*font: 15px 'TitilliumText22LRegular', Arial, sans-serif;
	padding-left: 32px;
	color:#000000;
	margin-bottom: 25px;*/
}

#contentR_middle ul
{
	margin:0;
	padding:0;
}

#contentR_middle li
{
	list-style: none;
	background-image: url(/img/check_rouge.jpg);
	background-repeat: no-repeat;
	padding-left: 32px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #EBEBEB;
	font: 13px 'TitilliumText22LRegular', Arial, sans-serif;
}

#contentR_prodcomp
{
	width:100%;
	height:auto;
	background-color:#EBEBEB;
	padding:7px;
}

#contentR_bottom
{
	width: 205px;
	height: 67px;
	background-image: url(/img/separ_bottom.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}

button::-moz-focus-inner {
  border: 0; }


.punch_con
{
	height:70px;
}

button.punch {
	background:#E1042D;border-top: 1px solid #820000;border-right: 1px solid #820000;border-bottom: 1px solid #820000;border-left: 1px solid #820000;color: #fff;text-shadow: 0px -1px 1px #1e2d4d;-webkit-box-shadow: inset 0 1px 10px 1px #EC8D7F, 0px 1px 0 #820000, 0 6px 0px #820000, 0px 8px 4px 1px #820000;-moz-box-shadow: inset 0 1px 10px 1px #EC8D7F, 0px 1px 0 #820000, 0 6px 0px #820000, 0px 8px 4px 1px #820000;box-shadow: inset 0 1px 10px 1px #EC8D7F, 0px 1px 0 #820000, 0 6px 0px #820000, 0px 8px 4px 1px #820000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  
  font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  margin-bottom: 10px;
  padding: 10px 0 12px 0;
  text-align: center;
  width: 220px;
  -webkit-background-clip: padding-box;
}
  
button.punch:hover {
	-webkit-box-shadow: inset 0 0px 20px 1px #EC8D7F, 0px 1px 0 #820000, 0 6px 0px #820000, 0 8px 4px 1px #820000;-moz-box-shadow: inset 0 0px 20px 1px #EC8D7F, 0px 1px 0 #820000, 0 6px 0px #820000, 0 8px 4px 1px #820000;box-shadow: inset 0 0px 20px 1px #EC8D7F, 0px 1px 0 #820000, 0 6px 0px #820000, 0 8px 4px 1px #820000;cursor: pointer;    
}

button.punch:active
{
	-webkit-box-shadow: inset 0 1px 10px 1px #EC8D7F, 0 1px 0 #820000, 0 2px 0 #820000, 0 4px 3px 0 #820000;-moz-box-shadow: inset 0 1px 10px 1px #EC8D7F, 0 1px 0 #820000, 0 2px 0 #820000, 0 4px 3px 0 #820000;box-shadow: inset 0 1px 10px 1px #EC8D7F, 0 1px 0 #820000, 0 2px 0 #820000, 0 4px 3px 0 #820000;margin-top: 8px;  
}

/* -------------------------- CROSS PROD ------------------ */

#crossProd
{
	margin-top:10px;
}

.crossProd_thumb
{
	width:220px;
	height:93px;
	background-image:url(/img/shadow_banner.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

/* -------------------------- Fil RSS actu ------------------ */
.rss_actuFA
{
	width:205px
	height:auto;
	margin-bottom:15px;
}
	.rss_actuFA_t
	{
		font: 12px 'TitilliumText22LBold', Arial, sans-serif;
		color:#000000;
		text-decoration:underline;
	}
	.rss_actuFA_n
	{
		font: 12px 'TitilliumText22LRegular', Arial, sans-serif;
		color:#000000;
	}
	.rss_actuFA_st
	{
		font: 12px 'TitilliumText22LRegular', Arial, sans-serif;
		color:#DE0223;
	}

.rss_actuGEN
{
	width:205px
	height:auto;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #d4d4d4;
}
	.rss_actuGEN h2
	{
		font: 16px 'TitilliumText22LBold', Arial, sans-serif;
		margin:0;
		padding:0;
		color:#000000;
	}
	.rss_actuGEN_texte
	{
		color:#000000;
		font: 12px Arial, sans-serif;
	}
	.rss_actuGEN_img
	{
		float:right;
		margin-left:5px;
		margin-bottom:5px;
		width:50px;
		height:50px;
		overflow:hidden;
	}
	
.rss_actuADS
{
	width:195px
	height:auto;
	margin-bottom:5px;
	margin-top:5px;
	background-color:#FFF8E7;
	padding:5px;
}
	.rss_actuADS a
	{
		color:blue;
		font: 13px Arial, sans-serif;
		text-decoration:underline;
	}
	.rss_actuADS_vert
	{
		color:#008047;
		font: 11px Arial, sans-serif;
	}
	.rss_actuADS_noir
	{
		color:#000000;
		font: 11px Arial, sans-serif;
	}

.rss_actuASSU
{
	width:625px;
	height:90px;
	padding-bottom:15px;
	border-bottom:1px solid #d4d4d4;
}
	.rss_actuASSU_titre
	{
		font: 20px 'TitilliumText22LBold', Arial, sans-serif;
		margin:0;
		padding:0;
		color:#000000;
	}
	.rss_actuASSU_texte
	{
		color:#000000;
		font: 12px Arial, sans-serif;
	}
	.rss_actuASSU_img
	{
		float:right;
		margin-left:5px;
		margin-bottom:5px;
		width:200px;
		height:72px;
		overflow:hidden;
	}

/* -------------------------- HOME NEWS ----------------------- */

.homeNews_header
{
	width:620px;
	margin-bottom:5px;
	height:35px;
	line-height:35px;
	background-color:#33383c;
	color:#ffffff;
	font: 20px 'TitilliumText22LMedium', Arial, sans-serif;
}

.homeNews
{
	background-color:#ffffff;
	width:200px;
	height:300px;
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	overflow:hidden;
	border-bottom:1px solid #d4d4d4;
}
	.homeNews_illustr
	{
		width:200px;
		height:134px;
		overflow:hidden;
		margin-bottom:10px;
	}
		.homeNews_content
		{
			padding:5px;
		}
			.homeNews_titre
			{
				font: 17px 'TitilliumText22LBold', Arial, sans-serif;
			}
			.homeNews_texte
			{
				font: 12px Arial, sans-serif;
			}
			.homeNews_texte2
			{
				font: 14px Arial, sans-serif;
			}

/* ----------------------------------------------- Météo ----------------------------------------------- */

.meteo_localisation
{
	font: 13px 'TitilliumText22LRegular', Arial, sans-serif;
	color:#000000;
}

.meteo_temp
{
	font: 37px 'TitilliumText22LBold', Arial, sans-serif;
	color:#000000;
}

.meteo_impressions
{
	font: 11px 'TitilliumText22LRegular', Arial, sans-serif;
	color:#000000;
}

/* ------------------------- Divers ---------------------- */

/* jqModal */

#closeModal
{
	font: 15px 'TitilliumText22LBold', Arial, sans-serif;
	color:#000000;
	text-align:right;
}
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 25%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }


* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Auto Complete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../img/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Form Sections ======================================================================== */

form {
	padding-top:20px;
	padding-left:50px;
	padding-bottom:10px;
}
form.prod{padding-left:0;}
form td.prod{border-right:0;}
form a {
	color: #FF0066;
}

/* Fieldset  */
fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}
/* Nested Fieldset  */
fieldset fieldset  {
	background-color:#CCCDC7;
	border: 1px solid #ccc;
}
fieldset fieldset legend {
	font-size: 90%;
}
/* Inline Section */
.inlineSection {
	overflow: auto;
	width: 100%;	
}
/* Grid Section */
form table {
	border-collapse: collapse;
}
form td {
	padding: 0 4px;
	border-left: 1px solid #DFDED2;
	border-right: 1px solid #DFDED2;	
}
form th {
	padding: 0 4px;
}
form .alternate-1 {
	background-color: #f8f8f1;
}
form .alternate-1 td {
	border-left: 1px solid #DFDED2;
	border-right: 1px solid #DFDED2;	
}

/* Combo Label + Input Field =========================================================== */
form .oneField {
	margin: 6px 0;
	display: block;
	vertical-align: middle;
}
form .inlineSection .oneField {
	margin-right: 2px;
	white-space: nowrap;	
	display: inline;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 	
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #FFF;
	margin: 0;
	font-size: 11px;
}
/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display: inline-block;
	min-width: 10em;
	text-align:right;
	font: 14px 'TitilliumText22LMedium', Arial, sans-serif;
	color:#000000;
	margin-top: 0.6em;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
}
/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 20px 0 0;
	padding: 2px;
	
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
	font-size: 125%; 
}
/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
	white-space: normal;
}

/* Inputs ======================================================================== */

textarea {
	font-size: 80%;
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
	background:#f6f6f6;
	border:solid 1px #c5c5c5;
	font-family: Arial, Helvetica, sans-serif;
}
input {
	font-size: 80%;
	margin: 0 2px 0 0;
	padding: 5px 5px;
	background:#f6f6f6;
	border:solid 1px #c5c5c5;
	width:200px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	
}

input .send{
	font-size: 80%;
	margin: 0 2px 0 0;
	padding: 5px 5px;
	background: #3CC;
	border:solid 1px #6A4941;
	width:200px;
	color: #fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height:40px;
}
select {
	margin: 2px 2px 1px 0;
	padding: 0;
	font-size: 80%;
	background:#f6f6f6;
}
.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}

/* Buttons ======================================================================= */

form .actions {
	margin: 20px 0 10px 0;	
	padding: 10px 5px;
	background-color: #F5F5F5;
	border-top: 2px solid #339933;
	text-align: right;
}
/* Submit button */
form .primaryAction {
}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}

/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 1.5em 0;
	padding: 3px;
	background-color:#FFFFCC;
}
/* Asterisk on required fields */
form .reqMark {
	color:#ffc000;
	padding: 0 4px;
}
/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #CC3333 !important;
	display: block;
}
/* Field-Hint with focus */
form .field-hint {
	position: absolute;
	width: 180px;
	z-index: 50;
	background-image: url(/images/v2/hint_topborder.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 14px 0 0 0;
	margin:  2px 0 0 10px;
	color: #000;
}
form .field-hint div {
	background-color: #FFCCCC;
	border-left: 1px solid #ffc20d;
	border-right: 1px solid #ffc20d;
	border-bottom: 1px solid #ffc20d;
	padding: 4px
}
/* Field-Hint without focus */
form .field-hint-inactive {
	visibility: hidden;
	position: absolute;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	margin: 3px 0;
	padding-right: 6px;
	border: 1px dotted #ddd;
	background-color: #FFFFFF;
}
div.removeable {
	margin: 3px 0;
	padding-right: 6px;	
	border: 1px dotted #ccc;
	background-color: #F3F3F3;
	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	line-height: 260%;
	font-weight: bold;
}
form .removeLink {
	line-height: 260%;
}
form td .duplicateLink, form td .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */


 
/* IE6 BUG FIXES ==================================================================== */
form {
	height:expression('1%'); /* IE Pick-a-boo bug fix */
}
form fieldset {
	position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	margin-top:expression('1em');
	padding-top:expression('1.5em');
	overflow: expression('visible');
}
form fieldset legend {
	position: expression('absolute'); 
	top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
	left:expression('.5em');
}
form .inlineSection .oneField {
	display: expression('inline-block');		
}
label, form .label {	
	font-size: expression('90%');
}
label.preField, form .inlineSection .oneField .inlineLabel {
	width: expression('7em');
	white-space: expression('nowrap');
}

/* STANDARD */

input.groovybutton
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	width:110px;
	height:36px;
	font-weight: bold;
	margin-left:170px;
	background-image: url(../img/envoyer_noir.gif);
	background-color: blue;
}
#commentform label{
	width: 200px; 
	float:left; 
}

#commentform input, #commentform textarea{
	border: 1px solid #dbd8d3;
	width: 225px;
}

#commentform label.error{
font-size: 11px; 
margin-left: 200px;
background: #fbfcda url('../images/cancel.png') no-repeat left;
border:1px solid #dbdbd3;
width:209px;;
margin-top:4px;
padding-left:20px;
}


#commentform p { clear: both; }


#modDev_con
{
	width: 960px;
	height:1px;
	overflow:hidden;
	opacity:0;
	margin-bottom:20px;
}

#modDev{
	background-color: #eeeeee;
	padding: 10px 41px 41px;
	width: 820px;
	height:400px;
	margin:auto;
}

#modDev h2{
	font: 25px 'TitilliumText22LBold', Arial, sans-serif;
	color:#444444;
	font-weight:normal;
	padding:0;
	margin-top:15px;
}



















.home_cold_but_legend{
	font: 14px 'TitilliumText22LRegular', Arial, sans-serif;
	color:#ababab;
}

hr.home{
	border:0;
	height: 1px;
	background: #ABABAB;
}