/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 100%;
    margin: 0 auto;
}
/*********/
/* COVER */
/*********/
#fo_cover { display: block; z-index: 200; filter: alpha(Opacity=50); opacity: .5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #CCC; cursor: wait; }
#coverTpl { display: block; z-index: 300; width: 540px; position: absolute; top: 0px; left: 0px; text-align: left; background-color: #fff; padding: 10px; border: 2px solid #c8c9a9; margin: 0; overflow:auto; }
#coverTpl.coverlarge { width: 800px; margin: 0; }
#coverTpl .fermer { text-align:center; }
#coverTpl .fermer a { display:block; width:80px; color:#000; background-color:#ecedee; font-weight:bold; text-decoration:none; padding:2px 20px; border:1px solid #b5c3d0; font-size:10px; margin:0 auto; }
#coverTpl .fermer input.close {margin:0;padding:0;text-align:center!important;display:block; width:80px; color:#000; background-color:#ecedee; font-weight:bold; text-decoration:none; padding:2px 20px; border:1px solid #b5c3d0; font-size:10px; margin:0 auto; }

/* =============================================================================
 * STANDARD CMS
 * ===========================================================================*/
.clear {clear : both;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right; margin: 0 0 5px 5px;}
a img {border-width : 0;}
.invisible {display: none;}

acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
form {
	padding: 0;
	margin: 0;
}

ul.error {
	border: 1px solid red;
	color: red;
	padding: 5px;
	margin: 5px;
	font-weight: bold;
	background-color: #fff;
	list-style-type: decimal;
}
ul.error li {
	margin: 0 5px;
	padding: 2px;
	background-image: none;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #000;
}


/* =============================================================================
 * DOCUMENT
 * ===========================================================================*/
body {
	color: #000; font-size: 12px; font-family: tahoma, sans-serif; background:#fff;
	padding:0;
	margin:0;
}
#document {
	background: #fff;
	margin:0;
    padding: 0 10px;
    width: 96%;
}

/* =============================================================================
 * BANDEAU HAUT
 * ===========================================================================*/
#bandeauHaut {
	border:none;
	margin:0;
    padding:2px;
}
#bandeauHaut h1 {
	display:none;
	margin:0;
	padding:0;
}
#bandeauHaut h2 {
	overflow:hidden;font-size:22px; color:#000; background:url(images/fo/fondh2.png) 5px bottom no-repeat transparent; padding-bottom:2px;
}
h2 span.tache{background:url(images/fo/tacheH2.png) left top no-repeat #819d03; display: block; float: left; height: 22px; width: 24px; margin-right:5px;}
h2 span.texteTitre{
    background: none transparent;
    display: inline;
    height: auto;
    width: 64%;
}
/* =============================================================================
 * CONTENU
 * ===========================================================================*/
#contenuInner h3 {
	margin: 0;
	padding: 5px 0 3px 0;
	font-size:17px;
	font-weight: bold;
}
#contenuInner h4 {
	padding: 5px 0 3px 0;
	color:#9d9895; 
	font-size:14px; 
	font-weight: bold;
}
#contenuInner h5 {
	font-weight:bold; color:#231f20; font-size:12px;
}


#contenuInner p {
	margin: 0;
	padding: 3px 0 5px 0;
}
#contenuInner ul {
	margin: 0;
	padding: 0 15px 5px 20px;
	list-style: square;
}
#contenuInner li {
	margin: 1px 0;
	padding: 0 0 0 15px;
}
#contenuInner ul.error  {
	list-style-type:decimal;
}
#contenuInner ul.error li {
	margin: 0 5px;
	padding: 2px ;
	background-image:none;
}
.paragraphe {
	overflow: hidden;
	width: 100%;
	clear: both;
	margin: 9px 0;
	text-align: justify;
	line-height: 15px;
}
#contenuInner .paragraphe p{
	margin: 6px;
}
table.depart {
	width: 100%;
	border-collapse: collapse;
	margin:5px 0;
}
table.depart tr{ 
	height:20px; 
}
table.depart th {
	text-align: center;
	color:#547181;
}
table.depart td {
	text-align:center;
	width:33%;
	white-space:nowrap;
	vertical-align: top;
}
table.depart tr.white{ 
	background-color:#ffffff;
}
table.depart .ferme td.lt,
table.depart .complet td.lt,
table.depart .inconnu td.lt {
	text-decoration:line-through;
}

