/* CSS Document */

/*
/////////////////////////////////////////////////////////////////////////////////////////////
*********************************************************************************************

	� Copyright - C/V - Communication Visuelle - Mickael Houdebert - 2010
	http://www.communication-visuelle.ch - info@communication-visuelle.ch

*********************************************************************************************
	ALL DESIGNS AND SOURCES CODES ARE COPYRIGHTED
*********************************************************************************************

	Plus d'informations sur les droit d'auteurs:
	More informations about copyright at:

	http://www.admin.ch/ch/f/rs/231_1/index.html
	http://www.ige.ch/defaultf.htm

*********************************************************************************************
/////////////////////////////////////////////////////////////////////////////////////////////
*/


* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
	width:100%;
	margin:0;
	padding:0;
}

		body {
			height: 100%;
			width:100%;
			margin:0;
			padding:0;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			color:#000;
			background-image:url(../imgs/bkg.gif);
			background-repeat:repeat-y;
			background-position:center;
			background-color: #e0e0e1;
		}
		
				body a {
					text-decoration:none;
					color:#9FA08E;
				}
				
						body a img {
							border:0px;
						}
						
								body a img:hover {
									border:0px;
								}
		
						body a:hover {
							text-decoration: underline;
						}
						
				
				h1{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-weight:normal;
					font-size:12px;
					color:#b3b0a7;
					text-align:left;
				}
				
				h2 {
					font-family: Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:bold;
					font-style:normal;
					letter-spacing: 1px;
					text-transform:uppercase;
					text-decoration: none;
					color: #000;
					text-align:left;
					padding:2px 2px 2px 0px;					
				}
		
				
				h3 {
					font-family: Arial, Helvetica, sans-serif;
					font-size:12px;
					font-weight:bold;
					font-style:normal;
					letter-spacing: 1px;
					text-transform:uppercase;
					text-decoration: none;
					color: #000;
					text-align:left;
					padding:2px 2px 2px 5px;
				}
				
				h4, h5 {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size: 12px;
					text-decoration: none;
					color: #000;
					font-weight: bold;
					text-align:left;
					padding:2px 2px 2px 5px;
				}
				
				h6{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size: 26px;
					font-weight:normal;
					text-decoration: none;
					color: #000;
					text-align:left;
					padding:2px 2px 2px 0px;
				}
				
				h7{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size: 20px;
					font-weight:normal;
					text-decoration: none;
					color: #000;
					text-align:left;
					padding:2px 2px 2px 0px;
				}

				p {
					margin:0;
					color:#000;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:11px;
					text-align:left;
				}
				
				strong {
					color:#000;
				}
		
				.bold {
					font-weight:bold;
				}

				.copyright {
					font-size:9px;
				}
				
				.AddThisButton{
					position:absolute;
					padding:6px 0px 6px 10px ;
					margin-left:230px;
					margin-top:40px;
					background-color:#fff;
					width:55px;
				}
		

				/* Exception pour les png transparents internet explorer 6 */
				img, div {
					behavior: url(iepngfix.htc)
				}
				
				.version{
					position:absolute;
					margin:-10px 10px;
					display:none;
				}
				
				*+html .version{
					margin-left:-78px;
				}
	
	
				
