/* Feuille de style IFRAME Destination Centre */

body {
    margin:0;
	padding:0;
	background:#FFFFFF;
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	color:#222;
}
body * {
	margin:0;
	padding:0;
	border:none;
}
a {
	text-decoration:none;
    color:darkcyan;
}

ul {
	list-style:none;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
}
hr {
	clear:both;
	height:1px;
	margin:0;
	border:1px solid #eee;
}
img {
	vertical-align:middle;
}
.hidden {
    position:absolute !important;
    left:-1000em;
}
input, select, textarea {
	font-family:arial, verdana, sans-serif;
	color:#222;
	font-size:1em;
}

/* IFRAME - FORMATIONS
---------------------------------------------------------------------------------------------------*/
#repereArticle	{background:#FFFFFF;font-size:1em;}
#repereArticle	ul	li	{padding-right:10px;background: url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/puce.png") no-repeat scroll left 0.4em transparent;padding-left: 10px;}

/* Bouton + de détails */
.BtnDetails	{clear:both;margin-top:12px;font-size:12px;padding-top:8px;padding-left:10px;color:#FFFFFF;width:60px;height:20px;background-color: #1f7e9e;border-radius: 12px;}
.BtnDetails:hover	{opacity:0.8;background-color: #1f7e9e;}



/* Fiche descriptive formation
---------------------------------------------------------------------------------------------------*/

#FicheFormation	{clear:both;width:960px;height:auto;}

h2	{clear:both;font-weight:bold;font-size:1em;background: url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/puce.png") no-repeat scroll left 0.4em transparent;padding-left: 10px;}

#DemiePage	{clear:both;width:940px;height:auto;padding:0 10px 0 10px;}
	#ColG	{float:left;width:600px;height:auto;border-right:1px dotted #CAC9CD;padding-right:19px;}
	#ColD	{float:left;width:300px;height:auto;padding-left:19px;}
		#BlocFormateur	{clear:both;width:280px;height:auto;overflow:auto;background:#CAC9CD;padding:10px;margin-bottom:20px;}
			#TopForma	{clear:both;width:280px;}
				#PhotoFormateur	{float:left;width:120px;height:120px;}
				#PhotoFormateur	img	{border:1px solid #000000;}
				
				#InfosFormateur	{float:left;width:144px;height:auto;padding-left:15px;}
				#InfosFormateur	ul	 li	{font-weight:bold;padding-bottom:20px;font-size:0.8em;background: url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/puce2.png") no-repeat scroll left 0.4em transparent;padding-left: 10px;}
			#BottomForma	{clear:both;width:280px;height:auto;font-size:0.8em;padding-top:10px;text-align:justify;}
p	{font-size:0.8em;text-align:right;}

.BtnContact	{clear:both;margin-top:10px;padding:7px 0 0 50px;color:#FFFFFF;width:178px;height:34px;background:url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/btn-contact.png") no-repeat;}
.BtnContact:hover	{opacity:0.8;background:url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/btn-contact.png") no-repeat;}


.BtnSession30	{margin-right:auto;margin-left:auto;clear:both;font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;width:130px;border-radius:4px;padding:3px 0 3px 0;background-color:#F0B744;}
.BtnSession31	{margin-right:auto;margin-left:auto;clear:both;font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;width:130px;border-radius:4px;padding:3px 0 3px 0;background-color:#A7D962;}
.BtnSession32	{margin-right:auto;margin-left:auto;clear:both;font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;width:130px;border-radius:4px;padding:3px 0 3px 0;background-color:#A81C22;}
.BtnSession33	{margin-right:auto;margin-left:auto;clear:both;font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;width:130px;border-radius:4px;padding:3px 0 3px 0;background-color:#CAC9CD;}
.BtnSession102	{margin-right:auto;margin-left:auto;clear:both;font-size:12px;font-weight:bold;color:#FFFFFF;text-align:center;width:130px;border-radius:4px;padding:3px 0 3px 0;background-color:#813D67;}
.BtnSession31:hover	{opacity:0.9;}
.BtnSession32:hover	{opacity:0.9;}
.BtnSession33:hover	{opacity:0.9;}
.BtnSession34:hover	{opacity:0.9;}
.BtnSession102:hover	{opacity:0.9;}
.BtnSession32	a:hover	{text-decoration:none;}



h3	{clear:both;color:#1E7F9B;font-weight:bold;font-size:0.9em;border-bottom: 1px solid #1E7F9B;padding-bottom:2px;margin-bottom:10px;margin-top:5px;}

ul	 li	{text-align:justify;padding-bottom:20px;font-size:0.8em;background: url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/puce.png") no-repeat scroll left 0.4em transparent;padding-left: 10px;}
ul	 li	li	{text-align:justify;padding-bottom:5px;font-size:0.8em;background: url("http://www.formations-tourisme-centre.fr/extension/destination_centre/design/destination_centre/images/pictos/puce.png") no-repeat scroll left 0.4em transparent;padding-left: 10px;}	
.Gras	{font-weight:bold;}
.Italique	{font-style:italic;}

#FullPage	{clear:both;width:940px;padding:20px 10px 0 10px;}

table {width:100%;border-collapse: collapse;}
td	{/*border: thin solid #6495ed;*/width:auto;padding-left:10px;font-size:12px;text-align:left;}
th	{background:#CAC9CD;color:#000000;font-weight:bold;font-size:12px;height:35px;text-align:left;padding-left:10px;}
tr	{min-height:35px;margin-bottom:20px;border-bottom:10px solid #FFFFFF;}
tr:hover    {background:red;color:#000000;}
td img	{clear:both;width:15px;height:26px;text-align:center;}
table	tr	td	p	{font-size:1em;text-align:left;}
.Types	{background-color:#CAC9CD;border-right:5px solid #FFFFFF;}
.Dates	{background-color:#E8E8E8;border-right:5px solid #CAC9CD;}
.Inscriptions	{background-color:#FFFFFF;}


td	a:hover, a:focus{
	text-decoration:none;
}

#DureeFormation	{clear:both;width:280px;height:auto;overflow:auto;background:#1e7f9b;padding:10px;margin-bottom:20px;}
#DureeFormation	h3	{font-size:1em;color:#FFFFFF;font-weight:bold;border-bottom:1px solid #FFFFFF;margin-top:0;}
#DureeFormation	ul	li	{padding-bottom:10px;margin-left:20px;background:none;list-style-type:disc;color:#FFFFFF;font-weight:bold;font-size:1.4em;}

.BlocD	{clear:both;width:300px;height:auto;background:#E7E0DC;margin-bottom:20px;padding-bottom:10px;}
.TitreBloc	{padding:5px;width:280px;clear:both;background:#A81C22;font-weight:bold;color:#A0C655;text-transform:uppercase;font-size:1.2em;}

.BlocD	a	{color:darkcyan;}
.BlocD	a:hover	{color:darkcyan;}

.BlocD	p	{padding:5px;font-size:0.9em;}

#BlocModalites	{clear:both;width:280px;height:auto;overflow:auto;background:#E7E0DC;padding:10px;margin-bottom:20px;}

#NiveauFormation	{clear:both;width:272px;height:auto;overflow:auto;background:#FFFFFF;padding:10px;margin-bottom:20px;border:4px solid #CAC9CD;}
#NiveauFormation	h3	{font-size:1em;color:#1E7F9B;font-weight:bold;border-bottom:1px solid #1E7F9B;margin-top:0;}
#NiveauFormation	ul li	{margin-left:20px;background:none;list-style-type:disc;color:#FFFFFF;font-weight:bold;font-size:1.4em;}
#NiveauFormation	#PictoNiveau	{width:80px; height:23px;}
.Niveau122	{background:url("http://www.iodat.net/forma/pix/picto-niveau-1.png") no-repeat;} 
.Niveau123	{background:url("http://www.iodat.net/forma/pix/picto-niveau-2.png") no-repeat;} 
.Niveau124	{background:url("http://www.iodat.net/forma/pix/picto-niveau-3.png") no-repeat;} 
.Niveau125	{background:url("http://www.iodat.net/forma/pix/picto-niveau-4.png") no-repeat;} 

#CoutFormation	{clear:both;width:272px;height:auto;overflow:auto;background:#FFFFFF;padding:10px;margin-bottom:20px;border:4px solid #CAC9CD;}
#CoutFormation	h3	{font-size:1em;color:#1E7F9B;font-weight:bold;border-bottom:1px solid #1E7F9B;margin-top:0;}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* Styles specific to this particular page */
.scroll-pane,
.scroll-pane-arrows
{
	width: 100%;
	height: 400px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}
		

/*-------------------------------------------------------
               FORMULAIRE D'INSCRIPTION 
---------------------------------------------------------*/

#Formulaire	{clear:both;width:940px;height:auto;padding:10px;}

p	{margin:5px;padding:0;text-align:left;color:#000000;}
a	{text-decoration:none;color:#7D94C6;}
a:hover	{text-decoration:underline;color:#7D94C6;}
fieldset	{border:0;margin-bottom:20px;}
legend	{color:#1E7F9B;font-weight:bold;font-size:14px;padding-bottom:10px;/*text-transform:uppercase;*/}
input	{font-size:11px;padding-left:5px;color:#000000;height:15px;margin-right:30px;}
label	{color:#000000;font-size:12px;}
select	{font-size:11px;padding-left:5px;color:#000000;margin-right:30px;width:188px;}
textarea	{font-size:11px;color:#595959;font-family:Arial;width:400px;}

.obligatoire	{font-weight:bold;color:#000000;background-color:#CBCACE;}


input, textarea, select, option {
 background-color:#F4F4F4;
 
 }

input, textarea, select {
 padding:3px;
 border:1px solid #7D94C6;
 border-radius:5px;
 }

 input:focus, textarea:focus {
 background-color:#FFFFFF;
 }

 fieldset .ensemble	{border:0;margin:0 5px 0 5px;padding:0;}
 fieldset .ensemble	input	{margin:0 30px 10px 0;}
 fieldset .ensemble	input[type=radio]{margin:0 5px 0 10px;vertical-align:bottom;}
 

fieldset .ensembleCases	{clear:both;border:0;margin:0 5px 0 5px;padding:0;}
fieldset .ensembleCases	.UneCase	{float:left;color:#000000;font-size:12px;margin-right:15px;}

 input[type=submit], input[type=reset] {
 width:124px;
 height:32px;
 margin:10px 0 0 3px;
 box-shadow:1px 1px 1px #000000;
 cursor:pointer;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#1E7F9B;
 border:0;
 }
 input[type=submit]:hover, input[type=reset]:hover {
 background-color:#A7D962;


 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #000000 inset;
background-color:#A7D962;
opacity:0.9;

}

input[type=button]{
 width:124px;
 height:32px;
 margin:10px 0 0 3px;
 box-shadow:1px 1px 1px #000000;
 cursor:pointer;
 color:#FFFFFF;
 font-weight:bold;
 background-color:#1E7F9B;
 border:0;
 }


.error	{color:red;font-weight:bold;}
.error_textarea	{color:red;font-weight:bold;vertical-align:top;}
.error	input	{border:1px solid red;}

.email_error	{color:red;font-weight:bold;}

.LienDepliant	{text-decoration:none;font-weight:bold;color:#1E7F9B;font-size:14px;}
.LienDepliant:hover	{text-decoration:none;font-weight:bold;color:#1E7F9B;font-size:14px;}

/*PlaceHolder */
::-webkit-input-placeholder { color:#000000; }
::-moz-placeholder { color:#000000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000000; } /* ie */
input:-moz-placeholder { color:#000000; }


/*-------------------------------------------------------
               BULLETIN d'INSCRIPTION 
---------------------------------------------------------*/

#Bulletin	{clear:both;width:940px;height:auto;padding:10px;}

#EnteteLogos	{clear:both;text-align:right;margin-bottom:20px;}
#EnteteLogos	img	{margin:0 10px 0 10px;}

#Bulletin	h1	{text-align:center;font-size:1.2em;margin-bottom:10px;}
#Bulletin	h2	{background:none;padding-left:0;margin-top:15px;}

#Bulletin	p	{text-align:justify;clear:both;}

#Bulletin	.Ligne	{width:auto;clear:both;font-size:0.8em;padding-left:5px;margin-bottom:25px;}
#Bulletin	.Ligne	.ColA	{float:left;width:300px;}
#Bulletin	.Ligne	.ColA	h2	{background:none;padding-left:0;margin-top:15px;}

#Bulletin	.Ligne	.ColB	{float:left;width:500px;}

#Bulletin	input	{margin:0;border:none;vertical-align:middle;}

#Bulletin	#Mentions	{clear:both;width:940px;margin-right:10px;height:auto;font-size:10px;margin-bottom:100px;}
#Bulletin	#Cachet	{float:center;width:940px;height:100px;border:1px solid #000000;padding:3px;}
#Bulletin	#CGV	{clear:both;width:940px;margin-right:10px;height:auto;font-size:12px;}

#Bulletin	.LigneB	{width:auto;clear:both;font-size:0.8em;padding-left:5px;padding:20px 0 0 0;}
#Bulletin	.LigneB	.TitreRub	{font-weight:bold;font-size:1.2em;float:left;}
#Bulletin	.LigneB	.ColA	{float:left;width:300px;}
#Bulletin	.LigneB	.ColA	h2	{background:none;padding-left:0;margin-top:15px;}