body{
	background:url(../images/bgSite.png) repeat-x #e4eaef;
    color: #000000;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
}

@font-face {
    font-family: gabriela;
    src: url(../font/gabriela-regular-webfont.eot);
    src: url(../font/gabriela-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(../font/gabriela-regular-webfont.woff) format('woff'),
         url(../font/gabriela-regular-webfont.ttf) format('truetype'),
         url(../font/gabriela-regular-webfont.svg#gabrielaregular) format('svg');
    font-weight: normal;
    font-style: normal;
}


/*En-tête */

.header{
	height:203px;
	background:url(../images/bgHeader.png) repeat-x;
}

.headerConnect{
	height:203px;
	background:url(../images/bgHeaderConnect.png) repeat-x;
}

.ContentHeader{
	margin:auto;
	width:980px;
}

.logo{
	background:url(../images/bgLogo.png) no-repeat;
	width:331px;
	height:157px;
	float:left;
	margin-top:29px;
	padding: 32px 0 0 41px;
}

.rightHeader{
	float:right;
	width:520px;
}

.connexion{
	margin-top:9px;
	margin-top:7px\9;
	width:520px;
	color:#FFF;
}

.header .connexion .authentication-form{
	background:url(../images/user.png) no-repeat left;
	padding-left:20px;
	width:497px\9;
	float:right\9;
	margin-bottom:10px\9;
}
.header .connexion .authentication-form .vui-noinfo-handler {
	display:none;
}

.headerConnect .connexion{
	overflow:auto;
}

.headerConnect .connexion .authentication-form{
	background:url(../images/userConnect.png) no-repeat left;
	padding-left:20px;
	color:#262626;
	float:right;
	/*width:224px;
	width:221px\9;*/
	overflow:hidden;

}

.connexion input{
	float:left;
	width:117px;
	height:22px;
	border:none;
	margin-right:5px;
	color:#999999;
	padding-left:3px;
}

.connexion input:focus{
	border:0;
}

.connexion LABEL{
	padding: 6px 7px 0 6px;
}

.connexion button.button1 {
	background: url("../images/boutonConnexion01.png") no-repeat scroll left 0 transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 0;
    text-decoration: none;
	margin-left:5px;
}

.connexion button.button1 span {
    background: url("../images/boutonConnexion02.png") no-repeat scroll right 0 transparent;
    float: none;
	float:left\9;
    margin-right: -9px;
    margin-top: -2px;
    margin-right: 0px\9;
    margin-top: 0px\9;
    padding: 6px 14px 6px 9px;
	padding: 6px 11px 6px 13px\9;
	font-weight:normal;
}

.connexion button.button2 {
	background: url("../images/boutonDeconnexion01.png") no-repeat scroll left 0 transparent;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 0;
    text-decoration: none;
	margin-left:5px;
}

.connexion button.button2 span {
    background: url("../images/boutonDeconnexion02.png") no-repeat scroll right 0 transparent;
    float: none;
	float:left\9;
    margin-right: -3px;
    margin-top: -2px;
    margin-right: 0px\9;
    margin-top: 0px\9;
    padding: 6px 14px 6px 9px;
	padding: 6px 11px 6px 13px\9;
	font-weight:normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.connexion button.button2 span, .connexion button.button1 span {
		margin-right: 0px;
		padding: 5px 9px 6px 9px;
	}
}BUTTON SPAN {
	font-family:Arial, Helvetica, sans-serif;
}

.baseline{
	margin-top:8px;
	width:520px;
}

.baseline h1{
	font-size:40px;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:400;
	margin:0px;
	padding:0px;
	color:#FFF;
	text-align:right;
}

.baseline h2{
	font-size:31px;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:400;
	margin:0px;
	padding:0px;
	color:#FFF;
	text-align:right;
	background:none;
}

.recherche{
	width:339px;
	float:right;
}

.search BUTTON {
	background:url(../images/searchButton.png) no-repeat;
    margin: 3px 0 0 10px;
    vertical-align: middle;
	text-indent: -9000px;
	width:25px;
}

.recherche input{
	width:297px;
	height:25px;
	background:#FFF;
	border:none;
	color:#999999;
	padding:0 0 0 3px;
	margin:0;
	float:none;
	padding:3px 0 0 3px\9;
	height:22px\9;
}

.recherche input:focus{
	border:none;
}

/*Menu Horizontal*/

.menuHorizontal{
	background:url(../images/bgMenuHorizontale.png) repeat-x;
	height:50px;
	margin-top:30px;
}

.contentMenu{
	margin:auto;
	width:980px;
}

.dropdown-menu {
    border: none;
    height: 37px;
	padding-top: 13px;
}

.dropdown-menu ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.dropdown-menu ul li {
	background-color:transparent;
    display: block;
    float: left;
	font-size:14px;
	border-right: none;
	background:url(../images/bgSeparateurMenu.png) no-repeat right 6px;
}

.dropdown-menu ul li a {
    display: block;
    margin: 0;
    padding: 3px 15px;
    text-decoration: none;
	font-size:14px;
	color:#FFF;
	
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
}

.dropdown-menu ul li a span{
	height:31px;
}

.dropdown-menu ul li a:hover {
    background-color: transparent;
    color: #FFFFFF;
    cursor: pointer;
	background:url(../images/puceHoverMenu.png) no-repeat 50% 31px;
}

.dropdown-menu ul li a.current {
	font-weight:600;
	background:url(../images/puceHoverMenu.png) no-repeat 50% 31px;
}

.dropdown-menu .dropdown li ul.sub{
	border:none;
	background:none;
	padding:0;
	width:200px;

}

.dropdown-menu .dropdown li ul.sub li{
	background:#262626;
	width:200px;
	padding:3px 3px 3px 10px;
	display:block;
}

.dropdown-menu .dropdown li ul.sub li.first{
	font-weight:100;
}

.dropdown-menu .dropdown li ul.sub li:hover{
	background:#e01b26;	
}

.dropdown-menu .dropdown li ul.sub li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:auto;
	background: url("../images/puceListe.png") no-repeat scroll left 8px transparent;
	padding-left:6px;
}

.dropdown-menu .dropdown li ul.sub li a span{
	height:auto;
}

.dropdown-menu .dropdown li ul.sub li.first a{
	font-weight:normal;
}

.dropdown-menu .dropdown ul ul {
    left: 214px;
	padding:0;
	width:200px;
}

/*Contenue de la page d'accueil*/

.content{
	margin:auto;
	width:980px;
	padding:10px 0 10px 0;
	overflow:auto;
	*overflow:hidden;
}

.contenueGauche{
	float:left;
	width:800px;
}

/*Carrousel*/

.carousel{
	width:800px;
	background:url(../images/bgCarousel.png) no-repeat bottom center;
	padding-bottom:17px;
	overflow:hidden;
	position:relative;
	margin-bottom:11px;
}

div#carousel{
	width:800px;
	height: 386px;
	
}

