﻿* html body	{
	text-align: center;
	padding:0;margin:0;
}
acronym, abbr {cursor:help;}
ul, p {margin:0;padding:0;}
/* General Style Info */
body {
	background: #fff url(../img/bg.jpg) repeat-x top left;
	color: #fff;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:0.8em;
	margin:0;
}
a {	color: #003d4c;	text-decoration: underline;}
a:hover {color: #003d4c;text-decoration:none;}
a img, img {border-style:none;}
h1, h2, h3, h4 {
	/*font-weight: normal;*/
	font-family:tahoma,verdana,arial,sans-serif;
}
h1 {color: #003d4c;	
	font-size: 1.6em;
	font-family:georgia,verdana,arial,sans-serif;
	margin:10px 0px 20px 0px;
	padding:0;
}
h1 span, h2 span {color:#999;font-size:xx-small;font-family:tahoma,arial,sans-serif;padding-left:30px;font-weight:normal;}
h2 {
	color :#003D4C;	
	font-size: 1.4em;
	margin:0px 0px 10px 0px;
	padding:5px;
	border-bottom:solid 1px #dedede;
	border-left:solid 5px #cecece;
}
div#home h2 {color: #ff6600;font-size:1.2em;border-style:none;}

h2 a:link, h2 a:visited {text-decoration:none;}
h2 a:hover, h2 a:active {text-decoration:underline;}

#main_oneCol h2 {margin:10px 0px 10px 0px;}
h3 {color: #003d4c;	font-size: 1.2em;}
h4 {color: #ff6600;	font-weight: normal;font-size: 1.1em;padding-top: 0.5em;}


ul {margin:10px 0px 10px 10px;list-style-type:none;}
li {
	padding:0px 0px 5px 15px;
	background:url('../img/icons/arrow-grey.png') no-repeat;
	background-position:0px 4px;
}
.hidden {display:none;}
.clear {clear:both;overflow:hidden;height:0px;}
.clear2 {clear:both;overflow:hidden;height:1px;border:dotted 1px #999;margin:5px 0;}
/* Layout */
#container {
	text-align: left;
	width:90%;
	min-width:980px;
max-width:80%;
	margin:0 auto;
	background:#fff;
}

#header{
	background:url('../img/barre_menu.png') no-repeat;
	height:94px;
	border-bottom:#f5f5f5 solid 1px;
}
#header div#logo img {margin:0;padding:0;float:left;}
hr.sep {
	display:block;height: 1px;clear:both;
	border: 0;margin: 0;
	_margin: -7px 0; /* pour IE */
	padding: 0;	clear:both;
}
hr.sep {color: #D4D4D4;	background-color: #D4D4D4;}	
.col50 {
	width:45%;
	padding:10px;
	border:solid 1px #dedede;
	-moz-border-radius:4px;
	margin:0px 0px 20px 0px;
	background:url('../img/bg/background2.png');
}
.box {
	background:url('../img/bg/background2.png');
	padding:5px;
	margin:10px;
	border:solid 1px #ccc;
}
.aligncenter {text-align:center;}
.left {float:left;}
.right {float:right;}
.margeT10 {margin-top:10px;}
.margeL10 {margin-left:10px;}
.paddingL20 {padding-left:20px;}
.paddingR40{padding-right:40px;}
.marginR20{margin-right:20px;}
.margeTB10 {margin:10px 0px 10px 0px;}
.margeB10 {margin:0px 0px 10px 0px;}
.color1 {color:#999;}
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.bold {font-weight:bold;}
.small {font-size:xx-small;}
.size1 {font-size:1.1em;}
.size2 {font-size:1.2em;}
.size3 {font-size:1.3em;}
.size4 {font-size:1.4em;}
.size5 {font-size:1.5em;}
.italic {font-style:italic;}
span.linkwithIMG {padding:0px 0px 0px 10px;position:relative;bottom:4px;}
blockquote {
	margin:0px 20px 0px 20px;
	padding:10px 10px 10px 50px;
	font-size:1em;
	font-family: Tahoma, sans-serif;
	border: dotted 1px #dedede;
	background:url('../img/icons/quote.png') no-repeat top left;
}
img.left {padding:0px 10px 10px 0px;}
img.right{padding:0px 0px 10px 10px;}
img.encadre {
	margin:10px 0px 0px 10px;
	padding:10px;
	background-color:#f9f9f6;
	border:solid 1px #ddd;
}
.red {color:red;}
.alert {
	background:url('../img/icons/alert.png') no-repeat;
	height:50px;
	padding:0px 0px 0px 70px;
}
ul.checkboxMultiple {
    margin:0;
    padding:0;
    list-style-type:none;
    }
ul.checkboxMultiple li {
    display:block;
    float:left;
    width: 220px;
    margin: 0 8px 0 0;
    } 
/*.move {cursor:move;}*/    
div#collapse {float:right;margin:5px 0px;}
div#collapse a{
	text-indent:-9000px;
	position:absolute;top:135px;
	background:transparent url('../img/icons/collapse.gif') no-repeat;
	background-position:0px -15px;
	width:15px;height:15px;
}
div#collapse a.hide{
	background:transparent url('../img/icons/collapse.gif') no-repeat;
	background-position:0px 0px;
}
/* ------------------------- Navigation ---------------------------------*/
ul#menu {
	padding: 0;  margin: 0;
    background: url('../img/topmenu_bg.jpg') repeat-x;
    height: 33px;    
    border-bottom:#f5f5f5 solid 1px;
    list-style-type:none;
}

ul#menu li {
    height: 33px;
    float:left;
    margin: 0;padding: 0;  
    font-size: 0.85em;  font-weight: bold;
    list-style-type: none;
    list-style-image: none;
    background: url('../img/topmenu_li_bg.jpg') no-repeat right top;

}
ul#menu li a:link, ul#menu li a:visited {
	text-decoration: none;
    display: block;
    float: left;
    margin: 4px 0px  0px 0px;
    padding: 2px 15px 0px 15px;
    height: 22px; line-height: 22px;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    border-right: none;
}
ul#menu li a:hover, ul#menu li a:active {
	 background: url('../img/topmenu_li_selected_bg.jpg') repeat-x;
	 display: block;
    float: left;
    margin: 0px 0px  0px 0px;
    padding: 6px 15px 4px 15px;
    height: 22px; line-height: 22px;
}

