html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body, html {
	background:#fff url(../images/v1_fond_craft.jpg) repeat;
	font: 62.5%/1.4em Verdana, Arial, Helvetica, Monospace, sans-serif;
	/*font: 10px/1.4em Verdana, Arial, Helvetica, Monospace, sans-serif;*/
	text-align:center;
	color:#65442B;
}
html{
overflow:-moz-scrollbars-vertical;
overflow-y: scroll;
}

object:focus{outline: none;}

div#container{text-align:left}
div#container{width:100%;margin:0 auto}

div#header{position:relative;margin:0 auto;text-align:center}
div#header-logo{position:relative;margin:0 auto;width:1024px;background: url(../images/v1_fond_header_logo.png) no-repeat 50% 0;text-align:center;min-height:77px;height:auto !important;height:77px;}
div#header-image{position:relative;margin:0 auto;width:1024px;background: url(../images/v1_fond_header_image.jpg) no-repeat 50% 0;text-align:center;min-height:245px;height:auto !important;height:245px;}
.header-tab{position:absolute;background: url(../images/v1_tab_header_menu.png) no-repeat;width:125px;min-height:51px;height:auto !important;height:51px;}
.header-tab h3{font-size:1.6em;letter-spacing:0em;line-height:1.3em;font-weight:bold;margin-top:12px;color:#6E4E36}
.header-tab a{text-decoration:none}
.header-news{position:absolute;bottom:2px;left:200px;font-weight:bold;text-align:left}

div#wrapper{width:1024px;margin:0 auto}
div#wrapper-head{margin:0 auto;width:820px;font-size:1.8em;line-height:1.8em;font-weight:bold}
div#wrapper-left{float:left;width:600px}
div#wrapper-right{float:right;width:202px}

div#content{
float:left;
width:588px;
margin-left:90px !important;
/*margin-left:45px;*/
margin-top:3px; /* 22 */
/* fix the double margin error */  
display:inline;  
}

div#navigation{
float:right;
width:224px;
margin-right:90px !important;
/*margin-right:45px;*/
margin-top:3px; /* 22 */
/* fix the double margin error */  
display:inline;  
}

div#extra{
float:right;
clear:right;
width:224px;
margin-right:90px !important;
/*margin-right:45px;*/
margin-top:10px;
/* fix the double margin error */  
display:inline;  
}

p{margin:0 0 10px; line-height: 1.4em}

div#footer{clear:both;padding:10px 0 0;width:100%;min-height:24px;height:auto !important;height:24px;text-align:center;font-size:1.4em;font-weight:bold;letter-spacing:.4em}

