html, body
{
	margin: 0px;
	padding: 0px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	background: #d7d7d7 url(/images/bg.gif) repeat-x;
    height:auto !important;
    height:100%;
    min-height:100%;
}

h1 { font: normal normal bold 18px Arial, Helvetica, sans-serif; color: #3366cc; padding:0px;}
h2 { font: normal normal bold 16px Arial, Helvetica, sans-serif; color: #339900; padding:0px;}
h3 { font: normal normal normal 15px Arial, Helvetica, sans-serif; color: #6ba10d; padding:0px;}
h4 { 
	font: normal normal normal 12px Arial, Helvetica, sans-serif; 
	color: #111; 
	margin:0px;
	padding:0px;	
}

/*----- Easy Tooltip ------------*/
#easyTooltip
{
    height:80px;
    width:170px; 
    padding:20px;
    color:#fff;  
	background:transparent url(/images/tooltip/black_arrow.png) no-repeat;
	z-index:9999;
}
/*-------------------------------*/
img { border: 0px; }

.rouge {
	font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #dd0000;
}
.vert 
{
    color:#339900;
}

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

.date-promo {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #eea200;
	padding: 5px 0px 5px 20px;
	background: transparent url(/images/icons/date.png) no-repeat center left;
}
.date-listing {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #6699cc;
	padding: 5px 0px 5px 20px;
	background: transparent url(/images/icons/date.png) no-repeat center left;
}
.retour-listing {
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	/* color: #6699cc; */
	padding: 5px 0px 2px 24px;
	background: transparent url(/images/icons/arrow.jpg) no-repeat center left;
}

.detail-listing {
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	/* color: #6699cc; */
	padding: 5px 0px 2px 24px;
	background: transparent url(/images/icons/arrow.jpg) no-repeat center left;
}

.hr {	
	clear:both; 
	border: 0;
	width: 100%;
	color: #e5e5e5;
	background-color: #E0E0E0;
	height: 1px;
	margin:8px 0px 8px 0px;
}
hr {	
	clear:both; 
	border: 0;
	width: 100%;
	color: #e5e5e5;
	background-color: #E0E0E0;
	height: 1px;
	margin:8px 0px 8px 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
}

.date {
	color: #000; 
}

/*---- lien ----*/

a 
{
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    color:#197bc4; 
    text-decoration:none; 
}
a:link 
{
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    color:#197bc4;
    text-decoration:none;
}
a:visited 
{
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    color:#197bc4;
    text-decoration:none;
}
a:hover 
{
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    color:#000000;
    text-decoration:underline;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/*----- Mise en page - Layout -----*/

#container {
	width: 960px;
	margin:0px auto;
	padding:0px;
    position: relative;
}

/*-----Top Slogan ------*/
#slogan 
{
    float:left;
	height:26px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	margin:0px 0px 4px 0px;
}

/*-----Top Menu ------*/

#topmenu {
	float:right;
	height:20px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
	/*border:1px solid #CC0;*/
}
#topmenu ul {list-style: none; padding: 0; margin: 0;}
#topmenu li.first {padding-left:0; border:0}
#topmenu li.feed {padding: 2px 0px 2px 18px;background: transparent url(/images/icon-rss.gif) no-repeat center left;}
#topmenu li {margin:0;background:none;display:inline; border-left:1px solid #ccc; padding:0 2px 0 5px;} 
#topmenu li a {white-space:nowrap;color: #000; text-decoration: none; font: normal normal normal 12px Arial, Helvetica, sans-serif;}
#topmenu li a:hover {color: #0066cc;text-decoration: none;}
#topmenu li a.actif {color: #0066cc;text-decoration: none; font: normal normal normal 12px Arial, Helvetica, sans-serif;}

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

#header {
	clear:right;
	width: 960px;
	height:82px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}

#logo {
	float:left;
	width:153px; /* 180 */
	padding:10px 17px 9px 10px;
	margin:0px;
}

#logo-unipneu {
	float:left;
	width:70px; /* 80 */
	padding:12px 5px 10px 5px;
	margin:0px;
}

/*----- Menu principal ------*/

