/* Minification failed. Returning unminified contents.
(589,1): run-time error CSS1019: Unexpected token, found '-'
(589,2): run-time error CSS1019: Unexpected token, found '-'
(589,3): run-time error CSS1019: Unexpected token, found '-'
(589,4): run-time error CSS1019: Unexpected token, found '-'
(589,5): run-time error CSS1019: Unexpected token, found '-'
(589,6): run-time error CSS1019: Unexpected token, found '-'
(589,7): run-time error CSS1019: Unexpected token, found '-'
(589,8): run-time error CSS1019: Unexpected token, found '-'
(589,9): run-time error CSS1019: Unexpected token, found '-'
(589,10): run-time error CSS1019: Unexpected token, found '-'
(589,11): run-time error CSS1019: Unexpected token, found '-'
(589,12): run-time error CSS1019: Unexpected token, found '-'
(589,13): run-time error CSS1019: Unexpected token, found '-'
(589,14): run-time error CSS1019: Unexpected token, found '-'
(589,15): run-time error CSS1019: Unexpected token, found '-'
(589,16): run-time error CSS1019: Unexpected token, found '-'
(589,17): run-time error CSS1019: Unexpected token, found '-'
(589,18): run-time error CSS1019: Unexpected token, found '-'
(589,19): run-time error CSS1019: Unexpected token, found '-'
(589,20): run-time error CSS1019: Unexpected token, found '-'
(589,21): run-time error CSS1019: Unexpected token, found '-'
(589,22): run-time error CSS1019: Unexpected token, found '-'
(589,23): run-time error CSS1019: Unexpected token, found '-'
(589,24): run-time error CSS1019: Unexpected token, found '-'
(589,25): run-time error CSS1019: Unexpected token, found '-'
(589,26): run-time error CSS1019: Unexpected token, found '-'
(589,27): run-time error CSS1019: Unexpected token, found '-'
(589,28): run-time error CSS1019: Unexpected token, found '-'
(589,29): run-time error CSS1019: Unexpected token, found '-'
(589,30): run-time error CSS1019: Unexpected token, found '-'
(589,31): run-time error CSS1019: Unexpected token, found '-'
(589,32): run-time error CSS1019: Unexpected token, found '-'
(589,33): run-time error CSS1019: Unexpected token, found '-'
(589,34): run-time error CSS1019: Unexpected token, found '-'
(589,35): run-time error CSS1019: Unexpected token, found '-'
(589,36): run-time error CSS1019: Unexpected token, found '-'
(589,37): run-time error CSS1019: Unexpected token, found '-'
(589,38): run-time error CSS1019: Unexpected token, found '-'
(589,39): run-time error CSS1019: Unexpected token, found '-'
(589,40): run-time error CSS1019: Unexpected token, found '-'
(589,41): run-time error CSS1019: Unexpected token, found '-'
(589,42): run-time error CSS1019: Unexpected token, found '-'
(589,43): run-time error CSS1019: Unexpected token, found '-'
(589,44): run-time error CSS1019: Unexpected token, found '-'
(589,45): run-time error CSS1019: Unexpected token, found '-'
(589,46): run-time error CSS1019: Unexpected token, found '-'
(589,47): run-time error CSS1019: Unexpected token, found '-'
(589,48): run-time error CSS1019: Unexpected token, found '-'
(589,49): run-time error CSS1019: Unexpected token, found '-'
(589,50): run-time error CSS1019: Unexpected token, found '-'
(589,51): run-time error CSS1019: Unexpected token, found '-'
(589,52): run-time error CSS1019: Unexpected token, found '-'
(589,53): run-time error CSS1019: Unexpected token, found '-'
(589,54): run-time error CSS1019: Unexpected token, found '-'
(589,55): run-time error CSS1019: Unexpected token, found '-'
(589,56): run-time error CSS1019: Unexpected token, found '-'
(589,57): run-time error CSS1019: Unexpected token, found '-'
(589,58): run-time error CSS1019: Unexpected token, found '-'
(589,60): run-time error CSS1031: Expected selector, found '/'
(589,60): run-time error CSS1025: Expected comma or open brace, found '/'
 */
