/*================================================================================================*/

@charset "UTF-8";

/*================================================================================================*/

/*
	
	COMMONS
	LAYOUT
	PAGES
	MEDIAS QUERIES
	
*/

/*================================================================================================*/
/* COMMONS
/*================================================================================================*/

html
{
	font-size: 10px;
}

body 
{
	font-size:   1.4em;
	line-height: 1.5;
	color:       #333;
	
	/*background:*/  /*rgba(235, 245, 251, 0.5) url(../img/layout/asfalt.png) 0 0 repeat;*/
	/*rgba(235, 245, 255, 0.75) url(../documentation/patterns/snow22.png) 0 -100px repeat;*/
	
	/*background: rgba(235, 245, 255, 0.75) url(../img/layout/snow22.png) 0 -75px repeat;*/
	
	background: rgba(235, 245, 255, 0.75) 0 -75px repeat;
}

#root
{
	position:   relative;
	clear:      both;
	min-height: 100%;
	height:     auto !important;
	height:     100%;
}

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

a:not(.button):link,
a:not(.button):visited
{
	color: #ff5733;  
}

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

[class*='fa-']
{
	margin-right: 0.5em;
}

.fa-bars:before
{
    content: "\f0c9";
}

.fa-edit:before
{
    content: "\f044";
}

.fa-envelope-o:before 
{
    content: "\f003";
}

.fa-phone:before 
{
    content: "\f095";
}

.fa-mobile:before 
{
    content: "\f10b";
}

.fa-circle:before 
{
    content: "\f111";
}

.fa-circle-thin:before 
{
    content: "\f1db";
}

.fa-facebook:before 
{
    content: "\f09a";
}

.fa-instagram:before 
{
    content: "\f16d";
}

.fa-fax:before 
{
    content: "\f1ac";
}

.fa-laptop:before 
{
    content: "\f109";
}

.fa-sitemap:before 
{
    content: "\f0e8";
}

.fa-map-marker:before 
{
    content: "\f041";
}

.fa-headphones:before 
{
    content: "\f025";
}

.fa-truck:before 
{
    content: "\f0d1";
}

.fa-paper-plane:before 
{
    content: "\f1d8";
}

.fa-arrow-circle-right:before 
{
    content: "\f0a9";
}

.fa-clock-o:before 
{
    content: "\f017";
}

.fa-angle-double-left:before 
{
    content: "\f100";
}

.fa-angle-double-right:before 
{
    content: "\f101";
}

.fa-angle-left:before 
{
    content: "\f104";
}

.fa-angle-right:before 
{
    content: "\f105";
}

.fa-snowflake-o:before 
{
    content: "\f2dc";
}

.fa-quote-right:before
{
    content: "\f10e";
}

.fa-arrow-circle-left:before 
{
    content: "\f0a8";
}

.fa-times-circle:before 
{
    content: "\f057";
}

.fa-edit:before
{
    content: "\f044";
}

.fa-search:before 
{
    content: "\f002";
}

.fa-floppy-o:before 
{
    content: "\f0c7";
}

.fa-align-center:before 
{
    content: "\f037";
}

.fa-caret-down:before 
{
    content: "\f0d7";
}

.fa-caret-up:before 
{
    content: "\f0d8";
}

.fa-picture-o:before 
{
    content: "\f03e";
}

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

@-webkit-keyframes fadeIn 
{
	from 
	{
		opacity: 0;
	}
	
	to
	{
		opacity: 1;
	}
}

@keyframes fadeIn 
{
	from 
	{
		opacity: 0;
	}
	
	to
	{
		opacity: 1;
	}
}

.fadeIn 
{
  	animation-name: fadeIn;
}

@-webkit-keyframes zoomIn 
{
  	from 
  	{
    	opacity: 0;
		transform: scale3d(.3, .3, .3);
  	}

  	50% 
  	{
    	opacity: 1;
  	}
}

@keyframes zoomIn 
{
  	from 
  	{
    	opacity: 0;
		transform: scale3d(.3, .3, .3);
  	}

  	50% 
  	{
    	opacity: 1;
  	}
}

.zoomIn 
{
	animation-name: zoomIn;
}

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

.panel
{
	margin: 20px auto;
}

.panel:first-child
{
	margin: 0 auto 20px;
}

.panel:last-child
{
	margin: 20px auto 0;
}

.panel:only-child
{
	margin: 0 auto;
}

.panel-title
{
	font-weight: 400;
}

.panel-box
{
	background: #fefefe;
}

.nobreak
{
	white-space: nowrap;
}

/*================================================================================================*/
/* LAYOUT
/*================================================================================================*/

#loader-wrapper .loader-section 
{
    background: #000 url(../img/apple-touch-icon-180x180.png) center no-repeat;
}

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

#toolbar
{
	position:         relative;
	width:            100%;
	height:           120px;
	z-index:          10;
	padding:          0 20px;
	text-align:       left;
	background-color: #fff;	
	border-bottom:    2px solid #abadb3;
}

#toolbar-container,
#toolbar-container > a
{
	position: relative;
	display:  inline-block;
	height:   118px;
	width:    235px;
}

#toolbar .logo
{
	position: absolute;
	top:      6px;
	left:     0;
	height:   110px;
	width:    233px;
	
	background:      transparent url(../img/layout/logo233x110.png) left top no-repeat;
	background-size: contain;
}

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

#menubar
{
	position:         relative;
	height:           70px;
	z-index:          15;
	margin:           -70px 0 0 0;
	padding:          15px 20px;
	text-align:       right;
	line-height:      40px;
	font-size:        14px;
	background-color: transparent;
}

#menubar #menubar-container
{
	position: absolute;
	display:  inline-block;
	height:   60px;
	width:    127px;
	top:      6px;
	left:     20px;
}

#menubar-container > a
{
	position: relative;
	display:  inline-block;
	height:   60px;
	width:    127px;
}

#menubar #menubar-container
{
	display: none;
}

#menubar .logo
{
	position: absolute;
	top:      0;
	left:     0;
	height:   60px;
	width:    127px;
	
	background:      transparent url(../img/layout/logo233x110.png) left top no-repeat;
	background-size: contain;
}

#menubar.fixed
{
	position:         fixed;
	top:              0;
	left:             0;
	width:            100%;
	margin:           0;
	background-color: #fff;
	border-bottom:    2px solid #abadb3;   
}

