/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	/*background:url(../images/bg.jpg) top left repeat-x;*/
	background-color:#F0F0F0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#95836A;
	behavior:url(../htc/csshover.htc)
	}
	
a {
	text-decoration:none;
	outline:none;
	}

.clearLeft {
	clear:left;
	}

.clearRight {
	clear:right;
	}

.clearBoth {
	clear:both;
	margin:0px;
	padding:0px;
	}

.blockleft {
	float:left;
	}
	
.blockright {
	float:right;
	}	

ul, li, form, h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}	
	
ul li {
	padding-bottom:0px;
	}
	
img{
	border:0px;
	top: 0px;
	right: 0px;
	}	
	
form{
	padding:0px;
	margin:0px;
	}
	
p {
	padding:0px;
	margin:0px;
	}
	
#container {
	padding-top:8px;
	width:808px;
	height:auto;
	margin: auto;
	padding-bottom:3px;
	position:relative;
	}
	
.headerTop {
	width:808px;
	height:107px;
	background:url(../images/bannerBgTop.jpg) top left no-repeat;
	}
	
.FMlogo {
	height:107px;
	width:298px;
	float:left;
	}
	
.PubMenu {
	height:103px;
	width:510px;
	float:left;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
.BannerPub {
	width:502px;
	height:65px;
	padding-left: 4px;
	}
	
.Menu {
	padding-top:7px;
	padding-left:6px;
	padding-right:7px;
	}
	
.accueil {
	width:95px;
	height:27px;
	float:left;
	}
	
.accueil a{
	background:url(../images/menuFr/accueilHover.jpg) top left no-repeat;
	width:95px;
	height:27px;	
	}
	
.Content {
	background:url(../images/ContentBg.png) top left repeat-y;
	width:808px;
	height:auto;
	}
	
*html .Content {
	background:url(../images/ContentBg.jpg) top left repeat-y;
	width:808px;
	height:auto;
	}	
	
	
#menu {
	/*background:url(images/MenuBg.png) top left no-repeat;*/
	width:auto;
	height:26px;
	padding-top:5px;
	padding-left:6px;
	padding-right:5px;
	font-size:12px;
	color:#CCCCCC;
	text-align: center;
	font-weight: bold;
	}
	
#menu ul li {
	width:95px;
	height:21px;
	list-style:none;
	float:left;
	padding-right:2px;
	background:url(../images/menuBgGeneral.jpg) top left no-repeat;
	margin-top: 1px;
	padding-top: 5px;
	}
	
#menu ul li a {
	color:#ccc;
	}	
	
#menu ul li a:hover {
	color:#999;
	}	
	
	
		
	
/*********************************HOME******************************/
	
#menu .MenuHome a {
	background:url(../images/menuFr/accueil.jpg) top left no-repeat;
	float:right;
	padding-right:2px;
	}
	
#menu .MenuHome a:hover {
	background:url(../images/menuFr/accueilHover.jpg) top left no-repeat;
	}
	
/*********************************HOME******************************/

.Devis {
	position:absolute;
	left: 270px;
	top: 132px;
	}

