/**************************************************
**********
********** ALTAO
**********
**************************************************/

/******************************
***** SITE STRUCTURE
******************************/
body, html {
    background: #fafafa none no-repeat 0 0;
    font-size: 11px;
}

div#container {
    width: 980px;
}

a.left {
    float: left;
}

a.right {
    float: right;
}

a.readMore {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
}

a.readMore span {
    display: block;
    padding: 2px 5px 2px 23px;
    background: transparent url(../img/bg-a-span.gif) no-repeat left center;
    font-size: 10px;
    letter-spacing: -1px;
}

a.red {
    background: #a80d0d none no-repeat 0 0;
}

p.left {
    text-align: left !important;
}

p.center {
    text-align: justify !important;
}

p.right {
    text-align: right !important;
}

p.readMoreLeft {
    float: left;
}

p.readMoreRight {
    float: right;
}

p.previousNext {
    float: left;
    width: 100%;
}

p.previousNext a {
    color: #666666;
}

p.red {
    color: #a80d0d !important;
}

p.previousNext span.previous {
    float: left;
}

p.previousNext span.next {
    float: right;
}

.borderTop {
    background: transparent url(../img/bg-borderTop.gif) repeat-x center top;
    padding-top: 7px;
}

.borderTopGrey {
    border-top: 1px solid #cecece;
    padding-top: 1px;
}

.borderBottom {
    background: transparent url(../img/bg-borderBottom.png) repeat-x left bottom;
    padding-bottom: 10px;
}

/******************************
***** HEADER
******************************/
div#header {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: transparent url(../img/bg-header.gif) repeat-x 0 0;
    width: 100%;
}

div#header div.header {
    margin: 0 auto;
    width: 960px;
    height: 97px;
    position: relative;
}

div#header div.header h1 {
    float: left;
    margin: 0;
}

div#header div.header a#altao {
    float: left;
    margin-top: 10px;
    display: block;
    text-indent: -9999px;
    background: transparent url(../img/altao.png) no-repeat 0 0;
    width: 222px;
    height: 77px;
}

div#header div.header input#searchFormHeader {
    float: right;
    border: none;
    background: transparent url(../img/bg-searchFormHeader.gif) no-repeat 0 0;
    width: 190px;
    height: 19px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 7px 0 0 6px;
    margin-bottom: 0px;
}


/* NAV */
ul#nav {
    margin: 0;
    /*height: 34px;*/
    list-style-type: none;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}

ul#nav li {
    float: left;
    height: 34px;
    padding-right: 1px;
}

ul#nav li a {
    display: block;
    text-decoration: none;
}

ul#nav li ul {
    margin: 0px;
    padding: 0 5px 7px 0;
    position: absolute;
    display: none;
    background: transparent url(../img/bg-subMenu-nav.png) no-repeat right bottom;
    z-index: 2;
    list-style-type: none;
}

ul#nav li ul.firstLevel {
    top: 35px !important;
}

ul#nav li ul li {
    padding: 0;
    float: none;
    height: auto;
}

ul#nav li ul li a {
    padding: 5px 10px;
    display: block;
    text-align: left;
    color: #899aaa;
    white-space: nowrap;
}

ul#nav li ul li a:hover {
    color: #ffffff;
    background: #a80d0d none no-repeat 0 0;
}

ul#nav li ul li div {
	padding: 5px 10px;
	display: block;
	text-align: left;
	color: #899aaa;
	white-space: nowrap;
}

ul#nav li ul li div:hover {
	color: #ffffff;
	background: #a80d0d none no-repeat 0 0;
}

/******************************
***** HEADER FLASH / IMAGE
******************************/
div#headerFlash {
    background: transparent url(../img/bg-headerFlash.gif) repeat-x center top;
    width: 100%;
}

div#headerImage {
    background: transparent url(../img/bg-headerImage.gif) repeat-x center bottom;
    width: 100%;
}

div#headerFlash div#backgroundHeaderFlash, div#headerImage div#backgroundHeaderImage {
    background: transparent url(../img/bg-backgroundHeaderEffect.png) no-repeat center bottom;
    width: 100%;
}

div#headerFlash div#backgroundHeaderFlash div.headerFlash, div#headerImage div#backgroundHeaderImage div.headerImage {
    margin: 0 auto;
    width: 960px;
}

