@charset "utf-8";
/* CSS Document */
@import "../../portfolio/js/orbit.css";
@import "reset.css";
@import "960.css";
@import "text.css";


* {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

html {
background:url("../../IMG/gribouilli.jpg") repeat scroll 0 0 transparent;
}

a:hover (ligne 61)

{
	text-decoration: none;
color:#BF0000;
background-color: #e8e8e8;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;

}

body a {
	margin:0px;
	text-decoration:none;
	color:#B30000;
}

.global { 
background:url("../../IMG/bg-top.png") no-repeat scroll center top transparent;
}

/*portfolio*/

.globalportfolio{ 
background:url(../../portfolio/img/bg-papier-bleu.png) repeat-x scroll center 49px transparent;
}

a img {
border:0 none;
}

.sup_tete {
}

		#top_tete {height:49px;
					background: url(../../portfolio/img/top.jpg) repeat-x;
					font-size:16px;
					padding-right:200px;
					padding-top:8px;
					letter-spacing: 0.119em;
					text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
					}

		#top_tete ul li {list-style:none;
						float:right;	
						margin-rigt: 200px;						
							}
		#top_tete ul li a {
						color:#172941;
						font-family: 'Neucha', Arial;
						font-weight:bold;
							}
	
			#top_tete ul li a:hover {
						color:#3397D3;
							}

	#bandeau {
				width:256px;
				height:110px;
				background:url(../../portfolio/img/haut-bandeau.png) no-repeat scroll center top transparent;
				margin-top:-84px;
				padding-left:10px;
				display:block;
				float:left;
			  }

	#badges {
			width:262px;
		    height:64px;
			/*background:url(../../portfolio/img/badge.png);*/
			margin-top:-35px;
			margin-right: 20px;
			display:block;
			float:right;
			position:relative;
			}

		#badgef {
				width:50px;
				height:64px;
				display: inline;
				}

			#badgef a{
					background:url(../../portfolio/img/badgef.png) left top no-repeat; 
					display:block;
					float:left;
					width:50px;
					height:64px;
					}

				  #badgef a:hover {
					  background:url(../../portfolio/img/badgef.png) right top no-repeat; 
					  }

		#badger {
				width:41px;
				height:64px;
				display: inline;
				}

			#badger a{
					background:url(../../portfolio/img/badger.png) left top no-repeat; 
					display:block;
					float:left;
					width:41px;
					height:64px;
					}

				  #badger a:hover {
					  background:url(../../portfolio/img/badger.png) right top no-repeat; 
					  }
		#badgeti {
				width:40px;
				height:64px;
				display: inline;
				}

			#badgeti a{
					background:url(../../portfolio/img/badgeti.png) left top no-repeat; 
					display:block;
					float:left;
					width:40px;
					height:64px;
					}

				  #badgeti a:hover {
					  background:url(../../portfolio/img/badgeti.png) right top no-repeat; 
					  }
		#badgetu {
				width:40px;
				height:64px;
				display: inline;
				}

			#badgetu a{
					background:url(../../portfolio/img/badgetu.png) left top no-repeat; 
					display:block;
					float:left;
					width:40px;
					height:64px;
					}

				  #badgetu a:hover {
					  background:url(../../portfolio/img/badgetu.png) right top no-repeat; 
					  }
		#badgev {
				width:40px;
				height:64px;
				display: inline;
				}

			#badgev a{
					background:url(../../portfolio/img/badgev.png) left top no-repeat; 
					display:block;
					float:left;
					width:40px;
					height:64px;
					}

				  #badgev a:hover {
					  background:url(../../portfolio/img/badgev.png) right top no-repeat; 
					  }
		#badgey {
				width:51px;
				height:64px;
				display: inline;
				}

			#badgey a{
					background:url(../../portfolio/img/badgey.png) left top no-repeat; 
					display:block;
					float:left;
					width:51px;
					height:64px;
					}

				  #badgey a:hover {
					  background:url(../../portfolio/img/badgey.png) right top no-repeat; 
					  }

div#tete {
	padding-top:40px;
}

