/*==============================================
    Styles générales
=================================================*/
.pivHaut .banniere {
  display:block;
  height:auto;
}

html {
  font-size:82%;
}

body {
  color: #4E3C14;
  font-family:"Trebuchet MS", Verdana, sans-serif;
  margin:0;
  
  word-wrap:normal;
  overflow-wrap:normal;
  word-break: keep-all ;
  text-wrap:suppress;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.requis{
  color: #AD3C10;
  margin-left:3px;
  font-weight: bold;
}

button:focus {
  outline:dotted 1px;
}


legend {
  font-weight:bold;
}

.grandTexte {
  font-size:104%;
}

#tailleTexte {
  margin-top:3px;
  margin-top:1px\9;
}

.rangee a:link{
  font-weight:normal;
}

#imprimer {
  margin-top:1px;
  margin-top:-1px\9;
}

.content .topFixe dd{
  margin-top:2px;
  margin-bottom:2px;
}

.diviseur_image{
  width:65%;
  border-top:1px #cccccc solid;
  margin-top:10px;
  margin-bottom:10px;
}

.grandTexte .rangee ul li{font-size:1.35rem\9;}
.grandTexte .rangee ol li{font-size:1.35rem\9;} 
.grandTexte .rangee blockquote {font-size:1.35rem\9;}

body .conteneur {
  width:760px;
}

p {
  line-height:1.22rem;
}

p {
    margin: 0 0 1em;
}

a img{
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -3px;
    margin-top: -3px\9;
}

.pivOutils a img{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 2px;
  margin-top: 0px\9;
}

li {
  list-style-position:outside;
  margin-left: 1em;
}

.conteneur li {
  list-style-image: url(../images/puce_rouge.gif);
}

.pivHaut {
  margin:0;
}

.pivHautLogo a {
  display:block;
}

.pivHautLogo img {
  padding-top:7px;
}

.constellio {
  margin-top:-18px;
  width:950px;
}

.constellio .banniere, .constellio header.pivHaut{
  width:950px;
}

.constellio .pivHautMenu ul.rangee{
  margin-top:-33px;
}

#BasDePage a{
  text-decoration:underline;
}


.pivHautMenu {
  background:url(../images/img_banniere.jpg) top right no-repeat;
}

.grandTexte .pivHaut .pivHautMenu ul a{
  font-size:0.65rem;
  font-size:0.85rem\9;
}


.conteneur a:link, .conteneur a:visited {
  color:#002c82;
  font-weight:normal;
}

.conteneur h2 a:link, .conteneur h2 a:visited {
  font-weight:bold;
}


.rangee a:hover, .rangee a:focus, .rangee a:active {
  text-decoration:none;
}

.pivHautMenu a:link, .pivHautMenu a:visited {
  color:#fff;
  text-decoration:none;
}


.pivHautMenu li {
    margin-left: 0em;
}


.pivHautMenu a:hover, .pivHautMenu a:focus{
  text-decoration:underline;
}

li.pivAlignementDroite {
  float:right;
  padding:0 10px 0 0;
}

.pivHautFonctionnalites {
  display:inline-block;
  width:16%;
  margin-top:7px;
}

.pivOutils {
  width:100%;
  display:inline;
}

.pivOutils li {
  margin-left:0px;
  border-left:none;
}
.pivImprimer:hover, .pivImprimer:active, .pivImprimer:focus {
  background-position:left bottom;
}

.pivTailleTexte {
  width:25px;
}

.send_ami {
  width:25px;
  height:21px;
  background:url(../images/ico_mail.gif) no-repeat;
}

.breadcrumbs {
  display:inline-block;
  width:84%;
  margin: 10px 0;
  font-size:0.95rem;
}
.breadcrumbs ol {
  display: inline-block;
  width: 545px;
}

.breadcrumbs ol li {
  margin-left: 2px;
  display:inline;
}
.breadcrumbs ol li:after{
  content : ">";
  margin: 0 0 0 3px;
}
.breadcrumbs ol li.last:after{
  content:"";
}


.breadcrumbs span{
  float:left;
  margin: 0 10px 0 0;
  height:30px;
}

.titreprincipal {
  display:none;
}