/******************************
***** CONTENT
******************************/
div#content {
    background: #ffffff url(../img/bg-content.gif) repeat-x center top;
    width: 100%;
    clear: both;
}

div#content div.content {
    margin: 0 auto;
    padding: 20px 0;
    display: inline-block;
    width: 960px;
    /*position: relative;*/
}

/* BLOC */
div.bloc {
    margin: 0 5px 10px 0;
    padding-left: 12px;
    float: left;
}

div.borderLeft {
    background: transparent url(../img/bg-borderLeft.png) repeat-y left top;
}

div.bloc h2 {
    margin: 0;
    padding: 0 10px 0 10px;
    float: left;
    position: relative;
    line-height: 21px;
    font-size: 13px;
    font-weight: bold;
    color: #899aaa;
    border-right: 1px solid #cdcdcd;
    cursor: pointer;
}

div.bloc h2.selected {
    border-bottom: 1px solid #ffffff;
}

div.bloc h2.actualites {
    padding-right: 35px;
    color: #a80d0d;
    background: transparent url(../img/picto-rss.gif) no-repeat 85px center;
}

div.bloc h2.edito {
    color: #a80d0d;
}

div.bloc h2.strategie {
    color: #1e77b3;
}

div.bloc h2.dimEtFacturation {
    color: #a1df48;
}

div.bloc h2.poles {
    color: #ff911a;
}

div.bloc h2.plateauxTechniques {
    color: #5e26ff;
}

div.bloc div.insideBloc {
    margin-top: -1px;
    padding-left: 10px;
    float: left;
    clear: left;
    /*background: #ffffff url(../img/bg-border-top.gif) no-repeat 108px top;*/
    border-right: 1px solid #cecece;
}

div.bloc div.insideBloc2 {
    /*background: #ffffff url(../img/bg-border-top.gif) no-repeat 96px top;*/
}

div.bloc div.insideBloc div {
    float: left;
    /* height: 188px; */
    border-top: 1px solid #cecece;
}

div.bloc div.insideBloc div dl {
    float: left;
    margin: 10px 0 0 0;
}

div.bloc div.insideBloc div dl dt, div.bloc div.insideBloc div dl dd {
    margin: 0;
    padding-right: 20px;
    float: left;
}

div.bloc div.insideBloc div dl dd {
    padding-top: 10px;
    padding-right: 10px;
    width: 195px;
    text-align: left;
}

div.bloc div.insideBloc2 div dl dd {
    width: 220px;
}

div.bloc div.insideBloc div dl dd h3 {
    margin-bottom: 10px;
    font-size: 14px;
}

div.bloc div.insideBloc div dl dd h3.actualites {
    color: #a80d0d;
}

div.bloc div.insideBloc div dl dd h3.edito {
    /*color: #a80d0d;*/
}

div.bloc h2.plateauxTechniques {
    color: #5e26ff;
}

div.bloc div.insideBloc div dl dd h3.strategie {
    color: #1e77b3;
}

div.bloc div.insideBloc div dl dd h3.dimEtFacturation {
    color: #a1df48;
}

div.bloc div.insideBloc div dl dd h3.poles {
    color: #ff911a;
}

div.bloc div.insideBloc div dl dd h3.plateauxTechniques {
    color: #5E26FF;
}

div.bloc div.insideBloc div dl dd p {
    margin: 0 0 10px 0;
    color: #666666;
    line-height: 12px;
}

div.bloc div.insideBloc div dl dd .left {
    text-align: left;
}

div.bloc div.insideBloc div dl dd .center {
    text-align: justify;
}

div.bloc div.insideBloc div dl dd .right {
    text-align: right;
}

div.bloc div.insideBloc div.actualites {
    width: 380px;
    background: transparent url(../img/bg-actualites.gif) no-repeat right top;
}

div.bloc div.insideBloc div.edito {
    width: 380px;

}



div.bloc div.insideBloc div.strategie {
    width: 525px;
    background: transparent url(../img/bg-strategie.gif) no-repeat right top;
}

div.bloc div.insideBloc div.dimEtFacturation {
    width: 525px;
    background: transparent url(../img/bg-strategie.gif) no-repeat right top;
}

