/***********************/
/****modele 1 layout****/
/***********************/
/*--------------------------------------------------------------------------------------------------------baoceCouleurs :

CE rouge d3031b  e02119
CE bleu 13245c
CE gris c0c0c0 (bordures 1px solid)
CE bleu clair 1 :00BCE6
*/
BODY {
	background-color:white;
	color:#525252;
	font-family: Verdana,Arial,helvetica,"sans serif";
}
BODY,TD { font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; }
.center {
	text-align:center;
}
INPUT,SELECT,TEXTAREA {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
SELECT {margin:3px 0px 3px 0px;}
/*layout*/
.root {text-align:center}
.page {width:1024px; text-align:left; margin:10px auto 0px auto; background-color:white;}
.main-layout {}
SELECT {border-color:#13245c; border-style:solid; border-width:1px;}
SELECT:focus {border-color:#d3031b}
/*******************************************************************************************************************************************navigation et logo top*/
.top-nav {
	background:white url(../images/baoce/tetieredinBAO4.jpg) no-repeat;
	height:120px;
	width:1024px;
}
.top-nav>TABLE.CL {
}

/*******************************************************************************************************************************************zone de logo*/
.top-nav .C0 {padding:5px;}
.top-nav .image {
	display:none;
}

/*******************************************************************************************************************************************navigation et recherche*/
.top-nav .C1 {}

.top-nav .top-links {margin:0; padding:0px}
.top-nav .top-links LI {list-style:none; display:inline;}
.top-nav .top-links IMG {}

.top-nav .top-links A {}
.top-nav .top-links A:link,.top-nav .top-links A:visited {}
.top-nav .top-links A:hover,.top-nav .top-links A:active {}
.top-nav .search {}
.top-nav .C0 {
	
	padding:0 5px 5px 5px;
}
.top-nav .top-links {
	margin:0; 
	padding:0px;
}
.top-nav .top-links .R0{
	padding:0;
	height:87px;
}
.top-nav .top-links .R0 UL{ /*flash*/
	list-style:none;
	margin:0px 0 0 527px;
	height:87px;
}
.top-nav .top-links .R1{
	padding:0;
	
}
.top-nav .top-links LI { background:none;}
.top-nav A { border-right:#13245c solid 1px; padding-right:15px;}
.top-nav .top-links A:link,.top-nav .top-links A:visited {color:#13245c; text-decoration:none}
.top-nav .top-links A:hover,.top-nav .top-links A:active {color:#d3031b; text-decoration:underline;}

/*******************************************************************************************************************************************menu sites CE*/

.top-nav .top-links .menu-sites-ce {
	list-style:none;
	margin:0px 0 0 6px;
	padding:0;
}
.top-nav .top-links .menu-sites-ce LI {
	display:block;
	float:left;
	height:24px;
	padding:0;
	text-align:center;
}
.top-nav .top-links .menu-sites-ce A:link,
.top-nav .top-links .menu-sites-ce A:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:12px;
	text-decoration:none;
	display:block;
	margin:3px 0 0 0;
	padding:2px 13px 0 13px;
	border-right-color:white;
	border-right-style:solid;
	border-right-width:1px;
}
.top-nav .top-links .menu-sites-ce A:hover,
.top-nav .top-links .menu-sites-ce A:active {
	color:#13245c;
	text-decoration:none;
	border-right-color:white;
}
.top-nav .top-links .menu-sites-ce .first A:link,
.top-nav .top-links .menu-sites-ce .first A:visited {
	display:block;
	padding:0;
	margin:0;
	height:24px;
	width:295px;
	margin:0 10px 0 0;
	font-size:0;
	line-height:0;
	color:transparent;
	text-decoration:none;
	border:none;
}
.top-nav .top-links .menu-sites-ce .first A:hover,
.top-nav .top-links .menu-sites-ce .first A:active {
	color:transparent;
	text-decoration:none;
	border:none;
}
.top-nav .top-links .menu-sites-ce .last A:link,
.top-nav .top-links .menu-sites-ce .last A:visited {
	border:none;
}
/*******************************************************************************************************************************************menu principal*/
.dropdown-menu {
	border-top: 1px solid #c0c0c0;
	border-right:none;
	border-bottom: 1px solid #c0c0c0;
	border-left:none;
}
.dropdown-menu UL LI {
	font-weight:bold;
	background-color:transparent;
}
.dropdown-menu UL UL LI {
	background-color:#f2f2f2;
	font-weight:normal;
	font-size:11px;
}
.dropdown-menu .dropdown {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-image: none;
width: 100%;
font-family: arial,helvetica,sans serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
line-height: 21px;
}
.dropdown-menu .dropdown LI {
float: left;
display: block;
height:21px;
padding: 0px;
border-right: 1px solid #c0c0c0;
}
.dropdown-menu .dropdown LI A {
display: block;
height:18px;
padding: 0 4px 3px 6px;
color: #404040;
text-decoration: none;
}
.dropdown-menu .dropdown li A:hover {
background-color: #13235b;
background-image: none;
color: white;
}
.dropdown-menu .dropdown li A:hover {
background-color: #13235b;
background-image: none;
color: white;
}
.dropdown-menu .dropdown LI.last {
float:right;
padding-left:50px;
border-right: none;
}

/*Level 2*/
.dropdown-menu .dropdown UL {background:#13245c;}
.dropdown-menu .dropdown UL LI {background-color:#00BCE6;}

/*******************************************************************************************************************************************fil d'ariane*/
.streamline {margin:10px 0px 0px 0px; padding:10px; border:1px solid #D2D2D2}
.streamline {margin:0px; padding:10px 10px 10px 0px; border:none}

.navigation-area .streamline .action-root {
background-color: transparent;
background-image: url(../images/baoce/home.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
cursor: pointer;
height: 30px;
width: 30px;
}
.navigation-area {
}
.navigation-area .streamline {
height: 18px;
padding:5px 0 0 10px;
}

.navigation-area .streamline .action-root {
margin:-5px 0 0 0;
padding:0;	
}
/*******************************************************************************************************************************************search*/
.main-content .search {
	background-image:url(../images/baoce/fondrecherchelarge.gif);
	background-repeat:no-repeat;
	background-position:left top;
	border:#c0c0c0 solid 1px;
	padding:8px;
	margin:15px 0px 20px 0px;
} 
.main-content .search BUTTON {
	margin:0 0 0 30px;
} 
.bloc-search {
	background-image:url(../images/baoce/fondrecherche.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:white/*#00BCE6*/;
	border:#c0c0c0 solid 1px;
	padding:8px
} 
.bloc-search H1 {
	font-size:14px;	
}  
.bloc-search BUTTON {
	text-align: center;
	background-color:transparent;
	background-image:url(../images/baoce/buttonsearch_1.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:0px none;
	vertical-align:middle;
	margin:0 0 0 20px;
	padding:0px 0px 0px 0px;
	overflow:visible;
	cursor:pointer;
	height:28px;
	width:28px;
}
.bloc-search BUTTON SPAN {
	background-image:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	white-space: nowrap;
	line-height:18px;
	padding:1px 0px 0px 0px;
	margin:0px;
	color:#13245c;
}
.bloc-search BUTTON:hover {
	background-image:url(../images/baoce/buttonsearch_2.gif);
}
.bloc-search BUTTON:active {
	background-image:url(../images/baoce/buttonsearch_3.gif);
}
.bloc-search BUTTON:hover SPAN,
.bloc-search BUTTON:active SPAN{
	color:#d3031b;
}
/*******************************************************************************************************************************************search-result*/
.search-result .detail .path {
	display:none;
}
 
/*******************************************************************************************************************************************pages-list*/
.pages-list {}

/*******************************************************************************************************************************************navigation et powered by vdoc*/
.bottom-nav {
	border:none;
	padding:5px 0px 5px 0px;
	margin-bottom:5px;
}
.bottom-nav .C0 {
	text-align:left
}
.bottom-nav .C1 {
	text-align:right;
	padding:3px;
	font-size:10px;
}
.bottom-nav .bottom-links {
	margin:3px;
	padding:0px
}
.bottom-nav .bottom-links LI {
	list-style:none;
	display:inline;
	padding:2px 6px 2px 6px;
	background:none;
}
.bottom-nav .bottom-links IMG {
	vertical-align:middle;
}
.bottom-nav TABLE.CL {
	background-color:#13245c;
}
.bottom-nav TABLE.CL TD {
	height:18px;
}
.bottom-nav A {
	border-right:white solid 1px;
	padding-right:15px;
}
.bottom-nav A:link,
.bottom-nav A:visited {
	color:white;
	text-decoration:none;
}
.bottom-nav A:hover,
.bottom-nav A:active {
	color:#d3031b;
	text-decoration:underline;
}

/*******************************************************************************************************************************************sub layout*/
.sub-layout {margin:0px 0px 10px 0px;}
/*******************************************************************************************************************************************colonne gauche*/
.left-col {
	width:222px;
	border-right:1px solid #c0c0c0;
	padding:0px 10px 0px 0px;
}
.left-col TABLE {
	width:auto;
}

/*******************************************************************************************************************************************colonne principale*/
.main-col-left { 
	width:780px;/*largeur 790 si un seUL totem */ 
	padding:0px 10px 0 0;
}
.main-col-right { 
	width:780px;/*largeur 790 si un seUL totem */ 
	padding:0px 0 0 10px;
}
.main-col-center { 
	width:536px;/*largeur 556 si 2 totems */ 
	padding:0px 10px 0 10px;
}
/*******************************************************************************************************************************************colonne de droite*/
.right-col {
	width:222px;
	border-left:1px solid #c0c0c0;
	padding:0px 0px 0px 10px;
}
.right-col TABLE {
	width:auto;
}

/*******************************************************************************************************************************************side menu*/
.side-menu {
	padding:0;
}
.side-menu .side {
	width:300px;
}
.side-menu ul {
	margin:0 0 0 -2px; padding:0px;
}
.side-menu .side a { 
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	color:#13245c;
	text-decoration:none;
	background-color:white;
	border-left:8px solid #a0a0a0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#a0a0a0;
	border-right:1px solid #e0e0e0;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#e0e0e0;
}
.side-menu .side a:hover{
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	background-color:transparent;
	color:#d3031b;
	text-decoration:none;
	border-left:8px solid #d3031b;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d3031b;
	border-right:1px solid #d3031b;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#d3031b;
}
.side-menu .side ul {
	margin:0px;
}
.side-menu .side li {
	margin:0;
	border:none;
	background-color:transparent !important;
}
.side-menu .side ul li {
	background-color:#00BCE6;
	border:none;
	border-bottom:1px solid #ffffff;
}	
.side-menu .side ul li a {
	margin-left:10px;
}
.side-menu .side ul ul li {
	background-color:#F8F8F8;
	border:none;
	border-bottom:1px solid #ffffff;
}
.side-menu .side ul ul li a {
	margin-left:20px;
}
/********************************************************************************************************************************************Menu gauche bloc-menu*/
.left-col .bloc-menu H4 {
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 13px;
	color:#13245c;
	text-decoration:none;
	background-color:white;
	font-size:14px;
	font-weight:bold;
}
.left-col .side-menu,
.right-col .side-menu {
	width:222px;
}
.left-col .side-menu .side,
.right-col .side-menu .side {
	width:222px;
	padding:0;
	margin:0;
	border:none;
	font-size:12px;
}
.left-col .bloc-menu .side LI {
	padding:0;
	margin:0;
	border:none;
}
/*sigularisation de l'item de la page affichée*/
.accueilespacepersonnel .left-col .bloc-menu .side .AccueilEspacePersonnel A:link SPAN,
.accueilespacepersonnel .left-col .bloc-menu .side .AccueilEspacePersonnel A:visited SPAN,
.accueilespacepersonnel .left-col .bloc-menu .side .AccueilEspacePersonnel A:hover SPAN,
.accueilespacepersonnel .left-col .bloc-menu .side .AccueilEspacePersonnel A:active SPAN {
	font-weight:bold;
}

/*******************************************************************************************************************************************zone de contenu*/
.main-content,.main-content TD {
	font-size:11px;
	margin:0;
}

/*******************************************************************************************************************************************bas-espace-perso*/
.bas-espace-perso {
	margin:10px 0 0 0;
	padding:10px 20px 0 20px;
}
/*******************************************************************************************************************************************zone de contenu page accueil*/
.home-content {}

/*******************************************************************************************************************************************powered by vdoc*/
.sys-footer {
	display:none
}

/*******************************************************************************************************************************************plan du site*/

/*-----H2*/
.sitemap UL {
	list-style:none;
	color: #13225d;
}
.sitemap LI {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;

}

.sitemap LI A:link,
.sitemap LI A:visited {
	background-image:url(../images/baoce/h1_underline.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.sitemap LI SPAN {
	background-color: transparent;
	font-weight:bold;
	font-size: 14px;
}
.sitemap LI A:hover,
.sitemap LI A:active {
	background-image:url(../images/baoce/h1_underline_r.gif);
	text-decoration:none;
}
.sitemap UL UL{
	list-style:none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
}
.sitemap LI LI{
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0;

}

.sitemap LI LI A:link,
.sitemap LI LI A:visited {
	background-image:none;
	padding: 0px;

}
.sitemap LI LI SPAN{
	background-image:url(../images/baoce/h2_back.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
	font-weight:bold;
	font-size:12px;
	font-weight: bold;
	padding:5px 0px 5px 14px;

}
.sitemap UL UL UL{
	list-style:disc;
		margin-top: 2px;
}
.sitemap LI LI LI SPAN{
	background-image:none;
	font-size:11px;
	padding:0;
}
.sitemap UL UL UL UL{
	list-style:circle;
}
.sitemap UL UL UL UL UL{
	list-style:square;
}
.sitemap LI LI LI LI SPAN{
	font-weight:normal

}
.sitemap LI LI LI LI LI SPAN{

}