/* ------------------------------------------------------------
		Structure de la page
------------------------------------------------------------ */

/* -------------
	Couleurs
#0D3591
#8BACFF
#C5D6FF // clair
------------- */


body {
	text-align : center ;
	margin : 0px;

	background-image : url(../images/template/bg_body.gif) ;
	background-position : center top ;
	background-repeat : repeat-y ;

	background-color : #DDDDDD ;
	font-family : arial, verdana, sans-serif ;
	font-size : 75% ;
}

#tplMainContent {
/*
	border-top : 1px solid #FFFFFF ;
*/
	height : 600px ;
}

#tplMainContainer>#tplMainContent {
	min-height : 600px;
	height : auto ;
}

#tplMenu {
	float : left;
	width : 155px ;
	height : 600px ;
	text-align : left ;
	padding-left : 10px ;
	padding-top : 110px ;
	text-align : left ;
}

#tplMainContent>#tplMenu {
	height : auto ;
	min-height : 600px ;
}


#tplMainContainer {
	width : 800px ;
	margin : auto;
	background-color : #FFFFFF ;
	background-image : url(../images/template/bg_container.png) ;
	background-position : left top ;
	background-repeat : repeat-y ;

	/* border-top: 5px solid #0D3591; */
	/* border-bottom: 10px solid #0D3591; */
}

#tplHeader {
	height : 85px ;
	padding-top: 5px;
	background-image : url(../images/template/bg_header.png) ;
	background-position : center top ;
	background-repeat : repeat-x ;
	background-color : #FFFFFF ;
	border-bottom : 1px solid #FBBA84 ;
}

#tplLogo1 {
	float : left ;
	background-image : url(../images/template/bg_menu.png) ;
	background-position : right top ;
	background-repeat : repeat-y ;
	background-color : transparent ;
	width : 165px ;
	text-align : center ;
	padding-top : 4px ;
}

#tplLogo2 {
	float : left ;
	padding-top : 20px ;
	padding-left : 25px ;
	width : 306px ;
	text-align : left ;
}

#tplSearchArea {
	float : left ;
	text-align : right ;
	width : 290px ;
	font-size : 90% ;
	font-weight : bold ;
	color : #666666 ;
/*
	padding-top : 60px ;
*/
}

#tplSearchArea form {
	margin : 0px ;
	display : inline ;
}

#tplSearchArea input {
	border : 1px solid #CCCCCC;
	font-size : 90% ;
	font-weight : bold ;
	width : 120px ;
	color : #666666 ;
}

#tplSearchArea form #tplSearchGo {
	border : 1px solid #999999;
	font-size : 90% ;
	font-weight : bold ;
	width : 45px ;
	color : #666666 ;
	background-color: #EEEEEE;
}

#flagsArea{
	padding-bottom: 30px;
}

.menuBg {
	background-image : url(../images/template/random_bg.php) ;
	background-repeat : no-repeat ;
	background-align : right top ;
}

#tplPageContent {

	float : left ;
	width : 616px ;
	text-align : left ;
	padding-left : 15px ;
	padding-top : 15px ;
	line-height : 160% ;
	background-image : url(../images/template/bg_content.png);
	background-position : right bottom ;
	background-repeat : no-repeat ;
	height : 690px ;
}

#tplMainContent>#tplPageContent {
	height : auto ;
	min-height : 690px ;
}

#tplFooter {
	clear : both ;
	border-top : 1px solid #FF8000 ;
	background-color : #FFFFFF ;
	color : #666666 ;
	font-size : 75% ;
}

#tplPageTitle {
	color : #0D3591 ;
	margin-top : 0px ;
	border-bottom : 1px solid #0D3591 ;
	font-size : 150% ;
	font-variant : small-caps ;
	padding-bottom : 4px ;
}

/* ------------------------------------------------------------
		Menu
------------------------------------------------------------ */
h6.tplMenuTitle {
	color : #FFFFFF ;
	margin-top : 10px ;
	margin-bottom : 3px ;
	border-bottom : 1px solid #FFFFFF ;
	width: 140px ;
	padding: 0px ;
	font-variant : small-caps;
	font-size : 120% ;
	cursor: pointer;
}