h1 {
  color: #8A1A0C;
  font-size: 1.4rem;
  margin: 0 0 10px 0;
  padding: 10px 0 20px 0;
  line-height: 1.5em;
  background: url(../images/bg_h1.jpg) no-repeat bottom left;
  font-weight:bold;
}

h2 {
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 13px 0 5px 0;
}

h3{
  color: #4E3C14;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 2px 0;
}

h4{
  color: #4E3C14;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 2px 0;
}

.content blockquote {
  margin: 10px 170px 10px 0;
  padding: 5px;
  border: 1px solid #f78c28;
  border-left: 5px solid #f78c28;
  font-size:1rem;
  color:#4E3C14;
  line-height:1.2rem;
}

.content dd {
  margin: 10px 20px 10px 20px;
}


.content dt {
  margin: 10px 0px 10px 0px;
}

.content ul {
  list-style-position: inside;
}

.conteneur ul {
  margin: 0 0 17px;
  padding-left:0px;
  padding-left:10px\9;
}

.conteneur .contenu ul {
  margin-left:2px;
  margin-left:-2px\9;
}

.contenu ul.csc-menu {
  margin-left:0px;
  margin-left:0px\9;
}

.contenu ul.csc-menu ul li {
  list-style-image: url(../images/puce_rouge.gif);
}


@media \0screen\,screen\9 { /* only screen and (min-IE-version: 6) and (max-IE-version: 8) */

  .content ul {
    padding-left:7px;
  }
}


.conteneur li.externe {
  list-style-image: url(../images/ico_externe.gif);
}

.conteneur li.externe a  {
  margin-left:-3px;
  display:block;
}

.csc-linkToTop a {
  float:right;
  clear:both;
  padding: 0 16px 0 0;
  background: url(../images/ico_haut.gif) no-repeat right;
}

/*-----------Titre particulier------- */
.TitreTaxis,
.TitreAutobus,
.TitreCamionnage,
.TitreTrains,
.TitreMaritime,
.TitrePEVL,
.TitreIntermediaire,
.TitreConducteur,
.TitreCommission {
  padding: 10px 0 23px 80px;
  line-height: 1em;
  word-break: keep-all;
  min-height:40px;
}
.TitreTaxis{
  background: url(../images/bg_h1_taxis.jpg) no-repeat top left;
}
.TitreAutobus{
  background: url(../images/bg_h1_autobus.jpg) no-repeat top left;
}
.TitreCamionnage{
  background: url(../images/bg_h1_camion.jpg) no-repeat top left;
}
.TitreTrains{
  background: url(../images/bg_h1_trains.jpg) no-repeat top  left;
}
.TitreMaritime{
  background: url(../images/bg_h1_maritime.jpg) no-repeat top left;
}
.TitrePEVL{
  background: url(../images/bg_h1_pevl.jpg) no-repeat bottom left;
}
.TitreIntermediaire{
  background: url(../images/bg_h1_inter.jpg) no-repeat bottom left;
}
.TitreConducteur{
  background: url(../images/bg_h1_conduc.jpg) no-repeat bottom left;
}
.TitreCommission {
  background: url(../images/bg_h1_commi.jpg) no-repeat top left;
  padding-bottom:40px;
}

h1 span {
  font-weight:normal;
  font-size:0.95rem;
  letter-spacing: 1px;
}

/*--------tableau------------*/
table {
  width:100%;
  margin:10px 0 20px 0;
}

table p {
  margin:0;
}

.fixe {
  width: 63px;
}

th {
  font-weight: bold;
  color: #8A1A0C;
  border-bottom: 1px dashed #8A1A0C;
  font-size: 0.9rem;
  background: url(../images/bg_degrade.jpg) repeat-x bottom;
  line-height: 1.1em;
  vertical-align: bottom;
  padding:3px;
}

td {
  border-bottom: 1px solid #F2E8CE;
  vertical-align: top;
  padding:3px;
}

table caption {
  text-align:left;
  font-size: 1.2rem;
}

th.fixe100 {
  width:100px;
}

th.fixe250 {
  width:250px;
}



/*----------------------------------
    Recherche
----------------------------------------------*/

.pivTopRecherche #search {
  float:left;
  width:102px;
  margin-right:3px;
}