#navcontainer {
	float:left;
	width:700px;
	height:82px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
}
#navlist
{
	margin: 0px;
	padding: 0px;
}
#navlist li
{
	float: left;
	margin: 0;
	padding: 0px;
	width: auto;
	display: block;
}
#navlist li a, 
#navlist li a:link
{
	color: #999999;
	text-decoration: none;
	padding: 35px 6px 33px 6px;
	display: block;
}
#navlist li a:hover
{
	color: #000;
	cursor: pointer;
	background: transparent url(../images/bg_menu_over.gif) no-repeat top center;
}
#navlist li a.current, 
#navlist li a.current:link
{
	color: #000;
	cursor: default;
	font-weight: bold;
	background: transparent url(../images/bg_menu_on.gif) no-repeat top center;
}
#navlist li a.current:hover
{
	background: transparent url(../images/bg_menu_over.gif) no-repeat top center;
}

/*------- Événements -------------*/

#events {
	float:left;
	width: 960px;
	height:40px;
	margin:5px 0px 5px 0px;
	padding:0px;
	background: transparent url(/images/bg_blue-yellow.jpg) no-repeat top left;	
}

#events .titre {
	float:left;
	width: 150px;
	padding:10px;
	margin:0px;
}

#events .titre h2 {
	font: normal normal bold 14px Arial, Helvetica, sans-serif; 
	color: #fff; 
	margin:0px;
	padding:0px;
	text-align:center;
}
#events .nouv {
	float:left;
	font: normal normal bold 12px Arial, Helvetica, sans-serif; 
	/*color: #333; */
	width: 770px;
	padding:0px;
	margin:0px;
}

/*--------- Marques logos -------------*/

#scroller
{
	float:left;
	height:50px;
	width:940px;
	position: relative;
	background-color:#fff;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#scroller img
{
	float: left;
	margin:0px;
	padding:0px 0px 0px 10px;
}


/*---- Scroller des nouvelles -------*/

.scroll {
	position:relative;
	width:750px;
	height:20px;
	margin:10px;
	overflow:hidden;
}

.scroll ul {
	position:relative;
	width:700px;
	height:20px;
	padding:0px;
	margin:0px;
	list-style:none;
}
.scroll ul li {
	width:700px;
	height:20px;
	padding:0px;
	margin:0px;
	line-height:20px;
}

.scroll ul li a{
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}
.scroll ul li a:hover{
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#000;
}

.scroll ul li span {
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	display:inline;
	margin:2px;
}
.scroll ol {
	position:absolute;
	height:20px;	
	top:0px; /* 0px */
	right:0px;
	padding:0px;
	margin:0px;
	list-style:none;
}
.scroll ol li {
	float:left; 
}
.scroll ol a {
	display:block;
	width:11px;
	height:20px;
	margin:0 1px;
	padding:0 2px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:50% 0;
}
.scroll ol li.previous a {
	background-image:url("/images/icon-arrow-down.gif");
}
.scroll ol li.next a {
	background-image:url("/images/icon-arrow-up.gif");
}
.scroll ol li a:hover {
	background-position:50% 100%;
}

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

#main 
{
    float:left;
	position: relative;
    height: 100%;
	min-height:100%;
	background: transparent url(/images/bg-main.gif) repeat-y top left;	
}

#content 
{
	float:left;
	position: relative;
	width:713px; /* 723 */
	margin:0px 10px 0px 0px;
	padding:0px;
}

#rightcontent 
{
    /*border:1px solid #cc0000;*/
	float:left;
	position: relative;
	width:237px; /*237*/
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}
/*------ Fil d'Arianne ---------*/

#breadcrumb {
	float:left;
	width:693px;
	margin:0px;
	padding:5px 0px 5px 0px;
	/*border-bottom:1px solid #eee;*/
}

#breadcrumb a {
	background: transparent url(/images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
	color: #666;
}

#breadcrumb a:visited, #breadcrumb a:active {
	color: #666;
}

#breadcrumb a:hover{
	color: #3366cc;
	text-decoration: underline;
}
/*---------------------------*/

.theme {
	float:left;
	display:inline;
	width:693px;
	margin:0px 0px 5px 0px;
	padding:10px;
	background-color:#ffffff;
}

.contenu {
	float:left;
	width:693px; /* 713 */
	min-height:420px;
	margin:0px;
	padding:10px 10px 20px 10px;
	color: #222;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#ffffff;
}

