@import "../global.css";

/*		Default Layout:992px. 
		Gutters:24px.
		Outer margins:48px.
		Leftover space for scrollbars @1024px:32px.
-------------------------------------------------------------------------------
cols		1		 2			3			4			5			6			7			8			9			10
px			68		160		252		344		436		528		620		712		804		896		*/

	#content-wrapper{}
		
		#content-wrapper .title h1{
			float:left; width:140px;
			font-size:19px; line-height:19px; margin:0; font-style:italic; font-weight:700; color:#9ECC3F;
		}
		
		#content-wrapper .content{
			float:right; width:410px; min-height:510px; margin:0 10px 0 0; padding:0 20px; border-left:1px solid #eee; border-right:1px solid #eee;
			font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;
		}
			#content-wrapper header{ width:90%; padding:5px 5% 5px 5%; }
				#content-wrapper header h1{ font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:300; text-transform:uppercase; }
			#content-wrapper .content div,
			#content-wrapper .content p
			{ font-family: 'Open Sans', sans-serif; font-size:13px; text-align:justify; color:#000; margin:0 0 10px 0; }
			#content-wrapper .content img{ margin:5px 10px; }
			#content-wrapper .content iframe{ max-width:100%; max-height:360px; margin:10px 0; }
			#content-wrapper .content ul,
			#content-wrapper .content ol{ position:relative; list-style:circle; padding:0 10px 0 0; margin:0 0 15px 30px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; }
			#content-wrapper .content li{ color:#000; }
			#content-wrapper .content a{ text-decoration:underline; }
			
	/* EQUIPE */
	ul.box-equipe{ list-style:none; width:630px; }
		ul.box-equipe li{ padding:20px 0; border-top:1px solid #CCC; }
		ul.box-equipe li:first-child{ border-top:0; }
			ul.box-equipe li img{ float:left; margin:0 10px 0 0; }
			ul.box-equipe li .info{ float:left; width:180px; margin:5px 0 0 0; }
				ul.box-equipe li .info span{ font-size:10px; color:#333; margin:0; }
				ul.box-equipe li .info h3{ font-size:21px; line-height:20px; margin:0; font-style:italic; font-weight:300; color:#9ECC3F; }
				ul.box-equipe li .info p{ font-size:12px; font-style:italic; }
			ul.box-equipe li .bio{ float:right; width:360px; margin:0 0 15px 0; }
				ul.box-equipe li .bio p{ font-size:12px; font-style:italic; color:#333; text-align:justify; }
		
		
/*		Tablet Layout:768px.
		Gutters:24px.
		Outer margins:28px.
		Inherits styles from:Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width:768px) and (max-width:991px) {

	#content-wrapper{}
		#content-wrapper .title h1{
			float:left; width:140px;
			font-size:19px; line-height:19px; margin:0; font-style:italic; font-weight:700; color:#9ECC3F;
		}
		
		#content-wrapper .content{
			float:right; width:480px; min-height:510px; margin:0 10px 0 0; padding:0 20px; border-left:1px solid #eee; border-right:0;
			font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;
		}
			#content-wrapper header{ width:90%; padding:5px 5% 5px 5%; }
				#content-wrapper header h1{ font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:300; text-transform:uppercase; }
			#content-wrapper .content div,
			#content-wrapper .content p
			{ font-family: 'Open Sans', sans-serif; font-size:13px; text-align:justify; color:#000; margin:0 0 10px 0; }
			#content-wrapper .content img{ margin:5px 10px; }
			#content-wrapper .content iframe{ max-width:100%; max-height:360px; margin:10px 0; }
			#content-wrapper .content ul,
			#content-wrapper .content ol{ position:relative; list-style:circle; padding:0 10px 0 0; margin:0 0 15px 30px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; }
			#content-wrapper .content li{ color:#000; }
			#content-wrapper .content a{ text-decoration:underline; }
	
	/* EQUIPE */
	ul.box-equipe{ list-style:none; width:85%; padding:0 10% }
		ul.box-equipe li{ padding:20px 0; border-top:1px solid #CCC; }
		ul.box-equipe li:first-child{ border-top:0; }
			ul.box-equipe li img{ float:left; margin:0 10px 0 0; }
			ul.box-equipe li .info{ float:left; width:180px; margin:5px 0 0 0; }
				ul.box-equipe li .info span{ font-size:10px; color:#333; margin:0; }
				ul.box-equipe li .info h3{ font-size:21px; line-height:20px; margin:0; font-style:italic; font-weight:300; color:#9ECC3F; }
				ul.box-equipe li .info p{ font-size:12px; font-style:italic; }
			ul.box-equipe li .bio{ float:right; width:380px; margin:0 0 15px 0; }
				ul.box-equipe li .bio p{ font-size:12px; font-style:italic; color:#333; text-align:justify; }
				
}

/*		
	Mobile Layout:480px.
	Gutters:24px.
	Outer margins:22px.
	Inherits styles from:Default Layout
*/

@media only screen and (max-width:767px) {

	#content-wrapper{}
		#content-wrapper .title h1{
			float:none; width:100%; font-size:19px; margin:0; line-height:19px; margin:0; font-style:italic; font-weight:700; color:#9ECC3F;
		}
		
		#content-wrapper .content{
			float:none; width:100%; min-height:0; margin:0 0 0 0; padding:0; border-left:0; border-right:0;
			font-family: 'Open Sans', sans-serif; font-size:14px; color:#000;
		}
			#content-wrapper header{ width:100%; padding:5px 0; }
				#content-wrapper header h1{ font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:300; text-transform:uppercase; }
			#content-wrapper .content div,
			#content-wrapper .content p
			{ font-family: 'Open Sans', sans-serif; font-size:13px; text-align:justify; color:#000; margin:0 0 10px 0; }
			#content-wrapper .content img{ margin:5px 10px; }
			#content-wrapper .content iframe{ max-width:100%; max-height:360px; margin:10px 0; }
			#content-wrapper .content ul,
			#content-wrapper .content ol{ position:relative; list-style:circle; padding:0 10px 0 0; margin:0 0 15px 30px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#000; }
			#content-wrapper .content li{ color:#000; }
			#content-wrapper .content a{ text-decoration:underline; }

	/* EQUIPE */
	ul.box-equipe{ list-style:none; width:100%; padding:0 0% }
		ul.box-equipe li{ padding:20px 0; border-top:1px solid #CCC; }
		ul.box-equipe li:first-child{ border-top:0; }
			ul.box-equipe li img{ float:left; margin:0 10px 0 0; }
			ul.box-equipe li .info{ float:none; width:100%; margin:5px 0 0 0; }
				ul.box-equipe li .info span{ font-size:10px; color:#333; margin:0; }
				ul.box-equipe li .info h3{ font-size:21px; line-height:20px; margin:0; font-style:italic; font-weight:300; color:#9ECC3F; }
				ul.box-equipe li .info p{ font-size:12px; font-style:italic; }
			ul.box-equipe li .bio{ float:none; width:100%; margin:0 0 15px 0; }
				ul.box-equipe li .bio p{ font-size:12px; font-style:italic; color:#333; text-align:justify; }
				
}
/*		
	Wide Mobile Layout:480px.
	Gutters:24px.
	Outer margins:22px.
	Inherits styles from:Default Layout, Mobile Layout.
*/

@media only screen and (min-width:480px) and (max-width:767px) {
	
	#content-wrapper .content img{ max-width:100%; max-height:480px; margin:5px 10px; }
	#content-wrapper .content iframe{ max-width:100%; margin:10px 0; }
}