/* CSS Document */
@import url("main_menu.css");
@import url("formations.css");
@import url("centres.css");
@import url("test.css");
@import url("apropos.css");
@import url("recrutement.css");
@import url("contact.css");
@import url("equipe.css");
@import url("methode.css");
@import url("heading.css");

/*------------------------------------------

	UNIVERSAL STYLES

--------------------------------------------*/

		html {
		
			height: 101%; /* prevent scrollbar jumping in firefox */
		
		}


		html>body {
		
			 /* be nice to Opera */font-size: 80%;
			 
		}

		html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, fieldset, legend, input, select, textarea, div, p, img, table, tr, th, td, object, pre, blockquote, address, a {
		
			margin:0; padding:0;
			
		} /* remove margin and padding */

		address, abbr { 
		
			font-style: normal; 
		
		}

		* { /* On force mozilla a se comporter comme IE, qui ne suit pas la norme */
			
			-moz-box-sizing: border-box;
			
		}

		a img,:link img,:visited img {
		
			border:none;
			
		} /* remove border from image links */

		.clear {
		
			clear: both; font-size: .01em;
			
		}

		a {

			text-decoration:none;

			color: #686868;

		}

		a:hover {

			text-decoration: none;
			
			color: #ab8d67;

		}

		ul { 

			font-style: normal; 
			
			list-style: none;

		}
		
		li {
		
			
			
			color: #696969;
			
			font-family: Arial, sans-serif;

			font-size: 11px; /* prevent extreme font resizing in IE */
		
		}

		br.clear {
		
			font-size: .01em;
		
		} /* remove space below clearing br tags in IE5 */

		body {

			color: #696969;

			font-family: Arial, sans-serif;

			font-size: 11px; /* prevent extreme font resizing in IE */

			padding-bottom: 20px !important;
			
			background: #fefefe;
			
		}
		
		p {

			font-size: 11px;

		}

/*--------------------------------

STRUCTURE

--------------------------------*/

		
		#container {
		
			width: 740px;
			
			\width: 760px;
			
			w\idth: 740px;
			
			margin-left: auto;
			
			margin-right: auto;
			
			background: #fff;
			
						
		}

		#banner {
		
			
			background: url("../images/bandeau_main.jpg") no-repeat;
			
			height: 85px;
			
			margin: 0 0 4px 0;
			
		}

		#wrapper {
		
			clear:	both;
		
			height: 166px;
		
		}
		
		#content {
		
			width: 740px;
		
			clear: both;
			
			margin: 0 0 5px 0;
			
			padding: 0 0 10px 0;
			
			background: url("../images/bckg_content.jpg") top repeat-y;	
			
			
		}

		

		#footer {
			position: relative;
											
			clear: both;
			
			width: 740px;
			
			\width: 760px;
			
			w\idth: 740px;
			
			height: 45px;
			
			padding: 15px 0 0 0;
			
			background: #F1F5F6 url("../images/bckg_footer.jpg") top no-repeat;
					
		}
		
/*--------------------------------

BANNER

--------------------------------*/

		#logo {
		
		float: left;
		
		width: 145px;
		
		height: 85px;
		
		}


		#banner_list{
		
		float: right;
		
		font-family: Arial, sans-serif;
		
		font-size: 10px;
		
		font-weight: bold;
		
		color: #3a3a3a;
		
		width: auto;
		
		margin: 15px 10px 0 0;
		
		padding: 10px 0 0 0;
		
		text-align: left;
		
		}
		
		#banner_list a {
		
		font-family: Arial, sans-serif;
		
		font-size: 10px;
		
		font-weight: bold;
		
		text-decoration: none;
		
		color: #0F4B6D;
		
		}
		
		#banner_list a:hover {
		
		text-decoration: underline;
		
		}
		
		.menu_banner {
		
		margin: 0 10px 0 10px;
		
		}

/*--------------------------------

WRAPPER

--------------------------------*/

		#left_wrapper {
		
			float: left;
			
			width: 142px;
			
			padding: 0 0 0 0;
		
		}
		
		#right_wrapper {
		
			float: right;
			
			width: 160px;
			
			
		}
		
		#middle_wrapper {
		
			float: left;
		
			padding: 0;
			
			margin: 0 0 0 1px;
		
		}
		

/*--------------------------------

CONTENT

--------------------------------*/

		#left_content {
		
			position: relative;
			
			float: left;
			
			width: 265px;
			
			background-color: none;		
		
		}

		#right_content {
		
			
			
			float: right;
			
			width: 160px;
			
			margin: 0;
			
		}

		#middle_content {
		
			float: left;
			
			width: 290px;
			
			margin: 0;
			
			margin-left: ;
				
			background-color: white;
			
		
		}
		
		#prez_accueil_left {
		
			float: left;

			clear: both;
		
			width: 249px;
			
			margin: 20px 0 0 5px;
					
		}
		
		#prez_accueil_middle {
		
			clear: both;
		
			width: 249px;
			
			margin: 20px 0 0 20px;
		
			padding: 0 0 0 0;
			
		
		}

		#prez_accueil_right {
		
			clear: both;
		
			width: 122px;
			
			margin: 20px 0 0 0;
		
			padding: 0 0 0 0;
		
		}
		