ul.tplMenuList {
	list-style : none ;
	width: 140px ;
	margin: 0px ;
	padding: 0px ;
	margin-bottom : 10px ;
}

ul.tplMenuList li {
	margin-bottom : 2px ;
	font-size : 88% ;
	font-weight: normal;
	text-transform: uppercase;
/*
	background-color:#C5D6FF;
*/
}

ul.tplMenuList A:link, ul.tplMenuList A:active, ul.tplMenuList A:visited {
	color : #FFFFFF !important;
	display: block;
	border-left : 4px solid #5673B3 ;
	border-bottom : 1px solid #5673B3 ;
	padding-left : 10px ;
	padding-top : 3px ;
	padding-right : 3px ;
	padding-bottom : 3px ;
	margin : 0px ;
}

ul.tplMenuList A:hover {
	color : #FFFFFF !important;
	border-left : 4px solid #FFFFFF ;
	border-bottom : 1px solid #FFFFFF ;
	display: block;
	padding-left : 10px ;
	padding-top : 3px ;
	padding-right : 3px ;
	padding-bottom : 3px ;
	text-decoration : none ;
	margin : 0px ;
}

/* ------------------------------------------------------------
		Titres
------------------------------------------------------------ */

h1 {
	font-size : 150% ;
	color : #0D3591 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	clear : both ;
}

h2 {
	font-size : 140% ;
	color : #0D3591 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	clear : both ;
}

h3 {
	font-size : 130% ;
	color : #0D3591 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	clear : both ;
}

h4 {
	font-size : 120% ;
	color : #0D3591 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	clear : both ;
}

h5 {
	font-size : 110% ;
	color : #0D3591 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	clear : both ;
}

h6 {
	font-size : 100% ;
	color : #0D3591 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	clear : both ;
}

/* ------------------------------------------------------------
		Liens
------------------------------------------------------------ */

A:link, A:active, A:visited {
	font-weight : bold ;
	color : #0D3591 ;
	text-decoration : none ;
}

A:hover {
	font-weight : bold ;
	color : #FF8000;
/*
	text-decoration : underline ;
*/
}

A IMG {
	border : none ;
}

A.small:link, A.small:active, A.small:visited {
	color : #0D3591 ;
	text-decoration : none ;
	font-weight : normal ;
}

A.small:hover {
	color : #FF8000;
/*
	text-decoration : underline ;
*/
	font-weight : normal ;
}


/* ------------------------------------------------------------
		Paragraphes
------------------------------------------------------------ */

P {
	text-align : justify ;
}

.center {
	text-align : center ;
}

.left {
	text-align : left ;
}

.right {
	text-align : right ;
}

/* ------------------------------------------------------------
		Divers
------------------------------------------------------------ */
strong.colored {
	color : #0D3591 ;
}

.popup {
	background-image : none ;
	background-color : #FFFFFF ;
	margin : auto ;
}

ul.listeliens, ul.listePartenaires {
	list-style : none ;
	padding-left : 0px ;
	margin-left :  0px ;
}

ul.listeliens li
{
	margin : 5px ;
	border : 1px solid #CCCCCC ;
	padding : 5px ;
	-moz-border-radius: 8px;
	border-radius:8px;
}

ul.listePartenaires li {
	clear : both ;
	margin : 5px ;
	border : 1px solid #CCCCCC ;
	padding : 5px ;
	-moz-border-radius: 8px;
	border-radius:8px;
}

h1.titreArticle {
	border : 1px solid #CCCCCC ;
	text-align : center ;
	margin-bottom : 15px ;
	background-color : #F4F4F4 ;
	padding : 5px ;
}

img.left {
	float : left ;
	margin : 5px ;
}

p.grayNote {
	color : #333333 ;
	font-size : 90% ;
	background-color : #EEEEEE ;
	border : 1px solid #CCCCCC ;
	padding : 5px ;
	-moz-border-radius: 8px;
	border-radius:8px;
}