.contenu h1  
{
    font: normal normal bold 16px Arial, Helvetica, sans-serif; 
    color: #3366cc; 
    margin:0px;
	padding:10px 0px 5px 0px;
}
.contenu h2  
{
    font: normal normal bold 16px Arial, Helvetica, sans-serif; 
    color: #3366cc; 
	margin:0px;
	padding:0px;
}
.contenu h3  
{
    font: normal normal bold 14px Arial, Helvetica, sans-serif; 
    color: #3366cc;
    margin:0px; 
    padding:0px;
}
.contenu h4 { 
	font: normal normal normal 12px Arial, Helvetica, sans-serif; 
	color: #3366cc; 
	margin:0px;
	padding:0px;	
}

.contenu .sous-titre 
{
    font: normal normal normal 13px Arial, Helvetica, sans-serif; 
    color: #3366cc; 
    margin:0px;
    padding:0px;	  
}

.contenu p { 
	font: normal normal normal 12px Arial, Helvetica, sans-serif;  
	/* margin:0px; */
	/* padding:5px 0px 5px 0px;	*/
}

/*-------- Side menu ----------------*/
.sidemenu{
	width: 231px; /*width of menu*/
	background-color:#fff;
	padding: 3px;
	margin: 0px 0px 2px 0px;
	border-bottom:4px solid #eaeaea;
}

.sidemenu h3  
{
    font: normal normal bold 14px Arial, Helvetica, sans-serif; 
    text-transform:uppercase;
    color: #3366cc; 
    padding:4px; 
    margin:0px
}

.sidemenu a {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	/*text-transform: uppercase;*/
	text-decoration: none;
}
.sidemenu a:link {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	/*text-transform: uppercase;*/
	text-decoration: none;
}
.sidemenu a:hover {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	/*text-transform: uppercase;*/
	text-decoration: none;
}
.sidemenu a:visited {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	/*color: #fff;*/
	/*text-transform: uppercase;*/
	text-decoration: none;
}
.sidemenu .main{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	background:#1c3f94 url(/images/menu_bg.gif) repeat-x;
	margin: 0px;
	padding: 7px 0px 7px 7px;
	text-decoration:none;
}
.sidemenu .mainActif{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	background:#003366 url(/images/menu_hover.gif) repeat-x;
	margin: 0px 0px 2px 0px;
	padding: 7px 0px 7px 7px;
	text-decoration:none;
}
.sidemenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sidemenu ul li
{
    margin:0px;
	padding: 3px 0px 0px 0px; /*bottom spacing between menu items*/
	border:1px solid #fff;
}
/*---- item actif ---*/
.sidemenu .actif{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	background:#f6d04f;
}
/*---- item actif catalogue ---*/
.sidemenu .actif2{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	background:#f6e44f;
}
.sidemenu ul li a{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: black;
	background: #f5f5f5;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 10px;
	text-decoration: none;
	/*border:1px solid #c00;*/
}
.sidemenu ul li a:link{
	color: black;
    text-decoration: none;
}
.sidemenu ul li a:visited{
	color: black;
    text-decoration: none;
}
.sidemenu ul li a:hover{ /*hover state CSS*/
	color: #000;
	background: #f6d04f;
	text-decoration: none;
}
/* ------ Niveau 3 --*/
.sidemenu ul li ul{
	list-style-type: none;
	margin: 0px;
}
.sidemenu ul li ul li {
	padding-bottom: 0px; /*bottom spacing between menu items*/
}
.sidemenu ul li ul li a{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: black;
	background: #eff4ff;
	display: block;
	padding: 5px 0;
	margin:0px;
	line-height: 17px;
	padding-left: 18px; /*link text is indented 18px*/
	text-decoration: none;
}
.sidemenu ul li ul li a:link{
	color: black;
    text-decoration: none;
}
.sidemenu ul li ul li a:visited{
	color: black;
    text-decoration: none;
}
.sidemenu ul li ul li a:hover{ /*hover state CSS*/
	color: #000;
	background: #f6d04f;
	text-decoration: none;
}
/* -------- images contenu ------------*/

.picture-r  
{
	float:right; 
	position: relative;	    
	overflow: hidden;
    margin: 5px 0px 10px 10px;
	padding: 3px;
	background: #eee;
}
.picture-r  a {
	text-decoration: none;
}
.picture-r a:hover {
	cursor: pointer;
}
.picture-r a img  
{
    margin: 0px;
}

.picture-r a .desc
{
    display:none;
}
.picture-r a:hover .desc
{
	position: absolute;
	bottom: 3px; /* padding du div */
	left: 3px; /* padding du div */   
	display: block;
	font: normal normal normal 12px Arial, sans-serif; 
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
	color: #fff;
	margin: 0px;
	padding: 10px;
	width: 100%;
	border-top: 1px solid #999;
}