div.bloc div.insideBloc div.poles {
    width: 525px;
    background: transparent url(../img/bg-strategie.gif) no-repeat right top;
}

div.bloc div.insideBloc div.plateauxTechniques {
    width: 525px;
    background: transparent url(../img/bg-strategie.gif) no-repeat right top;
}

div.bloc div.insideBloc div.strategie h3 {
    color: #1e77b3;
}

div.bloc div.insideBloc div.dimEtFacturation h3 {
    color: #a1df48;
}

div.bloc div.insideBloc div.poles h3 {
    color: #ff911a;
}

div.bloc div.insideBloc div.plateauxTechniques h3 {
    color: #5E26FF;
}

div.bloc div.insideBloc div.actualites p.readMoreRight a.readMore {
    background: #a80d0d none no-repeat 0 0;
}

div.bloc div.insideBloc div.strategie p.readMoreRight a.readMore {
    background: #1f78b3 none no-repeat 0 0;
}

div.bloc div.insideBloc div.dimEtFacturation p.readMoreRight a.readMore {
    background: #a1df48 none no-repeat 0 0;
}

div.bloc div.insideBloc div.poles p.readMoreRight a.readMore {
    background: #ff911a none no-repeat 0 0;
}

div.bloc div.insideBloc div.plateauxTechniques p.readMoreRight a.readMore {
    background: #5e26ff none no-repeat 0 0;
}

/* BLOC 2 */
div.bloc2 {
    margin-right: 5px;
    padding-left: 12px;
    float: left;
}

div.bloc2 h2 {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: #a80d0d;
    margin: 0 0 2px 0;
}

div.bloc2 div p {
    text-align: left;
    font-size: 12px;
    color: #666666;
    margin: 0 0 10px 0;
}

div.bloc2 div p span {
    font-size: 10px;
}

div.bloc2 div.temoignages {
    width: 270px;
}

div.bloc2 div.newsletter {
    width: 225px;
    float: left;
}

div.bloc2 div.borderTop div.galerie {
    width: 387px;
    height: 104px;
    background: transparent url(../img/bg-galerie.gif) no-repeat 0 0;
    padding: 15px 0 0 10px;
}

div.bloc2 div.borderTop div.galerie a {
    display: block;
    float: left;
    margin-right: 20px;
}

div.bloc2 div.newsletter input#newsletterForm {
    margin-right: 2px;
    padding: 7px 0 0 6px;
    float: left;
    border: none;
    background: transparent url(../img/bg-newsletterForm.gif) no-repeat 0 0;
    width: 141px;
    height: 19px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
}

div.bloc2 div.newsletter input#submitNewsletterForm {
    margin-top: 9px;
    float: left;
    display: block;
    border: none;
    background: transparent url(../img/btn-submit.gif) no-repeat 0 0;
    width: 76px;
    height: 19px;
    text-indent: -999px;
    cursor: pointer;
}

/******************************
***** PAGE TYPE
******************************/
/* LEFT COL */
div.leftCol {
    padding: 0 0 0 10px;
}

div#outlineNavLeftCol {
    margin-bottom: 20px;
    padding: 0 4px 5px 3px;
    width: 177px;
    background: transparent url(../img/bg-outlineNavLeftCol.png) no-repeat right bottom;
}

div#navLeftCol {
    margin: -105px 0 0 0;
    padding: 0 10px;
    width: 155px;
    background: #ffffff url(../img/bg-navLeftCol.gif) no-repeat center top;
    border: 1px solid #ffffff;
    text-align: left;
}

div#navLeftCol h2 {
    margin: 15px 0 0 0;
    padding-bottom: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #a80d0d;
}

div#navLeftCol ul {
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    padding-bottom: 30px;
}

div#navLeftCol ul li {
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #899aaa;
}

div#navLeftCol ul li a {
    padding-left: 10px;
    display: block;
    text-decoration: none;
    color: #899aaa;
    background: transparent url(../img/picto-navLeftCol.gif) no-repeat left 7px;
}

div#navLeftCol ul li a:hover {
    color: #a80d0d;
    text-decoration: underline;
    background: transparent url(../img/picto-navLeftCol.gif) no-repeat left -39px;
}

div#navLeftCol ul li a.current {
    color: #a80d0d;
    text-decoration: underline;
    background: transparent url(../img/picto-navLeftCol.gif) no-repeat left -39px;
}