.ContentMain {
	padding:6px;
	_padding-left:2px;
	width:796px;
	height:auto;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
.NewsEvents {
	height:197px;
	width:284px;
	float:left;
	background:url(../images/NewsBg.jpg) top left no-repeat;
	margin-left: 4px;
	}
	
.FlashHome {
	width:auto;
	height:auto;
	float:left;
	padding-top: 1px;
	margin-left: 2px;
	}
	
.SloganNlogoEventsNWelcomeTxt {
	width:796px;
	height:auto;
	}
	
.sloganLeft {
	width:284px;
	height:185px;
	float:left;
	padding-left: 4px;
	}
	
.LogoEvents {
	width:172px;
	height:185px;
	float:left;
	background: #000;
	}
	
.LogoEvents img {
	width:172px;
	height:185px;
	}	
	
.Welcometxt {
	width:320px;
	height:173px;
	background:url(../images/welcometxtBg.jpg) top left repeat-x;
	float:left;
	padding: 6px;
	position: relative;
	}		
	
.SloganShadowBtm {
	width:788px;
	height:6px;
	background:url(../images/sloganShadowBg.jpg) top left repeat-x;
	margin-left:4px;
	margin-right:4px;
	}					
			
.upShadow {
	width:504px;
	height:6px;
	background:url(../images/sloganShadowBgup.jpg) bottom left repeat-x;
	float:right;
	}
	
.WelcomeTitre {
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
	background:url(../images/arrow01.jpg) top left no-repeat;
	padding-left:15px;
	padding-bottom: 6px;
	}
	
.WelcomeTitre h5 {
	font-size:13px;
	color:#FF6600;
	padding:0px;
	margin:0px;
	}	
	
.WelcomeWordings {
	border:3px solid #FFFFFF;
	padding:6px;
	height:auto!important;
	min-height:132px;
	color:#666666;}
	
.WelcomeWordings img {
	float:right;
	padding:2px;
	margin:4px;
	border:#ccc 1px solid;
	}	
	
*html .WelcomeWordings {
	height:132px!important;
	}
	
.ContentDescription {
	width:795px;
	height:auto;
	_padding-left:4px;
	
	}
	
.ontentDescriptionHautBg {
	/*background:url(../images/contentBgHaut.jpg) top left no-repeat;*/
	width:795px;
	height:6px;
	}
	
.ontentDescriptionBasBg {
	background:url(../images/contentBgBas.jpg) top left no-repeat;
	width:795px;
	height:7px;
	}	
	
.ContentDescriptionTxt {
	width:765px;
	height:auto;
	padding:15px;
	background-color:#000;
	}	
	
.ContentDescriptionTxtInt {
	width:775px;
	height:auto;
	padding:10px;
	background:#000;
	}	
			
.BottonBg {
	width:808px;
	height:15px;
	}
	
.TitleGeneral {
	font-size:12px;
	color:#33CCFF;
	font-weight:bold;
	text-transform:uppercase;
	background:url(../images/arrowTurquoise.jpg) top left no-repeat;
	padding-left:18px;
	padding-bottom: 7px;
	}
	
.TitleGeneral.Web {
	color:#E68A00;
	background:url(../images/arrowRed.jpg) top left no-repeat;
	}	
	
.TitleGeneral.Contact {
	color:#CC6633;
	background:url(../images/arrowRed.jpg) top left no-repeat;
	}	
	
.TitleGeneral.Qui-S-Nous {
	color:#CC3300;
	background:url(../images/arrowRed.jpg) top left no-repeat;
	}
	
.TitleGeneral.Groupe {
	color:#009966;
	background:url(../images/arrowGreen.jpg) top left no-repeat;
	}		
	
.TitleGeneral h1 {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
.NewsPage {
	width:755px;
	height:auto;
	border-bottom:1px dashed #666;
	padding-left:20px;
	padding-top:10px;
	padding-bottom: 8px;
	}
	
.NewsPageImg {
	width:92px;
	height:92px;
	padding-right:18px;
	float:left;
	}
	
.NewsPageImg img {
	border:2px solid #FFFFFF;
	width:90px;
	height:90px;
	}
	
.NewsPageTxt {
	width:640px;
	height:auto;
	float:left;
	}
	
.NewsPageTitle {
	font-size:12px;
	font-weight:bold;
	padding-bottom:6px;
	}
	
.NewsPageIntContent {
	color:#CCCCCC;
	}	
	
span.NewsDateInt {
	font-size:10px;
	color:#993300;
	}
	
.CircleRed {
	width:105px;
	height:195px;
	background:url(../images/circleRed.jpg) top left no-repeat;
	margin-right: 13px;
	float: left;
	margin-top: 8px;
	padding-left:45px;
	padding-right:45px;
	}	
	
.BlocMiddleVert {
	width:176px;
	height:202px;
	float:left;
	background:url(../images/blocHmMiddle.jpg) top left no-repeat;
	margin-right: 13px;
	padding-top: 8px;
	}
	
.CircleBlue {
	width:105px;
	height:195px;
	background:url(../images/circleBlue.jpg) top left no-repeat;
	margin-right: 13px;
	float: left;
	margin-top: 8px;
	padding-left:45px;
	padding-right:45px;
	}	
	
.BloGenralQuickLinks {
	width:160px;
	float:left;
	}

.Footer {
	width:550px;
	height:auto;
	border-top:1px dashed #666666;
	padding-top:8px;
	color:#999999;
	font-size:10px;
	margin-top: 18px;
	}
	
.Footer a {
	color:#999;
	}	
	
.Footer a:hover {
	color:#999;
	text-decoration:underline;
	}	
	
.CircleInt {
	width:auto;
	height:auto;
	}	
	
.RedCircleImg {
	width:32px;
	height:32px;
	padding-left: 37px;
	}
	
.RedCircleTitre {
	font-size:12px;
	font-weight:bold;
	color:#BD4C00;
	text-align: center;
	padding-top: 6px;
	}
	
.RedCircleDescrip {
	color:#CCCCCC;
	height:auto;
	padding-top: 8px;
	height:auto!important;
	min-height:92px;
	}

*html .RedCircleDescrip {
	height:92px!important;
	}
	
.RedCircleDescrip ul li {
	list-style:none;
	background:url(../images/arrowCircleRed.jpg) top left no-repeat;
	padding-left:12px;
	padding-bottom:5px;
	}
	
.RedCircleDescrip ul li a {
	color:#CCCCCC;
	}
	
.RedCircleDescrip ul li a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}		
	
.RedCircleReadMore {
	color:#99CC00;
	font-size:10px;
	text-align:center;
	padding-top:6px;
	}
	
.RedCircleReadMore a {
	color:#99CC00;
	}
	
.RedCircleReadMore a:hover {
	color:#99CC00;
	text-decoration:underline;
	}
	
.RedCircleTitre.blueTitre {
	color:#2674C2;
	}
	
.RedCircleDescrip.blueList ul li {
	background:url(../images/arrowCircleBlue.jpg) top left no-repeat;
	}						
	
.RedCircleTitre.VertTitre {
	color:#99CC33;
	}
	
.RedCircleDescrip.VertTxt {
	padding-left:15px;
	padding-right:15px;
	}
	
.RedCircleDescrip.VertTxt ul li {
	list-style:none;
	background:url(../images/arrowCircleGreen.jpg) top left no-repeat;
	}	
	
.RedCircleImg.VertImg {
	margin-left:35px;
	}
	
.ContentBlocEntier {
	width:765px;
	height:auto;
	padding-top: 10px;
	}	

.ContentBlocLeft {
	width:580px;
	height:auto;
	float:left;
	padding-right: 25px;
	text-align: justify;
	color: #CCCCCC;
	}
	
.contentBlocRight {
	width:160px;
	height:auto;
	float:left;
	}	
	
.sloganLeftBox {
	width:90px;
	height:85px;
	float:left;
	margin-right:4px;
	margin-top:5px;
	background-color: #CCCCCC;
	text-align:center;
	font-size:14px;
	color:#FF9900;
	font-weight:bold;
	}
	
.sloganLeftBox img {
	width:90px;
	height:85px;
	}	
	
.sloganLeftBox.ColorGrey {
	background:url(../images/bgWritings.jpg) top left no-repeat;
	}
	
.sloganLeftBox.ColorGrey.SloganMidTxt {
	height:57px;
	padding-top:28px;
	}
	
.sloganLeftBox.ColorGrey.blue {
	color:#fff;
	/*background:url(../images/bgWritings.jpg) top left no-repeat;*/
	background:#f1f1f1;
	color:#23C6E2;
	}
	
.sloganLeftBox.ColorGrey.blue img {
	width:37px;
	height:36px;
	}	
	
.sloganLeftBox.ColorGrey.green {
	color:#fff;
	/*background:url(../images/bgWritings-green.jpg) top left no-repeat;*/
	background:#f1f1f1;
	color:#99CC00;
	}
	
.sloganLeftBox.ColorGrey.green img {
	width:37px;
	height:36px;
	}			
	
.sloganLeftBox.ColorGrey.orange {
	color:#fff;
	/*background:url(../images/bgWritings-orange.jpg) top left no-repeat;*/
	background:#f1f1f1;
	color:#FF6600;
	}
	
.sloganLeftBox.ColorGrey.orange img {
	width:37px;
	height:36px;
	}						
	
.Newsletter {
	width:160px;
	height:auto;
	margin-top: 6px;
	border-bottom: 1px dashed #999;
	padding-bottom: 4px;
	margin-bottom: 4px;
	}
	
#newsletter td {
	height:20px;
	}
	
.NewsletterTitre {
	background:url(../images/NewsletterMail.jpg) top left no-repeat;
	font-weight:bold;
	padding-left:28px;
	height:23px;
	padding-top: 7px;
	}
	
#newsletter td input {
	height:13px;
	width:155px;
	font-size: 11px;
	}		
	