.sup_contenu {
	background:url("../../IMG/content-bg.png") repeat-y scroll 0 0 transparent;
	margin:0 auto;
	padding:15px;
	width:960px;
	margin-top:-5px;
}

#contenu {
	background-color:#FFF;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
}

div#col1 {
	text-shadow:#CCC 1px 1px 1px;
	background:#FFF;
}

div#col1 a,p {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	clear:both;
}

div#col1 h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #000;
	font-style:inherit;
	font-weight:inherit;
}
div#col1 h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:20px;
	margin:-2px;
	font-size:120%;
	color:#1B6D85;
}

div#col1 ul{
	
}
.col1cat {
	float:center;
	font: 40px 'Lobster', Arial, sans-serif;
	color:#1E6F87;
	padding-left:3px;
	}

div#col1 li{
	list-style:none;
	clear:left;
	margin-left:0;
}	
div#col1 img {
	margin:10px auto 5px auto;
	text-align:center;
}

div#col2 {
	background-color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#col2 p {
	padding-right:20px;
}

div#col2 h2,h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#1B6D85;
}

div#col2 h2 {
	font-family:Geneva, Georgia, "Times New Roman", Times, serif;
	font-size:400%;
	margin-top:-5px;
}

div#col2 h3 {
	margin-top:-10px;
	font-size:120%;
	margin-top:-30px;
}

div#col2 h4 {
margin-top:20px;
margin-bottom:0px;
font-size:200%;
font-weight:normal;
color:#1B6D85;
}

div#col2 h6 {
text-align:right;
font-size:120%;
font-weight:normal;
color:#1B6D85;
}

div#bas_pied {
	background:url("../../IMG/content-footer-img.png") no-repeat scroll 0 0 transparent;
	height:24px;
	margin:0 auto;
	width:994px;
	padding-bottom:50px;
}

div#pied {
	background:url(../../img/fd_pied.png) repeat-x;
	height:80px;
}
div#pied p {
	font-style:oblique;
	padding-top:15px;
}
div#pied p a:hover{
	color:#FFF;
}

div#pied img a {
border:0px;
}

div#pied ul{
	padding-left:230px;
}


div#pied li{
	list-style:none;
	float:left;
	padding:10px;
	position:relative;
	border:0px;
	text-decoration:none;
}

div#pied li a {
	color:#FFF;
	font-decoration:none;
	display:block;
	text-align:center;
}
div#pied p{
	color:#000;
	text-align:right;
	padding-right:30px;
	text-shadow:#CCC 1px 1px 1px;
	font-size:90%;
}

.justifie p {
text-align:justify;
}

/*feuille style page article*/

div#atete {
	padding-top:40px;
}

div#acontenu {
	background-color:#FFF;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
}

div#acol1 {
	text-shadow:#CCC 1px 1px 1px;
}

div#acol2 {
	background-color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#acol2 p {
	padding-right:20px;
}

div#acol2 h1 {
	font-family: 'Lobster';
	font-weight:normal;
	color:#1B6D85;
	font-size:54px;
}

div#acol2 h2,h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#1B6D85;
}

div#acol2 h2 {
	font-size:400%;
	margin-top:-5px;
}

/*div#acol2 h3 {
	margin-top:-10px;
	font-size:120%;
	margin-top:-30px;
}*/

div#acol2 h4 {
font-weight:normal;
color:#1B6D85;
}

div#acol2 h5 {
margin-bottom:0px;
font-size:90%;
font-weight:normal;
color:#1B6D85;
}

div#acol2 h6 {
text-align:right;
font-size:120%;
font-weight:normal;
color:#1B6D85;
}

span.style1 {
	font: 22px 'Lobster', Arial, sans-serif;
	color:#1E6F87;
	padding-left:3px;
		}

span.style2 { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #000;
	font-style:inherit;
	font-weight:inherit;
	line-height:normal;
	}