/* -----------------------------------------------------------------------*/
#content{
	/*background: #fff url('../img/rightside-bg-full.png') repeat-y 76% top;*/
	padding: 0px 0px 20px 0px;
	font-size:0.9em;
	height:400px;min-height:400px;
	height:auto!important;
}
.contentBgHide {background:transparent;}
.contentBgShow {background: #fff url('../img/rightside-bg-full.png') repeat-y 76% top;}
.mainDisplay {width:95%;}
#main_oneCol{
	background:#fff;	
	width:95%;
	color: #333;
	padding:0px 0px 20px 10px;
	height:400px;min-height:400px;
	height:auto!important;
}	
#main {
	float:left;
	
	color: #333;
	padding: 0 2% 0 2%;
	/*background:url('../img/bg/background2.png');*/
}
.mainWidthSmall {width:72%;}
.mainWidthLarge {width:96%;}
#item {
	-moz-column-count:2;
	-moz-column-gap:4em;
	-moz-column-width:30%;
	height:100%;
}
#sidebar {
	float:left;
	width:20%;
	color: #333;
	padding: 0 0 0 20px;	
}
#sidebar a:link, #sidebar a:visited {text-decoration:none;}
#sidebar a:hover, #sidebar a:active {text-decoration:underline;}
.content {margin:10px 0px 10px 0px;}
.content p {margin:0px 0px 10px 0px;line-height:1.3em;}
.content h2 a:link, .content h2 a:visited {
	text-decoration:none;
}
#fontsize {position:relative;top:5px;background:#fff;height:50px;width:120px;border:dashed 1px #666;padding:10px;color:#333;}
#fontsize img {padding-right:5px;}
p.readmore {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	background:url('../img/icons/arrow.png') no-repeat;
	background-position:0px 3px;
	height:15px;
	clear:both;
}
p.date {
	background:url('../img/icons/calendar.gif') no-repeat;
	height:49px;
	float:right;	
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	_padding:5px 0px 0px 0px;
}
p.date span.year {
	color:#fff;display:block;
	font-size:xx-small;
	padding:2px 0px 0px 10px;
}
p.date span.day, p.date span.month {
	display:block;
	float:left;
	font-size:1.1em;
	padding:5px 0px 0px 2px;
}
p.tag {
	background:url('../img/icons/tag_orange.gif') no-repeat;
	height:20px;
	padding:0px 0px 0px 25px;
}
#caracteristiques {
	padding:10px;
	border:solid 1px #333;
	margin:0px 0px 10px 10px;
	background:#dfdfdf;
}
#caracteristiques ul {list-style-type:square;margin:10px 0px 10px 20px;}
#caracteristiques ul li {background:none;padding:0px 0px 5px 5px;}
dl {}
dt {margin:0px 0px 10px 0px;font-size:1.2em;}
dt a:link, dt a:visited {text-decoration:none;}
dt a:hover, dt a:active {text-decoration:underline;}
dd {margin:5px 0px 15px 30px;}

