/*----------------------------------------*/
/*                Main CSS                */
/*----------------------------------------*/

body { margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 14px; }
* { outline: none; }
.bold { font-weight: bold; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:normal; }
#container { margin: 0 auto; padding: 0; background-color: #ffffff; position: relative; width: auto; }
#banner { background-color: #333; position: relative; }
#containerBanner { width: 780px; margin: 0 auto; padding: 0; height: 60px; position: relative; }
#menuSecondaryHeader { position: absolute; right: 30px; top: 30px; width: 200px; height: 15px; color: #CCC; text-align:right; }
*html #menuSecondaryHeader { position: absolute; left: 530px; top: 35px; color: #CCC; }
*+html #menuSecondaryHeader { position: absolute; left: 530px; top: 35px; color: #CCC; }
p.titlePage { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #545d37; }
p.titlePage span { color: #545d37; }
p.bulletlinkBack { background-image: url(../img/bullet_link_back.gif); background-position: 0 2px; background-repeat: no-repeat; padding-left: 15px; }
*html p.bulletlinkBack { background-image: url(../img/bullet_link_back.gif); background-position: 0 3px; background-repeat: no-repeat; padding-left: 15px; }
*+html p.bulletlinkBack { background-image: url(../img/bullet_link_back.gif); background-position: 0 3px; background-repeat: no-repeat; padding-left: 15px; }
p.linkmore {background-image: url(../img/bullet_link.gif); background-position: 37px 2px; background-repeat: no-repeat; padding-right: 15px;}
p.bulletlinkBack a, p.linkmore a, p.bulletlinkBack a:visited, p.linkmore a:visited, p.bulletlinkBack a:active, p.linkmore a:active{ color: #930; }
p.bulletlinkBack a:hover, p.linkmore a:hover { color: #662301; }
*html #sloganAcc { position: absolute; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; left: 55px; top: 22px; }
#menuPrincipal { margin: 0; padding: 0; width: 100%; height: 69px; background-image: url(../img/bgrnd_nav.jpg); background-position: top; background-repeat: repeat-x; background-color: #FFF; position: relative; }
#contentAcc { margin: 0; padding: 0; background-color: #FFF; }
#containerfooter { margin: 20px auto 0 auto; padding: 0; height: 115px; background-image: url(../img/bgFooter.jpg); background-position: top; background-repeat: repeat-x; background-color: #B9B59D; clear: both; position: relative; }
#containerMainACC { position: relative; margin: 0 auto; padding: 0; width: 780px; min-height: 500px; }
#contentCapsulesACC { height: 200px; background-color: #FFF; position: relative; background-image: url(../img/bgCapsulesACC.jpg); }
*html #sectiontitlenews { background-image: url(../accueil_files/news.jpg); background-position: left; background-repeat: no-repeat; height: 19px; width: 730px; margin: 0 auto; margin-top: 5px; padding: 0; }
*html #sectiontitlenewsAN { background-image: url(../accueil_files/newsAN.jpg); background-position: left; background-repeat: no-repeat; height: 19px; width: 730px; margin: 0 auto; margin-top: 5px; padding: 0; }
#footerMain { margin: 0 auto; padding: 0; width: 730px; text-align: center; color: #333; }
#phraseSolutionsAcc { padding: 5px 0 10px 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; line-height: 110%; color: #333; text-align: center; height: 88px; }
#phraseSolutionsAcc span.premier { font-size: 30px; }
.web { color: #6c7f34; }
.image { color: #990; }
#footerMain p.copyright { font-family: Lucida Grande, sans-serif; font-size: 10px; color:#666666; margin: 0; margin-top: 10px; padding: 0; }
*html #footerMain p.copyright { font-family: Lucida Grande, sans-serif; font-size: 10px; color:#666666; margin: 0; margin-top: 10px; padding: 0; }
*+html #footerMain p.copyright { font-family: Lucida Grande, sans-serif; font-size: 10px; color:#666666; margin: 0; margin-top: 10px; padding: 0; }
#navcontainer { margin: 0 auto; padding: 0; width: 780px; }
#navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navcontainer ul li a { width: 145px; height: 49px; padding: 0; padding-top: 20px; margin: 0; color: #464d2f; text-decoration: none; display: block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; background-image: url(../img/nav.jpg); background-repeat: repeat-x; }
#navcontainer ul li a:hover { color: #FFF; background-image: url(../img/nav_over.jpg); background-position: top; background-repeat: repeat-x; }
#navcontainer li a.active { background-image: url(../img/nav_over.jpg); background-position: top; background-repeat: repeat-x; color: #FFF; }
#navcontainer ul li.mapdeal { padding-left: 55px; background-image: url(../img/image_PHN.jpg); background-position: 15px 17px; background-repeat: no-repeat; height: 69px; text-align: left; line-height: 14px; }
#navcontainer ul li.mapdeal a:hover { background: none; color: #464d2f; }
#navcontainer ul li.mapdeal a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #464d2f; text-align: left; background-image: none; padding-top: 17px; margin-left: -55px; padding-left: 55px; }
#footerMain ul { margin: 0; margin-top: 25px; padding: 0; font-size: 10px; }
#footerMain ul li { display: inline; color:#333; }
#footerMain ul li a { color:#333; background-color:inherit; font-family: Lucida Grande, sans-serif; font-size: 10px; padding:0 4px; text-decoration:none; cursor: pointer; }
#footerMain ul li a:hover { color:#FFF; }
#footerMain a { font-family: Lucida Grande, sans-serif; font-size: 10px; color: #666666; text-align: center; text-decoration: none; }
*html #prixACC { position: absolute; left: 0; width: 105px; padding-right: 20px; top: 5px; }
#footerMain a { cursor: pointer; }
*html #newsACC { position: absolute; left: 265px; width: 450px; top: 10px; }
#playlist { border: 1px solid #B9B59D; }
#playlist tbody tr td {padding: 3px 8px;}
tr.odd td {background-color: #fff; color: black;}
tr.even td { background-color: #F0EEDA; color: black; }
.paraservice { height: 200px; }


/*----------------------------------------*/
/*              Services CSS              */
/*----------------------------------------*/

li { color:#545d37; font-size:14px; line-height: 20px; }
#right li { color:#662301; line-height:20px; }
#right li a { color:#662301; font-size:14px; text-decoration: none; }
#right li a:hover { color:#545d37; }
#contentServices { background-color: #FFF; width: 100%; position: relative; }
#containerMainServices { position: relative; margin: 0 auto; padding: 0; width: 780px; clear: both; }
#containercolumnsServices { width: 100%; background-color: #ffffff; position: relative; border-top: 1px solid #adadad; padding: 20px 0 0 0; float: left; }
#containercolumnsServices #left { padding: 0; width: 245px; float: left; margin-right: 10px; position: relative; }
#containercolumnsServices #centre { margin: 0; padding: 0 10px 0 10px; width: 245px; float: left; margin-right: 10px; position: relative; border-right: 1px solid #adadad; border-left: 1px solid #adadad; margin-bottom: 30px; height: 465px; }
#containercolumnsServices #right { margin: 0; padding: 0; width: 245px; float: left; position: relative; }
*html #containercolumnsPrg { position: relative; width: 100%; height: 1150px; }
#containercolumnsDesign { width: 100%; margin: 0 auto; position: relative; border-top: 1px solid #adadad; }
#containercolumnsDesign #left { margin: 0 0 20px 0; padding: 0 25px 0 0; width: 510px; float: left; position: relative; }
#containercolumnsDesign #right { margin: 20px 0 20px 0; padding: 0 0 0 10px; width: 230px; float: left; border-left: 1px solid #adadad; position: relative; }
#containerCapsulesServices { position: relative; width: 780px; margin: 0 auto; float: left; height: 300px; padding: 20px 0 0 0; }
#contentCapsulesServices { background-image: url(../img/bgCapsulesACC.jpg); background-position: top; background-repeat: repeat-x; height: 200px; background-color: #FFF; position: relative; }
#capsulesIphoneServices { position: relative; width: 245px; margin-right: 20px; float: left; }
#capsulespaperServices { position: relative; width: 245px; margin-right: 20px; float: left; }
#capsulesHebergementServices { position: relative; width: 240px; float: left; }
*html #containerAbout p { text-align: center; margin: 0; margin-top: 1px; padding: 0; }
#containercolumnsServices p.titleundrSections { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #083E46; margin: 0; padding: 0; }
#containercolumnsServices p { font-family: "Lucida Grande"; font-size: 14px; color: #000000; line-height: 16px; margin-top: 10px; }
p { line-height: 16px; }
ul { margin-top: 0; line-height: 14px; color: #333; list-style-type: square; }
.flashdiv { text-align: center; width: 252px; float: right; margin-left: 20px; }


/*----------------------------------------*/
/*               About CSS                */
/*----------------------------------------*/

#sectionMainAbout { background-color: #FFF; }
#containerMainAbout { width: 780px; margin: 0 auto; position: relative; }
#contentSectionAbout { width: 100%; position: relative; background-position: top; background-repeat: repeat-x; background-color: #FFF; }
#containercolumnsAbout { width: 780px; margin: 0 auto; position: relative; border-top: 1px solid #adadad; padding: 20px 0 0 0; }
#containercolumnsAbout p.titlePerson { font-family: "Lucida Grande"; font-size: 10px; color: #666666; margin: 2px 0 20px 0; padding: 0; }


/*----------------------------------------*/
/*               Contact CSS              */
/*----------------------------------------*/

#contentContact { background-color: #FFF; width: 100%; position: relative; clear: both; }
#containercolumnsContact { position: relative; width: 100%; border-top: 1px solid #adadad; }
#containercolumnsContact #left { position: relative; margin: 0; padding: 0 25px 20px 0; width: 488px; float: left; }
#containercolumnsContact #right { position: relative; margin: 20px 0 0 0; padding: 0 0 0 10px; width: 230px; float: left; border-left: 1px solid #adadad; }
form#contact { width: 480px; }
form#contact input, select { width: 456px; padding: 5px 2px; margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; border: 1px solid #999; background-color: #FBFAEC; color: #333; }
form#contact textarea { width: 456px; padding: 5px 2px; margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; border: 1px solid #999; background-color: #FBFAEC; color: #333; }
form#contact input.btnContact { width: 126px; padding: 5px 2px; cursor: pointer; background-color: #545d37; color: #FFF; }


/*----------------------------------------*/
/*               Gallery CSS              */
/*----------------------------------------*/

.gallery { text-align: center; margin:40px 0 0 0; }
.gallery a { text-decoration: none; }
.gallery a img { vertical-align: middle; border-color: #545d37; }
.gallery a:hover img { border-color: #464d2f; }
.gallery p { display: inline; }
.gallery a { display: inline-table; vertical-align: top;  min-width: 110px; }
.gallery span { display: block;  text-align: center;}
.gallery i { display: block; text-align: center; font-style: normal; font-size:12px; color:#000000; height:50px; }
head:first-child+body .gallery a { display: table-cell; display: inline-table; display: inline-block; }
* html .gallery a { display: table-cell;  display: inline-table; display: inline-block }
* html .gallery span { display: inline; }
* html .gallery a:hover i { cursor: hand;}