/* CSS Document */

body 				{
					background: url(images/img-background.jpg) repeat-x;
					background-attachment: fixed;
					margin: 0;
					padding: 0;
					text-align: center;
					background-color: #960000;
					}
			

.hidden 			{
					display: none;
					}


.clear 				{
					clear: both;
					}



#containerlogo 		{
					width: 170px;
					height:170px;
					text-align:left;
					position:absolute;
					margin-left:-170px;
					margin-top:20px;
					position:fixed;
					background-image:url(images/img-logo-joulie.png);
					}
			
			
#container 			{
					margin: 0px auto;
					text-align: left;
					width: 700px;
					}
		
			
#contenu 			{
					background: url(images/img-fond-container.jpg) repeat-y 50% 0;
					background-attachment: fixed;
					margin: 0px auto;
					text-align: left;
					width: 700px;
					}
			
			
#container h1 		{
					width: 700px;
					margin-left:0px;
					margin-top: 0px;
					margin-bottom:0px;
					}
			
			
#left 				{
					width: 180px;
					float: left;
					}
					
			
#flash				{
					margin-left: 0px;
					margin-top: 0px;
					width: 700px;
					height: 360px;
					}
					
			
#content			{
					width: 450px;
					float: left;
					padding: 0 0 0 0;
					margin-top: 0px;
					margin-left: 0px;
					margin-right: 0px;
					}
					
			
#texte				{
					width: 490px;
					float:right;
					padding: 15px 15px 15px 15px;
					text-align:justify;
					min-height:400px;
					}
			
			
#texte a:link		{
					color:#000000;
					}
			
/************************************/
			
#texteg 			{
					width: 300px;
					background-color:#FFFFFF;
					float:left;
					text-align:justify;
					}


#texted 			{
					width: 160px;
					background-color:#FFFFFF;
					float:right;
					text-align:left;
					}


#texteactu 			{
					width:490px;
					text-align:left;
					background-image: url(images/img-background-news.jpg);
					border-bottom:1px dashed #CCCCCC;
					}
	
	
#texteactu1 		{
					width:490px;
					text-align:center;
					background-image: url(images/img-background-news-titre.jpg);
					}
			
			
#texte h2			{
					font: normal 18px Georgia, Times New Roman, Times, serif;
					color:#303030;
					padding: 0 0 0 0px;
				
					}
			
			
.text				{
					font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
					color:#4A4A4A;
					}
			
			
/************************************/

.textoffres			{
					font: 10px Verdana, Arial, Helvetica, sans-serif;
					color: #8D8D8D;
					}
					
/************************************/
			
			
.text2				{
					font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
					color:#960000;
					}
	
			
.text3				{
					font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
					color:#8D8D8D;
					background-color:#FFFEE2;
					}
	
			
.text4				{
					font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
					color:#FFFFFF;
					}
	
			
.case 				{
					font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
					color: #999999;
					font-weight: normal;
					text-decoration: none;
					}
	
			
.imageright 		{
					float: right;
					padding: 7px;
					margin-left: 10px;
					margin-top: 5px;
					margin-bottom:10px;
					background-color: #ffffff;
					}


.imageleft 			{
					float: left;
					padding: 7px;
					margin-right: 10px;
					margin-top: 5px;
					margin-bottom:10px;
					background-color: #ffffff;
					}


#content h3			{
					margin-left: 0px;
					margin-top: 0px;
					width: 520px;
					height:300px;		
					}
	
			
#content h4			{
					margin-left: 15px;			
					margin-top: 0px;
					}


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

#navcontainer		{
					width: 180px;
					margin-left: 0px;
					margin-top:0px;
					}


#navcontainer ul	{
					margin: 0;
					padding: 0;
					list-style-type: none;
					font: normal 16px/22px Georgia, Times New Roman, Times, serif;
					text-indent: 10px;
					letter-spacing: 1px;
					border-bottom: none;
					}


#navcontainer a		{
					display: block;
					width: 180px;
					height: 27px;
					}
			
/************************************/
			
#drapeaux			{
					width: 65px;
					margin-left: 55px;	
					}

/************************************/
			
#menugeneral ul		{
					list-style-type: none;
					font: normal 16px/22px Georgia, Times New Roman, Times, serif;
					text-indent: 10px;
					letter-spacing: 1px;
					border-top: 1px dotted #ffffff;
					}
			
			
ul.menugeneral li	{
					font: normal 13px/22px Georgia, Times New Roman, Times, serif;
					}
					

.menugeneral a:link	{
 					color: #A80D09;
 					text-decoration: none;
					border-top: 1px dotted #ffffff;
					}
			
			
			.menugeneral a:visited	{
 					color: #A80D09;
 					text-decoration: none;
					border-top: 1px dotted #ffffff;
					}
					
			
			.menugeneral a:hover	{
					color: #E2100A;
					text-decoration: none;
					border-top: 1px dotted #ffffff;
					}
			
			
			.menugeneral a#current	{
					color: #A80D09;
					text-decoration: none;
					border-top: 1px dotted #ffffff;
					}


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

.metiers a:link		{
					list-style-type: none;
					font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
 					color: #8D8D8D;
 					text-decoration: none;
					}
			
			
.metiers a:visited	{
 					color: #8D8D8D;
 					text-decoration: none;
					}
			
			
.metiers a:hover	{
					color:#333333;
					text-decoration: none;
					}
			
			
.metiers a#current	{
					color: #8D8D8D;
					text-decoration: none;
					}

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

.navbarouge 		{
					color:#ffffff;
					text-decoration:none;
					text-indent: 10px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 14px;
					letter-spacing: 2px;
					}
					
					
.navba				{
					height:18px;
					width:155px;
					background-color:none;
					color:#ffffff;
					text-decoration:none;
					padding-left:15px; padding-right:10px; padding-bottom:3px; padding-top:7px;
					display:block;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					border-bottom:dotted 1px #FFFFFF;
					}
					
					
.navba:hover		{
					height:18px;
					width:155px;
					display:block;
					color:#FF8100;
					text-decoration:none;
					padding-left:15px;
					padding-right:10px;
					padding-bottom:3px;
					padding-top:7px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					border-bottom:dotted 1px #FFFFFF;
					}
					
					
.navba-on			{
					height:18px;
					width:155px;
					display:block;
					background-image:url(images/bt-actif.png);
					color:#FF8100;
					text-decoration:none;
					padding-left:15px; padding-right:10px; padding-bottom:3px; padding-top:7px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					border-bottom:dotted 1px #FFFFFF;
					}
					
					
.navcontact			{
					height:19px;
					width:155px;
					color:#ffffff;
					text-decoration:none;
					padding-left:15px; padding-right:10px; padding-bottom:3px; padding-top:6px;
					display:block;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 14px;
					border-bottom:dotted 1px #FFFFFF;
					border-top:dotted 1px #FFFFFF;
					}
					
					
.navcontact:hover	{
					height:19px;
					width:155px;
					color:#a10e0d;
					text-decoration:none;
					padding-left:15px; padding-right:10px; padding-bottom:3px; padding-top:6px;
					display:block;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 14px;
					border-bottom:dotted 1px #FFFFFF;
					border-top:dotted 1px #FFFFFF;
					}


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

.cadre 				{ 
					float: left; 
					padding: 10px;
					position:relative;
					width:100px;
					height:100px;
					background-color:#00CCFF;
					}