#newsletter td.NewsletterInscrire {
	text-align:right;
	color:#99CC00;
	padding-top:3px;
	font-size:10px;
	}
	
table#newsletter td.NewsletterInscrire input {
	background:none;
	border:none;
	color:#99CC00;
	cursor:pointer;
	}		
	
.SituationMaurice {
	width:160px;
	height:auto;
	border-bottom: 1px dashed #999;
	padding-bottom: 4px;
	text-transform:uppercase;
	padding-top:3px;
	}
	
.SituationMauriceTitre {
	background:url(../images/IconSmall.jpg) top left no-repeat;
	font-weight:bold;
	padding-left:28px;
	height:20px;
	padding-top: 7px;
	}
	
.SituationMap {
	width:160px;
	height:auto;
	}
	
.noborder{
	border:none;
	}

.ContenuIntTxtDescrrip {
	width:auto;
	height:auto;
	padding-left: 3px;
	padding-top: 8px;
	}
	
.ContenuIntTxtDescrrip ul li {
	list-style:none;
	margin-left:15px;
	padding-left:16px;
	background:url(../images/arrowGeneral.jpg) 0px 2px no-repeat;
	padding-bottom:10px;
	}	
	
.BlocRightQLinks {
	height:auto;
	width:160px;
	padding-top: 5px;
	border-bottom:1px dashed #999999;
	padding-bottom:5px;
	margin-bottom:3px;
	}
	