div#carousel .scrollable {
    float: left;
    height: 386px;
    overflow: hidden;
    position: relative;
    width: 800px;
}


div#carousel a.left, div#carousel a.left:hover {
	background: url(../images/flecheCarrouselLeft.png) no-repeat ;
    height: 19px;
    position: absolute;
    width: 19px;
    z-index: 2;
	margin:0px;
}

div#carousel a.right, div#carousel a.right:hover {
	background: url(../images/flecheCarrouselRight.png) no-repeat ;
    height: 19px;
    position: absolute;
    width: 19px;
    z-index: 2;
	margin: 0 0 10px 27px;
	
}

div#carousel a.browse {
	top:355px;
	left:15px;
	margin: none;
	position: absolute;
}


div#carousel .item {
    cursor: pointer;
    float: left;
    height: 386px;
	padding:0px;
    width: 800px;
		position:relative;
}

div#carousel .item > table {
    border-collapse: collapse;
}

div#carousel .item > table td{
	padding:0;
}

.slideralpha{
	/* background:url(../images/bgTextCarrousel.png) no-repeat; */
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:400px;
	height:386px;
	
}

.slidertitre{
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	color:#fff;
	font-size:30px;
	padding:10px;
	margin-bottom:20px;
}

.slidertexte{
	color:#fff;
	width:200px;
	padding:10px 0 20px 10px;
}

a:link.sliderlien, a:visited.sliderlien{
	background:url(../images/bgLinkCarrousel.png) no-repeat;
	width:105px;
	height:24px;
	display:block;
	padding:4px 0 0 10px;
	color:#fff;
}

.slidersoustitre{
	color:#E01B26;
	width:270px;
	padding:10px 0 10px 10px;
	font-weight:bold;
	font-size:14px;
}

.contentContenue{
	width:800px;
	background:#FFF;
	overflow:hidden;
	-moz-box-shadow:0px 0px 3px 1px rgba(119, 119, 119, 0.15);
	-webkit-box-shadow:0px 0px 3px 1px rgba(119, 119, 119, 0.15);
	box-shadow:0px 0px 3px 1px rgba(119, 119, 119, 0.15);

    filter:progid:DXImageTransform.Microsoft.shadow(color='#dddddd', Direction=320, Strength=2)\9; 
    zoom: 1\9; 
	*border:1px solid #eee;
}

.contentContenue .C1{
	background:#262626;
}

.contentContenueGauche{
	width:470px;
	padding:15px;
	float:left;
}

.contentContenueGauche .content{
	width:auto;
}

.contentContenueGauche h1{
	font-size:30px;
	color:#262626;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	margin:0px;
}

.contentContenueGauche .list-view{
	float:left;
}

.contentContenueGauche .navigation-area .list-view, .contentContenueGauche .view-area .list-view, .contentContenueGauche .view-area .list-view .vertical{
	float: none;
	clear:both;
}

.contentContenueDroite{
	width:300px;
	background:#262626;
}

.contentContenueDroite .rich-text{
	padding:0px 10px 0 10px;
}

.contentContenueDroite h1{
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	font-size:22px;
	color:#FFF;
	margin:10px;
	padding:0;
}

.contentContenueDroite h2{
	font-size:20px;
	color:#009EE0;
	margin:10px;
	padding:0px;
	background:none;
	text-align:left;
}

.contentContenueDroite h3{
	font-size:17px;
	color:#E01B26;
	margin:10px;
	padding:0px;
	background:none;
	text-align:left;
}

