/*********/
/* Corps */
/*********/

html, body {padding: 0px; margin: 0px;}

body {
 	background: url('/images/back.jpg') no-repeat top left fixed;
 	background-color: #161616;
 	font-family: Arial;
 	font-size: 12px;
 	color: #000000;
 	height: 100%;
}


/***********/
/* iFrames */
/**********/

iframe {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	visibility: hidden;
}


/***************/
/* Formulaires */
/***************/

form {
 	margin: 0px;
 	padding: 0px;
}

fieldset {
	border: 1px solid #EB6909;
	margin: 10px 0px 0px 0px;
	padding: 10px;
}

fieldset legend {
	background: url('/images/back-fondu-classic.jpg') repeat-x;
	border: 1px solid #EB6909;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding: 4px;
}

input, textarea, select {
 	font-family: Arial;
 	font-size: 12px;
	color: #606060;
	border: 1px solid #CDCDCD;
 	padding: 4px;
	vertical-align: middle;
}
input {background: url('/images/back-fondu-field.jpg') repeat-x;}

textarea {background-color: #EDEAE5; width: 300px; height: 50px;}

select {background-color: #EDEAE5;}
select, select option {cursor: pointer;}
select option {background-color: #EDEAE5;}

label {cursor: pointer;}

input.focus,
textarea.focus,
select.focus {border: 1px solid #000000; color: #000000;}

input.vote {
	cursor: pointer;
	display: block;
	width: 166px;
	height: 55px;
	background: url('/images/img_vote.gif') no-repeat center center;
	border: none;
	font-size: 0px;
	color: #EB6909;
}

input.bouton {
 	cursor: pointer;
	background: url('/images/back-fondu-classic.jpg') repeat-x;
	border: 1px solid #EB6909;
 	color: #ffffff;
}

form#bloc-contact-form table td.field input,
form#bloc-contact-form textarea,
form#bloc-contact-form select {width: 95%;}

/*********************/
/* Formulaires - Custom */
/*********************/

form.custom table td.field input,
form.custom textarea,
form.custom select {width: 95%;}

form.custom input.bouton {width: 100%; font-weight: bold; padding: 5px;}

form#bloc-contact-form.custom textarea {height: 100px;}


/**********/
/* Tables */
/**********/

table tr td {font-size: 12px;}

form.custom table {width: 100%;}
form.custom table td.text {width: 25%;}
form.custom table td.field {width: 75%;}


/***********************/
/* Lignes horizontales */
/***********************/

hr {
 	clear: both;
 	margin: 10px 0px 10px 0px;
	color: #e8e8e8;
	background-color: #e8e8e8;
	height: 1px;
	border: 0px;
}


/**********/
/* Listes */
/**********/

ul {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

ul li {
	list-style-type: square;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}


/**********/
/* Titres */
/**********/

h1, h2, h3 {padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; color: #EB6909; font-weight: bold; font-style: italic; font-family: Georgia;}

h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}

h1.title {
 	background: url('/images/back-title.jpg') no-repeat bottom left;
 	height: 45px;
 	font-style: normal;
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h1.first, h2.first, h3.first {padding-top: 0px;}

div#bloc-right div.last div.content a h3 {padding-top: 0px; font-style: normal; text-align: center;}

div#bloc-page div#content table#vignettes h3 {padding-top: 0px; margin-bottom: 0px; font-style: normal; color: #EB6909;}

div#ajax-popup h1,
div#ajax-popup h2,
div#ajax-popup h3 {font-style: normal;}

div.bloc-erreur h1,
div.bloc-erreur h2,
div.bloc-erreur h3 {font-style: normal; color: crimson;}


/***************/
/* Paragraphes */
/***************/

p {
 	margin: 0px;
 	padding: 5px 0px 5px 0px;
}


/**********/
/* Images */
/**********/

img.left {float: left; margin: 0px 20px 20px 0px;}

img.border {border: 1px solid #e8e8e8;}

div#bloc-right div.last div.content a img {padding-right: 10px;}

div#main div#bloc-page div#content table#vignettes td div.vignette img {display: block; margin: 10px auto 5px auto;}


/*********/
/* Liens */
/*********/

a img {border: 0px;}

a.opacity img {
 	filter: alpha(opacity=100);  
    -moz-opacity: 1.0;  
    opacity: 1.0;
}
a.opacity:hover img {
	filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

a {color: #000000; text-decoration: underline; outline-style: none; cursor: pointer;}
a:hover {color: #EB6909;}

h1 a, h2 a, h3 a {color: #EB6909;}

div#bloc-header div#logo a {position: absolute; height: 100%; width: 100%;}

div#bloc-header div#navtop a {position: relative; float: left; height: 56px; background: no-repeat center center;}

div#bloc-header div#navtop a#navtop01 {width: 152px; background: url('/images/interface-header-navtop01-off.jpg');}
div#bloc-header div#navtop a#navtop01.on,
div#bloc-header div#navtop a#navtop01:hover {background: url('/images/interface-header-navtop01-on.jpg');}

div#bloc-header div#navtop a#navtop02 {width: 142px; background: url('/images/interface-header-navtop02-off.jpg');}
div#bloc-header div#navtop a#navtop02.on,
div#bloc-header div#navtop a#navtop02:hover {background: url('/images/interface-header-navtop02-on.jpg');}

div#bloc-header div#navtop a#navtop03 {width: 142px; background: url('/images/interface-header-navtop03-off.jpg');}
div#bloc-header div#navtop a#navtop03.on,
div#bloc-header div#navtop a#navtop03:hover {background: url('/images/interface-header-navtop03-on.jpg');}

div#bloc-header div#navtop a#navtop04 {width: 150px; background: url('/images/interface-header-navtop04-off.jpg');}
div#bloc-header div#navtop a#navtop04.on,
div#bloc-header div#navtop a#navtop04:hover {background: url('/images/interface-header-navtop04-on.jpg');}

div#bloc-header div#navmiddle a {
 	position: relative;
 	float: left;
	width: 130px;
	height: 88px;
	background: no-repeat center center;
	font-family: Arial;
	color: #606060;
	text-decoration: none;
	padding: 15px 15px 15px 140px;
}

div#bloc-header div#navmiddle a#navmiddle01 {margin-right: 20px; background: url('/images/interface-header-navmiddle01.jpg');}

div#bloc-header div#navmiddle a#navmiddle02 {margin-right: 20px; background: url('/images/interface-header-navmiddle02.jpg');}

div#bloc-header div#navmiddle a#navmiddle03 {background: url('/images/interface-header-navmiddle03.jpg');}

div#bloc-header div#navmiddle a span.title {display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px;}

div#bloc-header div#navliens a {text-decoration: none; color: #EB6909; font-weight: bold; margin-left: 10px;}
div#bloc-header div#navliens a:hover {color: #ffffff;}

div#bloc-right div.last div.content a {
	color: #EB6909;
	text-decoration: none;
	display: block;
	text-align: center;
}

div#ccire div#ccire-logo a {position: absolute; height: 100%; width: 100%;}

div#main div#bloc-page div#content table#vignettes td div.vignette a {text-decoration: none; font-size: 10px;}

div#ajax-popup div#bloc-close div#close a {position: absolute; height: 100%; width: 100%;}


/*************/
/* Interface */
/*************/

div#main {
 	position: relative;
 	width: 947px;
 	margin: auto;
}

/**********************/
/* Interface - Opacité */
/**********************/

div#main div#bloc-opacite {
 	z-index: 1;
 	position: relative;
 	margin: 280px 0px 20px 0px;
}
div#main div#bloc-opacite div#top {
 	height: 24px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-opacite-top.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-opacite-top.png');
}
div#main div#bloc-opacite div#content {
 	height: 100%;
 	background: repeat center center;
 	background-image: url('/images/interface-bloc-opacite-content.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-opacite-content.png');
}
div#main div#bloc-opacite div#bottom {
 	z-index: 4;
 	height: 24px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-opacite-bottom.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-opacite-bottom.png');
}

/*********************/
/* Interface - CCIRE */
/*********************/

div#ccire {
 	position: relative;
 	clear: both;
 	height: 10px;
}

div#ccire div#ccire-logo {
 	position: absolute;
 	width: 196px;
 	height: 81px;
 	top: -110px;
 	right: 25px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-ccire-logo.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-ccire-logo.png');
	margin: 20px 0px 20px 0px;
}

div#ccire div#ccire-texte {
 	position: absolute;
 	width: 451px;
 	height: 10px;
 	top: 5px;
 	right: 25px;
 	background: no-repeat center right;
 	background-image: url('/images/interface-ccire-texte.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/interface-ccire-texte.png');
}

/*********************/
/* Interface - Header */
/*********************/

div#main div#bloc-header {
 	z-index: 2;
	position: relative;
}