p.downloadPdf {

	padding : 5px 5px 5px 100px ;
	width : 400px ;
	border : 1px solid #CCCCCC ;
	margin : auto ;
	background-image : url(../images/icone_pdf.png) ;
	background-position : 15px 5px ;
	background-repeat : no-repeat ;
	background-color : #EEEEEE ;

}


p.linkToCesca {

	text-align : center ;
	height : 100px ;
	padding : 5px 5px 5px 120px ;
	border : 1px solid #CCCCCC ;
	margin : auto ;
	background-image : url(../images/partenaires/cesca.gif) ;
	background-position : 15px 5px ;
	background-repeat : no-repeat ;
	background-color : #FFFFFF ;
	margin-bottom : 10px ;

}

/* ------------------------------------------------------------ */
span.currentItem {
	font-size: 8pt;
	font-weight: normal;
	color: #0D3591;
}

img.currentFlag{
	border: 2px solid #999999;
}

img.otherFlag{
	border: 2px solid #CCCCCC;
}

a.wireOfAriane:link,
a.wireOfAriane:visited,
a.wireOfAriane:active {
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #0D3591;
}

a.wireOfAriane:hover {
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #FF8000;
	border-bottom: 1px solid #FF8000;
}

span.defaultVersion {
	font-size: 70%;
}

ul.sommaire {
	clear : both ;
	list-style : none ;
	padding-left : 0px ;
	margin-left : 5px 5px 5px 30px ;
}

div.itemSynopsisList, ul.sommaire li, #listeOffres div.item {
	clear : both ;
	margin : 5px ;
	padding : 5px ;
	background-color : #F5F5F5 ;
	border-bottom : 1px solid #DDDDDD ;
	border-right : 1px solid #DDDDDD ;
}

div.itemSynopsisList h4, span.subTitle, #listeOffres div.item h4 {
	display : block ;
	padding : 1px ;
	margin : 0px ;
	border-bottom : 1px solid #0D3591 ;
	font-variant : small-caps ;
	letter-spacing : 1px ;
	font-weight : bold ;
}

div.itemSynopsisList p {
	padding: 3px;
	margin: 0px;
	font-style: italic;
}

div.plus {
	text-align: right;
	padding: 0px;
	margin: 0px;
}

div.plus a:link,
div.plus a:visited,
div.plus a:active {
	text-align: right;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

div.plus a:hover {
	text-align: right;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #FF8000;
/*
	border-bottom: 1px dashed #0D3591;
*/
}

#special_content {
	border: 1px solid #0D3591;
	width: 550px;
	height: 500px;
}

#map {
	text-align: center;
	width: 601px;
	height: 601px;
	border: 1px dashed #0D3591;
}

#mapsite a:hover {
	color: #FF8000;
	text-decoration: none;
}

#legals {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 8px;
	border-radius:8px;
}

/*
div.searchResult {
	background : transparent;
	border: 1px solid #CCCCCC;
	-moz-border-radius : 8px ;
	padding: 3px;
	margin: 5px 0px 5px 0px;
}
*/

/* ------------------------------------------------------------ */

/* ------------------------------------------------------------
		Formulaires
------------------------------------------------------------ */
fieldset.messageFieldset {
	background : transparent;
	border: 1px solid #FF8000;
	-moz-border-radius: 8px;
	border-radius:8px;
	padding: 0px 15px 15px 15px;
}

fieldset.messageFieldset legend {
	color: #FF8000;
}

#contactForm {
	width : 550px ;
	margin : auto ;
}

#explain {
	width : 540px ;
	border : 1px solid #CCCCCC ;
	margin : auto ;
	padding : 5px ;
	font-weight : bold ;
	font-style :italic ;
	background-color : #FFFFCC ;
}

#error {
	width : 540px ;
	border : 1px solid #FF0000 ;
	color : #FF0000 ;
	margin : auto ;
	margin-top : 3px ;
	padding : 5px ;
	text-align : left ;
	background-color : #FFEEEE ;
}