#menubar.fixed #menubar-container
{
	display: inline-block;
}

#psopen
{
	display:        none;
	line-height:    40px;
	vertical-align: middle;
	font-size:      16px;
	text-transform: uppercase;
}

#menubar ul.menu
{
	position: relative;
	display:  inline-block;
}

#menubar ul.menu > li
{
	position: relative;
	display:  inline-block;
	margin:   0 10px;
}

#menubar ul.menu > li > a
{
	display:       block;
	line-height:   30px;
	border-bottom: 3px solid transparent;
}

#menubar ul.menu > li.first
{
	margin-left: 0;
}

#menubar ul.menu > li.last
{
	margin-right: 0;
}

#menubar a,
#menubar a:link,
#menubar a:visited,
#menubar a:hover
{
	color: inherit;
	
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition:    all 0.5s ease-in-out 0s;
	-o-transition:      all 0.5s ease-in-out 0s;
	transition:         all 0.5s ease-in-out 0s;
}

#menubar ul.menu > li.active > a
{
	border-bottom-color: #ff5733;
}

#menubar a:hover,
#menubar ul.menu > li:hover > a
{
	color: #ff5733;
	
	border-bottom-color: transparent;
}

#menubar a:hover,
#menubar ul.menu > li:hover > a
{
	text-decoration: none;
}

#menubar ul.menu > li > ul.dropdown
{
	position:         absolute;
	display:          block;
	z-index:          10005;
	top:              100%;
    left:             50%;
    width:            320px;
	margin-left:      -160px;
    padding:          18px 28px;
    text-align:       left;
    background-color: #fff;
    border-top:       3px solid #ff5733;
    visibility:       hidden;
	opacity:          0;
	filter: 		  alpha(opacity=0);
    
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0 rgba(0, 0, 0, 0.11);
    box-shadow:         0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0 rgba(0, 0, 0, 0.11);
	
	-webkit-transition: visibility 0s linear 300ms, opacity 300ms, transform 300ms;
	-moz-transition:    visibility 0s linear 300ms, opacity 300ms, transform 300ms;
	-o-transition:      visibility 0s linear 300ms, opacity 300ms, transform 300ms;
	transition:         visibility 0s linear 300ms, opacity 300ms, transform 300ms;
    
    -webkit-transform: translateY(40px);
    -moz-transform:    translateY(40px);
    -o-transform:      translateY(40px);
    -ms-transform:     translateY(40px);
    transform:         translateY(40px);
}

#menubar ul.menu > li > ul.dropdown:after
{
	content:       '';
    position:      absolute;
    left:          50%;
    top:           -10px;
    width:         0;
    height:        0;
    border-left:   7px solid transparent;
    border-right:  7px solid transparent;
    border-bottom: 10px solid #ff5733;
}

#menubar ul.menu > li.first > ul.dropdown
{
	margin: 0;
	left:   0;
}

#menubar ul.menu > li.first > ul.dropdown:after
{
	left: 30px;
}

#menubar ul.menu > li.last > ul.dropdown
{
	margin-left: -320px;
	left:        100%;
}

#menubar ul.menu > li.last > ul.dropdown:after
{
	left:  auto;
	right: 30px;
}

#menubar ul.menu > li.submenu:hover > ul.dropdown
{
    visibility: visible;
	opacity:    1;
	filter:     alpha(opacity=100);
	
	-webkit-transition: visibility 0s linear 0s, opacity 300ms, transform 300ms;
	-moz-transition:    visibility 0s linear 0s, opacity 300ms, transform 300ms;
	-o-transition:      visibility 0s linear 0s, opacity 300ms, transform 300ms;
	transition:         visibility 0s linear 0s, opacity 300ms, transform 300ms;
	
    -webkit-transform: translateY(-3px);
    -moz-transform:    translateY(-3px);
    -o-transform:      translateY(-3px);
    -ms-transform:     translateY(-3px);
    transform:         translateY(-3px);
}

#menubar ul.menu > li > ul.dropdown > li > a
{
	display:       block;
	font-size:     14px;
	border-bottom: 0;
}

#menubar ul.menu > li > ul.dropdown > li:hover a,
#menubar ul.menu > li > ul.dropdown > li.active a
{
	color:           #ff5733;
	text-decoration: none;
	border-bottom:   0;
}

#menubar ul.menu > li.nzsocial
{
	position:    relative;
	display:     inline-block;
	height:      100%;
	line-height: 100%;
}

#menubar ul.menu > li.nzsocial.first
{
	margin: 0 0 0 10px;
}

#menubar ul.menu > li.nzsocial.last
{
	margin: -4px 0 0 0;
}

#menubar ul.menu > li.nzsocial > a
{
	display:         block;
	text-decoration: none;
	color:           #666;
}

#menubar ul.menu > li.nzsocial a
{
	padding-left: 0;
}

#menubar ul.menu > li.nzsocial i.fa-facebook
{
 	margin-left: -1px;  
 	margin-top:   1px; 
}

#menubar ul.menu > li.nzsocial a:hover
{
	color: #ff5733;
}

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

#statusbar
{
	position:         relative;
	z-index:          10;
	height:           40px;
	line-height:      40px;
	vertical-align:   middle;
	text-align:       center;
	font-size:        12px;
	font-weight:      500;
	color:            inherit;
	background-color: #fff;
	border-top:       2px solid #abadb3;
}

#statusbar.fixed
{
	position: fixed;
	bottom:   0;
	left:     0;
	width:    100%;
}

#statusbar br
{
	display: none;
}

#statusbar a,
#statusbar a:link,
#statusbar a:visited,
#statusbar a:hover
{
	color: #ff5733;
}

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

#footbar
{
	position:         relative;
	background-color: #ebebeb;
	border-top:       2px solid #abadb3;
}

#footbar .col320
{
	padding: 20px 10px;
}

#footbar .fb-ul
{
	position:   relative;
	display:    block;
	margin-top: 10px;
}

#footbar .fb-ul > li
{
	position:    relative;
	display:     block;
	line-height: 2.5em;
}

#footbar .fb-ul > li > a
{
	font-size: 14px;
}

#footbar h6
{
	margin:         10px 0;
	font-size:      16px;
	font-weight:    400;
	text-transform: uppercase;
}