/********************************************************************************/
/*	Structure de base, Global et page
/********************************************************************************/

		.global{
			width:978px;
			padding-right:5px;
		}
				
				
				.LeftSide{
					width:234px;
					float:left;
				}
				
				.RightSide{
					width:743px;
					float:right;
				}



		.header {
			float: left;
			margin-top:15px;
		}
	
	
		.page{
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	
	
		.logo {
			width:208px;
			height:164px;
			padding:5px 6px 5px 6px;
			background-color:#fafafa;
			float:right;
			text-align:left;
		}
			
			/*IE
			*+html .logo {
				margin-left:-150px;
			}
			*/


		/*---- footer ----*/
 
		.footer {
			width:100%;
			float:left;
			padding-bottom:25px;
			margin-bottom:25px;
		}
		
				.AppleCertified{
					position:absolute;
					margin-top:-55px;
					margin-left:23px;
					background-color:#999;
				}
				
				/*IE
				*+html .AppleCertified{
					margin-left:-210px;	
					background-color:#fff;
				}
				*/
				

		.copyright{
			text-align:left;
			float:left;
			margin-top:5px;
			margin-left:24px;
			color:#9FA08E;;
		}

	
/********************************************************************************/
/*	Pages / Contenu
/********************************************************************************/



		/*--------- Module des contenus de gauche ----------*/
		/*
		.ModuleLeftSide{
			width:219px;
			height:164px;
			float:left;
			margin-left:15px;
			margin-bottom:20px;
			padding-top:10px;
			text-align:left;
			border-bottom:1px solid #bdbec0;
			font-style:italic;
		}
		
				.ModuleLeftSide p{
					margin-left:1px;
				}
		
				.ModuleLeftSide ul{
					margin-left:1px;
				}
						.ModuleLeftSide li{
							list-style-type:none;
						}
								.ModuleLeftSide li a{
									padding-left:5px;
									color:#9fa08e;
								}
										ModuleLeftSide li a:hover{
											text-decoration:underline;
										}
		*/		
				
		/*--------- Module des contenus de gauche NEW Cary ----------*/		
				
		.ModuleLeftSide_Begin{
			width:219px;
			height:175px;
			float:left;
			margin-left:15px;
			margin-bottom:20px;
			text-align:left;
			/*border-bottom:1px solid #bdbec0;*/
			font-style:italic;
			/*background-color:#9C9;*/
		}
				
				.ModuleLeftSide_Begin h2{
					padding-left:7px;
				}
				
				.ModuleLeftSide_Begin p{
					padding-left:7px;
				}
		
		.ModuleLeftSide{
			width:219px;
			height:164px;
			float:left;
			margin-left:15px;
			margin-bottom:20px;
			padding-top:10px;
			text-align:left;
			border-top:1px solid #bdbec0;
			font-style:italic;
		}
		
				.ModuleLeftSide p{
					margin-left:1px;
				}
		
				.ModuleLeftSide ul{
					margin-left:1px;
				}
						.ModuleLeftSide li{
							list-style-type:none;
						}
								.ModuleLeftSide li a{
									padding-left:5px;
									color:#9fa08e;
								}
										ModuleLeftSide li a:hover{
											text-decoration:underline;
										}
				
				
				
		/*--------- Menu en carré des projets présentés ----------*/
		.ModuleWork{
			width:220px;
			height:164px;
			float:left;
			margin:0px 0px 20px 24px;
			padding-top:10px;
			background-color:#fafafa;
		}	
		
				.ModuleWork:hover{
					background-color:#ececec;
				}
		
				.ModuleWork img{
					border:0;
				}
				
	
				.ModuleWork ul{
					margin-top:10px;
					margin-left:5px;
				}
				
						.ModuleWork li{
							text-align:left;
							list-style-type:none;
						}
						
								.ModuleWork a{
								}
								
										.ModuleWork a:hover{
										}
						
						
				.ModuleWork h6{
					text-align:right;
					padding-right:21px;
					color: #999;
					font-weight:normal;
				}
				
				
						
						/*--------- Login ----------*/
							
							.Login{
								float:left;
								text-align:left;
								width:185px;
								padding:10px 5px 0px 15px;
							}
							
							/*--------- Formulaires ----------*/
								
								input{
										width:110px;
										margin-bottom:0px;
										float:right;
									}
									
											.send{
												width:auto;
											}
											
													.send:hover{
														width:auto;
														background-color: #666;
														color:#ccc;
														cursor:pointer;
													}
								
								/*--------- fin Formulaires ----------*/
						
						/*--------- fin Login ----------*/
				
				
		/*--------- module de liens pour le footer ----------*/
		.ModuleFooter{
			width:220px;
			height:75px;
			float:left;
			margin:0px 0px 12px 24px;
			padding-top:10px;
			/*background-color:#fafafa;*/
		}


		.AnimLogos{
			border-top:1px solid #bdbec0;
			margin-left:15px;
			/*background-color:#fafafa;*/
		}
		

		/*
		.TitreNavFooter{
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-weight:bold;
			font-style:normal;
			color:#000;
			letter-spacing:1px;
			margin-bottom:10px;
			float:left;
			width:100%;
		}
		*/


		.NavFooter{
			color:#9FA08E;
			text-align:left;
			font-style:italic;
		}
		
				.NavFooter ul{
					margin-top:10px;
				}
				
						.NavFooter li{
							list-style-position:inside;
							list-style-type:none;
							display:inline;
						}
						
								.NavFooter a{
									color:#9FA08E;
								}
								
								.NavFooter a:hover{
									text-decoration:underline;
									cursor:pointer;
								}
				
		.NavFooter .MenuSelect{
		}


		/*--------- module ----------*/	
		.MediasSociaux{
			height:25px;
			width:219px;
		}
	
				.MediasSociaux img{
					padding-top:5px;
				}
				
				.MediasSociaux a{
					margin-top:8px;
					float:right;
					width:190px;
					text-align:left;
				}

	
		.separateur{
			border-top:1px solid #bdbec0;
			width:708px;
			height:0px;
			float:left;
			margin-left:24px;
		}
		
	
	
		.AppleLogo{
			width:943px;
			height:50px;
			float:left;
			text-align:left;
			padding-left:20px;
		}
		
		.TitreHome{
			color:#000;
			font-style:italic;
			margin:9px 0px 0px 7px;
			text-align:left;
			font-size:9px;
		}
		
				.TitreHome a{
					margin-left:5px;
				}
			
			
			
		/*--------- Menu Services ----------*/		
		.ModuleServices{
			float:right;
			width:681px;
			height:340px;
			background-color:#fafafa;
			
			margin: 0px 13px 20px 0px;
			padding: 30px 10px 0px 15px;
		}	
		
				.ServicesTexteCourt{
					margin-top:10px;
					color:#B09A71;
					font-size:18px;
				}

				.ServicesTexteLong{
					margin-top:10px;
							line-height:20px;
				}
				
						.ServicesTexteLong p{
							line-height:28px;
						}
			
		/*--------- Menu Expos ----------*/		
		.ModuleExpos{
			float:right;
			width:681px;
			background-color:#fafafa;
			
			margin: 0px 13px 20px 0px;
			padding: 30px 10px 0px 15px;
		}
		
				.TexteCourt{
					margin-top:10px;
					color:#B09A71;
					font-size:18px;
				}

				.TexteLong{
					margin-top:10px;
					line-height:16px;
				}
				
						.TexteLong p{
							line-height:12px;
						}
		
							
				
		/*--------- Grille texte expos ----------*/		
		.ModuleWorkExpo{
			width:215px;
			float:left;
			padding:10px 12px 12px 0px;
		}	
		.ModuleWorkVignettes{
			width:215px;
			float:left;
			padding:0px 12px 20px 0px;
		}
		
		/*
		.ModuleWorkExpo p{
			text-align:justify;
		}
		*/
			
		
			
			
		/*--------- Liens  + intro texte sur une ligne ----------*/		
		.ModuleLiensIntro{
			float:right;
			width:681px;
			height:146px;
			background-color:#fafafa;
			
			margin: 0px 13px 20px 0px;
			padding: 30px 10px 0px 15px;
		}	
		
				.ServicesTexteCourt{
					margin-top:10px;
					color:#B09A71;
					font-size:18px;
				}

				.ServicesTexteLong{
					margin-top:10px;
					line-height:20px;
				}
				
						.ServicesTexteLong p{
							line-height:33px;
						}	
			
			
			
			
		/*--------- Menu Presentation des travaux ----------*/	
		.ModulePresentation{
			float:right;
			width:706px;
			height:370px;
			margin: 0px 3px 20px 0px;
			padding: 0px 10px 0px 0px;
		}	
			
				.ModulePresentationImage{
					float:left;
					background-color:#fafafa;
					padding:15px;
					height:340px;
					width:433px;
				}
				
				.ModulePresentationTexte{
					float:right;
					width:218px;
					height:100%;
				}
				
						.ModulePresentationTexte p{
							margin-top:15px;
							font-style:italic;
						}


				.LienWork{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-style:italic;
					float:left;
					margin-top:25px;
					color:red;
				}
			
				.ModulePresentationImage-addon{
					float:left;
					width:100%;
					text-align:left;
					
				}
			
			
				/*--------- Page de contact ------------------------------------*/
				.FloatLeft{
					float:left;
				}
		
			
			

/********************************************************************************/
/*	Menus et Navigations
/********************************************************************************/


		/*--------- Menus ---------------------------------------------*/
		#MenuRealisations,
		#MenuServices,
		#MenuBiographie{
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			width:220px;
			height:174px;
			font-size:10px;
			background-color:#fafafa;
			float:left;
			margin-left:24px;
			text-align:left;
		}
		
				#MenuRealisations:hover{
					background-image:url(../imgs/BKG_MenuDesign.jpg);
					background-repeat:no-repeat;
				}
				
				
				#MenuServices:hover{
					background-image:url(../imgs/BKG_MenuServices.jpg);
					background-repeat:no-repeat;
				}
				
				#MenuBiographie:hover{
					background-image:url(../imgs/BKG_MenuBio.jpg);
					background-repeat:no-repeat;
				}
				
						#MenuRealisations:hover h3,
						#MenuServices:hover h3,
						#MenuBiographie:hover h3{
							color:#fff;
						}
		
		
		
				#MenuRealisations ul,
				#MenuServices ul,
				#MenuBiographie ul{
					padding:20px 10px 0px 10px;
				}
				
				
						#MenuRealisations li,
						#MenuServices li,
						#MenuBiographie li{
							list-style-type:none;
						}
						
						
								#MenuRealisations li a,
								#MenuServices li a,
								#MenuBiographie li a{
									width:190px;
									padding:1px 5px 1px 5px;
									margin:0px 0px 0px 0px;
									float:left;
								}
								
								
										#MenuRealisations li a{
											width:190px;
											padding:1px 5px 1px 5px;
											margin:0px 0px 0px 0px;
											float:left;
											color:#9a9788;
										}
										#MenuRealisations li a:hover{
											color:#fff;
											background-color:#9a9788;
											text-decoration:none;
										}
										
										#MenuServices li a{
											width:190px;
											padding:1px 5px 1px 5px;
											margin:0px 0px 0px 0px;
											float:left;
											color:#b09a71;
										}
										#MenuServices li a:hover{
											color:#fff;
											background-color:#b09a71;
											text-decoration:none;
										}
										
										#MenuBiographie li a{
											width:190px;
											padding:1px 5px 1px 5px;
											margin:0px 0px 0px 0px;
											float:left;
											color:#a1a278;
										}
										#MenuBiographie li a:hover{
											color:#fff;
											background-color:#a1a278;
											text-decoration:none;
										}
										
										
								#MenuRealisations .Menu_select a{
									color:#fff;
									background-color:#9a9788;
									text-decoration:none;
								}
								#MenuServices .Menu_select a{
									color:#fff;
									background-color:#b09a71;
									text-decoration:none;
								}
								#MenuBiographie .Menu_select a{
									color:#fff;
									background-color:#a1a278;
									text-decoration:none;
								}
		/*-------------------------------------------------------------*/




		/*---- Navigation TOP ----*/
		#Menu {
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-style:normal;
			list-style-type:none;
			padding:0px 0 5px 5px;
			text-transform:uppercase;
			margin-bottom:20px;
			text-align:left;
			
		}

				#Menu ul {
					list-style-type:none;
					margin:0;
				}

						#Menu li {
							display:inline;
							margin-right:3px;
							color:#222;
						}

								#Menu a {
									color: #000;
									text-decoration:none;
									padding:0;
								}

								#Menu a:hover {
									text-decoration:underline;
								}

		#Menu .Menu_select {
			color: #000;
			text-decoration:underline;
		}

		#menu .Menu_select a {
			color: #000;
			text-decoration:underline;
		}




		/*---- menu segondaire ----*/
		#Smenu,
		#sSmenu {
			text-align:left;
			margin-top:5px;
			margin-bottom:5px;
			margin-left:15px;
		}		

				#Smenu ul,
				#sSmenu ul {
					padding-top:0px;
					padding-left:0px;
				}
				
						#Smenu li,
						#sSmenu li {
							list-style-type:none;
							padding: 1px 0px 1px 0px;
							background-image:none;
						}
						
								#Smenu a,
								#sSmenu a {
									color:#999;
									text-decoration:none;
									padding-left:20px;
								}
								
								#Smenu a:hover,
								#sSmenu a:hover {
									color:#fff;
								}
								
		#Smenu .sMenu_select a,
		#sSmenu .SsMenu_select a {
			color:#666;
		}


	
	
	
	