.picture-l  
{
	float:left; 
	position: relative;	    
	overflow: hidden;
    margin: 5px 10px 10px 0px;
	padding: 3px;
	background: #eee;
}
.picture-l  a {
	text-decoration: none;
}
.picture-l a:hover {
	cursor: pointer;
}
.picture-l a img  
{
    margin: 0px;
}

.picture-l a .desc
{
    display:none;
}
.picture-l a:hover .desc
{
	position: absolute;
	bottom: 3px; /* padding du div */
	left: 3px; /* padding du div */   
	display: block;
	font: normal normal normal 12px Arial, sans-serif; 
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
	color: #fff;
	margin: 0px;
	padding: 10px;
	width: 100%;
	border-top: 1px solid #999;
}


/*--------- Equipe ---------*/

.picture-holder 
{
	float:left; 
	width:220px;
	height:270px;
	min-height:270px;
	margin: 5px 1px 10px 1px;
	padding: 0px;
	border: 0px solid #ddd;
}

.picture-holder p 
{
    padding:10px;
    line-height:16px;
}

.picture-holder span 
{
    line-height:24px;
}


.picture-holder .email {
	padding: 2px 0px 2px 26px;
	background: transparent url(/images/icons/courriel.png) no-repeat center left;
}
.picture  
{
	float:left; 
	width:200px;
	/*min-height:180px;*/
	position: relative;	    
	overflow: hidden;
    margin: 5px 10px 10px 10px;
	padding: 0px;
	border: 3px solid #f1f1f1;
	/*background: #eee;*/
}
.picture  a {
	text-decoration: none;
}
.picture a:hover {
	cursor: pointer;
}
.picture a img  
{
    margin: 0px;
}

.picture a .desc
{
    display:none;
}
.picture a:hover .desc
{
	position: absolute;
	bottom: 0px; /* padding du div */
	left: 0px; /* padding du div */   
	display: block;
	font: normal normal normal 12px Arial, sans-serif; 
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
	color: #fff;
	margin: 0px;
	padding: 8px;
	width: 190px;
	border-top: 1px solid #999;
}

/* -------- images videos -------------*/

#videos .video {
	float:left;
	display:inline;
	width:320px;
	height:280px;
	padding:12px;
	font: normal normal normal 11px Arial, sans-serif; 
}
#videos .video img {
	float:left;
	background-color: #ffffff; 
	border: 1px solid #e6e6e6;
	padding: 5px;
	vertical-align:middle; 
	margin-bottom: 3px; 
}
#videos .video a img {
	text-decoration: none;
}
#videos .video a:hover img {
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5; 
	text-decoration: none;
}


/*-------- Boites de rappel -----------*/

.box 
{
	float:left;
	display:inline; /* pour bug ie6 : double margin */
	width:237px;
	height:95px;
	margin:2px 0px 4px 0px;
	padding:2px 0px 2px 0px;
	background: #eaeaea url(/images/bg_box.jpg) no-repeat top left;
	overflow:hidden;
}
.box .box-texte
{
	float:left;
	width:159px;
}
.box .box-texte h2
{
	font: normal normal bold 12px Arial, Helvetica, sans-serif; 
	color: #0066cc; 
	text-transform:uppercase;
	padding:0px;
	margin:12px 0px 2px 0px;
}
.box .box-texte p
{
	font: normal normal normal 12px Arial, Helvetica, sans-serif; 
	padding:4px 6px 2px 0px;
	margin:0px;
	height:56px; /* hack pour bloc cliquable */
}
.box .box-img
{
	float:left;
	display:inline; /* pour bug ie6 : double margin */
	width:78px;
}
.box .box-img img
{
	border:0px;
	margin:15px;
}
.box a
{
	color: #666; 
	text-decoration: none; 
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	/*line-height:14px;*/
	display:block; /* hack pour bloc cliquable */
	cursor:pointer; /* hack pour bloc cliquable */
}
.box a:hover
{ 
	color: #0066ff;
	text-decoration: none;
	display:block; /* hack pour bloc cliquable */
	cursor:pointer; /* hack pour bloc cliquable */
}

/*------- Succursales -------------*/