.BlocRightQLinks.noborder	{
	border:none;
	}		
	
.BlocRightQLinksTitre {
	background:top left no-repeat url(../images/blocdroitImg03.jpg);
	color:#BD4C00;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:29px;
	height: 20px;
	padding-top: 3px;
	}
	
.BlocRightQLinksTitre.portfolio {
	background:top left no-repeat url(../images/blocdroitImg04.jpg);
	color:#3399CC;
	}
	
.BlocRightQLinksTitre.press {
	background:top left no-repeat url(../images/blocdroitImg02.jpg);
	color:#339933;
	}		
	
.BlocRightQLinksTxt {
	height:auto;
	}															
	
.BlocRightQLinksTxt ul li {
	list-style:none;
	background:url(../images/arrow02.jpg) 0px 3px no-repeat;
	padding-left:13px;
	margin-left: 27px;
	padding-bottom: 4px;
	}
	
.BlocRightQLinksTxt ul li a {
	text-decoration:none;
	color:#95836A;
	}
	
.BlocRightQLinksTxt ul li a:hover {
	text-decoration:underline;
	color:#95836A;
	}		
	
.BlocDroitBas-ReadMore {
	text-align:right;
	font-size:10px;
	color:#99CC00;
	}
	
.BlocDroitBas-ReadMore a {
	color:#99CC00;
	text-decoration:none;
	}
	
.BlocDroitBas-ReadMore a:hover {
	color:#99CC00;
	text-decoration:underline;
	}
	
.ContactTxtGauche {
	width:250px;
	height:auto;
	float:left;
	padding-right:20px;
	padding-top:6px;
	}
	
.ContactFormulaireDroit {
	width:307px;
	height:auto;
	float:left;
	}					
	
.ContactList {
	width:auto;
	height:auto;
	padding-bottom:3px;
	border-bottom:1px dashed #666666;
	margin-bottom:10px;
	}
	
.ContactList.noborder {
	border:none;
	}	
	
.ContactList ul li {
	list-style:none;
	line-height:6pt;
	background-image:none;
	}
	
ul li.contactListBtm {
	background:url(../images/arrow02.jpg) 0px -1px no-repeat;
	text-transform:uppercase;
	color:#96B744;
	font-weight:bold;
	}
	
.ContactList ul li a {
	color:#3399CC;
	}
	
.ContactList ul li a:hover {
	color:#3399CC;
	text-decoration:underline;
	}

table#Formulaire td {
	width:150px;
	height:20px;
	}
	
table#Formulaire th {
	width:110px;
	height:32px;
	text-align:left;
	padding-left: 15px;
	}
	
table#Formulaire th.titreTab {
	height:25px;
	color:#96B744;
	text-transform:uppercase;
	font-weight:bold;
	width:307px;
	vertical-align: top;
	padding-left: 0px;
	}
	
table#Formulaire td input {
	height:19px;
	width:161px;
	font-size:11px;
	background:url(../images/inPutBg.jpg) top left no-repeat;
	border:none;
	_background-attachment:fixed;
	color:#fff;
	padding-top:4px;
	padding-left:7px;
	padding-right:7px;
	}
	
table#Formulaire td select	{
	width:55px;
	height:18px;
	font-size:10px;
	}
	
table#Formulaire td.FormulaireBtn {
	height:40px;
	}	
	
table#Formulaire td.FormulaireBtn input {
	width:70px;
	height:24px;
	background:url(../images/btnImageContact.jpg) top left no-repeat;
	color:#fff;
	font-weight:bold;
	border:none;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	padding-bottom:5px;
	font-size:10px;
	}					
	
	
	
			
							
							
				
	
						
	
	
/* :::::::::::::::::::::::::::::::::::::::::::::::::::: news.php ::::::::::::::::::::::::::::::::::::::::::::::::: */


.news h2 {
	display:none;
	}