@font-face {
	font-family:'Birch Std';
	src: url('birchstd-webfont.eot');
	src: local('☺'), url('birchstd-webfont.woff') format('woff'), url('birchstd-webfont.ttf') format('truetype'), url('birchstd-webfont.svg#webfontJJ61ju09') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {
 	font-family: 'Birch Std', arial;
  	font-size: 33px;
    font-style: normal;
    text-shadow: 2px 2px 1px #ffffff;
    text-decoration: none;
    text-transform: none;
	text-align:center;
	line-height:1.3em;
	font-weight:normal;
	
		}
			
.style4 {
 	font-family: 'Lobster', arial;
  	font-size: 42px;
    font-style: normal;
    text-shadow: -1px -1px 1px #000000, 2px 2px 2px #ffffff;
    text-decoration: none;
	text-align:center;
	color:#3397D3;
		}


.portfolio {
	margin:0 auto;
	padding:15px;
	width:960px;
}
#contenuporfolio {
	position:relative;
	padding-top:10px;
	text-align:center;
	background:url(../../portfolio/img/bg-papier.jpg) repeat scroll 0 0 transparent;
;
}

#vignette {
	background:url(../../portfolio/cadre-vignette.png);
	padding-left:50px;

}

#tumbs {
	margin-top:10px;
	width:	auto;
	height:509px;
	float:left;
	background:url("../../portfolio/img/bas-bandeau.png") no-repeat scroll 0 0 transparent;
	padding-top:60px;
}



	#largeC ul li
	{
		list-style:none;
	}

#tumbs ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 242px;
}
#tumbs ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	clear:none;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
#tumbs ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #36a4c5;
	position: absolute;
	left: 0; top: 0;
}
#tumbs ul.thumb li img.hover {
	/*background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect*/
	/*border: none; *//* Get rid of border on hover */
}

.hide{display:none;}



/*portfolio*/

.clearfix {
		clear:none;
		font-size:normal;
		}


div#pcol1 {
	text-shadow:#CCC 1px 1px 1px;
	float:left;
}