#succursales {
	float:left;
	width: 960px;
	height:40px;
	margin:5px 0px 5px 0px;
	padding:0px;
	background: transparent url(../images/bg_blue-yellow.jpg) no-repeat top left;	
}

#succursales .titre {
	float:left;
	width: 150px;
	padding:10px;
	margin:0px;
	/*border:1px solid #cc0000;*/
}
#succursales .titre h2 {
	font: normal normal bold 14px Arial, Helvetica, sans-serif; 
	color: #fff; 
	margin:0px;
	padding:0px;
	text-align:center;
}
#succursales .succ {
	float:left;
	font: normal normal bold 12px Arial, Helvetica, sans-serif; 
	width: 770px;
	padding:0px;
	margin:0px;
}

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

#footer {
	float:left;
	width: 960px;
	margin:0 auto;
	height:auto;
	background-color:#fff;	
}

#foot {
	color: #777;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
}
#foot .f-logos {
	float:left;
	width:150px; /* 165 */
	padding:2px 5px 2px 10px;
	margin:0px;
}

#foot .f-note {
	float:left;
	width:200px; /* 210 */
	padding:2px 5px 2px 5px;
	margin:0px;
}

#foot .f-liens {
	float:left;
	width:490px; /* 500 */
	padding: 25px 10px 20px 0px;
	text-align:right;
}
#foot ul {
	list-style: none; 
	padding: 0px;
	margin:0px;
}
#foot li.first {padding-left:0; border:0}
#foot li.feed {padding: 2px 0px 2px 22px;background: transparent url(../images/icon-rss.gif) no-repeat center left;}
#foot li {margin:0;background:none;display:inline; border-left:1px solid #ccc; padding:0 2px 0 5px;} 
#foot li a {white-space:nowrap;color: #666; text-decoration: none; font: normal normal normal 12px Arial, Helvetica, sans-serif;}
#foot li a:hover { color: #000;text-decoration: none;}

/*----- Réseaux sociaux ------*/

#foot .reseaux 
{
    float:left;
    width:85px; 
	padding: 23px 0px 22px 0px;
}
#foot .reseaux img 
{
	padding: 0px 3px 0px 3px;
}

/*----------- Produit et marques -----------*/
#marques {
	float:left;
}

#marques .logo {
	float:left;
	display:inline;
	width:140px;
	height:50px;
	padding:12px;
	font: normal normal normal 11px Arial, sans-serif; 
}

#marques .logo img {
		
	float:left;
	background-color: #ffffff; 
	border: 1px solid #e6e6e6;
	padding: 5px;
	vertical-align:middle; 
	margin-bottom: 3px; 
}

#marques .logo a img {
	text-decoration: none;
}
#marques .logo a:hover img {
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5; 
	text-decoration: none;
}
/* logo big -> detail promo */
#marques .logo-big {
	float:left;
	display:inline;
	width:280px;
	height:100px;
	padding:12px;
	font: normal normal normal 11px Arial, sans-serif; 
}
#marques .logo-big img {
	float:left;
	background-color: #ffffff; 
	border: 1px solid #e6e6e6;
	padding: 5px;
	vertical-align:middle; 
	margin-bottom: 3px; 
}
#marques .logo-big a img {
	text-decoration: none;
}
#marques .logo-big a:hover img {
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5; 
	text-decoration: none;
}
/*--------------------------*/

#produits {
	float:left;
}

#produits .produit {
	float:left;
	display:inline;
	width:320px;
	min-height:370px;
	margin:2px;
	padding:10px;
	font: normal normal normal 11px Arial, sans-serif; 
	border:0px solid #c0c;
}

#produits .produit img {
		
	float:left;
	background-color: #ffffff; 
	border: 1px solid #e6e6e6;
	padding: 1px;
	vertical-align:middle; 
	margin-bottom: 5px; 
}

/*------------ Style pour la pagination ----------*/

#pagination {
	padding:0px;
	margin:0px;
	text-align:center;
}
#pagination a {
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none;
	background-color:#fff;
}
#pagination a:hover, 
#pagination a:active {
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	color: #fff;
	background: #236eb0 url(/images/bg_paging-hover.gif);
}
#pagination .currentpage 
{
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ddd;
	background-color: #ffa200; /* orange */
	color: #FFF;
}
#pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	/*margin-right: 2px;*/
	color: #ddd;
}


/* --------------------------- */
form {
    padding:0px;
    margin:0px;
}