div#main div#bloc-header div#logo {
 	z-index: 2;
 	position: absolute;
 	width: 325px;
 	height: 145px;
 	top: -290px;
 	left: 0px;
}

div#main div#bloc-header div#back {
 	z-index: 2;
 	position: absolute;
 	width: 947px;
 	height: 329px;
 	top: -280px;
 	background: center center;
 	background-image: url('/images/interface-header.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-header.png');
}

div#main div#bloc-header div#navliens {
 	z-index: 4;
 	position: absolute;
	color: #EB6909;
	width: 400px;
	top: -260px;
	right: 10px;
	text-align: right;
}

div#main div#bloc-header div#navtop {
	z-index: 4;
 	position: absolute;
 	width: 595px;
 	height: 56px;
 	top: -218px;
 	right: 5px;
}

div#main div#bloc-header div#navmiddle {
	z-index: 4;
 	position: absolute;
 	width: 900px;
 	height: 118px;
 	top: -135px;
 	left: 25px;
}

/********************/
/* Interface - Home */
/********************/

div#main div#bloc-home {
 	z-index: 4;
 	float: left;
 	position: relative;
 	width: 684px;
 	left: 25px;
}
div#main div#bloc-home div#top {
 	height: 23px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-home-top.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-home-top.png');
}
div#main div#bloc-home div#content {
 	height: 100%;
 	background: repeat center center;
 	background-image: url('/images/interface-fond.png') !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-fond.png');
 	padding: 0px 20px 0px 20px;
}
div#main div#bloc-home div#bottom {
 	height: 23px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-home-bottom.png') !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-home-bottom.png');
}

