/********************************************************************/
/*                                                                 */
/*           CREATION CSS KOLORSLAB POUR ACCESSWEB                */
/*           www.cars-levacon.fr       {2009/2010}               */
/*                                                              */
/***************************************************************/


/*******************************************************************/
/*                                                                */
/*           BODY                                                */
/*                                                              */
/***************************************************************/

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #cccccc url(../imgs/fds.gif) fixed;
	background-repeat:repeat-x;
}

/*******************************************************************/
/*                                                                */
/*           PAGE CENTRÉE                                        */
/*                                                              */
/***************************************************************/

.all
{
font-family:arial, verdana, lucida, sans-serif;
color: #fff;
/*font-size: 0.7em;*/
/*max-width: 960px;*/
padding: 0px 0 0 0;
text-align: left;
width: 960px;
}
.s_{}

.s1_{
  opacity:1.0;
}

.s1_			{}
.s_				{width:960px;}
.s_tl 			{}
.s_tr 			{}
.s_bl			{}
.s_br 			{}
.s_t 			{background: none;} /* fds page */
.s_b 			{}
.s_l 			{}
.s_r 			{}


/*******************************************************************/
/*                                                                */
/*           LIENS PAR DEFAUT                                    */
/*                                                              */
/***************************************************************/

/*a:link, a:visited{
	color: #99ccff;
	font: bold 100% Arial,sans-serif;
	text-decoration: underline;
}

a:hover{
	color: #ffffff;
	text-decoration: underline;
}
*/
/*******************************************************************/
/*                                                                */
/*           PARAGRAPHES HEADER                                  */
/*                                                              */
/***************************************************************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 109% Arial,sans-serif;
 color: #ccff00;
 margin: 20px 0 0 20px;
 padding: 0px;
}

.edito h2 a:active,
.edito h2 a:visited,
.edito h2 a:link{
	font: bold 80% Arial,sans-serif;
	color: #ccff00;
	text-decoration:none;
}

.edito h2 a:hover{
	color: #cccccc;
	text-decoration:none;
}





h3{
 font: bold 100% Arial,sans-serif;
 color: #ccff00;
 margin: 0 0 0 10px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}


/***********************************************/
/* utilisé dans l'admin des actus       
/***********************************************/
h5{
 font: 100% Arial,sans-serif;
 color: #FFFFFF;
 margin: 10px;
 padding: 0px;
 text-align:center;
 font-style:normal;
}

h5 span{
 font: 110% Arial,sans-serif;
 color: #FF0000;
 margin: 10px;
 padding: 0px;
 text-align:center;
}


/***********************************************/
/* listes        
/***********************************************/
/*ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}*/

/***********************************************/
/* formulaires        
/***********************************************/
/*form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}*/

/*******************************************************************/
/*                                                                */
/*           CONTAINERS                                          */
/*                                                              */
/***************************************************************/

/***********************************************/
/* bloc central        
/***********************************************/

#pagecell1{
	/*position:absolute;
	top: 216px;
	left: 2%;
	right: 2%;*/
	width:960px;
	/*background: #373737 url(../imgs/fds-contenu.gif) fixed;
	background-repeat:repeat-y;*/
	background-color:#505050;
	
}


/*******************************************************************/
/*                                                                */
/*           COLONNE DROITE                                      */
/*                                                              */
/***************************************************************/

#pageNav{
	float: right;
	width:327px;
	padding: 0px;
	background-color: #ffffff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
	height:100%;
	/*height:844px;*/
	mini-height:844px;
}

/***********************************************/
/* bloc devis        
/***********************************************/
#blocdevis{
	margin: 0px;
	padding: 0px;
	/*background: #cccccc url(../imgs/menu-gauche/menus-devis.gif) no-repeat;*/
	height:163px;

}

/*#blocdevis img{
	float: left;
	margin-top:118px;
	padding-left:126px;
}*/

/***********************************************/
/* bloc tourisme        
/***********************************************/
#bloctourisme{
	margin: 0px;
	padding: 0px;
	/*background: #cccccc url(../imgs/menu-gauche/menus-tourisme.gif) no-repeat;*/
	height:163px;
}

/*#bloctourisme img{
	float: left;
	margin-top:118px;
	padding-left:126px;
}*/