h3.communiques {
	margin:10px 0 0 10px;
	padding-bottom:12px;
	padding-top:8px;
	padding-left:4px;
	color:#000;
	font-size:15px;
	text-transform:uppercase;
	}
	
#div_com a {
	color:#000;
	}
	
#div_com a:hover {
	color:#666666;
	}		
		
.communique {
	padding:0 25px 0 17px;
	line-height:1.2em;
	}

.news h3.blogs {
	float:left;
	margin:2px 0 0 10px;
	padding:0;
	color:#848484;
	font-size:1.2em;
	text-transform:uppercase;
	}
	
.blog {
	clear:left;
	margin:5px 0 0 0;
	padding:0 25px 0 17px;
	line-height:1.2em;
	}
	
.NewsEventsReadMore {
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:25px;
	padding-right:10px;
	}
	
.NewsEventsReadMore a {
	color:#fff;
	}
	
.NewsEventsReadMore a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
	


/******************************************************nav***************************************/

.menu-links-up {
	width:auto;
	height:19px;
	padding-top:7px;
	margin-left:0px;
	}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}


#nav a{
display:block;
padding:0px;
color:#CCCCCC;
text-decoration:none;
}


#nav a:hover{
color:#999999;
}

#nav li a.active{
	color:#D8E9CD;
	}
	
#nav li.MenuTest {
	text-align:center;
	}		

#nav li{
float:left;
position:relative;
background:url(../images/menuBgTest.jpg) top left no-repeat;
width:95px;
height:26px;
padding-right:2px;
padding-top:3px;
}


#nav li ul#nav2 {
position:absolute;
display:none;
width:7em;
top:25px;
}

#nav li ul#nav2 a{
width:11em;
height:12px;
float:left;
}

	

ul#nav li ul#nav2 li {
	background-color:#000;
	font-size:11px;
	padding-left:4px;
	background:url(../images/MenuDropBg.png) top left no-repeat;
	width:83px;
	height:21px;
	color:#ccc;
	left:-1px;
	font-weight:normal;
	}
	
ul#nav li ul#nav2 li a {
	color:#ccc;
	}
	
ul#nav li ul#nav2 li a:hover {
	color:#999;
	}		
	
ul#nav li.MenuDept	{
	padding-left:8px;
	width:87px;
	}

/******************************************************Fin-nav***************************************/

/***********Popup*************/

a{
cursor: pointer;
text-decoration:none;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#333;
border:1px solid #32CAE4;
z-index:1000000;
}
#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:auto;
	width:467px;
	z-index:1000001;
	font-size:11px;
}

.PopupTitre {
	font-size:18px;
	font-weight:bold;
	color:#42CDE6;
	background:url(../images/popupArrow.jpg) 0px 1px no-repeat;
	padding-left:23px;
	margin-bottom:15px;
	}
	
.PopupHaut{
	background:url(../images/popupBgHaut.jpg) bottom left no-repeat;
	width:467px;
	height:5px;
	position: relative;
	}
	
.PopupContenu{
	background:#fff;
	width:447px;
	height:300px;
	padding-left:10px;
	padding-right:10px;
	}	
	
.PopupBas{
	background:url(../images/popupBgBas.jpg) top left no-repeat;
	width:467px;
	height:5px;
	}	

.PopupClose {
	position:absolute;
	top:-23px;
	right:0px;
	_right:-1px;
	cursor:pointer;
	}
	
.PopupDetails {
	width:auto;
	height:auto;
	}
	
.PopupDetails ul li {
	list-style:none;
	padding-bottom:8px;
	margin-left:10px;
	margin-top:7px;
	background:url(../images/arrowWhiteBg.jpg) 0px 2px no-repeat;
	padding-left:18px;
	border-bottom:dotted 2px #999;
	margin-right:10px;
	font-size:12px;
	color:#666;
	line-height:17px;
	}
	
.PopupDetails ul li a {
	color:#666;
	}
	
.PopupDetails ul li a:hover {
	color:#999;
	}		
	
.PopupDetails ul li.noborderNew	{
	border:none;
	}		
	

	
/*************Fin-Popup********************/


/*****************************Departement***********************/

.DeptOnglet {
	width:auto;
	height:auto;
	}
	
.OngletLien {
	width:auto;
	height:auto;
	_position:relative;
	}
	
/*.OngletLienBg {
	background:url(../images/onglet-lienA.jpg) bottom left no-repeat;
	width:152px;
	height:20px;
	float:left;
	margin-left:6px;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding-top:6px;
	}
	
.OngletLienBg a {
	color:#fff;
	}
	
.OngletLienBg a:hover {
	color:#fff;
	text-decoration:underline;
	}		

.OngletLienBg.LienB {
	background:url(../images/onglet-lienB.jpg) bottom left no-repeat;
	}
	
.OngletLienBg.LienC {
	background:url(../images/onglet-lienC.jpg) bottom left no-repeat;
	}*/
	
