.exemple{
    background-image:url(menubk.gif);
}





body,td,th {
	color: #666666;
	font: 10px Arial, Helvetica, sans-serif;
	<!-- text-align: left; -->
}
body {


	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
table {
	border-collapse:collapse;
}

ul {
	list-style: disc outside;
	display: block;
	margin: 20px;
}
ul li {
	list-style: disc outside;
	margin-bottom: 1em;
	font-weight: bold;
	padding-left: 1em;
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
}
dl { 
	margin-top: 3px;
	margin-bottom: 10px;
}
dt { 
	/*padding-left: 150px;*/
	float: left;
	width: 125px;
}
dd { 
	/*left: 10px;*/
	/*float: left;*/
	float: left;
	width: 385px;	
	margin: 0px;
}


#sideleft ul {
	display: block;
	margin: 0;
}
#sideleft ul li {
	margin: 0;
}

td.situation {
	color: #FCFAED;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
td.situation ul {

	padding: 0px;

}

td.situation li {
	font-weight: normal;
	margin: 0px 0px 6px;
	padding: 0px;
	list-style: none;
}
td.situation a:link, td.situation a:active, td.situation a:visited {
	background:   url(http://www.bretagne-international.com/IMG/navigation/fleche-grise.gif) no-repeat 4px center;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FCFAED;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 22px;
}
td.situation a:hover  {
	font-weight: bold;
	background:   url(http://www.bretagne-international.com/IMG/navigation/fleche-rouge.gif) no-repeat 4px center;
	color: #FCFAED;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 22px;
}
td.situation a:link.active, td.situation a:visited.active {
	font-weight: bold;
	background:   url(http://www.bretagne-international.com/IMG/navigation/fleche-rouge.gif) no-repeat 4px center;
	color: #FCFAED;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 22px;
	}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #BA0000;
}
a:active {
	text-decoration: none;
	color: #666666;
}

h1, h2, h3, h4, h5, h6 {
	color: #666666;
	margin: 20px 0px 4px;
	padding: 0px;
	font-weight: bold;
}

h1 {
	color: #8F8F8F;
	font: normal 20px/22px "Times New Roman", Times, serif;
}
h2 {
	font-size: 14px;
	color: #BA0000;
}
h3 {
	font-size: 14px;
}
h3.chapo {
	font-size: 14px;
	color: #BA0000;
}
h4 {
	font-size: 14px;
}
h4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	margin: 15px 0px 5px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
}

h2 a, h3 a, h4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 10px;
	padding: 0px;
}
adress {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
pre {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
p.spip {
	margin: 0 0 10px;
	max-width: 380px;
}
p.spip a {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #BA0000;
	text-decoration: none;
}
p.spip a:hover {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #BA0000;
	text-decoration: underline;
}



#content {
	padding: 0px;
	width: 180px; 
	margin: 0px auto;
	height: auto;
	position: relative;
	background: url(menubk.gif) no-repeat left top;
}

#content pre {
	word-wrap: break-word;
	font: 10px Arial, Helvetica, sans-serif;
}

#footer {
	padding: 10px 0px 20px;
	margin: 0px;
	background:    url(http://www.bretagne-international.com/IMG/navigation/footerbk.gif) no-repeat center top;
	clear: both;
}
#signature {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 780px;
	height: auto;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
}
a.signature:link, a.signature:active, a.signature:visited {
	color: #666666;
	text-decoration: none;
	font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
}
a.signature:hover  {
	color: #BA0000;
}

a.url:link, a.url:active, a.url:visited {
	color: #666666;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
a.url:hover  {
	color: #BA0000;
}
#sideleft  {
	width:185px;
	height:auto;
	margin: 0px;
	padding: 0px;
	float: left;
 }
#user {
	margin: 30px 5px 30px 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#user a {
	color: #ffffff;
}

#sideleftextra  {
	width:180px;
	height:auto;
	margin: 0px;
	padding: 0px;
	float: left;
 }
#logotype  {
	width:594px;
	height:140px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 186px;
	top: 0px;
	background: #FFFFFF;
 }
#center  {
	width:750px; /* 370 */
	height:auto;
	padding: 0px;
	float: left;

	margin: 140px 22px 0px 22px;


 }
#center ul {
	margin: 10px 0px 10px 14px;
	padding: 0px 0px 0px 14px;
}
#center li {
	margin: 0px 0px 0px 10px;
	padding: 0;
	font-size: 11px;
	list-style: square outside;
}
#sideright  {
	width:174px;
	height:auto;
	margin: 140px 0px 0px;
	padding: 0px;
	float: left;
 }