/***********************************************/
/* bloc services réguliers   
/***********************************************/
#blocreguliers{
	margin: 0px;
	padding: 0px;
	/*background: #cccccc url(../imgs/menu-gauche/menus-reguliers.gif) no-repeat;*/
	height:163px;

}

/*#blocreguliers img{
	float: left;
	margin-top:118px;
	padding-left:126px;
}*/

/***********************************************/
/* bloc entreprises                    
/***********************************************/
#blocentreprises{
	margin: 0px;
	padding: 0px;
	/*background: #cccccc url(../imgs/menu-gauche/menus-entreprises.gif) no-repeat;*/
	height:163px;
}

/*#blocentreprises img{
	float: left;
	margin-top:118px;
	padding-left:126px;
}*/

/***********************************************/
/* bloc actus défilantes              
/***********************************************/
#bloclogos{
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	height:355px;
	/*border-left: 1px solid #ffffff;*/
}

/*******************************************************************/
/*                                                                */
/*           BLOCS CONTENUS                                      */
/*                                                              */
/***************************************************************/

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 178px 0px 0px;
}

/***********************************************/
/* logo en haut de page                    
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/*******************************************************************/
/*                                                                */
/*           PAGENAME                                            */
/*                                                              */
/***************************************************************/

#pageName{
	/*padding: 0px 0px 14px 10px;
	margin: 0px;*/
	/*background: #373737 url(../imgs/fds-contenu.gif) fixed;*/
	background-repeat:repeat-y;
}

/***********************************************/
/* titre de la page                      
/***********************************************/
#pageName h2{
	font: bold 1.3em "Lucida Grande", Arial,sans-serif;
	color: #ffffff;
	padding: 10px 60px 0px 17px;
	margin-right:100px;
	top:50px;
	letter-spacing:0.01em;
}

/*******************************************************************/
/*                                                                */
/*           GLOBAL NAV                                          */
/*                                                              */
/***************************************************************/

/*#globalNav{
top: 5px;
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image: url(../glbnav_background.gif);
}
*/
/*******************************************************************/
/*                                                                */
/*           HEADERS                                             */
/*                                                              */
/***************************************************************/

/* -------------------------------------------
####### top header
------------------------------------------- */
#masthead{
	/*position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;*/
	width:960px;
}

/* -------------------------------------------
####### 3 blocs homepage
------------------------------------------- */
#homepage { 
padding:0px;
background:#3f3f3f;
height:315px;
width:960px;
min-height: 315px;
}

#homepage-tourisme{
	margin: 0px;
	padding: 0px;
	background: #3f3f3f url(../imgs/blocs/blocs-tourisme.png) no-repeat;
	height:288px;
	width:296px;

}

#homepage-regulier{
	margin: 0px;
	padding: 0px;
	background: #3f3f3f url(../imgs/blocs/blocs-regulier.png) no-repeat;
	height:288px;
	width:296px;

}
#homepage-vi {
	margin: 0px;
	background: #3f3f3f url(../imgs/blocs/blocs-vi.jpg) no-repeat;
	height:223px;
	width:286px;
	padding-top: 65px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


#homepage-informations{
	margin: 0px;
	padding: 0px;
	background: #3f3f3f url(../imgs/blocs/blocs-informations.png) no-repeat;
	height:288px;
	width:296px;

}

/* -------------------------------------------
####### texte blocs homepage
------------------------------------------- */
.home {
	font: normal 80% Arial,sans-serif;
	padding: 180px 30px 0px 28px;
	margin:0px;
	color: #FFFFFF;
	text-align:left;
}

.home span {
	font: normal 90% Arial,sans-serif;
	/*padding: 180px 30px 0px 28px;*/
	color: #333333;
	text-align:left;
}


/* -------------------------------------------
####### par defaut
------------------------------------------- */
#header { 
padding:0px;
background-image:url(../imgs/header/header.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### bande au-dessus du header
------------------------------------------- */
#header-barre1 { 
padding:0px;
background-color:#000000;
height:10px;
width:960px;
min-height: 5px;
/* coins arrondis
border-radius: 5px 10px 0 5px;*/
}

/* -------------------------------------------
####### bande au-dessous du header
------------------------------------------- */
#header-barre2 { 
padding:0px;
background-color:#373737;
height:15px;
width:960px;
min-height: 15px;
}

