/**************************** MAIN LAYOUT *****************************/

body {
	text-align:center;
	margin:0;
	padding:0;
	font: normal  11px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#707676;
	background:#000;
	/*background:#000 url("../imgs/layout/bg/footer.gif") repeat-x center;*/
}

#mainContainer{
	width:770px;
	text-align:left;
	position:absolute;
	left:50%;
	margin-left:-385px;
	background-color: #fff;
}


#header {
	height:281px;
	width:770px;
	background-color: #fff;
	top:20px;
}

#header h1 {margin:0;display:none}

/*========================= DEBUT MENU ======================================*/
div#navcontainer
{
background:#000 url(../imgs/layout/bg/navBg.jpg) center center no-repeat;
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

.firstItem{border-left: 1px solid #fff;}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
div#navcontainer ul li a:links
	{
}
div#navcontainer ul li a:visited
	{
}
	
div#navcontainer ul li a:hover
{
	background-color: #a7e023;
	color: #000;
}
div#navcontainer ul li a:active
{
	background-color: #9cd31c;
	color: #000;
}

#active a { 
	background-color: #9cd31c;
	color: #000;
}
#active a:links { 
	background-color: #9cd31c;
	
}
#active a:visited { 
	background-color: #9cd31c;
	color: #000;
}
#active a:hover { 
	background-color: #9cd31c;
	color: #000;
}
#active a:active { 
	background-color: #9cd31c;
	color: #000;
}

/*========================= FIN MENU ======================================*/

#printBox{
}

.printShow{
	display:none;
}


#contentContainer{
	width:770px;
	margin:0;
	padding:0;
	background:#fff;
}

#content{
	background:#fff;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 25px;
}

		#content #leftCol{
			float:left;
			width:456px;
			background:#fff;
			padding-top: 30px;
			
		}

		#content #rightCol{
			float:right;
			width:254px;
			
		}

		/*1*/	#content #rightCol #firstBox{
					
					
				}
				#content #rightCol #firstBox #firstBox_top{
					background-image: url(../imgs/09-03/boite_bleu_top.jpg);
					background-repeat: no-repeat;
					height: 61px;
				}
				
				#content #rightCol #firstBox #firstBox_midl{
					background-image: url(../imgs/09-03/boite_bleu_mil.jpg);
					background-repeat: repeat-y;
					padding-left:14px;
					padding-top:10px;
					
				}
				
				#content #rightCol #firstBox #firstBox_bot{
					background-image: url(../imgs/09-03/boite_bleu_bot.jpg);
					background-repeat: no-repeat;
					height: 38px;					
				}
				
				
		/*2*/	#content #rightCol #secondBox{
					
				}
				
				#content #rightCol #secondBox #secondBox_top{
					background-image: url(../imgs/09-03/boite_rose_top.jpg);
					background-repeat: no-repeat;
					height: 53px;
				}
				
				#content #rightCol #secondBox #secondBox_midl{
					background-image: url(../imgs/09-03/boite_rose_mil.jpg);
					background-repeat: repeat-y;
					padding-right: 10px;
				}
				
				#content #rightCol #secondBox #secondBox_bot{
					background-image: url(../imgs/09-03/boite_rose_bot.jpg);
					background-repeat: no-repeat;
					height: 37px;
				}
				
				
		/*3*/	#content #rightCol #thirdBox{
			
				}
				
				#content #rightCol #thirdBox #thirdBox_top{
					background-image: url(../imgs/09-03/boite_vert_top.jpg);
					background-repeat: no-repeat;
					height: 53px;					
				}
				
				#content #rightCol #thirdBox #thirdBox_midl{
					background-image: url(../imgs/09-03/boite_vert_mil.jpg);
					background-repeat: repeat-y;
					padding-right: 10px;					
				}
				
				#content #rightCol #thirdBox #thirdBox_bot{
					background-image: url(../imgs/09-03/boite_vert_bot.jpg);
					background-repeat: no-repeat;
					height: 31px;
				}
								
								
	/*4th		#content #rightCol #fourthBox{
					margin-bottom:20px;
					padding:0 0 10px 0;
					
				}*/
				
				
	/*4*/		#content #rightCol #fourBox{
					
				}
				#content #rightCol #fourBox #fourBox_top{
					background-image: url(../imgs/09-03/boite_rouge_top.jpg);
					background-repeat: no-repeat;
					height: 55px;					
				}
				#content #rightCol #fourBox #fourBox_midl{
					background-image: url(../imgs/09-03/boite_rouge_mil.jpg);
					background-repeat: repeat-y;
					padding-bottom:30px;
					padding-left:10px;
				}
				
				#content #rightCol #fourBox #fourBox_bot{
						background-image: url(../imgs/09-03/boite_rouge_bot.jpg);
						background-repeat: no-repeat;
						height: 31px;
					}
				
				
					#links ul
					{
						list-style-type: none;
						padding: 5px;
						margin: 5px;
					}
					
					#links li
					{
						background-image: url("../../assets/imgs/layout/icoLink.gif");
						background-position:left
					}
					
					
		#content #galLeftCol{
			float:left;
			width:313px;
			padding-top: 39px;
			background:#fff;
		}
		
		#content #galLeftCol #picTitle{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			color:#333;
			padding:2px 0 2px 0;
			border-bottom:#ccc 1px solid;
			border-top:#ccc 1px solid;
		}


		#content #galRightCol{
	float:right;
	width:420px;
	background:#fff;
	margin: 0px;
	padding: 0px;
		}
		
				#content #galRightCol #firstBox{
					padding: 0px;
					margin-right: 5px;
					margin-left: 10px;				
				}
				#content #galRightCol #firstBox #firstBox_top{
					background-image: url(../imgs/09-03/boite_page2_bleu_top.jpg);
					background-repeat: no-repeat;
					height: 78px;
					padding: 0px;
					margin: 0px;
				}
				#content #galRightCol #firstBox #firstBox_midl{
					background-image: url(../imgs/09-03/boite_page2_bleu_mil.jpg);
					background-repeat: repeat-y;
					padding: 0 30 0 30;
					margin: 0px;
				}
				#content #galRightCol #firstBox #firstBox_bot{
					background-image: url(../imgs/09-03/boite_page2_bleu_bot.jpg);
					background-repeat: no-repeat;
					height: 82px;
					padding: 0px;
					margin: 0px;
				}
				
						#content #galRightCol #firstBox p{
							padding:0px;
							margin: 0px;
						}	
						
						#content #galRightCol #firstBox form{
							padding:0px;
							margin: 0px;
						}	
					
				#content #galRightCol #secondBox{
					padding: 0px;
					margin-right: 5px;
					margin-left: 10px;
				}
				#content #galRightCol #secondBox #secondBox_top{
					background-image: url(../imgs/09-03/boite_page3-2_bleu_top.jpg);
					background-repeat: no-repeat;
					height: 77px;
				}
				#content #galRightCol #secondBox #secondBox_midl{
					background-image: url(../imgs/09-03/boite_page3-2_bleu_mil.jpg);
					background-repeat: repeat-y;
					padding: 0 15 0 20;
					margin: 0px;
				}
				#content #galRightCol #secondBox #secondBox_bot{
					background-image: url(../imgs/09-03/boite_page3-2_bleu_bot.jpg);
					background-repeat: no-repeat;	
					height: 70px;
				}
				
			    #galResultSubTtl{
					display:block;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					text-align:right;
					color: #f60;
					margin-top:0;
					margin-right: 40px;
					margin-bottom: 0px;
					margin-left: 0px;
				}
				
						#content #galRightCol #secondBox #gallery{
							padding:10px;
						}	
					
						#content #galRightCol #secondBox #gallery img{
							padding:5px;
						}