div#navLeftCol ul li div {
    padding-left: 10px;
    display: block;
    text-decoration: none;
    color: #899aaa;
    background: transparent url(../img/picto-navLeftCol.gif) no-repeat left 7px;
}

div#navLeftCol ul li div:hover {
    color: #a80d0d;
    text-decoration: underline;
    background: transparent url(../img/picto-navLeftCol.gif) no-repeat left -39px;
}

div#navLeftCol ul li div.current {
    color: #a80d0d;
    text-decoration: underline;
    background: transparent url(../img/picto-navLeftCol.gif) no-repeat left -39px;
}

/* BLOC LEFT COL */
div.blocLeftCol {
    margin-bottom: 20px;
    padding-left: 3px;
    width: 177px;
}

div.blocLeftCol h2 {
    margin-bottom: 2px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: #A80D0D;
}

div.blocLeftCol div {
    padding-top: 10px;
}

div.blocLeftCol div img {
    margin-bottom: 5px;
}

div.blocLeftCol div p {
    margin-bottom: 10px;
    text-align: left;
}

div.blocLeftCol div p a.plaquettePDF {
    padding-left: 25px;
    display: block;
    line-height: 12px;
    color: #666666;
    text-decoration: none;
    background: transparent url(../img/picto-plaquette-pdf.gif) no-repeat left center;
}

/* CONTENT COL */
div.contentCol {
    text-align: left;
    position: relative;
    z-index: 1;
}

div.breadCrumb {
    margin-bottom: 10px;
    color: #666666;
}

div.breadCrumb a {
    color: #666666 !important;
}

div.contentCol h3 {
    margin-bottom: 10px;
    padding-bottom: 20px;
    color: #a80d0d;
    font-size: 18px;
    position: relative;
    z-index: 1;
}

div.contentCol h3 span {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 15px;
}

div.contentCol h3 a {
    margin-right: 8px;
    float: left;
    display: block;
}

/* PAGE TYPE CONTENT */
div.pageTypeContent h4 {
    color: #a80d0d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

div.pageTypeContent h5 {
    color: #a80d0d;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
}

div.pageTypeContent h5.h5bis {
    font-size: 10px;
    font-style: italic;
    color: #a80d0d;
    margin-bottom: 5px;
}

div.pageTypeContent div.picturz {
    float: right;
    margin: 0 0 20px 20px;
}

div.pageTypeContent div.picturzLeft {
    float: left;
    margin: 0 20px 20px 0;
}

div.pageTypeContent p {
    margin-bottom: 20px;
    font-size: 12px;
}

div.pageTypeContent p.description {
    font-weight: bold;
    color: #a80d0d;
}

div.pageTypeContent ul {
    margin-bottom: 25px;
    list-style-type: disc;
}

div.pageTypeContent ul li ul {
    margin-bottom: 0 !important;
    list-style-type: circle;
}

div.pageTypeContent a {
    color: #a80d0d;
}

/* RIGHT COL */
div.rightCol {
    padding-top: 15px;
    float: right !important;
    width: 177px;
}

/* BLOC RIGHT COL */
div.blocRightCol {
    margin-bottom: 10px;
    padding: 0 10px;
    float: left;
    width: 157px;
    background: transparent url(../img/bg-blocRightCol.gif) no-repeat right top;
}

div.blocRightCol h2 {
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: #a80d0d;
}

div.blocRightCol h2.pictoRSS {
    background: transparent url(../img/picto-rss.gif) no-repeat 75px; center;
    padding-right: 25px;
}

div.blocRightCol h3 {
    margin-bottom: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    color: #a80d0d;
}

div.blocRightCol p {
    margin-bottom: 10px;
    line-height: 13px;
    text-align: left;
    color: #666666;
}

div.blocRightCol input#submitNewsletterForm {
    margin-top: 9px;
    display: block;
    float: right;
    width: 76px;
    height: 19px;
    background:transparent url(../img/btn-submit.gif) no-repeat scroll 0 0;
    border: none;
    cursor: pointer;
    text-indent: -999px;
}

div.blocRightCol input.inputFormType {
    padding: 3px 0 0 6px;
    width: 156px;
    height: 17px;
    background:transparent url(../img/bg-input-formType.gif) no-repeat scroll 0 0;
    border: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}