/* -------------------------------------------
####### homepage
------------------------------------------- */
#headerhome {
	padding:0px;
	background-image:url(../imgs/header/headerhomepage.png);
	height:202px;
	width:960px;
	min-height: 202px;
	background-color: #000;
	background-repeat: no-repeat;
}

/* -------------------------------------------
####### actus
------------------------------------------- */
#headeractus { 
padding:0px;
background-image:url(../imgs/header/headeractus.png);
height:202px;
width:960px;
min-height: 202px;
}
#headerreseau {
	padding:0px;
	background-image:url(/images/header-reseaux.jpg);
	height:202px;
	width:960px;
	min-height: 202px;
}


/* -------------------------------------------
####### transport services réguliers
------------------------------------------- */
#headerreg { 
padding:0px;
background-image:url(../imgs/header/header-reguliers.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### transport à la demande
------------------------------------------- */
#headertad { 
padding:0px;
background-image:url(../imgs/header/header-tad.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### transport scolaire
------------------------------------------- */
#headerscol { 
padding:0px;
background-image:url(../imgs/header/header-scolaires.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### transport citroen
------------------------------------------- */
#headercitroen { 
padding:0px;
background-image:url(../imgs/header/header-citroen.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### autocars le vacon
------------------------------------------- */
#headerautocars { 
padding:0px;
background-image:url(../imgs/header/header-autocars.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### historique
------------------------------------------- */
#headerhistorique { 
padding:0px;
background-image:url(../imgs/header/header-historique.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### parc véhicules
------------------------------------------- */
#headerparc { 
padding:0px;
background-image:url(../imgs/header/header-parc.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### locaux
------------------------------------------- */
#headerlocaux { 
padding:0px;
background-image:url(../imgs/header/header-locaux.png);
height:202px;
width:960px;
min-height: 202px;
}/* -------------------------------------------
####### atouts
------------------------------------------- */
#headeratouts { 
padding:0px;
background-image:url(../imgs/header/header-atouts.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### equipe
------------------------------------------- */
#headerequipe { 
padding:0px;
background-image:url(../imgs/header/header-equipe.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### groupe
------------------------------------------- */
#headergroupe { 
padding:0px;
background-image:url(../imgs/header/header-groupe.png);
height:202px;
width:960px;
min-height: 202px;
}

/* -------------------------------------------
####### groupe
------------------------------------------- */
#headertourisme { 
padding:0px;
background-image:url(../imgs/header/header-tourisme.png);
height:202px;
width:960px;
min-height: 202px;
}

/*******************************************************************/
/*                                                                */
/*           BREADCRUMB                                          */
/*                                                              */
/***************************************************************/

#breadCrumb{
	padding: 15px 0px 5px 20px;
	font: small Verdana,sans-serif;
	color: #c5c4c4;
	/*background: #505050 url(../imgs/fds-contenu.gif) fixed;*/
	background-repeat:repeat-y;
}

/* -------------------------------------------
####### liens
------------------------------------------- */
#breadCrumb a{
	padding:5px;
	margin-left:10px;
	font-size: 80%;
	color: #c5c4c4;
}

#breadCrumb a:hover{
	color: #ffffff;
	padding:5px;
	text-decoration: none;
	/*background-color:#3d97da;*/
	background-color:#333333;
}

#breadCrumb .current{
	padding:5px;
	margin-left:10px;
	font-size: 80%;
	color: #ffffff;
	background-color:#3d97da;
	text-decoration:none;
}

/* -------------------------------------------
####### pointillés sous breacrumbs
------------------------------------------- */

.barre_breadcrumbs {
background: url(../imgs/traitbreadcrumb.gif) repeat-x; 
height: .5em; 
padding-bottom:10px; 
padding-top:0px;
margin-left:10px;
margin-top:10px;
background-color:#505050;
}

.barre_breadcrumbs {
width: 570px;
}

/*******************************************************************/
/*                                                                */
/*           BLOC FEATURE                                        */
/*                                                              */
/***************************************************************/

.feature{
	padding: 20px 50px 20px 10px;
	margin-left:10px;
	font-size: 80%;
	height: 170px;
	mini-height:170px;
}
html>body .feature {height: auto;}

/* -------------------------------------------
####### h3 feature
------------------------------------------- */
.feature h3{
	font: bold 1.5em "Lucida Grande", Arial,sans-serif;
	color: #ffffff;
	padding: 5px 0px 5px 0px;
	margin-right:100px;
	top:0px;
	letter-spacing:0.01em;
}

/* -------------------------------------------
####### image feature
------------------------------------------- */
.feature img{
	float: left;
	padding: 0px 10px 70px 40px;
}

/*******************************************************************/
/*                                                                */
/*           BLOC HOMEPAGE                                       */
/*                                                              */
/***************************************************************/

.homecontent {
	padding: 0px;
	width:570px;
}

.homeactus {
	padding: 0px;
	width:300px;
}

/* -------------------------------------------
####### paragraphe story
------------------------------------------- */
.homecontent p {
	font: normal 80% Arial,sans-serif;
	padding: 4px 20px 0px 10px;
	color: #FFFFFF;
	/*padding-top:15px;*/
}

.homecontent h3{
 font: bold 100% Arial,sans-serif;
 color: #ccff00;
 margin: 0 0 0 10px;
 padding: 0px;
}

.homecontent h3 a:active,
.homecontent h3 a:visited,
.homecontent h3 a:link{
	color: #ccff00;
	text-decoration:none;
}

.homecontent h3 a:hover{
	color: #c3c5c6;
	text-decoration:underline;
}

.homeactus p {
	font: normal 75% Arial,sans-serif;
	padding: 4px 30px 0px 10px;
	color: #FFFFFF;
}

.homeactus a:active,
.homeactus a:link,
.homeactus a:visited {
	color: #CCCCCC;
	text-decoration:none;
}

.homeactus a:hover a,
.homeactus a:hover,
.homeactus a:active{ 
	text-decoration:none; 
	color:#ffffff;
}

.homeactus h4 {
	font: bold 85% Arial,sans-serif;
	padding: 4px 20px 0px 10px;
	color: #FF66FF;
	/*padding-top:15px;*/
}

.homeactus h4 a:active,
.homeactus h4 a:visited,
.homeactus h4 a:link{
	color: #FF66FF;
	text-decoration:none;
}

.homeactus h4 a:hover{
	color: #FFFFFF;
	text-decoration:none;
}


/*******************************************************************/
/*                                                                */
/*           BLOC STORY                                          */
/*                                                              */
/***************************************************************/

.story {
	padding: 10px 60px 0px 17px;
	font-size: 90%;
}

/* -------------------------------------------
####### h3 story
------------------------------------------- */
.story h3{
	font: bold 1.3em Arial,sans-serif;
	color: #c3c5c6;
	padding: 4px 120px 0px 10px;
}

/* -------------------------------------------
####### h4 story pour le titre des actus
------------------------------------------- */
.story h4{
 font: bold 100% Arial,sans-serif;
 color: #ccff00;
 margin: 0 0 0 10px;
 padding: 0px;
}

/* -------------------------------------------
####### paragraphe story
------------------------------------------- */
.story p {
	font: normal 85% Arial,sans-serif;
	padding: 4px 40px 0px 10px;
	color: #FFFFFF;
	text-align: justify;
	/*padding-top:15px;*/
}


/*.story h2 {
	font: normal 80% Arial,sans-serif;
	padding: 180px 30px 0px 28px;
	margin:0px;
	color: #f80f92;
	text-align:left;
}*/

/* -------------------------------------------
####### span story + liens
------------------------------------------- */
.story span {
	font: bold 100% Arial,sans-serif;
	color: #cccccc;
}

.story a:active,
.story a:link,
.story a:visited {
	font: bold 100% Arial,sans-serif;
	color: #99ccff;
	text-decoration:underline;
}

.story a:hover a,
.story a:hover,
.story a:active{ 
	font: bold 100% Arial,sans-serif;
	text-decoration:none; 
	color:#ffffff; 
}

/* -------------------------------------------
####### sous-titre tourisme + 4 icones
------------------------------------------- */
.story a.capsule1a{
	font: bold 1.1em Arial,sans-serif;
	color: #CCFF00;
	display:block;
	padding-bottom: 10px;
	text-decoration:underline;
	margin-left:5px;
	padding-left:22px;
	width:100%;
	background: url(../imgs/icones/user_green.png) no-repeat ;
}

.story a.capsule1a:hover{
	text-decoration: underline;
	color: #c3c5c6;
}

.story a.capsule1b{
	font: bold 1.1em Arial,sans-serif;
	color: #CCFF00;
	display:block;
	padding-bottom: 10px;
	text-decoration:underline;
	margin-left:5px;
	padding-left:22px;
	width:100%;
	background: url(../imgs/icones/user_orange.png) no-repeat ;
}

.story a.capsule1b:hover{
	text-decoration: underline;
	color: #c3c5c6;
}

.story a.capsule1c{
	font: bold 1.1em Arial,sans-serif;
	color: #CCFF00;
	display:block;
	padding-bottom: 10px;
	text-decoration:underline;
	margin-left:5px;
	padding-left:22px;
	width:100%;
	background: url(../imgs/icones/user_red.png) no-repeat ;
}

.story a.capsule1c:hover{
	text-decoration: underline;
	color: #c3c5c6;
}

.story a.capsule1d{
	font: bold 1.1em Arial,sans-serif;
	color: #CCFF00;
	display:block;
	padding-bottom: 10px;
	text-decoration:underline;
	margin-left:5px;
	padding-left:22px;
	width:100%;
	background: url(../imgs/icones/user_suit.png) no-repeat ;
}

.story a.capsule1d:hover{
	text-decoration: underline;
	color: #c3c5c6;
}

/* -------------------------------------------
####### liste scolaire
------------------------------------------- */
ul.scolaire {
	margin:15px 0px 0px 35px;
	padding:0px 0px 0px 0px;
	color: #ffffff;
	font: normal 85% Arial,sans-serif;
    list-style:circle;
	line-height:18px;
	}
	
li.scolaire {
	margin:0 0 0 0;
	padding:0;
	font: normal 75% Arial,sans-serif;
	}

/* -------------------------------------------
####### span liste scolaire
------------------------------------------- */
li.scolaire span {
	margin:0;
	padding:0;
	font: normal 75% Arial,sans-serif;
	color:#cccccc;
	}

/* -------------------------------------------
####### liens scolaire
------------------------------------------- */
.scolaire a:link,
.scolaire a:active,
.scolaire a:visited{
text-decoration:underline; 
color:#cccccc;
}
	
.scolaire a:hover{ 
text-decoration:underline; 
color:#999999; 
}

/* -------------------------------------------
####### sous-titre scolaire + icone
------------------------------------------- */
.story a.capsule2{
	font: bold 1.1em Arial,sans-serif;
	color: #CCFF00;
	display:block;
	padding-bottom: 10px;
	text-decoration:none;
	margin-left:5px;
	padding-left:25px;
	width:100%;
	background: url(../imgs/icones/icon_user.gif) no-repeat ;
}

/* -------------------------------------------
####### sous-titre pdf + icone
------------------------------------------- */
.story a.capsulepdf{
	font: bold 1.1em Arial,sans-serif;
	color: #FFCC00;
	display:block;
	padding-bottom: 10px;
	text-decoration:none;
	margin-left:5px;
	padding-left:25px;
	width:100%;
	/*background: url(../imgs/logoPDF.png) no-repeat ;*/
}

/* -------------------------------------------
####### liste citroen
------------------------------------------- */
ul.citroen {
	margin:15px 0px 0px 35px;
	padding:0px 0px 0px 0px;
	color: #ffffff;
	font: normal 85% Arial,sans-serif;
    list-style:circle;
	}
	
li.citroen {
	margin:0 0 0 0;
	padding:0;
	font: normal 75% Arial,sans-serif;
	}

/* -------------------------------------------
####### span liste citroen
------------------------------------------- */
li.citroen span {
	margin:0;
	padding:0;
	font: normal 75% Arial,sans-serif;
	color:#cccccc;
	}

/* -------------------------------------------
####### liens citroen
------------------------------------------- */
.citroen a:link,
.citroen a:visited{
text-decoration:none; 
color:#ffffff;
}
	
.citroen a:hover,
.citroen a:active{ 
text-decoration:underline; 
color:#cccccc; 
}

/* -------------------------------------------
####### sous-titre tad + icone
------------------------------------------- */
.story a.capsuletad,
.story a.capsuletad:link{
	font: bold 1.1em Arial,sans-serif;
	color: #FFCC33;
	display:block;
	padding-bottom: 10px;
	text-decoration:none;
	margin-left:15px;
	padding-left:25px;
	width:80%;
	/*background: url(../imgs/icones/car.png) no-repeat ;*/
}

.capsuletad img{
	float: left;
	padding: 0px;
	margin-right:25px;
	border:5px solid #e7e7e7;
}
.parcim{
	float: left;
	padding: 0px;
	margin-right:25px;
	border:5px solid #e7e7e7;
}


.story a.capsuletad:hover{
	text-decoration: underline;
	color: #c3c5c6;
}

/* -------------------------------------------
####### sous-titre hitorique + icone
------------------------------------------- */
.story a.capsulehistorique{
	font: bold 1.1em Arial,sans-serif;
	color: #FFCC00;
	display:block;
	padding-bottom: 10px;
	text-decoration:none;
	margin-left:5px;
	padding-left:25px;
	width:80%;
	background: url(../imgs/icones/chart_bar.png) no-repeat ;
}

/* -------------------------------------------
####### sous-titre hitorique + icone
------------------------------------------- */
.story a.capsuleparc{
	font: bold 1.1em Arial,sans-serif;
	color: #99FF00;
	display:block;
	padding-bottom: 10px;
	text-decoration:none;
	margin-left:5px;
	padding-left:5px;
	width:80%;
	/*background: url(../imgs/icones/car_add.png) no-repeat ;*/
}


.capsuleparc img{
	float: left;
	padding: 0px;
	margin-right:25px;
	border:5px solid #e7e7e7;
}


/* ------- */

td.storyLeft{
	padding-right: 12px;
}


/* -------------------------------------------
####### pointillés sous story
------------------------------------------- */

.barre_story {
background: url(../imgs/bandepixels1.gif) repeat-x; 
height: .5em; 
padding-bottom:10px; 
padding-top:0px;
margin-left:10px;
margin-top:10px;
background-color:#505050;
}

.barre_story {
/*width: 24.5em*/
width: 86px;
}


/*******************************************************************/
/*                                                                */
/*           BLOC EDITO                                          */
/*                                                              */
/***************************************************************/

.edito {
	padding: 10px 60px 0px 17px;
	font-size: 90%;
}

/* -------------------------------------------
####### paragraphe edito
------------------------------------------- */
.edito p {
	font: normal 85% Arial,sans-serif;
	padding: 4px 120px 0px 10px;
	color: #ffffff;
	/*padding-top:15px;*/
}

/* -------------------------------------------
####### span edito + liens
------------------------------------------- */
.edito span {
	font: bold 100% Arial,sans-serif;
	color: #e7e7e7;
}

.edito a:active,
.edito a:link {
	font: bold 100% Arial,sans-serif;
	color: #99ccff;
	text-decoration:underline;
}

.edito a:hover a,
.edito a:hover,
.edito a:active{ 
	font: bold 100% Arial,sans-serif;
	text-decoration:none; 
	color:#ffffff; 
}

/* -------------------------------------------
####### h3 edito + liens
------------------------------------------- */
.edito h3{
	font: bold 1.3em Arial,sans-serif;
	color: #c3c5c6;
	padding: 5px 120px 0px 10px;
	margin-top:5px;
}

.edito h3 a:active,
.edito h3 a:visited,
.edito h3 a:link{
	color: #c3c5c6;
	text-decoration:none;
}

.edito h3 a:hover{
	color: #e7e7e7;
	text-decoration:underline;
}

/* -------------------------------------------
####### liste edito
------------------------------------------- */
.edito ul li{ 
margin-left:25px;
padding:0;
letter-spacing:0em;
color:#ffffff;
font: normal 100% Arial,sans-serif;
text-transform:none;
}

.edito ul li a:link,
.edito ul li a:active,
.edito ul li a:visited{ 
/*margin-left:25px;*/
letter-spacing:0em;
color:#ffffff;
font: normal 100% Arial,sans-serif;
text-decoration:none;
line-height:15px;
vertical-align:baseline;
}

.edito ul li a:hover{ 
color:#e7e7e7;
text-decoration:underline;
}

/* -------------------------------------------
####### pointillés sous edito
------------------------------------------- */
.barre_edito {
background: url(../imgs/bandepixels1.gif) repeat-x; 
height: .5em; 
padding-bottom:10px; 
padding-top:0px;
margin-left:10px;
margin-top:10px;
background-color:#505050;
}

.barre_edito {
width: 560px;
}

/*******************************************************************/
/*                                                                */
/*           BOUTON EN SAVOIR +                                  */
/*                                                              */
/***************************************************************/

#savoirplus{
	font: bold 0.8em Arial,sans-serif;
	position: absolute;
	color: #ffffff;
	padding:7px;
	margin-left:120px;
	margin-top:-28px;
	background-color:#0066cc;
}

#savoirplus a:active,
#savoirplus a:visited,
#savoirplus a:link{
	font: normal 95% Arial,sans-serif;
	text-decoration:none;
	color: #ffffff;
}