.contentContenueDroite h4{
	font-size:14px;
	color:#999;
	margin:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.contentContenueDroite h5{
	font-size:12px;
	color:#999;
	margin:10px;
	padding:0px;
}

.contentContenueDroite h6{
	font-size:10px;
	color:#999;
	margin:10px;
	padding:0px;
}

.contentContenueDroite .screen.sys-application-portal-news{
	padding:10px;
}

.contentContenueDroite .screen.sys-application-portal-news .item-view .content{
	width:auto;
}

.contentContenueDroite .navigation-area .list-view .horizontal .detail{
	background:#fff;
	margin:0px;
}

.contentContenueDroite .view-area .list-view .detail h4{
	margin:0px;
}

.contentContenueDroite .view-area .list-view .detail{
	border-bottom: 1px solid #fff;
}

.contentContenueDroite .view-area .links-view .detail{
	color:#999;
}

.contentContenueDroite .view-area .links-view .detail h4 A:link, 
.contentContenueDroite .view-area .links-view .detail h4 A:visited{
	color:#FFF;
}

.contentContenueDroite .list-view .detail h4 A:link, 
.contentContenueDroite .list-view .detail h4 A:visited{
	color:#FFF;
}

.contentContenueDroite .view-area .links-view .detail a:hover{
	color:#009EE1;
}

.contentContenueDroite .view-area .links-view .detail h4 a:hover,
.contentContenueDroite .list-view .detail h4 A:hover{
	color:#009EE1;
}

.contenueDroite{
	float:right;
	width:160px;
	
}

.tooltip a:link,
.tooltip a:visited{
	color:#fff;
}

.contentContenueInterne{
	width:770px;
	background:#FFF;
	padding:15px;
	overflow:hidden;
	-moz-box-shadow:0px 0px 3px 1px rgba(119, 119, 119, 0.15);
	-webkit-box-shadow:0px 0px 3px 1px rgba(119, 119, 119, 0.15);
	box-shadow:0px 0px 3px 1px rgba(119, 119, 119, 0.15);

    filter:progid:DXImageTransform.Microsoft.shadow(color='#dddddd', Direction=320, Strength=2)\9; 
    zoom: 1\9;
	*border:1px solid #eee;

}

.contentContenueInterne .table th{
	background-color: #EEEEEE;
	border:1px solid #dadada;
    padding: 8px;
    text-align: left;
}

/*Bloc Gris*/

.blocGris{
	width:160px;
	margin-bottom:20px;
}

.blocGris .bloc{
	background:#262626;
	width:160px;
	margin-top:9px;
	float:left;
}

.blocGris .ombreBas{
	background:url(../images/bgBloc.png) no-repeat bottom;
	width:160px;
	height:18px;
	float:left;
	margin-bottom:8px;
}

.blocGris .bloc h3{
	color:#FFF;
	font-family: 'gabriela', "Times New Roman", Times, serif; 
	background:#e01b26;
	font-weight:normal;
	font-size:16px;
	padding: 5px 0 5px 20px;
	width:140px;
	margin-left:-10px;
	margin-right:0px;
	margin-top: -9px;
	display:table;
	text-align:left;
	
}

.blocGris .blocContent{
	width:140px;
	border-bottom:1px solid #fff;
	padding:0px 10px 10px 10px;
	margin-top:20px; 
}

.blocGris .bloc ul {
	margin:20px 0 0 0;
	padding:0px;
	list-style: none outside none;
}

.blocGris .bloc ul li {
	padding:0 0 29px 13px;
	background:url(../images/puceListe.png) no-repeat left 6px;
}

.blocGris .bloc ul li a:link, .blocGris .bloc ul li a:visited {
	color:#FFF;
	text-decoration:underline;
}

.blocGris .bloc .blocContent .view-area .links-view a:link,
.blocGris .bloc .blocContent .view-area .links-view a:visited{
	color:#ffffff;
}

/*Bloc Bleu*/

.blocBleu{
	width:160px;
	margin-bottom:20px;
}

.blocBleu .bloc{
	background:#0064be;
	width:160px;
	margin-top:9px;
	float:left;
}

.blocBleu .ombreBas{
	background:url(../images/bgBloc.png) no-repeat bottom;
	width:160px;
	height:18px;
	float:left;
	margin-bottom:8px;
}

.blocBleu .bloc h3{
	color:#014f99;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	font-weight:normal;
	font-size:16px;
	padding: 5px 0 5px 20px;
	width:140px;
	margin-left:-10px;
	margin-right:0px;
	margin-top: -9px;
	display:table;
	background:#beeb00;
	text-align:left;
	
}

.blocBleu .blocContent{
	width:140px;
	border-bottom:1px solid #fff;
	padding:0px 10px 10px 10px;
	margin-top:20px;
	color:#FFF;
}

.blocBleu .bloc ul {
	margin:20px 0 0 0;
	padding:0px;
	list-style: none outside none;
}

.blocBleu .bloc ul li {
	padding:0 0 29px 13px;
	background:url(../images/puceListe.png) no-repeat left 6px;
}

.blocBleu .bloc ul li a {
	color:#FFF;
	text-decoration:underline;
}

/*Bloc Blanc Titre Bleu*/

.blocBlancTitreBleu{
	width:160px;
	margin-bottom:20px;
}

.blocBlancTitreBleu .bloc{
	background:#FFF;
	width:160px;
	margin-top:9px;
	float:left;
}

.blocBlancTitreBleu .ombreBas{
	background:url(../images/bgBloc.png) no-repeat bottom;
	width:160px;
	height:18px;
	float:left;
	margin-bottom:8px;
}

.blocBlancTitreBleu .bloc h3{
	color:#FFF;
	font-family: 'gabriela', "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	background:#001d40;
	padding: 5px 0 5px 20px;
	width:140px;
	margin-left:-10px;
	margin-right:0px;
	margin-top: -9px;
	display:table;
	text-align:left;
	
}

.blocBlancTitreBleu .blocContent{
	width:140px;
	border-bottom:1px solid #fff;
	padding:0px 10px 20px 10px;
	margin-top:20px; 
	color:#1b1b1b;
	background:url(../images/bgBlocBlancTitreBleu.png) no-repeat bottom #fff;
}

.blocBlancTitreBleu .blocContent img{
	padding-bottom:10px;
}

.blocBlancTitreBleu .bloc ul {
	margin:20px 0 0 0;
	padding:0px;
	list-style: none outside none;
}

.blocBlancTitreBleu .bloc ul li {
	padding:0 0 29px 13px;
	background:url(../images/puceListe.png) no-repeat left 6px;
}

.blocBlancTitreBleu .bloc ul li a {
	color:#1b1b1b;
	text-decoration:underline;
}

/*Bloc Noir Titre Bleu -jc*/

.blocNoirTitreBleu{
	width:160px;
	margin-bottom:20px;
}

.blocNoirTitreBleu .bloc{
	background:#000;
	width:160px;
	margin-top:9px;
	float:left;
}

.blocNoirTitreBleu .ombreBas{
	background:url(../images/bgBloc.png) no-repeat bottom;
	width:160px;
	height:18px;
	float:left;
	margin-bottom:8px;
}

.blocNoirTitreBleu .bloc h3{
	color:#FFF;
	font-family: 'gabriela', "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	background:#009EE1;
	padding: 5px 0 5px 20px;
	width:140px;
	margin-left:-10px;
	margin-right:0px;
	margin-top: -9px;
	display:table;
	text-align:left;
	
}

.blocNoirTitreBleu .blocContent{
	width:140px;
	border-bottom:1px solid #000;
	padding:0px 10px 20px 10px;
	margin-top:20px; 
	color:#1b1b1b;
	
}

.blocNoirTitreBleu .blocContent img{
	padding-bottom:10px;
}

.blocNoirTitreBleu .bloc ul {
	margin:20px 0 0 0;
	padding:0px;
	list-style: none outside none;
}

.blocNoirTitreBleu .bloc ul li {
	padding:0 0 29px 13px;
	background:url(../images/puceListe.png) no-repeat left 6px;
}

.blocNoirTitreBleu .bloc ul li a {
	color:#fff;
	text-decoration:underline;
}
/*Bloc Blanc Titre Rouge*/

.blocBlancTitreRouge{
	width:160px;
	margin-bottom:20px;
}

.blocBlancTitreRouge .bloc{
	background:#FFF;
	width:160px;
	margin-top:9px;
	float:left;
}

.blocBlancTitreRouge .ombreBas{
	background:url(../images/bgBloc.png) no-repeat bottom;
	width:160px;
	height:18px;
	float:left;
	margin-bottom:8px;
}

.blocBlancTitreRouge .bloc h3{
	color:#FFF;
	font-family: 'gabriela', "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	background:#e01b26;
	padding: 5px 0 5px 20px;
	width:140px;
	margin-left:-10px;
	margin-right:0px;
	margin-top: -9px;
	display:table;
	text-align:left;
	
}

.blocBlancTitreRouge .blocContent{
	width:140px;
	border-bottom:1px solid #fff;
	background:#fff;
	padding:10px 10px 10px 10px;
	color:#e01b26;
	margin-top:20px; 
}

.blocBlancTitreRouge .blocContent img{
	padding:10px 0 10px 0;
}

.blocBlancTitreRouge .bloc ul {
	margin:20px 0 0 0;
	padding:0px;
	list-style: none outside none;
}

.blocBlancTitreRouge .bloc ul li {
	padding:0 0 29px 13px;
	background:url(../images/puceListe.png) no-repeat left 6px;
}

.blocBlancTitreRouge .bloc ul li a {
	color:#e01b26;
	text-decoration:underline;
}

/*Bloc gris titre bleu*/

.blocGrisTitreBleu{
	width:300px;
	background:#262626;
}




.blocGrisTitreBleu h3{
	color:#FFF;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	font-size:16px;
	background:#009ee1;
	padding: 5px 25px 5px 10px;
	margin:0px;
	text-align:left;
}

.ombreTitreBleu{
	background:url(../images/bgTitre-BlocGrisTitreBleu.png) no-repeat;
	width:300px;
	height:9px;
}

.blocGrisTitreBleuTexte{
	padding:5px 10px 5px 10px;
	color:#blocGrisTitreBleuTexte;
}

.blocGrisTitreBleuTexte .rich-text{
	padding:0 0 10px 0;
}

.blocGrisTitreBleuTexte img{
	padding:0 0 10px 0;
}

.blocGrisTitreBleuTexte ul {
	margin:10px 0 0 0;
	padding:0px;
	list-style: none outside none;
}

.blocGrisTitreBleuTexte ul li {
	padding:0 0 15px 13px;
	background:url(../images/puceListe.png) no-repeat left 6px;
}

.blocGrisTitreBleuTexte ul li a {
	color:#FFF;
	text-decoration:underline;
}

/* Menu vertical des bloc droite*/

.bloc .side-menu{
	width:140px;
}

.bloc .side-menu ul.side{
	width:140px;
}

.bloc .side-menu ul.side li{
	border:none;
	padding: 0 0 10px 10px;
}

.bloc .side-menu ul.side a:hover{
	color:#E01B26;
}

.bloc .side-menu ul.side li ul.sub{
	margin:10px 0 0 5px;
}

.bloc .side-menu ul.side li ul.sub li ul{
	margin:10px 0 0 5px;
}

.bloc .side-menu ul.side li ul.sub li a:hover{
	color:#E01B26;
}

.bloc .side-menu ul.side li ul.sub li ul li a:hover{
	color:#E01B26;
}

/*Bloc contenue accueil*/

.blocBlancContent{
	background:url(../images/bgBlocBlancContenue.png) no-repeat center bottom;
	color:#0000000;
	padding: 0 0 50px;
	margin-bottom: 20px;
}

.blocBlancContent .rich-text {
	padding:10px 0;
}

.blocBlancContent h1{
	font-size:27px;
	color:#262626;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	margin:0px;
}

/*.blocBlancContent h2{
	font-size:21px;
	background:#e01b26;
	padding: 5px 10px 5px 5px;
	margin:5px 0 15px 0;
	color:#FFF;
	text-align:right;
}

.blocBlancContent h3{
	font-size:21px;
	background:#001d40;
	padding: 5px 10px 5px 5px;
	margin:5px 0 15px 0;
	color:#FFF;
	text-align:right;
}*/

.blocBlancContent h2{
	font-size:20px;
	padding: 5px 10px 5px 0px;
	margin:5px 0 15px 0;
	color:#e01b26;
}

.blocBlancContent h3{
	font-size:16px;
	padding: 5px 10px 5px 5px;
	margin:5px 0 15px 0;
	color:#001d40;
}

.blocBlancContent a:link, .blocBlancContent a:visited{
	color:#262626;
	text-decoration:underline;
	line-height:20px;
}

.blocBlancContent a:hover{
	color:#009EE1;
	text-decoration:underline;
}

.blocBlancContent .content{
	width:auto;
}

/*Bloc simple*/

.blocSimple{
	width:154px;
	margin-bottom:20px;
	background:#FFF;
	padding:5px 3px 5px 3px;
	color:#1B1B1B;
	float:left;
}


/*Zone de contenue libre bas de page*/

.zoneBasPage{
    margin: auto;
    overflow: auto;
    padding: 16px 0;
    width: 980px;
}

/*Contenue de page interne*/

.contentInterne{
	margin:auto;
	width:980px;
	padding:16px 0 0px 0;
	position:relative;
}

.contentInterne .pubHorizontalInterne{
	margin:auto;
	width:728px;
	height:90px;
	margin-bottom: 16px
}

.contentInterne .pubVerticalInterne{
	margin:auto;
	width:160px;
	height:600px;
	position:absolute;
	left:1002px;
	top:40px;
}

.contentInterne .texteBienvenue{
	color:#fff;
	margin-bottom:16px;
	padding:10px;
	background:#E21954;
}

.gris .contentInterne .texteBienvenue{
	color:#fff;
	margin-bottom:16px;
	padding:10px;
	background:#5D5D5D;
}

.contentInterne .tab1{
	margin-top:16px;
	height:auto;
}

.contentInterne .tab1 a{
	margin:0;
}

.contentInterne .tab1 A SPAN, .tab1 .current SPAN{
		color:#000000;
}

.contentInterne .tab1 ul{
    list-style-type: none;
    padding-bottom: 48px;
    border-bottom: 1px solid #DBDBDB;
    margin: 0;
	padding-left:15px;
}

.contentInterne .tab1 ul li{
    background-color: #F1F1F1;
	border-bottom:1px solid #F1F1F1;
    float: left;
    margin: 2px 2px 0;
	color:#6e6e6e;
	font-size:15px;
	font-weight:bold;
    height: 45px;
    margin: 2px 2px 0;
}

.contentInterne .tab1 ul li span.current{
    border: 1px solid #DBDBDB;
	border-bottom:1px solid #fff;
    background-color: #fff;
	float: left;
    height: 32px;
	color:#e21954;
	font-size:15px;
	font-weight:bold;
	padding: 13px 45px 0;
	margin:0;
}

.contentInterne .tab1 ul li a:link, 
.contentInterne .tab1 ul li a:visited{
	background-color: #F1F1F1;
	text-shadow: 0 1px 0 #FFFFFF;
	text-decoration:none;
	color:#6e6e6e;
	font-size:15px;
	font-weight:bold;
	display:block;
	padding: 13px 45px 13px 45px;	
}

.contentInterne .tab1 ul li a:hover{
	color:#787878;
}

.contentInterne .tab1-content{
	background-color:transparent;
	padding:0px;
}

/*Bouton Rose*/

a:link.boutonRose,
a:visited.boutonRose {
    background: url("../images/boutonRose01.png") no-repeat scroll left 0 transparent;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    text-decoration: none;
    text-shadow: 0 1px 0 #515151;
	cursor:pointer;
}

a:hover.boutonRose{
    background: url("../images/boutonRose01Hover.png") no-repeat scroll left 0 transparent;
}

a.boutonRose span {
    background: url("../images/boutonRose02.png") no-repeat scroll right 0 transparent;
    float: left;
    padding: 5px 25px 9px;
	*padding: 6px 25px 9px;
	padding: 6px 25px 9px\9;
}

a:hover.boutonRose span {
    background: url("../images/boutonRose02Hover.png") no-repeat scroll right 0 transparent;
}
 
/*Bouton Vert*/

a:link.boutonVert,
a:visited.boutonVert {
    background: url("../images/boutonVert01.png") no-repeat scroll left 0 transparent;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    text-decoration: none;
    text-shadow: 0 1px 0 #515151;
	cursor:pointer;
}

a:hover.boutonVert{
    background: url("../images/boutonVert01Hover.png") no-repeat scroll left 0 transparent;
}

a.boutonVert span {
    background: url("../images/boutonVert02.png") no-repeat scroll right 0 transparent;
    float: left;
    padding: 5px 25px 9px;
	*padding: 6px 25px 9px;
	padding: 6px 25px 9px\9;
}

a:hover.boutonVert span {
    background: url("../images/boutonVert02Hover.png") no-repeat scroll right 0 transparent;
}

/*Bouton Gris*/

a:link.boutonGris,
a:visited.boutonGris {
    background: url("../images/boutonGris01.png") no-repeat scroll left 0 transparent;
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    text-decoration: none;
    text-shadow: 0 1px 0 #515151;
	cursor:pointer;
}

a:hover.boutonGris{
    background: url("../images/boutonGris01Hover.png") no-repeat scroll left 0 transparent;
}

a.boutonGris span {
    background: url("../images/boutonGris02.png") no-repeat scroll right 0 transparent;
    float: left;
    padding: 5px 25px 9px;
    *padding: 6px 25px 9px;
	padding: 6px 25px 9px\9;
}

a:hover.boutonGris span {
    background: url("../images/boutonGris02Hover.png") no-repeat scroll right 0 transparent;
}

/*Bloc gris / en-tête rose */

.cadreGrisEnteteRose .blocGrisEntete{
	float:left;
	background:#e2e2e2;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
}

.cadreGrisEnteteRose .blocGrisEntete .TitreBlocGrisEntete{
	background:#e21652;
	padding:12px 10px 0 10px;
	text-align:center
}

.cadreGrisEnteteRose .blocGrisEntete .TitreBlocGrisEntete h2{
	font-size: 30px;
	text-transform:uppercase;
    font-weight: bold;
	margin:0;
	text-shadow: 1px 0px 1px #666666;
	color:#ffffff;
	height:51px;
}

.cadreGrisEnteteRose .blocGrisEntete .contenueBlocGris{
	padding: 20px 20px 20px 20px;
	overflow:auto;
}

/*Bloc gris / en-tête gris foncé */

.cadreGrisEnteteGris .blocGrisEntete{
	float:left;
	background:#e2e2e2;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
}

.cadreGrisEnteteGris .blocGrisEntete .TitreBlocGrisEntete{
	background:#5d5d5d;
	padding:12px 10px 0 10px;
	text-align:center
}

.cadreGrisEnteteGris .blocGrisEntete .TitreBlocGrisEntete h2{
	font-size: 30px;
	text-transform:uppercase;
    font-weight: bold;
	margin:0;
	text-shadow: 1px 0px 1px #666666;
	color:#ffffff;
	height:51px;
}

.cadreGrisEnteteGris .blocGrisEntete .contenueBlocGris{
	padding: 20px 20px 20px 20px;
	overflow:auto;
}

/*Bloc fond gris titre rose*/

.blocFondGrisTitreRose .modeleCadreStandard{
	float:left;
	background:#e2e2e2;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:20px;
	overflow:auto;
}

.blocFondGrisTitreRose .modeleCadreStandard h2{
    font-size: 17px;
    font-weight: bold;
	margin:0;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#e21652;
}

.blocFondGrisTitreRose .modeleCadreStandard .contenueCadreStandard{
	margin-top:40px;
	overflow:hidden;
}

/*Bloc fond blanc bordure grise et titre rose */

.blocFondBlancBordureGrisTitreRose .modeleCadreStandard{
	float:left;
	background:#ffffff;
	border:1px solid #DBDBDB;
	padding:20px;
	overflow:auto;
}

.blocFondBlancBordureGrisTitreRose .modeleCadreStandard h2{
    font-size: 15px;
    font-weight: bold;
	margin:0;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#e21652;
}

.blocFondBlancBordureGrisTitreRose .modeleCadreStandard .contenueCadreStandard{
	margin-top:10px;
	overflow:hidden;
}

/*Bloc fond blanc bordure grise et titre gris */

.blocFondBlancBordureGrisTitreGris .modeleCadreStandard{
	float:left;
	background:#ffffff;
	border:1px solid #DBDBDB;
	padding:20px;
	overflow:auto;
}

.blocFondBlancBordureGrisTitreGris .modeleCadreStandard h2{
    font-size: 15px;
    font-weight: bold;
	margin:0;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#6E6E6E;
}

.blocFondBlancBordureGrisTitreGris .modeleCadreStandard .contenueCadreStandard{
	margin-top:10px;
	overflow:hidden;
}


/*Resultat de recherche*/

.resultatRecherche{
	overflow:auto;
}

.resultatRecherche a:link, 
.resultatRecherche a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#818181;
	text-decoration:none;
}