/*************************/
/* Interface - Bloc droite */
/*************************/

div#main div#bloc-right {
 	z-index: 3;
 	float: left;
 	position: relative;
 	width: 197px;
 	top: 60px;
 	left: 40px;
 	margin-bottom: 170px;
}

div#main div#bloc-right div.last {}

div#main div#bloc-right div.last div.top {
	height: 16px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-last-top.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-last-top.png');
}

div#main div#bloc-right div.last div.content {
 	height: 100%;
 	background: url('/images/interface-bloc-last-content-more.jpg') no-repeat center right;
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
}

div#main div#bloc-right div.last div.bottom {
	height: 16px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-last-bottom.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-last-bottom.png');
	margin-bottom: 10px;
}

/*******************/
/* Interface - Page */
/*******************/

div#main div#bloc-page {
 	z-index: 4;
 	position: relative;
 	width: 897px;
 	left: 25px;
}
div#main div#bloc-page div#top {
 	height: 23px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-page-top.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-page-top.png');
}
div#main div#bloc-page div#content {
 	height: 100%;
 	background: repeat center center;
 	background-image: url('/images/interface-fond.png') !important;
	background-image: url(no-image);
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-fond.png');
 	padding: 0px 20px 0px 20px;
}
div#main div#bloc-page div#bottom {
 	height: 23px;
 	background: no-repeat center center;
 	background-image: url('/images/interface-bloc-page-bottom.png') !important;
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-bloc-page-bottom.png');
}


div#main div#bloc-page div#content table#vignettes {width: 100%; margin: 10px 0px 10px 0px;}

div#main div#bloc-page div#content table#vignettes td {width: 33%; vertical-align: top;}

div#main div#bloc-page div#content table#vignettes td div.vignette {width: 273px; margin: auto;}

div#main div#bloc-page div#content table#vignettes td div.vignette div.top {
	height: 8px;
	background: url('/images/interface-cadre-off-top.jpg') no-repeat center center;
	font-size: 0px;
}
div#main div#bloc-page div#content table#vignettes td div.on div.top {
	background-image: url('/images/interface-cadre-on-top.jpg');
}

div#main div#bloc-page div#content table#vignettes td div.vignette div.content {
	background: url('/images/interface-cadre-off-content.jpg') repeat-y center center;
	padding: 5px;
 	text-align: center;
}
div#main div#bloc-page div#content table#vignettes td div.on div.content {
	background-image: url('/images/interface-cadre-on-content.jpg');
}