#footbar a,
#footbar a:link,
#footbar a:visited,
#footbar a:hover,
#footbar a.active
{
	color: inherit;
	
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition:    all 0.5s ease-in-out 0s;
	-o-transition:      all 0.5s ease-in-out 0s;
	transition:         all 0.5s ease-in-out 0s;
}

#footbar a:hover,
#footbar a.active,
#footbar h6.active,
#footbar h6.active a
{
	color: #ff5733;
}

#footbar a:hover
{
	text-decoration: none;
}

#footbar .separator2,
#footbar .separator3
{
	display: none;
}

#footbar .separator4
{
	display: block;
}

#footbar .fb-ul > li.nzsocial
{
	position:    relative;
	display:     inline-block;
	height:      100%;
	line-height: 100%;
}

#footbar .fb-ul > li.nzsocial.first
{
	margin: 0 0 0 10px;
}

#footbar .fb-ul > li.nzsocial.last
{
	margin: -4px 0 0 0;
}

#footbar .fb-ul > li.nzsocial > a
{
	display:         block;
	text-decoration: none;
	color:           #666;
}

#footbar .fb-ul > li.nzsocial a
{
	padding-left: 0;
}

#footbar .fb-ul > li.nzsocial i.fa-facebook
{
 	margin-left: -1px;  
 	margin-top:   1px; 
}

#footbar .fb-ul > li.nzsocial a:hover
{
	color: #ff5733;
}

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

#slidebar
{
	clear:         both;
	position:      relative;
	width:         100%;
	height:        400px;
	border-bottom: 2px solid #abadb3;
	
	background-size:   cover;
	background-repeat: no-repeat;
}

ul#slider
{
	list-style: none;
	margin:     0;
	padding:    0;
	outline:    0;
	width:      100%;
	height:     100%;
	position:   relative;
}

ul#slider li
{
	display:    none;
	width:      100%;
	height:     100%;
	overflow:   hidden;
	position:   relative;
	text-align: center;
	
	background-size:   cover;
	background-repeat: no-repeat;
}

ul#slider li img
{
	display: none;
}

.inslider
{
	display:  block;
	position: relative;
	width:    100%;
	height:   100%;
}

.inslider h1,
.inslider h4
{
	text-align:   center;
	font-family: 'Titillium Web', sans-serif;
	color:        #151515;
}

.inslider h1
{
	font-weight: 700;
	font-size:   3.5em;
	margin:      0.25em 0 0.25em;
}

.inslider h4
{
	font-weight: 300;
	font-size:   2em;
	margin:      0.5em 0 0.25em;
}

.inslider hr
{
	display: inline-block;
	height:  3px;
	border:  0;
	margin:  10px auto;
	width:   50%;
	
	background-color: #333;
}

.couverture 
{
	display:  none;
	position: relative;
    display:  inline-block;
    height:   auto;
    width:    auto;
    padding:  0 20px;
}

.fond
{
	position: absolute;
	top:      0;
	left:     0;
	bottom:   0;
	right:    0;background-color: transparent;
    
    background-color: rgba(255, 255, 255, 0.5);
}

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

#pagination
{
	position:       absolute;
	bottom:         0;
	width:          100%;
	text-align:     center;
	padding-bottom: 15px;
}

#pagination ul
{
	position: relative;
	display:  inline-block;			
	height:   100%;
}

#pagination ul li 
{
	display: inline-block;
	float:   left;
	padding: 0 4px 0 4px;
}

#pagination ul li a 
{
	display:    block;
	width:      17px;
	height:     17px;	
	background: url(../img/layout/pagination.png) no-repeat right center;
}

#pagination a:hover, 
#pagination a.current 
{
	background-position: left center;
}

/*================================================================================================*/
/* PAGES 
/*================================================================================================*/

.title
{
	font-family: 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:  300;
	text-align:   center;
	color:        #151515;
}

.title span 
{
	display:        inline-block;
	position:       relative;
	padding-bottom: 15px;
}

.title span:before
{
	content:    '';
    position:   absolute; 
    left:       25%; 
    bottom:     0;
    height:     3px;
    max-width:  50%;
    width:      50%;
    background: #5993e3;
    
    -webkit-transition: 0.33s width ease;
    -o-transition:      0.33s width ease;
    transition:         0.33s width ease;
}

.subtitle
{
	font-weight:    400;
	text-align:     left;
	letter-spacing: 0.05em;
	color:          #151515;
}

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

.supercontainer
{
	position:      relative;
	border-top:    1px solid transparent;
	border-bottom: 1px solid #abadb3;
	min-height:    500px;
}

.supercontainer:nth-child(odd)
{
	background: rgba(235, 245, 251, 0.5);
	background-image: none;
}

.supercontainer:last-of-type
{
	border-bottom: 0;
}

.supercontainer .partleft,
.supercontainer .partright
{
	position: absolute;
	top:     -1px;
	bottom:   0;
}

.supercontainer .partleft
{
	left:  0;
	right: 50%;
	
	background-color: transparent;
}

.supercontainer .partright
{
	left:  50%;
	right: 0;
	
	background-color: transparent;
}

.paralax
{   
	position: absolute;
    top:     -1px;
    left:     0;
    right:    0;
    bottom:   0;
    height:  100%;
	
	/*
    background-size:       cover;
    background-position:   bottom left;
    background-image:      url(../uploads/about.jpg);
    background-attachment: fixed;
    */
}

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

#avantages
{
	min-height: 0;
}

#avantages .box-minimal
{
	position:   relative;
    padding:    50px 15px;
    border:     1px solid #e8e8e8;
    text-align: center;
    cursor:     pointer;
    height:     350px;
    
    background: #fefefe;
}

#avantages .box-minimal-icon 
{
	position:    relative;
    font-size:   40px;
    line-height: 40px;
    color:       #5993e3;
}

#avantages .box-minimal-icon [class*='fa-']
{
	margin-right: 0;
}

#avantages .box-minimal-title 
{
    font-size:   24px;
    line-height: 1.25;
    font-weight: 500;
    margin-top:  16px;
    color:       #151515;
}

#avantages .box-minimal-text 
{
    margin-top: 18px;
    text-align: justify;
}