.pivTopRecherche button {
  background:url(../images/btn_fleche.gif) top left no-repeat #fff;
  border:none;
  text-indent:-9999px;
  overflow:hidden;
  height:17px;
  width:17px;
  display:block;
  float:left;
}


/*-------------------------------------
  Main menu
--------------------------------*/


.main_menu_1{
  padding:0 15px 10px 0;
}

.main_menu_1 img, .main_menu_2 img {
  margin-bottom:20px;
}

.conteneur .main_menu_1 ul li, .conteneur .main_menu_2 ul li {
  list-style-type:none;
  list-style-image:none;  
}

.conteneur .main_menu_1 ul, .conteneur .main_menu_2 ul {
  margin-left:-15px;
  margin-left:-25px\9;
}

.main_menu_1 a:link, .main_menu_2 a:link,
.main_menu_1 a:visited, .main_menu_2 a:visited{
  text-decoration:none;
  display:block;
  border-bottom: 1px dashed #E6C4B7;
  padding:3px 25px 0 10px;
  font-weight:normal;
  line-height:1.3em;
  /*text-indent:1px;*/
}

.main_menu_1 a:hover, .main_menu_2 a:hover,
.main_menu_1 a:focus, .main_menu_2 a:focus,
.main_menu_1 a:active, .main_menu_2 a:active{
  background: url(../images/bg_bouton_ov.jpg) top right no-repeat;
}


/*---------------------------
  Section gut
----------------------------*/


#gut {
  float:right;
  width:30%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  *behavior: url('/fileadmin/templates/css/boxsizing.htc'); 
}

#gut_inner {
  padding: 55px 0 0 24px;
  background: url(../images/bg_gut.jpg) top right no-repeat;
}

#gut h2.premier{
  padding: 0 0 0 24px;
}


.grandTexte #gut h2{
  font-size:12px;
}

.grandTexte #gut a{
  font-size:12.5px\9;
}

.grandTexte #gut h2.interneGUT{
  font-size:0.9rem;
}

#gut a {
  color:#000;
  font-size: 0.9rem;
  font-size: 0.95rem\9;
}

#gut ul {
  margin:0;
  margin-left:-7px\9;
}

#gut li {
  margin-bottom:10px;
  list-style-image:url('../images/puce_gut.gif');
}

#gut h2 {
  margin: 3px 0 0px 0;
  font-size: 0.9rem;
      font-size: 0.95rem\9;
      font-weight:normal;
}

#gut .interneGUT {
  font-weight: bold;
  color: black;
  margin-bottom:5px;
}
/*-------------------------------
  col-right
------------------------------*/
a#Probleme-acces{
  margin-bottom: 10px;
  display: block;
}

/*-------------------------------
  col-left/sub_menu
------------------------------*/

.sub_menu {
  margin:10px 30px 0 0;
  padding:0 0 10px 0;
  
}

.sub_menu ul {
  margin-left:10px;
  padding:0 0 0px 0;  
}

.col-left li, .sub_menu li {
  padding:4px 0 4px 0;  
}

.sub_menu li a {
  font-size: 0.9rem;
  
}


.col-left {
  padding:0 3px 0 0;
}

.col-left ul li {
  list-style-image:url('../images/puce_actu.gif');
}

ul.toutes_actualites li {
  list-style-image:url('../images/puce_actu.gif');
  padding:2px 0 2px 0px;
  margin-left:10px;
}

.conteneur ul ul {
  margin:0;
  padding-bottom:0;
  padding-left:15px;
  padding-left:18px\9;
}

.conteneur ul ul li {
  list-style-image:url('../images/puce_lien.gif');
}

.col-left .externe {
  margin-left: 1.2em;
  margin-left: 1.2em\9;
}

.col-left a {
  font-weight:normal;  
}


.col-left a.act {
  font-weight:bold;
  text-decoration:none;  
}

/* titre de section dans le sub_menu */

#title_menu_droite{
  padding: 0 0 0 36px;
  margin:5px 0;
  min-height:35px;
}

.col-left .commission span{
  padding-top:10px;
}

#title_menu_droite h2{
  font-size:1rem;
  font-weight:lighter;
  margin:0;
  line-height: 0.8em;
  color:#841a0c;
}

#title_menu_droite h2 span{
  clear:left;
  display:block;
}

