@charset "utf-8";

body { background:url(/assets/bg-body.jpg) no-repeat center center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#494949; }

/* GENERAL */
a { color:#000; }
table { border:1px solid #000; }
table tr td { border:1px solid #000; }

/* LAYOUT */
.bg-top { width:1002px; height:21px; margin:0 auto; background:url(/assets/bg-body-content-top.png) no-repeat; }
#wrapper { background:url(/web/20220201224131im_/http://campdetesourphagop.com/images/common/bg-body-content-mid.png) repeat-y; width:982px; min-height:534px; margin:0 auto; padding-left:21px; }
#innerwrapper { background:#fff url(/assets/bg-innerpage.png) repeat-y; width:960px; }
#header { background:#92e6e7; height:186px; position:relative; z-index:10; }
  #top-header { margin-left:50px; }
  #top-header-mid { background:#19bcb9 url(/assets/bg-body-content-bottom.png) repeat-x; height:40px; float:left; min-width:450px;  }
  #topnav { text-align:center; padding-top:10px; }
  #topnav ul { display:inline; width:100%; }
  #topnav ul li { list-style:none; display:inline-block; }
      #topnav ul li a { font-size:14px; color:#000; margin:0 8px 0 5px; }
          #topnav ul li:first-child a { margin-left:0; }
  .banner-slider { position:absolute; right:0; top:0; z-index:3; }
  .logo { background:url(/assets/bg-header.png) no-repeat; display:inline-block; width:229px; height:186px; float:left; }
  
  .innerpage-banner { width:731px; height:186px; float:left; }
  .top-header { background:url(/assets/bg-language-selector.png) no-repeat; position:absolute; font-size:20px; right:0; top:0; color:#fff; width:186px; height:58px; text-align:center; }
      .top-header .contact-number { position:relative; text-align:center; margin-top:5px; }
      .top-header .language-selector { position:relative; text-align:center; margin-top:7px; }
          .top-header .language-selector li { display:inline-block; margin-left:10px; }
          .top-header .language-selector li:first-child { margin-left:0; }
          .top-header .language-selector li, .top-header .language-selector li a { font-size:12px; color:#fff; }

  .header-liner { background:url(/assets/bg-header-liner.png) no-repeat; position:absolute; bottom:0; height:33px; padding-left:229px; width:731px; }
      .header-liner span { display:inline-block; line-height:33px; background-color:#eb3be5; padding:0 10px; color:#fff; font-family: 'Bubblegum Sans', cursive;
      font-size:22px; }

  #menu { float:left; }
      #menu ul {  }
      #menu li { border-top:1px solid #a52f97; padding:10px 0; }
          #menu li:first-child { border-top:0; }
      #menu li a { font-size:34px; font-weight:bold; color:#a82c99; font-family: 'Bubblegum Sans', cursive;
  }
          #menu li a:hover, #menu li.active a { text-decoration:none; color:#eb3be5 }

  #menu ul.left-nav-menu { margin-top:10px; }
  #menu ul.left-nav-menu li a { font-size:14px; }
      #menu ul.left-nav-menu li { border-top:0!important; border-bottom:1px solid #a52f97;  }
      #menu ul.left-nav-menu .subnav li { border:0!important; padding:0 0; }
  #menu .no-border { border-top:0!important; }
  

#body-wrapper { min-height:400px; position:relative; margin-top:10px; z-index:2; }
  #body-wrapper.white { background-color:#fff !important; }
.left-section { float:left; width:182px; padding-left:30px; }
.full-section { float:left; width:100% !important; }
#body-wrapper  .left-section { padding-top:10px; }
.right-section { float:right; width:731px; }
.left-nav { float:left; width:195px; }
  .left-nav h1, .left-nav h2 { color:#19bcb9; font-size:14px; margin-bottom:10px; padding-left:50px; }
  .left-nav ul.left-nav-menu li { border-top:1px solid #e6e6e6; float:left; width:170px; }
      .left-nav ul.left-nav-menu li a { color:#231f20; color:14px; cursor:pointer; padding:5px 0; float:left; display:inline-block; width:120px;  }
      .left-nav ul.left-nav-menu li a:hover, .left-nav ul.left-nav-menu li.active a { background:#e5e5e5; text-decoration:none; color:#19bcb9; font-weight:bold; }
      
      .left-nav ul.left-nav-menu li ul { margin-left:10px; }
      .left-nav ul.left-nav-menu li li { border-top:none; }
      .left-nav ul.left-nav-menu li li a { padding-left:0; padding-left:10px; width:110px; }
      .left-nav ul.left-nav-menu li.active li a { background:none; color:#231f20; font-weight:normal; }
      .left-nav ul.left-nav-menu li li a:hover, .left-nav ul.left-nav-menu li li.active a { background:#19bcb9; color:#fff; }

.body-content { width:325px; float:left; margin-left:20px; }
  .body-content h1 { color:#19bcb9; font-size:23px; }
  .body-content h2 { color:#19bcb9; font-size:18px;margin-bottom:10px; }
  .body-content p.date { width:auto; float:left; margin-top:10px; }
  .body-content .download { width:auto; float:right; position:relative; color:#023884; text-decoration:underline; }
      .body-content .download span { position:relative; top:-5px; display:inline; margin-left:5px; }
  .body-content .description { clear:both; margin-top:10px; }
  .body-content ul li { background:url(http://campdetesourphagop.com/images/common/bullet.png) no-repeat; padding-left:16px; padding-bottom:5px;line-height:16px; font-size:13px;  }
  .body-content p { margin-bottom:10px; line-height:16px; font-size:13px; }
.full-section .body-content { width:700px !important; }


#footer { clear:both; padding-top:10px; border-top:1px solid #a82c99; padding-top:10px; width:685px; margin-left:229px; }
  #footer li { display:inline-block; margin-left:10px; }
  #footer li a { color:#a82c99; font-weight:bold; }
  #footer li:first-child { margin-left:0; font-weight:bold; color:#000; }
  #footer .col { width:125px; float:left; margin-right:30px;line-height:16px; }
      #footer .col:first-child { margin-left:50px; }
      #footer .col h3 { text-transform:uppercase;margin-bottom:10px; }
      #footer .col li { margin:3px 0; }
      #footer .col a { color:#414443;  }
      #footer .right-section .col { width:100% !important; }

.bg-bottom { width:1002px; height:21px; margin:0 auto; background:url(http://campdetesourphagop.com/images/common/bg-body-content-bottom.png) no-repeat; }

/* HOMEPAGE */
.homepage-content { padding-left:45px; background:url(http://campdetesourphagop.com/images/common/homepage-logo.png) no-repeat top left; min-height:300px; padding-top:276px; }
  .homepage-content #menu li a { font-size:40px; font-weight:bold; color:#fff;  }
      .homepage-content #menu li a:hover { text-decoration:none; color:#a52f97; }
.homepage-content-section { background:#fff url(http://campdetesourphagop.com/images/common/bg_homepage.png) no-repeat !important; min-height:293px; }

/* NEWS */
.news-list li { clear:both; padding-bottom:20px; background:none !important; }
  .news-list li img { float:left; }
  .news-list li div { width:75%; margin-left:90px; }
  .news-list li p { line-height:15px; }
  .news-list li a { text-decoration:underline; }

.news-page li div { margin-left:75px; }
.news-page li a { font-weight:bold; }

.news-list { margin-top:10px; }
.news-item { background:url(http://campdetesourphagop.com/images/common/bg-news-item.png) no-repeat; width:180px; min-height:364px; padding:0 20px; float:left; margin-right:25px; margin-bottom:30px; }
  .news-item.last { margin-right:0; }

.news-item h2 { font-size:20px; margin-bottom:10px; text-align:center; }
.news-item p {line-height:15px; text-align:center; margin-bottom:20px; }
.news-item .pdf { background:url(http://campdetesourphagop.com/images/common/pdf-icon.png) no-repeat; width:168px; height:168px; display:inline-block;  }
  .news-item .pdf:hover { background:url(http://campdetesourphagop.com/images/common/pdf-icon-hover.png) no-repeat;}

/* COMMAND ICONS */
.icon-command ul { display:inline;}
.icon-command li { display:inline-block; padding-right:15px; text-align:center; }
  .icon-command li a { font-size:11px; }
  .icon-command li p { margin-top:5px; font-size:9px; }
  
.left-nav .icon-command li { padding-right:3px; padding-bottom:10px; }
  
/* PAGER */
.pager li { display:inline-block; }
.pager a { text-decoration:none; padding:0px 5px; position:relative; top:-3px; color:#918f8f !important; }
  .pager li.active a { text-decoration:underline; font-weight:bold; }
.pager .arrow { background:url(http://campdetesourphagop.com/images/common/pager_arrow.png) no-repeat; width:12px; height:16px; display:inline-block; padding:0 0; top:0; }
  .pager .arrow.previous { background-position:0px 0px; }
  .pager .arrow.next { background-position:0px -16px; }

.news-page.pager { position:relative; left:75px; width:230px; }

/* GALLERY */
.gallery li { margin-right:25px; display:inline-block; margin-bottom:15px; background:none !important; padding:0 !important; }
input[type="text"].login, input[type="password"].login { border:1px solid #918f8f; border-radius:5px; padding:5px; width:200px; }
button.login { background:transparent; width:104px; height:94px; border:none; cursor:pointer; position:absolute; left: 95px; top: 145px; }
.login-wrapper { background:url(http://campdetesourphagop.com/images/common/bg-login.jpg) no-repeat 5px; min-height:436px; width:710px; padding-top:20px; position:relative; }
.login-wrapper p { font-size:16px; line-height:20px; }

/* DOCUMENT */
ul#doc-list{list-syle:none;margin:0;padding:0;margin-top:30px;}
ul#doc-list li{margin-bottom:15px;display:inline-block;list-syle:none;height:65px;width:250px;position:relative;background-repeat:no-repeat;background-image:url(/web/20220201224131im_/http://campdetesourphagop.com/images/common/docImg.png);background-position:top left;padding-left:35px;}
ul#doc-list li p{height:25px;position:relative;top:0;}
ul#doc-list li a{position:absolute;text-decoration:underline;bottom:5px;left:0;font-size:10px;}

.subnav { display:none; }
.expanded { display:block; }

/* CONTENT PAGE */
.personel { clear:both; }
.personel p  { float:left; text-align:center; width:134px; margin-right:15px; }
.personel .emptyp {width:120px;height:300px;}

/* CONTACT US */
.contact-form > div { text-align:left; }
.contact-form input[type="text"] { width:100%; border:1px solid #8a8a8a; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.contact-form textarea { width:100%; border:1px solid #8a8a8a; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.contact-us { padding-top:20px; }
.contact-us .left { width:305px; float:left; }
.contact-us .left h1 { font-size:18px; line-height:22px; margin-bottom:15px; }
.contact-us .left p { font-size:16px; line-height:20px; }
.contact-us .right { width:385px; float:left; }


/* HOMEPAGE SLIDER */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(/web/20220201224131im_/http://campdetesourphagop.com/images/common/progress.gif) no-repeat center center;}
  
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
  #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
      #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
      #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
      
  #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
  #supersized a { width:100%; height:100%; display:block; }
      #supersized li.prevslide { z-index:-20; }
      #supersized li.activeslide { z-index:-10; }
      #supersized li.image-loading { background:#111 url(http://campdetesourphagop.com/img/progress.gif) no-repeat center center; width:100%; height:100%; }
          #supersized li.image-loading img{ visibility:hidden; }
      #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

/* HISTORIQUE */
.historique-wrapper { background:url(http://campdetesourphagop.com/images/common/historique-wrapper.png) no-repeat; position:relative; width:216px; height:130px; margin-right:25px; float:left; margin-top:10px; }
  .historique-wrapper.last { margin-right:0; }
  .historique-wrapper img { position:absolute; width:202px; height:116px; top:3px; left:4px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a { text-decoration:none; outline:none; }
  a:hover { text-decoration:underline; }
  a img { border:0; }
  

textarea { resize:none; }




/*------------------------------*/
/* MARGIN */
.mTop0 { margin-top:0 !important; }
.mTop5 { margin-top:5px !important; }
.mTop10 { margin-top:10px !important; }
.mTop15 { margin-top:15px !important; }
.mTop20 { margin-top:20px !important; }
.mTop25 { margin-top:25px !important; }
.mTop30 { margin-top:30px !important; }
.mTop40 { margin-top:40px !important; }
.mTop50 { margin-top:50px !important; }
.mTop70 { margin-top:70px !important; }

.mLeft0 { margin-left:0px !important; }
.mLeft5 { margin-left:5px !important; }
.mLeft10 { margin-left:10px !important; }
.mLeft15 { margin-left:15px !important; }
.mLeft20 { margin-left:20px !important; }
.mLeft25 { margin-left:25px !important; }
.mLeft30 { margin-left:30px !important; }
.mLeft50 { margin-left:50px !important; }

.mRight0 { margin-right:0px !important; }
.mRight5 { margin-right:5px !important; }
.mRight10 { margin-right:10px !important; }
.mRight15 { margin-right:15px !important; }
.mRight20 { margin-right:20px !important; }
.mRight25 { margin-right:25px !important; }
.mRight30 { margin-right:30px !important; }

.mBottom5 { margin-bottom:5px !important; }
.mBottom10 { margin-bottom:10px !important; }
.mBottom15 { margin-bottom:15px !important; }
.mBottom20 { margin-bottom:20px !important; }
.mBottom25 { margin-bottom:25px !important; }
.mBottom30 { margin-bottom:30px !important; }
.mBottom90 { margin-bottom:90px !important; }

.mCenter { margin:0 auto; }

/*------------------------------*/

/*------------------------------*/
/* PADDING */
.pTop0 { padding-top:0px !important; }
.pTop5 { padding-top:5px !important; }
.pTop10 { padding-top:10px !important; }
.pTop15 { padding-top:15px !important; }
.pTop20 { padding-top:20px !important; }
.pTop25 { padding-top:25px !important; }
.pTop30 { padding-top:30px !important; }

.pLeft0 { padding-left:0px !important; }
.pLeft5 { padding-left:5px !important; }
.pLeft10 { padding-left:10px !important; }
.pLeft15 { padding-left:15px !important; }
.pLeft20 { padding-left:20px !important; }
.pLeft25 { padding-left:25px !important; }
.pLeft30 { padding-left:30px !important; }

.pRight0 { padding-right:0px !important; }
.pRight5 { padding-right:5px !important; }
.pRight10 { padding-right:10px !important; }
.pRight15 { padding-right:15px !important; }
.pRight20 { padding-right:20px !important; }
.pRight25 { padding-right:25px !important; }
.pRight30 { padding-right:30px !important; }

.pBottom5 { padding-bottom:5px !important; }
.pBottom10 { padding-bottom:10px !important; }
.pBottom15 { padding-bottom:15px !important; }
.pBottom20 { padding-bottom:20px !important; }
.pBottom25 { padding-bottom:25px !important; }
.pBottom30 { padding-bottom:30px !important; }

/*------------------------------*/


/*------------------------------*/
/* FLOAT */
.fleft { float:left !important; }
.fright { float:right !important; }
.clear { clear:both; }

/* http://sonspring.com/journal/clearing-floats */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix:after {
clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
zoom: 1;
}

/*------------------------------*/

/*------------------------------*/
/* TEXT ALIGN */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right {text-align:right !important;}
/*------------------------------*/

/*------------------------------*/
/* VERTICAL ALIGN */
.top { vertical-align:top !important; }
.middle { vertical-align:middle !important; }
.bottom { vertical-align:bottom !important; }
/*------------------------------*/

/*------------------------------*/
/* TEXT */
.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }
/*------------------------------*/

/*------------------------------*/
/* DISPLAY */
.hide { display:none !important; }
/*------------------------------*/

/*------------------------------*/
/* WIDTH */
.widthAuto { width:auto !important; }
.widthFull { width:100% !important; }
/*------------------------------*/

/*------------------------------*/
/* TEXT */
.uppercase { text-transform:uppercase !important; }
.normalcase { text-transform:none !important; }
/*------------------------------*/