/******************************
***** FOOTER
******************************/
div#footer {
    background: #fafafa url(../img/bg-footer.gif) repeat-x 0 0;
    width: 100%;
    height: 170px;
}

div#footer div.footer {
    margin: 0 auto;
    padding: 20px 0 0 20px;
    width: 940px;
    height: 170px;
    position: relative;
}

div#footer div.footer p {
    margin-bottom: 2px;
    text-align: left;
    font-size: 10px;
    color: #666666;
}

div#footer div.footer p a {
    text-decoration: none;
    color: #666666;
}




/* PAGE TYPE CONTENT */
div.pageTypeContent h4 {
    color: #a80d0d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

div.pageTypeContent h5 {
    color: #a80d0d;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
}

div.pageTypeContent h5.h5bis {
    font-size: 10px;
    font-style: italic;
    color: #a80d0d;
    margin-bottom: 5px;
}

div.pageTypeContent div.picturz {
    float: right;
    margin: 0 0 20px 20px;
}

div.pageTypeContent div.picturzLeft {
    float: left;
    margin: 0 20px 20px 0;
}

div.pageTypeContent p {
    margin-bottom: 20px;
    font-size: 12px;
}

div.pageTypeContent p.description {
    font-weight: bold;
    color: div#header div.header input#searchFormHeader#a80d0d;
}

div.pageTypeContent ul {
    margin-bottom: 25px;
    list-style-type: disc;
}

div.pageTypeContent ul li ul {
    margin-bottom: 0 !important;
    list-style-type: circle;
}

div.pageTypeContent a {
    color: #a80d0d;
}

/* PAGE TYPE FORM */
div.pageTypeForm p {
    margin-bottom: 20px;
    font-size: 12px;
}

div.pageTypeForm h4 {
    color: #a80d0d;
    font-size: 13px;
    margin-bottom: 10px;
}

div.pageTypeForm table tr td {
    padding: 0 0 10px 0;
    vertical-align: top;
}

div.pageTypeForm table tr td label {
    margin-right: 5px;
    padding-top: 2px;
    float: left;
    display: block;
    white-space: nowrap;
}

div.pageTypeForm table tr td input {
    margin: 0 5px 0 0;
    float: left;
}

div.pageTypeForm table tr td input.inputFormType {
    padding: 2px 0 0 6px;
    width: 150px;
    height: 15px;
    border: 1px solid #c2c2c2;
    border-top: 1px solid #7c7c7c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}

div.pageTypeForm table tr td input#submitCandidature {
    margin: 0;
    padding: 2px 5px 2px 20px;
    float: right;
    background: #a80d0d url(../img/bg-a-span.gif) no-repeat  left center;
    border: none;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

div.pageTypeForm table tr td select.selectFormType {
    margin: 0;
    padding-left: 6px;
    float: right;
    width: 285px;
    border: 1px solid #c2c2c2;
    border-top: 1px solid #7c7c7c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}


div.pageTypeForm table tr td select.selectFormType1{
    margin: 0;
    padding-left: 6px;
    /*float: right;*/
    /*width: 285px;*/
    border: 1px solid #c2c2c2;
    border-top: 1px solid #7c7c7c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}
div.pageTypeForm table tr td textarea.textareaFormType {
    margin: 0;
    padding-left: 6px;
    float: right;
    width: 270px;
    height: 100px;
    border: 1px solid #c2c2c2;
    border-top: 1px solid #7c7c7c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}

div.pageTypeForm table tr td p.required {
    margin: 0;
    font-size: 10px;
    text-align: right;
}

p.infosForm {
    margin-bottom: 5px !important;
    font-size: 10px !important;
    line-height: 11px;
    text-align: left;
}

error-border{
    border: solid 1px red;
}

/* BLOC RIGHT COL */
div.blocRightCol {
    margin-bottom: 10px;
    padding: 0 10px;
    float: left;
    width: 157px;
    background: transparent url(../img/bg-blocRightCol.gif) no-repeat right top;
}

div.blocRightCol h2 {
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: #a80d0d;
}

div.blocRightCol h2.pictoRSS {
    background: transparent url(../img/picto-rss.gif) no-repeat 75px; center;
    padding-right: 25px;
}

div.blocRightCol h3 {
    margin-bottom: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    color: #a80d0d;
}

div.blocRightCol p {
    margin-bottom: 10px;
    line-height: 13px;
    text-align: left;
    color: #666666;
}

div.blocRightCol input#submitWebCallBack {
    margin-top: 9px;
    float: right;
    padding: 2px 5px 2px 23px;
    background: #a80d0d url(../img/bg-a-span.gif) no-repeat  left center;
    border: none;
    font-size:10px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

div.blocRightCol input.inputFormType {
    padding: 2px 0 0 6px;
    width: 150px;
    height: 15px;
    border: 1px solid #c2c2c2;
    border-top: 1px solid #7c7c7c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}




/* CAREERS */
div.offers {
    margin-bottom: 20px;
    float: left;
    border-bottom: 1px solid #ccc;
}

div.offers h4 {
    border-bottom: 1px solid #ccc;
}

div.offers p.readMoreRight {
    margin-bottom: 10px;
    clear: right;
}


/* TEAM */
div.team {
    margin-bottom: 20px;
    padding-left: 55px;
}

div.team a {
    display: inline-block;
}

div.followingTeam {
    width: 100%;
    clear: both;
    display: inline-block;
}

div.followingTeam h4.titleTeam, div.followingTeam h5.titleTeam {
    width: 50%;
    float: left;
    text-align: center;
}

div.followingTeam dl {
    padding-top: 5px;
    width: 100%;
    clear: both;
    border-top: 1px solid #ccc;
}

div.followingTeam dl dt {
    width: 50%;
    float: left;
}

div.followingTeam dl dt img {
    margin: 0 auto;
    display: block;
}

div.followingTeam dl dd {
    margin: 0;
    width: 50%;
    float: left;
}

div.followingTeam dl dd h5.titleTeam2 {
    text-align: center;
}

div.followingTeam dl dd p {
    text-align: justify;
}




/*la recherche autocompletion */
body {
    font-family: Helvetica;
    font-size: 11px;
    color: #000;
}

h3 {
    margin: 0px;
    padding: 0px;
}

.suggestionsBox {
    position: absolute;
    top: 35px;
    right: 0;
    float: right;
    clear: right;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
    z-index: 10000;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {

    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    z-index: 10000;
    color: #fff;
     position: relative;
     list-style-type: none;
     text-align: left;
}

.suggestionList li:hover {
    background-color: #659CD8;
}


div#header div.header input#inputString{
    float: right;
    border: none;
    background: transparent url(../img/bg-searchFormHeader.gif) no-repeat 0 0;
    width: 190px;
    height: 19px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 7px 0 0 6px;
    margin-bottom: 0px;
}

div#header div.header input#search {
    float: right;
    border: none;
    background: transparent url(../img/bg-searchFormHeader.gif) no-repeat 0 0;
    width: 190px;
    height: 19px;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 7px 0 0 6px;
    margin-bottom: 0px;
}

div#header div.header input.submitSearch {
	margin: 9px 0 0 5px;
	padding: 2px 5px 2px 5px;
	float: right;
	background: #a80d0d none no-repeat  left center;
	border: none;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
	cursor: pointer;
}


/* FORMULAIRE SEND MAIL POPUP */
#formSendMail
{
    margin: 20px;
}

#formSendMail form table tr td
{
    padding:0 0 10px;
    vertical-align:top;
}

#formSendMail form table tr td input.inputFormType
{
    border-color:#7C7C7C #C2C2C2 #C2C2C2;
    border-style:solid;
    border-width:1px;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:15px;
    padding:2px 0 0 6px;
    width:150px;
}

#formSendMail form table tr td textarea.textareaFormType
{
    border-color:#7C7C7C #C2C2C2 #C2C2C2;
    border-style:solid;
    border-width:1px;
    color:#666666;
    float:right;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:100px;
    margin:0;
    padding-left:6px;
    width:270px;
}

.formSpanError
{
    text-align: center;
    color: red;
}

/* Nuage de mots-clés */
div#tagCloud
{
    text-align: center;
    margin-top: 10px;
}

div#tagCloud a
{
    text-decoration: none;
}

div#tagCloud a:hover
{
    text-decoration: underline;
}