.OngletBlocGeneral {
	width:577px;
	height:auto;
	}
	
.OngletBlocGeneral-Haut {
	
	width:577px;
	height:7px;
	
	padding:0px;
	margin:0px;
	}
	
.OngletBlocGeneral-Bg {
	width:577px;
	height:auto!important;
	min-height:380px;
	background:url(../images/ongletBloc-Bg.jpg) top left repeat-x #D1D1D1;
	padding-bottom:10px;
	}

*html .OngletBlocGeneral-Bg {
	height:380px!important;
	}		
	
.OngletBlocGeneral-Bas {
	background:url(../images/ongletBloc-Bas.jpg) top left no-repeat;
	width:577px;
	height:8px;
	}	
	
.OngletTitre {
	font-size:12px;
	color:#FF0099;
	font-weight:bold;
	padding-top:4px;
	width:200px;
	height:auto;
	padding-left:10px;
	padding-bottom:6px;
	}
	
.OngletTitre.Blue {
	color:#2391FF;
	}
	
.OngletTitre.Green {
	color:#3DC23A;
	}		
	
.OngletContenutxt {
	color:#333333;
	padding-left:10px;
	width:557px;
	padding-left:10px;
	position: relative;
	}
	
.OngletContenutxt ul li {
	list-style:none;
	padding-bottom:8px;
	padding-left:13px;
	background:url(../images/arrowBlack.gif) 0px 2px no-repeat;
	}
	
.ThumbSite {
	width:113px;
	height:114px;
	float:left;
	padding-left:24px;
	padding-top:10px;
	}	
	
.ThumbSite img {
	width:113px;
	height:114px;
	border:1px solid #fff;
	}
	
.WebIcon {
	position:absolute;
	left: 392px;
	top: 99px;
	}										

#essentiel {
	display:block;
	}
	
#orientation {
	display:none;
	}	
	
#actualite {
	display:none;
	}
	
#A {
	background:url(../images/onglet-lienA.jpg) bottom left no-repeat;
	width:152px;
	height:20px;
	float:left;
	margin-left:6px;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding-top:6px;
	}
	
#B {
	background:url(../images/onglet-lienB.jpg) bottom left no-repeat;
	width:152px;
	height:20px;
	float:left;
	margin-left:6px;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding-top:6px;
	}
	
#C {
	background:url(../images/onglet-lienC.jpg) bottom left no-repeat;
	width:152px;
	height:20px;
	float:left;
	margin-left:6px;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding-top:6px;
	}	
	
	 	
	
#A.active, #A:hover  {
	background:url(../images/onglet-Active.jpg) bottom left no-repeat;
	width:152px;
	height:20px
	}

#A a {
	color:#fff;
	}
	
#A a:hover {
	color:#FF6600;
	}
	
#A.active a {
	color:#FF6600;
	text-decoration:none;
	}
	
#A.active a:hover {
	color:#FF6600;
	text-decoration:none;
	}					
	
		
	
#B a {
	color:#fff;
	}
	
#B a:hover {
	color:#FF6600;
	}			
	
#B.active, #B:hover {
	background:url(../images/onglet-Active.jpg) bottom left no-repeat;
	width:152px;
	height:20px;
	color:#000;
	}
	
#B.active a {
	color:#FF6600;
	text-decoration:none;
	}
	
#B.active a:hover {
	color:#FF6600;
	text-decoration:none;
	}
	
			
		
#C a {
	color:#fff;
	}
	
#C a:hover {
	color:#fff;
	color:#FF6600;
	}
	
#C.active, #C:hover {
	background:url(../images/onglet-Active.jpg) bottom left no-repeat;
	width:152px;
	height:20px
	}
	
#C.active a {
	color:#FF6600;
	text-decoration:none;
	}
	
#C.active a:hover {
	color:#FF6600;
	text-decoration:none;
	}		

/*****************SlideShow-Gallery*********************/

#gallery {
	position:relative;
	height:196px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#fff; 
		height:36px; 
		width:auto; 
		position:absolute;
		bottom:0px;
		margin-bottom:2px;
		overflow:hidden;
		padding-bottom:2px;
		font-size:14px;
		font-weight:bold;
		padding-top:4px;
		text-transform:uppercase;
	}

	#gallery .caption .content {
		margin:5px;
		padding-left:3px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
/*****************Fin-SlideShow-Gallery*********************/	
		
