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

[Color Stylesheet] -> Color assignment



Project:	Brainsonic Website

Version:	2.0

Author:		JC "GoOz" Pagnon

URI:		www.brainsonic.com

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

/* 

 * Basic text color

 * 

 * Dark over light background 		-> #525252

 * Light over dark background 		-> #f8fbff

 * Marine Blue 						-> #002340

 * 

 * Business Units color codes :

 * 

 * 	Webtv 			-> Red 			-> #fa191a

 * 	Live 			-> Green 		-> #aec832 

 * 	Référencement	-> Fuschia Pink	-> #e02771

 * 	Portails 		-> Orange		-> #ff7f0e

 * 	Studio			-> Red			-> #df2d15

 * 	Media			-> Blue 		-> #40caf5

 * 	Vidéomail		-> Yellow		-> #f6ff00

 * 	Live event		-> Grey			-> #a2a29f    

 * 	Webcast			-> Yellow		-> #f6ff00	

 *  Screenplay      -> Green        -> #84ff00

 *  Apps	        -> Green        -> #b0c5d7/#40826D
 
 *  EncodingAll	    -> Orange        -> #fe7f0e

 *

 */



 

body,

.focusTitle h2,

.citation p.speaker,

#pressReader ul li a {

	color: #525252;

}

ul.navigation a {

    color: #f8fbff;

	background-color: #222;

}

#nav a,

#newsletterSubscription,

#lastProjects .desc .infos,

#footer,

#newsletter,

#formNewsletter div,

#formNewsletterContainer h2 ol li.active,

#formNewsletterContainer #btnNext a,

#formNewsletterContainer #btnSubmit input {

	color: #f8fbff;

}

ul.navigation a:hover, 

ul.navigation a.selected {

    background-color: black;

}

div.panel {

	background-color: #333;

    color: #f8fbff;

}

.focusTitle,

.focusTitle h1 span,

.citation,

.toggler,

.toggler h3 a {

	background-color: #f1f1f1;

}

#nav ul li a, #nav ul li {

	/*border-top: 1px solid #c8c8c8;*/	

}

a,

#newsReader p a, 

#nav ul li a, 

.more, 

#presentation,

#breadcrumbs a,

.infosBlock h3,

.project h3,

.focusTitle h1,

.toggler h3,

.citation p,

.descInfos .division,

.descInfos .offers strong,

.descInfos h3,

ol li h2,

#contentDetail h2 {

	color: #002340;

}

#nav ul li {

	color: white;	

}

#contact p a,

.project .moreLnk a {

	color: #717171;

}

#newsReader p.date {

	color: #8e8e8e;

}

#whitePaper .column img {

	border: 2px solid #e7e7e7;

}

#lastProjects .desc .infos a {

	color: #5fd7ff;

}

#footer {

	border-top: 1px #27323b solid;

	color: #a2a29f;

}

#footer a {

	color: #a2a29f;

}

#footer h4 a{

	color: #bebebe;

}

#lastBUProjects {

	border-top: 1px solid #d2d2d2;

	margin-bottom: 20px;

}

.connexe #lastBUProjects {

	border-bottom: 1px solid #d2d2d2;

}

.bio p {

	border-right: 1px solid #d2d2d2;

}

#newsDetail h1, #contentDetail div.img span {

border-bottom:1px solid #DADADA;

color:#002340;

}

#contentDetail div.img img {

	border: 3px solid #dadada;

}

/* Group */

div.panel#news {

    background-color: #d3d3d3;

}

div.panel#news h2 {

	color: #d3d3d3;

}





/* Voeux 100 ans */

ul.navigation a:hover#nav100, 

ul.navigation a.selected#nav100,

div.panel#voeux {

    background-color: #dcd370;

}

div.panel#voeux .subtitle {

	color: #dcd370;

	border-top: 2px solid #dcd370;

}



/* Live */

ul.navigation a:hover#navLive, 

ul.navigation a.selected#navLive,

div.panel#live {

    background-color: #aec832;

}

div.panel#live .subtitle {

	color: #aec832;

	border-top: 2px solid #aec832;

}



/* Consulting */

ul.navigation a:hover#navConsulting, 