#avantages .box-minimal-divider 
{
    width:      49px;
    height:     3px;
    margin:     16px auto 0;
    background: #5993e3;
    
    -webkit-transition: 300ms all ease-in-out;
    -o-transition:      300ms all ease-in-out;
    transition:         300ms all ease-in-out;
}

#avantages .box-minimal:hover .box-minimal-divider 
{
	width: 110px;
}

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

#about
{
	min-height:    0;
	border-bottom: 0;
	padding:       100px 0;
	background:    transparent;
}

#about .paralax
{   
	background-size:       cover;
    background-attachment: fixed;
}

#about .col640.form-container
{
	background: rgba(235, 245, 255, 0.85);/*url(../img/layout/wet_snow.png);*/
	box-shadow: 6px 6px 12px rgba(0,0,0,.5);
}

#about .box-tabs
{
	position:   relative;
	padding:    50px 20px 30px;
    text-align: center;
    background: transparent;
}

#about .box-tabs h1.title
{
	margin: 0;
}

#about-tabs .tabs-menu 
{
	float:  none;
	margin: 30px 0;
}

#about-tabs .tabs-menu li 
{
	display:          inline-block;
    margin-right:     0;
    border:           0;
    width:            33.333%;
    background-color: transparent;
    
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
    
    -webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

#about-tabs .tabs-menu li.current 
{
    position: relative;
    z-index:  5;
    cursor:   default;
    
    background-color: transparent;
}

#about-tabs .tabs-menu li a 
{
	display:          inline-block;
    padding:          0 0 7px 0;
    position:         relative;
    z-index:          1;
    border:           0;
    color:            inherit;
    text-transform:   uppercase;
    font-size:        14px;
    font-weight:      700;
    line-height:      1.4;
    letter-spacing:   0.05em;
    text-align:       center;
    vertical-align:   middle;
    background-color: transparent;
}

#about-tabs .tabs-menu li a:before
{
	content:    '';
    position:   absolute;
    left:       0;
    bottom:     0;
    height:     2px;
    max-width:  100%;
    width:      0;
    background: #5993e3;
    
    -webkit-transition: 0.33s width ease;
    -o-transition:      0.33s width ease;
    transition:         0.33s width ease;
}

#about-tabs .tabs-menu li.current a,
#about-tabs .tabs-menu li a:hover 
{
    text-decoration:  none;
    color:            #151515;
    background-color: transparent;
}

#about-tabs .tabs-menu li.current a:before 
{
    width: 100%;
}

#about .tab
{
	float:            none;
	border:           0;
    background-color: transparent;
    
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;	
}

#about .tab-content
{
	padding:    0 20px;
	text-align: justify;	
}

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

#about-bottom
{
	border-top: 0;
}

#about-bottom .col640:not(h1)
{
	text-align: justify;
}

#about-bottom .col320 a.thumbnail
{
	display:          block;
	position:         relative;
	background-color: #fafafa;
	color:            inherit;
	height:           480px;
	overflow:         hidden;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
  
	-webkit-transform: scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

#about-bottom .col320 a.thumbnail:before 
{
    content:    '';
    position:   absolute;
    bottom:     0;
    height:     4px;
    z-index:    10;
    left:       0;
    right:      0;
    background: #e8e8e8;
}

#about-bottom .col320 a.thumbnail .thumbnail-body 
{
    position:     relative;
    z-index:      1;
    padding:      20px 20px 25px 20px;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
}

#about-bottom .col320 a.thumbnail .thumbnail-body p
{
	margin: 0;
}

#about-bottom .col320 a.thumbnail .thumbnail-body .thumbnail-title 
{
    color:          #151515;
    font-size:      18px;
    line-height:    1.2;
    font-weight:    500;
    font-size:      24px;
}

#about-bottom .col320 a.thumbnail .thumbnail-body .thumbnail-subtitle 
{
    font-size:      16px;
    line-height:    1.2;
    color:          #5993e3;
}

#about-bottom .col320 a.thumbnail .thumbnail-body .thumbnail-text 
{
    margin-top: 20px;
    font-style: italic;
    text-align: justify;
}

#about-bottom .col320 a.thumbnail:hover
{
	text-decoration: none;
	
	-webkit-transform: scale(1.05);
    -ms-transform:     scale(1.05);
    transform:         scale(1.05);
}

#about-bottom .col320 a.thumbnail:hover:before
{
	background: #5993e3;
}

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

#partners .col320.partner .fieldButton
{
	padding: 0 0 15px;
}

#partners .col320.partner .partner-inner
{
	position:     relative;
	z-index:      1;
    padding:      10px 10px 15px 10px;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 1px 1px 4px 1px;
    
    border-bottom-color: #5993e3;
    background: #fefefe;
}

#partners .col320.partner a.weblink
{
	text-decoration: none;
	color: inherit;
}

#partners .col320.partner .qc-header
{
	position:   relative;
	width:      100%;
	margin-top: 10px;
}

#partners .col320.partner .qc-header .qc-image
{
	display:    block;
	max-height: 128px;
	max-width:  90%;
	width:      auto;
	margin:     0 auto 10px;
}

#partners .col320.partner .qc-header .qc-meta
{
	position:    relative;
	min-height:  70px;
	text-align:  center;
}

#partners .col320.partner .qc-header .qc-meta p
{
	margin: 0;
}

#partners .col320.partner .qc-header .qc-meta .qc-big
{
	font-size: 24px;
	color:     #5993e3;
}

#partners .col320.partner .qc-header .qc-meta .qc-small
{
	font-size:  18px;
	font-style: italic;
	color:      #838386;
}

#partners .col320.partner .qc-texte
{
	margin:     10px 0;
	font-style: italic;
	color:      #29293a;
	text-align: justify;
	height:     130px;
}

#partners .slider-onlyone 
{
	position:   relative;
	overflow:   hidden;
	width:      100%;
	max-width:  100%;
	padding:    20px;
}

#partners .slider-inner-onlyone
{
	position: relative;
	width:    100%;
	height:   100%;
}

#partners .slider-inner-onlyone .qc-header
{
	position:   relative;
	width:      100%;
	margin-top: 10px;
}

#partners .slider-inner-onlyone .qc-header .qc-image
{
	display:    block;
	max-height: 128px;
	max-width:  90%;
	width:      auto;
	margin:     0 auto 20px;
	border:     1px solid #ebebeb;
}

#partners .slider-inner-onlyone .qc-header .qc-meta
{
	position:    relative;
	min-height:  70px;
	text-align:  center;
}

#partners .slider-inner-onlyone .qc-header .qc-meta .qc-big
{
	font-size: 24px;
	color:     #5993e3;
}

#partners .slider-inner-onlyone .qc-header .qc-meta .qc-small
{
	font-size:  18px;
	font-style: italic;
	color:      #838386;
}

#partners .slider-inner-onlyone .qc-texte
{
	font-size:  16px;
	margin:     20px 0 10px;
	font-style: italic;
	color:      #29293a;
	text-align: justify;
}

#partners .slider-inner-onlyone .qc-texte
{
	font-style: normal;
}

#partners .btn-pagination 
{
    display:         inline-block;
    width:           auto;
    min-height:      42px;
    min-width:       42px;
    height:          42px;
    line-height:     42px;
    margin:          0 5px;
    padding:         0 10px;
    vertical-align:  middle;
    text-decoration: none;
    color:           inherit;
}

#partners .btn-pagination.padlarge
{
	padding: 0 20px;
}

#partners .btn-pagination:hover
{
	text-decoration:  none;
    color:            #fff;
    background-color: #1253a3;
    border-color:     transparent;
}

#location .btn-partners,
#contact .btn-partners,
#partners .btn-partners,
#tobepartner .btn-partners 
{
    display:          inline-block;
    width:            auto;
    min-height:       42px;
    min-width:        42px;
    height:           42px;
    line-height:      42px;
    margin:           0 5px;
    padding:          0 20px;
    vertical-align:   middle;
    text-decoration:  none;
    color:            #fff;
	background-color: #5993e3;
	cursor:           pointer;
	
	-webkit-transition: background-color .3s ease;
    -moz-transition:    background-color .3s ease;
    -o-transition:      background-color .3s ease;
    transition:         background-color .3s ease; 
    
    -webkit-appearance: none;
}

#location .btn-partners:hover,
#contact .btn-partners:hover,
#partners .btn-partners:hover,
#tobepartner .btn-partners:hover
{
	text-decoration:  none;
    background-color: #1253a3;
    color:            #fff;
}

#location .btn-partners:disabled,
#location .btn-partners:disabled:hover,
#contact .btn-partners:disabled,
#contact .btn-partners:disabled:hover,
#partners .btn-partners:disabled,
#tobepartner .btn-partners:disabled,
#partners .btn-partners:disabled:hover,
#tobepartner .btn-partners:disabled:hover
{
	text-decoration:  none;
    color:            inherit;
    background-color: transparent;
    cursor:           default;
    
    background-color: #5993e3;
    color: #ddd;
}
				
/*------------------------------------------------------------------------------------------------*/

#news .post-news
{
	position: relative;
}

#news .post-news-image
{
	position: relative;
	width:    100%;
	height:   460px;
	overflow: hidden;	
}

#news .post-news-image a
{
	display:         block;
	position:        relative;
    text-decoration: none;
    width:           100%;
    max-width:       100% !important;
}

#news .post-news-image a img
{
	display: block;
	width:   100%;
}

#news .post-news-body 
{
	position:   relative;
	width:      100%;
	max-width:  100% !important;
    padding:    25px 30px 35px;
    min-height: 230px;
    
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    
    background: #fefefe;
}

#news .post-news-title 
{
	position:       relative;
    font-weight:    700;
    color:          #151515;
    font-size:      24px;
    line-height:    1.2;
    letter-spacing: 0.075em;
}

#news .post-news-time 
{
	display:        inline-block;
	float:          left;
	position:       relative;
	width:          60px;
    text-transform: uppercase;
    text-align:     center;
    max-width:      60px;
}

#news .post-news-time span.big 
{
	line-height: 1;
    color:       #5993e3;
    font-size:   48px;
    font-weight: 500;
    display:     inline-block;
}

#news .post-news-time span.small 
{
	line-height:    18px;
    color:          #151515;
    font-size:      12px;
    font-weight:    700;
    letter-spacing: 0.1em;
    display:        inline-block;
}

#news .post-news-title a
{
	display:          block;
	background-color: transparent;
	color:            #151515;
    text-decoration:  none;
    margin-left:      90px;
    
    -webkit-transition: 0.33s all ease-out;
    -o-transition:      0.33s all ease-out;
    transition:         0.33s all ease-out;
}

#news .post-news-title a:hover 
{
    color: #5993e3;
}

#news .post-news-text
{
	position:    relative;
	margin-left: 90px;
	text-align:  justify;
}

#news .player-container
{
	position:         relative;
	text-align:       center;
	padding:          5px;
	background-color: #5993e3;
	border-radius:    5px;
	width:            620px;
	height:           360px;
	margin:           0 auto;
}

#news h5
{
	margin:      0 0 10px;
	line-height: 30px;
	font-size:   16px;
	font-weight: 600;
	color:       #5993e3;
	text-align:  center;
}

#news h6
{
	margin:     2em 0 0;
	text-align: center;
}

#news .image-container
{
	position:         relative;
	text-align:       center;
	padding:          5px;
	background-color: #5993e3;
	border-radius:    5px;
	width:            620px;
	margin:           0 auto;
	height:           auto;
}

#news .col640.album .caption
{
	text-align:  center;
	color:       #fff;
	padding-top: 4px;
}

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

#post h1.title
{
	margin: 1em 0 0;
}

#post .post-date
{
	font-family: 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:  300;
	margin:       1em 0 2em;
	text-align:   center;
	line-height:  22px;
}

#post .post-date i
{
	color: #5993e3;
}

#post .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          10px;
	background-color: transparent;
	border-radius:    0;
	border:           0;
}

#post .img-preview img
{
	border-radius: 0;
}

#post .post-texte
{
	padding:    10px;
	text-align: justify;
}

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

#posts .col640 a.pthumbnail
{
	display:          block;
	position:         relative;
	background-color: #f2f3f8;
	color:            inherit;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
  
	-webkit-transform: scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

#posts .col640 a.pthumbnail:before 
{
    content:    '';
    position:   absolute;
    bottom:     0;
    height:     4px;
    z-index:    10;
    left:       0;
    right:      0;
    background: #c6cdd6;
}

#posts .col640 a.pthumbnail .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          0;
	background-color: transparent;
	border-radius:    0;
	border:           0;
	max-height:       460px;
	height:           460px;
	overflow:         hidden;
}

#posts .col640 a.pthumbnail .img-preview img
{
	border-radius: 0;
}

#posts .col640 a.pthumbnail .pthumbnail-body 
{
    position:     relative;
    z-index:      1;
    padding:      20px 20px 25px 20px;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
}

#posts .col640 a.pthumbnail .pthumbnail-body p
{
	margin: 0;
}

#posts .col640 a.pthumbnail .pthumbnail-body .pthumbnail-title 
{
    color:          #151515;
    font-size:      18px;
    line-height:    1.2;
    font-weight:    500;
    font-size:      24px;
    margin:         1em 20px;
}

#posts .col640 a.pthumbnail .pthumbnail-body .pthumbnail-text 
{
    font-style: italic;
    text-align: justify;
    margin:     0 20px;
}

#posts .col640 a.pthumbnail .pthumbnail-body .pthumbnail-date 
{
    line-height: 22px;
    margin:      30px 20px;
}

#posts .col640 a.pthumbnail .pthumbnail-body .pthumbnail-date i
{
	color: #5993e3;
}

#posts .col640 a.pthumbnail:hover
{
	text-decoration: none;
	
	-webkit-transform: scale(1.025);
    -ms-transform:     scale(1.025);
    transform:         scale(1.025);
}

#posts .col640 a.pthumbnail:hover .pthumbnail-body .pthumbnail-title
{
	color: #5993e3;
}

#posts .col640 a.pthumbnail:hover:before
{
	background: #5993e3;
}

#pagination-container
{
	margin-top: 15px;
	padding:    15px;
	text-align: center;
}

#pagination-container .fieldButton
{
	padding: 15px 0 0;
}

#pagination-container #pagination
{
	text-align: center;
	position:   relative;
}

#pagination-container #pagination [class*='fa-']
{
	margin-right: 0;
}

#pagination-container #pagination .fa-lg 
{
    font-size:       1.75em;
    line-height:     0.5em;
    vertical-align: -20%;
}

#pagination-container #pagination .btn-pagination 
{
    display:         inline-block;
    width:           auto;
    min-height:      52px;
    min-width:       52px;
    height:          52px;
    line-height:     52px;
    margin:          0 5px;
    padding:         0 10px;
    vertical-align:  middle;
    text-decoration: none;
    background:      #5993e3;
    color:           #fff;
}

#pagination-container #pagination .btn-pagination.padlarge
{
	padding: 0 20px;
}

#pagination-container #pagination .btn-pagination.current,
#pagination-container #pagination .btn-pagination:hover
{
	text-decoration:  none;
    color:            #fff;
    background-color: #1253a3;
}

#pagination-container #pagination .btn-pagination.current
{
	cursor: default;
}

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

#contact .coordonnees
{
	line-height:    2em;
	vertical-align: middle;
}

#contact .coordonnees .fa-2x
{
	font-size:       2em; 
	line-height:     0.75em; 
	vertical-align: -25%;
}

#contact .captcha
{
	text-align: center;
	margin-top: 4px;
}

#contact .adresse
{
	font-size: 14px;
}

#contact .field100.borders
{
	border-top:    1px solid #abadb3;
	border-bottom: 1px solid #abadb3;
	margin:        10px 0;
	padding:       1em 0;
}

#contact .field100.topBorder
{
	border-top:  1px solid #abadb3;
	margin-top:  10px;
	padding-top: 15px;
}

#contact .field100.btmBorder
{
	border-bottom:  1px solid #abadb3;
	margin-bottom:  10px;
	padding-bottom: 15px;
}

#contact #label-cnil
{
	margin:     0 0 10px 0;
	text-align: justify;
}

#contact ul.bullet > li
{
	background-position-x: 0;
	background-position-y: 5px;
}

ul.pj 
{
    list-style-type: none;
    margin:          0;
	padding:         0;
}

ul.pj > li 
{
    padding:       0 0 10px 0;
    white-space:   nowrap;
	overflow:      hidden;
	text-overflow: ellipsis;
	cursor:        default;
}

ul.pj > li > i
{
	cursor: pointer;
}

ul.pj > li > i:hover
{
	color: #ff5733;
}

ul.pj > li:last-child
{
	padding-bottom: 0;
}

#contact .upload100.uploadbuttons
{
	text-align: center;
	padding:    10px 0 0;
}

#contact .upload-container
{
	padding: 10px 0 0;
}

#contact .alert-warning,
#contact .alert-danger 
{
  	text-align: center;
}

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

#legacy span.bullet
{
	display:      block;
	font-family:  inherit;
	font-weight:  700;
	line-height:  1.25;
	margin:       1em 0 1em 1em;	
	padding-left: 1.5em;
	
	background-position: left 1px;
	background-repeat:   no-repeat;	
	background-image:    url(../img/layout/dot_blue.png);
}

#legacy span.bolder
{
	font-weight: 600;
	color: navy;
}

#legacy p
{
	margin:       0 0 0.5em;
	padding-left: 1em;
	text-align:   justify;
}

#legacy ul
{
	list-style: none;
	margin:     1em 0 0.5em 1em;
}

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

#sitemap .ul-main,
#sitemap .ul-second
{
	list-style: none;
	margin:     0;
	padding:    0;
	outline:    0;
}

#sitemap [class*='fa-']
{
	margin-left: 0.5em;
}

#sitemap h2.main-title [class*='fa-']
{
	margin-right: 0.5em;
}

#sitemap .toggler 
{
    cursor: pointer;
}

#sitemap .toggler-content
{
	padding-left: 70px;
}

#sitemap h5, 
#sitemap h6
{
	line-height:         40px;
	vertical-align:      middle;
	padding-left:        40px;
	background-position: left center;
	background-repeat:   no-repeat;
	font-weight:         400;
}

#sitemap h5 a,
#sitemap h5 a:link,
#sitemap h5 a:visited,
#sitemap h5 a:focus,
#sitemap h5 a:active,
#sitemap h6 a,
#sitemap h6 a:link,
#sitemap h6 a:visited,
#sitemap h6 a:focus,
#sitemap h6 a:active
{
	color:           inherit;
	text-decoration: none;
	transition:      all 0.5s ease-in-out 0s;
}

#sitemap h5 a:hover,
#sitemap h6 a:hover
{
	color:           #a50d1f;
	text-decoration: none; 
}

#sitemap .toggler.active
{
    color: #a50d1f;
}

#sitemap .page
{
	background-image: url(../img/layout/document.png);
}

#sitemap .directory
{
	background-image: url(../img/layout/documents.png);
}

#sitemap .para
{
	background-image: url(../img/layout/document-quote.png);
}

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

#services-btm .btn-services 
{
    display:          inline-block;
    width:            100%;
    max-width:        100%;
    min-height:       52px;
    height:           52px;
    line-height:      52px;
    margin:           0 0 10px;
    padding:          0 20px;
    vertical-align:   middle;
    text-decoration:  none;
    color:            #fff;
    cursor:           pointer;
    background-color: #5993e3;
    text-transform:   uppercase;
    text-align:       left;  
}

#services-btm .btn-services.current,
#services-btm .btn-services:hover
{
	text-decoration:  none;
    color:            #fff;
    background-color: #1253a3;
}

#services-btm .btn-services.current
{
	cursor: default;
}

#services-btm .services-container
{
	position: relative;
}

#services-btm .services-container .services-texte
{
	position:   relative;
	text-align: justify;
	padding:    2em 10px 0;
}

#services-btm .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          0 10px;
	background-color: transparent;
	border-radius:    0;
	border:           0;
}