.resultatRecherche a:hover{
	color:#E21652;
}

.resultatRecherche table{
	width:100%;
}

.resultatRecherche .table .cell1{
	background-color: transparent;
    height: 60px;
	border:none;
	border-bottom:1px solid #DADADA;
}

.resultatRecherche .table .cell2{
	background-color: transparent;
    height: 60px;
	border:none;
	border-bottom:1px solid #DADADA;
}

.resultatRecherche .titreResultatRecherche{
	font-size:15px;
}

.resultatRecherche .DateResultatRecherche{
	color:#E21954;
}

.resultatRecherche table td{
	background-color: transparent;
    height: 60px;
	border:none;
	border-bottom:1px solid #DADADA;
	padding:10px 0 10px 0;
}


/*Footer*/

.footer{
	background:#001d40;
	padding:20px 0 20px 0;
	clear: both;
	width:100%;
	float:left;
	margin-top:10px;
	*width:auto;
}

.footer .footerLink{
	margin:auto;
	width:980px;
}

.sys-footer{
	margin:auto;
	width:980px;
	font-size:12px;
	padding-bottom:10px;
}

.sys-footer A:link, .sys-footer A:visited{
	color:#262626;
}

.poweredby{
	text-align:right;
	color:#262626;
}

.footer .footerLink h3{ 
    font-size: 22px;
    font-weight: normal;
	margin:0 0 30px 0;
	text-shadow: 0 1px 0 #000;
	color:#009ee0;
	font-family: 'gabriela', "Times New Roman", Times, serif; font-weight:normal;
	text-align:left;
}

