/*
 * Licensed to Jasig under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Jasig licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
 
/* reset */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/****************************************/
/************* Font face ****************/
/****************************************/
/** { text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}*/
@font-face {
	font-family: 'Gibson-Bold';
	src: url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.eot');
	src: url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.woff') format('woff'),
	url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.ttf') format('truetype'),
	url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-BoldItalic';
	src: url('../fonts/gibson_bolditalic_macroman/Gibson-BoldItalic-webfont.eot');
	src: url('../fonts/gibson_bolditalic_macroman/Gibson-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_bolditalic_macroman/Gibson-BoldItalic-webfont.woff') format('woff'),
	url('../fonts/gibson_bolditalic_macroman/Gibson-BoldItalic-webfont.ttf') format('truetype'),
	url('../fonts/gibson_bolditalic_macroman/Gibson-BoldItalic-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-Italic';
	src: url('../fonts/gibson_italic_macroman/Gibson-Italic-webfont.eot');
	src: url('../fonts/gibson_italic_macroman/Gibson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_italic_macroman/Gibson-Italic-webfont.woff') format('woff'),
	url('../fonts/gibson_italic_macroman/Gibson-Italic-webfont.ttf') format('truetype'),
	url('../fonts/gibson_italic_macroman/Gibson-Italic-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-Light';
	src: url('../fonts/gibson_light_macroman/Gibson-Light-webfont.eot');
	src: url('../fonts/gibson_light_macroman/Gibson-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_light_macroman/Gibson-Light-webfont.woff') format('woff'),
	url('../fonts/gibson_light_macroman/Gibson-Light-webfont.ttf') format('truetype'),
	url('../fonts/gibson_light_macroman/Gibson-Light-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-LightItalic';
	src: url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.eot');
	src: url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.woff') format('woff'),
	url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.ttf') format('truetype'),
	url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-SemiBoldItalic';
	src: url('../fonts/gibson_semibolditalic_macroman/Gibson-SemiBoldItalic-webfont.eot');
	src: url('../fonts/gibson_semibolditalic_macroman/Gibson-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_semibolditalic_macroman/Gibson-SemiBoldItalic-webfont.woff') format('woff'),
	url('../fonts/gibson_semibolditalic_macroman/Gibson-SemiBoldItalic-webfont.ttf') format('truetype'),
	url('../fonts/gibson_semibolditalic_macroman/Gibson-SemiBoldItalic-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-SemiBold';
	src: url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.eot');
	src: url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.woff') format('woff'),
	url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.ttf') format('truetype'),
	url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gibson-Regular';
	src: url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.eot');
	src: url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.woff') format('woff'),
	url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.ttf') format('truetype'),
	url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.svg#GibsonBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
*
* DEBUT : Element 1
* Image de fond
* 
*/
body{ 
    background: #fff url("../images/background.jpg") no-repeat scroll center top;
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0px;
    margin: 0;
}
/*
*
* FIN : Element 1
* Image de fond
* 
*/
#authentication {
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.35);
    margin: 100px auto 0;
    overflow: none;
    width: 460px;
}

/*
*
* DEBUT : Element 2
* bandeau
* 
*/
#authentication header h1 {
    display: table-cell;
	background: #fff url("../images/picture.png") no-repeat scroll center top;
    height: 100px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 460px;
}
/*
*
* FIN : Element 2
* bandeau
* 
*/
/*
*
* DEBUT : Element 3
* logo
* 
*/
#spanLogo {
   	background-images: #333 url("../images/logo.png");
	display: block;
    position: absolute;
}
/*
*
* FIN : Element 3
* logo
* 
*/
* a{text-decoration:none;}

.flt{float:left;}

.frt{float:right;}

.clr{clear:both;}

.clearfix{clear:both;display:block;height:0;}

.wrapper{ margin:0 auto; width:950px;}

/*-- Top section starts --*/
.top-menu{ float:left; height:30px; background:url(../images/degrade_barre_sombre.jpg) #1d1c19; width:100%;}
.top-menu .wrapper {
    padding-right: 25px;
}

#list-languages {
	padding-right: 0px;
}
.top-menu-ul {
    float: right;
	width: auto;
}
.top-menu-ul li {
    color: #FFFFFF;
    float: left;
    font: 10px Arial;
    margin: 0;
    padding: 10px 12px;
    width: auto;
}
.top-menu-ul li a {
    color: #FFFFFF;
}
.top-menu-ul li.not-current a {
    color: grey;
}

.top-menu-ul .first {
	padding: 10px 0px;
}
.top-menu-ul .last {
	padding: 10px 3px;
}
/*-- Top section ends --*/

/*-- Content -- */
.wrapper1 {
    margin: 0 auto;
    width: 962px;
}

/*-- .shadow-background {float:left; width:962px; background:url(../images/banner-ombre-border.png) repeat-y;margin-left:0px } --*/
.shadow-background {}

.banner {
    float: left;
    margin-left: 6px;
    margin-top: -6px;
    width: 962px;
}

/*-- youl Start --*/

/*--
.content {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 6px;
    padding: 40px 14px 50px;
    width: 922px;
    
    color: #4E4E4E;
    font: 12px Arial;
    text-align: justify;
}

--*/

.content {
    color: #4E4E4E;
    font: 12px Arial;
    text-align: justify;
}

/*-- youl End --*/

#login #fm1 .row { margin-bottom: 10px; }
#login2 #fm1 .row { margin-top: 10px; margin-bottom: 10px;  }

/*-- Content ends --*/

/*-- Header starts --*/
/*-- youl Start --*/
/*-- .header-img{ float:left; width:100%; height:125px; background:#FFFFFF} --*/

.header-img{

} 

/*-- youl End --*/

.header-top{ float:left; /*width:100%;*/ height:114px; width:950px;border-bottom: 5px solid #d9d9d9}
.logo{ float:left; width:210px; height:67px; margin:9px 0px 0px 0px;} 
/*-- youl Start --*/
/*--.header-title{ float:left; font:normal 40pt Gibson-LightItalic, arial, helvetica, sans-serif; color:#F5821E; margin:16px 0px 0px 0px; background-color:#FFFFFF; border-bottom: 1px solid #F5821E;} --*/
.header-title{ 
  background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}
/*-- youl End --*/

/*-- Header ends --*/

/*-- Login page */
.login-left {
	float: left;
    background-color: #ffffff;
    padding: 10px;
    color: #656565;
	width: 440px;	
}

.login2-left {
	background-color: #f2f2f2;
	padding-left: 10px;
	width: 450px;
	color: #656565;
	height: 200px;
	margin-right: 40px;
}

#sidebar {
	border: 1px solid #E1E1E1;
    float: left;
    padding-left: 20px;
    padding: 10px;
    width: 450px;
}

/*-- Footer starts --*/
/*--.footer-bg{ width:911px; height:52px; float:left;border-top:2px solid #e7e7e7;border-bottom:6px solid #F5821E;margin-left: 10px} --*/
.footer-bg{}
/*-- youl Start --*/

/*--
.footer {
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 6px;
    padding: 5px 14px 5px;
    width: 922px;
}
--*/
.footer {
}

/*-- youl End --*/

.footer-bottom-ul{ float:left; width:765px; margin-top:24px;}
.footer-bottom-ul li{ float:left; width:auto; padding-left:0px; margin-right:5px; background:url(../images/footer-dot.png) no-repeat 0px 6px; height:auto; color:#AAAAAA; font:normal 11px Arial;}
.footer-bottom-ul li.first{ background:none;} 
.footer-bottom-ul li a{ color:#AAAAAA;}
.footer-bottom-ul li a:hover{ color:#e87b1c; text-decoration:none;}

/*-- Footer ends 
.contact-details{ float:left; background:#ffffff; width:922px; margin-left:6px; padding: 5px 14px 10px;}
--*/
.contact-details{}

.contact-details-logo{ margin:5px 29px 0; float:right;}
/*-- Footer ends --*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/*
*
* DEBUT : Element 5
* mini-logo
* 
*/
table tr td.serviceback {
	width: 100px; 
	height: 70px;
}
/*
*
* FIN : Element 5
* mini-logo
* 
*/

/*
*
* DEBUT : Element 4
* contenu service informations
* 
*/
.serviceinfo {
	height: 5px;
    margin-left: 10px;
    margin-top: 5px;
    width: 380px;
}
/*
*
* FIN : Element 4
* contenu service informations
* 
*/
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

/*input, select { vertical-align: middle; }*/

input {
	font: 12px Arial;
    height: 20px;
    /** for ie 8 **/
    line-height: 20px;
}
.btn-row {	
	padding-left: 105px;
}

/*
*
* DEBUT : Element 6
* couleur des picto
* couleur du bouton dans le background
* 
*/
.btn-submit, .btn-reset {
	background: none repeat scroll 0 0 #3F889A;
    border: medium none;
    color: #FFFFFF;
    font: bold 11px Arial;
    height: 25px;
    /*margin: 27px 0 0;*/
    margin-left: 80px;
    padding: 3px 5px 2px;
}

.lienpicto {
	background: url("../images/side-arrow.gif") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    clear: both;
    float: left;
    font: bold 11px/120% Arial;
    padding: 9px 0 9px 30px;
    width: auto;
	color: #656565;
}
/*
*
* FIN : Element 6
* couleur des picto
* couleur du bouton dans le background
* 
*/
.content h2 {
	font-family: Gibson-Regular,arial,helvetica,sans-serif;
    font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.fl-label {
	clear: both;
    color: #656565;
    display: inline-block;
    font: bold 11px/120% Arial;
    text-align: left;
    width: 100px;
}

.fl-controls-left {
	padding-left: 10px;
}

.errors { border: 1px dotted #BB0000; color: #BB0000; padding-left: 5px; padding-right: 5px; margin-bottom:10px;  }
.errors a {
	color: #BB0000;
}
/* #msg.errors  { border: 1px dotted #BB0000; color: #BB0000; padding-left: 100px; background: url(../images/error.gif) no-repeat 20px center; } */
.success { border: 1px dotted #390; padding-left: 5px; color: #390; }
.success a {
	color: #390;
}
.info { border: 1px dotted #008; padding-left: 5px; color: #008;  }
.info a {
	color: #008;
}