/*-----------------------------

MENU_FORMATIONS

-----------------------------*/

		#nav_formations{
		
		display: block;
		
		clear: both;
	
		width: 177px;
					
		margin: 5px 0 0 0;
		
		}
		
		#nav_formations li{
				
		margin: 0;
		
		}
		
		ul#nav_formations li.one{
		
		border: none;
		
		}
		
		#nav_formations li a { text-decoration: none; }
		

/*-----------------------------

NAV_SEJOURS

-----------------------------*/

		.desti_sejours{
		
			float: left;
			
			position: relative;
			
			width: 120px;
		
			margin: 5px 0 0 0;
		
		}
		
		ul li{
		
			margin: 0;
			
			padding: 0 0 2px 0;
		
		}
		
		


/*-----------------------------

NAV_LANGUES

----------------------------*/

#nav_langues{
		
			width: 122px;
			
			margin: 20px 0 0 17px;
			
			height: 90px;
			
		}
		
		#nav_langues ul {
		
			float: left;
			
			list-style-type: none;
			
			text-align: left;

		}
		
		#nav_langues ul li { height: 15px;}
		
		#nav_langues ul li a {
			
			background: transparent url("../images/puce_arrow_brown.gif") left center no-repeat;
			
			padding-left: 15px;
			
			text-align: left;
			
			font: bold 11px "Arial", sans-serif;
			
			text-decoration: none;
			
			color: #999;
					
		}
		
		#nav_langues ul li a:hover	{
		
			
			background: transparent url("../images/puce_arrow_white.gif") left center no-repeat;
			
			color: #ab8d67;
		
		}
		
		#nav_langues ul li a#current{
			
			background: transparent url("../images/puce_arrow_grey.gif") left center no-repeat;
			
			color: #666;
		
		}
		

		
/*-----------------------------

PARAGRAPHES

-----------------------------*/

		.p_accueil {
		
			line-height: 14px;

			padding: 5px 0 0 0;
			
			color: #696868;
					
		}
		
		.p_bold {
		
			font-weight: bold;
		
			line-height: 14px;
	
			padding: 5px 0 0 0;
				
			color: #696868;
		
		}
		
		.p_equipe_mbr {
		
			line-height: 20px;
		
			font-size: 12px;
			
			padding: 5px 0 0 0;
				
			color: #696868;
		
		}
		
		.span_methode{
		
			text-transform: uppercase;
			
			margin: 0 0 0 10px;
				
			color: #696868;
		
		}
		
.exemple_mentions li {

list-style:none; margin:0 0 0 5px;

}
/*-----------------------------

FOOTER

-----------------------------*/

		#footer_page_list1{
		
		
				
		font-family: Arial, sans-serif;
		
		font-size: 10px;
		
		font-weight: bold;
		
		color: #3a3a3a;
		
		width: auto;
		
		margin: 0 0 0 10px;
		
		padding: 0 0 0 0;
		
		text-align: center;
		
		}
		
		#footer_page_list1 a {
		
		font-family: Arial, sans-serif;
		
		font-size: 10px;
		
		font-weight: bold;
		
		text-decoration: none;
		
		color: #0F4B6D;
		
		}
		
		#footer_page_list1 a:hover {
		
		text-decoration: underline;
		
		}
		
		#footer_page_list2{
		
		font-family: Arial, sans-serif;
		
		font-size: 10px;
		
		font-weight: bold;
		
		color: #3a3a3a;
		
		width: auto;
		
		margin: 5px 0 0 10px;
		
		padding: 5px 0 0 0;
		
		text-align: left;
		
		}
		
		#footer_page_list2 a {
		
		font-family: Arial, sans-serif;
		
		font-size: 10px;
		
		font-weight: bold;
		
		text-decoration: none;
		
		color: #0F4B6D;
		
		}
		
		#footer_page_list2 a:hover {
		
		text-decoration: underline;
		
		}

		.menu_footer {
		
		margin: 0 0 0 0;
		
		}
		
		.img1_footer {
		
		
		margin: 0 10px 0 428px;
		
		}
		
		.img_footer {
		
		margin: 0 10px 0 0;
		
		}
/*------------------------------------------------
 *** Float containers fix:
 ***------------------------------------------- */ 
 
		.clearfix:after {
		 
		 content: "."; 
		 
		 display: block; 
		
		 height: 0; 
		 
		 clear: both; 
		
		 visibility: hidden;
		 
		 }
		 
		.clearfix{display: inline-table;}
		
		/* Hides from IE-mac \*/
		
		* html .clearfix{height: 1%;}
		
		.clearfix{display: block;}
		
		/* End hide from IE-mac */