/* Sans image de fond */
.boxContent{position:relative;margin:0 0 15px 0;background:#ffffff;border:1px solid #E5DCD0;min-height:300px;height:auto !important;height:300px;width:588px}
.boxNavigation{position:relative;margin:0;background:#E5DCD0;border:1px solid #E5DCD0;min-height:200px;height:auto !important;height:200px;width:224px}
.boxExtra{position:relative;margin:0 0 15px 0;background:#E5DCD0;border:1px solid #E5DCD0;min-height:395px;height:auto !important;height:395px;width:224px}
.boxBlanc{position:relative;margin:0 auto;padding:10px;background:#ffffff;min-height:60px;height:auto !important;height:60px;width:180px}
.boxBlanc p{color:#f00}

.boxContent h3{margin:10px;padding:5px;border-bottom:1px solid #000;text-align:left;font-size:1.8em}
.boxNavigation h3{margin:10px;padding:5px;border-bottom:1px solid #000;text-align:left;font-size:1.8em}
.boxExtra h3{margin:10px;padding:5px;border-bottom:1px solid #000;text-align:left;font-size:1.8em}
/* Fin sans image de fond */

/* Avec image de fond */
.boxContentHaut, .boxNavigationHaut, .boxExtraHaut{position:relative;font-size:1.4em} /* */
.boxContentHaut p, .boxNavigationHaut p, .boxExtraHaut p{font-size:1.2em}
.boxContentBas, .boxNavigationBas, .boxExtraBas{font-size:0}
.boxContentHaut{padding:10px;background: url(../images/v1_fond_content_haut.gif) no-repeat;min-height:120px;height:auto !important;height:120px;}
.boxContentBas{margin:0 0 15px 0;padding:0;background: url(../images/v1_fond_content_bas.gif) no-repeat center bottom;height:10px;}
.boxNavigationHaut{padding:10px;background: url(../images/v1_fond_navigation_haut.gif) no-repeat;min-height:100px;height:auto !important;height:100px;}
.boxNavigationBas{margin:0;padding:0;background: url(../images/v1_fond_navigation_bas.gif) no-repeat center bottom;height:10px;}
.boxExtraHaut{padding:10px;background: url(../images/v1_fond_navigation_haut.gif) no-repeat;min-height:200px;height:auto !important;height:200px;}
.boxExtraBas{margin:0;padding:0;background: url(../images/v1_fond_navigation_bas.gif) no-repeat center bottom;height:10px;}

.boxContentHaut h3, .boxNavigationHaut h3, .boxExtraHaut h3{color:#65442B;font-size:1.3em;line-height:1.3em}
.boxContentHaut h3{margin:5px 0 5px 0;padding:0 0 3px 0;border-bottom:1px solid #65442B;text-align:left}
.boxNavigationHaut h3{margin:5px 0 5px 0;padding:0 0 3px 0;border-bottom:1px solid #65442B;text-align:left}
.boxExtraHaut h3{margin:5px 0 5px 0;padding:0 0 3px 0;border-bottom:1px solid #65442B;text-align:left}

.boxContentHautSpecial{font-size:1.4em} /* sans position:relative; pour le sortable*/
.boxContentHautSpecial p{font-size:1.2em}
.boxContentHautSpecial{padding:10px;background: url(../images/v1_fond_content_haut.gif) no-repeat;min-height:120px;height:auto !important;height:120px;}
.boxContentHautSpecial h3{color:#65442B;font-size:1.3em;line-height:1.3em}
.boxContentHautSpecial h3{margin:5px 0 5px 0;padding:0 0 3px 0;border-bottom:1px solid #65442B;text-align:left}


/* Fin image de fond */


form.cineConf {width:300px}
form.cineConf .field-label {padding:0.3em}
form.cineConf .field-input { }
form.cineConf .form-row{clear:both; padding: 0.3em; font-size: 1.2em}
form.cineConf .form-row input[class ~="trouverCine"] {border: 1px solid #65442B; width: 200px; background: #fff; font-size: 1em;}
form.cineConf .btn-client{background:#65442B;color:#fff;border:1px solid #fff;margin:0 5px 5px 5px;padding:2px;font-size:1em;font-weight:bold;cursor:pointer}

form#univers {width:200px}
form#univers .field-label {padding:0.2em}
form#univers .field-input { }
form#univers .form-row{clear:both; padding: 0.1em; font-size: 1.2em}
form#univers .form-row input[class ~="univers"] {border: 1px solid #65442B; width: 180px; background: #fff; font-size: 1em;}
form#univers .form-row input[class ~="mdp"] {border: 1px solid #65442B; width: 140px; background: #fff; font-size: 1em;}
form#univers .btn-client{background:#65442B;color:#fff;border:1px solid #fff;margin:0 5px 5px 5px;padding:2px;font-size:1em;font-weight:bold;cursor:pointer}

form.progForm input[class ~="progInput"] {border: 1px solid #65442B; width: 320px; background: #fff; font-size: 1em;}
form.progForm select[class ~="progInput"] {border: 1px solid #65442B; width: 320px; background: #fff; font-size: 1em;}
form.progForm .btn-client{background:#65442B;color:#fff;border:1px solid #fff;margin:0;font-size:1em;font-weight:bold;cursor:pointer}
form.progForm td{height:30px}
table.odd{background:#E5DCD0}
table.even{background:#fff}


input, select { margin:.2em; border: 1px solid #F0F0F0; font-size: 1em; font-family: Verdana, Arial, Helvetica, Monospace, sans-serif; background: #ffffff}
input[type ~="radio checkbox"] { border: 0; background: #FFFFFF }
input[type ="submit"] { border: 1px solid #fff; padding: 2px; background: #990000; color:#fff; font-weight:normal } /*  #BFCCBE */
input[type ="text"] { border: 1px solid #fff; width: 360px; background: #ffffff; font-size: 1em; }
input[class ~="recherche"] {border: 1px solid #000; width: 360px; background: #ffffff; font-size: 1em;}
input[class ~="inputfocus"] {border: 1px solid #f00; width: 360px; background: #ffffff; font-size: 1em;}
input[class ~="poids"] {border: 1px solid #fff; width: 30px; background: #ffffff; font-size: 1em;}
button{font-size:1.2em}
.btn {vertical-align:middle}
h3{font-size:1.8em;text-align:center}
.erreur{color:#CC3300}
table {margin-top:5px;font-size: 1em; font-family: Verdana, Arial, Helvetica, Monospace, sans-serif;margin-left:auto;margin-right:auto;}
a{color:#65442B;text-decoration:underline}
a:hover{color:#CC3300}
a:focus, a:active {outline: none;}
/*.clear{clear:both}*/
.clear{clear:both;font-size:1px;line-height:1px}
form#quicksearch {margin:0 auto; margin-top:10px; width:90%; padding: .2em;border: 1px solid #F3F7F3; background: #BFCCBE; text-align:left}

.cubeColor{vertical-align:middle;margin:5px;padding:1px;border:1px solid #E5DCD0}
.imgBioAuteur{vertical-align:middle;margin-top:8px;padding:1px;border:1px solid #E5DCD0}

thead{line-height:24px; font-weight:bold; font-size:1em; color:#000}

form.v1_membre {width:100%;margin:0 auto;font-size:1em;font-family:verdana, arial, helvetica, sans-serif;text-align:left;font-size:1.2em} 
form.v1_membre p{margin:0.5em 0 0.5em 145px; font-size:1em} 
form.v1_membre fieldset:hover {border:1px solid #f1f1f1;}
form.v1_membre fieldset{background:none;display:block;border:1px solid #f6f6f6;padding:1em;margin:1em 1em 0 1em;line-height:1em;font-size:1em; }
form.v1_membre legend{font-size:1em;font-weight:bold;padding:.5em;margin-bottom:.5em;background:#fff;color:#65442B;border-bottom:2px solid #65442B}
form.v1_membre label{clear:left;font-size:1em;display:block;float:left;width:140px;text-align:right;padding-right:5px;margin-top:0.5em;}
form.v1_membre input, form.v1_membre select, form.v1_membre textarea{font-size:1.6em;width:240px;background:#FDFDFD;border:1px solid #E3E2EC;margin-bottom:0.2em;font-size:1em;font-family:Verdana, Arial, Helvetica, sans-serif}
form.v1_membre .btn-client{background:#E5DCD0;color:#000;border:1px solid #fff;margin:0px 5px 5px 166px;padding:2px;font-size:1em;font-weight:bold;cursor:pointer}
form.v1_membre input[type=checkbox] { border:1px solid #fff; margin-top:0.8em;width:15px; }
form.v1_membre input[type=radio] { border:1px solid #fff; text-align:left }
.btn-client{background:#65442B;color:#fff;border:1px solid #fff;margin:0 5px 5px 5px;padding:2px;font-size:1em;font-weight:bold;cursor:pointer}

.btn-programme{background:#65442B;color:#fff;border:1px solid #fff;margin:0px 5px 5px 500px;padding:2px;font-size:1em;font-weight:bold;cursor:pointer}

#shadow-container {	position: relative;left: 3px;top: 3px;margin-right: 3px;margin-bottom: 3px;}
#shadow-container a:link, #shadow-container a:visited {color:#CC3300; text-decoration: none;font-weight: bold;}
#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container {position: relative;left: -1px;top: -1px;}
#shadow-container .shadow1 {background: #F1F0F1;}
#shadow-container .shadow2 {background: #DBDADB;}
#shadow-container .shadow3 {background: #B8B6B8;}
#shadow-container .container {background: #f8f8f8;border: 1px solid #848284;padding: 10px;margin-bottom: 10px;}

/*
div#listContainer {width:100%;border: 2px solid #BFCCBE;background: #fff;}
div#listContainer div {border: 1px solid #BFCCBE;margin: 3px;padding: 3px 5px;background: #F3F7F3;font-weight: normal;text-align:left;cursor: move;}
*/

.seance-contact h6{font-size:1.8em;font-weight:bold;margin:10px;text-align:center}

.listeDivElement{float:left;margin:0 auto;width:100%}
.listeDivSelection{float:left;margin:1px;padding:0;width:49%;background:#F3F7F3}

.bstip h3{font-size:12px;font-weight:normal;margin:2px;text-align:left;}
.bstip{
	color:#fff;
	z-index:8887;
	background-color:#8F8370;
	display:none;
	padding:0 10px;
	font-size:1.8em;
	font-family:Verdana, Arial, Helvetica, Monospace, sans-serif;
	border:3px solid #ddd;
}

.WebErreurForm{background:#c30;color:#fff;padding:5px;margin:0 auto;width:100%}
.WebErreurForm h3{font-size:1.2em;margin:2px;text-align:left;border-bottom:none;color:#fff}

.WebValidForm{background:#960;color:#fff;padding:5px;margin:0 auto;width:100%}
.WebValidForm h3{font-size:1.2em;margin:2px;text-align:left;border-bottom:none;color:#fff}


p.jw{margin:0;padding:4px;line-height:1em}

#newsstick li{font-size:1.4em;}

.picto-courrier{position:absolute;top:9px;right:50px;margin:0}
.picto-favori{position:absolute;top:7px;right:20px;margin:0}
.picto-cdm{position:absolute;top:13px;right:65px;margin:0}

/*
div#listContainer {}
div#listContainer .MylistContainer {position:relative;margin:0 auto;border:1px solid #E5DCD0;margin-bottom:5px;padding:0;background:#F7F7F7;cursor: move;min-height:65px;height:auto !important;height:65px;}
*/

#listContainer {list-style: none;font-size:1.2em}
#listContainer li{display: block;border:1px solid #E5DCD0;margin-bottom:5px;padding:0;background:#F7F7F7}
/*#listContainer li img.handle {margin-right: 10px;cursor: move;}*/
#listContainer li img {margin-right: 10px}
#listContainer li.MylistContainer {cursor: move;}
#listContainer li.MylistContainer {background:url(../images/arrow_move.png) no-repeat 98% 50%}