#services-btm .img-preview img
{
	border-radius: 0;
}

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

#albums .col320
{
	min-height:    300px;
	margin-bottom: 20px;
	text-align:    center;
}

#albums h5.menu-subtitre
{
	margin:  10px 0 0;
	padding: 0;
}

#albums .img-preview
{
	position:         relative;
	display:          inline-block;
    cursor:           pointer;
    border-radius:    50%;
    width:            250px;
    height:           250px;
    line-height:      250px;
    vertical-align:   middle;
    text-align:       center;
}

#albums .img-preview .inner
{
	position:      relative;
	display:       inline-block;
    cursor:        pointer;
    border-radius: 50%;    
    width:         230px;
    height:        230px;
    
    background-position: center center;
    background-repeat:   no-repeat;
    background-size:     cover;
}

#albums .img-preview .overlay-area 
{
    position:      absolute;
    top:           0;
    bottom:        0;
    left:          0;
    right:         0;
    background:    rgba(0, 0, 0, 0.5);
    opacity:       0;
    filter:        alpha(opacity=0);
    transition:    opacity 0.15s linear 0s;
    border-radius: 50%;
}

#albums .img-preview .overlay-area a
{
	display: inline-block;
	width:   100%;
	height:  100%;
	color:   transparent;
}

#albums .img-preview .overlay-area:empty:before 
{
    content:      "";
    position:     absolute;
    top:          50%;
    left:         50%;
    width:        50px;
    height:       50px;
    margin-top:  -25px;
    margin-left: -25px;
    font-size:    50px;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   center;
    color:        #fff;
}