#title_menu_droite a, #title_menu droite a:visited {
  font-weight:bold;
  color:#8A1A0C;
  line-height: 1.2em;
}

#title_menu_droite.pevl{
  background: url(../images/bg_nv3_pevl.gif) no-repeat left 5px;
}

#title_menu_droite.commission{
  background: url(../images/bg_nv3_commi.gif) no-repeat left 5px;
}

#title_menu_droite.taxi{
  background: url(../images/bg_nv3_taxi.gif) no-repeat left 5px;
}

#title_menu_droite.autobus{
  background: url(../images/bg_nv3_autobus.gif) no-repeat left 5px;
}

#title_menu_droite.maritime{
  background: url(../images/bg_nv3_bateau.gif) no-repeat left 5px;
}

#title_menu_droite.trains{
  background: url(../images/bg_nv3_trains.gif) no-repeat left 5px;
}

#title_menu_droite.camionnage{
  background: url(../images/bg_nv3_camion.gif) no-repeat left 5px;
}

#title_menu_droite.intermediaire {
  background: url(../images/bg_nv3_inter.gif) no-repeat left 5px;
}

#title_menu_droite.conducteur {
  background: url(../images/bg_nv3_conduc.gif) no-repeat left 5px;
}


/*============================================
    page accueil
============================================*/
.page_accueil .wrap_content {
  width:70%;
  padding:0 22px 15px 22px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  *behavior: url('/fileadmin/templates/css/boxsizing.htc'); 
  background:url(../images/bg_sections.jpg) bottom center no-repeat;
}

.page_accueil #col-centre .wrap_content .rangee{
  width: auto;
}

.page_accueil .sub_menu {
  background:url(../images/bg_cote.jpg) top left no-repeat;
  border-top: 1px dashed #8A1A0C;
}

.page_accueil .wrap_content h2 {
  color: #8A1A0C;
  font-size: 0.9rem;
  margin: 0;
  padding: 10px 5px 5px 0;
}

.news-list-date{
  font-weight: bold;
  color: #4E3C14;
  font-size: 0.9rem;
  padding-right:3px;
}

.news-latest-item{
    margin-bottom:6px;
}

.news-latest-container a, ul.toutes_actualites{
    font-size: 0.95em;
}

.select_tt_news{
    float:right;
    margin-top:-10px;
}

.select_tt_news select#cat_news{
    margin-right:2px;
}

.select_tt_news select#cat_news option{
    padding:0.5px;
}

.news-single-backlink {
  margin-bottom:10px;
}



/*=================================
  Plan du site
==================================*/

.csc-sitemap ul {
  list-style-image: none;
  list-style-type: none;
  padding:5px 0 0;
}

.csc-sitemap li {
  padding:0 0 5px;
}

.csc-sitemap-level1 {
  font-weight:bold;
}

.csc-sitemap-level1 ul {
  list-style-image: url(../images/puce_rouge.gif);
  font-weight:normal;
}

/*===============================
  Nous joindre/ envoyer à ami / Sondages
===============================*/

.Tx-Formhandler {
  margin:15px 0 10px 0;
}

.Tx-Formhandler p, div.question {
  border-bottom: 1px solid #F2E8CE;
  margin:0;
  padding:3px;
}

div.question label {
  font-weight:bold;
}

div.question {
  margin-bottom:5px;
}

div.question p.boutonRadio label {
  font-weight:normal;
}

.Tx-Formhandler p.boutonRadio {
  border-bottom: none;
}

.Tx-Formhandler  textarea {
  width:58%;
}

textarea {
    resize: none;
}

.Tx-Formhandler .bouton, .btnEnvoyerForm, #select_send {
  border: 1px solid #8A1A0C;
  color: #4E3C14;
  margin: 10px 10px 0 0;
  background: #fff url(../images/bg_btn.gif) no-repeat bottom right;
  cursor: pointer;
  padding: 2px 4px 2px 5px;
  font-size:0.95rem;
}

#select_send{
  margin: 0;
}

.Tx-Formhandler .boutons, .simple_bouton{
  float:right;
}

.Tx-Formhandler:after {
   visibility: hidden;
       display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;
}


.moitieFixe {
  display:inline-block;
  width:49%;
}

.moitieFixe img {
  margin:10px 0;
}