dl.albums {
	margin:20px 10px 10px 10px;
	font-size:1.4em;
	border:solid 1px #dedede;
	padding:10px;
	float:left;
	width:25%;
}

p.prev {
	background:url('../img/icons/arrow_prev2.png') no-repeat;
	background-position:0px 0px;
	padding:0px 0px 10px 20px;
}
p.next {
	background:url('../img/icons/arrow_next2.png') no-repeat;
	background-position:top right;
	padding:0px 20px 10px 0px;
}
/*------------------------- Commentaires -------------------*/
.comment {margin:5px 0px 15px 10px;padding:5px;background:#f5f5f5;border:dotted 1px #999;color:#444;}
.comment span.number {font-size:1.3em;font-weight:bold;font-family:georgia,tahoma,sans-serif;}
.comment span.name {font-style:italic;font-size:1.1em;}
.comment p {margin:10px 0px 5px 20px;}
/* ------------------------ Footer ---------------------------*/
#footer {
	clear: both; 
    text-align: left;
    font-size: 0.85em;
	margin:0 auto;
    background-image:url(../img/footer_bg.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    height: 40px;
    color: #FFFFFF;
    padding: 5px 0px 0px 20px;
}
#footer p.right {padding:0px 10px 0px 0px;}
#footer span {padding:0px 10px 0px 0px;}
#footer a:link, #footer a:visited {text-decoration:none;}
/* ----------------------- End footer ------------------------- */

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
/*
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}
*/
/* Forms */
form {
	padding: 0;
	margin:10px 0px 10px 0px;
}
form#formlogin {
	margin:20px 0px 0px 0px;
	background:url('../img/locker.png') no-repeat top right;
	height:256px;
}
form#formemail{
	margin:20px 0px 0px 0px;
	background:url('../img/email.png') no-repeat top right;

}
label.labelLeft {float:left;width:100px;position:relative;top:3px;}

fieldset {
	border-style:none;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
fieldset legend {
	color: #333;
	font-size: 1em;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
fieldset#sections label{
	float:left;display:block;width:100px;
	margin:5px 0px 5px 0px;
} 
fieldset#sections .checkbox {position:relative;top:5px;}
form select {font-size:10px; margin:5px 5px 5px 0px;}
form select.select {
	width:129px;
	height:18px;
	padding:1px;
	font-size:10px;
	border:solid 1px #7f9db9;
}

form select.select2 {
	width:100px;
	height:18px;
	padding:1px;
	font-size:10px;
	border:solid 1px #7f9db9;
}
form select.selectMultiple {
	width:200px;
	padding:1px;
	font-size:10px;
	border:solid 1px #7f9db9;
}
form div.input {
	color: #444;

}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
}
.submit2 {
	margin:20px 0px 0px 0px;
}
label {
	
	font-size: 1em;
	padding-right: 20px;
}

textarea.comment {
	width:500px;height:200px;
	font-family:Tahoma,arial,verdan,sans-serif;
	font-size:1em;
}
.inputtext1, .inputtext2, .inputtext3 {
  height:17px;
  padding:2px 0px 2px 4px;
  margin:5px 0px 5px 0px;
  border:solid 1px #7f9db9;
  font-size:1em;  
  color:#333;
}
.inputtext1 {width:400px;}
.inputtext2 {width:200px;}
.inputtext3 {width:100px;}
#submitSearch{position:relative;bottom:5px;}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {

	margin: 0;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 0.85em;
	padding: 2px 5px;
	vertical-align: bottom;
	background-color:#dedede;
	border:solid 1px #999;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	/*clear: both;*/
	background:url('../img/icons/error.png') no-repeat;
	color: #900;
	font-weight: bold;
	float:left;
	margin:5px 0px 0px 20px;
	padding:3px 0px 0px 30px;
	height:25px;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}