#savoirplus a:hover{
	font: normal 95% Arial,sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

/*******************************************************************/
/*                                                                */
/*           FOOTER                                              */
/*                                                              */
/***************************************************************/

#siteInfo{
	clear: both;
	border-top: 4px solid #adb8c3;
	/*border-top: 6px solid #373737;*/
	font-size: small;
	color: #ffffff;
	padding: 10px 40px 10px 10px;
	margin-top: 0px;
	/*background-color:#000000;*/
	background-color:#4397ed;
	text-align:right;
}

#siteInfo span{
	padding-right:250px;
	font: normal 85% Arial,sans-serif;
}

#siteInfo span a:link, #siteInfo span a:visited{
	font: normal 100% Arial,sans-serif;
	text-decoration:none;
	color:#1d3247;
}

#siteInfo span a:hover{
	font: normal 100% Arial,sans-serif;
	text-decoration:underline;
	color:#1d3247;
}

#siteInfo a:link, #siteInfo a:visited {
	font: normal 75% Arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
}

#siteInfo a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/*
#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

*/
/************* relatedLinks styles **************/

/*.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}*/


/********************* end **********************/



/* INPUT */
#field{
 border: solid 1px;
 width: 350px;
 height: 16px;
 font: normal 100% Arial,sans-serif;
 color: #000000;
 background-color : #e7e7e7;
 border-color : #CCCCCC;
}