.formulaire label {
  min-width:190px;
  display:inline-block;
  margin-right:10px;
}

#tipafriend label {
  min-width:205px;
}

.formulaire input[type=text] {
  width:200px;
}

.footnote {
  display:block;
  font-size:90%;
}

.formulaire .simple_bouton {
  border:none;
  padding:0;
}

ol.formulaire li {
   text-indent: 0;
  margin-left: 0;
}

.phone1, .phone2 {
  display:inline-block;
}

#suggestion .phone2 label {
  min-width:1px;
  width:auto;
  margin:0 3px 0 10px;
}

#suggestion .phone2 input {
  min-width:20px;
  width:60px;
}

.mentionRequis {
  color: #AD3C10;
}

/****Erreur*****/

div#erreur {
  border: 1px solid #AD3C10;
  border-left: 5px solid #AD3C10;
  padding: 10px;
  margin: 0 20px 15px;
}

span.error {
  background: url(../images/ico_messErr.jpg) no-repeat top left;
  margin: 0;
  padding: 2px 30px;
  color: #AD3C10;
  font-size:1.1rem;
  font-weight:bold;
}

#erreur ul {
  margin-left: 45px;
}

#erreur li.error {
  margin: 5px 0;
  color: #4E3C14;
}

#erreur li.error a {
  color: #4E3C14;
}

/*===========================
  Actualite  
=============================*/
.news-list-container .news-list-date {
  font-weight: normal;
  color: #4e3c14;
  font-size: 1rem;
  display: block;
  padding-bottom: 3px;
}

.news-list-container .news-list-item a{
  margin-bottom:10px;
}

.conteneur ul.news-latest-container{
  margin-bottom:0;
}

.news-latest-container li{
  list-style:none;
  margin-left:0;
}


/*==========================
  pivBas
============================*/

footer .navlist2 {
  margin-top:25px;
}

.pivBas ul.menu_principal {
  margin:0px;
}

.pivBas a:link, .pivBas a:visited{
  font-size:0.95rem;
  font-size:1rem\9;
  text-decoration:underline;
}

.pivBas a:hover, .pivBas a:focus, .pivBas a:active{
  text-decoration:none;  
}

.pivBas li:after {
  content:"|";
}

.pivBas ul.menu_principal li a {
   margin-left:4px;
   margin-right:6px;
}

.pivBas li.last:after {
  content:"";
}
/*==========================
  Lightbox
==================================*/

.lb-container, .lb-dataContainer {
  background:#fff;
}

.lb-caption {
  color:#000;
}

/*===============================
  Styles English
===============================*/
.home_en .col-left, .home-en #gut {
  display:none;
}

.home_en blockquote {
  margin: 10px 170px 10px 0;
}

.home_en .section {
  width:100%;
}

.home_en blockquote p {
  margin:0;
  color:#000;
}

/******** framework *****************/

.rangee .vingtpc{
    margin:0;
    display:inline-block; /* Remplace float:left; compatible avec le responsive design */
    vertical-align:top; /* Nécessaire avec le inline-block; p-e pas nécessaire puisque déjà initialisé en début de CSS */
    zoom:1; /* Compatibilité inline-block avec IE6 + IE7 */
    *display:inline; /* Compatibilité inline-block avec IE6 + IE7 */
    } 
  
  .rangee .vingtpc{ width:20%;} /* 100% divisé par 5 */

/******** Nous joindre *****************/
#suggestion .error a, #suggestion .entree_erreur {color:#D90000;}  
.boite_suggestion span{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.boite_suggestion:hover, .boite_suggestion:focus{ background-position:left -44px;}
#suggestion label {display:inline-block;width:6em;}

/************ Dam **********/

.filtres form {float: left; padding: 0.7em;}
.ordre-tri li {display: inline;}
.ordre-tri li a {margin: 0 0 0 0.4em;}
.filtres {background-color: #CCCCCC; margin-bottom: 2em; overflow: hidden;}
.filtres .choix {float: left; margin-top: 0.65em;}
.listing-dam-titre .pdf{background:url("../images/icons/pdf.png") no-repeat; width:16px; display:inline-block; margin-left:2px;}


.visuallyHidden, .visuallyhidden, .hors_ecran {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}