/******************Menu**********************/

.MenuMain {
	width:485px;
	height:25px;
	background:url(../images/MenuBg.jpg) top left no-repeat;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding-top:4px;
	padding-left:15px;
	}
	
.MenuMain ul li {
	list-style:none;
	display:inline;
	background:url(../images/menuArrow.jpg) 0px 3px no-repeat;
	padding-left:12px;
	margin-right:10px;
	}
	
.MenuMain ul li a {
	color:#fff;
	}		

.MenuMain ul li a:hover, .MenuMain ul li.selected a  {
	color:#179BB3;
	}		
	
.MenuMain ul li:hover, .MenuMain ul li.selected {
	background:url(../images/menuArrowHover.jpg) 0px 3px no-repeat;
	color:#179BB3;
	}			
		




.basic  {
	width:160px;
	padding-top:1px;
	padding-bottom:1px;
}



a.accLien {
	cursor:pointer;
	display:block;
	padding-top:10px;
	color: #fff;
	width:154px;
	height:26px;
	font-size:13px;
	padding-bottom:2px;
	color:#fff;
	background:url(../images/menuDroitBg.jpg) top left no-repeat;
	padding-left:6px;
	font-weight: bold;
}

a.accLien.Vert {
	background:url(../images/ongletBgVert.jpg) top left no-repeat;
}

a.accLien.Orange {
	background:url(../images/OngletBgOrange.jpg) top left no-repeat;
}

a.accLien.noPadBtm {
	padding-bottom:0px;
	}	
	
.Acc-Container {
	width:auto;
	height:auto;
	}
	
.Acc-ContainerInt ul li { 
	list-style:none;
	margin-bottom:7px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	padding-left:12px;
	background:url(../images/arrowMaron.jpg) 0px 2px no-repeat;
	border-bottom:1px dashed #333;
	padding-bottom:6px;
	}	
	
.Acc-ContainerInt ul li a {
	color:#95836A;
	}
	
.Acc-ContainerInt ul li a:hover {
	color:#C7BDAF;
	}
	
.Acc-ContainerInt ul li.NoBakG {
	background:none;
	}		
	
span.DeroulantSty {
	background:url(../images/deroulantArrow.jpg) 0px 2px no-repeat;
	padding-left:20px;
	text-transform: uppercase;
	}
	
span.DeroulantSty.Vert {
	background:url(../images/ongletBgVertArrow.jpg) 0px 2px no-repeat;
	}	
	
span.DeroulantSty.Orange {
	background:url(../images/ongletBgOrangeArrow.jpg) 0px 2px no-repeat;
	}
	
.VoirPLusOnglet {
	color:#999999;
	padding-bottom:10px;
	text-align:right;
	padding-right:10px;
	}
	
.VoirPLusOnglet a {
	color:#95836A;
	}
	
.VoirPLusOnglet a:hover {
	text-decoration:underline;
	color:#CAC1B5;
	}						

/*******************BOXOVER**********************/

.thdrcell {
	background:#F3F0E7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #F57D05;
 }
 
 .tdatacell {
	font-family:arial;
	font-size:12px;
	padding:5px;
	background:#FFFFFF;
 }
 
 .dvhdr1 {
	background:#F57D05;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	border:1px solid #F57D05;
	padding:3px;
	width:154px;
 }
 
 .dvhdr2 {
	background:#53C0E5;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	border:1px solid #53C0E5;
	padding:3px;
	width:154px;
 } 
 
 .dvbdy1 {
	background:#FFFFFF;
	font-size:11px;
	border-left:1px solid #F57D05;
	border-right:1px solid #F57D05;
	border-bottom:1px solid #F57D05;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	width:150px;
 }
 
 .dvbdy2 {
	background:#FFFFFF;
	font-size:11px;
	border-left:1px solid #53C0E5;
	border-right:1px solid #53C0E5;
	border-bottom:1px solid #53C0E5;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	width:150px;
 } 

 .dogvdvhdr {
	width:300px;
	background:#C4D5E3;
	border:1px solid #C4D5E3;
	font-weight:bold;
	padding:10px;
 }
 
 .dogvdvbdy {
	width:300px;
	background:#FFFFFF;
	border-left:1px solid #C4D5E3;
	border-right:1px solid #C4D5E3;
	border-bottom:1px solid #C4D5E3;
	padding:10px;
 }
 
 .pgdiv {
 width:320px;
 height:250px;
 background:#E9EFF4;
 border:1px solid #C4D5E3;
 padding:10px;
 margin-bottom:20;
 font-family:arial;
 font-size:12px;
 }
 
/***************Fin-BOXOVER****************/