table.depart .ferme span,
table.depart .complet span,
table.depart .inconnu span {
	color:#f00;
}

table.depart .disponible_0 span {
	color:#666699;
	font-weight:bold;
}

table.depart .disponible_1 span, table.depart .disponible_2 span {
	color:#254117;
	font-weight:bold;
}

table.depart .disponible_3 span {
	color:#FF8C00;
	font-weight:bold;
}


/* =============================================================================
 * FORMULAIRES
 * ===========================================================================*/
fieldset {
    padding: 0;
	margin: 5px 0;
    border:none;
}
#contenu fieldset{
    min-height:80px;
}

fieldset fieldset {
	margin: 0 auto;
	width:97%;
	text-align:center;
    background:none;
}

fieldset fieldset p,
fieldset div,
fieldset fieldset legend {
	text-align:left;
}

fieldset legend {
	font-weight: bold;
    color:#8E8885;
    margin: 5px 0;
}
fieldset input, fieldset textarea, fieldset select {
    border: 1px dotted #8E8885;
    vertical-align: middle;
    font-family: tahoma,sans-serif;
    font-size: 12px
}
fieldset p,
fieldset .p { 
	clear: both;
	margin: 0;
	padding: 2px 0;
	margin: 2px 0 5px 0;
	border:none;
    color:#5f5f5f;
}

fieldset p input,
fieldset p select,
fieldset .p input,
fieldset .p select {
    width: 60%;
}
fieldset .p .input {
    width: 60%;
    float: left;
}

fieldset button {
    margin:0;
    padding:0;
    border:none;
    background:none;
    vertical-align: middle;
}
fieldset p em {
	display:block;
    margin:6px 0;
	clear:all;
    padding-left: 27%;
}
fieldset p em.alerte {
	display:block;
	margin:2px;
	font-weight:bold;
	color: #650000;
}

fieldset label {
    color:#9DBB05;
    font-weight:bold;
}

fieldset p label,
fieldset .p label {
	float: left;
    width: 35%;
	cursor:pointer;
    padding-right:10px;
    color:#9DBB05;
    font-weight:bold;
}
fieldset input.submit {
    border-color: #B5C0BD;
    background-color:#5A7C88;
	font-weight: bold;
    color:#fff;
	cursor: pointer;
	width:auto;
}
fieldset input.case {
	border:none;
	width:auto;
}

form fieldset p label.enLigne,
form fieldset .p label.enLigne {
	float: none;
	display: inline;
}
fieldset p.action {
	text-align: right;
	padding-right: 15px;
	border:none;
    background:none;
}
/* =============================================================================
 * reorganisation des images
 * ===========================================================================*/
ul#sortable {
	list-style-type: none; margin: 0; padding: 0; width:470px;
}
ul#sortable li {
	background:#FFFFFF;
	margin: 1px;
	float: left;
	text-align: center;
	width:90px;
	height:90px;
	owerflow:hidden;
	padding:0;
	position:relative;
	border : 1px solid #666666;
}
ul#sortable li .ordre{
	background:url(images/fo/comment/commentImgOrderBg.png);
	font-weight:bold;
	font-size :17px;
	position:absolute;
	padding:2px 0 2px 0;
	top:50%;
	color:#FFFFFF;
	left:0;
	width:100%
}
ul#sortable li .vignette{
	position: relative; margin:auto;
}
ul#sortable li .action{
	position:absolute; top:0;right:0
}

/* =============================================================================
 * BANDEAU BAS
 * ===========================================================================*/
#bandeauBas {
	border:none;
	text-align:center;
	margin:0;
	padding:7px 2px;
}

#bandeauBas a {
	color:#FFF;
}

/* =============================================================================
 * CNX
 * ===========================================================================*/
#div_cnx.enligne button {
    margin: 5px 0;
}
#div_cnx.enligne #formTplAuthentification {
    width:275px; float:left;margin-right: 10px;    
}
#div_cnx.enligne #formTplAuthentification fieldset{
    padding-left: 10px;margin: 0;
}
#div_cnx.enligne #formTplAuthentification div {
    text-align: right;padding-right: 15px;
}
#div_cnx.enligne #formTplAuthentification label {
    white-space: nowrap;
}

