/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#txt_right_content_module.galleries {
    background-image:url(modules/galleries/front/images/bg_box_galleries.png);
    background-repeat:no-repeat;
    height:630px;
}

.bt_move_top_gall {
    height:13px;
    width:196px;
    background-image:url(modules/galleries/front/images/arrow_move_top.png);
    background-position:center;
    background-repeat:no-repeat;
    margin-bottom:15px;
    cursor:pointer;
}

.bt_move_bot_gall {
    height:13px;
    width:196px;
    background-image:url(modules/galleries/front/images/arrow_move_bot.png);
    background-position:center;
    background-repeat:no-repeat;
    margin-top:15px;
    cursor:pointer;
}

.disabled {
    background-image: none;
    cursor:default;
}

.small_pic_area img {
    display:block;
    float:left;
}

.small_pic_area .separator_w {
    width:9px;
    height:1px;
    float:left;
}

.small_pic_area .separator_h {
    width:1px;
    height:18px;
}

.small_pic_area {
    height:368px;
    width:196px;
    overflow:hidden;
}

.gall_column_left img {
    cursor:pointer;
}

.gall_column_left {
    float:left;
    width:210px;
    height:610px;
    margin-left:32px;
    margin-top:101px;
}

.gall_column_right {
    float:left;
    margin-left:3px;
    margin-top:8px;
    height:610px;
    width: 550px;
}

.gall_column_right .img_div {
    margin-top:60px;
    margin-left:120px;
}

.gall_column_right .img_div .box_img {
    width:328px;
    height:492px;
}

.gall_column_right .img_div img {
    display:block;
}

.gall_column_right .img_div .txt {
    font-size:12px;
    margin-top:20px;
}

.vimeo_box {
    height:59px;
    width:59px;
    float:left;
}

/* reset */

* {
  margin:0;
  padding:0;
}

a,a:hover {
  text-decoration:none;
  color:#000;
}

img,form,fieldset,a {
  border:none;
  outline:none;
}

ul li,ol li {
  list-style:none;
}

/* common simple classes */

.uppercase {
  text-transform:uppercase;
}

.clear {
  clear:both;
}

.left {
  float:left;
}

.right {
  float:right;
}

.hidden {
  display:none;
}

img,a {
  border:none;
  outline:none;
}

.spam_check {
  display:none;
}

/* common */

* {
  font-family:Arial,Verdana,Helvetica,sans-serif;
  font-size:13px;
}

#main {
  width:1100px;
  margin:0 auto;
  padding:0;
  position:relative;
}

.table_centered,.table_centered td {
  vertical-align:middle;
  text-align:center;
}

.gallery table {
  border-spacing:5px;
}

.gallery table td {
  width:120px;
  height:120px;
  background:#EEE;
}

html,body {
  /*background-image:url(content/design/background.png);
  background-position:center top;
  background-repeat:repeat-y;
  background-attachment:fixed;*/
}

html,body {
  /*background-color:#424242;*/
}

/*
#sidebar {
  background:#D9D9D9;
  width:300px;
  float:left;
  padding:5px;
}

#content {
  width:600px;
  float:left;
  padding:10px;
}

#content p {
  padding:.5em 0;
}
*/

h1,h1 a {
  font-size:2em;
  color:#000;
}

h2 {
  font-size:1.6em;
}

h3 {
  font-size:1.2em;
}

a,a:hover {
  color:#B10909;
}

ul {
  margin-left:20px;
}

li.active {
  font-weight:bold;
}

li.inactive {
  font-weight:normal;
}

.breadcrumbs li {
  float:left;
}


#logged_overlay {
  position:absolute;
  position:fixed;
  z-index:1000;
  background:#FFF;
  opacity:.8;
  width:100%;
  height:10px;
  padding:5px 10px 10px 10px;
  border-bottom:1px solid #424242;
}

#logged_logout {
  position:absolute;
  right:30px;
  display:block;
  width:200px;
  text-align:right;
  top:0px;
  padding:5px;
}

input {
  border:1px solid #b2b7bb;
}



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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
a, a:hover, a:active, a:visited {
	text-decoration:none;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
/*border-spacing: 0;*/
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}




/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.1
	www.buildinternet.com/project/supersized

	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* { margin:0; padding:0; }