#infolettre {
    float:left;
    /*width:620px;*/
    padding:10px;
    margin:0px;
}

#infolettre input {
    color: #000; 
    background-color: #f2f9ff; 
    width: 170px; 
    margin: 2px; 
    border: solid 1px #ddd;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    margin:0;padding:0;
}

#infolettre input.Submit {
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    background:#196eb1;
    border:0px;  
    width: 130px; 
    color:#ffffff;
    padding:0px;    
    margin:10px;
}

.erreur {
    text-align:left;
    font: normal normal normal 11px Arial, Helvetica, sans-serif;
    color:#cc0000;
	background:transparent url(/images/icon-error.gif) no-repeat center left;
	padding: 5px 0px 5px 20px;	
	margin:10px;
}

fieldset{font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border: 1px solid #eee;width: 200px; padding-left:8px;}
legend{color: #000; background: #eac531; border: 1px solid #ececec;font: normal normal bold 12px Arial, Helvetica, sans-serif; padding: 5px 15px 5px 15px;} 
label{color: #222;width: 180px; text-align: left; margin: 2px 5px 2px 2px;font: normal normal normal 12px Arial, Helvetica, sans-serif;display: block}

/* --------- Formulaire carrieres  ----------- */

.InputChamps {color: #333333; background-color: #fcffe5; width: 180px; margin: 2px 5px 2px 2px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}

/* --------- Formulaire contact  ----------- */

.myform
{
    font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	width:400px;
	height:auto;
	padding:10px;
}
.spacer{clear:both; height:1px;}

#stylized{
	border:solid 1px #aacfe4;
	/* background:#fff; */
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}
#stylized p
{
    border:0; 
    margin:0; 
    padding:0;
	font-size:11px;
	color:#666666;
	margin-bottom:10px;
	border-bottom:solid 1px #aacfe4;
	padding-bottom:6px;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#stylized input{
	float:left;
	font-size:11px;
	padding:3px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

#stylized span.cbox {
	float:left;
    font-size:11px;
	padding:0px;
	margin:0px 0 0px 0px;
}

#stylized span.cbox input{
	width:20px;
}


#stylized .codes {
	float:left;
	font-size:11px;
	padding:3px 2px;
	border:solid 1px #aacfe4;
	width:100px;
	margin:2px 0 10px 10px;
}
#stylized select,
#stylized textarea
{
	float:left;
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}
#stylized img
{
  	clear:both;
	margin-left:150px;
}

#stylized button, 
#stylized .submit 
{ 
    border:0; 
    margin:0; 
    padding:0px 0px 0px 14px;
	clear:both;
	margin-left:150px;
	width:118px;
	height:32px;
	background:#fff url(/images/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	border:0;
}

/*----- Sondage ---------*/

.fieldset-w {font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;border: 1px solid #eee;width: 96%; padding:5px;}


.SondageCBoxList {
	margin:2px 5px 2px 5px;
	display: block;
}

.SondageCBoxList label{
    color: #000;
    text-align: left; 
    margin: 2px 10px 2px 2px;
    /*width:120px;*/
    display: inline;
}

.SondageBoxList {
    padding:5px;
    margin:3px;
    display: block;
}
.SondageBoxList label{
    color: #000;
    text-align: left; 
    /*white-space:nowrap;*/
    margin: 2px 5px 2px 2px;
    display: inline;
}

.SondageTextBox{
	float:left;
	font-size:11px;
	padding:3px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 10px 10px;
}

.SondageTextArea{
	float:left;
	font-size:12px;
	padding:3px 2px;
	border:solid 1px #aacfe4;
	width:400px;
	margin:10px 0 10px 10px;
}

.SondageSubmit 
{ 
    border:0; 
    margin:0px 0px 0px 15px;
    padding:0px 0px 0px 14px;
	clear:both;
	width:118px;
	height:32px;
	background:#fff url(/images/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	border:0;
}


/* ----------------------*/
/* ----- Modal Popup ----*/
/* ----------------------*/

.detail
{
	background-color:#fff;
	border:solid 2px #333;
	padding:10px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}

.modalBackground {
    background-color:#3366cc;
    filter:alpha(opacity=70);
    opacity:0.7;
} 


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

#copyright {
	clear:both;
	width: 940px;
	margin:0 auto;
	padding:10px;
	text-align:center;
}

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


* html .clearfix {
	height: 1%;
}

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