.tableauForm td.label
{
	width : 165px ;
	vertical-align: top;
}

.tableauForm td.field
{
	width : 390px ;
}

.tableauForm td.buttons
{
	text-align: center;
}

label
{
	vertical-align : middle;
}

input, textarea, select
{
	font-family: verdana, arial, sans-serif;
	font-size: 95%;
	color: #0D3591 ;
	border : 1px solid #999999 ;
	vertical-align : middle ;
	background-color : transparent ;
}

fieldset {
	border : 1px solid #CCCCCC ;
	background-color : transparent ;
	padding : 3px ;
	-moz-border-radius: 8px;
	border-radius:8px;
}

fieldset legend {
	font-weight : bold ;
	letter-spacing : 1px ;
	font-weight : bold ;
	padding : 4px ;
	margin : 1px ;
	color : #0D3591 ;
}


input.text {
	border : 1px solid #CCCCCC;
	font-size : 90% ;
	font-weight : bold ;
	color : #666666 ;
	width: 350px;
}

input.button {
	border : 1px solid #666666;
	font-size : 90% ;
	font-weight : bold ;
	color : #666666 ;
	background-color : #EEEEEE ;
}

input.shorty {
	width: 150px;
}

textarea {
	width: 350px;
	height: 150px;
	border : 1px solid #CCCCCC;
	font-size : 90% ;
	font-weight : bold ;
	color : #666666 ;
}

.asterisque {
	color: #FF0000;
	font-size: 75%;
}

input.file {
	border: 1px solid #CCCCCC;
	font-size : 90% ;
	color : #666666 ;
}

/* ------------------------------------------------------------
		Liste Offres (Plugin)
------------------------------------------------------------ */

#listeOffres div.item div.detailsOffre {
	color : #666 ;
	float : right ;
	font-size : 90% ;
	font-weight : bold ;
	text-align : right ;
	width : 200px ;
	margin : 5px 5px 5px 5px ;
	line-height : 110% ;
}

#listeOffres div.item p {
	margin : 5px ;
	line-height : 110% ;
	width : 380px ;
}

#listeOffres div.item div.plus {
	clear : both ;
}

#detailOffre {
	padding-right : 5px ;
}

#detailOffre h3 {
	text-align : center ;
	padding : 10px ;
	background-color : #f8f8f8 ;
}

#descriptionOffre {
	float : left ;
	width : 450px ;
}

#complementsOffre {
	float : left ;
	width : 150px ;
	padding : 0px 0px 0px 10px ;
}

#complementsOffre .pave {

	font-size : 95% ;
	margin-bottom : 10px ;
	padding : 5px ;
	background-color : #f8f8f8 ;
	border-right : 1px solid #eee ;
	border-bottom : 1px solid #eee ;
	text-align : center ;
}

#detailOffre h4, #complementsOffre .pave h4 {
	border-bottom : 1px solid #0d3591 ;
	margin : 0px 0px 5px 0px ;
	padding : 0px ;
	text-align : left ;
}

.backLink {
	clear : both ;
	padding : 10px ;
	text-align : center ;
}

#abonnementOffres {
	clear : both ;
	margin : 5px ;
	text-align : center ;
	border : 1px solid #eee ;
	background-color : #ffe ;
}


#abonnementOffres ul {
	float : left ;
	margin : 5px ;
	padding : 6px ;
	width : 280px ;
	border : none ;
	list-style : none ;
}

#abonnementOffres ul li {
	float : left ;
	margin : 0px ;
	padding : 0px ;
	width : 140px ;
	height : 25px ;
	list-style : none ;
}


#abonnementOffres form {
	float : left ;
	margin : 5px ;
	padding : 5px ;
	width : 270px ;
	border : 1px solid #eee ;
}

#abonnementOffres form p {
	text-align : center ;
}

#feedsCopyright {
	clear : both ;
	font-size : 80% ;
	color : #666 ;
	text-align : center ;
	padding : 0px ;
	margin : 0px ;
}