/******************BlocBasHomepage******************/

.BlocHmPageBas {
	float:left;
	width:192px;
	height:auto;
	margin-right:9px;
	} 
	
.BlocBas-haut {
	background:url(../images/hmP-boxBlue-haut.jpg) bottom left no-repeat;
	width:165px;
	height:31px;
	padding-left:27px;
	padding-top:17px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	}
	
.BlocBas-Bg {
	background:url(../images/hmP-boxBlue-bg.jpg) top left repeat-y;
	width:176px;
	height:208px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	}
	
.BlocBas-bas {
	background:url(../images/hmP-boxBlue-bas.jpg) top left no-repeat;
	width:192px;
	height:33px;
	}	
	
.BlocBas-hautVert {
	background:url(../images/hmP-boxGreen-haut.jpg) bottom left no-repeat;
	width:165px;
	height:31px;
	padding-left:27px;
	padding-top:17px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	}
	
.BlocBas-BgVert {
	background:url(../images/hmP-boxGreen-bg.jpg) top left repeat-y;
	width:176px;
	height:208px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	}
	
.BlocBas-basVert {
	background:url(../images/hmP-boxGreen-bas.jpg) top left no-repeat;
	width:192px;
	height:33px;
	}
	
.POsRelBas {
	position:relative;
	}	
	
.BtnBas {
	position:absolute;
	background:url(../images/btnGreen.jpg) top right no-repeat;
	top:-15px;
	right:5px;
	width:67px;
	height:17px;
	color:#fff;
	text-align:center;
	padding-top:2px;
	}
	
.BtnBas.Orang {
	background:url(../images/btnorange.jpg) top right no-repeat;
	}	
	
.BtnBas a {
	color:#fff;
	}
	
.BtnBas a:hover {
	color:#F3F3F3;
	}			
	
.BlocBas-hautOrange {
	background:url(../images/hmP-boxOrange-haut.jpg) bottom left no-repeat;
	width:165px;
	height:31px;
	padding-left:27px;
	padding-top:17px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	}
	
.BlocBas-BgOrange {
	background:url(../images/hmP-boxOrange-bg.jpg) top left repeat-y;
	width:176px;
	height:208px;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	}
	
.BlocBas-basOrange {
	background:url(../images/hmP-boxOrange-bas.jpg) top left no-repeat;
	width:192px;
	height:33px;
	}	
	
.BlocBas-Bg-Int ul li {
	background:url(../images/arrowGreen02.jpg) top left no-repeat;
	padding-left:24px;
	padding-bottom:8px;
	margin-bottom:5px;
	border-bottom:1px dashed #ccc;
	padding-top:2px;
	}
	
.BlocBas-Bg-Int ul li.BgOrange {
	background:url(../images/arrowOrange.jpg) top left no-repeat;
	}
	
.BlocBas-Bg-Int ul li.BgArrowOrange {
	background:url(../images/arrowBlue.jpg) top left no-repeat;
	border-bottom:none;
	}
	
.BlocBas-Bg-Int ul li a {
	color:#95836A;
	}	
	
.BlocBas-Bg-Int ul li a:hover {
	color:#95836A;
	text-decoration:underline;
	}	
	
span.BBTitre {
	font-weight:bold;
	font-size:12px;
	padding:0px;
	margin:0px;
	}					

.BgBak {
	width:auto;
	height:auto;
	bottom:-70px;
	_bottom:400px;
	right:-100px;
	z-index:-1;
	position:absolute;
	}
	
/**********************PortfolioScroller*************************/

.PortfolioScroller {
	width:558px;
	height:auto;
	margin-left:12px;
	margin-top: 5px;
	}	
	
.PortHaut {
	background:url(../images/blocPortfolio-Haut.jpg) bottom left no-repeat;
	width:552px;
	height:42px;
	}

.PortBas {
	background:url(../images/blocPortfolio-Bas.jpg) top left no-repeat;
	width:552px;
	height:8px;
	}	
	
.PortContenu {
	background:url(../images/blocPortfolio-iNT.jpg) top left repeat-y;
	width:552px;
	height:100px;
	}	

.PortTxtHaut {
	float:left;
	width: 490px;
	padding-left:15px;
	padding-top:10px;
	color:#666;
	font-size: 12px;
	}
	
.PortControl {
	float:left;
	padding-top: 8px;
	}		

.PortArrowLeft {
	float:left;
	padding-right:8px;
	position:relative;
	}	
	
.PortArrowRight {
	float:left;
	position:relative;
	}	

.TitreServiceInt {
	margin-left:8px;
	padding-bottom:8px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:underline;
	}