@charset "UTF-8";
/* CSS Document */

/********** PAGE **********/

* { margin:0; padding:0; }
body { }
.clear { clear:both; }
.float { float:left; }
.searchbox {width:170px;}
#cse-search-results {width:900px;}

/********** TEXTES **********/

#texte_merci { margin-left:20px; }
#texte_expli { margin-left:20px; }
.valid { padding:23px; background:#eeeeee repeat; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.3) inset;
  box-shadow:rgba(0, 0, 0, 0.3) 0 15px 10px -10px, rgba(0, 0, 0, 0.6) 0 1px2px, rgba(0, 0, 0, 0.3) 0 0 30px inset;
  -moz-opacity : 0.5;  }

h2 { font-size:20px; line-height:30px; }
p.h2_style { font-size:20px; line-height:30px; }
a.h2_style { font-size:18px; line-height:10px; }

.texte_pdm { font-size:14px; line-height:19px; margin-bottom:7px; }
p.transit_texte { font-size:26px; color:#666; text-align:center; margin-bottom:20px; }
.red {  color:#b40e29; }

a { text-decoration:none; color:#000; } 
a img { text-decoration:none; color:transparent; border:none; } 
a:hover { text-decoration:none; color:#b40e29; } 

.texte_big { font-size:22px;  }

#connection_content p, #connection_content form { display:inline; float:left; }


.mini_float { float:left; width:340px; }
#mini_2 { padding-left:120px; }

/********** FANCY BOX **********/

.box_operateur { width:auto; height:auto; overflow:auto; }

/********** HEADER **********/

#connection { height:35px; width:100%; background:#333 repeat; }
#connection_content { width:960px; margin:auto; padding-top:10px;  }
#connection_content .top_head { float:right; }
#connection_content .search_form { margin-top:-2px; margin-left:4px; }
#connection_content .log { color:#CCC; font-size:13px; display:inline; }
#connection_content p a { color:#CCC; text-decoration:none; display:inline; }
#connection_content p a:hover { color:#FFF; }

#header { height:127px; width:100%; background:#e5e5e5 repeat; border-bottom:1px solid #ccc; }
#header_content { width:960px; margin:auto; }
#header_content #navigation ul li { float:left; }

#logo { height:75px; width:75px; margin-top:30px; float:left; }
#logo a img {  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.5) inset;
  box-shadow:rgba(0, 0, 0, 0.3) 0 15px 10px -10px, rgba(0, 0, 0, 0.6) 0 1px 4px, rgba(0, 0, 0, 0.1) 0 0 40px inset; }
#logo a:hover img { -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.5) inset;
  box-shadow:rgba(0, 0, 0, 0.5) 0 15px 10px -10px, rgba(0, 0, 0, 0.9) 0 1px 4px, rgba(0, 0, 0, 0.3) 0 0 40px inset; }

#left_header { float:right; height:127px;  }

#social { float:right; }
#social ul li { float:left; list-style-type:none; }
#social ul li a { height:25px; width:25px; padding:22px 0px 0px 0px; margin-left:6px; display:block; }
#social a img {  border:none }

#navigation { border:0px solid red; }
#navigation ul li { list-style-type:none; }
#navigation ul li a { padding:48px 25px 16px 25px; display:block; font-size:15px; text-decoration:none; color:#404040; } 
#navigation ul li a:hover { background:; color:#b40e29; }
#navigation ul li.sub_navigation a:hover { background-color:url(../images/subnav_button.png) center bottom no-repeat; }

/********** HEADER **********/

#m1, #m2, #m3, #m4  { position: absolute; visibility: hidden; margin: 0; padding: 0; background: none; }

#navigation ul li #m1 a, #navigation ul li #m2 a, #navigation ul li #m3 a, #navigation ul li #m4 a 
{ position: relative; text-align:center; z-index:10; border-bottom:#666 solid 2px; margin-bottom:1px; display: block; margin-top:-1px; padding:7px 10px 7px 10px; text-decoration:none; background: #999; color: #fff; font: 12px arial; min-width:120px;  }

#navigation ul li #m1 a:hover, #navigation ul li #m2 a:hover, #navigation ul li #m3 a:hover, #navigation ul li #m4 a:hover 
{ position: relative; z-index:10; text-decoration: none; background: #b40e29; font: 12px arial; }

#navigation ul li #m2 { margin-left:-5px; }
#navigation ul li #m3 { margin-left:-22px; }
#navigation ul li #m4 { margin-left:-10px; }


/********** SLYDER **********/


/* IMAGES */

#gallery { /* CSS3 Box Shadow */ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA;
	/* CSS3 Rounded Corners */ -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;
	border:1px solid white; 
	background:url(../images/slyde/panel.jpg) repeat-x bottom center #ffffff; width:960px; overflow:hidden; }

#my_gallery { width:100%; height:auto; background: url(../images/slyde_back.jpg) repeat-x; }
#my_gallery_content { width:960px; margin:auto; padding-top:20px; padding-bottom:20px; }

#gallery #slides { height:300px; width:960px; overflow:hidden; }

#gallery .slide{ float:left; }


/* THUMBNAIL */

#gallery #menu { height:45px; width:480px; margin:auto; }

#gallery ul{ margin:0px; padding:0px; }

#gallery li { width:60px; display:inline-block; list-style:none; height:45px; overflow:hidden; }

#gallery li.inact:hover { background:url(../images/slyde/pic_bg.png) repeat; }

#gallery li.act, #gallery li.act:hover { background:url(../images/slyde/active_bg.png) no-repeat; }

#gallery li.act a { cursor:default; }

#gallery .fbar { width:2px; background:url(../images/slyde/divider.png) no-repeat right; }

#gallery li a { display:block; background:url(../images/slyde/divider.png) no-repeat right; height:35px; padding-top:10px; }

#gallery .menuItem a img { padding-left:17px; }

#gallery a img { border:none; }




/********** PAGE INFO **********/

#page_info { height:50px; width:100%; background:url(../images/transit_back.jpg) repeat; }
#page_info_content { width:960px; margin:auto; padding-top:13px; white-space:nowrap; }
#page_info_content h1 { font-size:21px; color:#555;  font-family: "Arial", Helvetica, sans-serif;  }
#page_info_content a { text-decoration:none; font-style:italic; color:#333; font-size:14px; }
#page_info_content a:hover { text-decoration:none; font-style:italic; color:#b40e29; }
#page_info_content .h1, #page_info_content .page_position, #page_info_content h1 { display:inline; }


/********** CONTAINER **********/

#transit_L { width:960px; height:2px; background:url(../images/transit_L.png) repeat; }

#container { height:auto; width:100%; background:#fdfdfd url(../images/container_back.jpg) repeat-x; }
#container_content { width:960px; margin:auto;  }
#content { padding-top:-20px;  }

.social_big { margin-top:10px; }
.social_big a img { border:none!important; margin:8px 10px -2px 0; }

.input { padding:4px; margin-right:5px; display:block; margin:10px 0 10px 0; }
.input_obli { padding:4px; margin-right:5px; display:block; margin:10px 0 10px 0; border:#C00 2px groove; }
.selected { margin-top:20px; }

#content_border { outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 10px;
	background: #f0f0f0;}

.texte_content { padding-top:30px; padding-bottom:30px; }

.collum .two_float { width:200px; margin-right:20px; float:left; padding-top:20px; }

/********** IMAGES LINKS **********/

 a.tc_mini_img img  { width:115px; height:49px; color: #fff; margin-bottom:14px; margin-right:13px; }
 
 a.tc_minium_img img  { width:119px; height:80px; margin-bottom:20px; margin-right:37px; }
 
 a.tc_medium_img img  { width:190px; height:120px; margin-bottom:20px; margin-right:37px; }
 
 a.tc_mediumhome_img img  { width:255px; height:150px; margin-bottom:20px; margin-right:37px; }

 a.tc_big_img img  { width:255px; height:120px; color: #fff; margin-bottom:17px; margin-right:10px; }

img.img_float  { margin-right:20px; }
 
 a.tc_mini_img img,  a.tc_big_img img, a.tc_minium_img img, a.tc_medium_img img, a.tc_mediumhome_img img, img.img, img.img_float {  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.4) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.6) inset; }
 
 a.tc_mini_img:hover img, a.tc_big_img:hover img, a.tc_minium_img:hover img,  a.tc_medium_img:hover img,  a.tc_mediumhome_img:hover img   {  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.5) inset;
  box-shadow:rgba(0, 0, 0, 0.3) 0 15px 10px -10px, rgba(0, 0, 0, 0.6) 0 1px 4px, rgba(0, 0, 0, 0.1) 0 0 40px inset;
   }

/********** TWO COLLUM **********/

.two_collums { width:960px; height:auto; padding-top:10px; }
.two_collums .collum_R, .two_collums .collum { width:460px; height:auto; float:left; padding:20px 20px 20px 0px; }

.two_collums .collum_R .mag_title { font-size:24px; margin-bottom:10px; color:#333; }
.two_collums .collum_R h2.mag_title { font:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.two_collums .collum_R { line-height:30px; color:#555; margin-top:5px; }

.two_collums .collum p.collum_title { font-size:26px; color:#666;  }
.two_collums .collum p.collum_description { font-size:16px; color:#b40e29; margin-bottom:12px; }

.two_collums .collum p.tc_title { font-size:26px; color:#666; margin-bottom:5px; }
.two_collums .collum p.tc_texte { font-size:16px; color:#b40e29; margin-bottom:15px; }

.collum p.page_title { font-size:26px; color:#666; }
.collum p.page_description { font-size:16px; color:#222; margin-bottom:12px; margin-top:12px; }
.collum p.page_description a { color:#b40e29; }
.collum p.page_texte { font-size:16px; color:#b40e29; margin-bottom:15px; }


/********** THREE COLLUM **********/

.three_collums { width:960px; height:auto; padding-top:10px; }
.three_collums .collum_R, .three_collums .collum, .three_collums .collum_C { width:300px; height:auto; float:left; padding:20px 20px 20px 0px; }
.three_collums .collum { background:url(../images/transit_vertical_back.png) no-repeat top right; min-height:300px; }

.three_collums .collum_R a.tc_mini_img img.collum_r  { margin-right:0px; }

.three_collums .collum_R  { padding-left:20px; width:260px;}
.three_collums .collum_C  { padding-left:20px; width:300px; background:url(../images/transit_vertical_back.png) no-repeat top right; }
p.tc_title { font-size:26px; color:#666; margin-bottom:5px; }
p.tc_title_home { font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; margin-bottom:10px; }
a img  {  }
a:hover img  {  }

p.tc_texte { font-size:14px; color:#333; line-height:20px; width:280px; padding-bottom:15px; }
p.tc_texte_large { font-size:14px; color:#333; line-height:20px; width:auto; padding-bottom:15px; }
p.tc_texte_red_large { font-size:14px; color:#b40e29; line-height:20px; width:auto; padding-bottom:15px; }
a.tc_more { color:#b40e29; padding-top:16px; text-decoration:none; display:block; }
a.tc_more_content { color:#b40e29; padding-top:12px; text-decoration:none; display:block; }
a:hover.tc_more { text-decoration:underline; }


ul.li li { margin-top:10px; list-style-type:square; list-style-position:inside; }
ul li { list-style-type:square; list-style-position:inside; }
ul.number li {  margin-top:10px; list-style-type:decimal; list-style-position:inside; }

ul.home_li li { margin-top:10px; list-style-type:square; list-style-position:inside; }
ul.home_li li a { line-height:19px; text-decoration:none; color:#333; }
ul.home_li li a:hover { list-style-type:square; text-decoration:none; color:#b40e29; }

ul.li_adresse  { width:700px; }
ul.li_adresse li { margin-top:10px; list-style-type:square; list-style-position:inside; width:700px;  }
ul li_adresse { list-style-type:square; list-style-position:inside; }
ul.number li_adresse {  margin-top:10px; list-style-type:square; list-style-position:inside; }

p.small_texte, span.small_texte { font-size:12px; line-height:15px; }

/********** ADRESSES **********/

.bigimg .content_bigimg { background: url(../images/maps_back.png);  padding:10px; }

a.mailto { color:#b30f28; text-decoration:none; }
a:hover.mailto { color:#b30f28; text-decoration:underline; }

.magasin p { display:inline; float:left; max-width:400px; }
.magasin span { width:35px; height:30px; display:block; float:left; }
.magasin span, .magasin p { margin-top:6px; }
.magasin span.home { background:url(../images/ico_home.png) no-repeat; } 
.magasin span.mail { background:url(../images/ico_mail.png) no-repeat; } 
.magasin span.acces { background:url(../images/ico_acces.png) no-repeat; } 
.magasin span.tel { background:url(../images/ico_tel.png) no-repeat; } 
.magasin span.horaires { background:url(../images/ico_horaires.png) no-repeat; }
.magasin span.sas { background:url(../images/ico_sas.png) no-repeat; }
.magasin span.relation { background:; }
.magasin span.attention { background:url(../images/ico_attention.png) no-repeat; }

 span.ico_geoloc { background:url(../images/ico_geoloc.png) no-repeat; width:35px; height:30px; display:block; float:left; }
 span.ico_mag { background:url(../images/ico_mag.png) no-repeat;width:35px; height:30px; display:block; float:left;  }
 
 
 p.texte_description { width:230px; font-size:14px; }
 
/********** FOOTER **********/

#footer { height:40px; background: url(../images/footer_back.jpg) repeat-x; }
#footer_content { width:960px; margin:auto; padding-top:13px; }
#footer p { font-size:14px; }
#footer ul li {display:inline; }
#footer ul li a { font-size:14px; display:block; }
#footer .white {color:#FFF; }


.f_nav { float:right; display:inline; }
.f_nav ul li { list-style-type:none; float:left; padding-left:25px; }
.f_nav ul li a { color:#999; text-decoration:none; }
.f_nav ul li a:hover { color:#FFF; text-decoration:none; }

.copyright { color:#CCC; display:inline; }


/**********   INFOBULLE **********/

a.tc_minium_img{
position:relative;
color:#000;
text-decoration:none
}
 
a.tc_minium_img:hover{
background-color:#
}
 
a.tc_minium_img span{
display: none; z-index:100;
}
 
a.tc_minium_img:hover span{
display:block;
position:absolute;
bottom:120px; left:0em; width:17em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}