html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
   
}
body 
{
    color: #333;
    font-size: 1.0em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;

    margin: 0;
    padding: 0;
    text-align: left;
    background: url("../Images/fond_site.png") repeat-x top;
   
}

a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
    color: #0002fe;
	font-size: 24px;
	font-weight:bold;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 0.7em;
    color:white;
}

h5, h6 {
    font-size: 1em;
   
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
        color:Blue;
    }


/* main layout */


#contener
{
	clear:both;
	/*width: 950px;950px;*/
	margin:0 auto;
	margin-top:0px;
	
}


header 
{
	width: 90%;
	height:125px;/*170px;*/
	margin:0px;
	
	/*position: relative;
	margin-top:0px;
	margin-left:0px;*/
	text-align: center;
	
	/*background-attachment: scroll;*/
	background-position: center top;
	
}

#headerlogoAccsys
{
	float:left;
	width: 1100px; /*1100*/
	height: 125px;/*129px;170px;125*/
	
	
	background-color: transparent;
	background: url("../Images/bandeau_fondL4.png") no-repeat;
	
}   

@keyframes NewNews {
	from { font-size: 92%; }
	50% { font-size: 150%; }
	to {  font-size: 92%; }
}
.textnew {
	/*display: inline-block;*/
	position:absolute;
	top:5px;
	font-family : HelveticaNeueMedium, Arial, Verdana, Helvetica, sans-serif;
	font-size : 11px;
	text-align: center;
	padding-left:4px;
	
	color:Yellow;
	animation: NewNews 2s infinite;
	transform-origin: center;
}

#header_titre_1,
#header_titre_2{
	position: absolute;
	top: 30px;
	left: 660px;
	color: #fff;
	font-family:  Arial Black, Arial, sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-decoration:none;
	color:White;
}
#header_titre_2{
	top: 58px;
	left: 720px;
}


.content-wrapper {
    margin: 0 auto;
    max-width: 960px; /*960*/
}

#bodyView {
    /*background-color: #efeeef;*/
    clear: both;
     
   /* padding-bottom: 35px;*/
}

    .main-content {
        /*background: url("../Images/accent.png") no-repeat;*/
        padding-left: 10px;
        padding-top: 30px; /*30*/
    }

    .featured + .main-content {
        /*background: url("../Images/heroAccent.png") no-repeat;*/
    }

header .content-wrapper {
    padding-top: 0px; 
}

footer {
    clear: both;
    background-color:#92bdcf;  /* #e2e2e2;*/
    background:linear-gradient(135deg ,#e2e2e2 30%, #077caf 40% );
    /*font-size: .7em;*/
    padding-left:40%;
    padding-right:5%;
    height: 60px;
}

.footerbox
{
	float: left;
	width: 35%;
	padding:0px;
}

.footerbox p, .footerbox blockquote, .footerbox ol, .footerbox ul {
	line-height: 15px;
	font-size: 92%;
}

.footerbox a
{
	color: white;
    outline: none;
    margin:0px;
    padding: 0px;
    text-decoration: underline;
	
}


.footerbox ul
{
	padding-left:15px;
	font-size:0.7em
}



div #galerie
{
	position:inherit;
}

#galerie table
{
	margin:auto;
	text-align:center;
}
#galerie tr
{
	text-align:center;
	/*align="center" valign="center"*/
}
#galerie img
{
	margin: 20px;
	border:solid;
}

#galerie a
{
	 text-decoration: none;
	 margin:auto;
}

 #galerie a:hover {
            text-decoration: none;
            background-color:transparent;
        }
