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

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; }

.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;
	/* min-height:100%; */
	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;
}

/*---- 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%;
}

/*--------- Slider -------------*/
#slider 
{
	float:left;
	position: relative;	
	height:294px;
	width:960px;
	margin:0px 0px 5px 0px;
	padding:0px;
	background: transparent url(../images/bg_slider.jpg) no-repeat top left;
	overflow:hidden;
}

#slider ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}
#slider li{
	color: #000;
	float: left;
	height: 294px;
	padding:0px;
	margin:0px;
	position: relative;
	overflow: visible; /* visible */
	list-style:none;
	/*width: 100%;*/
}
		
#slider-texte {
	float:left;
	display:inline;
	width:510px;
	height:254px;
	padding:0px;
	margin:20px;
}

#slider-texte h1 { 
	font: normal normal normal 20px Arial, Helvetica, sans-serif; 
	color: #197bc4; 
	margin:0px;
	padding:0px;	
}

#slider-texte p
{
	font: normal normal bold 13px Arial, Helvetica, sans-serif; 
	color: #666; 
	padding:15px 6px 10px 0px;
	margin:0px;
}
#slider-media {
	float:left;
	display:inline;
	text-align:center;
	width:370px;
	height:274px;
	margin:10px 20px 10px 20px;
	padding:0px;
	overflow:hidden;
	border:1px solid #cco;
}
#slider-media img {
	border:4px solid #fff;
	margin:2px;
}

#slider .slider-btn 
{
    font: normal normal bold 13px Arial, Helvetica, sans-serif;
	width:120px;
	height:32px;
	background: transparent url(../images/btn-bg.png) no-repeat top left;
	margin:5px 0px 2px 0px;
	padding:8px;
		cursor:pointer; /* hack pour bloc cliquable */
}

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

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

#slider-control{
	background: transparent url(../images/bg-control-slider.png) no-repeat top center;
	bottom: 0px;
	/*display: none;*/
	height: 24px;
	margin: 0px;
	padding:0px;
	position: absolute;
	width: 960px;
	z-index: 10000;
	/*border:1px solid #C00;*/
}
#slider-pager{
	text-align:center;
}
#slider-pager a{
	font: normal normal bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
}
#slider-pager a:hover{	
	text-decoration: none;
}
#slider-pager a.activeSlide{
	color:	#0066ff;
}
/*--------------------------------------*/

.acc-box 
{
	float:left;
	display:inline; /* pour bug ie6 : double margin */
	width:237px;
	height:95px;
	margin:0px 4px 0px 0px;
	padding:0px;
	background: transparent url(../images/bg_box.jpg) no-repeat top left;
	overflow:hidden;
}

.acc-box-last 
{
	float:left;
	display:inline; /* pour bug ie6 : double margin */
	width:237px;
	height:95px;
	margin:0px; /*--  pas de margin-right ---*/
	padding:0px;
	background: transparent url(../images/bg_box.jpg) no-repeat top left;
	overflow:hidden;
}


.acc-box .box-texte,
.acc-box-last .box-texte
{
	float:left;
	width:159px;
}
.acc-box .box-texte h2,
.acc-box-last .box-texte h2
{
	font: normal normal bold 12px Arial, Helvetica, sans-serif; 
	color: #0066cc; 
	text-transform:uppercase;
	padding:0px;
	margin:12px 0px 2px 0px;
}
.acc-box .box-texte p,
.acc-box-last .box-texte p
{
	font: normal normal normal 12px Arial, Helvetica, sans-serif; 
	padding:4px 6px 2px 0px;
	margin:0px;
	/*border:1px solid #cc0000;*/
	height:56px;
}
.acc-box .box-img,
.acc-box-last .box-img
{
	float:left;
	display:inline; /* pour bug ie6 : double margin */
	width:78px;
}

.acc-box .box-img img,
.acc-box-last .box-img img
{
	border:0px;
	margin:15px;
}

.acc-box a,
.acc-box-last 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 */
}
.acc-box a:hover,
.acc-box-last a:hover
{ 
	color: #0066ff;
	text-decoration: none;
	display:block; /* hack pour bloc cliquable */
	cursor:pointer; /* hack pour bloc cliquable */
}

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

#marques {

	float:left;
	height:50px;
	width:940px;
	position: relative;
	background-color:#fff;
	margin:5px 0px 0px 0px;
	padding:10px;
}

#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;
}

/*------- 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;
}

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

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


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

.contenu {
	color: #222;
	font: normal normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 5px 10px 5px;
	/*text-align : justify;*/
    line-height: 1.3;
	text-decoration: none;
}

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


* html .clearfix {
	height: 1%;
}

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