ul.navigation a.selected#navConsulting,

div.panel#consulting {

    background-color: #3366CC;

}

div.panel#consulting .subtitle {

	color: #3366CC;

	border-top: 2px solid #3366CC;

}

/* Facebook */

ul.navigation a:hover#navFacebook, 

ul.navigation a.selected#navFacebook,

div.panel#facebook {

    background-color: #3b5998;

}

div.panel#facebook .subtitle {

	color: #3b5998;

	border-top: 2px solid #3b5998;

}

/* Encoding All */

ul.navigation a:hover#navEncoding, 

ul.navigation a.selected#navEncoding,

div.panel#encoding {

    background-color: #fe7f0e;

}

div.panel#encoding .subtitle {

	color: #fe7f0e;

	border-top: 2px solid #fe7f0e;

}




/* Referencement */

ul.navigation a:hover#navReferencement, 

ul.navigation a.selected#navReferencement,

div.panel#referencement {

    background-color: #e02771;

}

div.panel#visibility .subtitle {

	color: #e02771;

	border-top: 2px solid #e02771;

}



/* Screenplay */

ul.navigation a:hover#navPortails, 

ul.navigation a.selected#navPortails,

div.panel#screenplay {

    background-color: #84ff00;

}

div.panel#screenplay .subtitle {

	color: #84ff00;

	border-top: 2px solid #84ff00;

}



/* WebTV */

ul.navigation a:hover#navWebtv, 

ul.navigation a.selected#navWebtv,

div.panel#webtv {

    background-color: #fa191a;

}

div.panel#webtv .subtitle {

	color: #fa191a;

	border-top: 2px solid #fa191a;

}



/* Slideo */

ul.navigation a:hover#navPortails, 

ul.navigation a.selected#navPortails,

div.panel#slideo {

    background-color: #ff7f0e;

}

div.panel#slideo .subtitle {

	color: #ff7f0e;

	border-top: 2px solid #ff7f0e;

}



/* Magic Studio */

ul.navigation a:hover#navMagicstudio, 

ul.navigation a.selected#navMagicstudio,

div.panel#navMagicstudio {

    background-color: #ffd800;

}



div.panel#magicstudio .subtitle {

	color: #ffd800;

	border-top: 2px solid #ffd800;

}





/* Studio */

ul.navigation a:hover#navStudio, 

ul.navigation a.selected#navStudio,

div.panel#studios {

    background-color: #fa191a;

}

div.panel#studios .subtitle {

	color: #fa191a;

	border-top: 2px solid #fa191a;

}



/* Apps */

ul.navigation a:hover#navApps, 

ul.navigation a.selected#navApps,

div.panel#apps {

    background-color: #40826d;

}

div.panel#apps .subtitle {

	color: #40826d;

	border-top: 2px solid #40826d;

}



/* Media */

ul.navigation a:hover#navMedia, 

ul.navigation a.selected#navMedia,

div.panel#media {

    background-color: #40caf5;

}

div.panel#media .subtitle {

	color: #40caf5;

	border-top: 2px solid #40caf5;

}



/* Event */

ul.navigation a:hover#navEvent, 

ul.navigation a.selected#navEvent,

div.panel#event {

    background-color: #a2a29f;

}

div.panel#event .subtitle {

	color: #a2a29f;

	border-top: 2px solid #a2a29f;

}



/* Rich Media */

ul.navigation a:hover#navRichmediaVideomail, 

ul.navigation a.selected#navRichmediaVideomail,

ul.navigation a:hover#navRichmediaWebcast, 

ul.navigation a.selected#navRichmediaWebcast,

div.panel#videomail,

div.panel#webcast

 {

    background-color: #af008c;

}

div.panel#videomail .subtitle, div.panel#webcast .subtitle {

	color: #af008c;

	border-top: 2px solid #af008c;

}



.postuler a,

.odd .more span,

.submit input {

	/*background-color: #e1e1e1;*/

}

.more span,

.odd .postuler a {

	/*background-color: white;*/

}

#formNewsletterContainer h2 ol li {

	color: #727272;

}

#formNewsletter label.error {

	color: #1478cb;

}