.corners{
	margin:0;
	padding:0;
	width:770px;
	height:22px;
	background:#fff;
}

#footer {
	clear:both;
	padding:27px 0 0 0;
	height:44px;
	width:770px;
	color:#707676;
	background:#000; /*url("../imgs/layout/bg/footer.gif") repeat-x center;*/
	text-align:center;
    font: normal  10px/15px Verdana, Arial, Helvetica, sans-serif; 
}

/*========================== TITRES ======================================*/

#content h2{
	margin:0;
	color:#fff;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight: lighter;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 35px;
}

	#content #leftCol h2{
	font-size:16px;
	line-height: 17px;
	font-family:"Frutiger LT Std 45 Light", Arial, "Lucida Grande", "Lucida Console";
	font-weight: lighter;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 35px;
	background-color: #9cd31c;
	background-image: url(../imgs/09-03/welcome_boite.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	/*line-height: 20px;*/
	}
	
	
	#content #galLeftCol h2{
		font-size:16px;
		font-family:"Frutiger LT Std 45 Light", Arial, "Lucida Grande", "Lucida Console";
		font-weight: lighter;
		padding-top: 7px;
		padding-right: 3px;
		padding-bottom: 3px;
		padding-left: 35px;
		border-bottom:1px solid #fff;
		background-color: #9cd31c;
		background-image: url(../imgs/09-03/lieuxdetournages_vert.jpg);
		background-repeat: no-repeat;
	}
		
	#content #rightCol #firstBox h2{
		
		padding-top: 35px;
		padding-right: 3px;
		padding-left: 76px;		
		
	}
	
		#content #galRightCol h2{
			padding:43px 3px 3px 75px;
			font-size:16px;
			
		}
		
		#content #galRightCol #secondBox h2{
			padding:48px 3px 3px 75px;
			font-size:16px;
			
		}
	#content #rightCol #secondBox h2{
		padding-top: 28px;
		padding-right: 3px;
		padding-left: 73px;
	}
	
	#content #rightCol #thirdBox h2{
		padding-top: 30px;
		padding-right: 3px;
		padding-left: 73px;	
		
	}
	
	#content #rightCol #fourthBox h2{
		padding-top: 28px;
		padding-right: 3px;
		padding-left: 73px;	
	
	}
	#content #rightCol #fourBox h2 {
		padding-top: 28px;
		padding-right: 3px;
		padding-left: 73px;	
	}
	
	
	
	