#fieldadresse{
 border: solid 1px;
 width: 350px;
 height: 35px;
 font: normal 100% Arial,sans-serif;
 color: #000000;
 background-color : #e7e7e7;
 border-color : #CCCCCC;
}

#fieldhoraire{
 border: solid 1px;
 width: 150px;
 height: 16px;
 font: normal 100% Arial,sans-serif;
 color: #000000;
 background-color : #e7e7e7;
 border-color : #CCCCCC;
}

.fieldhoraire{
 border: solid 1px;
 width: 150px;
 height: 16px;
 font: normal 100% Arial,sans-serif;
 color: #000000;
 background-color : #e7e7e7;
 border-color : #CCCCCC;
}


#textarea{
 border: solid 1px;
 border-color: #CCCCCC;
 width: 350px;
 height: 120px;
 font: normal 100% Arial,sans-serif;
 color: #000000;
 background-color : #e7e7e7;
}

.scrolltick {
	
	}
	
.scrolltick ul {
	margin:0px;
	}
	
.scrolltick ul li {
	margin:0px;
	padding:0px;
	height:200px;
	list-style-type: none;
	}
	
.scrolltick ul li .image {
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	height: 94px;
	width: 106px;
	overflow: hidden;
	}
	
.scrolltick ul li .image .ontoploupe{
	position:absolute;
	z-index:99;
	}
	
.scrolltick ul li .floatleft_premium {
	margin:0px;
	float:left;
	width: 175px;
	text-align: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

.scrolltick ul li h3 {
	font-size: 12px;
	font-weight: bold;
	color: #64859F;
	margin-left: 10px;
	}
.scrolltick ul li h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
	margin-left: 10px;
	}
.scrolltick ul li .nbre_jour {
	background-color: #4E3738;
	font-weight: bold;
	color: #BAB6B7;
	margin-left: 10px;
	line-height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	padding: 0px;
	float: left;
	height: 30px;
	width: 80px;
	text-align: center;
}

.scrolltick ul li .prix_premium {
	padding: 0px;
	background-color: #4E3738;
	font-weight: bold;
	color: #FFF;
	margin-left: 1px;
	font-size: 1.1em;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	display: block;
	float: left;
	height: 30px;
	width: 80px;
}
#headerhome #video {
	float: right;
	height: 202px;
	width: 359px;
}

.FB { }.FB img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}