#div_cnx.enligne #formTplLosePassword {
    width:160px; float:left; margin-right: 20px;    
}
#div_cnx.enligne #formTplLosePassword div {
    text-align: right;
}
#div_cnx.enligne #formTplLosePassword button {
     margin-top:23px;
}
#div_cnx.enligne #fieldInscription {
    width:180px; float:left;    
}
#div_cnx.enligne #fieldInscription div {
    text-align: right;
}
#div_cnx.enligne #fieldInscription button {
     margin-top:20px;margin-right:10px;
}

/* =============================================================================
 * Ajout Commentaire / Vote MGa3
 * ===========================================================================*/
.mga3VoteValid,
.mga3VoteAdd,
.tpl_mga3_com_add {
    background: url('images/fo/mga3/fondCommentaire.png')  no-repeat scroll left top #EDEFE4;
    width:660px;
    margin:0;
    padding:0;
}

.mga3VoteValid,
.mga3VoteAdd {
    height:299px;
}

.mga3VoteValid .inner {
    margin:10px;
    padding:10px 0 0 0;
}
.mga3VoteValid .partage_social {margin:0 auto;line-height: 40px;height: 40px;width: 210px;background: transparent url(images/fo/mga3/fondPartager.png) no-repeat top left;}
.mga3VoteValid .partage_social strong  {color:#8A8582;margin:0 0 0 25px;}
.mga3VoteValid .partage_social img.item  {vertical-align: middle;}
.mga3VoteValid .googleplus  {display: inline-block;vertical-align: middle;}
.mga3VoteAdd.notConnected {
    background: url('images/fo/mga3/fondCommentaireCnx.png')  no-repeat scroll left top #EDEFE4;
    height:500px;
}

.mga3VoteAdd #formMga3VoteFree fieldset,
.tpl_mga3_com_add #formMga3CommentaireFree fieldset {
    padding:0 10px 10px 10px;    
}
.mga3VoteAdd h2,
.tpl_mga3_com_add h2 {
    color: #8E8885;
    font-weight: bold;
    padding: 15px 0 5px 15px;
}
.mga3VoteAdd h3,
.tpl_mga3_com_add h3 {
    color: #9DBB05;
    font-weight: bold;
    padding: 5px 0 5px 15px!important;
    font-size:12px!important;
}
.mga3VoteAdd h3 span,
.tpl_mga3_com_add h3 span {
    display: block;
    color: #8E8885;    
    font-size: 17px;
    padding: 10px 0;
}
.mga3VoteAdd .divEmailNoCnx,
.tpl_mga3_com_add .divEmailNoCnx {
    width:180px;
    float:left;
    margin-left:50px;
    height:20px;
}
.mga3VoteAdd .divMdpNoCnx,
.tpl_mga3_com_add .divMdpNoCnx {
    width:280px;
    float:left;
    margin-left:30px;
    height:20px;
}
.mga3VoteAdd .divOptinNoCnx,
.tpl_mga3_com_add .divOptinNoCnx {
    width:500px;
    clear:both;
    margin-left:50px;
    margin-bottom:15px;
}
.mga3VoteAdd .divComTexte,
.tpl_mga3_com_add .divComTexte {
    margin: 15px 0 0 0;    
}
.mga3VoteAdd .divNom,
.tpl_mga3_com_add .divNom {
    color:#9DBB05;    
}
.tpl_mga3_com_add #com_texte {
    width:630px;
    height:115px;
}
.mga3VoteAdd .divCaptcha,
.tpl_mga3_com_add .divCaptcha {
  font-size: 11px;
  margin: 5px 0 0 0;
}
.mga3VoteAdd .divCaptcha button,
.tpl_mga3_com_add .divCaptcha img {
    vertical-align: middle;
}
.mga3VoteAdd .divCaptcha label,
.tpl_mga3_com_add .divCaptcha label {
    font-weight: normal!important;
    color: #000!important;
}
.mga3VoteAdd .divCaptcha #vot_captcha,
.tpl_mga3_com_add .divCaptcha #com_captcha {
    background: url("images/fo/mga3/fondInputCatcha.png") no-repeat scroll left top transparent;
    border:none!important;
    width:189px; 
    height: 25px;
    padding: 1px 8px;
}
.mga3VoteAdd .divCaptcha button, 
.tpl_mga3_com_add .divCaptcha button {
    float:right;
    margin-top: 10px;
    cursor:pointer;
}