#content h3{
	color:#666;
	margin:30px 0 10px 0;
	padding:3px 0px 3px 5px;
	font-weight:bold;
	font-size:12px;
	
}

.title{
	font-size: 24px;
	color: #cf007b;
	background-image: url(../imgs/09-03/style_h3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: lighter;
	padding-left: 42px;
	height: 60px;
	display: block;
	padding-top: 18px;
	font-family: "Frutiger LT Std 45 Light", Arial, "Lucida Grande", "Lucida Console";
}


/*========================== LISTES ======================================*/
#content #leftCol ul
{
	list-style-type: none;
	padding: 5px;
	margin: 5px;
}

#content #leftCol li
{
	background:transparent url("../imgs/layout/elts/listBasic.gif") no-repeat 3px 5px    ;
	padding:0 0 5px 15px;
}

#content #rightCol ul{
	list-style-type: none;
	padding-right: 7px;
	padding-left: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#content #rightCol li{padding:0 0 5px 12px;}


#content #rightCol #secondBox li{
	background-color: transparent;
	background-image: url(../imgs/09-03/puce_rose.jpg);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 15px;
	padding-top: 2px;
}

#content #rightCol #thirdBox li{
	background-color: transparent;
	background-image: url(../imgs/09-03/puce_verte.jpg);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 15px;
	padding-top: 2px;
}

 /*#content #rightCol #fourthBox li{background:transparent url("../imgs/layout/elts/listDesk.gif") no-repeat 3px 5px    ;}*/




/*========================== LIENS ======================================*/

/* Links */
a              	{text-decoration : none;color:#3E4872}
a:link 			{text-decoration : color:#3E4872}
a:visited		{text-decoration : underline;color: #3E4872}
a:hover			{text-decoration : underline;color:#8C93BD}
a:active 		{text-decoration : underline;color:#3E4872}


/* Links > BOX*/ 
#content .article a 			{text-decoration : none;color:#f60;font-weight:bold}
#content .article a:link		{text-decoration : underline;color:#f60;font-weight:bold}
#content .article a:visited 	{text-decoration : underline;color:#f60;font-weight:bold}
#content .article a:hover		{text-decoration : none;color:#780702;font-weight:bold}
#content .article a:active 		{text-decoration : underline;color:#f60;font-weight:bold}

/*rightCol*/
#content #rightCol a         {text-decoration : none;color:#656565;font-size: 10px}
#content #rightCol a:link    {text-decoration : none;color:#656565;font-size: 10px}
#content #rightCol a:visited {text-decoration : none;color:#656565;font-size: 10px}
#content #rightCol a:hover	 {text-decoration : none;color:#656565;font-size: 10px}
#content #rightCol a:active	 {text-decoration : none;color:#656565;font-size: 10px}

/**************************** HTML ELEMENTS ****************************/

img{
border:0
}



#galLeftCol img{
	width:313px;
	height:411px;

}

/**************************** CUSTOM ELEMENTS ***************************/

#intro{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}


.subTitle{
font-weight:bold;
font-size:11px;
padding-left:10px;
border-left:3px solid #333;
background-color:#4a77a8;
color:#fff;
}

.articleTitle{
font-weight:bold;
font-size:11px;
color:#4a77a8;
background-image:url(../../assets/imgs/layout/arrow3dots.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:10px
}



/****************************** SCROLLING ******************************/
div.scrolling {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	height: 170px;
}

#visible {
	overflow: visible;
}

#hidden {
	overflow: hidden;
}

#scroll {
	overflow: scroll;
}

#auto {
	overflow: auto;
}

/****************************** FORMS *********************************/


label{
font-weight:bold;
color:#A30039;
}


input {
	color:#fff;
	background-color:#f60;
	font-size:10px;
	font-family:Verdana,Arial,Helvetica;
	margin-bottom:10px;
}

.select {
	/*color:#F1ECE8;*/
	color:#3E4872;
	background-color:#fff;
	font-size:10px;
	font-family:Verdana,Arial,Helvetica;
	width:300px;
	margin-bottom:5px;
	display:block;
}


#labelA,#labelB{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#f60;
	font-size:12px;
}