.box  {
	width:174px;
	height:auto;
	margin: 0px auto 20px;
	padding: 0;
	background: url(http://www.bretagne-international.com/IMG/navigation/box-bottom-bk.gif) no-repeat center bottom;
 }
 .box_top  {
	height:21px;
	margin: 0px;
	padding: 0px 0px 0px 26px;
	background:  url(http://www.bretagne-international.com/IMG/navigation/box-top-bk.gif) no-repeat center top;
	font: bold 11px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #BA0000;
 }
  .box_center  {
	width:174px;
	height:auto;
	margin: 0px;
	padding: 0px;
	background: url(http://www.bretagne-international.com/IMG/navigation/box-center-bk.gif) repeat-y center;
 }
 .box_content  {
	height:auto;
	margin: 0;
	padding: 6px;
	color: #BA0000;
 }
 .box_content p  {
	margin: 0px 0px 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
 }
 .box_content ul {
	margin: 0px 0px 10px 12px;
	padding: 0px 0px 0px 12px;
	list-style: disc outside;
}
.box_content li {
	margin: 0px;
	padding: 0px;
}
.box_content a:link, .box_content a:active, .box_content a:visited{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #BA0000;
}
.box_content a:hover{
	color: #BA0000;
	text-decoration: underline;
}
.extranet  {
	height:21px;
	margin: 0px 0px 20px;
	padding: 0px;
	background: url(http://www.bretagne-international.com/IMG/navigation/extranetbk.gif) no-repeat center center;
 }
.extranet a:link, .extranet a:active, .extranet a:visited{
	color: #FCFAEC;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font: bold 11px/21px Verdana, Arial, Helvetica, sans-serif;
}
.extranet a:hover{
	color: #CCCCCC;
	text-decoration: none;
}
.adherer  {
	height:21px;
	margin: 0px 0px 20px;
	padding: 0px;
	background: url(http://www.bretagne-international.com/IMG/navigation/adhererbk.gif) no-repeat center center;
 }
.adherer a:link, .adherer a:active, .adherer a:visited{
	color: #FCFAEC;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font: bold 11px/21px Verdana, Arial, Helvetica, sans-serif;
}
.adherer a:hover{
	color: #CCCCCC;
	text-decoration: none;
}


.recherche{
	border: 1px solid #b2b2b2;
	float:left;
	height:19px;
	background: url(http://www.bretagne-international.com/IMG/navigation/fond_champ_relief.gif) top left repeat;
	width: 144px;
	margin: 0px auto;
	padding: 0px 0px 0px 4px;
	font: 10px/19px Arial, Helvetica, sans-serif;
	color: #666666;
}
#sideright form {
	margin: 0px auto 20px;
	padding: 0px;
	height: 19px;
	width: 174px;
}
a.calendar:link, a.calendar:active, a.calendar:visited, a.organization:link, a.organization:active, a.organization:visited {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #BA0000;
}
a.calendar:hover, a.organization:hover {
	color: #BA0000;
	text-decoration: underline;
}
a.actumarquee:link, a.actumarquee:active, a.actumarquee:visited{
	color: #BA0000;
	text-decoration: none;
	font: normal 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
a.actumarquee:hover{
	color: #CCCCCC;
	text-decoration: none;
}
.redactionnel {
	color: #000000;
	font: normal 10px Arial, Helvetica, sans-serif;
}
.redactionnelgras {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.date {color: #999999}
#breadcrumb  {
	padding: 0px;
	color: #666666;
	margin: 0px 0 20px;
	font: bold 10px Arial, Helvetica, sans-serif;
	height: 20px;
	}
#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#breadcrumb ul li {
	margin : 0;
	padding: 0;
	border: none;
	list-style: none;
	display: inline;
	color: #BA0000;
	font-weight: bold;
	}
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	text-decoration: none;
	color: #666666;
	padding-bottom: 2px;
	border-bottom: 1px solid #666666;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
a.breadcrumb:hover  {
	text-decoration: none;
	color: #BA0000;
	padding-bottom: 2px;
	border-bottom: 1px solid #BA0000;
}
.toppage {
	padding: 0px;
	margin: 40px 0px 10px;
	text-align: right;
	border-bottom: 1px dotted #666666;
	height: 20px;
	}
a.top:link, a.top:active, a.top:visited {
	background:   url(http://www.bretagne-international.com/IMG/navigation/toppage.gif) no-repeat right center;
	padding-right: 11px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
a.top:hover  {
	background:   url(http://www.bretagne-international.com/IMG/navigation/toppagehover.gif) no-repeat right center;
	padding-right: 11px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
.telechargement {
	margin: 8px 0px;
	padding: 0px;
}
.telechargement a:link, .telechargement a:active, .telechargement a:visited {
	background:   url(http://www.bretagne-international.com/IMG/navigation/pdf.gif) no-repeat left center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding-left: 18px;
}
.telechargement a:hover  {
	background:   url(http://www.bretagne-international.com/IMG/navigation/pdfhover.gif) no-repeat left center;
	color: #BA0000;
}
.miseajour {
	margin: 8px 0px;
	padding: 0px;
	background:   url(http://www.bretagne-international.com/IMG/navigation/miseajour.gif) no-repeat left center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding-left: 18px;
	
}
.miseajour a:link, .miseajour a:active, .miseajour a:visited {
	background:   url(http://www.bretagne-international.com/IMG/navigation/miseajour.gif) no-repeat left center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding-left: 18px;
}
.miseajour a:hover  {
	background:   url(http://www.bretagne-international.com/IMG/navigation/miseajourhover.gif) no-repeat left center;
	color: #BA0000;
}
.imprimer {
	margin: 8px 0px;
	padding: 0px;
}
.imprimer a:link, .imprimer a:active, .imprimer a:visited {
	background:   url(http://www.bretagne-international.com/IMG/navigation/imprimer.gif) no-repeat left center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	padding-left: 18px;
}
.imprimer a:hover  {
	background:   url(http://www.bretagne-international.com/IMG/navigation/imprimerhover.gif) no-repeat left center;
	color: #BA0000;
}
.imagecentre {
	text-align: center;
	margin: 0px 0px 20px;
	padding: 0px;
}
#localisation {
	background: url(http://www.bretagne-international.com/IMG/navigation/localisationbk.jpg) no-repeat left top;
	margin: 46px 0px 24px;
	padding: 0px;
	height: 66px;
	width: 180px;
}
#flag {
	margin: 0px;
	padding: 0px;
	width: 56px;
	position: absolute;
	left: 118px;
	top: 58px;
	text-align: center;
}
#flag a:link, #flag a:active, #flag a:visited {
	color: #FCFAED;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
#flag a:hover  {
	color: #CCCCCC;
}






.sousmenu {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 185px;
	}
.sousmenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.sousmenu a:link, .sousmenu a:active, .sousmenu a:visited {
	color: #FCFAED;
	text-decoration: none;
	display: block;
	text-align: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 12px;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #FCFAEC;
	background: url(http://www.bretagne-international.com/IMG/navigation/puce-fleche-rouge.gif) no-repeat 2px center;
	}
.sousmenu a:hover {
	color: #BA0000;
	text-decoration: none;
	display: block;
	text-align: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 12px;
	font: bold normal 11px/11px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #FCFAEC;
	background: #fcfaec url(http://www.bretagne-international.com/IMG/navigation/puce-fleche-rouge.gif) no-repeat 2px center;
	}
.sousmenu a:link.active, .sousmenu a:visited.active {
	color: #BA0000;
	text-decoration: none;
	display: block;
	text-align: left;
	width: 170px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 12px;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #FCFAEC;
	background: #fcfaec url(http://www.bretagne-international.com/IMG/navigation/puce-fleche-rouge.gif) no-repeat 2px center;
	}
	}
	

@media print {
	#center {
		margin: 0px;
		margin-left: -150px;
		width: 750px; <!-- 600px  -->
	}
	
	#center * {color: #000000;}
	
	pre { width: 750px; }  <!-- 600px -->
	
	#logotype  {
		width: 100%;
		left: 0px;
		text-align: center;
		position: relative;
		margin-bottom: 20px;
	}
	
	#breadcrumb {visibility: hidden;}
	#sideleft, #sideright, #footer, .spip-admin-float, .toppage, .imprimer { height: 1px; overflow: hidden }
	#sideleft, #sideright, #footer, .spip-admin-float, .toppage, .imprimer {visibility: hidden;}
  }
.temoinVideo a:link,
.temoinVideo a:active,
.temoinVideo a:visited {
	color: #BA0000;
	display: block;
	background-image: url(http://www.bretagne-international.com/IMG/picto-video.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	width: 130px;
	margin-left: 200px;
	margin-bottom: 6px;
}
.temoinVideo a:hover {
	text-decoration: underline;

}
.video #DetailVideo {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: #BA0000;
	margin-bottom: 6px;
}
.video a:link,
.video a:active,
.video a:visited {
	background-image: url(http://www.bretagne-international.com/IMG/picto-video.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 0px 6px;
	padding: 0px 0px 0px 24px;
	color: #BA0000;
	font-size: 11px;
}
.video a:hover {
	text-decoration: underline;

}