/********************************************************************************/
/*  Formulaires													
/********************************************************************************/

	INPUT { 
		color: #000; 
		background-color: #EEEEEE;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		height:17px;
		width:345px;
		border: 1px solid #666;	
	}
	
	SELECT { 
		color: #000; 
		background-color: #EEEEEE;
	}
	
	TEXTAREA { 
		color: #000; 
		background-color: #EEEEEE;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border: 1px solid #666;	
	}
	.txterror { 
		color: #000; 
	}
	.txtform { 
		color: #000;
		font-size:11px;
	}
	
	.BtnSubmit{
		width:75px;
	}
	
			.BtnSubmit:hover{
				width:75px;
				cursor:pointer;
			}
	


/********************************************************************************/
/*  Ancien module des logos											
/********************************************************************************/

/* ---------------------What You Need--------------------- */
		/* Content Scroll*/
		 
		div.scroller { 	
			width:100px;
			height: 65px;
			float:left;
			overflow: hidden;
			margin: 10px 0px 0px 0px;
		}
			div.scroller div.section {		
				width:100px; 
				height: 65px;
				overflow:hidden;
				float:left;
			}
			div.scroller div.content {
				width: 10000px;
			}
		
			div#section2 {
				color:#ffffff;
			}
		
		.sliderview {
			margin: 28px 0 0 105px;
			width:180px;
			height: 29px;
			background: url(images/sliderviewthis.jpg) top left no-repeat;
			cursor: pointer;
		}
		
		.sliderview:hover {
			background: url(images/sliderviewthis.jpg) 0 -89px;
		}
		
		.sliderText {
			float: left; 
			width: 385px;
			height: 195px;
			margin: 4px 5px 0px 10px;
			color: #AAA;
			padding: 0px 0px 5px 3px;
			line-height: 1.2em;
		}
		
		.sliderText h2 {
			line-height: 1em;
			font: bold 23px georgia, serif;
			margin: 32px 0 10px 0;
		}
		
		.sliderImage{
			width: 90px;
			height: 55px;
			text-align:center;
		}
		
		.sliderImage img {
			margin: 5px 0 0 4px;
			float:left;
		}
		/* ---------------------End Of What You Need--------------------- */