/* ------------ Tables --------------- */
table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #333;
	margin: 10px;
	width: 100%;
	font-size:11px;
}
tr.trbg {background-color:#f5f5f5;}
tr.trbg td{border-top:solid 1px #dedede;border-bottom:solid 1px #dedede;}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	/*background: #fff;*/
	border-right: 1px solid #ccc;
	padding: 4px;
	/*text-align: center;*/
	vertical-align: top;
}
table.tableau {
	border:1px dotted #DEDEDE;
	padding:5px;
	width:90%;
	height:240px;
	background:#f1f1f1;
	font-size:1em;
}
table.tableau td {border:solid 1px #ccc;padding:4px;background:#fff;}
table.bgTable {background:#f9f9f9;}
html>body table.tableau {height:auto!important;min-height:240px;}
td.cellule_image {
	width:15%;border-style:none;
}
td.cellule_image img{
	padding:5px;
	border:solid 1px #666;
	background:#fff;
}
td.cellule_texte {
	width:60%;
	text-align:left;border-style:none;
}
/* -------- Liens infobulles (Liens Externes ) et liens spéciaux (pages lourdes, etc)--------- */
a.infobulle {
	position: relative;
	text-decoration: none;
	background:url('../img/icons/icon.gif') no-repeat 100% 0;padding:0 20px 0 0;
}
a.infobulle span {
	display: none;
}
a.infobulle:visited {
	background:url('../img/icons/icon.gif') no-repeat 100% -40px;padding:0 20px 0 0;
}
a.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
	background:url('../img/icons/icon.gif') no-repeat 100% -20px;padding:0 20px 0 0;
}
a.infobulle:hover span {
	display: inline;position: absolute;
	bottom: 20px;left: 1em;
	background-color: #f5f5f5;
	text-align: center;
	color: #333;
	padding: 2px;
	width:200px;
	font-size:1em;border:dotted 1px #333;
}
/*------------------------- Shadow ------------------------------*/
/* from 15daysofjquery.com */
.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap0 {
  float:left;
  background:url(shadow.gif) right bottom no-repeat;
  }
.wrap1 {
  background:url(shadow180.gif) no-repeat;
  }
.wrap2 {
  background:url(corner_bl.gif) -18px 100% no-repeat;
  }
.wrap3 {
padding:10px 14px 14px 10px;
  background:url(corner_tr.gif) 100% -18px no-repeat;
  }
/*------------------------- Images ------------------------------*/  
.thumbnails {
	margin:10px 10px;
	padding:5px;
	border:solid 1px #dedede;
}  
#myController {
	/*border-bottom:1px solid #CCCCCC;*/
	padding-bottom:1px;
	margin-bottom:5px;
	position:relative;
	top:-26px;
}

.jFlowPrev,.jFlowNext {	cursor:pointer;}
#myController span {
	padding:3px 5px 3px 5px;
	color:#999;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	-moz-border-radius:4px;
	margin:0px 2px 0px 2px;
	background:#fff;
	cursor:pointer;
	background:url('../img/bg/background2.png');
}
#myController span.jFlowSelected {
	/*background:#f2f2f2;*/
	color:#333;
}

/*------------------------- ADMIN ------------------------------*/

div#logout {
	background:url('../img/icons/stop.png') no-repeat;
	height:20px;
	padding:0px 0px 0px 30px;
}  
#new_post {
	background:url('../img/icons/new_post.png') no-repeat;
	height:25px;
	padding:0px 0px 0px 30px;
}
#order {
	background:url('../img/icons/files-order.png') no-repeat;
	height:32px;
	padding:0px 0px 0px 40px;
	margin-left:20px;
}
#new_img {
	background:url('../img/icons/add_items.png') no-repeat;
	height:25px;
	padding:0px 0px 0px 20px;
	margin:0 10px;
}
#new_album {
	background:url('../img/icons/add_album.png') no-repeat;
	height:25px;
	padding:0px 0px 0px 20px;margin:0 10px;
}
.pagenav span{
	padding:0px 5px 0px 5px;
}
ol#menus li {cursor:move;}
#headerMessage {
	color:#000;
	padding:10px;
	background:#fff;
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 200px;
     margin-top: -100px; 
     margin-left: -350px;
     border: 5px dashed red;
     z-index:60;
     
}
#headerMessage p {line-height:2em;}

/*----google translate ----*/

table.ig_reset ig_tbl_line {
	border-top:none;
	color:red,
}
#waitBloc {
	text-align:center;
	height:40px;
	background-image: url(../img/icons/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
form#poll {
	margin:10px 0px;
}
form input#valid {text-align:center;margin:10px 0px;}
form#poll label {padding:0px 0px 0px 10px;}