htlm
		{
		font-size: 100%;
		}		
		body
		 {
			 margin:0;
			 margin-top:0;
			 padding:0;
			 background:#F4F6BD;
			 font-family: Tahoma, Geneva, sans-serif;
			 width:100%;
			 font-size: .85em;
		 }
		/*style pour header*/
			header
			{
				width:100%;
				background: linear-gradient( red, #f1c40f);
				margin-top:-2%;
				 max-height:20%;
			}
			header img
			{
				width:12%;
				float:left;
				padding:5px;
				border-radius:20px;
			}
			.header-title
			{
				float:left;
				width:87%;
				text-align:center;
				font-family: verdana, sans-serif;
				color: white;
				font-size:2em; 
				height:75%;
				line-height:2.3em; 
				overflow :hidden;
				padding-top:1%;
			}
						
			footer 
			{
			background-color	: #f39c12;
			position			: fixed;
			bottom				: 0;
			left				: 0;
			right				: 0;
			height				: 70px;
			vertical-align: middle;
			width: 100%;
			}
						}
			footer a 
			{
			float:left;	
			}

			.gauche
			{
			float:left;
			padding-left:10px;
			}
			.droit
			{
			float:right;
			padding-right:10px;
			}
			.container 
			{
		    width: 100%;
			}
			
			/*style pour menu*/			
			#navigation { /*conteneur du menu*/
				/*padding: 0;*/
				clear:both;
				width:90%;
				height:51px;
				margin: 0 auto 0 auto;
				text-align:center;
				}

				ul.nav-main li { /*règles générales des items de liste */
				list-style: none;
				margin: 0;
				}

				ul.nav-main { /*règles des items principaux*/
				position: relative;
				z-index: 597;
				}

				ul.nav-main li:hover > ul { /*apparition des sous-listes au survol de l'item principal ul*/
				visibility: visible;
				}

				ul.nav-main li:hover { /*design des items de liste au survol*/
				position: relative;
				z-index: 599;
				cursor: pointer;
				
				}

				ul.nav-main li { /*positionnement, dimensions, couleurs et textes des items de liste*/
				float:left;
				display:block;
				height: 51px; 
				color: black; 
				font:  1.2em  Tahoma, Geneva, sans-serif;
				}

				ul.nav-main li a { /*positionnement, dimensions, couleurs et textes des items de liste intégrant une redirection url*/
				display: block;
				padding: 16px 16px 0 16px;
				height: 35px; 
				color: black;
				font: 1.2em  Tahoma, Geneva, sans-serif;
				text-decoration:none;
				font-weight: bold;
				}

				ul.nav-main li a:hover { /* couleurs des items de liste au survol*/
				color: #0101DF;
				}

				ul.nav-main *.list { /*décalage entre chaque items principaux*/
				padding-right: 2%; /*30px;*/
				}

				ul.nav-sub { /*règles de la liste ul de sous menus*/
				visibility: hidden;
				position: absolute;
				padding:5px;
				top: 51px;
				left: -2px;
				z-index: 598;
				background: #f1c40f;
				border-right: 1px solid #000;
				border-bottom: 1px solid #000;
				border-left: 1px solid #000;
				}

				ul.nav-sub li { /* regles des items de liste sous menu */
				list-style:none;
				display:block;
				padding: 0;
				height: 27px;
				float: none;
				width:145px;
				border-bottom: 1px solid #5a5a5a;
				border-right:none;
				background: none;
				}

				ul.nav-sub li a { /* règles des items de liste de sous menus intégrant une redirection url */
				list-style:none;
				display:block;
				padding: 6px 5px 6px 5px;
				height: 15px;
				float: none;
				width:145px;
				background: none;
				font: 15px  Tahoma, Geneva, sans-serif;
				}
			/*style pour bouton*/
			.bouton
			{
				font-family: Verdana,sans-serif;
				font-size: 1.6em;
				width: 18%; /*170px;*/
				height: 43px;
				padding-top: 7px; /*permet le centrage vertical*/
				text-align: center;
				color: #FFFFFF;
				background: #444;
				background: linear-gradient(#A9F5F2, #08088A);
				border-radius: 8px;
				text-decoration:none;
				float:left;	
				margin-top :200px;
				margin-left : 30px;				
			}
			.bouton a
			{
			text-decoration:none;
			color:black;
			
			}
			.bouton a:hover{
				 color: #FFFFFF;
				 background: #555;
				 background: linear-gradient(#BDBDBD, #151515);
				 text-decoration:none;
			}
			.bouton a:active{
				 color: #FFFFFF;
				 background: #444;
				 background: linear-gradient(#BDBDBD, #151515);
				text-decoration:none;			 
			}
			/*bouton place en haut*/
			.boutontop
			{
				font-family: Verdana,sans-serif;
				font-size: 1.6em;
				width: 170px;
				height: 43px;
				padding-top: 7px; /*permet le centrage vertical*/
				text-align: center;
				color: #FFFFFF;
				background: #444;
				background: linear-gradient(#A9F5F2, #08088A);
				border-radius: 8px;
				text-decoration:none;
				position: absolute; 
				left: 5px;
				top:250px;
				float:left;
}	
			}
			.boutontop a
			{
			text-decoration:none;
			color:black;
			
			}
			.boutontop a:hover{
				 color: #FFFFFF;
				 background: #555;
				 background: linear-gradient(#BDBDBD, #151515);
				 text-decoration:none;
			}
			.boutontop a:active{
				 color: #FFFFFF;
				 background: #444;
				 background: linear-gradient(#BDBDBD, #151515);
				text-decoration:none;			 
			}
			
			/*style pour Titre*/
			h2
			{
				text-align:center;
				font-size: 1.3em; /*20px;*/
				padding:10px 0;
			}
			h1
			{
				font-size: 2em;
				text-align:center;
				line-height:2.2em;
				margin-top:5px;
				margin-bottom:10px;
			}	
			
			
			h3
			{
				font-size: 1em; /*15px;*/
				/*color:#DF0101;*/
				text-align:center;
			}
			h4 /*formulaire inscription*/
			{
				background-color:#CC0000;
				margin:0;
				min-height:0;
				padding:0;
				text-decoration:none;
				text-indent:-8000px;
				
			}

			h4 a /*formulaire inscription*/
			{
				
				display:block;
				height:100%;
				min-height:40px;
				overflow:hidden;
				}
			.x-small
			{
			font-size: 1em; /*20px;*/
			font-style :italic;
			color:#8A2908; /*orange foncé*/
			
			}
			/*style pour page accueil*/
			.contenu_accueil
			{
				padding :5px;
				/*height:69%;*/
			}
			
			.centre_accueil
			{
			float:left;	
			text-align:center;
			width:40%;
			/*height:100%;*/
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 1.3em;/*18px;*/
			Overflow:hidden
			}
			
			.cote_accueil
			{
			float:left;	
			width:27%; /*modifié 29*/
			text-align:center;
			font-size: 1.3em;/*18px;*/			
			}
			
			.quoideneuf
			{
			float:left;	
			width:18%;
			text-align:center;
			height:15%;
			border-width:1px;
			border-style:double;
			border-radius:15px;
			border-color:red;
			}						
			/*style pour cv jacky*/
			.photos_cv
			{ 
			background-image:url(images/cle_verticale2.jpg);
			background-position:50% 50%;
			width:9%;
			float:left;
			height:500px;
			Opacity: 0.5;
			/*padding-top : 5px*/
			}
			.cv_jacky
			{
			margin-left: 2%; /*15px;*/
			width:39%;
			float:left;
			color:#0707D7;
			font-weight:bold;
			z-index:4;
			}
			.photo_bas_droite
			{
				position:relative;
				padding-right:30px;
				float: right;
				bottom: -50px;
			}
			
			.img_encours
			{
			width: 350px; /* On a indiqué une largeur (obligatoire) */
			margin: auto; /* On peut donc demander à ce que le bloc soit centré avec auto */
			text-align: justify;
			padding: 12px;
			margin-bottom: 20px;
			}
			/*style pour master class*/
			.master_class
			{
			width:50%;
			float:left;
			margin-top: 60px;
			margin-left:15px;
			/*color:#0707D7;*/
			font-weight:bold;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 1.3em;
			}
			.photos_left
			{
				float:left;
				width:16%;	
				overflow : auto;
					
			}
			/*style pour journeaux*/
			
			¨.nav_journaux 
			{
			list-style:none;
			color: red;
			}
			ul.nav_journaux li
			{
			list-style:none;
			color: red;
			float:left;
			padding:20px 10px;
			text-align:center;
			height: 357px;
			width: 320px;
			}
			ul.nav_journaux a
			{
			color: red;
			font-size: 18px;
			text-decoration:none;
			}
			.journaux_page
			{
			margin-top: 20px;
			margin-left:0px;
			color: red;
			width:60%;
			float: left;
			}
			.journaux_page p 
			{
			font-weight:bold;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 20px;
			margin-left:90px;
			}
			.imagesJ
			{
			margin-left:80px;		
			}
			/*style pour ailleurs*/
			.divers
			{
			width:75%;
			float:left;
			margin-top: 10px;
			margin-left:5%; /*175px;*/
			color:#0707D7;
			font-weight:bold;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 1.2em;
			}
			
			.images.divers
			{
				float:left;
				width:19%;
				padding-left:10px; /*200x140*/		
			}
			.divers_page
			{
			margin-top: 1.2em;
			margin-left:10px;
			color: red;
			width:48%;
			float: left;
			}
			.divers_page p 
			{
			font-weight:bold;
			font-family: Tahoma, Geneva, sans-serif;
			font-size: 1.2em;
			padding-left: 80px;
			}
			
			/*style pour évènement*/
			.evenement_encours
			{
			font-family: 'trebuchet MS', sans-serif;
			font-size: 1.5em;
			font-weight: bold;
			letter-spacing: 1.6pt;
			word-spacing: 0.6pt;
			line-height: 1.5;
			width: 48%;
			float:left;
			margin-left:10px;
			height: 100%;
			overflow:auto;
			}
			
			/*style pour vidéo*/
			.video
			{
			text-align:center;
			vertical-align: middle;
			margin-left:100px; 
			margin-right:auto; 
			margin-top:30px; 
			height:450px; 
			width:800px; 
			float:left;
			}
			.p_vidéo
			{
			width: 500px; /* On a indiqué une largeur (obligatoire) */
			margin: auto; /* On peut donc demander à ce que le bloc soit centré avec auto */
			text-align: justify;
			padding: 12px;
			margin-bottom: 20px;
			}
			
			.nav_video 
			{
			list-style:none;
			color: black;
			}
			ul.nav_video li
			{
			list-style:none;
			float:left;
			padding:20px 10px;
			text-align:center;
			height:400px;
			width: 400px;
			}
			ul.nav_video a
			{
			font-size: 18px;
			text-decoration:none;
			}
			
/*formulaire*/

			#form_container
			{
			background:#FBF7F7;
			margin:0 auto;
			text-align:left;
			width:800px;
			}
#top
{
	display:block;
	height:10px;
	margin:10px auto 0;
	width:650px;
}

#bottom
{
	display:block;
	height:10px;
	margin:0 auto;
	width:650px;
}

form.appnitro
{
	margin:20px 20px 0;
	padding:0 0 20px;
	background-color:#FBF7F7;
}

/**** Logo Section  *****/



	 img
	{
		behavior:url(css/iepngfix.htc);
		border:none;
	}


/**** Form Section ****/
.appnitro
{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:45%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	float:left;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:right;
	width:48%;
}


form li div.left .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	/*clear:both;*/
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
	float:left;
}

form li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
	
}

.form_description[class]
{
	display:block;
	float:left;
}

.form_description h2
{
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
	text-align:center;
}

.form_description p
{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

form hr
{
	display:none;
}

form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
	float:right;
}

form .section_break p
{
	font-size:85%;

	margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}

.buttons input
{
	font-size:120%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

/*span.symbol
{
	font-size:115%;
	line-height:130%;
}*/

input.text
{
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

textarea.textarea
{
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.currency
{
	text-align:right;
}

input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;
	width:500px;
}

/**** Errors ****/
#error_message
{
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	padding-top:4px;
	text-align:center;
	width:99%;
}

#error_message_title
{
	color:#DF0000;
	font-size:125%;
	margin:7px 0 5px;
	padding:0;
}

#error_message_desc
{
	color:#000;
	font-size:100%;
	margin:0 0 .8em;
}

#error_message_desc strong
{
	background-color:#FFDFDF;
	color:red;
	padding:2px 3px;
}

form li.error
{
	background-color:#FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}

form li.error label
{
	color:#DF0000 !important;
}

form p.error
{
	clear:both;
	color:red;
	font-size:10px;
	font-weight:700;
	margin:0 0 5px;
}

form .required
{
	color:red;
	float:none;
	font-weight:700;
}



/*** Success Message ****/
.form_success 
{
	clear: both;
	margin: 0;
	padding: 90px 0pt 100px;
	text-align: center
}

.form_success h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0pt 0pt 3px;
}