.footer .footerLink ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.footer .footerLink ul li{
	font-size:12px;
	text-shadow: 0 1px 0 #000;
	color:#fff;
	padding:5px 0 9px 0;
	border-bottom:1px dotted #004470;
	width:80%;
}

.footer .footerLink ul li a:link, 
.footer .footerLink ul li a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #000;
	color:#fff;
	text-decoration:none;
}

.footer .footerLink ul li a:hover{
	color:#fff;
	text-decoration:underline;

}

.footer .footerLink ul{
	margin-top:5px;
}

.footer .footerLink ul li ul li{
	font-size:12px;
	text-shadow: 0 1px 0 #000;
	color:#fff;
	padding:5px 0 5px 20px;
	border:none;
}

.footer .footerLink ul li ul li a:link, 
.footer .footerLink ul li ul li a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #000;
	color:#fff;
	text-decoration:none;
	background:url(../images/puceBleu.png) no-repeat left center;
	padding-left:10px;
}

.footer .footerLink ul li ul li a:hover{
	color:#fff;
	text-decoration:underline;

}

.footerBas{
	background:#001d40;
	padding:10px 0 10px 0;
	border-top:1px solid #184275;
	margin-bottom:15px;
	width:100%;
	float:left;	
	*width:auto;
}

.footerBas .footerLinkBas{
	margin:auto;
	width:980px;
	text-align:center;
	font-size:11px;
	text-shadow: 0 1px 0 #000;
	color:#fff;
}