#albums .img-preview:hover .overlay-area
{
	opacity: 0.75;
	filter:  alpha(opacity=75);
}

.agalerie
{
	display: none;
}

.portfolio
{
	position:  relative;
	max-width: 100% !important;
	width:     100%;
}

.in-portfolio
{
	position: relative;
	width:    1200px;
	margin:   0 auto;	
}

.separator2,
.separator3
{
	display: none;
}

.separator4
{
	display: block;
}

.agalerie .portfolio-supercontainer
{
	position: relative;
	float:    left;
	width:    300px;
}

.agalerie .portfolio-container
{
	position: relative;
	width:    300px;
	padding:  10px;
}

.agalerie .portfolio-container .overlay-area 
{
    position:      absolute;
    top:           0;
    bottom:        0;
    left:          0;
    right:         0;
    border-radius: 6px;
    background:    none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    opacity:       0;
    transition:    opacity 0.15s linear 0s;
}

.agalerie .portfolio-container .overlay-area:empty:before 
{
    content:     "\f002";
    position:     absolute;
    top:          50%;
    left:         50%;
    width:        50px;
    height:       50px;
    margin-top:  -25px;
    margin-left: -25px;
    font-size:    50px;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   center;
    color:        #fff;
}

.agalerie .portfolio-container a.lightbox
{
	display:    block;
	text-align: center;
}

