/* Cette feuille de style ne devra contenir uniquement les couleurs*/

/**********************************************************************************************************************
Structure
***********************************************************************************************************************/

body,
input,
select,
textarea{
  color: #666;
}

h1,
.mainColor,
#footer .footerLinks a,
#footer .newsletter input {
  color: #034592;
}

/** Univers **/
#navigation > li.color01,
#navigation > li.color01 .subNav,
.block01 .blockHead,
#colorRose .widget.widgetDiscover{
  background-color: #003a64;
}
#navigation > li.color02,
#navigation > li.color02 .subNav,
.block02 .blockHead,
#colorBlue .widget.widgetDiscover,
.widget.widgetDiscover{
  background-color: #003983;
}
#navigation > li.color03,
#navigation > li.color03 .subNav,
.block03 .blockHead,
#colorCyan .widget.widgetDiscover{
  background-color: #365c9a;
}
#navigation > li.color04,
#navigation > li.color04 .subNav,
.block04 .blockHead,
#colorRed .widget.widgetDiscover{
  background-color: #6a86ad;
}
#navigation > li.color05,
#navigation > li.color05 .subNav,
.block05 .blockHead,
#colorGrey .widget.widgetDiscover{
  background-color: #97aece;
}

#navigation > li.color06,
#navigation > li.color06 .subNav,
.block06 .blockHead{
  background-color: #bed200;
}


/** Navigation **/
#navigation > li.color01 > a span{
  background-position: right -100px;
}
#navigation > li.color02 > a span {
  background-position: right -100px;
}
#navigation > li.color03 > a span {
  background-position: right -100px;
}
#navigation > li.color04 > a span {
  background-position: right -100px;
}
#navigation > li.color05 > a span {
  background-position: right -100px;
}
#navigation > li.color06 > a span {
  background-position: right -100px;
}

#navigation > li a {
  color: #fff;
}

#navigation > li .subNav li {
  border-bottom: 1px solid #fff;
}

/**********************************************************************************************************************
Page BLOG
***********************************************************************************************************************/
.post,
.pagination .previous,
.widget .postList li,
#commentForm input,
#commentForm textarea{
  border-color:#9199a7;
}

.post .meta {
 color: #034592;
}

/**********************************************************************************************************************
Page CONTACT
***********************************************************************************************************************/
#contactForm input[type=text], #contactForm select, #contactForm textarea {
  border-color: #9199A7;
}
#contactForm input[type=text]:focus{
  border-color: #003a64;
}

#contactPopup p,
#contactPopup input[type=text],
#contactPopup label{
  color: #666;
}
#contactPopup h2{ color: #bed200; }

#contactPopup > p{ font-weight: bold }

/**********************************************************************************************************************
Content
***********************************************************************************************************************/

#colorRose .mainCol h1,
#colorRose .mainCol h2,
#colorRose .mainCol h3,
#colorRose .mainCol h4,
#colorRose .mainCol h5,
#colorRose .mainCol h6{
  color: #003a64;
}

#colorBlue .mainCol h2,
#colorBlue .mainCol h3,
#colorBlue .mainCol h4,
#colorBlue .mainCol h5
#colorBlue .mainCol h6,
.color02{
  color: #003983;
}

#colorCyan .mainCol h1,
#colorCyan .mainCol h3,
#colorCyan .mainCol h4,
#colorCyan .mainCol h5
#colorCyan .mainCol h6,
.color03{
  color: #365c9a;
}
#colorRed .mainCol h1,
#colorRed .mainCol h3,
#colorRed .mainCol h4,
#colorRed .mainCol h5
#colorRed .mainCol h6,
.color04{
  color: #6a86ad;
}

#colorGrey .mainCol h1,
#colorGrey .mainCol h3,
#colorGrey .mainCol h4,
#colorGrey .mainCol h5
#colorGrey .mainCol h6,
.color05,
.colRight .widget .title,
.post .title,
.post .title a,
.pagination a{
  color: #97aece;
}

.widget.widgetBlog{
  color: #bed200;
}

/**********************************************************************************************************************
Footer
***********************************************************************************************************************/

#footer .footerLinks li {
  border-color: #034592;
}

/** Newsletter **/

#footer .newsletter,
#footer .newsletter .submitField,
#footer .newsletter .messageBox{
  border-color: #ccc;
}

#footer .newsletter.errorForm,
#footer .newsletter.errorForm .messageBox,
#commentForm .errorField,
#contactForm .errorField{
 border-color: #e94053 !important;
}

#footer .newsletter.errorForm .messageBox {
  background-color: #fadbde;
  color: #e94053;
}

#footer .newsletter .messageBox {
  background-color: #034592;
  color: #fff;
}

#commentForm .messageBox, #contactForm .messageBox {
  color: #e94053;
}


/**********************************************************************************************************************
Blocks
***********************************************************************************************************************/
.block .blockHead .title{
  color: #fff;
}

.block .blockContent,
.block .associatedPost,
.block .blockContent .firstItem .inner{
  border-color:#e5e5e5;
}

.block02 .blockContent .title,
.block02 .blockContent .title a{
  color: #0066cc;
}

.block03 .blockContent .title,
.block03 .blockContent .title a{
  color: #003983;
}

/**********************************************************************************************************************
Widget
***********************************************************************************************************************/
/** Widget Actu **/

.widget.widgetActu {
  color: #034592;
}

.widget.widgetActu .squareTitle span {
  background-color: #034592;
}


/** Widget Blog **/
.widget.widgetBlog .inner{
  border-top: 1px solid #bed200;
}

.widget.widgetBlog .squareTitle span {
  background-color: #bed200;
}


/** Widget Discover **/
.widget.widgetDiscover .squareTitle span {
  background-color: #fff;
}

.widget.widgetDiscover {
  color: #fff;
}



/**********************************************************************************************************************
Header
***********************************************************************************************************************/
#header .language a {
  color: #034592;
}
/**********************************************************************************************************************
Components
***********************************************************************************************************************/

/** Links **/
a {
  color: #666;
}

.moreLink {
   color: #ff0033;
}

/** List **/

.borderList li a {
  color: #fff;
}

/* Button */
.btn01 {
  background-color: #9199a7;
  color: #fff;
}

.btn02 {
   background-color: #003a64;
   color: #fff;
   border-color: #003a64;
}