div#main div#bloc-page div#content table#vignettes td div.vignette div.bottom {
	height: 8px;
	background: url('/images/interface-cadre-off-bottom.jpg') no-repeat center center;
	font-size: 0px;
}
div#main div#bloc-page div#content table#vignettes td div.on div.bottom {
	background-image: url('/images/interface-cadre-on-bottom.jpg');
}

/****************************/
/* Interface - AJAX content */
/****************************/

div#ajax-content {}

/**************************/
/* Interface - AJAX popup */
/**************************/

div#ajax-popup {
 	z-index: 5;
	position: absolute;
 	top: 25%;
 	left: 25%;
 	width: 656px;
 	display: none;
}

div#ajax-popup div#bloc-close {
  	z-index: 6;
 	position: absolute;
 	width: 36px;
 	height: 36px;
	top: 10px;
	right: 10px;
}

div#ajax-popup div#bloc-close div#close {
	width: 100%;
	height: 100%;
	background: no-repeat center center;
 	background-image: url('/images/interface-popup-close.png') !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-popup-close.png');
}

div#ajax-popup div#bloc-top {
	width: 100%;
	height: 28px;
	background: no-repeat center center;
 	background-image: url('/images/interface-popup-top.png') !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-popup-top.png');
}

div#ajax-popup div#bloc-content  {
	width: 100%;
	background: repeat-y center center;
 	background-image: url('/images/interface-popup-content.png') !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-popup-content.png');
}

div#ajax-popup div#bloc-content div#content {
	padding: 15px 45px 15px 45px;
}

div#ajax-popup div#bloc-bottom {
	width: 100%;
	height: 28px;
	background: no-repeat center center;
 	background-image: url('/images/interface-popup-bottom.png') !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/interface-popup-bottom.png');
}

/********/
/* Pages */
/********/

div.pages {
	margin: 10px 0px 10px 0px;
	text-align: center;
	border: 1px solid #FFE0C9;
	border-left-width: 0px;
	border-right-width: 0px;
	padding: 8px;
}

div.pages a {position: relative; border: 1px solid #EB6909; background-color: #FFE0C9; margin: 0px 0px 0px 5px; padding: 2px 6px 2px 6px; color: #000000; text-decoration: none;}
div.pages a:hover {background-color: #EB6909; color: #ffffff;}
div.pages a.active,
div.pages a.active:hover {background-color: #EB6909; color: #ffffff; font-weight: bold;}

/***********/
/* Onglets */
/***********/

div.bloc-onglets {
	position: relative;
	background: url('/images/back-fondu-high.jpg') repeat-x bottom left;
	background-color: #EB6909;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

div.bloc-onglets ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
div.bloc-onglets ul li {display: inline; list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px; line-height: 30px;}

div.bloc-onglets ul li a {
	position: relative; text-decoration: none; padding: 4px;
	border: 1px solid #EB6909;
	background: url('/images/back-fondu-classic.jpg') repeat-x center left;
	color: #ffffff;
}
div.bloc-onglets ul li a:hover {border-color: #ffffff; color: #ffffff;}
div.bloc-onglets ul li a.active {border-color: #ffffff; background-image: url('/images/back-fondu-classic-on.jpg'); font-weight: bold;}
div.bloc-onglets ul li a.active:hover {}


/**********************/
/* Mise en page/forme */
/**********************/

div.clear {clear: both;}

div.spacer {height: 15px;}

div.encadre {
	border: 1px solid #EB6909;
	padding: 10px;
}

.small {font-size: 10px;}

.highlight {color: #EB6909;}

.erreur {color: crimson;}

div.bloc-info,
div.bloc-erreur {margin: 5px 0px 5px 0px; border: 1px solid;}
div.bloc-info {border-color: #EB6909;}
div.bloc-erreur {border-color: crimson;}

div.bloc-info div.title,
div.bloc-erreur div.title {
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 5px 5px 5px 15px;
	background: repeat-x center left;
}
div.bloc-info div.title {background-image: url('/images/back-fondu-classic.jpg');}
div.bloc-erreur div.title {background-image: url('/images/back-fondu-erreur.jpg');}

div.bloc-info div.content,
div.bloc-erreur div.content {padding: 5px;}
div.bloc-info div.content {background-color: #ffe0c9;}
div.bloc-erreur div.content {background-color: #F4E7E9;}