.agalerie .portfolio-container a:hover.lightbox
{
	text-decoration: none;
	color:           #000;
}

.agalerie .portfolio-container a:hover.lightbox .caption
{
	color: #000;
}

.agalerie .portfolio-container a:hover.lightbox .overlay-area
{
	opacity: 1;
}

.agalerie .portfolio-container .caption
{
	text-align: center;
	font-style: italic;
	color:      #a0a0a0;
}

.agalerie .portfolio-container .image-container
{
	padding:       10px;
    border:        1px solid #d2d3d4;
    background:    #fff;
    border-radius: 6px;
}

.agalerie .portfolio-container img ~ .caption
{
	padding-top: 10px;
}

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

#videos .player-container
{
	position:         relative;
	text-align:       center;
	padding:          5px;
	background-color: #5993e3;
	border-radius:    5px;
	width:            620px;
	height:           360px;
	margin:           0 auto;
}

#videos h5
{
	margin:      0 0 10px;
	line-height: 30px;
	font-size:   16px;
	font-weight: 600;
	color:       #5993e3;
	text-align:  center;
}

#videos .col640
{
	margin-bottom: 20px;
}

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

#googlemap
{
	border: 5px solid #5993e3;
}

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

#tobepartner h4
{
	font-family: 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:  300;
	text-align:   center;
	color:        #7f7c7c;
}

#tobepartner h6
{
	margin:     1em 0 1em;
	text-align: justify;
}

#tobepartner .slider-onlyone 
{
	position:   relative;
	overflow:   hidden;
	width:      100%;
	max-width:  100%;
	padding:    20px;
}

#tobepartner .slider-onlyone p
{
	margin: 0;
}

#tobepartner .slider-inner-onlyone
{
	position: relative;
	width:    100%;
	height:   100%;
}

#tobepartner .slider-inner-onlyone .qc-header
{
	position:   relative;
	width:      100%;
	margin-top: 10px;
}