img{ border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(content/design/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
	#supersized img{ 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 a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:url(content/design/background-colegram.gif) repeat;}
		#supersized a.prevslide { z-index:-20; }
		#supersized a.activeslide { z-index:-10; }
		#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

/*Controls Section*/
/*#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }*/
/*#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }*/

/*Thumbnail Navigation*/
#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
	#nextthumb { right:12px; }
	#prevthumb { left:12px; }
		#nextthumb img, #prevthumb img { width:150px; height:auto;  }
		#nextthumb:active, #prevthumb:active { bottom:10px; }
		#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }

/* see scrollectbox.js */
.scrollectbox							{ overflow:visible; position:relative; font-weight:normal; font-size:17px; line-height:13px;  }
.scrollectbox li > a					{ display:block; }

/* If one wants rounded corners, the top-li may be combined with a negative margin-top
to reach halfway up the headline. The bottom-li may just be a decorative bottom strip. */
.scrollectbox-top-li					{ /*display:none;*/ /*height:10px; margin-top:-10px;*/ padding:0; }
.scrollectbox-bottom-li					{ /*display:none;*/ height:5px; padding:0; }

/* Style the selectbox, the headline and the arrow */
.scrollectbox							{ float:left; padding-left:2px; }
.scrollectbox-arrow						{ /*display:none;*/ float:right; width:22px; height:22px; margin:2px 2px 0 0;
	 									background:url('content/design/scrollectbox-arrow.png') no-repeat left top;
	 									z-index:2; }
.scrollectbox-headline					{ padding:7px 8px 6px 8px; background:url('content/design/white-bg.png'); color:#555;
										/*border:1px solid #999; border-bottom-width:0;
	 									-webkit-border-radius:10px; -moz-border-radius:10px;
										border-radius:10px;*/ }
.scrollectbox-headline:hover 			{ color:#a60a12; }
/* Style list and options */
.scrollectbox-list 						{ background:url('content/design/white-bg.png'); /*border:1px solid #999; border-top-width:0;*/ padding:2px 10px; }
.scrollectbox li > a					{ padding:5px 8px 3px 0px; color:#666666; }
.scrollectbox li > a:hover				{ /*background-color:#ccc;*/ }

/* Selected option, optgroup and option indents */
.scrollectbox li.scrollectbox-option-selected > a 	{ color:#fff; background:#767676; }
.scrollectbox li.scrollectbox-optgroup				{ color:#999; font-weight:bold; font-size:11px; height:11px;
													padding:5px 8px 4px; }
.scrollectbox li.scrollectbox-optgroup-option > a	{ padding-left:16px; }

/* Scroll buttons */
.scrollectbox-scroll-btn						{ background:url('content/design/scrollectbox-arrows.png') no-repeat center 4px;
 												height:15px; }
.scrollectbox-scroll-btn:hover					{ background-color:#eee; }
.scrollectbox-scroll-prev						{ background-position:center -14px; }
.scrollectbox-scroll-disabled					{ /*opacity:0.5;*/ visibility:hidden; }


/* Choose cursor type */
.scrollectbox-headline,
.scorllectbox-arrow						{ cursor:pointer; }				/* Looks proper, i.m.o. */
.scrollectbox-select *					{ cursor:default !important; } 	/* Default style for <select> */

/* GrafMiville/JMJ */

.scrollectbox-headline,
.scrollectbox-option { /*text-transform: uppercase;*/ color:#000; }
li.scrollectbox-option { border-top:solid 1px #7d7d7c; }
li.scrollectbox-option a:hover { color:#000; }

.scrollectbox.grayed .scrollectbox-arrow {
    /*opacity:0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);*/
    background:url('content/design/scrollectbox-arrow-grayed.png');
}
.scrollectbox .scrollectbox-headline {
    /*font-weight:bold;*/
}
.scrollectbox.grayed .scrollectbox-headline {
    font-weight:normal;
}

body {
	font-family:"Arial";
	font-size:12px;
	background:#000;
	padding:0;
	margin:0;
	color:#414141;
	/*overflow:hidden;*/
	min-height:660px;
}
a {
    color:#414141;
}
a:hover {
    color:#000;
}
hr {
    background:#323231;
    height:1px;
    border:none;
    margin:4px 0;
}
.clear {
    clear:both
}
#top-menu {
    top:0;
    left:0;
    z-index:1;
    width:100%;
}
#selecteurs {
    position:absolute;
    left:0;
    top:26px;
    width:950px;
}
#menu {
    background:url('content/design/controls-wrapper-bg.png');
    font-size:17px;
    height:22px;
    padding-top:4px;
    padding-left:100px;
    min-width:500px;
}
#menu span {
    /*text-transform:uppercase;*/
    margin-right:20px;
}
#menu span a {
    color:#fff;
    opacity:0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}
#menu span a:hover {
    opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
#menu span.current {
    color:#fff;
}
#content {
    margin-top:84px;
    font-size:15px;
    color:#333;
}
#content h1 {
    font-size:25px;
    line-height:28px;
    margin-bottom:20px;
    font-weight:bold;
}
#content p {
    margin:0 0 10px;
}
#menu-left {
    float:left;
    margin-left:50px;
    width:160px;
    min-height:10px;
    font-size:17px;
}
#menu-left li {
    border-bottom:solid 1px #666;
    padding:7px 0 5px 0;
}
#menu-left a:hover {
    color:#000;
}
#menu-left li.menu_first {
    border-top:solid 1px #666;
}
li.active {
    font-weight:normal !important;
}
#menu-left li a {
    color:#666;
}
#menu-left li.active div {
    color:#000;
}
#page {
    position:relative;
    float:left;
    margin-left:27px;
    /*width:320px;*/
    font-size:16px;
    line-height:18px;
}
#page a {
    color:#830f11 !important;
}
#page a:hover {
    text-decoration:underline !important;
}
#logo {
    top:0;
    left:0;
    z-index:10;
}
#controls {
    float:right;
    height:26px;
    position:relative;
}
#play-info {
    position:absolute;
    display:none;
    background:#ccc;
    min-width:80px;
    height:10px;
    top:28px;
    right:1px;
    padding:1px 5px 1px 5px;
    text-align:center;
}
.navigation {
    float:left;
    width:26px;
    height:22px;
    margin-left:2px;
    padding-top:4px;
    text-align:center;
    background:url('content/design/controls-wrapper-bg.png');
}
.navigation.notransp img,
.navigation.transp img {
    opacity:0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}