/*
#galerie h5
{
	position :relative;
	text-align:center;
}*/

 /* login */
    #login 
    {
    	font-size: .85em;
    	 margin: 0 0  12px;
       /* margin: 0 50px  12px 0;*/
      
        text-align: center;
        
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* menu
----------------------------------------------------------*/

nav
{
	clear:both;
	display: block;
	
/*	position: absolute;
	top:127px;
	height: 27px;
	/*top:0px;*/
	height: 47px;
	width: 70%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	
}

	#menu
	{
		
		/*top:0px;110px;*/
	
	}
	#menu li
	{
		display: inline;  
		list-style: none;
		cursor: pointer;
	}

	#menu li a
	{
		display:inline-block;  
		margin:0 10px;
		line-height: 44px;
		color: #fff;
		padding: 0 7px;
	
		text-decoration: none;
		font-family: Arial;
		font-size: 16px;
		
	}
	#menu li a:hover
	{
		background-position: left top;
		background: transparent url("../images/menu_fond_on.png") repeat-x;/* left top;*/
	}
	
	
	#menulang
	{
	display: inline;
	list-style: none;
	cursor: pointer;  
	position:relative;
	
	position:absolute;
	top:123px;
	right:20px;
	width:140px;
	float :right;
	
	margin:10px 0px;	
	}


section
{
 float:right;
 width:75%;
 margin-top: 0px;
  margin-left: 8px;
  margin-right: 7px;
  background-color:transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 50px;
/* border:solid;
 border-radius:7px;*/
 }


	
/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* content */
article {
    float: left;
    width: 70%;
}

#CenterImg
{
	text-align:center;
}

#RightImg
{
	text-align:right;
}

#LeftImg
{
	text-align:left;
}
.floating-box {
	float: right;
	width: 45%;/*210px;*/
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box ul 
{
	min-height:120px;
}
.floating-box img {
	border: 5px solid #FFFFFF;
}

.floating-box2 {
	float: left;
	width: 210px;
}

.floating-box2 p, .floating-box2 blockquote, .floating-box2 ol, .floating-box2 ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box2 img {
	border: 5px solid #0146A5;
}



aside 
{
    float: left;
    width: 20%;
    background-color:#92bdcf;/*#077caf; #f1f1f1*/
    background:linear-gradient(315deg , #e2e2e2 25%,#077caf);
   
    /*background:linear-gradient(45deg,#7eddf6 , #077caf );*/
    /*background-image: linear-gradient(left, #077caf 50%, #7eddf6 100%);*/
    min-height:550px;
    margin-top:-2px;
  
    padding-top:10px;
    padding-bottom:0px;
    padding-left:15px;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}


/* forms */
/*
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }
*/
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

label {
    display: block;
    font-size: 1.0em;
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

/*///////////////////////////////*/


.inputContact input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 0.8em;
    
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

.inputContact textarea {
    font-family: inherit;
  
    width: 500px;
}



    .inputContact input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

   .inputContact input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }
.inputContact
    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.0em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/*
input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

*/
/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}



legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
/*--------------------------------------------------------------------*/




.cms_bloc{
	padding: 5px 0;
	clear: both;
}

.cms_bloc_title h2
{
}


.cms_bloc_title h2 ,.cms_bloc_title h3, .cms_bloc_title h2:before
{
  background-color: transparent;
  background-image: url("../Images/h2.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.cms_bloc_title h2
{
  position: relative;
  font-size: 22px;
  line-height: 26px;
  color:#153ee3; /* #c3090f;*/
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 37px;
  background-position: -354px 0px;
  margin-top: 0px;
  margin-right: 0px;
 margin-bottom: 10px;
  margin-left: 0px;
}

.cms_bloc_title h3
{
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color:White; /* #c3090f;*/
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 37px;
  background-position: -354px 0px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 20px;
}



/****** ACTUALITÉS ******/

.ma-contener {
	position : relative;
}

.ma-title {
	position : relative;
}

.ma-rss {
	font-size : 0;
	line-height : 0;
	position : absolute;
	left : 24px;
	top : 19px;
}

.ma-news-contener {
	margin : 0px 8px 0 18px;
	overflow : hidden;
	position : relative;
	z-index : 1;
}
	
.ma-news { }

	.ma-news-content {
		border-bottom : 1px dashed #bababa;
		min-height : 100px;
		overflow : hidden;
		padding : 8px 0;
	}
		.ma-news-image {
			font-size : 0;
			float : left;
			line-height : 0;
			margin : 0 12px 4px 0;
		}
		.ma-news-title {
			overflow : auto;
			background: url("../Images/sprite-pucesa.png") no-repeat 0 -255px;
		}
		 
		.ma-news-title,
		.ma-news-title a 
		{
			
			color :#1914bb;/* #727272;*/
			font-size : 11px;
			font-weight : bold;
			margin : 0 8px;
			text-transform : uppercase;
		}
		.ma-news-title a:visited
		{
			animation-play-state:paused;
		}
		.ma-news-date {
			background: url("../Images/sprite-pucesa.png") no-repeat 0 -388px;
			color : #b26807;/*#ee8b0a;*/
			font-family : HelveticaNeueMedium, Arial, Verdana, Helvetica, sans-serif;
			font-size : 11px;
			overflow : auto;
			padding : 0 0 0 8px;
		}
		.ma-news-resume {
			color : #3e3e3e;
		
			font-size : 11px;
			line-height : 10px;
		}
		.ma-know-more-link {
			color : #f08e0c;
			display : inline-block;
			font-size : 10px;
			margin : 4px 0 0;
			text-decoration : none;
		}
		.ma-know-more-link:hover {
			text-decoration : underline;
		}



.ma-detail-actu .actu-date {
	font-size : 12px;
	margin : 0;
}

.ma-all-news-link {
	margin : 15px 0 15px 22px;
}
	.ma-all-news-link > a {
		color : #4b555e;
		font-size : 11px;
		font-weight : bold;
		text-decoration : none;
	}
	.ma-all-news-link > a:hover {
		text-decoration : underline;
	}

#ma-all-news {
	
}
	#ma-all-news .ma-news {
		background : #EEE;
		border : 1px solid #7B8086;
		margin : 10px 0;
		padding : 10px;
	}
	#ma-all-news .ma-news-image {
		border : 1px solid #7B8086;
		float : left;
		margin : 0 10px 5px 0;
	}

img.ma-know-more-img {
	float : left;
	margin : 0 15px 8px 0;
}




/*----------------------------------------------------------*/

.faq{
	padding: 2px 0;
	clear: both;
	background-color:#edf4fa;
	margin: 0;
	
}


.faq aside
{
	position:absolute;
	left:0px;
	top: 172px;
	float: left;
    width: 20%;
    background-color:#c2d8e6; /*#92bdcf;#077caf; #f1f1f1*/
    background:linear-gradient(180deg , #c2d8e6,#edf4fa);
  

    min-height:100%;
    margin-top:-2px;
  
    padding-top:10px;
    padding-bottom:0px;
    padding-left:0px;
}

.faq aside h1
{
	font-size: 1.5em;
    color: white;
	font-weight:bold;	
	background-color:#85afc8;
	text-align: center;
}

.faq aside h2
{
	font-size: 1.2em;
	color: #334c74;
	text-align: left;

	padding-left:10px;
	background:none;
}

.faq aside h5
{
	text-align: center;
	border-top : 1px dashed #bababa;
	line-height:3em;
}
.faq aside ul {
        list-style: none;
        padding: 0;
        font-size: 0.8em;
    }

 .faq aside ul li {
        background: url("../Images/bullet.png") no-repeat 0 50%;
        padding: 2px 0 2px 20px;
 }
 
.faq h3 a:link, h3 a:visited, h3 a:active 
{
	font-size: 1.2em;
     text-decoration: none;
        color:Blue;
}

.faq h4
{
	margin: 0;
	color: white;
	font-weight:bold;	
	padding-left: 20px;
	background-color:#85afc8;
	font-size: 2em;
	text-align: left;
}

.faq  ul {
        list-style: none;
        padding: 0;
        font-size: 0.8em;
    }

 .faq  ul li {
        background: url("../Images/bullet.png") no-repeat 0 50%;
        padding: 2px 0 2px 20px;
 }
 
 
 .progressbar {
  width:300px;
  height:21px;
}
.progressbarlabel {
  width:300px;
  height:21px;
  position:absolute;
  text-align:center;
  font-size:small;
}
 .bar {
    height: 18px;
    background: green;
}
