
/******** Formulaire Générale *********/
#formulaireContentContainer {padding-top:20px; padding-left:20px;}

.formulaireBloc{    background-image: url(../img/interface/n3DevisTabBkgrd1.gif);    background-repeat: repeat-y;    width: 382px;    overflow: visible; margin-bottom:20px;}
.formulaireHaut{    background-image: url(../img/interface/n3DevisTabh1.gif);   background-position: left top;    background-repeat: no-repeat;    text-align: center;}
.formulaireBas{    background-image: url(../img/interface/n3DevisTabb1.gif);    position: relative;    background-position: left bottom;    background-repeat: no-repeat;    text-align: center;    display: block;}

.formulaireBigBloc { background-image: url(../img/interface/resultTab_bkgrd.gif);    background-repeat: repeat-y;    width:740px; overflow: visible; }
.formulaireBigHaut{    background-image: url(../img/interface/resultTab_h.gif);  background-position: left top;    background-repeat: no-repeat;    text-align: center;}
.formulaireBigBas { background-image: url(../img/interface/resultTab_b.gif);    position: relative;    background-position: left;    background-repeat: no-repeat;    text-align: center;    display: block; }

/*version sur 2 colonnnes *//*
.formulaireRightContainer {width:360px; float:left; margin-bottom:25px; margin-top:25px;}
.formulaireLeftContainer {width:380px; float:left; margin-right:10px; margin-bottom:25px; margin-top:25px;}
*//*version sur 1 colonnes */
.formulaireRightContainer {width:540px; float:none; margin-left:200px; margin-bottom:25px; margin-top:25px;}
.formulaireLeftContainer {width:540px; float:none; margin-left:200px; margin-bottom:25px; margin-top:25px;}

.formulaireBigContainer {width:740px; float:left; margin-right:10px; margin-bottom:25px; margin-top:25px;}


.formulaireContent {    padding-left: 15px;    text-align: left;  position: static; overflow: auto;}
.formulaireContent h1 {font-size:11px; margin:0px 0px 3px 0px;}
.formulaireContent label {   font-weight: bold;    margin: 0px 0px 3px 0px;   color: black;}