.navigation.transp img:hover {
    opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    /*cursor:pointer;*/
}
#slidecaption {
    position:absolute;
    z-index:10;
    top:77px;
    right:112px;
    font-size:21px;
    font-weight:bold;
    color:#fff;
    text-align:right;
    line-height:22px;
}
#logo-vertical {
    position:absolute;
    top:60px;
    right:0;
}
#links-bottom {
    position:fixed;
    right:0;
    bottom:0px;
    height:26px;
    font-size:17px;
}
.link-bottom {
    float:left;
    background:url('content/design/links-bottom-bg.png');
    height:20px;
    padding-top:6px;
    margin-left:2px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding-left:35px;
    padding-right:35px;
}
.link-bottom a {
    color:#fff;
    opacity:0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}
.link-bottom a:hover {
    opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
#home-news {
    position:absolute;
    bottom:28px;
    right:27px;
    height:110px;
}
#home-news .news {
    float:left;
    background:url('content/design/prestations-bg.png') repeat-x;
    margin-left:2px;
    width:193px;
    padding-top:24px;
    padding-left:20px;
    padding-right:10px;
    height:86px;
    color:#333;
    font-size:21px;
    font-weight:bold;
}
#home-news .news a:hover {
	color:#fff;
}
.news {
    background:#fff;
    padding:30px 16px;
    min-height:580px;
}
.news h3 {
    color:#414141;
    font-weight:bold;
}
.news hr {
    color:#929290;
    background-color:#929290;
    border:0;
    margin:15px 0;
}
.news-content {
    float:left;
    position:relative;
    width:340px;
    padding-right:20px;
}
.news-content div.date {
	/*font-variant:small-caps;*/
	text-transform:uppercase;
	font-size:13px;
	color:#777;
	margin-bottom:15px;
}
.news-pic {
    float:left;
}
#btn-prev {
	background:url('content/design/btn-prev.png');
	width:22px;
	height:22px;
	cursor:pointer;
}
#btn-prev:hover {
	background:url('content/design/btn-prev-over.png');
}
#btn-next {
	background:url('content/design/btn-next.png');
	width:22px;
	height:22px;
	cursor:pointer;
}
#btn-next:hover {
	background:url('content/design/btn-next-over.png');
}
#launch_diaporama_fr {
	background:url('content/design/btn_diaporama_fr.gif');
	width:320px;
	height:26px;
}
#launch_diaporama_fr:hover {
	background:url('content/design/btn_diaporama_fr_over.gif');
}
#launch_diaporama_en {
	background:url('content/design/btn_diaporama_en.gif');
	width:320px;
	height:26px;
}
#launch_diaporama_en:hover {
	background:url('content/design/btn_diaporama_en_over.gif');
}
.projet-box {
    position:absolute;
    z-index:10;
    background:url('content/design/white-bg.png');
    width:248px;
    padding:17px 14px;
    font-size:15px;
    color:#333;
    top:85px;
    right:30px;
}
.project-description {
	min-height:150px;
}
#projet-autres-resultats {
    top:320px;
    right:30px;
}
#projet-autres-resultats li {
    text-transform:uppercase;
    border-top:solid 1px #7c7b7a;
    line-height:17px;
    padding-top:3px;
    font-size:13px;
}
#projet-autres-resultats li a {
    color:#808080;
}
#projet-autres-resultats li.active a {
    color:#000;
}
.projet-box p.detail-client {
    font-size:14px;
    text-transform:uppercase;
}
.projet-box p.detail-prestation {
    font-weight:bold;
    font-size:16px;
}
.projet-box p.detail-mandat {
    margin-top:5px;
    font-size:15px;
    line-height:18px;
}
.projet-box .pages {
}
.projet-box .pages div {
    float:left;
    width:26px;
    height:21px;
    border:solid 1px #999;
    color:#000;
    background:#fff;
    margin-right:4px;
    padding:5px 0 0 0;
    text-align:center;
    cursor:pointer;
}
.projet-box .pages div.active {
    color:#fff;
    background:#333;
    cursor:default;
}
.project-cell {
    width:223px;
    height:109px;
    background:url(content/design/projects-bg.gif);
}
.project-cell img {
    vertical-align:top;
}
.newsletter_form {
	padding:30px 25px;
	background:#e4e4e7;
	border:solid 1px #d1d2d4;
	width:320px;
}
.newsletter_form h1 {
	font-size:16px !important;
	color:#b8292f;
	text-transform:uppercase;
	margin:0 !important;
}
.newsletter_form label {
    display:block;
    margin-top:5px;
}
.newsletter_form label.checked {
	color:#88898c;
}
.newsletter_form label.error {
    font-size:12px;
    color:#a60a12;
}
.newsletter_form input.input-text {
    width:300px;
    padding:5px;
}
.newsletter_form input.error {
    border-color:#a60a12;
}
.newsletter_form a.submit_validate {
    border:solid 1px #000;
    width:100px;
    padding:7px 10px 2px 10px;
    background:#eee;
    margin-top:20px;
    display:block;
}
.newsletter_form #btn_submit, .newsletter_form #btn_unsubmit, .newsletter_form #btn_register {
	margin-top:20px;
	width:160px;
	height:26px;
	border:none;
	cursor:pointer;
}
.newsletter_form #btn_submit.fr, .newsletter_form #btn_unsubmit.fr {
	background:url(content/design/btn_s-inscrire_fr.gif);
}
.newsletter_form #btn_submit.fr:hover {
	background:url(content/design/btn_s-inscrire_fr_over.gif);
}
.newsletter_form #btn_unsubmit.fr {
	background:url(content/design/btn_se-desinscrire_fr.gif);
}
.newsletter_form #btn_unsubmit.fr:hover {
	background:url(content/design/btn_se-desinscrire_fr_over.gif);
}
.newsletter_form #btn_submit.en, .newsletter_form #btn_unsubmit.en {
	background:url(content/design/btn_subscribe.gif);
}
.newsletter_form #btn_submit.en:hover {
	background:url(content/design/btn_subscribe_over.gif);
}
.newsletter_form #btn_unsubmit.en {
	background:url(content/design/btn_unsubscribe.gif);
}
.newsletter_form #btn_unsubmit.en:hover {
	background:url(content/design/btn_unsubscribe_over.gif);
}
.newsletter_form #btn_register.fr {
	background:url(content/design/btn_envoyer.gif);
}
.newsletter_form #btn_register.fr:hover {
	background:url(content/design/btn_envoyer_over.gif);
}
.newsletter_form #btn_register.en {
	background:url(content/design/btn_register.gif);
}
.newsletter_form #btn_register.en:hover {
	background:url(content/design/btn_register_over.gif);
}

#scroller {width:100%; height:134px; overflow:hidden; position:relative; margin-top:15px; margin-bottom:10px; }
#innerContainer {position:absolute; left:0; top:0; height:75px; overflow:hidden;}
#scroller ul {margin:0; padding:0; list-style:none; width:100%;height:auto;}
#scroller ul li {float:left; height:auto; width:100%; border-top:1px solid #7D7D7C; }
#scroller ul li a {display:block; float:left;  width:100%; text-indent:0; }
#scroller ul li a:hover {color:#000;}
#slideUp {width:100%; height:13px; position:absolute; left:0; top:30px; background:url('content/design/scrollectbox-arrows.png') no-repeat scroll center -14px transparent; overflow:hidden;}
#slideDown {width:100%; height:13px; position:absolute; left:0; bottom:3px; background:url('content/design/scrollectbox-arrows.png') no-repeat scroll center 4px transparent; overflow:hidden;}


/*		to be used in both front and ckeditor !!	*/

.orange {
  color:#FF9933;
}

h3 {
  color:blue;
}

h4 {
  color:green;
}