.footerBas .footerLinkBas a:link, 
.footerBas .footerLinkBas a:visited {
	font-size:11px;
	text-shadow: 0 1px 0 #000;
	color:#fff;
	text-decoration:none;
	padding:0 5px 0 5px;
}

.footerBas .footerLinkBas a:hover{
	color:#fff;
	text-decoration:underline;

}

.footer .footerLink .table TD{
	border:none;
	padding:0;
	font-family: "Century Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1{
    color: #262626;
    font-family: 'gabriela',"Times New Roman",Times,serif;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
}
/*
h2{
    background: none repeat scroll 0 0 #E01B26;
    color: #FFFFFF;
    font-size: 21px;
    margin: 5px 0 15px;
    padding: 5px 10px 5px 5px;
    text-align: right;
}

h3{
    background: none repeat scroll 0 0 #001D40;
    color: #FFFFFF;
    font-size: 21px;
    margin: 5px 0 15px;
    padding: 5px 10px 5px 5px;
    text-align: right;
}*/

h2{
	font-size:20px;
	padding: 5px 10px 5px 0px;
	margin:5px 0 15px 0;
	color:#e01b26;
}

h3{
	font-size:16px;
	padding: 5px 10px 5px 5px;
	margin:5px 0 15px 0;
	color:#001d40;
}

h4{
    color: #E01B26;
    font-size: 18px;
    margin: 5px 5px 5px 0;
	font-family: 'gabriela',"Times New Roman",Times,serif;
}

h5{
	color:#262626;
	margin:5px 5px 5px 0;
	font-size:15px;
}

h6{
	color:#001D40;
	margin:5px 5px 5px 0;
	font-size:13px;
}

/*Lien par défaut*/

a:link, 
a:visited {
    color: #262626;
    text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover{
	color:#009EE1;
}

/*Lien espace documentaire 1*/
.icon-download .links-view a.postactiont, 
.icon-download .links-view a:link.postaction, 
.icon-download .links-view a:visited.postaction{
    color: #262626;
    text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/download.png) no-repeat left bottom;
	padding-left:25px;
	display:block\9;
	height:14px\9;
}

.icon-download .links-view a:hover.postaction{
	color:#009EE1;
	background:url(../images/download.png) no-repeat left top;
}

/*Lien espace documentaire 2*/
.icon-download2 .links-view a.postactiont, 
.icon-download2 .links-view a:link.postaction, 
.icon-download2 .links-view a:visited.postaction{
    color: #262626;
    text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/download2.png) no-repeat left bottom;
	padding-left:25px;
	display:block\9;
	height:14px\9;
}

.icon-download2 .links-view a:hover.postaction{
	color:#009EE1;
	background:url(../images/download2.png) no-repeat left top;
}

/*icon dowload
.screen.sys-application-portal-filecenter-folders.icon-download .links-view a, 
.screen.sys-application-portal-filecenter-folders.icon-download .links-view a:link, 
.screen.sys-application-portal-filecenter-folders.icon-download .links-view a:visited{
    color: #262626;
    text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/download.png) no-repeat left bottom;
	padding-left:25px;
	display:block\9;
	height:14px\9;
}

.screen.sys-application-portal-filecenter-folders.icon-download .links-view a:hover{
	color:#009EE1;
	background:url(../images/download.png) no-repeat left top;
}*/

/*Liste par défaut*/

.pages-list ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.pages-list ul li{
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	padding:2px 0 5px 14px;
	margin: 0 0 0 9px;
	background:url(../images/puceRose.png) no-repeat left;	
}

.pages-list ul li a:link, 
.pages-list ul li a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	text-decoration:none;
}

.pages-list ul li a:hover{
	color:#787878;
}

/*Liste flèche rose*/

.listeflecheRose ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.listeflecheRose ul li{
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	padding:2px 0 5px 14px;
	margin: 0 0 0 9px;
	background:url(../images/puceRose.png) no-repeat left;	
}

.listeflecheRose ul li a:link, 
.listeflecheRose ul li a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	text-decoration:none;
}

.listeflecheRose ul li a:hover{
	color:#E21954;
}


/*Liste flèche gris*/

.listeflecheGris ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.listeflecheGris ul li{
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	padding:2px 0 5px 14px;
	margin: 0 0 0 9px;
	background:url(../images/puceGris.png) no-repeat left;	
}

.listeflecheGris ul li a:link, 
.listeflecheGris ul li a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	text-decoration:none;
}

.listeflecheGris ul li a:hover{
	color:#5d5d5d;
}

/*Liste Cerculaire*/