.formulaireContent p  { float: left; /* position: static;  */ margin-bottom: 10px;   font-weight: bold;  vertical-align: middle; }
.formulaireContent span{ float: left;  font-weight:normal;  color: #df0014;}

.formulaireContent input {   font-size: 11px;    margin-bottom:3px;  float:none;  margin-right:10px; font-weight:normal; }
.formulaireContent select{    font-size: 11px; font-weight:normal;   width:300px;    margin-bottom:3px;    margin-right:10px; }
.formulaireContent option, radio{    font-size: 11px;   font-weight:normal;     margin-bottom:3px;    margin-right:10px; }
.formulaireContent textarea {    font-size: 11px;    font-weight: normal;    width: 300px;    margin-bottom: 3px;    margin-right: 10px;    height: 70px;}


.formulaireContent .radio  { float: none; width:300px; vertical-align: middle;  position: relative;  margin-bottom: 10px; margin-top:-7px;  font-weight: bold;  vertical-align: middle; }
.formulaireContent .radio input {    float: left;    text-align: left;    position: relative;    margin-bottom: 10px;    font-weight: normal;    }
.formulaireContent .radio label {    font-weight: normal;  width:120px; text-align:left; float:left; }

.formulaireContent .check  { width:100%;  margin-bottom: 10px; margin-top:-7px;  font-weight: bold;  vertical-align: middle; }
.formulaireContent .check input {     text-align: left;       font-weight: normal;    }
.formulaireContent .check label {  float:none;  font-weight: normal; text-align:left; }

.formulaireContent div { width:300px; float:left; position:relative; margin-left:15px; }
/* permet au footer de ne pas chevaucher le contenu */
.formulaireContent .formBas {    clear: both;    display: block;    float: none;    overflow: visible;    position: relative;}

.formulaireContent .little {   width:140px;   margin-right:10px; }
.formulaireContent .big {   width:300px;   margin-right:10px; float:none; clear:both; }
.formulaireContent .large {  float:none; width:250px;  margin-bottom:10px; }
.formulaireContent .title  { float:none;   width:250px;   margin-bottom: 10px;    font-weight: bold;   font-size: 13px;    font-variant: small-caps; }
.formulaireContent h2 {float:none;   width:250px;   margin-bottom: 10px;  color:#df5a16;   font-weight: bold;   font-size: 14px;    font-variant: small-caps; }

.warning {float: none;  font-weight:normal;  color: #df0014;} /*223, 0, 20   */
.formulaireInfosRouge {float:right; color:#df0014; font-weight:normal; margin-bottom:20px; width: 331px;}
.formulaireBoutonContainer {    width: 90%;  margin-top:25px; margin-bottom:25px; text-align: right;   clear: none;    float: none;    }

.formulaireBlocTitle {     padding-left: 25px;    margin-bottom: 0px;    text-align: left;    font-weight: bold;    font-size: 16px;    color: #df5a16;    font-variant: small-caps; }
.formulaireBlocFin {     padding: 25px;    margin: 25px;    text-align: left;    font-weight: bold;    vertical-align: middle; text-align: center }
#timelineCenter {  margin-top:20px; margin-bottom:10px; margin-left:85px;  float: none; padding-bottom:10px; }


/********* page collectivites **********/
#collectivitesTitle, #entreprisesTitle {margin-right:20px; }
#collectivBandeau {background-color:#df5a16; height:20px; border-bottom:solid 1px #fff; clear:both;}
#collectivEditoContainer {background-color:#DFD8B9; padding-top:10px; background-image:url(../img/interface/collectivFrise.gif);background-repeat:no-repeat; background-position:0 100%; height:165px;}
#collectivEditoContainerB {background-color:#DFD8B9; background-image:url(../img/interface/collectivFrise.gif);background-repeat:no-repeat; background-position:0 100%; }

#collectivEditoLeft {width:350px; padding:0px 30px 0px 20px; float:left;}
#collectivEditoLeftB {width:470px; padding:35px 30px 15px 20px; float:left;}
#collectivEditoLeftB h1 {color:#df5a16; font-size:24px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;}
#collectivEditoLeftB h2 {color:#000; font-size:12px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;}
#collectivEditoLeftB p {margin:0;}
#collectivEditoLeft em {font-weight:bold; font-style:normal;}
#collectivEditoLeft p {margin:5px 0px 0px 0px; font-size:11px;}

.collectivVisuelType1 {margin-top:5px;}

#collectivEditoRightB {width:200px; vertical-align:middle; text-align:center;  padding:0px 20px 0px 0px; float:right;}
#collectivEditoRightB h1 {color:#df5a16; font-size:24px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;}
#collectivEditoRightB h2 {color:#000; font-size:12px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;}
#collectivEditoRightB p {margin:0;}
#collectivEditoRight em {font-weight:bold; font-style:normal;}
#collectivEditoRight p {margin:5px 0px 0px 0px; font-size:11px;}


#collectivBandeauBas {background-color:#000000; padding:5px 0px 0px 20px; height:23px; border-top:solid 2px #fff;}
#collectivContent {padding:20px 0px 0px 0px; width:570px; }
.collectivRetrait {padding:0px 0px 0px 20px; }
.collectivContentBloc {width:190px; float:left; line-height:15px;}
#collectivProgTitle { position:relative; left:20px; top:0px; width:153px; height:30px;}


#collectivPartners1 { float: right;    left: 606px;    top: 425px;  }

#collectivPartners { width: 130px;}
#collectivPartnersMiddle {background-image:url(../img/interface/coll_bkgrd_mid.gif); width: 180px;  background-repeat:repeat-y; background-color:transparent;}
#collectivPartnersMiddle em {color:#fff; font-style:normal; padding-left: 10px;    padding-right: 10px;}
#collectivPartnersMiddle p {    margin: 5px 0px 0px 0px;    line-height: 13px;    padding-left: 10px;    padding-right: 10px;}
#collectivPartnersMiddle a {display:block; color:#000; text-decoration:none; padding-left: 10px;    padding-right: 10px;}
#collectivPartnersMiddle h1 {color:white; font-size:11px; margin:3px 0px 5px 0px; padding-left: 10px;    padding-right: 10px;}
#collectivPartnersMiddle a:hover {text-decoration:underline; padding-left: 10px;    padding-right: 10px;}
#collectivPartnersTop {    position: static;    height: 22px;    width: 180px;    background-image:url(../img/interface/coll_bkgrd_top.gif); background-repeat:no-repeat; background-color:transparent;}
#collectivPartnersBottom{    background-image: url(../img/interface/coll_bkgrd_bottom.gif);    background-repeat: no-repeat;    background-color: transparent;    position: static;    height: 34px;    width: 180px;}


#collectivFormContent1 {padding:5px 0px 0px 20px}
#collectivFormContent1 div {width:380px; float:left; font-weight:bold; padding-top:5px;}
.collectivInput1 {width:130px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;}
.collectivInput2 {width:360px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;}
.collectivInput3 {width:80px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 5px 3px 0px;}
.collectivInput4 {width:272px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;}
.collectivInput5 {width:360px; height:40px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;}
p.collectivFormValid {padding:40px 20px 0px 0px;margin:0; text-align:right;}


/******** page n-1 groupe/collectivits_detail ********/
#devisGroupeCenter {width:400px; float:right; font-weight:bold; padding:0px 0px 0px 170px;}
#devisGroupeCenter  h1 {font-size:11px; margin:0px 0px 3px 0px;}
.devisInfos1 {float:right; color:#f2ab01; font-weight:normal; margin-right:50px;}
.devisInfos2 {color:#f2ab01; font-weight:normal; }

#devisGroupeRight {width:400px; float:none;font-weight:bold;}
.devisGroupeTab1Bkgrd {background-image:url(../img/interface/n3DevisTabh1.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:341px;}

#FormBlocCollectivites{	background-image: url(../img/interface/n3DevisTabBkgrd1.gif);padding:0px 20px 0px 20px;	background-repeat: repeat-y;	width: 400px;	background-position: left;}
#FormHautCollectivites {background-image:url(../img/interface/n3DevisTabh2.gif);  background-position: left; background-repeat:repeat-x;      text-align: center;   }
#FormBasCollectivites {background-image:url(../img/interface/n3DevisTabb1.gif);   background-position: left;  background-repeat: repeat-x;    text-align: center; }
.texteReponseGoupe {  font-weight: normal; padding-bottom: 100px; margin: 30px 30px 100px 50px; vertical-align: middle; text-align: center }

#devisGroupeCenter2 {width:300px; float:right; font-weight:bold; padding:0px 5px 0px 100px;}
#devisGroupeCenter2  h1 {font-size:11px; margin:0px 0px 3px 0px;}
#FormBlocVous {padding:0px 140px 0px 0px;	background-repeat: repeat-y;	width: 400px;	background-position: left;}
#FormHautVous {background-image:url(../img/interface/n3DevisTabh2.gif);  background-position: left; background-repeat:repeat-x;      text-align: center;   }
#FormBasVous  {background-image:url(../img/interface/n3DevisTabb1.gif);   background-position: left;  background-repeat: repeat-x;    text-align: center; }
p.groupeCollectivFormValid{	margin: 0px 0px 0px 200px;	text-align: right;}



/********** resultat recherche **************/
#resultFormContainer {padding:1px 20px 20px 20px;}
.resultTabBkgrd {background-image:url(../img/interface/resultTab_bkgrd.gif); background-repeat:repeat-y; z-index:1;}
.searchTabCell1 {padding-left:15px; z-index:2;}
#resultFormContainer form select {font-size:11px; margin-top:2px;}
#resultFormContainer table td {padding-top:2px; padding-bottom:3px;}
.searchTabCell2 {vertical-align:bottom;z-index:2;}
#resultTitre {background-color:#df5a16; height:29px; padding-left:20px; padding-top:6px; margin-bottom:0px;}
#resultContainer {padding:15px 20px 15px 20px;}
.resultBloc1 {margin:0; padding-bottom:20px;z-index:2;}
.mdcLeftContentType1 {width:170px; padding-right:20px; float:left; text-align:right;}
#resultParamaeter {float:none; padding-bottom:30px;}
#resultParamaeter .input {float:left; padding-right:5px;}
#resultMessage {float:none; width:400px; padding-left:10px; padding-bottom:30px;}

.btnRechercher1 {    width: 135px;    font-weight: bold;    color: #ffffff;    font-family: Arial;    background-color: #df5a16;    padding: 0px;    margin: 0px;    font-size: 11px;    text-transform: capitalize;    border-right: #df5a16 thin solid;    border-top: #df5a16 thin solid;    border-left: #df5a16 thin solid;    border-bottom: #df5a16 thin solid;}
.btnRechercher2 {    width: 30px;    font-weight: normal;    color: #ffffff;    font-family: Arial;    background-color: #df5a16;    padding-right: 0px;    padding-left: 0px;    font-size: 11px;    padding-bottom: 0px;    margin: 0px;    text-transform: capitalize;    padding-top: 0px;    border-right: thin solid;    border-top: thin solid;    border-left: thin solid;    border-bottom: thin solid;}
.btnRechercher3 {    width: 135px;    font-weight: bold;    color: #df5a16;    font-family: Arial;    background-color: #ffffff;    padding: 0px;    margin: 0px;    font-size: 11px;    text-transform: capitalize;    border-right: #df5a16 1px solid;    border-top: #df5a16 1px solid;    border-left: #df5a16 1px solid;    border-bottom: #df5a16 1px solid;}
.tableauDate {width: 135px;}
.resultatRech {color: #df5a16;}
.btnSuivant {width: 135px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #df5a16; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px; text-transform: capitalize; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none; border-right-style: double; border-left-style: double; border-bottom-style: double;}


/* en vrac*/

/* a.homeLink1 {  font-size:10px; color:#000;  display:block;} 
a.homeLink2 {font-weight:bold; color:#000;}
a.homeLink3 {font-weight: bold; color: #FFF;}*/
a.homeLink1 { color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); background-repeat:no-repeat; background-position:0px 7px; font-size:10px; font-weight:bold; padding:2px 0px 0px 16px; margin:0;    }
a.homeLink2 { color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); background-repeat:no-repeat; background-position:0px 7px; font-size:10px; padding:2px 0px 0px 16px; margin:0;    }
a.homeLink3 { color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); text-transform:uppercase; background-repeat:no-repeat; background-position:0px 7px; font-size:10px; padding:2px 0px 0px 16px; margin:0;    }
a.homeLink4 { color: Black; background-image: url(../img/interface/p_flecheBiblioTitre.gif);    text-transform: uppercase;    background-repeat: no-repeat;    background-position: 0px 3px;    font-size: 10px;    padding: 2px 0px 0px 18px;    margin: 0;    font-weight: bold;}
a.homeLink5 { color: Black; background-image: url(../img/interface/p_flecheBiblioTitre.gif);    background-repeat: no-repeat;    background-position: 0px 3px;    font-size: 10px;    margin: 0;    font-weight: bold;    padding-right: 0px;    padding-left: 18px;    padding-bottom: 2px;    padding-top: 3px;    line-height: 17px;}
a.homeLink6 { color: Black; background-repeat: no-repeat;    background-position: 0px 3px;    font-size: 10px;    margin: 0;    font-weight: bold;    padding-right: 0px;    padding-left: 18px;    padding-bottom: 2px;    padding-top: 3px;    line-height: 17px;}
a.homeLink1:hover,a.homeLink2:hover,a.homeLink3:hover,a.homeLink4:hover,a.homeLink5,a.homeLink6:hover {text-decoration:underline; cursor:hand;}
.homelinkButton {    background-image: none; border-top-style: none; border-right-style: none; border-left-style: none; background-color: transparent; border-bottom-style: none; color: Black; background-image: url(../img/interface/p_flecheBiblioTitre.gif); text-transform: none; background-repeat: no-repeat; background-position: 0px 3px; font-size: 12px; padding: 2px 0px 0px 18px; margin: 0; font-weight: bold;             }
.homelinkButton:hover, a.homelinkRetour:hover, a.homelinkRetour2:hover {  text-decoration:underline;}
a.homelinkRetour { color: #df5a16; background-image: url(../img/interface/p_flecheNoire_Retour.gif);    background-repeat: no-repeat;    background-position: 0px 3px;    font-size: 10px;    margin: 0;    font-weight: bold;    padding-right: 0px;    padding-left: 18px;    padding-bottom: 2px;    padding-top: 3px;    line-height: 17px;}
a.homeLinkRetour2 { color: Black; background-image: url(../img/interface/p_flecheBiblioTitre_Retour.gif);    background-repeat: no-repeat;    background-position: 0px 3px;    font-size: 10px;    margin: 0;    font-weight: bold;    padding-right: 0px;    padding-left: 18px;    padding-bottom: 2px;    padding-top: 3px;    line-height: 17px;}