#logo {
	float:left;
	padding-left:22px;
		}
	
	  div#pcol2 {
		  font-family:Georgia, "Times New Roman", Times, serif;
		  }

		#headcol2 h2{
			height:88px;
			font-family:'Neucha', Arial;
			font-size:23px;
			color:#4a6a81;
			text-align:left;
			padding-left:46px;
			padding-top:44px;
			line-height:1.1em;
			}
			#headcol2 a{	
					color:#3F2917;			
					font-weight:bold;
					}

		#navcol2 {
			float:right;
			width:468px;
			height:63px;
			background-image:url(../../portfolio/img/banniere.png);
			margin-right:-37px;

				}	

			#navcol2 ul {
				list-style:none;
				margin:0;
				padding:0;
				}
				
					#navcol2 ul li a{
						display:inline;
						float:left;
						font-size:20px;
						font-family:'Lobster', arial, serif;
						color:#663300;
						padding-right:50px;
						padding-top:5px;
						}

					#navcol2 ul li a:active{
						color:#FFF;
						}

					#navcol2 ul li a:hover{
						color:#907354;
						text-shadow:2px 2px 2px #000000;
						}


		  #contentcol2 {
				  width:627px;
				  height:530px;
				  background:url(../../portfolio/img/content.png) no-repeat 0 0 transparent;
				  margin-left:25px;
				  padding-top:14px;
				  padding-left:20px;
				  float:left;
				  overflow:hidden;
				  }



 			#contentcol2 ul li a img{
					padding-right:44px;
					margin-top:5px;
					padding-top:30px;
					}

					.hauteur {
						height:385px;
							}
		
					.com {
						font-family:Georgia, "Times New Roman", Times, serif;
						color:#348EA3;
						font-size:20px;
						padding-top:35px;
						}

					.com2 {
						font-family:Georgia, "Times New Roman", Times, serif;
						color:#3D3023;
						font-size:15px;
						padding-bottom:30px;
						}

					.com2 a{
						color:#3D3023;
						}		


	#argu{ 
		height:175px;
		width:960px;
			}

		.carre {
			float:left;
			height:200px;
			width:195px;
			background:url(../../portfolio/img/carre.png) no-repeat 0 0 transparent;
			padding-top:5px;
			margin-left:40px;
				}

			.carre img {
					float:left;
					padding-left:15px;
					padding-top:15px;
					}
			.carre h2 {
					float:right;
					font-family:'Birch Std', arial;
					color:#663300;
					font-size:28px;
					font-weight:lighter;
					padding-right:40px;
					padding-top:15px;
					}
			.carre ul {
					text-align:left;	
					padding-left:10px;
					padding-top:70px;
					}



			.carre ul li {
					font-family:Georgia, "Times New Roman", Times, serif;
					text-decoration:none;
					list-style-image:url(../../portfolio/img/puce.png);
					font-size:11px;
					
					}
		#degradbas {
					width:100%;
					height:33px;
					float:left;
					}

				#degradbas2 {
					background:url(../../portfolio/img/degradedubas.png) repeat-x;
					height:33px;
						}


		#piedport {
				margin-top:-33px;
				background: url(../../portfolio/img/btm.png) repeat-x 0 0 transparent;
				height:431px;}

		#piedport h1{
				font: 26px 'Lobster', Arial, sans-serif;
				color:#172941;
				text-align:left;
				padding-left:10px;
				padding-top:20px;
				text-shadow: 1px 1px 3px #ffffff;
				}

		.separateur {	
					float: left;
					height:398px;
					width:20px;
					background-image:url(../../portfolio/img/separateur.png);
					padding-top:30px;
					}
			#bouille {
					float:left;
					width:215px;
					padding-left:33px;
					}

				#bouillephoto {
					width:190px;
					height:309px;
					display:block;
					}


				#bouillephoto a {
					background:url(../../portfolio/img/photojul.png) left top no-repeat; 
					width:190px;
					height:309px;
					display:block;
					float:left;
					}

				#bouillephoto a:hover{
					background:url(../../portfolio/img/photojul.png) right top no-repeat; 
					}

			#social  {
					float:left;	
					width:230px;
					padding-left:3px;
			}
				#social ul {
					padding-top:25px;
					padding-left: 20px;
						}
					#social ul li {
						font-family:'neucha', "Times New Roman", Times, serif;			
						text-decoration:none;
						font-size:19px;
						list-style-image:url(../../portfolio/img/letD.png);
						}
						
						#social ul li a{
									color:#000;
						    		text-shadow: 1px 1px 2px #FFFFFF;
										}

							#social ul li a:hover {
									color:#3397D3;
									font-weight:lighter;
									text-shadow: none;		}
						#social img{
									padding-left:16px;
											}
			#contactp {
					float:left;			
					padding-left:10px;
			}
				
				

				#fdcontact {
							margin-left:10px;
							margin-top:10px;
							width: 385px;
							height:216px;
							background-image:url(../../portfolio/img/fd-contact.png);
							font-family:'neucha';
							font-size:20px;}


					#fdcontact form { 
								padding-left:19px;
								padding-top:16px;
										}		

						#fdcontact.champs {
											margin-top:10px;
											margin-bottom:10px;
										
											}
								#fdcontact label { width:100px;
											display:block;
											float:left;
											}
								#fdcontact imput { width:150px;
											float:left;
											}
								.imputxt {
											font-family:Georgia, "Times New Roman", Times, serif;
											color:#009;
											width:245px;
											font-size:13px;
											}
								.imputxt:focus {
											background:#dac296;
											}												
								#fdcontact textarea {	
											height:78px;
											width:345px;
											}
								#fdcontact input[type="submit"] {
											background:url(../../portfolio/img/bgenvoyez.png) no-repeat 0 0 transparent;
											width:140px;
											height:74px;
											font-family:'neucha',arial;
											font-weight:bold;
											color:#663300;
											font-size:23px;
											margin-left:198px;
											margin-top:19px;
											border:0;  
											}
								#fdcontact input[type="submit"] {
											cursor:pointer;
											}
								
								#droit 	{
											padding-right:180px;
											font-style:italic;
											color: #000;
											background:url(../../portfolio/img/btmt.png) repeat-x;
											height:55px;
											font-weight: bolder;
											text-align:right;
											text-shadow: 1px 1px 2px #FFFFFF;
											padding-top:20px;
											font-size:16px;
											}
						
								.featured { 
									  width: 627px;
									  height: 530px;
									  background:url('orbit/loading.gif') no-repeat center center;
									  overflow:hidden; 
									  text-align:center;
										 }