#tobepartner .slider-inner-onlyone .qc-header .qc-image
{
	display:    block;
	max-height: 128px;
	max-width:  90%;
	width:      auto;
	margin:     0 auto 20px;
}

#tobepartner .slider-inner-onlyone .qc-header .qc-meta
{
	position:    relative;
	min-height:  70px;
	text-align:  center;
	
	margin-left: 0;
}

#tobepartner .slider-inner-onlyone .qc-header .qc-meta .qc-big
{
	font-size: 24px;
	color:     #5993e3;
}

#tobepartner .slider-inner-onlyone .qc-header .qc-meta .qc-small
{
	font-size:  18px;
	font-style: italic;
	color:      #838386;
}

#tobepartner .slider-inner-onlyone .qc-texte
{
	font-size:  16px;
	margin:     20px 0 0;
	font-style: italic;
	color:      #29293a;
	text-align: justify;
}

#tobepartner .field100.btmBorder
{
	border-bottom: 1px solid #abadb3;
	margin-bottom: 10px;
}

#tobepartner .nopaddingtop
{
	padding-top: 0;
}

#tobepartner .button-group-container
{
	position:   relative;
	min-height: 36px;
}

#tobepartner .button-group-container .button-group
{
	position: absolute;
	bottom:   2px;
	right:    0;
	z-index:  10;
}

#tobepartner .button-group-container label
{
	position: absolute;
	bottom:   0;
	left:     0;
	z-index:  1;
}

#tobepartner .avertissement.topbtm
{
	font-size:      12px;
  	font-style:     italic;
  	border-bottom:  1px solid #abadb3;
  	margin-bottom:  2em;
  	padding-bottom: 1em;
  	border-top:     1px solid #abadb3;
  	margin-top:     1em;
  	padding-top:    1em;
}

#tobepartner .fulltexte-container
{
	font-size:  16px;
	margin:     40px 0 20px;
	text-align: justify;
}

#tobepartner .alert
{
	margin-top: 8px;
}

#tobepartner .form-container
{
	margin-top: 20px;
}

/*================================================================================================*/
/* MEDIAS QUERIES 
/*================================================================================================*/

@media only screen and (max-width: 1280px)
{
	#footbar .separator2,
	#footbar .separator4
	{
		display: none;
	}
	
	#footbar .separator3
	{
		display: block;
	}
	
	#news .post-news-body
	{
		min-height: 0;
	}
	
	.col960.special
	{
		width: 640px;
	}
	
	.agalerie .in-portfolio
	{
		width: 900px;
	}
	
	.agalerie .separator2,
	.agalerie .separator4
	{
		display: none;
	}
	
	.agalerie .separator3
	{
		display: block;
	}
}

@media only screen and (max-width: 1024px)
{
	#toolbar
	{
		text-align:    center;
		border-bottom: 0;
	}
	
	#menubar
	{
		margin-top:    0;
		margin-left:   0;
		text-align:    center;
		background:    #fff;
		height:        55px;
		padding-top:   8px;
		border-bottom: 2px solid #abadb3;
	}
	
	#menubar.fixed
	{
		height:      70px;
		padding-top: 15px;
		text-align:  right;
	}
}

@media only screen and (max-width: 960px)
{
	#menubar.fixed ul.menu
	{
		display: none;
	}
	
	#menubar.fixed #psopen
	{
		display: inline-block;
	}
	
	#footbar .separator3,
	#footbar .separator4
	{
		display: none;
	}
	
	#footbar .separator2
	{
		display: block;
	}
	
	.content1280.special
	{
		width: 800px;
	}
	
	.col960.special
	{
		width:  480px;
		float:  left;
		margin: 0;
	}
	
	.agalerie .in-portfolio
	{
		width: 600px;
	}
	
	.agalerie .separator3,
	.agalerie .separator4
	{
		display: none;
	}
	
	.agalerie .separator2
	{
		display: block;
	}
}

@media only screen and (max-width: 800px)
{
	.content1280.special,
	.col960.special
	{
		width: 640px;
	}
	
	.col960.special,
	.col320.special
	{
		float:  none;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px)
{
	#menubar ul.menu
	{
		display: none;
	}
	
	#menubar #psopen
	{
		display: inline-block;
	}
	
	#news .post-news-time .big
	{
		font-size: 40px;
	}
}

@media only screen and (max-width: 640px)
{	
	#footbar .separator2,
	#footbar .separator3,
	#footbar .separator4
	{
		display: none;
	}
	
	#slidebar
	{
		height: 220px;
	}
	
	.inslider h1
	{
		font-size: 2.5em;
	}
	
	.inslider h4
	{
		font-size: 1.5em;
	}
	
	#posts .col640 a.pthumbnail .img-preview,
	#news .post-news-image
	{
		height: 370px;
	}
	
	#news .post-news-title 
	{
		font-size: 20px;
	}
	
	h1.title
	{
		font-size: 24px;
	}
	
	.content1280.special,
	.col960.special
	{
		width: 480px;
	}
	
	.agalerie .in-portfolio
	{
		width: 300px;
	}
	
	.agalerie .portfolio-container
	{
		float:  none;
		margin: 0 auto;
	}
	
	.agalerie .separator2,
	.agalerie .separator3,
	.agalerie .separator4
	{
		display: none;
	}
	
	#news .player-container,
	#news .image-container
	{
		width:  460px;
	}
	
	#news .player-container
	{
		height: 250px;
	}
}

@media only screen and (max-width: 480px)
{
	#statusbar
	{
		line-height: 20px;
	}
	
	#statusbar br
	{
		display: block;
	}	
	
	.inslider h1
	{
		font-size: 1.5em;
	}
	
	.inslider h4
	{
		font-size: 1em;
	}
	
	#posts .col640 a.pthumbnail .img-preview,
	#news .post-news-image
	{
		height: 242px;
	}
	
	#news .post-news-body
	{
		padding: 20px 20px 30px;
	}
	
	#news .post-news-title 
	{
		font-size: 16px;
	}
	
	#news .post-news-text
	{
		margin-left: 0;
	}
	
	.content1280.special,
	.col960.special
	{
		width: 320px;
	}
	
	#news .player-container,
	#news .image-container
	{
		width: 300px;
	}
	
	#news .player-container
	{
		height: 160px;
	}
}

/*================================================================================================*/