.listepuceCercle ul{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.listepuceCercle ul li{
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	padding:2px 0 5px 14px;
	margin: 0 0 0 9px;
	background:url(../images/puceRoseCercle.png) no-repeat left 7px;	
}

.listepuceCercle ul li a:link, 
.listepuceCercle ul li a:visited {
	font-size:12px;
	text-shadow: 0 1px 0 #FFFFFF;
	color:#acacac;
	text-decoration:none;
}

.listepuceCercle ul li a:hover{
	color:#E21954;
}




/*Bouton STANDART*/

.button1 {
    background-color: #009EE1;
}

button.button1{
    
    color: #fff;
    font-size: 12px;
    text-decoration: none;
	cursor:pointer;
	border:medium none;
	padding:0;
}

button.button1 span {
    float: left;
    padding: 7px 12px 8px 10px;
	padding:8px 12px 8px 12px\9;
	margin-top:-1px;
	margin-right:-3px;
	margin-top:0px\9;
	margin-right:0px\9;
	font-family:Arial, Helvetica, sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
button.button1{
	height:30px
}
button.button1 span{
	margin-top:-1px;
	margin-right:0px;
	padding: 8px 14px 7px 9px;
	}
}/*Bouton STANDART 2*/

.button2 {
    background-color: #E01B26;
}

button.button2{
    
    color: #fff;
    font-size: 12px;
    text-decoration: none;
	cursor:pointer;
	border:medium none;
	padding:0;
}

button.button2 span {
    float: left;
    padding: 7px 12px 8px 10px;
	padding:8px 12px 8px 12px\9;
	margin-top:-1px;
	margin-right:-3px;
	margin-top:0px\9;
	margin-right:0px\9;
	font-family:Arial, Helvetica, sans-serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
button.button2{
	height:30px
}
button.button2 span{
	margin-top:-1px;
	margin-right:0px;
	padding: 8px 14px 7px 9px;
	}
}.subsection{
	border: none;
}

.section{
	border: none;
}

.poll .radio,.poll label{
	float:none;
}

TEXTAREA{
	color:#999999;
	border:1px solid #e2e2e2;
	padding-left:5px;
	padding-top:6px;
	padding-top:5px\9;
	float:left;
	font-size:12px;
}

.table-view TH{
	background-color: #eeeeee;

}

.table-view .cell1,
.table-view .cell2{
    background-color: #fff;
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:1px solid #dadada;
	height:60px;
}

LABEL{
	float:left;
	padding: 4px 7px 0 0;
}

input{
	background-color:#fff;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-right: 10px;
	border:1px solid #e2e2e2;
	color:#999999;
	font-size:12px;
	padding:3px 3px 3px 3px;
	*padding:3px 3px 3px 0;
	padding:3px 3px 3px 0\9;
}

input:focus,select:focus,select[multiple]:focus, textarea:focus{
	border:1px solid #262626;
}

select{
	background-color:#fff;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-right: 10px;
	border:1px solid #e2e2e2;
	color:#999999;
	font-size:12px;
	padding:3px 3px 3px 0;
	*padding:3px 3px 3px 0;
	padding:3px 3px 3px 0\9;
}

select[multiple]{
	background-color:#fff;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-right: 10px;
	border:1px solid #e2e2e2;
	color:#999999;
	font-size:12px;
	padding:3px 3px 3px 0;
	*padding:3px 3px 3px 0;
	padding:3px 3px 3px 0\9;
}

.button-area{
	padding:0px;
}

.poll LABEL {
	padding:0px;
}

.poll .button-area {
	padding-top:10px;
}

.checkbox, .radio{
	height:auto;	
}

.table TH{
	background-color:#eeeeee;
    border-color: #DADADA;
    border-style: solid;
    padding: 8px;
    text-align: left;
	color:#262626;
}

.table .cell1,
.table .cell2{
	background-color:transparent;
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:1px solid #dadada;
	height:40px;
}

.table-view table{
	border:1px solid #dadada;
}

.side-menu .side {
    width: 200px;
}

.side-menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.side-menu .side li.first {
}

.side-menu .side li {
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    display: block;
    margin: 0 0 2px 0;
	padding:5px;
}

.side-menu .side li a {
    display: block;
    padding: 2px;
    text-decoration: none;
}

.side-menu .side li a:hover {
	background-color: transparent;
	color:#009EE1;
}

.side-menu .side li ul li a {
    display: block;
    padding: 2px;
    text-decoration: none;
	color:#009EE1;
}

.side-menu .side li ul li a:hover {
	background-color: transparent;
	color:#009EE1;
}

.side-menu a {
    display: block;
}

.side-menu .side li.last {
}

.side-menu .side ul {
    margin: 0 0 0 20px;
}

/*Plan du site*/

.sitemap{
	overflow:auto;
}

.sitemap ul{
	list-style: none outside none;
    margin: 0 20px 0 0;
    padding: 0;
}

.sitemap ul li{

}

.sitemap ul li a:link,
.sitemap ul li a:visited{
	color: #009EE0;
    font-family: 'gabriela',"Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
	display:block;
 
}

.sitemap ul li span{
	color: #009EE0;
    font-family: 'gabriela',"Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0 10px 0px;
	display:block;
 
}

.sitemap ul li ul li a:link,
.sitemap ul li ul li a:visited{
    font-size: 12px;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#262626;
	margin:0;
	padding-left: 10px;
	background:url(../images/puceBleu.png) no-repeat left;
}

.sitemap ul li ul li span:hover, .sitemap ul li ul li ul li span:hover{
	color: #009EE0;
}

.sitemap ul li ul li span{
    font-size: 12px;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#262626;
	margin:0;

}

.sitemap ul li ul li{
	border-bottom: 1px dotted #009EE0;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 0 5px 10px;

}

.sitemap ul li ul li ul{
	margin-top:10px;
}

.sitemap ul li ul li ul li{
	border-bottom: none;
}

.links-view {
	padding:1px;
	clear:both;
}
.links-view .detail a:link, .links-view .detail a:visited{
	font-size:12px;
    
}

.table-view {
    margin-top: 10px;
	padding-top:15px;
	clear:both;
}

.view-area .filter-area {
	float:left;
}

.filter-area .filter{
	overflow:auto;
}

.filter-area .filter button{
	float:left;
	margin-left:10px;
}

.filter-area .filter select{
	margin:3px 10px 0 0;
}

.filter-area .filter input{
	margin:3px 0 0 0;
	float:left;
}

.filter-area .filter label{
	margin:3px 0 0 0;
}

.tooltip {
    background-color: #262626;
    border: 1px solid #fff;
    color: #fff;
    padding: 2px 4px;
    width: 250px;
}

.thumbnail-view{
	
}

.thumbnail-view .horizontal .detail{
	border: 1px solid #dbdbdb;
    height: 160px;
    margin: 10px;
    width: 140px;
}

.authentication-form{
	border: none;
    margin: auto;
    padding: 0px;
}

.contentInterne .authentication-form ul{
	margin:10px 0 10px 0;
}

.contentInterne .authentication-form ul li{
	padding:5px 0 5px 0;
}

.contentInterne .authentication-form ul li label{
    float: left;
    width: 17%;
}
.contentInterne .authentication-form ul li input{
	float:none;
}

.contentInterne .authentication-form p{
	margin:0 0 5px 0;
}

.vertical{
	overflow:auto;
	margin:16px 0 0 0;
}


.list-view{
	clear:both;
}

div.list-view .highlight  {
    background-color: #FFE8EF;
    border: 1px solid #E21652;
    color: #5D5D5D;
    padding: 10px;
}

div.list-view .highlight h4 A:link {
    color: #e21652;
	font-size:20px;
}

.navigation-area {
    border-bottom: none;
	margin-top:10px;
}

.navigation-area .streamline a:link, .navigation-area .streamline a:visited{
	color:#FFF;
}

.contentContenueInterne .navigation-area .streamline a:link, .contentContenueInterne .navigation-area .streamline a:visited{
	color:#262626;
}

.navigation-area .list-view .horizontal .detail{
	background:#eee;
	border:none;
}

.navigation-area .list-view .horizontal .detail strong{
	color:#009EE1;
}


.list-view .detail {
	border-bottom: 1px solid #262626;
    padding: 10px;
}

.list-view .detail h4 A:link, .list-view .detail h4 A:visited {
    color: #E01B26;
    font-size: 18px;
    margin: 5px 5px 5px 0;
	font-family: 'gabriela',"Times New Roman",Times,serif;
}

.list-view .detail h4 A:hover {
    color: #009EE1;
}

.screen.sys-application-portal-mydesktop{
	margin:10px 0 10px 0;
}

.subsection{
	overflow:auto;
	display:block;
}

.section{
	overflow:auto;
	display:block;
}

.subsection h2{
	font-size:20px;
	padding: 5px 10px 5px 5px;
	margin:5px 0 15px 0;
	color:#e01b26;
	display:block;
}

.section h2{
	font-size:20px;
	padding: 5px 10px 5px 5px;
	margin:5px 0 15px 0;
	color:#e01b26;
	display:block;
}

.subsection H2 SPAN {
	background:none;
}

.section H2 SPAN {
	background:none;
}

.subsection .fields-group .date-field{
	float:left;
}

.section .fields-group .date-field{
	float:left;
}

.fields-group TD {
    padding: 9px 4px 2px 0;
}

a:link.postaction {
	*padding:0px;
	*margin-top:20px;
	 padding:0px\9;
}

.breadcrumb{
	margin-bottom:16px;
	border-bottom:1px solid #dbdbdb;
	padding:10px 0 10px 0;;
	color:#8d8d8d;
}


.actions-area, .table-view .table th{
	color:#262626;
}

.mandatory{
	color:#999;
	font-weight:normal;
}

.send-to-friend{
	width:auto;
	border:none;
	padding:15px;
}

.send-to-friend a:link, .send-to-friend a:visited{
	color:#999;
}

.send-to-friend a:hover{
	color:#fff;
}

.send-to-friend .button-area{
	margin:0;
}

.send-to-friend .button-area .button2{
	margin-left:10px;
}

.send-to-friend FIELDSET{
	padding:0;
}

.send-to-friend FIELDSET ul{
	list-style: none outside none;
	padding:0;
	margin:0;
}

.send-to-friend FIELDSET ul li{
	display:block;
	padding:10px 0 10px 0;
}

.send-to-friend FIELDSET label{
	float:none;
	margin-bottom:5px;
}

.send-to-friend FIELDSET input{
	float:none;
	width:240px;
}
 
.send-to-friend FIELDSET textarea{
	float:none;
	width:240px;
	height:95px;
	font-family:Arial, Helvetica, sans-serif;
} 

hr{
    display: block; 
	height: 1px;
    border: 0;
	border-top: 1px solid #ccc;
    margin: 0em 0; 
	padding: 0;
}  

/*Calendrier*/

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

/* Liste à puce */
.listePuce {margin:0px; padding:3px 0px 5px 0px;}
.listePuce ul {margin:0px 0px 0px 0px; padding:0px;}
.listePuce li{list-style:none; margin:0px; padding:0px;}
.listePuce1 li {background: url(../images/puceGris.png) no-repeat scroll left center; background-position:0px 7px; padding-left:13px;line-height:20px; }
.listePuce2 li {background:url(../images/puceRouge.png) no-repeat scroll left center; background-position:0px 7px; padding-left:13px;line-height:20px;}
.listePuce3 li {background:url(../images/puceBleu.png) no-repeat scroll left center; background-position:0px 7px; padding-left:13px;line-height:20px;}
.listePuce4 li {background:url(../images/puceFleche.png) no-repeat scroll left center; background-position:0px 5px;padding-left:13px; line-height:20px;}


/*Message d'erreur*/

element.style {
    display: none;
    left: 1089.5px;
    top: 44px;
    z-index: 5000;
}
.vui-context-error {
    background-color: #FCDEDF;
    border-color: #F79292;
    color: #DF0020;
}
.vui-context-message {
	border-radius:0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 2px 3px #001e41;
    max-width: 300px;
    min-width: 60px;
    position: absolute;
    text-align: left;
    z-index: 100;
}

.vui-context-message li {
    list-style: none outside none;
    padding: 10px;
}

.vui-context-message ul {
    margin: 0;
    padding: 0px 10px 10px;
	overflow:hidden;
}

.contentContenueDroite .side-menu{
	padding:5px;
}

.contentContenueDroite .side-menu .side {
    width: 300px;
}

.contentContenueDroite .side-menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.contentContenueDroite .side-menu .side li.first {
}

.contentContenueDroite .side-menu .side li {
    background-color: transparent;
    border: none;
    display: block;
    margin: 0 0 2px 0;
	padding:5px;
}

.contentContenueDroite .side-menu .side li a {
    display: block;
    padding: 2px;
    text-decoration: none;
	color:#fff;
	background: url(../images/puceListe.png) no-repeat scroll left center transparent;
	padding-left: 15px;
}

.contentContenueDroite .side-menu .side li a:hover {
	background: url(../images/puceBleu.png) no-repeat scroll left center transparent;
	color:#009EE1;
}

.contentContenueDroite .side-menu .side li ul li {
	padding:2px;
}
	

.contentContenueDroite .side-menu .side li ul li a {
    display: block;
    padding-left: 15px;
    text-decoration: none;
	color:#fff;
}

.contentContenueDroite .side-menu .side li ul li a:hover {
	background: url(../images/puceBleu.png) no-repeat scroll left center transparent;
	color:#009EE1;
}

.contentContenueDroite .side-menu .side li ul li a.current{
	color:#009EE1;
	background: url(../images/puceBleu.png) no-repeat scroll left center transparent;
}

.contentContenueDroite .side-menu a {
    display: block;
}

.contentContenueDroite .side-menu .side li.last {
}

.contentContenueDroite .side-menu .side ul {
    margin: 0 0 0 20px;
}
.actions-area .button-area TABLE {width:100%;}
.actions-area .button-area .button-area-left {width:50%;}

.contentContenueDroite .list-view .detail .title A H4, .contentContenueDroite .links-view .detail A H4, .contentContenueDroite .thumbnails-view .detail A H4 {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}
.contentContenueDroite .list-view .detail .title H4 IMG, .contentContenueDroite .links-view .detail H4 IMG, .contentContenueDroite .thumbnails-view .detail H4 IMG {
    padding: 0;
}
.list-view .detail .title A H4, .links-view .detail A H4, .thumbnails-view .detail A H4 {
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.item-view DIV.property { font-size: inherit }
.item-view DIV.property { color: inherit }





/*  JC rajout css cadre copanef   */







#cadrepresentation {
	width: 700px;
	background: #DFF4EA; /* même couleur que les coins */
	border-radius: 10px 10px 10px 10px;
	margin: 10px 10px;
	padding: 10px 10px;
}

#cadrerubrique {
	width: 700px;
	background: #DFF4E1; /* même couleur que les coins */
	border-radius: 10px 10px 10px 10px;
	margin: 10px 10px;
	padding: 10px 10px;
}
#hautgauche, #hautdroit, #basdroit, #basgauche {
	height: 19px; /* hauteur de l'image cadr_arron_hg.gif */
	width: 19px; /* largeur de l'image cadr_arron_hg.gif */
	background: #ccf no-repeat;
}
#hautdroit {
	float: right;/* on place le coin à droite */
	background: url(cadr_arron_hd.gif);
}
#basdroit {
	float: right;
	background: url(cadr_arron_bd.gif);
}
#hautgauche {
	background: url(cadr_arron_hg.gif);
}
#basgauche {
	background: url(cadr_arron_bg.gif);
}

/* style du menu ul (facultatif et à adapter selon les goûts) */
#cadre ul {
	list-style-type: none; /* suppression des points précédant
chaque item */
	margin: 0;
	padding:0;
}
#cadre ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #eee;
	font-weight: bold;
	display: block; /* permet une coloration de toute la largeur
du menu au passage de la souris */
	padding: 0 1em;
	_height: 1em; /* correction bug IE. Attention le _ n'est pas
reconnu standard par le w3c */
}
#cadre ul li a:hover {
	background: rgb(46,137,183); /* couleur d'arrière plan
au passage de la souris voir display: block ci-dessus */
	color: #fff;
}